/* ---------------------------------------------------------------------------------
base */


@media(max-width:640px){
	
body{ font-size:150%;}

}

li img{ width:100%;}

img{ vertical-align:bottom;}

a:link{ color:#534860;text-decoration: none;}
a:visited{ color:#825c78;text-decoration: none;}
a:active{ color:#825c78;text-decoration:underline;}
a:hover{ color:#E89FE1;text-decoration:underline;}

@media(max-width:640px){
.spW100{ width:100%;}
}

.hrTac{ text-align:center;}

html,body{ }

body{ background:#fff url(../images/00_common/background.png) repeat-x; }

@media(max-width:640px){

body{ background:#fff url(../images/background.png) repeat; }

}

.hrTac img{ width:100%;}


/* ---------------------------------------------------------------------------------
common */


.indent01{margin:0 50px;}
.indent02{margin:0 50px;}
.luxBar{ margin-bottom:50px; clear:both;}
p{font-size:90%;}


@media(max-width:640px){

.indent01{margin:0 1em;}
.indent02{margin:0 1em;}

}

/* ---------------------------------------------------------------------------------
contents */


#contents{ padding-top:25px;}
#contents_inner{ width:1000px; margin:0 auto;}

#topPage h2{ font-size:140%;font-family: 'Crimson Text', serif; font-weight:normal; margin-bottom:25px;}
#topPage h2 span{font-family: "Sawarabi Mincho"; font-size:60%; margin-left:0.7em; font-weight:normal;}
#topPage .h2box{ text-align:center;}
#topPage .h2box h2{margin-bottom:5px;}

#subPage h3{ font-size:150%;font-family: 'Crimson Text', serif; font-weight:normal; margin-bottom:25px;}
#subPage h3 span{font-family: "Sawarabi Mincho"; font-size:65%; margin-left:0.7em; font-weight:normal;}
#subPage .h3box{ text-align:center;}
#subPage .h3box h3{margin-bottom:5px;}


#subPage h3.pcCenter{  margin-bottom:50px; text-align:center;}
#subPage h3.pcCenter span{text-align:center; display:block; padding-top:5px; margin-left:0;}

@media(max-width:640px){


#contents{ padding-top:162px;}
#contents_inner{ width:auto;}

#topPage h2{ font-size:140%; text-align:center;}
#topPage h2 span{font-size:50%; margin-left:0;display:block}
#topPage .h2box{ text-align:center;}
#topPage .h2box h2{margin-bottom:5px;}

#subPage h3{ font-size:140%; text-align:center;}
#subPage h3 span{font-size:50%; margin-left:0;display:block}
#subPage .h3box{ text-align:center;}
#subPage .h3box h3{margin-bottom:5px;}


} /* Responsive End */


/* ---------------------------------------------------------------------------------
header */


header#gHeader width:100%; height:200px; position:relative; z-index:50; border-bottom: 2px solid #322B3B; box-sizing:border-box; }
header#gHeader .hdTopBox{ width:auto; min-width:1000px; margin:0 auto}

header#gHeader > .inner{ width:1000px; height:200px; margin:0 auto; position:relative;}

header#gHeader .hdTB01{ width:175px; height:70px; position:absolute; top:0; left:0; z-index:10;}
header#gHeader .hdTB02{ width:175px; height:70px; position:absolute; top:0; right:0;z-index:10;}
header#gHeader .hdTB02 p{ font-size:70%; text-align:center;}

header#gHeader .hdTB01 img,
header#gHeader .hdTB02 img{ width:100%;}


header#gHeader h1{ width:100%; height:auto; position:absolute; text-align:center; font-size:70%; top:10px;z-index:9;}


header#gHeader #logo{ position:absolute; top:64px; left:418px; width:164px; height:auto;}
header#gHeader #logo img{ width:100%;}
header#gHeader nav{ position:absolute; top:151px; left:119px;}

 .nav01{ width:109px; height:25px; position:absolute; left:0px; top:0;}
 .nav02{ width:109px; height:25px; position:absolute; left:109px; top:0;}
 .nav03{ width:109px; height:25px; position:absolute; left:218px; top:0;}
 .nav04{ width:109px; height:25px; position:absolute; left:327px; top:0;}
 .nav05{ width:109px; height:25px; position:absolute; left:436px; top:0;}
 .nav06{ width:109px; height:25px; position:absolute; left:545px; top:0;}
 .nav07{ width:109px; height:25px; position:absolute; left:654px; top:0;}

header#gheader nav li img{ width:100%;}

@media(max-width:640px){

header#gHeader{ width:100%; height:162px; position:fixed; z-index:50; border-bottom: none; box-sizing:border-box; background:#fff; box-shadow:0px 0px 8px 0px #9d9d9d;}
header#gHeader .hdTopBox{ width:auto; min-width:0; height:62px; background:#333; overflow:hidden;}

header#gHeader > .inner{ width:auto; height:auto; margin:0 auto; position:relative;}

header#gHeader .hdTB01{ width:216px; height:62px; position:absolute; top:0; left:0;}
header#gHeader .hdTB02{ width:216px; height:62px; position:absolute; top:0; right:0;}
header#gHeader .hdTB02 p{ display:none;}

header#gHeader .hdTB01 img,
header#gHeader .hdTB02 img{ width:100%; height:auto;}

header#gHeader h1{ width:auto; height:auto; position:absolute; text-align:left; font-size:70%; line-height:1.6em; top:30px; left:220px; font-weight:normal;}
header#gHeader #logo{ position:absolute; top:20px; left:25px; width:auto; height:60px;}
header#gHeader #logo img{ width:100%;}
header#gHeader nav{ display:none;}


}



/* ---------------------------------------------------------------------------------
scr Header */

#sideBnr{ position:absolute; top:200px; width:75px;right:0; z-index:53;}
#sideBnr li{ position:absolute;}
#sideBnr li img{ width:100%;}
#sideBnr .sbReserve{ top:25px;}
#sideBnr .sbMail{    top:300px;}
#sideBnr .sbSns{     top:400px;}


#sideBnr .sbSns a{width:30px; display:inline-block;}
#sideBnr .sbSns a img{width:100%;}


.fixed {
  position: fixed !important;
  top: 75px !important;
}


#scrHeader{ width:100%; position:fixed; z-index:51; height:75px; 
border-bottom:2px solid #322b3b; background:#fff; top:-75px; box-sizing:border-box;box-shadow:0px 0px 8px 0px #9d9d9d;
}
#scrHeader > .inner{ width:1000px; margin:0 auto; position:relative;}
#scrHeader .logo{ position:absolute; top:13px;}
#scrHeader .logo img{ width:130px;}
#scrHeader nav{ position:absolute; left:180px; top:25px;}


@media(max-width:640px){
	
#sideBnr{ position:fixed; top:162px; width:60px;right:20px; z-index:49;}
#sideBnr li.sbReserve img,
#sideBnr li.sbMail img{ width:100%; height:auto;}

#sideBnr .sbReserve{ top:20px;}
#sideBnr .sbMail{    top:240px;}
#sideBnr .sbSns{ display:none;}

}





/* ---------------------------------------------------------------------------------
SMP navigation スマホナビ　メイン＆サブ*/

#smpMenu{ display:none;}
#smpMenuList{ display:none;}
#blackOut{ display:none; }
#blackOut2{ display:none; }
#SubMenu{ display:none;}

@media(max-width:640px){


#smpMenuList{ display:none;z-index:10000;}
#blackOut{ display:none; background:url(../images/sp/toumeiBlack.png) repeat; position:fixed; width:100%; height:100%; z-index:9950;}
#blackOut2{ display:none; background:url(../images/sp/toumeiBlack.png) repeat; position:fixed; width:100%; height:100%; z-index:9950;}

#smpMenu{width:60px; height:60px;display:block; position:fixed; top:82px; right:20px; z-index:20050;}

#smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}
#smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}



#smpMenuList{ position:fixed; background:#fff; width:90%;margin:0 5%;margin-top:172px;
border:10px solid #000; box-sizing:border-box;

  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);}

#smpMenuList ul{width:auto;}
#smpMenuList ul li{}
#smpMenuList ul li a{ font-size:20px; display:block;padding:20px 20px;color:#333; border-bottom:1px solid #f1ddbf;}
#smpMenuList ul li span{}

#smpMenuList dl{ }
#smpMenuList dl dt{font-size:110%; font-weight:bold; display:block;padding:16px;color:#fff; background:#000; border-bottom:none;}
#smpMenuList dl dd{ border-bottom:1px dashed #999; font-weight:normal;}
#smpMenuList dl dd.last{ border-bottom:none;}
#smpMenuList dl dt a{ }
#smpMenuList dl dd a{ font-size:100%; display:block;padding:16px;color:#333;}
#smpMenuList dl dd.spSNS a{ font-size:20px; display:inline-block;padding:25px 25px;color:#333;}
#smpMenuList dl dt span{}
#smpMenuList dl dd span{}


#smpMenu2{width:115px; height:64px;display:block; position:absolute;z-index:20050;}
#smpMenu2.menuOff2{background:url(../images/sp/menu_onbtn2.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}
#smpMenu2.menuOn2{ background:url(../images/sp/menu_offbtn2.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}

#smpMenuList2{background:url(../images/sp/sp_catBG.png) repeat-y center top; z-index:-10;}
#smpMenuList2:before,
#smpMenuList2:after {content: " ";display:table;}
#smpMenuList2:after {clear: both;}
#smpMenuList2 {*zoom: 1;}


#SubMenu{ display:block;  border-bottom:1px solid #2B2B2B;}
#SubMenu ul{ width:95%; margin:0 auto;padding:0.5em 0 1em;}
#SubMenu li{display:block;width:50%; float:left;}
#SubMenu li a{ display:block;width:auto; color:#AFAFAF; background:#222; cursor:pointer;
text-align:center; border:1px solid #909090; box-sizing: border-box; font-size:75%; padding:0.8em 0; margin-bottom:0.5em;}

#SubMenu li:nth-child(odd) a{margin-right:0.25em;}
#SubMenu li:nth-child(even) a{margin-left:0.25em;} 

#SubMenu ul:before,
#SubMenu ul:after {content: " ";display:table;}
#SubMenu ul:after {clear: both;}
#SubMenu ul {*zoom: 1;}


#smpMenu2{  position:absolute; bottom:-32px;left:263px;}


} /* Responsive End */



/*
mainvisual ----------------------------------------*/

#mainVisual{ background:url(../images/00_common/shadow1000.png) no-repeat center bottom; padding-bottom:27px;}

#catchCopy{ text-align:center; padding:64px 0;}
#catchCopy img{ width:350px; height:auto;}


.bxslider{ height:525px; overflow:hidden;}
.bxslider li{ height:525px;}


@media(max-width:640px){
	
#mainVisual img{ width:100%;}

#catchCopy img{ width:60%;}

.bxslider{ height:336px; overflow:hidden;}
.bxslider li{ height:336px;}
}




/* ---------------------------------------------------------------------------------
TOP menu */

#menu{ margin-bottom:50px;}
#menu >.inner{}
#menu ul{}
#menu li{ width:486px; height:132px; float:left;}
#menu li:last-child{margin-left:28px;}

#menu ul:before,
#menu ul:after {content: " ";display:table;}
#menu ul:after {clear: both;}
#menu ul{*zoom: 1;}

@media(max-width:640px){

#menu li{ width:80%; height:auto; float:none;text-align:center; margin:0 auto 20px auto;}
#menu li:last-child{margin:0 auto;}
#menu li img{ width:100%;}

} /* Responsive End */

#coupon{ margin-bottom:50px;}
#coupon >.inner{}
#coupon ul{}
#coupon li{ width:486px; height:175px; float:left;}
#coupon li:nth-child(even){margin-left:28px;}

#coupon ul:before,
#coupon ul:after {content: " ";display:table;}
#coupon ul:after {clear: both;}
#coupon ul{*zoom: 1;}

#coupon li p{ font-size:82%; line-height:1.4em; padding:0.5em 2em;}

@media(max-width:640px){

#coupon li{ width:80%; height:auto; float:none; text-align:center; margin:0 auto 20px auto;}
#coupon li img{ width:100%;}
#coupon li:nth-child(even){margin-left:auto;}
#coupon li p{ font-size:70%; line-height:1.4em; padding:0.5em 2em; text-align:left;}

} /* Responsive End */



/* ---------------------------------------------------------------------------------
top concept */

#conceptBox{position:relative; height:285px;}
#conceptBox #concept{width:316px; height:200px; left:0; position:absolute;}
#conceptBox #quality{width:316px; height:200px; left:341px;  position:absolute;}
#conceptBox #aftersupport{width:316px; height:200px; left:684px; position:absolute;}
#conceptBox section img{ width:100%;}

#instagram{}
#instagram ul{ margin-bottom:50px;}
#instagram li{ float:left; margin-right:24px;}
#instagram li:last-child{margin-right:0;}
#instagram li span{ display:block; text-align:center; font-size:80%;}
#instagram li img{ width:100px; height:100px; border:1px solid #f0f0f0; box-sizing:border-box;}
#instagram li:last-child img{ width:auto; height:auto; border:none;}

#instagram ul:before,
#instagram ul:after {content: " ";display:table;}
#instagram ul:after {clear: both;}
#instagram ul{*zoom: 1;}



@media(max-width:640px){

#conceptBox{position:static; height:auto;}
#conceptBox section{ text-align:center; margin-bottom:40px;}
#conceptBox section img{ width:70%;}
#conceptBox #concept{width:auto; height:auto; left:0; position:static;}
#conceptBox #quality{width:auto; height:auto; left:0;  position:static;}
#conceptBox #aftersupport{width:auto; height:auto; left:0; position:static;}

#instagram{}
#instagram ul{ margin-bottom:50px; margin-left:50px;}
#instagram li{ float:left; margin-right:24px;}
#instagram li:last-child{margin-right:0;}
#instagram li span{ display:block; text-align:center; font-size:70%;}

#instagram ul:before,
#instagram ul:after {content: " ";display:table;}
#instagram ul:after {clear: both;}
#instagram ul{*zoom: 1;}

} /* Responsive End */





/* ---------------------------------------------------------------------------------
newsRecBox */


#newsRecBox{ margin-bottom:100px;}

#newsRecBox:before,
#newsRecBox:after {content: " ";display:table;}
#newsRecBox:after {clear: both;}
#newsRecBox{*zoom: 1;}

#crm_newsTopics{ width:630px; float:right}
#crm_recruit{ width:316px; float:left;}

#crm_newsTopics h2{padding-bottom:25px; margin-bottom:0;}

#EntryList{}

.entry{padding:25px 0;}
.entry:before,
.entry:after {content: " ";display:table;}
.entry:after {clear: both;}
.entry{*zoom: 1;}

.entry .dateArea{ width:95px; float:left; font-size:86%;}
.entry .textArea{ width:350px; float:left;}
.entry .imgbox{ width:160px; float:right;}
.entry .textBox{}
.entry .textBox h3{}
.entry .textBox p{}
.entry .textArea img{}
.entry .imgbox img{ width:160px;}

.entry{border-top:1px dashed #AEACB1;}
.entry:first-child{border-top:1px solid #AEACB1;}

@media(max-width:640px){
	
#crm_newsTopics{ width:auto; float:none}
#crm_recruit{ width:auto; float:none; text-align:center;}
#crm_recruit img{ width:70%;}
.entry{padding:50px 75px;}


.entry .dateArea{ width:auto; float:none; font-size:100%;}
.entry .textArea{ width:auto; float:none;}
.entry .imgbox{ width:auto; float:none;}
.entry .textBox{}
.entry .textBox h3{ font-size:120%; margin-bottom:0.8em;}
.entry .textBox p{ margin-bottom:0.8em;}
.entry .imgbox{ display:block; width:80%; margin:0 auto;}
.entry .imgbox img{ width:100%;}


}









/* ---------------------------------------------------------------------------------
footer */

footer{ background:#111; color:#ddd;padding:75px 0;}
footer a{ color:#ddd !important;}
footer >.inner{ width:1000px; margin:0 auto;padding:0; position:relative;}


.ftbox01{ width:270px; position:relative; top:0; left:0;}
.ftbox02{ width:270px; position:absolute; top:0; left:320px;}
.ftbox03{ width:176px; height:auto; position:absolute; bottom:0; right:0;}

.ftbox01 img{ width:55%;}
.ftbox03 img{ width:100%;}

.ftbox01 dl{padding:0 0 0 0;}
.ftbox01 dt{border-bottom:1px solid #C0C0C0;padding-bottom:15px;}
.ftbox01 dd{margin:15px 40px 15px 43px; font-size:80%; line-height:1.6em;}

.ftnm01{ font-size:85%; line-height:1.1em; display:block; }
.ftnm02{ font-size:120%; line-height:1.7em; font-weight:bold; display:block;border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:5px;}

.ftbox02 dl{}
.ftbox02 dt{padding-left:30px; height:76px; border-bottom:1px solid #AAAAAA; padding-top:45px; box-sizing:border-box; margin-bottom:15px;font-family: 'Crimson Text', serif; font-size:110%}
.ftbox02 dd{ padding-left:30px;font-size:80%; line-height:1.7em;}

.ftbox03 p{ font-size:80%; line-height:1.5em; margin-bottom:10px;}

footer > p{padding:30px 0; text-align:center; color:#AFAFAF; font-size:80%; border-top:1px solid #4D4D4D; margin-top:30px; width:1000px;
margin-left:auto; margin-right:auto;}

@media(max-width:640px){

footer{ padding:0; font-size:110%;}
footer a{ color:#ddd !important;}
footer >.inner{ width:auto; margin:0 auto;padding:0; position:relative;}

.ftbox01{ width:auto; position:static; top:0; left:0;padding:75px;}
.ftbox02{ display:none;}
.ftbox03{ width:auto; height:auto; position:static; padding:75px; background:#2f2c29; }

.ftbox01 dl{padding:0 0 0 0;}
.ftbox01 dt{border-bottom:1px solid #C0C0C0;padding-bottom:15px;}
.ftbox01 dd{margin:15px 40px 15px 43px; font-size:80%; line-height:1.6em;}

.ftbox01 dt img{ width:50%;margin-left:43px;}

.ftnm01{ font-size:85%; line-height:1.1em; display:block; }
.ftnm02{ font-size:120%; line-height:1.7em; font-weight:bold; display:block;border-bottom:1px solid #aaa; padding-bottom:5px; margin-bottom:5px;}


.ftbox03 p{ font-size:100%; line-height:1.5em; margin-bottom:10px; text-align:center;}
.ftbox03 a{ text-align:center; display:block;}
footer > p{padding:40px 0; text-align:center; color:#AFAFAF; font-size:80%; border-top:none; margin-top:0; width:auto;
margin-left:auto; margin-right:auto;}



}






/* ---------------------------------------------------------------------------------
onebox */


.onebox_txtLeft{ width:auto; margin:0 auto; margin-bottom:31px;}
.onebox_txtLeft .textArea{ width:580px; float:left;}
.onebox_txtLeft .imgbox{ width:300px; float:right;}
.onebox_txtLeft .imgbox img{ width:100%; height:auto;}
.onebox_txtLeft:before,
.onebox_txtLeft:after {content: " ";display:table;}
.onebox_txtLeft:after {clear: both;}
.onebox_txtLeft {*zoom: 1;}


.onebox_txtRight{ width:auto; margin:0 auto; margin-bottom:31px;}
.onebox_txtRight .textArea{ width:415px; float:right;}
.onebox_txtRight .imgbox{ width:300px; float:left;}
.onebox_txtRight:before,
.onebox_txtRight:after {content: " ";display:table;}
.onebox_txtRight:after {clear: both;}
.onebox_txtRight {*zoom: 1;}

@media(max-width:640px){
	
.onebox_txtLeft{ width:auto; margin:0 auto; margin-bottom:2em;}
.onebox_txtLeft .textArea{ width:90%; margin:0 auto; float:none; margin-bottom:1em;}
.onebox_txtLeft .imgbox{ width:90%; margin:0 auto; float:none;margin-bottom:1em;}
.onebox_txtLeft:before,
.onebox_txtLeft:after {content: " ";display:table;}
.onebox_txtLeft:after {clear: both;}
.onebox_txtLeft {*zoom: 1;}

.onebox_txtRight{ width:auto; margin:0 auto; margin-bottom:2em;}
.onebox_txtRight .textArea{ width:90%; margin:0 auto; float:none; margin-bottom:1em;}
.onebox_txtRight .imgbox{ width:90%; margin:0 auto; float:none; margin-bottom:1em;}
.onebox_txtRight:before,
.onebox_txtRight:after {content: " ";display:table;}
.onebox_txtRight:after {clear: both;}
.onebox_txtRight {*zoom: 1;}

.imgbox img{ width:100%;}

}


/* ---------------------------------------------------------------------------------
footer */





/* ---------------------------------------------------------------------------------
yoko */


.yokoInner{ width:800px; margin:0 auto 100px auto;}

.leftTable{ width:400px;margin-right:0px; float:left}
.rightTable{ width:400px; margin-left:0px; float:left;}

.yokoTable dl{ display:table;}
.yokoTable dt{ display:table-cell; width:158px; font-size:90%; font-weight:bold;}
.yokoTable dd{ display:table-cell;}

.yokoTable dt span{ display:block; padding:9px;border:1px solid #e3d2b8; background:#4c4435; color:#dad3c7; text-align:center;margin-bottom:30px;}
.yokoTable dd{ padding:15px; font-size:90%;}
.yokoTable dd span{ line-height:1.2em;}
.yokoTable dd span span{ font-size:80%;}

@media(max-width:640px){

.yokoInner{ width:90%; margin:0 auto 100px auto;}

.leftTable{ width:100%;margin-right:0; float:none}
.rightTable{ width:100%; margin-left:0px; float:none;}


}





/* contact　今のところ未使用 --------------------------------------------------------*/


.Tbox{ width:100%;}
.Tarea{width:100%; height:80px;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em 5em; font-size: 120%;  font-weight: bold;font-family: "Yu Mincho", YuMincho, "HGP明朝B", serif;}

dl.formtable dt > span{ color:#ff6666; padding:3px; font-size:90%; line-height:1.5em; font-weight:bold;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}

.hidden_genba,.hidden_siryo{padding-left:5%;}
.checkText{ font-size:90%; color:#2D388A; font-weight:bold;}

.formCheck{ text-align:center;margin-bottom:2em; color:#ff6666; }


.typeSelect{ width:700px; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; line-height:1.2em; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}


@media(max-width:640px){

#contactform{ width:80%; margin:0 auto 100px auto; background:#eee; margin-bottom:100px;}
#contactform h3{ font-size:110%;}
#contactform form{padding:1em;}


#contactform2{ width:80%; margin:0 auto; background:#eee;}
#contactform2 h3{ font-size:110%;}
#contactform2 form{padding:1em;}


dl.formtable{width:100%; margin:0 auto;}
dl.formtable,
dl.formtable > dt,
dl.formtable > dd {  box-sizing: border-box;   }
dl.formtable > dt {  width: 100%;  float: none; background:none;padding-left:0;font-size:120%;}
dl.formtable > dd {  margin-left:10%;  padding-bottom: 0;margin-bottom:2em; line-height:1.8em;font-size:110%;}

dl.formtable > dd:after {  content: '';  display: block;  clear: both;}




.Tbox{ width:100%;}
.Tarea{width:100%;}
.submitBtn{ display:inline-block; border:2px solid #514946; background:#292466; color:#fff; padding:1em; font-size: 120%;  font-weight: bold; width:100%; text-align: center;}

dl.formtable dt > span{ color:#ee9797; display:inline-block; padding:0 0 0 0.5em; font-size:90%; line-height:1.5em;}

dl.formtable dd > ul{}
dl.formtable dd > ul li{ color:#96e3a6;}
	
	
	
	
.typeSelect{ width:80%; margin:0 auto;}
.typeSelect a{ text-align:center;width:49%; font-size:130%; display:inline-block; box-sizing:border-box;padding:20px; border-top:4px solid #292466;}
.typeSelect a:hover{ text-decoration:none; font-weight:bold; color:inherit;}

#form_houjin{  margin-right:2%;}
#form_houjin span{ font-size:130%;}
#form_kojin{}
#form_kojin span{ font-size:130%;}

} /* Responsive End */






/* ---------------------------------------------------------------------------------
pagetop　未使用 */

#pagetop{ position:absolute;}

#gotop {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 137px;
  height: 77px;
  z-index: 5;
}

#btnscrollArea{ position:relative;}








/* ---------------------------------------------------------------------------------
common */


.clear{ clear:both;}
.tac{ text-align:center !important;}

@media(min-width:641px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none !important; }
} /* Responsive End */

@media(max-width:640px){
#commonFooter{ display:none !important; }
}

@media(max-width:640px){
#commonFooter{ display:none !important; }
}


@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_sp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_sp{ text-align:left !important;}
}