@charset "utf-8";
/* CSS Document */
.pc{display: block;}
.sp{display: none;}
#pagetop{display: none;position: fixed;right: 10px;bottom: 10px;margin-top: 10px;width: 60px;height: 60px;}
#pagetop img{width: 60px;height: 60px;}

body{text-align: center; letter-spacing: 1.4px;}
a img:hover{opacity: 0.7;}

header{background: #fcf5d0; padding-top: 35px;}
#headerIn{width: 1200px; margin: 0 auto; height: 553px; background: url("../images/main.png") no-repeat right bottom; background-size: 45%;}
#headerIn div{width: 562px; text-align: center; margin-left: 20px;}
#headerIn div h1 img{width: 100%;}
#headerIn div h1{margin-bottom: 35px;}
.btn{font-size: 32px; line-height: 50px; display: block; background: #37a580; border-radius: 20px; padding: 10px 10px 15px; font-weight: bold; letter-spacing: 0.5px;}
.btn span{font-size: 28px;}

.red{color: #b00000;}
.shadow{box-shadow: 0 0 8px #ddd;}

#wrap h2{font-size: 40px; position: relative; margin-bottom: 50px;}
#wrap h2::after{position: absolute; bottom: -10px; left: calc(50% - 65px); width: 130px; height: 4px; content: ''; background: #b00;}

.atn{font-size: 12px;}
.hBtn{display: none;}
.cvBtn{font-size: 28px; display: block; background: #37a580; border-radius: 20px; padding:30px 0px; font-weight: bold; width: 580px; margin: 0px auto 0;}
p.cmmnFukidashi{position: relative; display: inline-block; padding: 0 15px; width: auto; height: 55px; line-height: 50px; color: #fff; text-align: center; background: #bb0000; border: 3px solid #bb0000; z-index: 0; margin-bottom: 20px; font-size: 20px;}
p.cmmnFukidashi:before { content: ""; position: absolute; bottom: -8px; left: 50%; margin-left: -9px; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 0 9px; border-color: #bb0000 transparent transparent transparent; z-index: 0;}
p.cmmnFukidashi:after { content: ""; position: absolute; bottom: -18px; left: 48%; margin-left: -10px; width: 0px; height: 0px; border-style: solid; border-width: 15px 20px 0 20px; border-color: #bb0000 transparent transparent transparent; z-index: -1;}


.threeBlc{display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}
#wrap section{padding: 100px 0;}
.fTxt{margin-bottom: 30px;}
.threeBlc li{width: 350px;}
.threeBlc img{width: 100%;}
#wrap section.conts01{padding-top: 70px;}
.conts01,.conts05{width: 1200px; margin: 0 auto;}
.conts01 .threeBlc{margin-bottom: 50px;}
.conts01 .threeBlc span{color: #bb0000; font-weight: bold; font-size: 38px; line-height: 45px;}
.conts01 .threeBlc img,.conts02 .threeBlc img,.conts03 .threeBlc img,.conts06 .threeBlc img{margin-bottom: 20px;}
.conts01 .threeBlc h3{background: #333333; color: #fff; width: 95%; margin: 0 auto 35px;}
.conts01 div{border:4px solid #cccccc; outline: 2px solid #cccccc; outline-offset: -10px; font-weight: bold; text-align: left; font-size: 30px; padding: 40px; line-height: 45px; margin-bottom: 50px;}
.conts01 div .red{color: #bb0000; font-size: 40px; display: block; line-height: 75px;}
.conts01 div .red span{font-size: 70px;}
.conts01 div img{width: 367px; float: right;}
.conts01 div::after,.conts01 div::before{content: ""; clear: both; display: block;}

.conts02{background: #fcf5d0;}
.conts02 h3{line-height: 40px; font-size: 26px;}
.conts02 p.fTxt{width: 1200px; margin: 0 auto 50px;}
.conts02 .threeBlc div{width: 0; height: 0; border-left: 30px solid #b00000; border-top: 30px solid transparent; border-bottom: 30px solid transparent; margin-top: 10%;}
.conts03 .threeBlc{margin-bottom: 50px;}
.conts03 h3{line-height: 40px; font-size: 24px;}
.conts04,.conts06,.conts08,.conts10{background: #f2f2f2;}
.conts04 ul{width: 1150px; margin:0 auto;}
.conts04 li{background: #fff; padding: 50px; text-align: left; margin-bottom: 50px;}
.conts04 li::after,.conts04 li::before{content: ""; clear: both; display: block;}
.conts04 li .listImg{float: right; width: 240px; margin-left: 20px;}
.conts04 li h3{margin-bottom: 35px; font-size: 30px; line-height: 53px;}
.conts04 li h3 img{width: 5%; margin-right: 10px; vertical-align: bottom;}
.conts04 li p{width: 70%;}
.conts05 h3,.conts05 p{text-align: left;}
.conts05 h3{font-size: 35px;}
.conts05 img{float: right; width: 323px; margin-left: 20px;}

.conts06 .threeBlc{text-align: left; margin-bottom: 30px;}
.conts06 h3{font-size: 26px; line-height: 36px; padding-left: 11%;}
.conts06 div{background: url("../images/line.png") repeat-x bottom; height: 15px; margin: 15px 0; background-size: 200%;}
.conts06 h3 span{font-size: 16px; line-height: 16px;}
.conts06 .num01{background: url("../images/num01.png") no-repeat 0 2px; background-size: 9.5%;}
.conts06 .num02{background: url("../images/num02.png") no-repeat 0 2px; background-size: 9.5%;}
.conts06 .num03{background: url("../images/num03.png") no-repeat 0 2px; background-size: 9.5%;}
.conts06 .threeBlc p{background: url("../images/iconCheck.svg") no-repeat 0 2px;  background-size: 9.5%; padding-left: 11%;}

.conts07 ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 1200px; margin: 0 auto;}
.conts07 li{margin:0 20px 50px; width: 164px;}
.conts07 li img{width: 100%;}

.con08Box{display: flex; justify-content: flex-start; width: 1000px; margin: 0 auto; align-items: center; margin-bottom: 100px; padding-left: 100px;}
.con08Box div{text-align: left;}
.con08Box h3{font-size: 40px; margin-bottom: 45px; display: flex; line-height: 50px;}
.con08Box div span{background: #000; color: #fff; font-size: 22px; padding: 0 50px; margin-right: 20px;}
.con08Box img{width: 323px; margin-right: 50px;}
.con08Box a:link {   color: #333; text-decoration: underline;}
.con08Box a:visited {color: #333; text-decoration: underline;}
.con08Box a:hover {  color: #333; text-decoration: none;}
.con08Box a:active { color: #333; text-decoration: underline;}

.conts09 dl{width: 1040px; margin: 0 auto; text-align: left; margin-bottom: 75px;}
.conts09 dt{background: #f2f2f2; padding: 15px 25px 15px 1.8em; font-size: 28px; font-weight: bold; border-radius: 10px; margin-bottom: 30px; line-height: 50px; text-indent:-1.2em;}
.conts09 dt span{color: #b00000;}
.conts09 dd{font-size: 24px;}
.conts09 dl:last-child{margin-bottom: 0;}

.conts10Blc{width: 1200px; margin: 0 auto 50px; display: flex; text-align: left;} 
.conts10 img{width: 571px; margin-right: 60px;}
.conts10 h3{font-size: 30px; line-height: 45px; margin-bottom: 40px; font-weight: bold;}
.conts10 h4{font-size: 28px; font-weight: bold;}
.conts10 .conts10Blc p{line-height: 40px;}
footer{padding: 100px 0;}
footer img{width: 127px; margin-bottom: 30px;}
footer p{font-size: 16px;}
@media screen and (max-width: 1199px){
	#headerIn{width: 98%; height: auto; background-size: 48%;}	
	#headerIn div{width: 50%; text-align: center; padding-bottom: 20px;}
	.btn{font-size: 28px;}
	.btn span{font-size: 24px;}
	#wrap section{padding: 80px 0;}
	.conts01,.conts05{width: 96%; margin: 0 auto;}
	.threeBlc{width: 96%;}
	.threeBlc li{width: 30%;}
	.conts01 div{font-size: 28px;}
	.conts01 div img{width: 285px; margin-top: 25px;}
	#wrap section.conts02,#wrap section.conts03{padding-left:2%; padding-right:2%;}
	.conts01 .threeBlc h3{width: 100%; letter-spacing: 0;}
	.conts02 p.fTxt{width: 96%;}
	.conts02 .threeBlc div{width: 0; height: 0; border-left: 20px solid #b00000; border-top: 20px solid transparent; border-bottom: 20px solid transparent; margin-top: 10%;}	
	.conts04 ul{width: 96%;}
	.conts04 li h3{line-height: 43px; padding-left: 1.5em; text-indent: -1.5em;}
	.conts05 h3{line-height: 50px; margin-bottom: 20px;}
	.conts05 img{width: 270px;}
	.conts06 h3{font-size: 20px; letter-spacing: 0; min-height: 75px;}
	.conts06 .threeBlc p{background: url("../images/iconCheck.svg") no-repeat 0 5px; background-size:9.5%;}
	
	.conts06 .num01{background: url("../images/num01.png") no-repeat 0px 4px;background-size: 9.5%;}
	.conts06 .num02{background: url("../images/num02.png") no-repeat 0px 4px; background-size: 9.5%;}
	.conts06 .num03{background: url("../images/num03.png") no-repeat 0px 4px; background-size: 9.5%;}	
	.conts07 ul{width: 100%; display: grid; grid-template-columns: repeat(auto-fit, 200px); justify-content: center; grid-gap: 1rem; padding-top: 20px;}
	.conts07 li{margin: 0 20px 30px;}
	.conts09 dl{width: 96%; margin-bottom: 45px;}
	.conts09 dt{font-size: 28px; margin-bottom: 20px;}
	.conts09 dd{font-size: 20px;}	
	.conts10Blc{width: 96%;}
	.conts10 img{width: 460px;}
}
@media screen and (max-width: 1010px){
	#headerIn{background-size:50%;}
	#headerIn div{width: 45%; padding-bottom: 20px;}
}
@media screen and (max-width: 820px){
	header{padding-top: 15px;}	
	#headerIn{height: auto; padding-bottom: 20px; background-size: 48%;}
	#headerIn div{width: 50%;}
	.btn{padding: 10px; font-size: 25px; line-height: 32px;}
	.btn span{font-size: 20px;}	
	#wrap h2{font-size: 34px;}
	.conts01 .threeBlc h3{font-size: 16px;}
	.conts01 div{text-align: center;}	
	.conts01 div img{float: none; display: block; margin: 0 auto 40px;}
	.conts04 li h3 img{vertical-align: sub;}
	.conts04 li .listImg{width: 200px;}
	.conts06 .num01{background: url("../images/num01.png") no-repeat 0px 8px;background-size: 9.5%;}
	.conts06 .num02{background: url("../images/num02.png") no-repeat 0px 8px; background-size: 9.5%;}
	.conts06 .num03{background: url("../images/num03.png") no-repeat 0px 8px; background-size: 9.5%;}
	
	.conts06 h3{font-size: 18px; min-height: 108px;}
	.con08Box{width: 96%; padding-left: 0}
	.con08Box img{width: 250px; margin-right: 30px;}
	.con08Box h3{font-size: 38px; margin-bottom: 30px;}
	.conts10 img{width: 340px; margin-right: 20px;}
}
@media screen and (max-width: 768px){
	.conts01 .threeBlc h3{letter-spacing: 0;}
	.conts02 .threeBlc div{width: 0; height: 0; border-left: 15px solid #b00000; border-top: 15px solid transparent; border-bottom: 15px solid transparent; margin-top: 9%;}	
	.conts04 li .listImg{width: 200px;}
	.conts04 li h3 img{width: 5.5%;}
	.conts05 img{width: 240px;}
	.con08Box h3{font-size: 33px; line-height: 40px; margin-bottom: 25px;}
	.con08Box div span{font-size: 20px; padding: 0 30px;}
	.conts09 dl{width: 96%; margin-bottom: 45px;}
	.conts09 dt{font-size: 26px; margin-bottom: 20px;}
	.conts09 dd{font-size: 18px;}	
}
@media screen and (max-width: 640px){
	.pc{display: none;}
	.sp{display: block;}
	header{padding: 0;}
	#headerIn{height: auto; width: 100%; background: none; padding-bottom:0}
	#headerIn img{width: 100%;}
	.hBtn{width:96%; font-size: 20px; margin: 0 auto 0; padding:15px 10px; line-height:34px; margin-top: 20px; display: block; background: #37a580; border-radius: 20px; font-weight: bold; letter-spacing: 0.5px;}
	.btn span{font-size: 20px;}
	#wrap section{padding: 50px 0;}
	#wrap h2{font-size: 24px; line-height: 34px;}
	.conts01,.conts03,.conts05,.conts09{width: 94%; margin: 0 auto;}
	.threeBlc{display: block; width: 96%; margin: 0 auto;}
	.threeBlc li{width: 100%; margin-bottom: 40px;}
	.threeBlc img{width: 60%;}
	.conts01 div{text-align: center; font-size: 18px; line-height: 30px;}	
	.conts01 div img{float: none; width: 80%; margin-bottom: 40px;}
	.cvBtn{width: 100%; padding: 10px; font-size: 22px;}
	.conts01 div{padding: 20px;}
	.conts01 div .red{line-height: 40px; margin-top: 20px; font-size: 28px;}
	.conts01 div .red span{line-height: 80px; display: block; margin-top: 10px; font-size: 35px; line-height: 50px; letter-spacing: 0}
	#wrap section.conts02,#wrap section.conts04,#wrap section.conts06,#wrap section.conts08,#wrap section.conts10{padding:50px 4%;}
	.conts01 .threeBlc h3{width: 75%; margin: 0 auto 20px;}
	.conts01 .threeBlc span{font-size: 34px; line-height: 45px;}
	.conts02 h3,.conts03 h3{font-size: 20px; line-height: 30px;}
	.conts02 .threeBlc li{margin-bottom: 20px;}
	.conts02 .threeBlc li:last-child{margin-bottom: 0;}
	.conts02 .threeBlc div{width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #b00000; margin: 0 auto 10px;}	
	
	.conts03 p{text-align: left;}
	.conts04 ul{width: 100%;}
	.conts04 li .listImg{float: none; margin-bottom: 20px; margin-left: 0; width: 160px;}
	.conts04 li {text-align: center; padding: 20px;}
	.conts04 li h3 img{width: 30px; vertical-align: sub;}
	.conts04 li h3{line-height: 34px; margin-bottom: 20px; padding-left:1.7em;
	text-indent:-1.8em; text-align: left; font-size: 22px;}
	.conts04 li p{text-align: left; width: 100%;}
	p.cmmnFukidashi{height: auto; padding: 10px 15px; font-size:16px; line-height: 22px;}
	.conts05 img{float: none; width: 50%; margin-bottom: 20px; margin-left: 0;}
	.conts05 h3{font-size: 22px; margin-bottom: 20px; line-height: 38px;}
	.conts06 .threeBlc p{background: url("../images/iconCheck.svg") no-repeat 6px 2px; background-size: 26px;}
	.conts06 .threeBlc li{text-align: center;}
	.conts06 .threeBlc li h3,.conts06 .threeBlc li p{text-align: left;}
	.conts06 h3{min-height: auto; font-size: 18px;}
	.conts06 .num01{background: url("../images/num01.png") no-repeat 0px 4px;background-size: 9.5%;}
	.conts06 .num02{background: url("../images/num02.png") no-repeat 0px 4px; background-size: 9.5%;}
	.conts06 .num03{background: url("../images/num03.png") no-repeat 0px 4px; background-size: 9.5%;}	
	.conts07 ul{display: flex; grid-gap: 0; padding-top: 0;}
	.conts07 li{margin: 0 10px 20px; width: 44.5%;}
	.conts07 li img{width: 100%;}
	.con08Box{width: 100%; display: block; padding-left: 0; margin-bottom: 50px;}
	.con08Box img{width: 70%; margin-right: 0; margin-bottom: 20px;}
	.con08Box div span{padding: 0 10px; margin-right: 10px; font-size: 18px;}
	.con08Box h3{font-size: 24px; margin-bottom:25px; line-height: 32px; justify-content: center;}
	.conts09 dl{width: 100%; margin-bottom:50px;}
	.conts09 dt{font-size: 18px; line-height: 30px; margin-bottom:20px;}
	.conts09 dd{font-size: 16px;}
	.conts10 img{width: 100%; margin-bottom: 20px; margin-right: 0;}
	.conts10Blc{width: 100%; display: block;}
	.conts10 h3{font-size: 20px; line-height: 30px; margin-bottom: 20px;}
	.conts10 h4{font-size: 18px;}
	.conts10 .conts10Blc p{line-height: 30px;}
	footer{padding: 50px 0}
	footer p{font-size: 12px;}
	footer img{width: 100px;}
}
@media screen and (max-width: 320px){
	.conts06 .threeBlc p{background-size: 24px;}
	.conts07 li{margin: 0 10px 20px; width: 43.5%;}	
}