@charset "utf-8";
.f-gothic-n {font-family: "zen-kaku-gothic-new", sans-serif;font-style: normal;}

@media screen and (min-width:768px){
/*pc・タブレットcss*/
main {line-height: 1.6;}

#con1 {}
#con1 .bx{width: 100%; margin: 117px auto 0; background: url(../images/contact/con1-bg.png) no-repeat bottom center; padding-bottom: 615px;;}
#con1 .bx .inner{width: 1280px; margin: 0 auto; }
#con1 .bx .inner .ttl{text-align: center; margin-bottom: 20px; padding-bottom: 20px; position: relative;}
#con1 .bx .inner .ttl::after{content: ""; width: 40px; height: 1px; margin: 0 auto 10px;  line-height: 1; background: #333333; text-align: center; position: absolute; left: 0; right: 0; bottom: -10px;}
#con1 .bx .inner .ttl1{font-size: 40px; font-weight: 900; text-align: center; letter-spacing: 4px; margin-bottom: 22px; }
#con1 .bx .inner .txt{font-size: 16px; text-align: center; letter-spacing: 0.8px;}

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 67px; background: #F2F0E4; padding: 200px 0 1px;}
#con2 .bx .inner{width: 1100px; margin: -300px auto 117px; background: #fff; padding: 55px 145px 75px; border-radius: 25px; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 5px 0px 0px rgba(10,10,10,0.02);}
#con2 .bx .inner .ttl{font-size: 40px; font-weight: 900; text-align: center; letter-spacing: 4px; margin-bottom: 52px; }
#con2 .bx .inner .list-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con2 .bx .inner .list1{margin-right: 44px;}
#con2 .bx .inner .list1 li{font-size: 18px; line-height: 2.75; letter-spacing: 1px; padding-left: 50px; position: relative;}
#con2 .bx .inner .list1 li::before{content: ""; width: 32px; height: 32px; background: url(../images/contact/con2-icon.svg) no-repeat top center; position: absolute; left: 7px; top: 8px;}
#con2 .bx .inner .list2{}
#con2 .bx .inner .list2 li{font-size: 18px; line-height: 2.75; letter-spacing: 1px; padding-left: 50px; position: relative;}
#con2 .bx .inner .list2 li::before{content: ""; width: 32px; height: 32px; background: url(../images/contact/con2-icon.svg) no-repeat top center; position: absolute; left: 7px; top: 8px;}

#con2 .bx .in-inner{width: 1100px; margin: 0 auto 75px;}
#con2 .bx .in-inner .ttl1{font-size: 40px; font-weight: 900; text-align: center; letter-spacing: 4px; margin-bottom: 23px; }
#con2 .bx .in-inner .txt1{font-size: 16px; text-align: center; letter-spacing: 0.8px; line-height: 2; margin-bottom: 56px;}
#con2 .bx .in-inner .list3{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .in-inner .list3 li{width: 340px; background: #fff; margin-right: 40px; margin-bottom: 50px;}
#con2 .bx .in-inner .list3 li:nth-child(3n){margin-right: 0px;}
#con2 .bx .in-inner .list3 li .img{}
#con2 .bx .in-inner .list3 li .in-txt{font-size: 16px; font-weight: bold; text-align: center; letter-spacing: 0.8px; line-height: 1.7; padding: 23px 0;}

#con2 .bx .b-bx{width: 1100px; margin: 0 auto; position: relative;}
#con2 .bx .b-bx .b-ttl{font-size: 40px; font-weight: 900; text-align: center; letter-spacing: 4.5px; margin-bottom: 23px; margin-left: -3px;}
#con2 .bx .b-bx .b-ttl .ss2{background: #F5CA15; padding: 10px 10px; border-radius: 15px;}
#con2 .bx .b-bx .b-txt{font-size: 16px; text-align: center; letter-spacing: 0.8px; line-height: 2; margin-bottom: 56px;}
#con2 .bx .b-bx .human{position: absolute; left: -40px; bottom: -55px;}

#con3 {}
#con3 .bx{width: 1280px; margin: 0 auto 70px; }
#con3 .bx .ttl{font-size: 24px; text-align: center; letter-spacing: 2.3px; margin-bottom: 30px; position: relative; padding: 0 0 16px;}
#con3 .bx .ttl::after{content: ""; width: 40px; height: 1px; margin: 0 auto 10px;  line-height: 1; background: #333333; text-align: center; position: absolute; left: 0; right: 0; bottom: -10px;}
#con3 .bx .tel{text-align: center;}



.privacy .scroll-box { overflow-x: hidden; border: 1px solid #333; padding: 25px 30px; overflow-y: scroll; height: 223px;
margin: 28px 0 30px 0;}

.privacy .scroll-box h3{
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 10px 0;
}

.privacy .scroll-box h4{
	font-size: 14px;
	padding: 14px 12px 12px 12px;
	background-color: #dddddd;
	margin: 0 0 16px 0;
	line-height: 1.6;
}

.privacy .scroll-box ol{}

.privacy .scroll-box ol li{
	list-style: decimal-leading-zero;
	margin: 0 0 8px 35px;
	padding: 0 0 8px 0;
	font-size: 14px;
	border-bottom: 1px solid #666;
	line-height: 1.6;
}

.privacy .scroll-box .txt{
line-height: 1.6;
	font-size: 14px;
}


}



@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/
main {line-height: 1.95;}

#con1 {}
#con1 .bx{width: 100%; margin: 27vw auto 0; background: url(../images/contact/sp-con1-bg.png) no-repeat bottom center; padding-bottom: 73.5vw; background-size: 100%;}
#con1 .bx .inner{width: 100%; margin: 0 auto; }
#con1 .bx .inner .ttl{width: 56vw; margin: 0 auto 5vw; text-align: center; padding-bottom: 7vw; position: relative;}
#con1 .bx .inner .ttl::after{content: ""; width: 10vw; height: 0.2vw; margin: 0 auto 7vw;  line-height: 1; background: #333333; text-align: center; position: absolute; left: 0; right: 0; bottom: -5.5vw;}
#con1 .bx .inner .ttl1{font-size: 8vw; font-weight: 900; text-align: center; line-height: 1.4; letter-spacing: 1vw; margin-bottom: 5vw; }
#con1 .bx .inner .txt{font-size: 3.95vw; text-align: center; letter-spacing: 0.1vw; }

#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 13.2vw; background: #F2F0E4; padding: 20vw 0 36vw;}
#con2 .bx .inner{width: 92%;  margin: -29.5vw auto 12.5vw;  background: #fff;  padding: 5vw 0vw 8vw 10vw;  border-radius: 5vw; box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 0px 5px 0px 0px rgba(10,10,10,0.02);}
#con2 .bx .inner .ttl{font-size: 8vw; font-weight: 900; text-align: center; line-height: 1.4; margin-right: 10vw; letter-spacing: 1vw; margin-bottom: 5vw; }
#con2 .bx .inner .list-bx{}
#con2 .bx .inner .list1{}
#con2 .bx .inner .list1 li{font-size: 4vw; line-height: 3; letter-spacing: 0.6vw; padding-left: 5vw; position: relative;}
#con2 .bx .inner .list1 li::before{content: ""; width: 10vw; height: 10vw; background: url(../images/contact/con2-icon.svg) no-repeat top center; position: absolute; left: -6vw; top: 2vw;}
#con2 .bx .inner .list2{}
#con2 .bx .inner .list2 li{font-size: 3.9vw; line-height: 3; letter-spacing: 0.6vw; padding-left: 5vw; position: relative;}
#con2 .bx .inner .list2 li::before{content: ""; width: 10vw; height: 10vw; background: url(../images/contact/con2-icon.svg) no-repeat top center; position: absolute; left: -6vw; top: 2vw;}

#con2 .bx .in-inner{width: 84%; margin: 0 auto 10vw;}
#con2 .bx .in-inner .ttl1{font-size: 7vw; font-weight: 900; text-align: center; line-height: 1.4; letter-spacing: 1vw; margin-bottom: 7vw; margin-left: 1vw;}
#con2 .bx .in-inner .txt1{font-size: 3.95vw; text-align: left; letter-spacing: 0.1vw; margin-bottom: 6vw;}
#con2 .bx .in-inner .list3{padding: 0 1vw;}
#con2 .bx .in-inner .list3 li{width: 100%; margin: 0 auto 7vw; background: #fff; }
#con2 .bx .in-inner .list3 li .img{}
#con2 .bx .in-inner .list3 li .in-txt{font-size: 3.95vw; font-weight: bold; text-align: center; letter-spacing: 0.1vw; padding: 5vw 0 4.5vw;}

#con2 .bx .b-bx{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .b-bx .b-ttl{font-size: 7vw; font-weight: 900; text-align: center; line-height: 2.1; letter-spacing: 1vw; margin-bottom: 7vw; margin-left: 1vw;}
#con2 .bx .b-bx .b-ttl .ss1{position: relative; left: 4vw; letter-spacing: 0.5vw; top: 1vw;}
#con2 .bx .b-bx .b-ttl .ss2{background: #F5CA15; padding: 2vw 3vw; border-radius: 3vw;}
#con2 .bx .b-bx .b-txt{font-size: 3.95vw; text-align: center; letter-spacing: 0.1vw; margin-bottom: 6vw;}
#con2 .bx .b-bx .human{width: 30vw; margin: 0 auto; position: absolute; left: 5vw; right: 0; bottom: -42vw;}

#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 10vw; }
#con3 .bx .ttl{font-size: 5.4vw; text-align: center; line-height: 2.1; letter-spacing: 1vw; margin-bottom: 6vw; margin-left: 1vw; padding-bottom: 4vw; position: relative;}
#con3 .bx .ttl::after{content: ""; width: 10vw; height: 0.2vw; margin: 0 auto 7vw;  line-height: 1; background: #333333; text-align: center; position: absolute; left: 0; right: 0; bottom: -5.5vw;}
#con3 .bx .tel{width: 92%; margin: 0 auto; text-align: center;}



.privacy .scroll-box {
	overflow-x: hidden;
	border: 2px solid #333;
	padding: 7% 5%;
	overflow-y: scroll;
	height: 223px;
margin: 6% 0 5% 0;}

.privacy .scroll-box h3{
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 3% 0;
}

.privacy .scroll-box h4{
	font-size: 1.4rem;
	padding: 3% 3% 3% 3%;
	background-color: #dddddd;
	margin: 0 0 6% 0;
	line-height: 1.6;
}

.privacy .scroll-box ol{}

.privacy .scroll-box ol li{
	list-style: decimal-leading-zero;
	margin: 0 0 4% 10%;
	line-height: 1.6;
	font-size: 1.2rem;
	padding: 0 0 3% 0;
	font-size: 1.2rem;
	border-bottom: 2px solid #666;
}

.privacy .scroll-box .txt{
line-height: 1.6;
	font-size: 1.2rem;
}




}