.pchid			{display:none;}
.sphid			{}

/*フォントサイズ切替予定*/
.fs12														{font-size:12px!important; line-height:20px!important;}
.fs13														{font-size:13px!important; line-height:20px!important;}
.fs14														{font-size:14px!important; line-height:23px!important;}
.fs15														{font-size:15px!important; line-height:24px!important;}

.fs16														{font-size:16px!important; line-height:26px!important;}
.fs17														{font-size:17px!important; line-height:27px!important;}
.fs18														{font-size:18px!important; line-height:28px!important;}
.fs19														{font-size:19px!important; line-height:29px!important;}
.fs20														{font-size:20px!important; line-height:30px!important;}
.fs21														{font-size:21px!important; line-height:31px!important;}
.fs22														{font-size:22px!important; line-height:32px!important;}
.fs23														{font-size:23px!important; line-height:33px!important;}
.fs24														{font-size:24px!important; line-height:34px!important;}
.fs25														{font-size:25px!important; line-height:35px!important;}
.fs26														{font-size:26px!important; line-height:36px!important;}
.fs27														{font-size:27px!important; line-height:37px!important;}
.fs28														{font-size:28px!important; line-height:38px!important;}

.mw img															{max-width:100%;}/*画像幅がウィンドウサイズ以下なら縮小。最大は元画像横幅まで。imgの外側要素に付与*/

/**/
*, *:before, *:after 							{-webkit-box-sizing: border-box; box-sizing: border-box;}
.parallax-window									{min-height: 300px;background: transparent;}
.parallax-slider									{top:0;left:0;}
.relative													{position:relative;}
.pcrelative												{position:relative;}/*pc only*/
.sptac														{}
.delay														{ -webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.delay:hover											{ -webkit-transition: 0.2s ease-in-out;  -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}

/* a */
.nodeco														{}
.nodeco:hover											{text-decoration:none;}
.nocolor													{color:#111111;}
.nocolor:hover										{color:#111111;}

/* ----- center ----- */
.margincenter											{margin:0px auto!important;}
.spmargincenter										{}
.topcenter												{ display: flex; flex-direction: column;justify-content: center;}

/* ----- flexbox ----- */
.flexbox													{display:flex; justify-content:space-between; flex-wrap: wrap;}
.flexbox840												{display:flex; justify-content:space-between; flex-wrap: wrap;}
.flexbox_rev											{display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
.flexbox_left											{display:flex; justify-content:flex-start; flex-wrap: wrap; }
.flexbox_center										{display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.flexbox_center_yoko							{display: flex; justify-content: center;align-items: start; flex-wrap: wrap;}

.twobox														{width:48%;}
.twobox2													{width:49%;}
.twobox_left											{width:46%; margin:2%;}
.twobox85													{width:80%;}
.twobox80													{width:75%;}
.twobox75													{width:73%;}
.twobox70													{width:65%;}
.twobox60													{width:56%;}
.twobox50													{width:50%;}
.twobox40													{width:40%;}
.twobox30													{width:30%;}
.twobox25													{width:25%;}
.twobox20													{width:20%;}
.twobox15													{width:15%;}
.threebox													{width:31%; }
.threebox2												{width:33%; }

.threebox_left										{width:30.3%; margin:1.5%; }
.threebox_left_works							{width:30.3%; margin:1.5%; }
.threebox_left_works a						{display:block; padding:50px;}
.fourbox													{width:23%; }
.fourbox_left											{width:23%; margin:1%;}

.fivebox													{width:18%; margin:1%;}
.sixbox														{width:14%; margin:1%;}

/* ----- bt ----- */
.commonbt													{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:20px 0px 20px 0px; font-size:18px; line-height:18px; color:#ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.commonbt:hover										{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:20px 0px 20px 0px; font-size:18px; line-height:18px; color:#ffffff; text-decoration:none;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.commonbt2												{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:18px; line-height:18px; color:#ffffff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.commonbt2:hover									{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:18px; line-height:18px; color:#ffffff; text-decoration:none;border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius: 20px;}
.commonbt3												{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:20px 0px 20px 0px; font-size:20px; line-height:20px; color:#ffffff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.commonbt3:hover									{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:20px 0px 20px 0px; font-size:20px; line-height:20px; color:#ffffff; text-decoration:none;border-radius:30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.commonbt4												{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:18px; line-height:18px; color:#ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.commonbt4:hover									{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:18px; line-height:18px; color:#ffffff; text-decoration:none;border-radius:100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}


.btcolor1													{background-color:#237dc2; color:#ffffff!important;}
.btcolor1:hover										{background-color:#48a3e8; color:#ffffff!important;}
.btcolor2													{background-color:#ffffff; color:#444444!important;}
.btcolor2:hover										{background-color:#eeeeee; color:#444444!important;}

/* ----- bg ----- */
.bg1															{background-color:#ffffff;}
.bg2															{background-color:#f6f6f6;}
.bg3															{background-color:#f9f7f0;}
.bg4															{background-color:#f2f9fb;}
.bg5															{background-color:#d8f4ff;}

/* ----- font ----- */
.white														{color:#ffffff!important;}
.blue															{color:#003a8b!important;}
.blue2														{color:#3195dd!important;}
.orange														{color:#f06000!important;}
.red															{color:#ff0000!important;}
.black														{color:#111111!important;}
.gray															{color:#666666!important;}
/* ----- border ----- */
.nb																{borde:0px none!important;}
.border1													{border:1px solid #eeeeee;}
.border5													{border:5px solid #eeeeee;}
/* ----- fw ----- */
.fw200														{font-weight:200!important;}
.fw400														{font-weight:400!important;}
.fw600														{font-weight:600!important;}

/* ----- maru ----- */
.maru3														{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.maru5														{border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.maru10														{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.maru15														{border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px;}
.maru20														{border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.maru25														{border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;}
.maru50														{border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}

/* ----- dl table base ----- */
.dltable													{display:flex;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 0px 0px;}
.dltable dt												{display:block; padding:12px 15px 12px 15px; margin:0px 0px 7px 0px;}
.dltable dd												{display:block; padding:12px 15px 12px 15px; margin:0px 0px 7px 0px; border-right:1px solid #e5e5e5;}/*widthは別指定*/

.dltable_s												{display:flex;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 0px 0px; }
.dltable_s dt											{display:block;width:20%; font-weight:400; padding:5px; margin:0px 0px 2px 0px;}
.dltable_s dd											{display:block;width:75%; padding:5px; margin:0px 0px 2px 0px;}/*widthは別指定*/

.dltable_topcenter								{display:flex;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 0px 0px;}
.dltable_topcenter dt							{display: flex; flex-direction: column;justify-content: center; padding:12px 15px 12px 15px; margin:0px 0px 7px 0px;}
.dltable_topcenter dd							{display:block; padding:12px 15px 12px 15px; margin:0px 0px 7px 0px; border-right:1px solid #e5e5e5;}/*widthは別指定*/

.dtbg1 dt													{background-color:#237dc2!important; color:#ffffff!important;}
.dtbg2 dt													{background-color:#e8a900!important; color:#ffffff!important;}
.dtbg3 dt													{background-color:#f5f5f5!important;}
.dtbg4 dt													{background-color:#BADFFF!important;}
.dtbg5 dt													{background-color:#FFED7C!important;}


/*dl table design*/
.twodl dt													{width:25%;  background-color:#ffffff; color:#555555; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.twodl dd													{width:75%;  background-color:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.twodl2 dt												{width:40%;  background-color:#ffffff; color:#555555; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.twodl2 dd												{width:60%;  background-color:#ffffff;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.twodl3 dt												{width:60%;  background-color:#ffffff; color:#555555; border-top:1px solid #e5e5e5;}
.twodl3 dd												{width:40%;  background-color:#ffffff;border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.twodl4 dt												{width:80%;  background-color:#ffffff; color:#555555; border-top:1px solid #e5e5e5;}
.twodl4 dd												{width:20%;  background-color:#ffffff;border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.twodl5 dt												{width:20%;  background-color:#ffffff; color:#555555; border-top:1px solid #e5e5e5;}
.twodl5 dd												{width:80%;  background-color:#ffffff;border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}

.threedl dt												{width:40%;  background-color:#ffffff; color:#555555;  border-top:1px solid #e5e5e5;}
.threedl .dd1											{width:30%;  background-color:#ffffff;border-top:1px solid #e5e5e5;}
.threedl .dd2											{width:30%;  background-color:#ffffff;border-top:1px solid #e5e5e5;}

/*table*/
.swipetable												{}

/* ----- list ----- */
.listol														{padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;}
.listol li												{padding:0px 20px 0px 20px; margin-bottom:5px; background-color:#ffffff; margin-left: 1.0em;	text-indent: -1.0em;}

.listul														{padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;}
.listul li												{padding:0px 20px 0px 20px; margin-bottom:5px; background-color:#ffffff; margin-left: 1.0em;	text-indent: -1.0em;}

.listul dl dt											{text-indent:0em;}
.listul dl dd											{text-indent:0em;}
.listul td												{text-indent:0em;}
.listul th												{text-indent:0em;}
.listul p													{text-indent:0em;}


.linkul														{padding:0px; margin:10px 10px 10px 10px; list-style-position: inside; color:#222222;}
.linkul li												{list-style:none; margin-bottom:5px; background-color:#ffffff;}
.linkul li a											{display:block;padding:8px 20px 8px 20px; background-color:#ffffff; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.linkul li a:hover								{display:block;padding:8px 20px 8px 20px; background-color:#e4f4fa; text-decoration:none; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.linkul li span										{display:block;padding:8px 20px 8px 20px; background-color:#ffffff; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

.linkul li ul											{padding:8px 0px 8px 20px;}
.linkul li ul li									{}
.linkul li ul li a								{display:block;padding:8px 20px 8px 20px; background-color:#f9f9f9; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.linkul li ul li a:hover					{display:block;padding:8px 20px 8px 20px; background-color:#e4f4fa; text-decoration:none; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.linkul li ul li span							{display:block;padding:8px 20px 8px 20px; background-color:#f9f9f9; border:1px solid #eaeaea; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

.deful														{margin:0px; padding:4px 0px 12px 30px;}
.deful li													{}

/* ----- Input ----- */
.input														{border:3px solid #dddddd; padding:5px; margin:2px;}
.input2														{border:3px solid #dddddd; padding:10px; margin:3px;}
.input_hissu											{border:3px solid #f08300; padding:5px; margin:2px;}
.input_submit											{width:240px; height:50px; background-color:#0099d9; color:#ffffff; font-size:18px; border:0px none; margin:0px auto;}
.input_submit_side								{width:200px; height:40px; background-color:#f08300; color:#ffffff; font-size:18px; border:0px none;}
.msg_red													{border:3px solid #ff0000; font-size:17px; line-height:30px; background-color:#ffeded; padding:8px 8px 8px 8px; margin:10px; color:#ff0000;}
.referr														{border:3px solid #ff0000; font-size:17px; line-height:30px; background-color:#ffeded; padding:8px 8px 8px 8px; margin:10px; color:#ff0000;}
.referr	 p												{margin:0px; padding:0px;}
.msg_orange												{border:3px solid #ff7200; font-size:17px; line-height:30px; background-color:#fffbec; padding:8px 8px 8px 8px; margin:10px; color:#ff7200;}

/* ----- boxwidth ----- */
.w200															{width:200px;}
.w250															{width:250px;}
.w300															{width:300px;}
.w350															{width:350px;}
.w400															{width:400px!important;}
.w450															{width:450px!important;}
.w500															{width:500px!important;}
.w600															{width:600px!important;}
.w700															{width:700px!important;}
.w800															{width:800px!important;}
.w900															{width:900px!important;}
.w950															{width:950px!important;}
.w1080														{width:1080px!important;}
.w1140														{width:1140px!important;}

/* ----- margin padding ----- */
.m0																{margin:0px;}

.mt0															{margin-top:0px!important;}
.mt10															{margin-top:10px!important;}
.mt20															{margin-top:20px!important;}
.mt30															{margin-top:30px!important;}
.mt40															{margin-top:40px!important;}
.mt50															{margin-top:50px!important;}
.mt60															{margin-top:60px!important;}
.mt70															{margin-top:70px!important;}
.mt80															{margin-top:80px!important;}
.mt90															{margin-top:90px!important;}

.mb0															{margin-bottom:0px!important;}
.mb10															{margin-bottom:10px!important;}
.mb20															{margin-bottom:15px!important;}
.mb30															{margin-bottom:20px!important;}
.mb40															{margin-bottom:25px!important;}
.mb50															{margin-bottom:25px!important;}
.mb60															{margin-bottom:25px!important;}
.mb70															{margin-bottom:70px!important;}
.mb80															{margin-bottom:80px!important;}
.mb90															{margin-bottom:90px!important;}

.p0																{padding:0px!important;}
.pt0															{padding-top:0px!important;}
.pt10															{padding-top:10px!important;}
.pt20															{padding-top:20px!important;}
.pt30															{padding-top:30px!important;}
.pt40															{padding-top:40px!important;}
.pt50															{padding-top:50px!important;}
.pt60															{padding-top:60px!important;}
.pt70															{padding-top:70px!important;}
.pt80															{padding-top:80px!important;}
.pt90															{padding-top:90px!important;}

.pb0															{padding-bottom:0px!important;}
.pb10															{padding-bottom:10px!important;}
.pb20															{padding-bottom:20px!important;}
.pb30															{padding-bottom:30px!important;}
.pb40															{padding-bottom:40px!important;}
.pb50															{padding-bottom:50px!important;}
.pb60															{padding-bottom:60px!important;}
.pb70															{padding-bottom:70px!important;}

.p10															{padding:10px!important;}
.p20															{padding:15px!important;}
.p30															{padding:20px!important;}
.p40															{padding:25px!important;}
.p50															{padding:50px!important;}
.p60															{padding:60px!important;}
.p70															{padding:70px!important;}

/*size*/
.s10															{font-size:10px;}
.s12															{font-size:12px;}
.s14															{font-size:14px;}
.s15															{font-size:15px;}
.s16															{font-size:16px;}
.s17															{font-size:17px;}
.s18															{font-size:18px;}
.s19															{font-size:19px;}
.s20															{font-size:20px;}
.s22															{font-size:22px;}
.s24															{font-size:24px;}
.s26															{font-size:26px;}
.s28															{font-size:28px;}
.s30															{font-size:30px;}
.s32															{font-size:32px;}
.s34															{font-size:34px;}
.s36															{font-size:36px;}
.s38															{font-size:38px;}
.s40															{font-size:40px;}

.l16															{line-height:16px;}
.l18															{line-height:18px;}
.l20															{line-height:20px;}
.l22															{line-height:22px;}
.l24															{line-height:24px;}
.l26															{line-height:26px;}
.l28															{line-height:28px;}
.l30															{line-height:30px;}
.l32															{line-height:32px;}
.l34															{line-height:34px;}
.l36															{line-height:36px;}
.l38															{line-height:38px;}
.l40															{line-height:40px;}
.l42															{line-height:42px;}
.l44															{line-height:44px;}
.l46															{line-height:46px;}
.l48															{line-height:48px;}
.l50															{line-height:50px;}
.l52															{line-height:52px;}
.l54															{line-height:54px;}
.l56															{line-height:56px;}
.l58															{line-height:58px;}

.resptable table {width:100%;  border-bottom: 1px solid #dddddd;}
.resptable table thead {}
.resptable table tbody,.resptable table tr,.resptable table th,.resptable table td {
border-top:1px solid #dddddd;
}
.resptable table tr {
}
.resptable table th {
font-weight:400;

}
.resptable table td {
}
.resptable table td:before {
}



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

.pchid			{display:block;}
.sphid			{display:none;}

.relative													{position:relative;}
.pcrelative												{position:static;}/*pc only*/
.sptac														{text-align:center;}
/* ----- center ----- */
.topcenter												{ display: block;}
.spmargincenter										{margin:0px auto;}
/* ----- flexbox ----- */
.flexbox													{display:block;}
.flexbox_rev											{display:block;}
.flexbox_left											{display:block;}
.flexbox_center										{display:block;}
.flexbox_center_yoko							{display:block;}
.twobox														{width:100%;}
.twobox2													{width:100%;}
.twobox_left											{width:100%;}
.twobox85													{width:100%;}
.twobox80													{width:100%;}
.twobox75													{width:100%;}
.twobox70													{width:100%;}
.twobox60													{width:100%;}
.twobox50													{width:100%;}
.twobox40													{width:100%;}
.twobox30													{width:100%;}
.twobox25													{width:100%;}
.twobox20													{width:100%;}
.twobox15													{width:100%;}
.threebox													{width:100%;}
.threebox2												{width:100%;}
.threebox_left										{width:100%; margin:0px 0px 15px 0px; }
.threebox_left_works							{width:100%; margin:0px 0px 15px 0px; }
.fourbox													{width:100%;}
.fourbox_left											{width:100%;}

.fivebox													{width:100%;}
.sixbox														{width:100%;}

/* ----- dl table base ----- */
.dltable													{display:block;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 30px 0px;}
.dltable dt												{display:block; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;}
.dltable dd												{display:block; padding:5px 15px 5px 15px; margin:0px 0px 10px 0px;}/*widthは別指定*/

.dltable_s												{display:block; }
.dltable_s dt											{display:block;width:100%; font-weight:600; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;}
.dltable_s dd											{display:block;width:100%; padding:5px; margin:0px 0px 2px 0px;}/*widthは別指定*/

.dltable_topcenter								{display:block;justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px 0px 30px 0px;}
.dltable_topcenter dt							{display:block; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;}
.dltable_topcenter dd							{display:block; padding:5px 15px 5px 15px; margin:0px 0px 10px 0px;}/*widthは別指定*/


/*dl table design*/
.twodl dt													{width:100%; font-size:16px; line-height:28px; background-color:#ffffff; color:#555555; border:0px none; border-top:1px solid #dddddd;}
.twodl dd													{width:100%; font-size:15px; line-height:24px; background-color:#ffffff;border:0px none;}
.twodl2 dt												{width:100%; font-size:16px; line-height:28px; background-color:#ffffff; color:#555555; border:0px none; border-top:1px solid #dddddd;}
.twodl2 dd												{width:100%; font-size:15px; line-height:24px; background-color:#ffffff;border:0px none;}
.twodl3 dt												{width:100%; font-size:16px; line-height:28px; background-color:#ffffff; color:#555555; border:0px none; border-top:1px solid #dddddd;}
.twodl3 dd												{width:100%; font-size:15px; line-height:24px; background-color:#ffffff;border:0px none;}
.twodl4 dt												{width:100%; font-size:16px; line-height:28px; background-color:#ffffff; color:#555555; border:0px none; border-top:1px solid #dddddd;}
.twodl4 dd												{width:100%; font-size:15px; line-height:24px; background-color:#ffffff;border:0px none;}

.threedl dt												{width:100%; font-size:16px; line-height:28px; background-color:#1c2143; color:#ffffff;  border:0px none; border-top:1px solid #dddddd;}
.threedl .dd1											{width:100%; font-size:16px; line-height:28px; background-color:#ffffff;border:0px none;}
.threedl .dd2											{width:100%; font-size:15px; line-height:24px; background-color:#ffffff;border:0px none;}

/*table*/
.swipetable												{display:table;width:100%; max-width:640px;  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
		-webkit-text-size-adjust: 100%;}
.swipetable tbody									{display:table;width:100%; max-width:640px; }

.commonbt													{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:17px; line-height:24px; color:#ffffff; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.commonbt:hover										{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:17px; line-height:24px; color:#ffffff; text-decoration:none;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.commonbt2												{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:16px; line-height:24px; color:#ffffff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.commonbt2:hover									{display:block; margin-bottom:5px; text-align:center; font-weight:600; padding:15px 0px 15px 0px; font-size:16px; line-height:24px; color:#ffffff; text-decoration:none;border-radius:7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}

/* ----- maru ----- */
.maru50														{border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

/* ----- Input ----- */
.input														{max-width:300px; border:3px solid #dddddd; padding:5px; margin:2px;}
.input_hissu											{max-width:300px; border:3px solid #f08300; padding:5px; margin:2px;}
.input_submit											{width:240px; height:50px; background-color:#f08300; color:#ffffff; font-size:16px; border:0px none;}
.msg_red													{border:2px solid #ff0000; font-size:14px; line-height:20px; background-color:#ffeded; padding:4px; margin:10px; color:#ff0000;}

/* ----- boxwidth ----- */
.w200															{width:200px;}
.w250															{width:250px;}
.w300															{width:100%;}
.w350															{width:100%;}
.w400															{width:100%!important;}
.w450															{width:100%!important;}
.w500															{width:100%!important;}
.w600															{width:100%!important;}
.w700															{width:100%!important;}
.w800															{width:100%!important;}
.w900															{width:100%!important;}
.w950															{width:100%!important;}
.w1080														{width:100%!important;}
.w1140														{width:100%!important;}

/* ----- margin padding ----- */
.m0																{margin:0px;}

.mt0															{margin-top:0px!important;}
.mt10															{margin-top:10px!important;}
.mt20															{margin-top:20px!important;}
.mt30															{margin-top:30px!important;}
.mt40															{margin-top:30px!important;}
.mt50															{margin-top:30px!important;}
.mt60															{margin-top:30px!important;}
.mt70															{margin-top:30px!important;}
.mt80															{margin-top:30px!important;}
.mt90															{margin-top:30px!important;}

.mb0															{margin-bottom:0px!important;}
.mb10															{margin-bottom:10px!important;}
.mb20															{margin-bottom:20px!important;}
.mb30															{margin-bottom:30px!important;}
.mb40															{margin-bottom:30px!important;}
.mb50															{margin-bottom:30px!important;}
.mb60															{margin-bottom:30px!important;}
.mb70															{margin-bottom:30px!important;}
.mb80															{margin-bottom:30px!important;}
.mb90															{margin-bottom:30px!important;}

.p0																{padding:0px!important;}
.pt0															{padding-top:0px!important;}
.pt10															{padding-top:10px!important;}
.pt20															{padding-top:20px!important;}
.pt30															{padding-top:30px!important;}
.pt40															{padding-top:30px!important;}
.pt50															{padding-top:30px!important;}
.pt60															{padding-top:30px!important;}
.pt70															{padding-top:30px!important;}
.pt80															{padding-top:30px!important;}
.pt90															{padding-top:30px!important;}

.pb0															{padding-bottom:0px!important;}
.pb10															{padding-bottom:10px!important;}
.pb20															{padding-bottom:20px!important;}
.pb30															{padding-bottom:30px!important;}
.pb40															{padding-bottom:30px!important;}
.pb50															{padding-bottom:30px!important;}
.pb60															{padding-bottom:30px!important;}
.pb70															{padding-bottom:30px!important;}

.p10															{padding:10px!important;}
.p20															{padding:10px!important;}
.p30															{padding:10px!important;}
.p40															{padding:10px!important;}
.p50															{padding:10px!important;}
.p60															{padding:10px!important;}
.p70															{padding:10px!important;}

/*size*/

.s30															{font-size:30px;}
.s32															{font-size:30px;}
.s34															{font-size:30px;}
.s36															{font-size:30px;}
.s38															{font-size:30px;}
.s40															{font-size:30px;}

.l46															{line-height:46px;}
.l48															{line-height:46px;}
.l50															{line-height:46px;}
.l52															{line-height:46px;}
.l54															{line-height:46px;}
.l56															{line-height:46px;}
.l58															{line-height:46px;}


.resptable table {
  display: block;
	  border-bottom: 1px solid #eeeeee;
}
.resptable table thead {
  display: none;
}
.resptable table tbody,.resptable table tr,.resptable table th,.resptable table td {
  display: block;
  width: 100%;
}
.resptable table tr {
  border-bottom: 0px none;
  margin-bottom: 5px;
}
.resptable table th {
  padding: 10px 10px 5px;
  font-weight: bold;
  font-size: 16px;
	text-align:left;
}
.resptable table td {
  position: relative;
  padding: 10px 10px 10px calc(50% + 10px);
  border-top: 1px solid #eeeeee;
  background-color: #fff;
}
.resptable table td:before {
  content: attr(aria-label);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  padding: 10px;


}




}