@charset "UTF-8";
@media screen and (min-width: 768px), print {
main{width: 100%;}

#main-contents {width: 1200px; margin: 0 auto 50px; background: url(../images/outer_wall/main-bg.png) no-repeat center; padding-top: 100px;}
#main-contents .main-bx1{width: 1000px; margin: 0 auto;}
#main-contents .main-ttl{text-align: center; margin-bottom: -40px;}
#main-contents .main-ttl1{text-align: center;}

#contents1 {width: 1400px; margin: 0 auto; background: url(../images/outer_wall/contents1-bg.png) no-repeat center top; padding-top: 50px; padding-bottom: 100px;}
#contents1 .con1-bx1{width: 1000px; margin: 0 auto;}
#contents1 .con1-inner1{width: 850px; margin: 0 auto 50px; border: 2px solid #25272F; padding: 30px 80px 30px; background: #fff; position: relative; }
#contents1 .con1-inner1 h3{font-size: 25px; line-height: 1.6; letter-spacing: 1px; font-weight: bold; text-align: center; margin-bottom: 30px;}
#contents1 .con1-inner1 ul{width: 320px; }
#contents1 .con1-inner1 li{font-size: 18px; line-height: 2; letter-spacing: 0; background: url(../images/outer_wall/contents-all-icon1.png) no-repeat left; padding-left: 25px; border-bottom: 2px solid #25272F; margin-bottom: 15px;}
#contents1 .con1-inner1 .con1-img1{position: absolute; right: 65px; top: 90px;}
#contents1 .con1-inner1 .con1-img2{position: absolute; right: -15px; bottom: -58px;}

#contents1 .con1-bx2{width: 1000px; margin: 0 auto; position: relative;}
#contents1 .con1-bx2 .con1-img3{text-align: center;}
#contents1 .con1-bx2 .con1-ttl1{text-align: center; margin-top: -25px; margin-bottom: 30px;}
#contents1 .con1-bx2 .con1-img4{text-align: center; margin-bottom: 25px;}
#contents1 .con1-bx2 .con1-txt1{font-size: 16px; line-height: 2; letter-spacing: 0.9px;}

#contents2 {width: 1100px; margin: 0 auto; }
#contents2 h3{text-align: center; margin-bottom: 30px;}

#contents2 .con2-bx1{width: 1100px; margin: 0 auto 40px; background: #EFEFEE; padding: 50px}
#contents2 .con2-inner1{background: #fff; position: relative; padding: 50px 50px 20px}
#contents2 .con2-icon1{position: absolute; left: 50px; top: 20px}
#contents2 .con2-ttl1{font-size: 25px; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-left: 300px; margin-bottom: 60px;}
#contents2 .con2-img1{position: absolute; right: 50px; top: 150px;}
#contents2 .con2-txt{width: 510px; font-size: 16px; line-height: 2; letter-spacing: 0.5px; margin-bottom: 30px;}

#contents2 .con2-bx2{width: 1100px; margin: 0 auto 40px; background: #EFEFEE; padding: 50px}
#contents2 .con2-inner2{background: #fff; position: relative; padding: 50px}
#contents2 .con2-icon2{position: absolute; left: 50px; top: 20px}
#contents2 .con2-ttl2{font-size: 25px; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-left: 180px; margin-bottom: 60px;}
#contents2 .con2-img2{position: absolute; right: 50px; top: 150px;}
#contents2 .con2-txt{width: 510px; font-size: 16px; line-height: 2; letter-spacing: 0.5px; margin-bottom: 30px;}

#contents2 .con2-bx3{width: 1100px; margin: 0 auto 40px; background: #EFEFEE; padding: 50px}
#contents2 .con2-inner3{background: #fff; position: relative; padding: 50px 50px 10px}
#contents2 .con2-icon3{position: absolute; left: 50px; top: 20px}
#contents2 .con2-ttl3{font-size: 25px; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-left: 350px; margin-bottom: 60px;}
#contents2 .con2-img3{position: absolute; right: 50px; top: 150px;}
#contents2 .con2-txt{width: 510px; font-size: 16px; line-height: 2; letter-spacing: 0.7px; margin-bottom: 30px;}

#contents2 .con2-bx4{width: 1100px; margin: 0 auto 100px; background: #EFEFEE; padding: 50px}
#contents2 .con2-inner4{background: #fff; position: relative; padding: 50px 50px 100px}
#contents2 .con2-icon4{position: absolute; left: 50px; top: 20px}
#contents2 .con2-ttl4{font-size: 25px; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-left: 350px; margin-bottom: 60px;}
#contents2 .con2-img4{position: absolute; right: 50px; top: 150px;}
#contents2 .con2-txt{width: 510px; font-size: 16px; line-height: 2; letter-spacing: 0.7px; margin-bottom: 30px;}

#contents3 {width: 1000px; margin: 0 auto 80px;}
#contents3 .con3-ttl{text-align: center; margin-bottom: 80px;}
#contents3 .con3-bx1{width: 910px; margin: 0 auto 60px; padding: 50px 35px; border: 3px solid #25272F; position: relative;}
#contents3 .con3-bx1 .con3-ttl1{width: 230px; text-align: center; font-size: 20px; line-height: 1.6; letter-spacing: 1px; font-weight: bold; background: #25272F; color: #fff; padding: 10px 20px; position: absolute; top: -30px; left: 330px;}
#contents3 .con3-bx1 .con3-img1{text-align: center; margin-bottom: 30px;}
#contents3 .con3-inner1{background: #EFEFEE; padding: 20px 10px;}
#contents3 .con3-inner1 .con3-ttl2{font-size: 20px; line-height: 1.6; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; text-align: center;}
#contents3 .con3-inner1 .con3-txt1{font-size: 16px; line-height: 1.6; letter-spacing: 1px; margin-left: 200px;}

#contents3 .con3-bx2{width: 910px; margin: 0 auto; padding: 50px 35px; border: 3px solid #25272F; position: relative;}
#contents3 .con3-bx2 .con3-ttl1{width: 230px; text-align: center; font-size: 20px; line-height: 1.6; letter-spacing: 1px; font-weight: bold; background: #25272F; color: #fff; padding: 10px 20px; position: absolute; top: -30px; left: 330px;}
#contents3 .con3-bx2 .con3-img2{text-align: center; margin-bottom: 30px;}
#contents3 .con3-inner2{background: #EFEFEE; padding: 20px 10px;}
#contents3 .con3-inner2 .con3-ttl2{font-size: 20px; line-height: 1.6; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; text-align: center;}
#contents3 .con3-inner2 .con3-txt1{font-size: 16px; line-height: 1.6; letter-spacing: 1px; margin-left: 200px;}

#tuika-area { position: relative; width: 1000px; margin: 0 auto 50px; padding: 8px; background-color: #efefee; }
#tuika-area .border-box { border: 2px solid #8fc31f; padding: 35px 0; }
#tuika-area .ttl { text-align: center; margin-bottom: 15px;  }
#tuika-area .ttl-1 { text-align: center;color: #25272f;margin-bottom: 12px;font-size: 23px;font-weight: 700;letter-spacing: 1.15px;line-height: 38px; }
#tuika-area .txt-1 { width: 634px; margin: 0 auto;color: #25272f;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;line-height: 30px; }
#tuika-area .man { position: absolute; bottom: 0; right: 58px; }

#tuika-ie-area { position: relative; width: 1000px; margin: 0 auto 50px; padding: 8px; background-color: #efefee; }
#tuika-ie-area .border-box { border: 2px solid #ffc400; padding: 35px 0; }
#tuika-ie-area .ttl { text-align: center; margin-bottom: 15px;  }
#tuika-ie-area .ttl-1 { text-align: center;color: #25272f;margin-bottom: 12px;font-size: 23px;font-weight: 700;letter-spacing: 1.15px;line-height: 38px; }
#tuika-ie-area .txt-1 { width: 634px; margin: 0 auto;color: #25272f;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;line-height: 30px; }
#tuika-ie-area .ie { position: absolute; bottom: 0; right: 0; }


#end-contents {width: 100%; margin-bottom: 150px; background: url(../images/outer_wall/end-contents-bg.png) no-repeat center bottom; padding-top: 50px; padding-bottom: 80px;}
#end-contents .end-bx1{width: 1000px; margin: 0 auto; position: relative;}
#end-contents .end-bx1 .end-ttl{}
#end-contents .end-bx1 .end-txt{   font-size: 20px; line-height: 1.6; letter-spacing: 1px; font-weight: bold;}
#end-contents .end-bx1 .end-img{position: absolute; right: 0; top: 55px}

.end-link ul{display: flex; justify-content: center; margin-bottom: 150px;}
.end-link li{float: left; margin-right: 30px;}
.end-link li:last-child{float: left; margin-right: 0px;}


}


@media screen and (max-width: 767px) {
main{}

#main-contents {width: 100%; margin: 0 auto 5%; background: url(../images/outer_wall/sp-main-bg.png) no-repeat top; background-size: contain; padding-top: 10%;}
#main-contents .main-bx1{width: 95%; margin: 0 auto;}
#main-contents .main-ttl{width: 80%; margin: 0 auto -20px; text-align: center;}
#main-contents .main-ttl1{text-align: center;}

#contents1 {width: 95%; margin: 0 auto; background: url(../images/outer_wall/sp-contents1-bg.png) no-repeat center top; background-size: contain; padding-top: 3%; padding-bottom: 3%;}
#contents1 .con1-bx1{width: 100%; margin: 0 auto;}
#contents1 .con1-inner1{width: 95%; margin: 0 auto 15%; border: 2px solid #25272F; padding: 5%; background: #fff; position: relative; }
#contents1 .con1-inner1 h3{font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: bold; text-align: center; margin-bottom: 5%;}
#contents1 .con1-inner1 ul{width: 100%;}
#contents1 .con1-inner1 li{font-size: 1.4rem; line-height: 2; letter-spacing: 0; background: url(../images/outer_wall/contents-all-icon1.png) no-repeat left; padding-left: 25px; border-bottom: 2px solid #25272F; margin-bottom: 5%;}
#contents1 .con1-inner1 .con1-img1{display: none;}
#contents1 .con1-inner1 .con1-img2{display: none;}

#contents1 .con1-bx2{width: 100%; margin: 0 auto 10%; position: relative;}
#contents1 .con1-bx2 .con1-img3{width: 50%; margin: 0 auto 1%;}
#contents1 .con1-bx2 .con1-ttl1{text-align: center; margin-top: -25px; margin-bottom: 5%;}
#contents1 .con1-bx2 .con1-img4{text-align: center; margin-bottom: 25px;}
#contents1 .con1-bx2 .con1-txt1{font-size: 1.4rem; line-height: 1.6; letter-spacing: 0.05em;}

#contents2 {width: 95%; margin: 0 auto; }
#contents2 h3{width: 95%; margin: 0 auto 10%; }

#contents2 .con2-bx1{width: 100%; margin: 0 auto 10%; background: #EFEFEE; padding: 5%}
#contents2 .con2-inner1{background: #fff; position: relative; padding: 10% 3% 5%}
#contents2 .con2-icon1{width: 20%; position: absolute; left: -20px; top: -50px}
#contents2 .con2-ttl1{font-size: 1.6rem; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-bottom: 5%; text-align: center;}
#contents2 .con2-img1{margin-bottom: 5%;}
#contents2 .con2-txt{width: 100%; font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.5px; margin-bottom: 5%;}

#contents2 .con2-bx2{width: 100%; margin: 0 auto 10%; background: #EFEFEE; padding: 5%}
#contents2 .con2-inner2{background: #fff; position: relative; padding: 10% 3% 5%}
#contents2 .con2-icon2{width: 20%; position: absolute; left: -20px; top: -45px}
#contents2 .con2-ttl2{font-size: 1.6rem; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-bottom: 5%; text-align: center;}
#contents2 .con2-img2{margin-bottom: 5%;}
#contents2 .con2-txt{width: 100%; font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.5px; margin-bottom: 5%;}

#contents2 .con2-bx3{width: 100%; margin: 0 auto 10%; background: #EFEFEE; padding: 5%}
#contents2 .con2-inner3{background: #fff; position: relative; padding: 10% 3% 5%}
#contents2 .con2-icon3{width: 20%; position: absolute; left: -20px; top: -50px}
#contents2 .con2-ttl3{font-size: 1.6rem; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-bottom: 5%; text-align: center;}
#contents2 .con2-img3{margin-bottom: 5%;}
#contents2 .con2-txt{width: 100%; font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.5px; margin-bottom: 5%;}

#contents2 .con2-bx4{width: 100%; margin: 0 auto 10%; background: #EFEFEE; padding: 5%}
#contents2 .con2-inner4{background: #fff; position: relative; padding: 10% 3% 5%}
#contents2 .con2-icon4{width: 20%; position: absolute; left: -20px; top: -50px}
#contents2 .con2-ttl4{font-size: 1.6rem; line-height: 1.3; letter-spacing: 1px; font-weight: bold; margin-bottom: 5%; text-align: center;}
#contents2 .con2-img4{margin-bottom: 5%;}
#contents2 .con2-txt{width: 100%; font-size: 1.4rem; line-height: 1.8; letter-spacing: 0.5px; margin-bottom: 5%;}

#contents3 {width: 95%; margin: 0 auto 5%;}
#contents3 .con3-ttl{text-align: center; margin-bottom: 10%;}
#contents3 .con3-bx1{width: 100%; margin: 0 auto 15%; padding: 10% 5% 5%; border: 3px solid #25272F; position: relative;}
#contents3 .con3-bx1 .con3-ttl1{width: 50%; text-align: center; font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; font-weight: bold; background: #25272F; color: #fff; padding: 3%; margin-top: -60px; margin-left: 25%; margin-bottom: 5%;}
#contents3 .con3-bx1 .con3-img1{width: 80%; margin: 0 auto 5%; text-align: center;}
#contents3 .con3-inner1{background: #EFEFEE; padding: 5%;}
#contents3 .con3-inner1 .con3-ttl2{font-size: 1.6rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: bold; margin-bottom: 5%; text-align: center;}
#contents3 .con3-inner1 .con3-txt1{font-size: 1.3rem; line-height: 1.6; letter-spacing: 0.05em; }

#contents3 .con3-bx2{width: 100%; margin: 0 auto 10%; padding: 10% 5% 5%; border: 3px solid #25272F; position: relative;}
#contents3 .con3-bx2 .con3-ttl1{width: 50%; text-align: center; font-size: 1.6rem; line-height: 1.6; letter-spacing: 1px; font-weight: bold; background: #25272F; color: #fff; padding: 3%; margin-top: -60px; margin-left: 25%; margin-bottom: 5%;}
#contents3 .con3-bx2 .con3-img2{width: 80%; margin: 0 auto 5%; text-align: center;}
#contents3 .con3-inner2{background: #EFEFEE; padding: 5%;}
#contents3 .con3-inner2 .con3-ttl2{font-size: 1.6rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: bold; margin-bottom: 5%; }
#contents3 .con3-inner2 .con3-txt1{font-size: 1.3rem; line-height: 1.6; letter-spacing: 0.05em; }

#tuika-area { position: relative; width: 95%; margin: 0 auto 10%; padding: 1.5%; background-color: #efefee; }
#tuika-area .border-box { border: 2px solid #8fc31f; padding:5%; }
#tuika-area .ttl { text-align: center; margin-bottom: 3%; }
#tuika-area .ttl-1 { text-align: center;color: #25272f;margin-bottom: 3%;font-size: 1.5rem;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }
#tuika-area .txt-1 { padding-right: 23%; color: #25272f;font-size: 1.4rem;font-weight: 500; letter-spacing: 0.05em;line-height: 1.8; }
#tuika-area .man { width: 19%; max-height: 150px; position: absolute; bottom: 0; right: 4%; }
#tuika-area .man img { max-height: 150px; }

#end-contents {width: 100%; margin-bottom: 10%; background: url(../images/outer_wall/sp-end-contents-bg.png) no-repeat -50px; background-size: contain; padding-top: 5%; padding-bottom: 5%;}
#end-contents .end-bx1{width: 90%; margin: 0 auto; position: relative;}
#end-contents .end-bx1 .end-ttl{width: 90%;}
#end-contents .end-bx1 .end-txt{ margin-bottom: 5%;font-size: 1.4rem; line-height: 1.6; letter-spacing: 0.05em; font-weight: bold;}
#end-contents .end-bx1 .end-img{width: 80%; margin-left: 20%;}

.end-link ul{margin-bottom: 15%;}
.end-link li{width: 80%; margin: 0 auto 3%}


}