@charset "UTF-8";




.main {max-width: 1200px;margin:0 auto 70px;position: relative;padding: 0 20px;}
.main_pic {width: 720px;margin: 0 0 0 auto;}
.main_pic img {width: 100%;height: auto;}
.main_title {
width: 550px;height: auto;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%);
}
.main_title img {width: 100%;height: auto;}
.main_illust {width: 186px;height: auto;position: absolute;right: 10px;bottom: -10px;}
.main_illust img {width: 100%;height: auto;}
@media screen and (max-width: 1060px) {
.main {max-width: 1200px;margin:0 5% 5%;position: relative;padding:0;}
.main_pic {width: 70%;margin: 0 0 0 auto;}
.main_pic img {width: 100%;height: auto;}
.main_title {
width: 50%;height: auto;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%);
}
.main_title img {width: 100%;height: auto;}
.main_illust {width: 20%;height: auto;position: absolute;right: 10px;bottom: -10px;}
.main_illust img {width: 100%;height: auto;}
}
@media screen and (max-width: 767px) {
.main {max-width: 1200px;width: 90%; margin:0 auto 5%;position: relative;}
.main_pic {width: 100%;margin: 0 0 0 auto;padding: 20% 0 0;}
.main_pic img {width: 100%;height: auto;}
.main_title {
width: 60%;height: auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%) ;
-webkit- transform: translateX(-50%);
}
.main_title img {width: 100%;height: auto;}
.main_illust {width: 20%;height: auto;position: absolute;right: 10px;bottom: -10px;}
.main_illust img {width: 100%;height: auto;}
}



.trouble {background: #f2f2f2;padding: 70px 0 40px;}
.trouble h2{font-size: 36px;margin: 0 0 70px;font-weight: 900;}
.trouble h3 {font-size: 42px;line-height: 1.6;color: #db7841;font-weight: 900;}
.trouble h3 span {font-size: 32px; color: #000;}
.trouble h3:before {
content: '';/*何も入れない*/
display: inline-block;
width: 114px;/*画像の幅*/
height: 114px;/*画像の高さ*/
background-image: url("images/illust1.png");
background-size: contain;
vertical-align: middle;
margin-right:20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.trouble h3:before {background-image: url("images/illust1@2x.png");}
}

.trouble ul.trouble_list {max-width: 1200px;width:100%;margin: 0 auto 40px;padding:0 50px;display:flex;flex-wrap:wrap;box-sizing:border-box;}
.trouble ul.trouble_list li {width: 40%;}
.trouble ul.trouble_list li:first-child {width: calc(60% - 50px);border: 2px solid #000;border-radius: 40px;background: #fff;margin-right:40px;}
.trouble ul.trouble_list li dl {padding: 50px;text-align: left;}
.trouble ul.trouble_list li dl dt {font-size: 32px;line-height: 1.6;font-weight: 900; color: #db7841;margin: 0 0 20px;}
.trouble ul.trouble_list li dl dt span{font-size: 24px;color: #000;}
.trouble ul.trouble_list li dl dd {}
.trouble ul.trouble_list li dl dd p {font-size: 20px;line-height: 1.6;font-weight: 900;}
.trouble ul.trouble_list li dl dd p span {font-size: 32px;position: relative;z-index: 1;padding: 0 .1em;margin: 0 .1em;}
.trouble ul.trouble_list li dl dd p span:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
z-index: -1;
}
.trouble ul.trouble_list li dl dd p.caption {font-size: 12px;font-weight: 700;}
@media screen and (max-width: 1060px) {
.trouble {background: #f2f2f2;padding: 5% 0 5%;}
.trouble h2{font-size: 36px;margin: 0 0 5%;font-weight: 900;}
.trouble h3 {font-size: 42px;line-height: 1.6;color: #db7841;font-weight: 900;}
.trouble h3 span {font-size: 32px; color: #000;}
.trouble h3:before {
content: '';/*何も入れない*/
display: inline-block;
width: 114px;/*画像の幅*/
height: 114px;/*画像の高さ*/
background-image: url("images/illust1.png");
background-size: contain;
vertical-align: middle;
margin-right:20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.trouble h3:before {background-image: url("images/illust1@2x.png");}
}
.trouble ul.trouble_list {
width: 90%;margin: 0 auto 5%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
padding:0;
}
.trouble ul.trouble_list li {width: 100%;}
.trouble ul.trouble_list li:first-child {width: 100%;margin-right: 0;margin-bottom: 5%; border: 2px solid #000;
border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
background: #fff;
}
.trouble ul.trouble_list li dl {padding: 5%;text-align: left;}
.trouble ul.trouble_list li dl dt {font-size: 32px;line-height: 1.6; color: #db7841;margin: 0 0 20px;}
.trouble ul.trouble_list li dl dt span{font-size: 24px;color: #000;}
.trouble ul.trouble_list li dl dd {}
.trouble ul.trouble_list li dl dd p {font-size: 20px;line-height: 1.6;}
.trouble ul.trouble_list li dl dd p span {font-size: 32px;position: relative;z-index: 1;padding: 0 .1em;margin: 0 .1em;}
.trouble ul.trouble_list li dl dd p span:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
z-index: -1;
}
.trouble ul.trouble_list li dl dd p.caption {font-size: 12px;}
.trouble ul.trouble_list li img {width: 80%!important;margin: auto;}

}
@media screen and (max-width: 767px) {
.trouble {background: #f2f2f2;padding: 5% 0 5%;}
.trouble h2{font-size: 5vw;margin: 0 0 5%;font-weight: 900;}
.trouble h3 {font-size: 5vw;line-height: 1.6;color: #db7841;font-weight: 900;}
.trouble h3 span {font-size: 3.8vw; color: #000;}
.trouble h3:before {
content: '';/*何も入れない*/
display: inline-block;
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
background-image: url("images/illust1.png");
background-size: contain;
vertical-align: middle;
margin-right:20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.trouble h3:before {background-image: url("images/illust1@2x.png");}
}
.trouble ul.trouble_list {
width: 90%;margin: 0 auto 5%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
}
.trouble ul.trouble_list li {width: 100%;}
.trouble ul.trouble_list li:first-child {width: 100%;margin-right: 0;margin-bottom: 5%; border: 2px solid #000;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #fff;
}
.trouble ul.trouble_list li dl {padding: 5%;text-align: left;}
.trouble ul.trouble_list li dl dt {font-size: 6vw;line-height: 1.6; color: #db7841;margin: 0 0 5%;}
.trouble ul.trouble_list li dl dt span{font-size: 5.4vw;color: #000;}
.trouble ul.trouble_list li dl dd {}
.trouble ul.trouble_list li dl dd p {font-size: 3.4vw;line-height: 1.6;}
.trouble ul.trouble_list li dl dd p span {font-size: 4.8vw;position: relative;z-index: 1;padding: 0 .1em;margin: 0 .1em;}
.trouble ul.trouble_list li dl dd p span:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
z-index: -1;
}
.trouble ul.trouble_list li dl dd p.caption {font-size: 3vw;}
.trouble ul.trouble_list li img {width: 80%!important;margin: auto;}
}





.warranty {background: #f0e6d2;padding: 70px 0;position: relative;z-index: -2}
.warranty_title {position: relative;display: inline-block;margin: 0 0 60px;}
.warranty_title:after {
content: '';/*何も入れない*/
display: inline-block;
width: 170px;/*画像の幅*/
height: 170px;/*画像の高さ*/
background-image: url("images/illust2.png");
background-size: contain;
vertical-align: middle;
margin-left:20px;
position: absolute;
top: 50%;
right: -180px;;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%) ;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.warranty_title:after {background-image: url("images/illust2@2x.png");}
}
.warranty_title p {font-size: 30px;margin: 0!important;}
.warranty_title p span {font-size: 36px;}
.warranty_title h2 {font-size: 80px;font-weight: 900;}
.warranty_title h2 span {font-size: 120px;color: #db7841;}
.warranty_title h2 b {position: relative;z-index: 1;padding: 0 .1em;}
.warranty_title h2 b:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
z-index: -1;
}
.warranty p {font-size: 32px;line-height: 1.6;font-weight: 900;margin: 0 0 40px;}
.warranty p.caption {font-size: 12px;font-weight: 700;margin: 0;}
.warranty .warranty_block {width: 1010px;margin:0 auto 20px;background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.warranty .warranty_block .list_block {padding: 50px;}
.warranty .warranty_block .list_block ul {}
.warranty .warranty_block .list_block ul li {text-align: left;margin: 0 0 50px;position: relative;padding: 0 0 0 80px;}

.warranty .warranty_block .list_block ul li {}

.warranty .warranty_block .list_block ul li:before{
color: #db7841;
font-size: 60px;
font-weight: 900;
vertical-align: middle;
margin: 0 20px 0 0;
position: absolute;
top: -10px;
left: 0;
}
.warranty .warranty_block .list_block ul li:nth-child(1):before {content: '01';}
.warranty .warranty_block .list_block ul li:nth-child(2):before {content: '02';}
.warranty .warranty_block .list_block ul li:nth-child(3):before {content: '03';}
.warranty .warranty_block .list_block ul li h4{font-size: 24px;font-weight: 900;color: #00a73c;margin: 0 0 10px;}
.warranty .warranty_block .list_block ul li h4 span {font-size: 12px;}
.warranty .warranty_block .list_block ul li p{font-size: 18px;font-weight: 700;}
.warranty .warranty_block .list_block ul li img {width: 226px!important;height: auto!important;position: absolute;right: 0;bottom: 0;}
.warranty .warranty_block .list_block ul li:last-child {margin: 0;}
@media screen and (max-width: 1060px) {
.warranty {background: #f0e6d2;padding: 5% 0;position: relative;z-index: -2}
.warranty_title {position: relative;display: inline-block;margin: 0 auto 5%;width: 70%;}
.warranty_title:after {
content: '';/*何も入れない*/
display: inline-block;
width: 130px;/*画像の幅*/
height: 130px;/*画像の高さ*/
background-image: url("images/illust2.png");
background-size: contain;
vertical-align: middle;
margin-left:20px;
position: absolute;
top: 50%;
right: -110px;;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%) ;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.warranty_title:after {background-image: url("images/illust2@2x.png");}
}
.warranty_title p {font-size: 18px!important;margin: 0!important;}
.warranty_title p span {font-size: 28px!important;}
.warranty_title h2 {font-size: 60px;font-weight: 900;margin-top: -10px;}
.warranty_title h2 span {font-size: 100px;color: #db7841;}
.warranty_title h2 b {position: relative;z-index: 1;padding: 0 .1em;}
.warranty_title h2 b:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
z-index: -1;
}
.warranty p {font-size: 24px;line-height: 1.6;margin: 0 0 40px;}
.warranty p.caption {font-size: 12px;font-weight: 400;margin: 0 auto;width: 90%;text-align: left;}
.warranty .warranty_block {width: 90%;margin:0 auto 2.5%;background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.warranty .warranty_block .list_block {padding: 5%;}
.warranty .warranty_block .list_block ul {}
.warranty .warranty_block .list_block ul li {text-align: left;margin: 0 0 50px;position: relative;padding: 0 0 0 80px;}

.warranty .warranty_block .list_block ul li {}

.warranty .warranty_block .list_block ul li:before{
color: #db7841;
font-size: 60px;
vertical-align: middle;
margin: 0 20px 0 0;
position: absolute;
top: -10px;
left: 0;
}
.warranty .warranty_block .list_block ul li:nth-child(1):before {content: '01';}
.warranty .warranty_block .list_block ul li:nth-child(2):before {content: '02';}
.warranty .warranty_block .list_block ul li:nth-child(3):before {content: '03';}
.warranty .warranty_block .list_block ul li h4{font-size: 24px;font-weight: 900;color: #00a73c;margin: 0 0 10px;}
.warranty .warranty_block .list_block ul li h4 span {font-size: 12px;}
.warranty .warranty_block .list_block ul li p{font-size: 16px;font-weight: 700;}
.warranty .warranty_block .list_block ul li img {width: 70%!important;height: auto!important;position: inherit;right: inherit;bottom: inherit;}
.warranty .warranty_block .list_block ul li:last-child {margin: 0;}
}
@media screen and (max-width: 767px) {
.warranty {background: #f0e6d2;padding: 5% 0;position: relative;z-index: -2}
.warranty_title {position: relative;display: inline-block;margin: 0 auto 5%;width: 80%;}
.warranty_title:after {
content: '';/*何も入れない*/
display: inline-block;
width: 16vw;/*画像の幅*/
height: 16vw;/*画像の高さ*/
background-image: url("images/illust2.png");
background-size: contain;
vertical-align: middle;
margin-left:20px;
position: absolute;
top: 50%;
right: -10vw;;
transform: translateY(-50%) ;
-webkit- transform: translateY(-50%) ;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.warranty_title:after {background-image: url("images/illust2@2x.png");}
}
.warranty_title p {font-size: 2.8vw!important;margin: 0!important;}
.warranty_title p span {font-size: 3.4vw!important;}
.warranty_title h2 {font-size: 8vw;font-weight: 900;margin-top:0;}
.warranty_title h2 span {font-size: 12vw;color: #db7841;}
.warranty_title h2 b {position: relative;z-index: 1;padding: 0 .1em;}
.warranty_title h2 b:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: .5em;
background:#c8dc64;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
z-index: -1;
}
.warranty p {font-size: 3.2vw;line-height: 1.6;margin: 0 0 5vw;}
.warranty p.caption {font-size: 3vw;font-weight: 400;margin: 0 auto;width: 90%;text-align: left;}
.warranty .warranty_block {width: 90%;margin:0 auto 2.5%;background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.warranty .warranty_block .list_block {padding: 5%;}
.warranty .warranty_block .list_block ul {}
.warranty .warranty_block .list_block ul li {text-align: left;margin: 0 0 5vw;position: relative;padding: 0 0 0 12.5vw;}

.warranty .warranty_block .list_block ul li {}

.warranty .warranty_block .list_block ul li:before{
color: #db7841;
font-size: 10vw;
vertical-align: middle;
margin: 0 5% 0 0;
position: absolute;
top: -10px;
left: 0;
}
.warranty .warranty_block .list_block ul li:nth-child(1):before {content: '01';}
.warranty .warranty_block .list_block ul li:nth-child(2):before {content: '02';}
.warranty .warranty_block .list_block ul li:nth-child(3):before {content: '03';}
.warranty .warranty_block .list_block ul li h4{font-size: 4.4vw;font-weight: 900;color: #00a73c;margin: 0 0 10px;}
.warranty .warranty_block .list_block ul li h4 span {font-size: 3vw;}
.warranty .warranty_block .list_block ul li p{font-size: 3vw;font-weight: 700;}
.warranty .warranty_block .list_block ul li img {width: 100%!important;height: auto!important;position: inherit;right: inherit;bottom: inherit;}
.warranty .warranty_block .list_block ul li:last-child {margin: 0;}
}






.flow {padding: 70px;background: #c8dc64;}
.flow_block {}
.flow ul {width: 1010px;margin: auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
}
.flow ul li {width:calc(30% - 9px);margin: 0 5% 0 0; position: relative;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.flow ul li:after{
content: '';
width: 16px;
height: 16px;
border: 0;
border-top: solid 5px #00a73c;
border-right: solid 5px #00a73c;
transform: rotate(45deg);
position: absolute;
top: 0;
right:-12%;
bottom: 0;
margin: auto;
}
.flow ul li:nth-child(3n) {margin: 0;}
.flow ul li:nth-child(3n):after{
content: inherit;
width: inherit;
height: inherit;
border: inherit;
border-top:inherit;
border-right:inherit;
transform: inherit;
position:inherit;
top: inherit;
right:inherit;
bottom:inherit;
margin: inherit;
}
.flow ul li .flow_block {padding: 20px;}
.flow ul li .flow_block .flow_icon {margin: 0 0 10px;}
.flow ul li .flow_block .flow_icon img{height: 120px!important;width: auto!important;margin: auto;}
.flow ul li .flow_block dl {}
.flow ul li .flow_block dl dt {font-size: 20px;font-weight: 900; color: #db7841;margin: 0 0 20px;}
.flow ul li .flow_block dl dd {font-size: 15px;line-height: 1.6;font-weight: 700;}
@media screen and (max-width: 1060px) {
.flow {padding: 5% 0;background: #c8dc64;}
.flow_block {}
.flow ul {width: 90%;margin: auto;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
}
.flow ul li {width:calc(30% - 4px);margin: 0 5% 0 0; position: relative;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.flow ul li:after{
content: '';
width: 16px;
height: 16px;
border: 0;
border-top: solid 5px #00a73c;
border-right: solid 5px #00a73c;
transform: rotate(45deg);
position: absolute;
top: 0;
right:-12%;
bottom: 0;
margin: auto;
}
.flow ul li:nth-child(3n) {margin: 0;}
.flow ul li:nth-child(3n):after{
content: inherit;
width: inherit;
height: inherit;
border: inherit;
border-top:inherit;
border-right:inherit;
transform: inherit;
position:inherit;
top: inherit;
right:inherit;
bottom:inherit;
margin: inherit;
}
.flow ul li .flow_block {padding: 20px;}
.flow ul li .flow_block .flow_icon {margin: 0 0 10px;}
.flow ul li .flow_block .flow_icon img{height: 120px!important;width: auto!important;margin: auto;}
.flow ul li .flow_block dl {}
.flow ul li .flow_block dl dt {font-size: 16px;font-weight: 900; color: #db7841;margin: 0 0 20px;}
.flow ul li .flow_block dl dd {font-size: 11px;line-height: 1.6;font-weight: 700;}
}
@media screen and (max-width: 767px) {
.flow {padding: 5% 0;background: #c8dc64;}
.flow_block {}
.flow ul {width: 90%;margin:0 auto 2.5vw;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
}
.flow ul li {width:100%;margin:0 0 10%; position: relative;
background: #fff;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border: 2px solid #000;
box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15) ;
}
.flow ul li:after{
content: '';
width: 16px;
height: 16px;
border: 0;
border-top: none;
border-right: none;
border-left: solid 5px #00a73c;
border-bottom: solid 5px #00a73c;
position: absolute;
top:inherit;
right:inherit;
left: 50%;
bottom: -6.5vw;
transform: translateX(-50%)rotate(-45deg);
-webkit- transform: translateX(-50%)rotate(-45deg);

margin: auto;
}
.flow ul li:nth-child(3n) {margin: 0;}
.flow ul li:nth-child(3n):after{
content: inherit;
width: inherit;
height: inherit;
border: inherit;
border-top:inherit;
border-right:inherit;
transform: inherit;
position:inherit;
top: inherit;
right:inherit;
bottom:inherit;
margin: inherit;
}
.flow ul li .flow_block {padding: 20px;}
.flow ul li .flow_block .flow_icon {margin: 0 0 10px;}
.flow ul li .flow_block .flow_icon img{height: 120px!important;width: auto!important;margin: auto;}
.flow ul li .flow_block dl {}
.flow ul li .flow_block dl dt {font-size: 5vw;font-weight: 900; color: #db7841;margin: 0 0 20px;}
.flow ul li .flow_block dl dd {font-size: 4vw;line-height: 1.6;font-weight: 700;}
}






.period {width: 1100px;margin: auto;padding: 70px 0;}
@media screen and (max-width: 1060px) {
.period {width: 90%;margin: auto;padding: 5% 0;}
}
@media screen and (max-width: 767px) {

}







.period {width: 1100px;margin: auto;padding: 70px 0;}
@media screen and (max-width: 1060px) {
.period {width: 90%;margin: auto;padding: 5% 0;}
}
@media screen and (max-width: 767px) {

}


.covered {width: 1100px;margin:0 auto 70px;padding:0;}
.covered ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
margin: 0 0 40px;}
.covered ul li {width: 18%;margin: 0 2.5% 0 0;}
.covered ul li:nth-child(5n) {margin-right: 0;}
.covered ul li .covered_pic {margin: 0 0 10px;}
.covered ul li .covered_pic img {width: 100%;height: auto;}
.covered ul li dl {}
.covered ul li dl dt {font-size: 18px;font-weight: 900; margin: 0 0 20px;}
.covered ul li dl dd {}
.covered ul li dl dd p {}
.covered ul li dl dd p span {font-size: 12px;line-height: 1.6;font-weight: 900; padding: 2px 6px;color: #fff;display: inline-block;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #db7841;
margin: 0 5px 10px;}
.covered p {font-size: 18px;font-weight: 900;}
@media screen and (max-width: 1060px) {
.covered {width: 90%;margin:0 auto 5%;padding:0;}
.covered ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
margin: 0 0 2.5%;}
.covered ul li {width: 18%;margin: 0 2.5% 0 0;}
.covered ul li:nth-child(5n) {margin-right: 0;}
.covered ul li .covered_pic {margin: 0 0 10px;}
.covered ul li .covered_pic img {width: 100%;height: auto;}
.covered ul li dl {}
.covered ul li dl dt {font-size: 14px;font-weight: 900;margin: 0 0 20px;}
.covered ul li dl dd {}
.covered ul li dl dd p {}
.covered ul li dl dd p span {font-size: 10px;line-height: 1.6;font-weight: 900; padding: 2px 6px;color: #fff;display: inline-block;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #db7841;
margin: 0 5px 10px;}
.covered p {font-size: 18px;font-weight: 900;}
}
@media screen and (max-width: 767px) {
.covered {width: 90%;margin:0 auto 5%;padding:0;}
.covered ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-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;
margin: 0 0 2.5%;}
.covered ul li {width: 100%;margin: 0 0 5%;}
.covered ul li:nth-child(5n) {margin-right: 0;}
.covered ul li .covered_pic {margin: 0 0 10px;}
.covered ul li .covered_pic img {width: 70%!important;height: auto!important;}
.covered ul li dl {}
.covered ul li dl dt {font-size: 5vw;font-weight: 900;margin: 0 0 20px;}
.covered ul li dl dd {}
.covered ul li dl dd p {text-align: center;}
.covered ul li dl dd p span {font-size: 3.4vw;line-height: 1.6;font-weight: 900; padding: 2px 6px;color: #fff;display: inline-block;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #db7841;
margin: 0 5px 10px;}
.covered p {font-size: 3vw;line-height: 1.6;font-weight: 900;text-align: left;}
}








.case {width: 1100px;margin:0 auto 70px;padding:0;}
@media screen and (max-width: 1060px) {
.case {width: 90%;margin:0 auto 5%;padding:0;}
}
@media screen and (max-width: 767px) {

}






.faq {
width: 1200px;margin: auto;
background: #f2f2f2;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.faq_back {padding: 70px;}
.faq ul {}
.faq ul li {text-align: left;}
.faq ul li h4{font-size: 20px;line-height: 30px;font-weight: 900; position: relative;padding: 0 0 0 50px;margin: 0 0 20px;}
.faq ul li h4:before{
color: #db7841;
font-size: 30px;
line-height: 30px;
font-weight: 900;
vertical-align: middle;
margin: 0 20px 0 0;
position: absolute;
top: -4px;
left: 0;
}
.faq ul li#q1 h4:before {content: 'Q1.';}
.faq ul li#q2 {padding: 40px 0 0;}
.faq ul li#q2 h4:before {content: 'Q2.';}
.faq ul li#q3 {padding: 40px 0 0;}
.faq ul li#q3 h4:before {content: 'Q3.';}
.faq ul li#q4 {padding: 40px 0 0;}
.faq ul li#q4 h4:before {content: 'Q4.';}
.faq ul li#q5 {padding: 40px 0 0;}
.faq ul li#q5 h4:before {content: 'Q5.';}
.faq ul li .answer {
padding: 20px;
background: #fff;
border: 2px solid #000;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.faq ul li .answer p {font-size: 15px;line-height: 1.6;font-weight: 700;}
.faq ul li .answer p span {font-size: 12px;font-weight: 700;display: block;}
@media screen and (max-width: 1060px) {
.faq {
width: 90%;;margin: auto;
background: #f2f2f2;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.faq_back {padding: 5%;}
.faq ul {}
.faq ul li {text-align: left;}
.faq ul li h4{font-size: 20px;line-height: 30px; position: relative;padding: 0 0 0 50px;margin: 0 0 20px;}
.faq ul li h4:before{
color: #db7841;
font-size: 30px;
line-height: 30px;
vertical-align: middle;
margin: 0 20px 0 0;
position: absolute;
top: -4px;
left: 0;
}
.faq ul li#q1 h4:before {content: 'Q1.';}
.faq ul li#q2 {padding: 40px 0 0;}
.faq ul li#q2 h4:before {content: 'Q2.';}
.faq ul li#q3 {padding: 40px 0 0;}
.faq ul li#q3 h4:before {content: 'Q3.';}
.faq ul li#q4 {padding: 40px 0 0;}
.faq ul li#q4 h4:before {content: 'Q4.';}
.faq ul li#q5 {padding: 40px 0 0;}
.faq ul li#q5 h4:before {content: 'Q5.';}
.faq ul li .answer {
padding: 20px;
background: #fff;
border: 2px solid #000;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.faq ul li .answer p {font-size: 15px;line-height: 1.6;font-weight: 700;}
.faq ul li .answer p span {font-size: 12px;font-weight: 700;display: block;}
}
@media screen and (max-width: 767px) {

}






.contents_back {background: #f0e6d2;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.contents_back .contents_block {padding: 50px;}
.contents_back .contents_block img {width: 100%;height: auto;}
@media screen and (max-width: 1060px) {
.contents_back {background: #f0e6d2;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.contents_back .contents_block {padding: 5%;}
.contents_back .contents_block img {width: 100%;height: auto;}
}
@media screen and (max-width: 767px) {

}















/*inputを非表示 & 閉じた時の位置調整*/
.open-box{
position: relative;transition-duration: 2s;
}
input[type="checkbox"].on-off{
position: absolute;
bottom: 0;
display: block;
opacity: 0;
transition-duration: 2s;
}

/*ラベル（「開く」ボタン）*/
.open-label{
font-size: 18px;
width: 220px;
margin: 40px auto 0;
padding: 0.8em;
display: block;
color: #fff;
font-weight: bold;
text-align: center;
background: #db7841;
border-radius: 10px;
position: relative;
border: 2px solid #000;
cursor:pointer;
transition-duration: .5s;
}

.open-label:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
right:5%;
  bottom: 0;
  margin: auto;
}



/*ボタンっぽい効果*/
.open-label:active{
box-shadow: 0 0 0 0;
}
.open-label:hover{
background: #39b54a;
}
/*ラベルに表示するテキスト*/
.open-label::after{
content:'もっと見る'; 
}
.on-off:checked ~ .open-label::after{
content: '閉じる';
}
/*開閉エリア*/
.open{
padding:0;
border-radius: 8px;
height: 0;/*ちらっと見える部分の高さ*/
overflow: hidden;
transition-duration: 2s;
position: relative;
opacity: 0;
}
.on-off {transition-duration: 2s;}
.on-off:checked ~ .open{
padding: 0;
height: auto;transition-duration: 2s;
opacity: 1;
}

/*開閉エリアにぼかしを乗せる*/
.open::before{
content:'';
background: linear-gradient(to bottom, transparent,rgba(255,255,255,1)100%);
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index: 3;
transition-duration: 2s;
}
/*開いたらぼかしを消す*/
.on-off:checked ~ .open::before{
background: none;
z-index: -1;
}
@media screen and (max-width: 1060px) {

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

}






.sub_title {margin: 0 0 40px;}
.sub_title h3 {font-size: 40px;font-weight: 900;margin: 0 0 10px;}
.sub_title h3 span {font-size: 70px;color: #db7841;margin: 0 .1em;}
.sub_title p {font-size: 20px;font-weight: 900;color: #db7841;}
@media screen and (max-width: 1060px) {
.sub_title {margin: 0 0 40px;}
.sub_title h3 {font-size: 34px;font-weight: 900;margin: 0 0 10px;}
.sub_title h3 span {font-size: 62px;color: #db7841;margin: 0 .1em;}
.sub_title p {font-size: 20px;font-weight: 900;color: #db7841;}
}
@media screen and (max-width: 767px) {
.sub_title {margin: 0 0 5vw;}
.sub_title h3 {font-size: 4.4vw;font-weight: 900;margin: 0 0 10px;}
.sub_title h3 span {font-size: 8vw;color: #db7841;margin: 0 .1em;}
.sub_title p {font-size: 3.4vw;font-weight: 900;color: #db7841;}
}







.lightbox-overlay {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}
.lightbox-overlay:target {
visibility: visible;
opacity: 1;
}
.lightbox-content {
max-width: 90%;
max-height: 90%;
overflow: auto;
background: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
transform: scale(0.8);
transition: transform 0.3s ease-out;
}
.lightbox-overlay:target .lightbox-content {
transform: scale(1);
}
.lightbox-content img {
display: block;
max-width: 100%;
height: auto;
}
.lightbox-close {
position: absolute;
top: 15px;
right: 25px;
color: #fff;
font-size: 40px;
text-decoration: none;
line-height: 1;
z-index: 1001;
}
.lightbox-close:hover {
color: #ccc;
}
.lightbox-overlay .lightbox-close-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}