@charset "UTF-8";

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

main{ width: 100% !important; }
#main-form-content{ margin: 0 0 60px 0;
	width: 100%;background-image:url(../images/guidebook/guidebook-bg.png);
	background-position:0px 0px;background-repeat:no-repeat;background-size:cover;    padding: 0 0 60px 0;}
.atext{ text-align: center; font-size: 24px; color: #f00; font-weight: bold; margin-bottom: 50px; }
#main-form-content .guidebook-main{height: 389px; position: relative; width: 1100px; background-color: #fff; margin: 0 auto;}
#main-form-content .guidebook-main .main-subt{ text-align: center; }
#main-form-content .guidebook-main .main-ttl{font-feature-settings: "palt"; font-size: 60px; line-height: 1.2;text-align: center; font-weight: bold; letter-spacing: 7px;  }
	#main-form-content .guidebook-main .note-text{font-size: 14px;text-align: center;line-height: 24px;}
#main-form-content .guidebook-main .main-daihyou-txt{position:absolute;bottom:100px;left:15px; z-index: 3;}
#main-form-content .guidebook-main .main-daihyou-photo{position:absolute;bottom:-1px;left:0; z-index: 5;}
#main-form-content .guidebook-main .main-book{position:absolute;bottom:-60px;right:-130px; z-index: 10;}


#book-check{ width: 1100px; margin: 0 auto 100px; }
#book-check .fukidashi-ttl{font-feature-settings: "palt"; position: relative; text-align: center; padding: 18px 0 18px 0; font-size: 28px; line-height: 1.4;letter-spacing: 5px;
	background-color:#E0A400; width: 780px; border-radius:40px 40px 40px 40px; margin:0px auto 60px; font-weight: bold;}

#book-check .fukidashi-ttl:after{
	position:absolute;bottom:-60px;left:45%;
content: url(../images/guidebook/guidebook-fukidashi-parts.png);}

#book-check .check-inner{
	padding: 13px 0 13px 52px;
	width: 1100px; margin:0px auto; border:3px solid #E0A400;}

#book-check ul{
	-webkit-box-orient: horizontal;-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
	display:-webkit-box;display:-ms-flexbox;display:flex;}

#book-check ul li.cleck-icon{ font-size: 24px; font-weight: bold;
background-image:url(../images/guidebook/guidebook-check.svg);
	background-position:0px 4px;background-repeat:no-repeat; padding: 20px 15px 0 40px;}
#book-check .lasttxt{ text-align: right; padding: 0 45px 0 0; }


#guidebook-list{width: 1200px; padding: 40px 40px 40px 40px;
 margin: 0 auto 100px; background-color:#E9E9E9;}
#guidebook-list h2.main-ttl{ font-size: 30px; text-align: center; padding: 0 0 60px;
background-image:url(../images/guidebook/guidebook-list-line.png);
background-position:center 55px;background-repeat:no-repeat; font-weight: bold }


#guidebook-list ul{padding: 0px 0 0px 20px;
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient: horizontal;-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;flex-wrap: wrap;
}
#guidebook-list ul li.list-one{    margin: 0 30px 30px 0; padding: 28px 0 20px 30px;
	width: 530px; background-color: #fff;}

#guidebook-list ul li.list-one:nth-child(5){    margin: 0 30px 30px 0; padding: 28px 0 20px 30px;
	width: 1100px; background-color: #fff;}

#guidebook-list ul li.list-one:nth-child(2n){  margin: 0 0px 30px 0;}

#guidebook-list ul li.list-one .list-inner{
	display:-webkit-box;display:-ms-flexbox;display:flex;
	-webkit-box-orient: horizontal;-webkit-box-direction: normal;
	-ms-flex-wrap: wrap;flex-wrap: wrap;}

#guidebook-list ul li.list-one .photo{ width: 193px;  margin: 0 25px 0 0; }
#guidebook-list ul li.list-one .txt-inner{ width: 245px; }
#guidebook-list ul li.list-one .txt-inner .subt{ font-weight: bold; padding: 30px 0 8px 0; width: 245px; font-size: 26px; line-height: 1.2; border-bottom:1px solid #BC161D; margin: 0 0 15px 0; }
#guidebook-list ul li.list-one .txt-inner .txt{}
#guidebook-list ul li:last-child{}
#guidebook-list ul li.list-one:nth-child(5) .photo{width: 510px;}
#guidebook-list ul li.list-one:nth-child(5) .txt-inner .subt{width: 450px;}
#guidebook-list ul li.list-one:nth-child(5) .txt-inner{ padding: 30px 0 0 0; width: 450px;}

#contact-flow{ width: 1100px; margin: 0 auto 130px;}
#contact-flow .main-ttl{ font-size: 30px; text-align: center; padding: 0 0 60px;
background-image:url(../images/guidebook/guidebook-list-line.png);
background-position:center 55px;background-repeat:no-repeat; font-weight: bold;}

#contact-flow ul{margin: 13px 0 50px 34px;	-ms-flex-wrap: wrap;flex-wrap: wrap;	-webkit-box-orient: horizontal;-webkit-box-direction: normal;
display:-webkit-box;display:-ms-flexbox;display:flex;}

#contact-flow ul li{position: relative;	border-radius:20px; margin: 0 70px 0 0;padding: 70px 30px 40px 30px;
	background-color: #FCD000; width: 300px;}

#contact-flow ul li:after{position:absolute;top: 170px; left: 324px;content: url(../images/guidebook/arrow.svg);}
#contact-flow ul li:last-child{ margin: 0 0px 0 0;}
#contact-flow ul li:last-child:after{content:none;}
#contact-flow ul li .icon{position:absolute;top:-35px;left:100px;}
#contact-flow ul li .img{ text-align: center; margin: 0 0 20px 0; }
#contact-flow ul li .txt{ line-height: 1.6; }

#contact-tel{ margin: 0 0 80px 0; }
#contact-tel .tel-inner{ position: relative;
	padding: 60px 0 30px 0;	width: 1100px; margin: 0 auto; background-color: #0A1D3B; border-radius:20px;}

#contact-tel .tel-inner .subt{ padding: 0 0 30px 0; font-size: 28px; font-weight:bold; color: #FCEE21; text-align: center; letter-spacing: 3px; }
#contact-tel .tel-inner .tel{margin: 0 0 10px 165px;}
#contact-tel .tel-inner .comment{ font-size: 22px; line-height: 1.4; letter-spacing: 2px; color: #fff;padding: 0 0 10px 255px; }
#contact-tel .tel-inner .photo{position:absolute;bottom:0;right: 35px;}


.form-Box { width: 1100px; margin: 0 auto; }
.form-Box .fomr-ttl-icon{ padding: 15px 0 15px 0; font-size: 30px !important; font-weight:normal;
	background-color: #BC161D; width: 1100px; text-align: center; color: #fff; letter-spacing: 2px;
	background-image:url(../images/common-page/mail-icon.svg);
	background-position:310px 27px; background-repeat:no-repeat;}

.area-check{margin-bottom: 60px;}
.acd-check{display: none;}
.acd-label{background: #0068b7;color: #fff;display: block;margin-bottom: 1px;padding: 10px;position: relative;}
.acd-label:after{background: #00479d;box-sizing: border-box;content: '\f067';display: block;font-family: "Font Awesome 5 Free";font-weight: 900;height: 45px;padding: 10px 20px;position: absolute;right: 0;top: 0px;}
.acd-content{border: 1px solid #333;display: block;height: 0;opacity: 0;padding: 0 10px;transition: .5s;visibility: hidden;}
.acd-check:checked + .acd-label:after{content: '\f068';}
.acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;padding: 10px;visibility: visible;}
	
	
}




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

    main{ width: 100% !important; }
.atext{ text-align: center; font-size: 3.6vw; color: #f00; font-weight: bold; margin-bottom: 5vw; }
    
    #main-form-content{ margin: 0 0 4vw 0;
        width: 100%;background-image:url(../images/guidebook/guidebook-bg-sp.png);
        background-position:0 0;background-repeat:no-repeat;background-size:cover;
        padding: 0 0 5vw 0;}
    
    #main-form-content .guidebook-main{height: 126vw; position: relative; width: 90vw; background-color: #fff; margin: 0 auto;}
    #main-form-content .guidebook-main .main-subt{ text-align: center;     padding: 2vw 3vw 2vw 3vw; }
    #main-form-content .guidebook-main .main-ttl{font-feature-settings: "palt"; font-size:8vw; line-height: 1.3;text-align: center; font-weight: bold; letter-spacing: 1.691vw;  }
	#main-form-content .guidebook-main .note-text{font-size: 3.2vw;text-align: center;line-height: 6.0vw;}
    #main-form-content .guidebook-main .main-daihyou-txt{position:absolute;bottom:13vw;left:3vw; z-index: 3; width: 42vw;}
    #main-form-content .guidebook-main .main-daihyou-photo{position:absolute;bottom:-0.4vw;left:-2vw; z-index: 5; width: 27vw;}
    #main-form-content .guidebook-main .main-book{position:absolute;bottom:-8vw;right:-12vw; z-index: 10; width: 70vw;}
    
    
    #book-check{ width: 90vw; margin: 0 auto 10vw; }
    #book-check .fukidashi-ttl{font-feature-settings: "palt"; position: relative;
    text-align: center; padding: 3vw 0 3vw 0;
    font-size: 4vw; line-height: 1.6;letter-spacing: 0.242vw;
        background-color:#E0A400; width: 90vw; border-radius:5vw 5vw 5vw 5vw;
        margin:0 auto 3vw; font-weight: bold;}
    
    #book-check .fukidashi-ttl:after{
        position:absolute;bottom:-10vw;left:36vw;transform:scale( 0.6);
    content: url(../images/guidebook/guidebook-fukidashi-parts.png);}
    
    #book-check .check-inner{
        padding: 2vw 0 2vw 0vw; position: relative;
        width: 90vw; margin:0 auto; border:3px solid #E0A400;}
    
    #book-check ul{ margin: 0 0 2vw 7vw; }
    
    #book-check ul li.cleck-icon{ font-size: 4.8vw; font-weight: bold;
    background-image:url(../images/guidebook/guidebook-check.svg);    background-size: 7vw;
        background-position:0 0.5vw;background-repeat:no-repeat; padding: 3vw 0vw 0 8vw;}
    #book-check .lasttxt{ text-align: right; position:absolute;bottom:3vw;right:3vw;  }
    
    #guidebook-list{width: 100vw; padding: 9vw 0vw 10vw 0vw;
     margin: 0 auto 12vw; background-color:#E9E9E9;}
    #guidebook-list h2.main-ttl{ font-size: 5.4vw; text-align: center; padding: 0 0 9vw;
    background-image:url(../images/guidebook/guidebook-list-line.png);
    background-position:center 9vw;background-repeat:no-repeat; font-weight: bold }
    
    #guidebook-list ul{padding: 0 1vw 0 4vw;
        display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-orient: horizontal;-webkit-box-direction: normal;
        -ms-flex-wrap: wrap;flex-wrap: wrap;}
    
    #guidebook-list ul li.list-one{    margin: 0 3vw 3vw 0; padding: 6vw 0vw 4vw 4vw;
        width: 100vw; background-color: #fff;}
    #guidebook-list ul li.list-one .list-inner{
        display:-webkit-box;display:-ms-flexbox;display:flex;
        -webkit-box-orient: horizontal;-webkit-box-direction: normal;
        -ms-flex-wrap: wrap;flex-wrap: wrap;}
    
    #guidebook-list ul li.list-one .photo{ width: 25vw;  margin: 0 4vw 0 0; }
    #guidebook-list ul li.list-one .txt-inner{ width: 55vw; }
    #guidebook-list ul li.list-one .txt-inner .subt{ font-weight: bold; padding: 0 0 1vw 0; width: 100%; 
        font-size: 4.6vw; line-height: 1.2; border-bottom:1px solid #BC161D; margin: 0 0 2vw 0; }
    #guidebook-list ul li.list-one .txt-inner .txt{ font-size: 3.4vw;}
    #guidebook-list ul li:last-child{}
    
    #guidebook-list ul li.list-one:nth-child(5) .photo{width: 80vw;}
    #guidebook-list ul li.list-one:nth-child(5) .txt-inner{ padding: 4vw 0 0 0; width: 94%;}
    
    #contact-flow{ width: 100vw; margin: 0 auto 10vw;}
    #contact-flow .main-ttl{ font-size: 5.4vw; text-align: center; padding: 0 0 9vw;
    background-image:url(../images/guidebook/guidebook-list-line.png);
    background-position:center 9vw;background-repeat:no-repeat; font-weight: bold }
    
    #contact-flow ul{margin: 3vw 0 6vw 0vw;}
    #contact-flow ul li{position: relative;	border-radius:5vw;
        margin: 0 auto 20vw auto;    padding: 12vw 6vw 5vw 6vw;
        background-color: #FCD000; width: 76vw;}
    
    #contact-flow ul li:after{transform:scale( 0.5); position:absolute; left: 32vw;content: url(../images/guidebook/arrow-sp.svg);}
    #contact-flow ul li:first-child:after{top: 74vw;}
    #contact-flow ul li:nth-child(2):after{top: 64vw;}
    
    #contact-flow ul li:last-child{ margin: 0 auto 5vw auto; }
    #contact-flow ul li:last-child:after{content:none;}
    #contact-flow ul li .icon{position:absolute;    top: -5vw;   left: 30vw;   width: 16vw;;}
    #contact-flow ul li .img{ text-align: center; margin: 0 0 3vw 0; }
    #contact-flow ul li .txt{ line-height: 1.6; }
    
    #contact-tel{ margin: 0 0 6vw 0; }
    #contact-tel .tel-inner{ position: relative;
        padding: 5vw 0 1vw 0;
        width: 94vw; margin: 0 auto; background-color: #0A1D3B; border-radius:5vw;}
    
    #contact-tel .tel-inner .subt{ padding: 0 0 4vw 0; font-size: 3.8vw; font-weight:bold;
        color: #FCEE21; text-align: center; letter-spacing: 0.725vw; }
    #contact-tel .tel-inner .tel{margin: 0 0 5vw 4vw;padding: 0 25vw 0 0;}
    #contact-tel .tel-inner .comment{ font-size: 3.6vw; line-height: 1.4; letter-spacing: 0.483vw;
        color: #fff;padding: 0 0 2vw 3vw; }
    #contact-tel .tel-inner .photo{position:absolute;bottom:0;right: 2vw; width: 20vw;}
    
    .form-Box { width: 265.7vw; margin: 0 auto; }
    .form-Box .fomr-ttl-icon{ padding: 3vw 0 3vw 0; font-size: 4vw !important; font-weight:normal;
        background-color: #BC161D; width: 100%; text-align: center; color: #fff; letter-spacing: 0.483vw;
        background-image:url(../images/common-page/mail-icon.svg);
        background-position:9vw 3.5vw; background-repeat:no-repeat;
    }
	
.area-check{margin-bottom: 10%;}
.acd-check{display: none;}
.acd-label{background: #0068b7;color: #fff;display: block;margin-bottom: 1px;padding: 10px;position: relative;}
.acd-label:after{background: #00479d;box-sizing: border-box;content: '\f067';display: block;font-family: "Font Awesome 5 Free";font-weight: 900;height: 45px;padding: 3% 8%;position: absolute;right: 0;top: 0px;}
	.acd-content p{font-size: 3.2vw;}
.acd-content{border: 1px solid #333;display: block;height: 0;opacity: 0;padding: 0 5%;transition: .5s;visibility: hidden;}
.acd-check:checked + .acd-label:after{content: '\f068';}
.acd-check:checked + .acd-label + .acd-content{height: auto;opacity: 1;padding: 10px;visibility: visible;}
         
    }


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

}