@charset "utf-8";
/* CSS Document */
/* メディアクエリー関係
------------------------------------------------------------ */
body{-webkit-text-size-adjust:100%;}
html { font-size: 90%;}
@media screen and (max-width: 320px) {html { font-size: 100%;} body{ font-size:80%;}}
@media screen and (min-width: 321px) {html { font-size: 100%;} body{ font-size:90%;}}


/*----------------------------------------------------------------------------
 ***                                                          Container共通用
----------------------------------------------------------------------------*/

html,
body,
#wrap{width:100%;}
img{ width:100%; height:auto;}
.pcHidden{ display:block;}
.pcBlock{ display:none;}
.spHidden{ display:none;}
.spBlock{ display:block;}
.listParts{ display:none;}
.listAtten{ color:#999;}
.hide{display:none;}

/*----------------------------------------------------------------------------
 ***                                                             Header共通用
----------------------------------------------------------------------------*/
#headerAreaLogo{ width:50%; padding-top:1%;}
#headerAreaLogo h1{ font-size:100%; line-height:1.0em;}
#headerAreaLink{ width:27%; padding-top:1%;}
#headerAreaLogo img,
#headerAreaLink img{ width:100%; height:auto;}


/*----------------------------------------------------------------------------
 ***                                                       contentsArea共通用
----------------------------------------------------------------------------*/
#contentsArea { width:100%; margin:0 auto;}
#contentsAreaInner {}

/*----------------------------------------------------------------------------
 ***                                                    　 mainsection共通用
----------------------------------------------------------------------------*/
#mainSection { border:none; border-top:#000 solid 10px; margin:0;}
#mainSectionInner, #mainSectionInnerCon, #mainSectionInnerErr { margin:0 3%;}
#mainSection h3, #mainSectionInnerCon h3, #mainSectionInnerErr h3{ font-size:130%; line-height:1,1em; border-bottom:#D9D9D9 solid 2px; margin-bottom:3%;}
#mainSectionInner #pageTitle{ font-size:100%; line-height:1.6em; background:url(../images/common/icon_list09.png) left 2px no-repeat; padding:0 0 0 25px; border-bottom:#eee solid 6px;}

#titleImgBox{ background-size:auto 100%; height:auto;}
#titleImgBox .titleBoxH2{ width:60%; height:auto;}
#titleImgBox .titleBoxH2 h2{ color:#FFF; font-size:120%; padding:7.5% 0 7.5% 5%; font-weight:normal; line-height:1.2em}
#titleImgBox .titleTxtBox{ background:url(../images/common/ico_contents02.jpg) 5% 50% no-repeat; background-color:#000; background-size:auto 50%; width:60%; height:auto;}
#titleImgBox .titleTxtBox p{ margin:0; color:#989898; font-size:90%; line-height:1.1em; padding:5% 0 5% 16%;}


/*----------------------------------------------------------------------------
 ***                                                             footer共通用
----------------------------------------------------------------------------*/
#footerArea { width:100%; padding:2% 2.5% 0.5% 2.5%; border-top:#000 solid 10px; margin-top:2%; box-sizing: border-box;}
#footerArea p{ }
#footerCopyright p{ font-size:70%;}
#footerAreaLogo{ width:20%;margin-right:10%}


/*----------------------------------------------------------------------------
 ***                                                            section共通用
----------------------------------------------------------------------------*/
section { margin-top:5%;}
.sectionInner { margin:0 2%;}
.sectionInner .sectionInner { margin:0 2%;}


/*----------------------------------------------------------------------------
 ***                                                    requestフォーム画面用
----------------------------------------------------------------------------*/
.requestPage{}
.requestPage #titleImgBox .titleBoxH2{ background:#29ABE2;}
.requestPage #mainSection .normal {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents01sp.jpg); }
.requestPage #mainSection .nks {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents03.jpg); }
.requestPage #mainSection .jmh {  height:auto;background-position:right 50%; background-image:url(../images/request/img_contents03_jmh.jpg); }
.requestPage #mainSection .kids { height:auto;background-position:right 50%; background-image:url(../images/common/kids/img_contents02sp.jpg); }
.requestPage #mainSection .kids_eiken { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_eiken.jpg); }
.requestPage #mainSection .kids_mtom { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_mtom.jpg); }
.requestPage #mainSection .kids_ocha { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_ocha.jpg); }
.requestPage #mainSection .eigosenka {  height:auto;background-position:right 50%; background-image:url(../images/common/eigosenka/img_contents01sp.jpg); }
.requestPage button{ font-size:120%; padding:10px;}
.requestPage #reqHeadTxtSec_normal{ position:relative; background:none; height:auto; margin-top:4%;}
.requestPage #reqHeadTxtSec_normal .sectionInner{ padding:0; width:auto;}
.requestPage #reqHeadTxtSec_normal .sectionInner h3{ margin:0 0 0.5% 0; border:none; color:#EE1F7A; font-size:120%; line-height:1.2em; text-align:center;}
.requestPage #reqHeadTxtSec_normal .sectionInner #msgP{width:100%;margin-top:0px;}
.requestPage #reqHeadTxtSec_normal .sectionInner #usagiP{ position:relative; right:auto; top:auto; margin:0; float:right; width:20%;}

.requestPage #reqHeadTxtSec_kids { position:relative; background:none; height:auto; margin-top:4%;}
.requestPage #reqHeadTxtSec_kids .sectionInner{ padding:0; width:auto;}
.requestPage #reqHeadTxtSec_kids .sectionInner {padding:23px 0 23px 0; width:630px}
.requestPage #reqHeadTxtSec_kids .sectionInner img{ width:100%; height:auto;}
.requestPage .actionCom{ margin-bottom:7%;}
.requestPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.requestPage .actionCom .backBtn img{ width:70%;}
.requestPage .actionCom li{ margin-top:3%; text-align:center;}
/*----------------------------------------------------------------------------
 ***                                                     trialフォーム画面用
----------------------------------------------------------------------------*/
.trialPage{}

.trialPage #titleImgBox .titleBoxH2{ background:#EE1F7A;}
.trialPage #mainSection .normal {  height:auto;background-position:right 50%; background-image:url(../images/trial/img_contents01sp.jpg); }
.trialPage #mainSection .nks {  height:auto;background-position:150% 50%; background-image:url(../images/trial/img_contents03.jpg); }
.trialPage #mainSection .jmh {  height:auto;background-position:150% 50%; background-image:url(../images/trial/img_contents03_jmh.jpg); }
.trialPage #mainSection .kids { height:auto;background-position:right 50%; background-image:url(../images/common/kids/img_contents02sp.jpg) }
.trialPage #mainSection .kids_eiken { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_eiken.jpg); }
.trialPage #mainSection .kids_mtom { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_mtom.jpg); }
.trialPage #mainSection .kids_ocha { height:auto;background-position:right 50%; background-image:url(../images/common/kids/main_ocha.jpg); }
.trialPage #mainSection .eigosenka {  height:auto;background-position:right 50%; background-image:url(../images/common/eigosenka/img_contents01sp.jpg); }

.trialPage #stepSec{}
.trialPage #stepSec .sectionInner{ margin:0;}
.trialPage #stepSec li{ float:none; background:none; width:auto; padding-right:0; overflow:hidden; margin-bottom:3%;}
.trialPage #stepSec li dt{ float:left; text-align:left; font-size:110%; color:#E81F7D; margin-right:2%;}
.trialPage #stepSec li dd.midashiDd{ text-align:left; font-size:100%; margin-bottom:2px; font-weight:bold;clear:none;}
.trialPage #stepSec li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:none;}
.trialPage #stepSec li dd.commDd{ font-size:80%; margin-top:4px;clear:none;}

.trialPage #stepSec_nks{}
.trialPage #stepSec_nks .sectionInner{ margin:0;}
.trialPage #stepSec_nks li{ float:none; background:none; width:auto; padding-right:0; overflow:hidden; margin-bottom:3%;}
.trialPage #stepSec_nks li dt{ float:left; text-align:left; font-size:110%; color:#E81F7D; margin-right:2%;}
.trialPage #stepSec_nks li dd.midashiDd{ text-align:left; font-size:100%; margin-bottom:2px; font-weight:bold;clear:none;}
.trialPage #stepSec_nks li dd.imgDd{ width:20%; float:left; margin-right:1%;clear:none;}
.trialPage #stepSec_nks li dd.commDd{ font-size:80%; margin-top:4px;clear:none;}

.trialPage .actionCom{ margin-bottom:7%;}
.trialPage .actionCom .backBtn{ text-align:center; margin-top:6%;}
.trialPage .actionCom .backBtn img{ width:70%;}
.trialPage .actionCom li{ margin-top:3%; text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                              form共通
----------------------------------------------------------------------------*/
#headerArea { width:95%; margin:0 auto; margin-bottom:2%; padding-top:2%;}
#headBackBox{ padding:10px 0 0 70px; height:51px; background-size: auto 100%; float:left;}
#headBackBox p{font-size:120%;}
#pageLinkUl li{ height:70px;}
#pageLinkUl li img{ width:auto; height:100%;}


#formTb label{ font-size:100%;}
#formTb select,
#formTb input,
#formTb textarea{ font-size:100%; padding:10px; border-radius:5px; line-height:1.2em; border:#bbb solid 1px; margin-bottom:3%;}
#formTb textarea{ width:90%}
#formTb select{ font-size:110%;}
#formTb .radioChoice label{ padding:10px;}
#formTb input[type=text]{ width:90%;}
#formTb select.seleW2{ width:22%;}

#formTb #formNichiji1Input dt{ float:none; width:100px; font-size:100%; padding-top:1.5%;}
#formTb #formNichiji1Input select{ line-height:1.1em; padding:9px; font-size:100%; margin:0 0.5% 3% 0;}

#formTb #formGengo1Input{}
#formTb #formGengo1Input li{ float:left; width:48%; margin:0 0 8% 0;}
#formTb #formGengo1Input input{ margin-right:5%;}

#formTb #formLevel1Input{}
#formTb #formLevel1Input li{ float:left; margin:0 2% 5% 0; width:31%;}

#formTb #formKeitaiInput{}
#formTb #formKeitaiInput li{ margin:0 0 5% 0; width:60%;}

#formTb #formNaiyoInput{}
#formTb #formNaiyoInput li{ float:left; margin:0 2% 0 0; width:90%; margin-bottom:5%;}

#formTb #kokyakuSec{}
#formTb #kokyakuSec #nameInput input,
#formTb #kokyakuSec #furiganaInput input{ width:34%;}
#formTb #kokyakuSec dt{margin-bottom:0;}
#formTb #kokyakuSec dd{ margin-top:0;}
#formTb #kokyakuSec li{ margin-bottom:5%;}

#formTb #addressSec{}
#formTb #addressSec #zip-code { margin-bottom:3%;}
#formTb #addressSec #post1,
#formTb #addressSec #post2{ width:18%; margin:0 1.5%;}
#formTb #addressSec #addr1,
#formTb #addressSec #addr2{ width:90%; margin-bottom:3%;}
#formTb #addressSec .komeTxt{ font-size:80%;}


#formTb #confBtnBox #ppSslUl li{ font-size:78%;}

#mainSectionInnerErr p#errorTitle{font-weight:bold;}
#mainSectionInnerCon #sectionTitle,#mainSectionInnerErr #sectionTitle{text-align:center;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:120%;line-height:1.5em;}
#mainSectionInnerCon .message,#mainSectionInnerErr .message{font-size:120%;line-height:1.5em;}
		a.header_logo{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:178px	30px;
			background-size:178px	30px;
			width:178px;
			height:30px;
		}
		a.logo_normal{
			background-image:	url("../images/common/logo_header01.png");
			display:block;
			-moz-background-size:178px	30px;
			background-size:178px	30px;
			width:178px;
			height:30px;
		}
		a.logo_kids{
			background-image:	url("../images/common/kids/logo_header01.png");
			display:block;
			-moz-background-size:154px	39px;
			background-size:154px	39px;
			width:154px;
			height:39px;

		}
		a.logo_nks{
			background-image:	url("../images/common/kids/logo_header_nks.png");
			display:block;
			-moz-background-size:178px	48px;
			background-size:178px	48px;
			width:178px;
			height:48px;

		}
		a.logo_jmh{
			background-image:	url("../images/common/kids/logo_header_jmh.png");
			display:block;
			-moz-background-size:178px	48px;
			background-size:178px	48px;
			width:178px;
			height:48px;

		}
		a.logo_eigosenka{
			background-image:	url("../images/common/eigosenka/logo_header01.png");
			display:block;
			-moz-background-size:195px	26px;
			background-size:195px	26px;
			width:195px;
			height:26px;
		}
		a.back_normal{
			background-image:	url("../images/common/btn_header01_off.png");
			display:block;
			-moz-background-size:92px	22px;
			background-size:92px	22px;
			width:92px;
			height:22px;
		}
		a.back_kids{
			background-image:	url("../images/common/kids/btn_header01_off.png");
			display:block;
			-moz-background-size:92px	22px;
			background-size:92px	22px;
			width:92px;
			height:22px;
			margin-top:8px;
		}
		a.back_eigosenka{
			background-image:	url("../images/common/eigosenka/btn_header01_off.png");
			display:block;
			-moz-background-size:92px	22px;
			background-size:92px	22px;
			width:92px;
			height:22px;
			margin-top:8px;
		}
		a.footer_normal{
			background-image:	url("../images/common/logo_footer01.png");
			display:block;
			-moz-background-size:82px	26px;
			background-size:82px	 26px;
			width:82px;
			height:26px;
			margin-right:10%
		}
		a.footer_kids{
			background-image:	url("../images/common/kids/logo_footer01.png");
			display:block;
			-moz-background-size:103px	26px;
			background-size:103px	 26px;
			width:103px;
			height:26px;
			margin-right:10%
		}
		a.footer_nks{
			background-image:	url("../images/common/kids/logo_footer_nks.png");
			display:block;
			-moz-background-size:100px	13px;
			background-size:100px	 13px;
			width:100px;
			height:13px;
			margin-right:10%
		}
		a.footer_jmh{
			background-image:	url("../images/common/kids/logo_footer_jmh.png");
			display:block;
			-moz-background-size:100px	13px;
			background-size:100px	 13px;
			width:100px;
			height:13px;
			margin-right:10%
		}
		a.footer_eigosenka{
			background-image:	url("../images/common/eigosenka/logo_footer01.png");
			display:block;
			-moz-background-size:108px  14.5px;
			background-size:108px  14.5px;
			width:108px;
			height:14.5px;
			margin-right:10%
		}