@charset "UTF-8";

@media screen and (max-width: 767px) {}
@media screen and (min-width: 768px) and (max-width: 1224px) {}
@media screen and (min-width: 1225px) {}


/* common setting */
main {
	background-color: #f5f5f5;
}

.sectionWrap:not(:nth-of-type(2),:nth-of-type(4),:nth-of-type(7)), .sectionWrap:nth-of-type(2) .sw2, .sectionWrap:nth-of-type(7) ul, .footerWrapper, .infoWrapper .footerInfo {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	max-width: 1125px;
	color: #756867;
}

@media screen and (min-width: 1225px) {
	
}

.sectionWrap, .safeWrap, .footerWrapper, .infoWrapper {
	text-align: center;
}

.newsWrapper, .footerWrapper {
	margin-bottom: 15vh;
}

/* header */
header .headerWrapper {
	color: #756867;
}

header .cmpy_title nav ul li a {
	background: linear-gradient(90deg, #ff961e, #ff9158);
}

header nav .menu li span {
	padding: 0;
	color: #756867;
	display: inline-block;
}

header .headerWrapper .header_1 .topic_menu li span:first-child {
	text-transform: uppercase;
}

header .headerWrapper .header_1 .topic_menu li span {
	display: block;
}

/* 18 alert */
.s_in {
	background-color: #e2c1be;
}

.s_in p {
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	text-align: center;
	line-height: 1.6;
	font-weight: bold;
	color: #756867;
}

/* Top Image */
.topIndexBanner {
	background: url(https://bambi.ne.jp/images/1/1/modelwork/top01.jpg) top/cover no-repeat;
}

.topIndexBanner h2 div {
	position: relative;
}

.topIndexBanner h2 div:before {
	content: "";
	position: absolute;
	background: url(https://bambi.ne.jp/images/2/h2_deco1.png) no-repeat;
}

.topIndexBanner h2 div:after {
	content: "";
	position: absolute;
	background: url(https://bambi.ne.jp/images/2/h1_deco2.png) no-repeat;
}

.sectionWrap .ouen {
	display: block;
	width: 100%;
	position: relative;
	z-index: 99;
}

.sectionWrap .ouen:first-of-type:before {
	position: absolute;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	content: "";
	background: url(https://bambi.ne.jp/images/2/check_title.png) top center no-repeat;
	background-size: contain;
}


/* h tag */
/* 吹き出し本体 */
.fukidasi {
	position: relative;
	background: #e2c1be /*#756867*/;
}

.fukidasi:before{
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 24, 24, 0);
}

.fukidasi:after{
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #e2c1be /*#756867*/;
}

.sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
	color: #fff;
}

.sectionWrap h2 {
	margin-bottom: 1%;
	font-size: max(3vw, 30px);
	line-height: 2.0;
	text-align: center;
}

.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type {
	text-transform: uppercase;
}

/* section */
.sectionWrap div:first-of-type span:first-of-type.catch {
	background: #fff1fe;
}

.sectionWrap div:first-of-type span:nth-of-type(2).catch {
	background: #fef9da;
}

.sectionWrap div:first-of-type span:last-of-type.catch {
	background: #dcf4ff;
}

.sectionWrap .ouen span {
	display: block;
}

/* Advantage */
.advanWrap .gl03Wrap {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}

.advanWrap {
	position:relative;
	z-index: 99;
}

.advanWrap .gl03Wrap .gl03 li:nth-child(3n+1) {
	background: #fff url(https://bambi.ne.jp/images/2/pink_stripe.png) top left no-repeat;
}

.advanWrap .gl03Wrap .gl03 li:nth-child(3n+2) {
	background: #fff url(https://bambi.ne.jp/images/2/yellow_stripe.png) top left no-repeat;
}

.advanWrap .gl03Wrap .gl03 li:nth-child(3n+3) {
	background: #fff url(https://bambi.ne.jp/images/2/blue_stripe.png) top left no-repeat;
}

.advanWrap .gl03Wrap .gl03 li .cpy {
	color: #fff;
	display: block;
}

.pointWrap, .safeWrap {
	background: #fff;
}

.sectionWrap:nth-of-type(2) {
	position: relative;
	z-index: 99;
	background-blend-mode:lighten;
}

.sectionWrap:nth-of-type(6) {
	background: rgb(255, 184, 184);
}

/* Point */
.sectionWrap .gl04Wrap .gl04 li:last-child {
	margin-bottom: 0;
}

/* guarantee */
.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 {
	text-align: center;
}

/* Safety Agency */
.safeWrap .wa04_1 li img {
	width: 100%;
	height: auto;
	border:#ccc 1px solid;
	vertical-align: bottom;
}

/* model list */
.l_bnr {
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
	display: inline-block;
	background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
	color: #fff !important;
	border-radius: 3px;
	-webkit-filter:drop-shadow(5px 5px rgb(206, 206, 206));
	-moz-filter:drop-shadow(5px 5px rgb(206, 206, 206));
	-ms-filter:drop-shadow(5px 5px rgb(206, 206, 206));
	filter:drop-shadow(5px 5px rgb(206, 206, 206));
}

/* Contact*/
.contactWrap .cf_1 li a {
	z-index: 999;
	position: relative;
}

.contactWrap .cf_1 li:first-child a {
	background-image: linear-gradient(150deg,#00B900,#16d416);
}

.contactWrap .cf_1 li:nth-of-type(2) a {
	background: #3FA7C9;
}

.contactWrap .cf_1 li:last-child a {
	background: #FE8D5C;
}

.contactWrap .cf_1 li a:hover {
	opacity: .8;
}

.contactWrap .cf_1 li span {
	display: block;
}

.contactWrap {
	text-align: center;
/*	background: #FFF2C1;*/
}

/* footer */
.footerWrap {
/*	background: #FBFBEA;*/
	line-height: 1.8;
}

.footerWrap div span {
	display: block;
}

/* List */
.sectionWrap .gl04Wrap .gl04 li {
	background: #fffbed;
}

.sectionWrap .gl05Wrap .gl05 li .m_p {
	box-shadow: 0 5px 5px 0 rgba(135, 126, 126, .3);
}

/* Work & Guarantee */
.sectionWrap .gl04_2Wrap .gl04_2 li:first-of-type .cpyInner {

}

/* Models */
.sectionWrap .gl05Wrap .gl05 li .m_p {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* SNS */
.sectionWrap .gl05Wrap .gl05 li .gl05_sns a {
	background: #756867;
	display: inline-block;
	color: #fff;
}

header .headerWrapper .header_1 nav .sns_menu li span {
	color: #fff;
}

header .headerWrapper .header_1 nav .sns_menu li.twitter {
	background: #3FA7C9;
}

header .headerWrapper .header_1 nav .sns_menu .instagram {
	background: #FE8D5C;
}

header .headerWrapper .header_1 nav .sns_menu li a span {
	display: block;
	color: #fff;
}

.advanWrap {
	border-image-source: url(https://bambi.ne.jp/images/2/line.png);
}

/* 蛍光ペン */
.keiko_pen01, .keiko_pen05 {
	background-color: transparent;;
}

.keiko_pen02{
	background:linear-gradient(transparent 30%, rgb(255, 183, 231) 60%);
}

.keiko_pen03{
	background:linear-gradient(transparent 30%, #6cf 60%);
}

.keiko_pen04{
	background:linear-gradient(transparent 30%, #6f6 60%);
}

/* Resize setting */
@media screen and (max-width: 767px) {

	/* p tag */
	p, pre, footer span {
		line-height: 1.8;
	}

	p, pre {
		font-size: 3.65vmin;
	}

	.i_p {
		text-align: left;
	}

	.i_p mark {
	
	}

	.modelWrap .i_p, .contactWrap .i_p {
		text-align: center;
	}

	.advanWrap .i_p, .sectionWrap:not(:nth-of-type(5)) .i_p, .safeWrap .i_p, .contactWrap .i_p {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	.i_p:last-of-type {
		margin-bottom: 15vmin;
	}

	/* p tag */
	.sectionWrap:nth-of-type(2) .sw2 p:last-of-type {
		margin-bottom: 5vh;
	}

	footer span {
		font-size: 2.4vmin;
	}

	.sw2 p, .safeWrap .i_p {
		text-align: left;
	}

	/* MENU1 */
	header {
		padding-top: min(120px, 20vmin);
	}

    header .cmpy_title {
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
		padding-top:  5px;
		padding-bottom:  3vmin;
		width: 100%;
		height: auto;
		display: block;
		z-index: 999;
        line-height: 1.2;
        background-color: rgba(255, 255, 255, 0.5);
	}

    header .cmpy_title h1 {
        font-size: 1.8vmin;
        float: right;
        display: block;
    }

    header .cmpy_title b {
        margin: 0;
        padding: 0;
        display: block;
        width: auto;
    }

    header .cmpy_title b img {
        max-width: 170px;
        width: 28%;
        height: auto;
    }

	header .cmpy_title nav {
		margin-top: min(60px, 3.5vmin);
		width: 100%;
	}

	header .cmpy_title nav ul {
		margin: 0 auto;
		width: 95%;
		display: block;
	}

	header .cmpy_title nav ul li {
		width: calc(95% / 2);
		float: left;
		display: inline-block;
    	text-align: center;
		font-size: 2.0vmin;
		font-weight: 700;
	}

	header .cmpy_title nav ul li:first-child {
		margin-right: 5%;
	}

	header .cmpy_title nav ul li a {
		padding: 2.0vmin 5vmin;
		color: #fff;
		width: 100%;
		border-radius: 15px;
		display: inline-block;
	}

	header .headerWrapper .header_1 {
		padding-right: 2%;
		padding-left: 2%;
		background: #e2c1be;
	}

	header .headerWrapper .header_1 .topic_menu {
		margin-bottom: 0.5vmin;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	header .headerWrapper .header_1 .topic_menu li {
		width: calc(100%/3);
		display: inline-block;
		font-size: 2.7vmin;
		text-align: center;
		background: #cfa5a2;
	}

	header .headerWrapper .header_1 .topic_menu li:nth-child(-n + 3) {
		border-bottom: 1px solid #fff;
	}

	header .headerWrapper .header_1 .topic_menu li:nth-child(-n+2), header .headerWrapper .header_1 .topic_menu li:nth-child(n+4):nth-child(-n+5) {
		border-right: 1px solid #fff;
	}

	header .headerWrapper .header_1 .topic_menu li a {
		padding-top: 1.5vmin;
		padding-bottom: 1.5vmin;
		display: block;
	}

	header .headerWrapper .header_1 .topic_menu li span {
		color: #fff;
	}

	header .headerWrapper .header_1 .topic_menu li span:nth-of-type(2) {
		font-size: 50%;
		font-weight: 900;
	}

	/* MENU2 */
	header .headerWrapper .header_1 .fixedmenu {
		width: 100%;
		padding-top: 5vmin;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index:9999;
		background: rgb(245, 245, 245, 0.7);
		text-align: center;
	}

	header .headerWrapper .header_1 .fixedmenu .menu {
	  display: flex;
	  flex-wrap: wrap;     /* 折り返しを許可 */
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li {
	  text-align: center;
	  line-height: 1.25;
	  flex: 1 1 50%; /* デフォルトは横2列 */
	}

	/* 非表示 */
	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(1),
	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(5) {
	  display: none;
	}

	/* 4番目を先頭に＆横幅100% */
	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(4) {
	  order: 1;
	  flex: 0 0 100%;      /* 横幅MAX */
	}

	/* 2番目・3番目を後ろに並べる */
	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(2) { order: 2; }
	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(3) { order: 3; }

	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) {
		display: flex;          /* div と a を横並びに */
		align-items: center;    /* 縦位置を中央揃え */

	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .extra {
		padding: 1em 1.2em;
		white-space: nowrap;    /* 折り返し防止（必要なら） */
		flex: 2;
		text-align: center;
		color: #fff;
		font-size: 73%;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .extra span {
		color: yellow !important;
		font-size: 135%;
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .extra b {
		padding: 0.2em 0.5em;
		display: line-block;
		background-color: orange;
		font-weight: 900;
	}

	/* 矢印 */
	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .arrow {
		flex: 0;               
		font-size: 1.2em;      /* （テキストを隠すので実質不要） */
		line-height: 1;        
		display: flex;
		align-items: center;   
		color: transparent;    /* テキストを非表示に */
		padding: 0.5em;
		
		background-image: url("https://bambi.ne.jp/images/1/bambi_line.png"); /* 画像のURL */
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain; /* 可変せず収まるように表示 */
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) a {
		flex: 2;                /* 残り幅をリンクが占有 */
		text-align: center;       /* お好みで調整 */
		padding-right: 0.5em;
		padding-left: 0.5em;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(1), header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(5) {
		display: none;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(-n + 2) {
		background: #3FA7C9;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(3) {
		background: #FE8D5C;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(4) {
		background-image: linear-gradient(150deg, #00B900, #16d416);
	}

	header .headerWrapper .header_1 .fixedmenu .menu li:nth-child(5) {
		background: #f7b900;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li a {
		padding-top: 3vmin;
		padding-bottom: 3vmin;
		display: inline-block;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li .m_title {
		color: #fff;
		font-size: 3.2vmin;
	}

	header .headerWrapper .header_1 .fixedmenu .menu li .m_title2 {
		color: #fff;
		font-size: 2.4vmin;
	}

	header .headerWrapper .header_1 .keiko_pen01 {
		position: absolute;
		top: 3px;
		left: 0;
		width: 100%;
		font-size: 2.4vmin;
		color: #756867;
	}

	/* top banner */
	.topIndexBanner {
		width: 100%;
		height: 35vh;
		position: relative;
		overflow: hidden;
	}

	.topIndexBanner h2 {
		width: 90%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		font-size: 5.8vmin;
		display: inline-block;
		text-align: center;
		z-index: 3;
		color: #fff;
		font-style: italic;
	}

	.topIndexBanner h2 span {
		font-size: 50%;
		display: block;
	}

	.topIndexBanner h2 div:before, .topIndexBanner h2 div:after {
		width: 50px;
		height: 50px;
	}

	.topIndexBanner h2 div:before {
		top: -25px;
		left: -10px;
		background-size: cover;
	}

	.topIndexBanner h2 div:after {
		bottom: -25px;
		right: -10px;
		background-size: cover;
	}

	header .headerWrapper .header_1 nav .sns_menu li a span:nth-of-type(2) {
		font-size: 10px;
	}

	header .headerWrapper .header_1 nav .sns_menu li:not(:last-child) {
		margin-bottom: 2%;
	}

	header .headerWrapper .header_1 .menu_contact {
		padding: 1rem 0;
	}

	header .headerWrapper .header_1 .menu_contact span {
		display: block;
	}

	header .headerWrapper .header_1 .menu_contact span:first-of-type {
		font-size: 120%;
	}

	header .headerWrapper .header_1 .menu_contact span:nth-of-type(2) {
		font-size: 9px;
	}

	/* 18 alert */
	.s_in {
		padding-top: 1.5%;
		padding-bottom: 1.5%;
		padding-right: 1.5%;
		padding-left: 1.5%;
	}

	.s_in p {
		font-size: 1.8vmin;
		font-weight: 900;
	}

	/* section */
	.safeWrap, .advanWrap, .pointWrap, .modelWrap, .sectionWrap:nth-of-type(2), .sectionWrap:nth-of-type(5), .sectionWrap:nth-of-type(8) {
		padding-top: 18vmin;
		padding-bottom: 20vmin;
	}

	.sectionWrap .ouen:first-of-type {
		margin-bottom: 3%;
		font-size: 5.8vmin;
	}

	.sectionWrap .ouen:first-of-type:before {
		top: -15vmin;
		left: 50%;
		width: 60%;
		height: 60px;
	}

	.sectionWrap .ouen:last-of-type {
		font-size: 3.2vmin;
	}

	.sectionWrap div:first-of-type span.catch:not(:last-of-type) {
		margin-bottom: 3%;
	}

	.safeWrap .a_t .i_p:first-of-type {
		margin-bottom: 10vmin;
	}

	.sectionWrap .ouen:last-of-type, .sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
		padding-top: 16px;
		padding-bottom: 16px;
		margin-bottom: 10vmin;
	}

	.advanWrap h3, .pointWrap h3, .safeWrap h3, .modelWrap h3, .contactWrap h3 {
		width: 90%;
	}

	.advanWrap h3, .pointWrap h3, .safeWrap h3, .sectionWrap:nth-of-type(5) h3, .modelWrap h3, .sectionWrap:nth-of-type(8) h3, .contactWrap h3 {
		margin-right: auto;
		margin-left: auto;
		line-height: 1.0;
	}

	.fukidasi:before{
		border-width: 26px;
		margin-left: -26px;
	}

	.fukidasi:after{
		border-width: 20px;
		margin-left: -20px;
	}

	/* h tag */
	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type, .sectionWrap h4 span:first-of-type {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type {
		margin-bottom: 0;
		font-size: 5.8vmin;
	}

	.sectionWrap h3 span:nth-of-type(2), .safeWrap h3 span:nth-of-type(2), .advanWrap h3 span:nth-of-type(2), .contactWrap h3 span:nth-of-type(2) {
		font-size: 9px;
		line-height: 1.0;
	}

	.sectionWrap h3 span:first-of-type:before, .safeWrap h3 span:first-of-type:before, .advanWrap h3 span:first-of-type:before, .sectionWrap h4 span:first-of-type:before, .sectionWrap h3 span:first-of-type:after, .safeWrap h3 span:first-of-type:after, .advanWrap h3 span:first-of-type:after, .sectionWrap h4 span:first-of-type:after {
		content: "";
		width: 15px; 
	}

	.sectionWrap h3 span:first-of-type:before, .safeWrap h3 span:first-of-type:before, .advanWrap h3 span:first-of-type:before, .sectionWrap h4 span:first-of-type:before {
		margin-right: 3%;
	}

	.sectionWrap h3 span:first-of-type:after, .safeWrap h3 span:first-of-type:after, .advanWrap h3 span:first-of-type:after, .sectionWrap h4 span:first-of-type:after {
		margin-left: 3%; 
	}

	.sectionWrap h4 {
		margin-bottom: 2%;
	}

	.sectionWrap .a_t h5 {
		margin-bottom: 20px;
	}

	/* Catch */
	.sectionWrap div:first-of-type span.catch {
		margin: 0 auto;
		display: block;
		font-weight: 900;
		font-style: italic;
		padding: 1.5rem 0;
		position: relative;
		font-size: 3.85vmin;
		width: 80%;
	}

	.sectionWrap div:first-of-type span.catch::before, .sectionWrap div:first-of-type span.catch::after {
		content: "";
		position: absolute;
		width: calc(100% - 50px);
		height: calc(100% - 20px);
	}

	.sectionWrap div:first-of-type span.catch::before {
		left: -5px;
		top: -5px;
		border-top: solid 1px #756867;
		border-left: solid 1px #756867;
	}

	.sectionWrap div:first-of-type span.catch::after {
		right: 5px;
		bottom: 5px;
		border-bottom: solid 1px #756867;
		border-right: solid 1px #756867;
	}
/*
	.sectionWrap:nth-of-type(2) {
		background-image: url(https://bambi.ne.jp/images/2/m_l.png), url(https://bambi.ne.jp/images/2/m_r.png), url(https://bambi.ne.jp/images/2/raindow_up.png), url(https://bambi.ne.jp/images/2/raindow_down.png);
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	}
*/
	.sectionWrap:nth-of-type(2) {
		padding-top: 30vmin;
		padding-bottom: 30vmin;
		background-size: 300px auto, 300px auto, 100% auto, 100% auto;
		background-position: left -110px bottom, right -110px bottom, center top, center bottom;
	}
	
	/* Advantage */
	.sectionWrap .gl04Wrap, .advanWrap .gl03Wrap {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}

	.advanWrap {
		color: #fff;
		text-align: center;
		border-bottom: 10px solid;
		border-image-slice: 30 0 0 0;
		border-image-width: 10px;
		border-image-outset: 10px;
		border-image-repeat: round;
	}
		
	.advanWrap .gl03Wrap .gl03 li {
		padding-top: 10%;
		padding-right: 10%;
		padding-left: 10%;
		padding-bottom: 12%;
		width: 100%;
		color: #756867;
		border-radius: 8px;
		background: #fff;
		position: relative;
	}

	.advanWrap .gl03Wrap .gl03 li:not(:last-child) {
		margin-bottom: 10vmin;
	}

	.advanWrap .gl03Wrap .gl03 li .cpy {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 8%;
		font-size: 4.8vmin;
	}

	.advanWrap .gl03Wrap .gl03 li p {
		font-size: 88%;
		text-align: left;
	}

	.advanWrap .gl03Wrap .gl03 li .cpyInnerWrap {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.825);
        position: absolute;
        top: -3vmin;
        left: 0px;
        z-index: 88;
    }

	.advanWrap .gl03Wrap .gl03 li .cpyInner {
		padding-top: 9vmin;
        z-index: 99;
        position: relative;
    }

	.advanWrap .gl03Wrap .gl03 li .cpy {
        width: 100%;
        display: block;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-bottom: 50px;
		font-size: 3.85vmin;
        color: #fff;
        outline: dashed 1px rgb(202, 198, 198);
        outline-offset:-8px;
        background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
        position: absolute;
        top: 0px;
        left: 0px;
    }


	/* footer */
	.footerWrap {
		padding-bottom: 25vmin;
	}

	.footerWrap div {
		padding-top: 5%;
		padding-bottom: 25vmin;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	/*　Point */
	.sectionWrap .gl04Wrap {
		color: #756867;
	}

	.sectionWrap .gl04Wrap .gl04 li {
		text-align: left;	
	}
  
	.sectionWrap .gl04Wrap .gl04 li:not(:last-child) {
		margin-bottom: 5vmin;
	}

	.sectionWrap .gl04Wrap .gl04 li .cpyInner {
		padding-top: 3vmin;
		padding-bottom: 3vmin;
		padding-left: 6vmin;
		margin-bottom: 3vmin;
		width: 100%;
		font-size: 4.2vmin;
		font-weight: 700;
		background: #e6cecd;
	}

	.sectionWrap .gl04Wrap .gl04 li .r_c {
		padding-top: 2vmin;
		padding-right: 6vmin;
		padding-left: 6vmin;
		padding-bottom: 6vmin;
		display: block;
	}

	.sectionWrap .gl04Wrap .gl04 li .r_c p {
		font-size: 88%;
		display: inline;
	}

	/* Work & Guarantee */
	.sectionWrap .gl04_2Wrap .gl04_2 li {
		padding-bottom: 8vmin;
		margin-bottom: 5vmin;
		text-align: left;
	}
	
	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner {
		padding-top: 3%;
		width: 100%;
		height: auto;
		font-weight: 700;
		border-radius: 8px 8px 0 0;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .r_c {
		padding-top: 3vmin;
		padding-bottom: 3vmin;
		padding-right: 6vmin;
		padding-left: 6vmin;
		background: #fffbed;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1 {
		font-weight: 700;
		display: inline;
	}
	
	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1:first-of-type {
		padding: 2vmin 5vmin;
		margin-right: 3vmin;
		font-size: 4.6vmin;
		color: #fff;
		background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1:nth-of-type(2) {
		font-size: 3.2vmin;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 {
		padding-top: 8vmin;
		padding-bottom: 3vmin;
		display: block;
		font-size: 2.8vmin;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 .i_g_i {
		margin-left: 3vmin;
		margin-right: 3vmin;
		font-size: 7.2vmin;
		font-weight: 900;
		color: rgb(255, 109, 109);
	}
	
	.gl04_2Wrap .gl04_2 .r_c {
		height: auto;
		display: block;
		border-radius: 0 0 8px 8px;
	}
	
	.sectionWrap .gl04_2Wrap .gl04_2 li .r_c p {
		display: inline;
		font-size: 88%;
	}

	/* safe */
	.safeWrap .wa04_1 {
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	.safeWrap .wa04_1 li:not(:last-child) {
		margin-bottom: 2%;
	}

	/* Model Contact*/
	.sectionWrap .gl05Wrap .gl05 {
		margin-bottom: 8%;
	}

	.sectionWrap .gl05Wrap .gl05 li {
		width: calc(98% / 2);
		float: left;
	}

	.sectionWrap .gl05Wrap .gl05 li {
		padding-bottom: 8%;
	}
	
	.sectionWrap .gl05Wrap .gl05 li:not(:nth-child(even)) {
		margin-right: 2%;
	}

	.sectionWrap .gl05Wrap .gl05 li:nth-child(-n+3) {
		margin-bottom: 2%;
	}

	.sectionWrap .gl05Wrap .gl05 li .m_p {
		margin-bottom: 8%;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_roma {
		margin-bottom: 3%;
		font-size: 2.4vmin;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns {
		display: block;
		height: auto;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a {
		padding: 3% 0;
		width: 100%;
		font-size: 2.4vmin;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:hover {
		opacity: .8;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:not(:last-of-type) {
		margin-bottom: 3%;
	}

	.l_bnr {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		font-weight: 700;
		border: 1px solid #ccc;
		background: #fff;
		font-size: 2.8vmin;
		width: 90%;
		max-width: 350px;
		line-height: 3.5;
		background-color: #ccbba5;
		position: relative;
		color: #fff !important;
		border-radius: 3px;
	}

	/* model wrap */

	/* Contact*/
	.contactWrap {
		padding-top: 8vh;
		padding-bottom: 5vh;
	}

	.contactWrap .cf_1 {
		margin-bottom: 5vh;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		position: relative;
		z-index: 998;
	}

	.contactWrap .cf_1 li {
		padding-top: 5%;
		padding-bottom: 5%;
		padding-left: 5%;
		padding-right: 5%;
		margin-bottom: 2%;
		border-radius: 8px;
	}

	.contactWrap .cf_1 li.line {
		background-image: linear-gradient(150deg, #00B900, #16d416);
	}

	.contactWrap .cf_1 li.twitter {
		background: #3FA7C9;
	}

	.contactWrap .cf_1 li.instagram {
		background: #FE8D5C;
	}

	.contactWrap .cf_1 li a {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;

	}

	.contactWrap .cf_1 li a img {
		margin-left: 5%;
		margin-right: 10%;
		width: 15%;
		display: block;
		height: auto;	
	}

	.contactWrap .cf_1 li .c_s {
		width: calc(100% - 30%);
		display: inline-block;
		text-align: left;
		flex-wrap: wrap;
		color: #fff;
		font-weight: 900;
	}

	.contactWrap .cf_1 li .c_s span {
		font-size: 3.0vmin;
	}

}

@media screen and (min-width: 768px) {

	/* Model Contact*/
	.sectionWrap .gl05Wrap .gl05 li, .contactWrap .cf_1 li {
		width: calc(96% / 3);
		float: left;
	}

	.sectionWrap .gl05Wrap .gl05 li {
		padding-bottom: 30px;
	}

	.sectionWrap .gl05Wrap .gl05 li:not(:nth-child(3n+3)), .contactWrap .cf_1 li:not(:nth-child(3n+3)) {
		margin-right: 2%;
	}

	.sectionWrap .gl05Wrap .gl05 li:nth-child(-n+3) {
		margin-bottom: 2%;
	}

	.sectionWrap .gl05Wrap .gl05 li .m_p {
		margin-bottom: 20px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_name {
		font-size: 20px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_roma {
		margin-bottom: 20px;
		font-size: 11px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a {
		padding: 5px 10px;
		font-size: 10px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:hover {
		opacity: .8;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:not(:last-of-type) {
		margin-right: 5px;
	}


}


@media screen and (min-width: 1225px) {

	/* safe wrap */
	.safeWrap .wa04_1 li {
		width: calc(96% / 3);
		float: left;
		box-shadow: 0 5px 10px 0 rgba(135, 126, 126, .3);
	}

	.safeWrap .wa04_1 li a:hover {
		opacity: .8;
	}

	.safeWrap .wa04_1 li:not(:last-child) {
		margin-right: 2%;
	}

	.safeWrap .wa04_1 li img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
		border: 1px solid #ccc;
	}

}

@media screen and (max-width: 1224px) {

	header .headerWrapper .header_1 nav .menu .m_title {
		text-transform:uppercase;
		display: block;
	}

	header .headerWrapper .header_1 nav .sns_menu li {
		background: orange;
	}

	header .headerWrapper .header_1 .menu_contact {
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		background-image: linear-gradient(150deg,#ff943d,#f7b900);
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		font-weight: bold;
	}

	.sectionWrap .ouen span {
		display: block;
	}



	header .header_copy {
		display: none;
	}

}

@media screen and (min-width: 768px) {

	.sectionWrap:nth-of-type(2) {
		background-image: url(https://bambi.ne.jp/images/2/m_l.png), url(https://bambi.ne.jp/images/2/m_r.png), url(https://bambi.ne.jp/images/2/raindow.png);
	}

	.sectionWrap .i_p mark, .advanWrap .i_p mark, .contactWrap .i_p mark {
		display: block;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner {
		background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
	}

	header .headerWrapper .header_1 .topic_menu li {
		text-align: center;
		width: calc(100%/6);
		display: inline-block;
	}

	header .headerWrapper .header_1 .topic_menu li:not(:last-child) {
		border-right: 1px solid #757575;
	}

	header .headerWrapper .header_1 .fixedmenu {
		padding: 30px 0;
		width: 100%;
		background: rgb(245,245,245, 0.7);
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1000;
		display: block;
		text-align: center;
	}

	header .headerWrapper .header_1 .fixedmenu nav {
		margin: 0 auto;
		display: block;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu {
		margin-bottom: 15px;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li {
		text-transform: uppercase;
		width: calc(96% / 5);
		float: left;
		text-align: center;
		position: relative;
		line-height: 1.25;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li a {
		width: 100%;
		display: inline-block;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	header .headerWrapper .header_1 .fixedmenu nav .menu li:not(:last-child) {
		margin-right: 1%;
    }

	header .headerWrapper .header_1 .fixedmenu nav .menu li:last-child {
		line-height: 1.25;
    }

	header .headerWrapper .header_1 .fixedmenu nav .menu li span {
		display: block;
		font-weight: 900;
	}

	header .headerWrapper .header_1 nav .menu li .m_title, header .headerWrapper .header_1 nav .menu li .m_title2 {
		color: #fff;
	}

	header .headerWrapper .header_1 nav .menu li span:first-of-type:before {
		border-top: 3px solid #000;
	}

	header .headerWrapper .header_1 nav .menu li .m_title {
		font-weight: 700;
		font-size: 15px;
	}
   
	header .headerWrapper .header_1 nav .menu li .m_title2 {
		font-size: 9px;
	}

	header .headerWrapper .header_1 nav .menu .x a {
		background: #3FA7C9;
	}

	header .headerWrapper .header_1 nav .menu .instagram a {
		background: #FE8D5C;
	}

	header .headerWrapper .header_1 nav .menu .line a {
		background-image: linear-gradient(150deg,#00B900,#16d416);
	}
	
	header .headerWrapper .header_1 nav .menu .fd {
		padding-top: 1rem;
		padding-bottom: 1rem;
		background: #f7b900;
		display: inline-block;
	}

	header .headerWrapper .header_1 nav .sns_menu {
		position: fixed;
		left: 50%;
		bottom: 140px;
		transform: translateX(-50%);
		width: 90%;
		max-width: 1125px;
		z-index: 9999;
	}

	header .headerWrapper .header_1 nav .sns_menu li {
		padding: 1rem 0;
		width: calc(98% / 3);
		font-size: 9px;
		float: left;
		text-align: center;
		color: #fff;
	}

	header .headerWrapper .header_1 nav .sns_menu li:not(:last-child) {
		margin-right: 1%;
	}

	header .headerWrapper .header_1 nav .sns_menu li a span:first-of-type {
		font-size: 16px;
		font-weight: 700;
		display: block;
	}

	header .headerWrapper .header_1 nav .sns_menu li a span:nth-of-type(2) {
		font-size: 12px;
		width: auto;
	}

}

@media (min-width: 768px) {
    header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .extra, header .headerWrapper .header_1 .fixedmenu nav .menu li:nth-child(4) .arrow {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1224px) {

	/* p tag */
	p, pre {
		font-size: 1.6vmin;
		line-height: 1.8;
	}

	.sw2 p, .safeWrap .i_p {
		text-align: center;
	}

	.sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
		margin-bottom: 60px;
	}

	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type, .sectionWrap h4 span:first-of-type {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type {
		line-height: 1.0;
		font-size: max(4.2vw, 42px);
	}

	.sectionWrap h3 span:nth-of-type(2), .safeWrap h3 span:nth-of-type(2), .advanWrap h3 span:nth-of-type(2), .contactWrap h3 span:nth-of-type(2) {
		font-size: 12px;
	}

	.sectionWrap h4 span:first-of-type {
		font-size: 30px;
	}

	.sectionWrap h3 span:first-of-type:before, .safeWrap h3 span:first-of-type:before, .advanWrap h3 span:first-of-type:before, .sectionWrap h4 span:first-of-type:before {
		content: "";
		width: 50px; 
		margin-right: 30px;
	}

	.advanWrap h3 span:first-of-type:before .sectionWrap h4 span:first-of-type:before {
		content: "";
		width: 50px; 
		margin-right: 30px;
	}

	/* h tag */
	.fukidasi:before{
		border-width: 36px;
		margin-left: -36px;
	}

	.fukidasi:after{
		border-width: 30px;
		margin-left: -30px;
	}

	.sectionWrap h4 {
		margin-bottom: 2%;
	}

	.sectionWrap .a_t h5 {
		margin-bottom: 20px;
	}

	.sectionWrap h3 span:first-of-type:after, .safeWrap h3 span:first-of-type:after, .advanWrap h3 span:first-of-type:after, .sectionWrap h4 span:first-of-type:after {
		content: "";
		width: 50px; 
		margin-left: 30px; 
	}

	.sectionWrap .ouen:first-of-type {
		margin-bottom: 10px;
	}

	.sectionWrap .ouen:last-of-type, .sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
		margin-bottom: 60px;
	}

	.sectionWrap .a_t h5 {
		margin-bottom: 20px;
	}

	header .headerWrapper .header_1 .fixedmenu nav {
		width: 90%;
	}

	/* header */
	header {
		height: auto;
	}

    header .cmpy_title {
		position: fixed;
		margin: 0;
		padding:  5px;
		width: 100%;
		height: auto;
		display: block;
		z-index: 999;
        line-height: 1.2;
	}

    header .cmpy_title h1 {
        font-size: 1.2vmin;
        float: right;
        display: block;
    }

    header .cmpy_title b {
        margin: 0;
        padding: 0;
        display: block;
        width: auto;
    }

    header .cmpy_title b img {
        max-width: 165px;
        width: 100%;
        height: auto;
    }

	header .cmpy_title nav {
		position: fixed;
		top: max(2vmin ,25px);
		right: 5px;
	}

	header .cmpy_title nav ul li {
		float: left;
		font-size: 1.0vmin;
	}

	header .cmpy_title nav ul li:first-child {
		margin-right: 5px;
	}

	header .cmpy_title nav ul li a {
		padding: max(7.8px, 0.8vmin) min(1.6vmin);
		color: #fff;
		border-radius: 25px;
		display: inline-block;
	}

    header .header_copy {
        margin-bottom: 15px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 38px;
        padding-right: 15px;
        font-size: 10px;
        color: #000;
        line-height: 1.0;
        text-align: right;
        z-index: 998;
        position: fixed;
        background: #fff /*#756867*/;
    }

	header h1 img {
		width: 100%;
		height: auto;
	}

	header .headerWrapper .header_1 {
		padding-top: max(7.8vmin, 70px);
		margin: 0 auto;
		width: 90%;
		height: auto;
	}

	header .headerWrapper .header_1 nav {
		max-width: 1125px;
		width: 100%;
		display: inline-block;
	}

	header .headerWrapper .header_1 .sns_hosoku {
		display: none;
	}

	header .headerWrapper .header_1 .topic_menu {
		margin-bottom: 1.5vmin;
	}

	header .headerWrapper .header_1 .topic_menu li {
		display: inline-block;
		font-size: 1.15vmin;
	}

	header .headerWrapper .header_1 .topic_menu li span:nth-child(2) {
		font-size: 78%;
	}

	header .headerWrapper .header_1 .topic_menu li::after {
		padding-left: 6px;
		vertical-align: middle;
		position: relative;
		top: -1.5px;
		-webkit-font-smoothing: antialiased;
	}



	/* Top Image */
	.topIndexBanner {
		width: 100%;
		height: 42vh;
		position: relative;
		overflow: hidden;
	}

	.topIndexBanner h2 {
        width: 95%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		font-size: 5.4vmin;
		display: inline-block;
		text-align: center;
		z-index: 3;
		color: #fff;
		font-style: italic;
	}

	.topIndexBanner h2 div:before {
		top: -45px;
		left: 10px;
	}

	.topIndexBanner h2 div:after {
		bottom: -45px;
		right: 10px;
	}

	.topIndexBanner h2 div:before, .topIndexBanner h2 div:after {
		width: 100px;
		height: 100px;
	}

	.topIndexBanner h2 span {
		font-size: 1.6vmin;
		display: block;
	}

	/* 18 alert */
	.s_in {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	/* section */
	.safeWrap, .advanWrap, .pointWrap, .modelWrap, .sectionWrap:nth-of-type(2), .sectionWrap:nth-of-type(5), .sectionWrap:nth-of-type(8) {
		padding-top: 10%;
		padding-bottom: 15%;
	}

	.sectionWrap:nth-of-type(2) {
		padding-top: 15vh;
		padding-bottom: 15vh;
		background-size: 450px auto, 450px auto, auto 100%;
		background-position: left -200px bottom, right -200px bottom, center top;
	}

	.fukidasi {
		margin-left: auto;
		margin-right: auto;
		padding: 3% 0 2%
	}	

	.advanWrap .fukidasi, .pointWrap .fukidasi, .safeWrap .fukidasi, .modelWrap .fukidasi, .contactWrap .fukidasi {
		width: 90%;
	}

	.sectionWrap:nth-of-type(6) .fukidasi {
		width: 100%;
	}

	.safeWrap .a_t .i_p:first-of-type {
		margin-bottom: 5%;
	}

	.safeWrap .a_t {
		margin: 0 auto;
		width: 90%;
		text-align: left;
	}

	.safeWrap .a_t .i_p:not(:first-of-type) {
		text-align: left;
		display: inline;
	}

	.sectionWrap .ouen:first-of-type {
		font-size: 4.6vmin;
	}

	.sectionWrap .ouen:first-of-type:before {
		top: -8vmin;
		left: 50%;
		width: 35%;
		height: 15vmin;
	}

	.sectionWrap .ouen:last-of-type, .sectionWrap div:first-of-type span.catch {
		font-size: 2.6vmin;
	}

	.sectionWrap div:first-of-type span.catch:not(:last-of-type) {
		margin-bottom: 50px;
	}

	.sectionWrap:nth-of-type(2) .sw2 p:last-of-type {
		margin-bottom: 5vh;
	}

	.sectionWrap .i_p, .advanWrap .i_p, .contactWrap .i_p {
		font-weight: 900;
	}

	.sectionWrap .i_p:last-of-type, .advanWrap .i_p:last-of-type, .contactWrap .i_p:last-of-type {
		margin-bottom: 7vmin;
	}

	.sectionWrap .gl04Wrap, .advanWrap .gl03Wrap {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 1125px;
	}

	/* p tag */

	/* List */

	/* Catch */
	.sectionWrap div:first-of-type span.catch {
		padding: 1.2rem 0;
		margin: 0 auto;
		display: block;
		font-weight: 900;
		font-style: italic;
		padding: 2rem 0;
		position: relative;
		width: 70%;
	}

	.sectionWrap div:first-of-type span.catch::before, .sectionWrap div:first-of-type span.catch::after {
		content: "";
		position: absolute;
		width: calc(100% - 50px);
		height: calc(100% - 20px);
	}

	.sectionWrap div:first-of-type span.catch::before {
		left: -10px;
		top: -10px;
		border-top: solid 1px #756867;
		border-left: solid 1px #756867;
	}

	.sectionWrap div:first-of-type span.catch::after {
		right: 10px;
		bottom: 10px;
		border-bottom: solid 1px #756867;
		border-right: solid 1px #756867;
	}

	/*　Adovantage */
	.advanWrap {
        text-align: center;
        border-bottom: 10px solid;
        border-image-slice: 30 0 0 0;
        border-image-width: 10px;
        border-image-outset: 10px;
        border-image-repeat: round;
	}

	.advanWrap .gl03Wrap .gl03 {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        max-width: 1124px;
    }

    .advanWrap .gl03Wrap .gl03 li {
        margin-bottom: 4%;
        padding-top: 80px;
        padding-right: 50px;
        padding-left: 50px;
        padding-bottom: 60px;
        width: 48%;
        background-size:cover;
        position: relative;
    }

    .advanWrap .gl03Wrap .gl03 li:nth-last-child(2n+2) {
        margin-right: 4%;
    }

    .advanWrap .gl03Wrap .gl03 li .cpyInnerWrap {
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.825);
        position: absolute;
        top: -10px;
        left: -10px;
        z-index: 88;
    }

	.advanWrap .gl03Wrap .gl03 li .cpyInner {
        z-index: 99;
        position: relative;
    }

    .advanWrap .gl03Wrap .gl03 li .cpy {
        width: 100%;
        display: block;
        padding-top: 18px;
        padding-bottom: 18px;
        margin-bottom: 50px;
        font-size: 20px;
        color: #fff;
        outline: dashed 2px rgb(202, 198, 198);
        outline-offset:-8px;
        background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
        width: 90%;
        position: absolute;
        top: -5px;
        left: -5px;
    }


    .advanWrap .gl03Wrap .gl03 li p {
        text-align: left;
        font-size: 16px;
        line-height: 1.8;
        font-weight: 900;
        width: 100%;
    }

	/*　Point */
	.sectionWrap .gl04Wrap {
		color: #756867;
	}

	.sectionWrap .gl04Wrap .gl04 li {
		margin-bottom: 2%;
		padding-right: 5%;
		padding-top: 3%;
		padding-bottom: 3%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		border-radius: 8px;	
	}
  
	.sectionWrap .gl04Wrap .gl04 li .cpyInner {
		margin-right: 5%;
		width: 45%;
		display: block;
		height: auto;
		font-size: 1.8vmin;
		font-weight: 700;
		border-right: 1px solid #756867;
	}

	.sectionWrap .gl04Wrap .gl04 li .r_c {
		width: calc(100% - 50%);
		display: inline-block;
		text-align: left;
		flex-wrap: wrap;
	}

	.sectionWrap .gl04Wrap .gl04 li .r_c p {
		font-size: 1.4vmin;
	}

	/* Work & Guarantee */
	.sectionWrap .gl04_2Wrap .gl04_2 li {
		margin-bottom: 2%;
		padding-right: 5%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		border-radius: 8px;
		background: #fffbed;
		box-shadow: 0 5px 10px 0 rgba(135, 126, 126, .1);
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner {
		padding-top: 5%;
		padding-bottom: 5%;
		margin-right: 5%;
		width: 48%;
		display: block;
		max-width: 100%;
		height: auto;
		font-weight: 700;
		color: #fff;
		border-radius: 8px 0 0 8px;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1 {
		font-weight: 700;
		font-size: 1.8vmin;
		display: block;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1:first-of-type {
		font-size: 2.8vmin;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner .l_sp1:last-of-type {
		margin-bottom: 8%;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 {
		display: block;
		font-size: 14px;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .r_c {
		flex-wrap: wrap;
		width: calc(100% - 53%);
		display: inline-block;
		text-align: left;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .r_c p {

		line-height: 1.8;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 .i_g_i {
		margin-top: 1%;
		margin-bottom: 1%;
		display:block;
		font-size: 3.6vmin;
	}

	/* safe */
	.safeWrap .wa04_1 {
		margin-top: 5%;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 1124px;
	}

	.safeWrap .wa04_1 li {
		margin-bottom: 2%;
		width: calc(96% / 3);
		float: left;		
	}

	.safeWrap .wa04_1 li:not(:nth-child(3n)) {
		margin-right: 2%;
	}

	/* safe */
	.gl05Wrap {
		margin-bottom: 5%;
	}

	.l_bnr {
		font-weight: 700;
		border: 1px solid #ccc;
		width: 350px;
		line-height: 3.5;
	}

	/* Contact*/
	.contactWrap {
		padding-top: 8vh;
		padding-bottom: 5vh;
	}

	.contactWrap .cf_1 {
		margin-bottom: 5vh;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 1125px;
	}

	.contactWrap .cf_1 li {
		text-align: center;
		line-height: 2.0;
	}

	.contactWrap .cf_1 li a {
		padding-top: 50px;
		padding-bottom: 50px;
		font-weight: bold;
		color: #fff;
		display: block;
	}

	.contactWrap .cf_1 li span {
		display: block;
	}

	.footerWrap div {
		padding-top: 50px;
		padding-bottom: 80px;
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 1125px;
		}
	
	.footerWrap div span {
		font-size: 12px;
	}
	
	.footerWrap div span:last-of-type {
		margin-top: 30px;
	}


}

@media screen and (min-width: 1225px) {

	/* header */
	header {
		height: auto;
	}

	header .cmpy_title {
		width: 50%;
		position: fixed;
		top: 10px;
		left: 10px;
		z-index: 999;
	}

	header .cmpy_title h1 {
		margin-bottom: 10px;
		line-height: 1.0;
		font-size: 10px;
	}

	header .cmpy_title b {
		margin: 0;
        padding: 0;
        display: inline-block;
		width: auto;
	}

	header .cmpy_title b img {
		max-width: 165px;
		width: 100%;
		height: auto;
    }

	header .cmpy_title nav {
		position: fixed;
		top: 30px;
		right: 15px;
	}

	header .cmpy_title nav ul li {
		float: left;
		font-size: 12px;
	}

	header .cmpy_title nav ul li:first-child {
		margin-right: 10px;
	}

	header .cmpy_title nav ul li a {
		padding: 5px 15px;
		color: #fff;
		border-radius: 15px;
		display: inline-block;
	}

	header .header_copy {
        width: 100%;
		padding-top: 10px;
		padding-bottom: 45px;
		padding-right: 15px;
		font-size: 10px;
		color: #757575;
		line-height: 1.0;
		text-align: right;
		z-index: 998;
		position: fixed;
	}

	header .headerWrapper .header_1 {
		padding-top: 100px;
        margin: 0 auto;
        width: 100%;
        max-width: 1125px;
		height: auto;
    }

	header .headerWrapper .header_1 nav {
		max-width: 1125px;
		width: 100%;
        display: inline-block;
	}

	header .headerWrapper .header_1 .sns_hosoku {
		display: none;
	}

	header .headerWrapper .header_1 .topic_menu {
		margin-bottom: 10px;
	}

	header .headerWrapper .header_1 .topic_menu li span:first-child {
		font-size: 15px;
	}

	header .headerWrapper .header_1 .topic_menu li span:nth-child(2) {
		font-size: 10px;
	}

	/* h tag*/
	.contactWrap h3 {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 1125px;
	}

	.sectionWrap h4 {
		margin-bottom: 2%;
	}

	.sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
		margin: 0 auto;
		width: 100%;
		max-width: 1125px;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type, .sectionWrap h4 span:first-of-type {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.sectionWrap h3 span:first-of-type, .safeWrap h3 span:first-of-type, .advanWrap h3 span:first-of-type, .contactWrap h3 span:first-of-type {
		font-size: 32px;
	}

	.sectionWrap h3 span:nth-of-type(2), .safeWrap h3 span:nth-of-type(2), .advanWrap h3 span:nth-of-type(2), .contactWrap h3 span:nth-of-type(2) {
		font-size: 13px;
	}

	/* 吹き出し本体 */
	.fukidasi {
		padding: 23px 0 20px;
	}

	.fukidasi:before{
		border-width: 36px;
		margin-left: -36px;
	}

	.fukidasi:after{
		border-width: 30px;
		margin-left: -30px;
	}
	  
	.sectionWrap h4 span:first-of-type {
		font-size: 30px;
	}

	.topIndexBanner h2 {
		width: 90%;
		max-width: 1125px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		font-size: 80px;
		display: inline-block;
		text-align: center;
		z-index: 3;
		color: #fff;
		font-style: italic;
	}

	.topIndexBanner h2 div:before, .topIndexBanner h2 div:after {
		width: 100px;
		height: 100px;
	}

	.topIndexBanner h2 div:before {
		top: -45px;
		left: -30px;
	}

	.topIndexBanner h2 div:after {
		bottom: -45px;
		right: -30px;
	}

	.sectionWrap .ouen, .sectionWrap h3, .safeWrap h3, .advanWrap h3, .contactWrap h3 {
		margin-bottom: 6vh;
	}

	.sectionWrap h3 span:first-of-type:before, .safeWrap h3 span:first-of-type:before, .advanWrap h3 span:first-of-type:before, .contactWrap h3 span:first-of-type:before, .sectionWrap h4 span:first-of-type:before {
		content: "";
		width: 50px; 
		margin-right: 30px;
	}

	.advanWrap h3 span:first-of-type:before .sectionWrap h4 span:first-of-type:before {
		content: "";
		width: 50px; 
		margin-right: 30px;
	}

	.sectionWrap h3 span:first-of-type:after, .safeWrap h3 span:first-of-type:after, .advanWrap h3 span:first-of-type:after, .contactWrap h3 span:first-of-type:after, .sectionWrap h4 span:first-of-type:after {
		content: "";
		width: 50px; 
		margin-left: 30px; 
	}

	.safeWrap .a_t {

	}

	.sectionWrap .a_t h5 {
		margin-bottom: 20px;
	}

	/* p tag */

	/* section */
	.safeWrap, .advanWrap, .pointWrap, .modelWrap, .sectionWrap:nth-of-type(5), .sectionWrap:nth-of-type(8) {
		padding-top: 15vh;
		padding-bottom: 18vh;
	}

	.topIndexBanner {
		width: 100%;
		height: 65vh;
		position: relative;
		overflow: hidden;
	}

	.topIndexBanner h2 span {
		font-size: 24px;
		display: block;
	}

	.s_in {
		padding-top: 1.5vh;
		padding-bottom: 1.5vh;
	}

	.sectionWrap .ouen:first-of-type {
		font-size: 54px;
	}

	.sectionWrap .ouen:first-of-type:before {
		top: -100%;
		left: 50%;
		width: 300px;
		height: 60px;
	}

	.sectionWrap .ouen:nth-of-type(2) {
		font-size: 32px;
	}

	.sectionWrap .ouen span {
		display: block;
	}


	.sectionWrap .ouen:nth-of-type(2) span span {
		display: inline-block;
	}

	.sectionWrap .ouen:nth-of-type(2) span span:first-of-type {
		margin-bottom: 1vh;
	}

	.sectionWrap:nth-of-type(2) {
		padding-top: 12vh;
		padding-bottom: 12vh;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: 395px auto, 395px auto, cover;
	}
	
	.sectionWrap:nth-of-type(2) .sw2 {
		position: relative;
		z-index: 999;
	}

	.sectionWrap:nth-of-type(2) .sw2 p:last-of-type {
		margin-bottom: 5vh;
	}

	.safeWrap .a_t p {
		line-height: 1.8;
	}

	.safeWrap .a_t .i_p:first-of-type {
		margin-bottom: 3vh;
	}

	.safeWrap .a_t p:last-of-type {
		margin-bottom: 50px;
	}

	.sectionWrap .i_p, .advanWrap .i_p {
		font-weight: 900;
	}

	.sectionWrap .i_p:last-of-type, .advanWrap .i_p:last-of-type, .contactWrap .i_p:last-of-type {
		margin-bottom: 8vh;
	}

	.sectionWrap div p, .contactWrap div p {
		line-height: 1.8;
		position: relative;
		z-index: 99;
	}

	main .topicWrap {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 10vh;
	}

	.sectionWrap div:first-of-type span.catch {
		width: calc(96% / 3);
		margin: 0 auto;
		display: block;
		font-size: 21px;
		font-weight: 900;
		font-style: italic;
		padding: 2rem 0;
		float: left;
		position: relative;
	}

	.sectionWrap div:first-of-type span.catch::before, .sectionWrap div:first-of-type span.catch::after {
		content: "";
		position: absolute;
		width: calc(100% - 20px);
		height: calc(100% - 20px);
	}

	.sectionWrap div:first-of-type span.catch::before {
		left: -10px;
		top: -10px;
		border-top: solid 1px #756867;
		border-left: solid 1px #756867;
	}

	.sectionWrap div:first-of-type span.catch::after {
		right: 10px;
		bottom: 10px;
		border-bottom: solid 1px #756867;
		border-right: solid 1px #756867;
	}

	.sectionWrap div:first-of-type span.catch:not(:last-of-type) {
		margin-right: 2%;
	}

	.safeWrap{
		background: #fff;
	}

	.sectionWrap div:nth-of-type(2) nav ul li{
		width: calc(97% / 4);
		float: left;
	}

	.sectionWrap div:nth-of-type(2) nav ul li:not(:last-child){
		margin-right: 1%;
	}

	.sectionWrap div:nth-of-type(2) nav ul li img{
		width: 100%;
		float: auto;
		vertical-align: bottom;
	}

	/* Advantage */
	.advanWrap {
		text-align: center;
		border-bottom: 10px solid;
		border-image-slice: 30 0 0 0;
		border-image-width: 10px;
		border-image-outset: 10px;
		border-image-repeat: round;
	} 

	.advanWrap .gl03Wrap .gl03 {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		max-width: 1124px;
	}

	.advanWrap .gl03Wrap .gl03 li {
		margin-bottom: 4%;
		padding-top: 80px;
		padding-right: 50px;
		padding-left: 50px;
		padding-bottom: 60px;
		width: 48%;
		background-size:cover;
		position: relative;
	}

	.advanWrap .gl03Wrap .gl03 li:nth-last-child(2n+2) {
		margin-right: 4%;
	}

	.advanWrap .gl03Wrap .gl03 li .cpyInnerWrap {
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.825);
		position: absolute;
		top: -10px;
		left: -10px;
		z-index: 88;
	}

	.advanWrap .gl03Wrap .gl03 li .cpyInner {
		z-index: 99;
		position: relative;
	}

	.advanWrap .gl03Wrap .gl03 li .cpy {
		width: 100%;
		display: block;
		padding-top: 18px;
		padding-bottom: 18px;
		margin-bottom: 50px;
		font-size: 20px;
		color: #fff;
		outline: dashed 2px rgb(202, 198, 198);
		outline-offset:-8px;
		background: linear-gradient(135deg, rgb(147, 133, 133), rgb(151, 127, 127));
		width: 90%;
		position: absolute;
		top: -5px;
		left: -5px;
	}


	.advanWrap .gl03Wrap .gl03 li p {
		text-align: left;
		font-size: 16px;
		line-height: 1.8;
		font-weight: 900;
		width: 100%;
	}

	/*　Point */
	.sectionWrap .gl04Wrap .gl04 {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		max-width: 1125px;
	}

	.sectionWrap .gl04Wrap .gl04 li {
		padding-top: 35px;
		padding-bottom: 35px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.sectionWrap .gl04Wrap .gl04 li:not(:last-child) {
		margin-bottom: 2%;
	}
  
	.sectionWrap .gl04Wrap .gl04 li .cpyInner {
		width: 420px;
		display: block;
		max-width: 100%;
		height: auto;
		font-weight: 700;
	  }

	.sectionWrap .gl04Wrap .gl04 li .l_sp1, .sectionWrap .gl04Wrap .gl04 li .l_b1 {
		display: block;
	}

	.sectionWrap .gl04Wrap .gl04 li .l_sp1:last-of-type {
		margin-bottom: 20px;
	}

	.sectionWrap .gl04Wrap .gl04 li .r_c {
		padding-left: 50px;
		font-size: 14px;
		border-left: 1px solid #756867;
		flex-wrap: wrap;
		width: calc(100% - 420px);
		display: inline-block;
		text-align: left;
	}
	
	.sectionWrap .gl04Wrap .gl04 li .r_c p {
		line-height: 1.8;
	}

	.sectionWrap .gl04Wrap .gl04 li span .g_i .i_g_i:last-of-type {
		font-size: 30px;
	}

	/* Work & Guarantee */
	.sectionWrap:nth-of-type(5) .gl04_2Wrap {
		margin: 0 auto;
		width: 100%;
		max-width: 1124px;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 {
	font-size: 12px;
	color: #FFF;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 .i_g_i {
		font-size: 36px;
		margin-right: 10px;
		margin-left: 10px;
	}

	.safeWrap div {
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 1125px;
	}
	/*ここまで*/

	/*ここから2*/
	.sectionWrap .gl04_2Wrap .gl04_2 li {
		margin-bottom: 2%;
		padding-right: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		border-radius: 8px;
		background: #fffbed;
		box-shadow: 0 5px 10px 0 rgba(135, 126, 126, .1);
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .cpyInner {
		margin-right: 50px;
		padding-top: 55px;
		padding-bottom: 55px;
		width: 480px;
		display: block;
		max-width: 100%;
		height: auto;
		font-weight: 700;
		color: #fff;
		border-radius: 8px 0 0 8px;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li p {
		line-height: 1.8;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_sp1, .sectionWrap .gl04_2Wrap .gl04_2 li .l_b1 {
		display: block;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .l_sp1:last-of-type {
		margin-bottom: 20px;
	}

	.sectionWrap .gl04_2Wrap .gl04_2 li .r_c {
		font-size: 14px;
		flex-wrap: wrap;
		width: calc(100% - 530px);
		display: inline-block;
		text-align: left;
	}
	/*ここまで2*/

	.sectionWrap .gl05Wrap .gl05 {
		margin-bottom: 65px;
	}

	.contactWrap {
		padding-top: 15vh;
		padding-bottom: 18vh;
	}

	.contactWrap .cf_1 {
		margin-bottom: 5vh;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 1125px;
	}

	.contactWrap .cf_1 li {
		text-align: center;
		line-height: 2.0;
		position: relative;
	}

	.contactWrap .cf_1 li::before {
		left: -7px;
		top: -7px;
		border-top: solid 1px #756867;
		border-left: solid 1px #756867;
		content: "";
		position: absolute;
		width: calc(100% - 7px);
		height: calc(100% - 7px);
		z-index: 99;
	}



	.contactWrap .cf_1 li a {
		padding-top: 50px;
		padding-bottom: 50px;
		font-weight: bold;
		color: #fff;
		display: block;
	}

	.footerWrap {
		border-top: 10px solid;
		border-image-source: url(https://bambi.ne.jp/images/2/line.png);
		border-image-slice: 30 0 0 0;
		border-image-width: 10px;
		border-image-outset: 10px;
		border-image-repeat: round;
		background: url(https://bambi.ne.jp/images/2/raindow.png) bottom center;
		background-size: cover;
	}
	
	.footerWrap div {
		padding-top: 15vh;
		padding-bottom: 21vh;
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 1125px;
		}
	
	.footerWrap div span {
		font-size: 14px;
		display: block;
	}
	
	.footerWrap div span:last-of-type {
		margin-top: 30px;
	}


	.sectionWrap .gl05Wrap .gl05 li .m_p {
		margin-bottom: 20px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_name {
		font-size: 20px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_roma {
		margin-bottom: 20px;
		font-size: 11px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a {
		padding: 10px 15px;
		font-size: 10px;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:hover {
		opacity: .8;
	}

	.sectionWrap .gl05Wrap .gl05 li .gl05_sns a:not(:last-of-type) {
		margin-right: 5px;
	}

	.l_bnr {
		width: 350px;
		line-height: 3.5;
	    color: #fff !important;
	}

}

@media screen and (min-width: 1225px) and (max-width: 1500px){

	.sectionWrap:nth-of-type(2) {
		background-position: left -150px bottom, right -150px bottom, center top;
	}

}

@media screen and (min-width: 1501px) {

	.sectionWrap:nth-of-type(2) {
		background-position: left bottom, right bottom, center top;
	}

}


