*, *:before, *:after 							{-webkit-box-sizing: border-box; box-sizing: border-box;}
.parallax-window									{min-height: 300px;background: transparent;}
.parallax-slider									{top:0;left:0;}

.mtsp															{}

.relative													{position:relative;}
.pcrelative												{position:relative;}/*pc only*/
.sptac														{}
.inline														{display:inline!important;}

.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											{}

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

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

/* ----- flexbox ----- */
.flexbox													{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%;}
.twobox_left											{width:48%; margin:1%;}
.twobox70													{width:68%;}
.twobox60													{width:56%;}
.twobox40													{width:40%;}
.twobox30													{width:30%;}
.twobox50													{width:50%;}
.threebox													{width:31%; }
.threebox2												{width:33%; }

.threebox_left										{width:30.3%; margin:1.5%; }
.fourbox													{width:23%; }
.fourbox_left											{width:23%; margin:1%;}

/* ----- bt ----- */

.commonbt10												{padding:10px 10px 10px 10px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.commonbt15												{padding:15px 15px 15px 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.commonbt20												{padding:20px 20px 20px 20px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.commonbt25												{padding:25px 25px 25px 25px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
.commonbt30												{padding:30px 30px 30x 30px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}

.commonbt													{display:block; margin-bottom:5px; text-align:center; background-color:#4eb2b2; color:#ffffff; -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; }
.commonbt:hover										{text-decoration:none; margin-bottom:5px; background-color:#72d5d5; color:#ffffff; -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;}
.commonbt2												{display:block; margin-bottom:5px; text-align:center; background-color:#ac0000; color:#ffffff; -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; }
.commonbt2:hover									{text-decoration:none; margin-bottom:5px; background-color:#e00000; color:#ffffff; -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;}
.commonbt3												{display:block; margin-bottom:5px; text-align:center; background-color:#66a232; color:#ffffff; -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; }
.commonbt3:hover									{text-decoration:none; margin-bottom:5px; background-color:#84bc53; color:#ffffff; -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;}

/* ----- en ----- */
.enbox														{position:relative; background-color:#ffffff; -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;}
.enborder3												{border:3px solid #478384; margin-bottom:20px;}
.enborder5												{border:5px solid #478384; margin-bottom:20px;}
.enbox240													{width:240px; height:240px; display: flex; flex-direction: column;justify-content: center;}
.enbox280													{width:280px; height:280px; display: flex; flex-direction: column;justify-content: center;}
.enbox320													{width:320px; height:320px; display: flex; flex-direction: column;justify-content: center;}
.enbox240 h5											{display:block; text-align:center; margin:0px; padding:10px 0px 10px 0px; font-size:22px; font-weight:600; line-height:28px;color:#478384;}
.enbox280 h5											{display:block; text-align:center; margin:0px; padding:10px 0px 10px 0px; font-size:22px; font-weight:600; line-height:28px;color:#478384;}
.enbox320 h5											{display:block; text-align:center; margin:0px; padding:10px 0px 10px 0px; font-size:26px; font-weight:600; line-height:28px;color:#478384;}
.enbox_tx													{text-align:center; color:#111111; padding:5px 0px 0px 0px; font-size:16px; line-height:26px;}
.enbox a													{display:block;}
.enbox a:hover										{display:block; text-decoration:none;}

.en100														{border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
.en150														{border-radius: 150px; -webkit-border-radius: 150px; -moz-border-radius: 150px;}
.en200														{border-radius: 200px; -webkit-border-radius: 200px; -moz-border-radius: 200px;}
.en240														{border-radius: 240px; -webkit-border-radius: 240px; -moz-border-radius: 240px;}
.en250														{border-radius: 250px; -webkit-border-radius: 250px; -moz-border-radius: 250px;}


/* ----- bg ----- */
.bg1															{background-color:#ffffff;}
.bg2															{background-color:#f2f9f9;}
.bg3															{background-color:#def4f4;}
.bg4															{background-color:#eef4e5;}
.white														{color:#ffffff!important;}
.blue															{color:#217fff!important;}
.red															{color:#ac0000!important;}
.green1														{color:#478384!important;}
.green2														{color:#4eb2b2!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;}

/* ----- cbox ----- */
.contents_box_in									{padding:30px;}
.contents_box											{margin:0px auto;}
.contents_box_g										{margin:0px auto; border:10px solid #f3f3f3;}
.contents_box_gr										{margin:0px auto; border:10px solid #e8f6f6;}

/* ----- 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;}

/* ----- 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:10px 15px 10px 15px; margin:0px 0px 7px 0px;}
.dltable dd												{display:block; padding:10px 15px 10px 15px; margin:0px 0px 7px 0px;}/*widthは別指定*/

/*dl table design*/
.twodl dt													{width:25%; background-color:#e4f6f6; border:1px solid #e5e5e5;}
.twodl dd													{width:75%;  background-color:#ffffff;border:1px solid #e5e5e5;}
.twodl2 dt												{width:40%;  background-color:#e4f6f6; border:1px solid #e5e5e5;}
.twodl2 dd												{width:60%;  background-color:#ffffff;border:1px solid #e5e5e5;}
.threedl dt												{width:20%;  background-color:#ffffff; background-color:#f5f5f5; border:1px solid #e5e5e5;}
.threedl .dd1											{width:20%;  background-color:#ffffff;border:1px solid #e5e5e5;}
.threedl .dd2											{width:60%;  background-color:#ffffff;border:1px solid #e5e5e5;}

/*table*/
.swipetable												{}

.listtable												{ border-top:1px solid #dddddd;}
.listtable td											{font-size:16px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd;}

/* ----- list ----- */
.listol														{padding:0px; margin:10px 0px 10px 0px; list-style-position: inside; color:#222222;}
.listol li												{padding:10px 20px 10px 20px; margin-bottom:5px; background-color:#e4f6f6;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.listul														{padding:0px; margin:10px 0px 10px 0px; list-style-position: inside; color:#222222;}
.listul li												{padding:10px 20px 10px 20px; margin-bottom:5px; background-color:#e4f6f6;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.linkul														{padding:0px; margin:10px 0px 10px 0px; 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:#e4f6f6; 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:#e4f6f6; 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;}


/* ----- box ----- */
.whitebox													{background-color:#ffffff;}
.whitebox2												{background-color:#ffffff; padding:20px;}
.whitebox3												{background-color:#ffffff; padding:30px;}
.whitebox4												{background-color:#ffffff; padding:40px;}
.greenbox													{background-color:#e8f6f6; padding:30px;}

/* ----- 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:#f08300; color:#ffffff; font-size:18px; border:0px none;}
.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;}
.msg_orange												{border:3px solid #ff7200; font-size:17px; line-height:30px; background-color:#fffbec; padding:8px 8px 8px 8px; margin:10px; color:#ff7200;}
/* ----- SP maxwidth ----- */
.sp150														{}
.sp200														{}
.sp250														{}
.sp300														{}
.sp100														{}/*100%*/

/* ----- 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;}
.w850															{width:850px!important;}
.w900															{width:900px!important;}
.w950															{width:950px!important;}

/* ----- margin padding ----- */
.m0																{margin:0px;}
.m10																{margin:10px;}
.m20																{margin:20px;}

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

.mb0															{margin-bottom:0px!important;}
.mb10															{margin-bottom:10px!important;}
.mb20															{margin-bottom:20px!important;}
.mb30															{margin-bottom:30px!important;}
.mb40															{margin-bottom:40px!important;}
.mb50															{margin-bottom:50px!important;}
.mb60															{margin-bottom:60px!important;}
.mb70															{margin-bottom:70px!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;}

.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:20px!important;}
.p30															{padding:30px!important;}
.p40															{padding:40px!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;}





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

.relative													{position:relative;}
.pcrelative												{position:static;}/*pc only*/
.sptac														{text-align:center;}


/* ----- center ----- */
.topcenter												{ display: block;}

.commonbt20												{padding:15px 15px 15px 15px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
.commonbt25												{padding:15px 15px 15px 15px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
.commonbt30												{padding:15px 15px 15px 15px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}

/* ----- flexbox ----- */
.flexbox													{display:block;}
.flexbox_rev											{display:block;}
.flexbox_left											{display:block;}
.flexbox_center											{display:block;}
.twobox														{width:100%;}
.twobox_left														{width:100%;}
.twobox70														{width:100%;}
.twobox60														{width:100%;}
.twobox40														{width:100%;}
.twobox50														{width:100%;}
.twobox30														{width:100%;}
.threebox													{width:100%; }
.threebox2													{width:100%; }
.threebox_left										{width:100%;  margin:0px 0px 15px 0px; }
.fourbox													{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は別指定*/
/*dl table design*/
.twodl dt													{width:100%;  background-color:#e4f6f6; border:0px none; border-top:1px solid #dddddd;}
.twodl dd													{width:100%;  background-color:#ffffff;border:0px none;}
.twodl2 dt												{width:100%;  background-color:#e4f6f6; border:0px none; border-top:1px solid #dddddd;}
.twodl2 dd												{width:100%;  background-color:#ffffff;border:0px none;}
.threedl dt												{width:100%;  background-color:#ffffff; background-color:#e4f6f6; border:0px none; border-top:1px solid #dddddd;}
.threedl .dd1											{width:100%;  background-color:#ffffff;border:0px none;}
.threedl .dd2											{width:100%;  background-color:#ffffff;border:0px none;}

.listtable												{width:100%!important; border-top:1px solid #dddddd;}
.listtable td											{min-width:80px;font-size:14px; line-height:26px; padding:8px; border-bottom:1px solid #dddddd;}
.listtable td	input								{width:100%!important; max-width:80%!important;}
.listtable td	textarea						{width:80%!important;}

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

/* ----- cbox ----- */
.contents_box_in									{padding:10px;}
.contents_box											{width:100%; margin:0px auto;}
.contents_box_g										{width:100%; margin:0px auto; border:5px solid #eeeeee;}
.contents_box_gr									{width:100%; margin:0px auto; border:5px solid #e8f6f6;}
/* ----- SP maxwidth ----- */
.sp150														{width:100%; height:auto; max-width:150px; margin:0px auto;}
.sp200														{width:100%; height:auto; max-width:200px; margin:0px auto;}
.sp250														{width:100%; height:auto; max-width:250px; margin:0px auto;}
.sp300														{width:100%; height:auto; max-width:300px; margin:0px auto;}
.sp100														{width:100%; height:auto; }

/* ----- en ----- */
.enbox														{ margin:0px auto;margin-bottom:20px;}
.enborder3												{border:3px solid #478384;}
.enbox240													{width:220px; height:220px; }
.enbox280													{width:260px; height:260px; }
.enbox320													{width:300px; height:300px;}
.enbox240 h5											{display:block; text-align:center; margin:0px; padding:10px 0px 10px 0px; font-size:22px; font-weight:600; line-height:24px;color:#478384;}
.enbox320 h5											{display:block; text-align:center; margin:0px; padding:10px 0px 10px 0px; font-size:20px; font-weight:600; line-height:24px;color:#478384;}
.enbox_tx													{text-align:center; color:#111111; padding:5px 0px 0px 0px; font-size:16px; line-height:26px;}


/* ----- box ----- */
.whitebox													{background-color:#ffffff;}
.whitebox2												{background-color:#ffffff; padding:10px;}
.whitebox3												{background-color:#ffffff; padding:10px;}
.whitebox4												{background-color:#ffffff; padding:10px;}
.greenbox													{background-color:#e8f6f6; padding: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;;}
.w850															{width:100%!important;;}
.w900															{width:100%!important;;}
.w950															{width:100%!important;;}

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

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

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

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

.mtsp															{margin-top:40px!important; padding-top:30px!important;}/*unker link*/






}