@charset "UTF-8";

.red{
	color: #f00;
}
input:disabled {
	background-color: #dedede;
}

@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;}

#main-form-content .guidebook-main{height: 390px; position: relative; width: 1100px; background-color: #fff; margin: 0 auto;}
#main-form-content .guidebook-main .main-subt{ text-align: center;padding: 70px 0 30px 0; }
#main-form-content .guidebook-main .txt{ text-align: center; font-size: 20px; line-height: 1.6; font-weight: bold;}
#main-form-content .guidebook-main .kotoba01{z-index: 3; position:absolute;top:0;left:0;}
#main-form-content .guidebook-main .kotoba02{z-index: 3; position:absolute;top:-60px;right:-80px;}
#main-form-content .guidebook-main .photo01{z-index: 5;position:absolute;bottom:0;left:0;}
#main-form-content .guidebook-main .photo02{z-index: 5;position:absolute;bottom:0;right:0;}

#dojo-staff{ width: 1100px; margin: 0 auto 80px; }
#dojo-staff .ttl{
background-image:url(../images/contact/ttl-iconbg.png);
background-position: 553px 40px;
background-repeat:no-repeat;
padding: 0 0 30px 0;
	font-weight: bold; text-align: center; font-size: 50px; line-height: 1.6;}
#dojo-staff .subt{ padding: 0px 0 40px 0; text-align: center; font-size: 20px; line-height: 1.6; font-weight: bold; }
#dojo-staff .photo{ text-align: center; }

#contact-tel-inner{
	width: 100%;    padding: 0 0 5px 0; margin: 0 0 60px 0;
background-image:url(../images/contact/contact-txt-bg.jpg);
background-position:0px 0px;
background-repeat:repeat;}

#contact-tel-inner .tel-txtinner{ width: 1100px; margin: 0 auto; position: relative;
	padding: 150px 0px 100px 0px;}

#contact-tel-inner .door-photo{ text-align: center;position:absolute; top: -40px; left: 485px;}
#contact-tel-inner .ttl{border-radius:20px; position: relative;
	font-weight: bold; width: 835px; margin: 0 auto 40px;
	padding: 14px 0 10px 0; text-align: center; background-color:#FCD000; font-size: 30px;
	line-height: 1.5;}

#contact-tel-inner .ttl:after{position:absolute;top: 60px;left: 390px;
	content: url(../images/contact/arrow01.png);}

#contact-tel-inner .txt{ text-align: center; }

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

#contact-tel-inner #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-inner #contact-tel .tel-inner .tel{margin: 0 0 10px 165px;}
#contact-tel-inner #contact-tel .tel-inner .comment{ font-size: 22px; line-height: 1.4; letter-spacing: 2px; color: #fff;padding: 0 0 10px 255px; }
#contact-tel-inner #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); font-weight: bold;
	background-position:280px 27px; background-repeat:no-repeat;}
}


@media screen and (max-width: 767px) {
main{ width: 100% !important; }
#main-form-content{ margin: 0 0 5vw 0;position: relative;
	width: 100%;background-image:url(../images/guidebook/guidebook-bg-sp.png);
	background-position:0px 0px;background-repeat:no-repeat;background-size:cover; padding: 7vw 2vw 4vw 2vw;}

#main-form-content .guidebook-main{height:76vw;  width: 90%; background-color: #fff; margin: 0 auto;}
#main-form-content .guidebook-main .main-subt{ text-align: center;padding: 24vw 0 4vw 0;    width: 72%; margin: 0 auto; }
#main-form-content .guidebook-main .txt{ text-align: center; font-size: 4vw; line-height: 1.6; font-weight: bold;}
#main-form-content .guidebook-main .kotoba01{z-index: 3; position:absolute;top:0vw; left: 0vw; width: 44vw;}
#main-form-content .guidebook-main .kotoba02{z-index: 3; position:absolute; top: -2vw;    width: 50vw; right: -10vw;}
#main-form-content .guidebook-main .photo01{z-index: 5;position:absolute;bottom:0vw;left: -7vw; width:30vw;}
#main-form-content .guidebook-main .photo02{z-index: 5;position:absolute;bottom:0; right: -14vw; width: 34vw;}

#dojo-staff{ width: 100%; margin: 0 auto 3vw; }
#dojo-staff .ttl{
background-image:url(../images/contact/ttl-iconbg.png);
    background-position: 50.5vw 4.2vw;	background-size: 16vw;
background-repeat:no-repeat;
padding: 0 0 4vw 0;
	font-weight: bold; text-align: center; font-size: 5.6vw; line-height: 1.6;}
#dojo-staff .subt{ padding: 0px 0 4vw 0; text-align: center; font-size: 3.8vw; line-height: 1.6; font-weight: bold; }
#dojo-staff .photo{ text-align: center;
    padding: 0 4vw 0 4vw;}


#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: 3px; }
#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: 2px;
	color: #fff;padding: 0 0 2vw 3vw; }
#contact-tel .tel-inner .photo{position:absolute;bottom:0;right: 2vw; width: 20vw;}




#contact-tel-inner{
	width: 100%;    padding: 15vw 0 2vw 0; margin: 0 0 4vw 0;
background-image:url(../images/contact/contact-txt-bg.jpg);
background-position:0px 0px;
background-repeat:repeat;}

#contact-tel-inner .tel-txtinner{ width: 100%; margin: 0 auto; position: relative; padding: 10vw 0px 6vw 0px;}

#contact-tel-inner .door-photo{ text-align: center;position:absolute; top: -12vw; left: 42vw; width: 20vw;z-index: 5;}
#contact-tel-inner .ttl{border-radius:10vw; position: relative; font-weight: bold;
	width: 84%; margin: 0 auto 5vw; padding: 4vw 0 3vw 0; text-align: center; background-color:#FCD000; font-size: 4vw; line-height: 1.5;}

#contact-tel-inner .ttl:after{position:absolute;top:15vw;left:35vw;
	content: url(../images/contact/arrow01.png);}

#contact-tel-inner .txt{ text-align:left; font-size: 3.4vw; padding: 2vw 4vw 2vw 4vw; letter-spacing: 0px; line-height: 1.8; }


.form-Box { width: 100%; margin: 0 auto; }
.form-Box .fomr-ttl-icon{ padding: 3vw 0 3vw 10vw; font-size: 4vw !important; font-weight:normal;
	background-color: #BC161D; width: 100%; text-align: center; color: #fff; letter-spacing: 2px;
	background-image:url(../images/common-page/mail-icon.svg); font-weight: bold;
	background-position:12vw 4vw; background-repeat:no-repeat; background-size:5vw;}
}


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