@charset "UTF-8";
/*------- reset  --------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/*------- common ---------*/
body { font: 13px "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS Pゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; }

/*------- margin padding ------------*/
.pt0, .pa0 { padding-top: 0px !important; }

.pr0, .pa0 { padding-right: 0px !important; }

.pb0, .pa0 { padding-bottom: 0px !important; }

.pl0, .pa0 { padding-left: 0px !important; }

.mt0, .ma0 { margin-top: 0px !important; }

.mr0, .ma0 { margin-right: 0px !important; }

.mb0, .ma0 { margin-bottom: 0px !important; }

.ml0, .ma0 { margin-left: 0px !important; }

.pt1, .pa1 { padding-top: 1px !important; }

.pr1, .pa1 { padding-right: 1px !important; }

.pb1, .pa1 { padding-bottom: 1px !important; }

.pl1, .pa1 { padding-left: 1px !important; }

.mt1, .ma1 { margin-top: 1px !important; }

.mr1, .ma1 { margin-right: 1px !important; }

.mb1, .ma1 { margin-bottom: 1px !important; }

.ml1, .ma1 { margin-left: 1px !important; }

.pt2, .pa2 { padding-top: 2px !important; }

.pr2, .pa2 { padding-right: 2px !important; }

.pb2, .pa2 { padding-bottom: 2px !important; }

.pl2, .pa2 { padding-left: 2px !important; }

.mt2, .ma2 { margin-top: 2px !important; }

.mr2, .ma2 { margin-right: 2px !important; }

.mb2, .ma2 { margin-bottom: 2px !important; }

.ml2, .ma2 { margin-left: 2px !important; }

.pt3, .pa3 { padding-top: 3px !important; }

.pr3, .pa3 { padding-right: 3px !important; }

.pb3, .pa3 { padding-bottom: 3px !important; }

.pl3, .pa3 { padding-left: 3px !important; }

.mt3, .ma3 { margin-top: 3px !important; }

.mr3, .ma3 { margin-right: 3px !important; }

.mb3, .ma3 { margin-bottom: 3px !important; }

.ml3, .ma3 { margin-left: 3px !important; }

.pt4, .pa4 { padding-top: 4px !important; }

.pr4, .pa4 { padding-right: 4px !important; }

.pb4, .pa4 { padding-bottom: 4px !important; }

.pl4, .pa4 { padding-left: 4px !important; }

.mt4, .ma4 { margin-top: 4px !important; }

.mr4, .ma4 { margin-right: 4px !important; }

.mb4, .ma4 { margin-bottom: 4px !important; }

.ml4, .ma4 { margin-left: 4px !important; }

.pt5, .pa5 { padding-top: 5px !important; }

.pr5, .pa5 { padding-right: 5px !important; }

.pb5, .pa5 { padding-bottom: 5px !important; }

.pl5, .pa5 { padding-left: 5px !important; }

.mt5, .ma5 { margin-top: 5px !important; }

.mr5, .ma5 { margin-right: 5px !important; }

.mb5, .ma5 { margin-bottom: 5px !important; }

.ml5, .ma5 { margin-left: 5px !important; }

.pt6, .pa6 { padding-top: 6px !important; }

.pr6, .pa6 { padding-right: 6px !important; }

.pb6, .pa6 { padding-bottom: 6px !important; }

.pl6, .pa6 { padding-left: 6px !important; }

.mt6, .ma6 { margin-top: 6px !important; }

.mr6, .ma6 { margin-right: 6px !important; }

.mb6, .ma6 { margin-bottom: 6px !important; }

.ml6, .ma6 { margin-left: 6px !important; }

.pt7, .pa7 { padding-top: 7px !important; }

.pr7, .pa7 { padding-right: 7px !important; }

.pb7, .pa7 { padding-bottom: 7px !important; }

.pl7, .pa7 { padding-left: 7px !important; }

.mt7, .ma7 { margin-top: 7px !important; }

.mr7, .ma7 { margin-right: 7px !important; }

.mb7, .ma7 { margin-bottom: 7px !important; }

.ml7, .ma7 { margin-left: 7px !important; }

.pt8, .pa8 { padding-top: 8px !important; }

.pr8, .pa8 { padding-right: 8px !important; }

.pb8, .pa8 { padding-bottom: 8px !important; }

.pl8, .pa8 { padding-left: 8px !important; }

.mt8, .ma8 { margin-top: 8px !important; }

.mr8, .ma8 { margin-right: 8px !important; }

.mb8, .ma8 { margin-bottom: 8px !important; }

.ml8, .ma8 { margin-left: 8px !important; }

.pt9, .pa9 { padding-top: 9px !important; }

.pr9, .pa9 { padding-right: 9px !important; }

.pb9, .pa9 { padding-bottom: 9px !important; }

.pl9, .pa9 { padding-left: 9px !important; }

.mt9, .ma9 { margin-top: 9px !important; }

.mr9, .ma9 { margin-right: 9px !important; }

.mb9, .ma9 { margin-bottom: 9px !important; }

.ml9, .ma9 { margin-left: 9px !important; }

.pt10, .pa10 { padding-top: 10px !important; }

.pr10, .pa10 { padding-right: 10px !important; }

.pb10, .pa10 { padding-bottom: 10px !important; }

.pl10, .pa10 { padding-left: 10px !important; }

.mt10, .ma10 { margin-top: 10px !important; }

.mr10, .ma10 { margin-right: 10px !important; }

.mb10, .ma10 { margin-bottom: 10px !important; }

.ml10, .ma10 { margin-left: 10px !important; }

.pt15, .pa15 { padding-top: 15px !important; }

.pr15, .pa15 { padding-right: 15px !important; }

.pb15, .pa15 { padding-bottom: 15px !important; }

.pl15, .pa15 { padding-left: 15px !important; }

.mt15, .ma15 { margin-top: 15px !important; }

.mr15, .ma15 { margin-right: 15px !important; }

.mb15, .ma15 { margin-bottom: 15px !important; }

.ml15, .ma15 { margin-left: 15px !important; }

.pt20, .pa20 { padding-top: 20px !important; }

.pr20, .pa20 { padding-right: 20px !important; }

.pb20, .pa20 { padding-bottom: 20px !important; }

.pl20, .pa20 { padding-left: 20px !important; }

.mt20, .ma20 { margin-top: 20px !important; }

.mr20, .ma20 { margin-right: 20px !important; }

.mb20, .ma20 { margin-bottom: 20px !important; }

.ml20, .ma20 { margin-left: 20px !important; }

.pt25, .pa25 { padding-top: 25px !important; }

.pr25, .pa25 { padding-right: 25px !important; }

.pb25, .pa25 { padding-bottom: 25px !important; }

.pl25, .pa25 { padding-left: 25px !important; }

.mt25, .ma25 { margin-top: 25px !important; }

.mr25, .ma25 { margin-right: 25px !important; }

.mb25, .ma25 { margin-bottom: 25px !important; }

.ml25, .ma25 { margin-left: 25px !important; }

.pt30, .pa30 { padding-top: 30px !important; }

.pr30, .pa30 { padding-right: 30px !important; }

.pb30, .pa30 { padding-bottom: 30px !important; }

.pl30, .pa30 { padding-left: 30px !important; }

.mt30, .ma30 { margin-top: 30px !important; }

.mr30, .ma30 { margin-right: 30px !important; }

.mb30, .ma30 { margin-bottom: 30px !important; }

.ml30, .ma30 { margin-left: 30px !important; }

.pt35, .pa35 { padding-top: 35px !important; }

.pr35, .pa35 { padding-right: 35px !important; }

.pb35, .pa35 { padding-bottom: 35px !important; }

.pl35, .pa35 { padding-left: 35px !important; }

.mt35, .ma35 { margin-top: 35px !important; }

.mr35, .ma35 { margin-right: 35px !important; }

.mb35, .ma35 { margin-bottom: 35px !important; }

.ml35, .ma35 { margin-left: 35px !important; }

.pt40, .pa40 { padding-top: 40px !important; }

.pr40, .pa40 { padding-right: 40px !important; }

.pb40, .pa40 { padding-bottom: 40px !important; }

.pl40, .pa40 { padding-left: 40px !important; }

.mt40, .ma40 { margin-top: 40px !important; }

.mr40, .ma40 { margin-right: 40px !important; }

.mb40, .ma40 { margin-bottom: 40px !important; }

.ml40, .ma40 { margin-left: 40px !important; }

.pt45, .pa45 { padding-top: 45px !important; }

.pr45, .pa45 { padding-right: 45px !important; }

.pb45, .pa45 { padding-bottom: 45px !important; }

.pl45, .pa45 { padding-left: 45px !important; }

.mt45, .ma45 { margin-top: 45px !important; }

.mr45, .ma45 { margin-right: 45px !important; }

.mb45, .ma45 { margin-bottom: 45px !important; }

.ml45, .ma45 { margin-left: 45px !important; }

.pt50, .pa50 { padding-top: 50px !important; }

.pr50, .pa50 { padding-right: 50px !important; }

.pb50, .pa50 { padding-bottom: 50px !important; }

.pl50, .pa50 { padding-left: 50px !important; }

.mt50, .ma50 { margin-top: 50px !important; }

.mr50, .ma50 { margin-right: 50px !important; }

.mb50, .ma50 { margin-bottom: 50px !important; }

.ml50, .ma50 { margin-left: 50px !important; }

.pt55, .pa55 { padding-top: 55px !important; }

.pr55, .pa55 { padding-right: 55px !important; }

.pb55, .pa55 { padding-bottom: 55px !important; }

.pl55, .pa55 { padding-left: 55px !important; }

.mt55, .ma55 { margin-top: 55px !important; }

.mr55, .ma55 { margin-right: 55px !important; }

.mb55, .ma55 { margin-bottom: 55px !important; }

.ml55, .ma55 { margin-left: 55px !important; }

.pt60, .pa60 { padding-top: 60px !important; }

.pr60, .pa60 { padding-right: 60px !important; }

.pb60, .pa60 { padding-bottom: 60px !important; }

.pl60, .pa60 { padding-left: 60px !important; }

.mt60, .ma60 { margin-top: 60px !important; }

.mr60, .ma60 { margin-right: 60px !important; }

.mb60, .ma60 { margin-bottom: 60px !important; }

.ml60, .ma60 { margin-left: 60px !important; }

.pt65, .pa65 { padding-top: 65px !important; }

.pr65, .pa65 { padding-right: 65px !important; }

.pb65, .pa65 { padding-bottom: 65px !important; }

.pl65, .pa65 { padding-left: 65px !important; }

.mt65, .ma65 { margin-top: 65px !important; }

.mr65, .ma65 { margin-right: 65px !important; }

.mb65, .ma65 { margin-bottom: 65px !important; }

.ml65, .ma65 { margin-left: 65px !important; }

.pt70, .pa70 { padding-top: 70px !important; }

.pr70, .pa70 { padding-right: 70px !important; }

.pb70, .pa70 { padding-bottom: 70px !important; }

.pl70, .pa70 { padding-left: 70px !important; }

.mt70, .ma70 { margin-top: 70px !important; }

.mr70, .ma70 { margin-right: 70px !important; }

.mb70, .ma70 { margin-bottom: 70px !important; }

.ml70, .ma70 { margin-left: 70px !important; }

.pt75, .pa75 { padding-top: 75px !important; }

.pr75, .pa75 { padding-right: 75px !important; }

.pb75, .pa75 { padding-bottom: 75px !important; }

.pl75, .pa75 { padding-left: 75px !important; }

.mt75, .ma75 { margin-top: 75px !important; }

.mr75, .ma75 { margin-right: 75px !important; }

.mb75, .ma75 { margin-bottom: 75px !important; }

.ml75, .ma75 { margin-left: 75px !important; }

.pt80, .pa80 { padding-top: 80px !important; }

.pr80, .pa80 { padding-right: 80px !important; }

.pb80, .pa80 { padding-bottom: 80px !important; }

.pl80, .pa80 { padding-left: 80px !important; }

.mt80, .ma80 { margin-top: 80px !important; }

.mr80, .ma80 { margin-right: 80px !important; }

.mb80, .ma80 { margin-bottom: 80px !important; }

.ml80, .ma80 { margin-left: 80px !important; }

.pt85, .pa85 { padding-top: 85px !important; }

.pr85, .pa85 { padding-right: 85px !important; }

.pb85, .pa85 { padding-bottom: 85px !important; }

.pl85, .pa85 { padding-left: 85px !important; }

.mt85, .ma85 { margin-top: 85px !important; }

.mr85, .ma85 { margin-right: 85px !important; }

.mb85, .ma85 { margin-bottom: 85px !important; }

.ml85, .ma85 { margin-left: 85px !important; }

.pt90, .pa90 { padding-top: 90px !important; }

.pr90, .pa90 { padding-right: 90px !important; }

.pb90, .pa90 { padding-bottom: 90px !important; }

.pl90, .pa90 { padding-left: 90px !important; }

.mt90, .ma90 { margin-top: 90px !important; }

.mr90, .ma90 { margin-right: 90px !important; }

.mb90, .ma90 { margin-bottom: 90px !important; }

.ml90, .ma90 { margin-left: 90px !important; }

.pt95, .pa95 { padding-top: 95px !important; }

.pr95, .pa95 { padding-right: 95px !important; }

.pb95, .pa95 { padding-bottom: 95px !important; }

.pl95, .pa95 { padding-left: 95px !important; }

.mt95, .ma95 { margin-top: 95px !important; }

.mr95, .ma95 { margin-right: 95px !important; }

.mb95, .ma95 { margin-bottom: 95px !important; }

.ml95, .ma95 { margin-left: 95px !important; }

.pt100, .pa100 { padding-top: 100px !important; }

.pr100, .pa100 { padding-right: 100px !important; }

.pb100, .pa100 { padding-bottom: 100px !important; }

.pl100, .pa100 { padding-left: 100px !important; }

.mt100, .ma100 { margin-top: 100px !important; }

.mr100, .ma100 { margin-right: 100px !important; }

.mb100, .ma100 { margin-bottom: 100px !important; }

.ml100, .ma100 { margin-left: 100px !important; }

/*------- font-size -----------------*/
.f-10 { font-size: 10px !important; }

.f-11 { font-size: 11px !important; }

.f-12 { font-size: 12px !important; }

.f-13 { font-size: 13px !important; }

.f-14 { font-size: 14px !important; }

.f-15 { font-size: 15px !important; }

.f-16 { font-size: 16px !important; }

.f-17 { font-size: 17px !important; }

.f-18 { font-size: 18px !important; }

.f-19 { font-size: 19px !important; }

.f-20 { font-size: 20px !important; }

.f-21 { font-size: 21px !important; }

.f-22 { font-size: 22px !important; }

.f-23 { font-size: 23px !important; }

.f-24 { font-size: 24px !important; }

.f-25 { font-size: 25px !important; }

.f-26 { font-size: 26px !important; }

.f-27 { font-size: 27px !important; }

.f-28 { font-size: 28px !important; }

.f-29 { font-size: 29px !important; }

.f-30 { font-size: 30px !important; }

.f-31 { font-size: 31px !important; }

.f-32 { font-size: 32px !important; }

.f-33 { font-size: 33px !important; }

.f-34 { font-size: 34px !important; }

.f-35 { font-size: 35px !important; }

.f-36 { font-size: 36px !important; }

/*------- width -----------------*/
.w10 { width: 10px !important; }

.w20 { width: 20px !important; }

.w30 { width: 30px !important; }

.w40 { width: 40px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w90 { width: 90px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w140 { width: 140px !important; }

.w150 { width: 150px !important; }

.w160 { width: 160px !important; }

.w170 { width: 170px !important; }

.w180 { width: 180px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w100 { width: 100px !important; }

.w150 { width: 150px !important; }

.w200 { width: 200px !important; }

.w250 { width: 250px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.w450 { width: 450px !important; }

.w500 { width: 500px !important; }

.w550 { width: 550px !important; }

.w600 { width: 600px !important; }

.w650 { width: 650px !important; }

.w700 { width: 700px !important; }

.w750 { width: 750px !important; }

.w800 { width: 800px !important; }

.w850 { width: 850px !important; }

.w900 { width: 900px !important; }

.w950 { width: 950px !important; }

.w1000 { width: 1000px !important; }

.w100p { width: 100%; }

/*------- txt color ----------------*/
.red { color: red; }

.green { color: green; }

.blue { color: blue; }

.orange { color: #f70; }

.black { color: black; }

.gray { color: gray; }

/*------- link color ----------------*/
/*------- bg color ----------------*/
.bg-white { background: white !important; }

.bg-white-pink { background: #fef2f8 !important; }

.bg-white-blue { background: #eef8ff !important; }

.bg-white-yellow { background: #ffffcc !important; }

/*------- txt style ----------------*/
.center { text-align: center !important; }

.left { text-align: left !important; }

.right { text-align: right !important; }

.v-top { vertical-align: top; }

.v-middle { vertical-align: middle; }

.v-bottom { vertical-align: bottom; }

.f-bold, em { font-weight: bold !important; }

.f-normal { font-weight: normal !important; }

/*------- border style ----------------*/
.bo-none { border: none !important; }

.bo-t-none { border-top: none !important; }

.bo-r-none { border-right: none !important; }

.bo-b-none { border-bottom: none !important; }

.bo-l-none { border-left: none !important; }

.bo-all { border: 1px solid #b2b2b2 !important; }

.bo-top { border-top: 1px solid #b2b2b2 !important; }

.bo-right { border-right: 1px solid #b2b2b2 !important; }

.bo-bottom { border-bottom: 1px solid #b2b2b2 !important; }

.bo-left { border-left: 1px solid #b2b2b2 !important; }

/*------- float ----------------*/
.f-left { float: left !important; }

.f-right { float: right !important; }

.f-none { float: none !important; }

.clear { clear: both; }

.clearfix { overflow: hidden; *zoom: 1; }

/*------- position ----------------*/
.pos-relative { position: relative !important; }

.pos-absolute { position: absolute !important; }

.pos-inherit { position: inherit !important; }

/*-------- tit-type ---------------*/
/* color */
/*-------- btn-type ---------------*/

/*-------- btn-section ---------------*/
.btn-section-center{
	padding-top: 15px;
	padding-bottom: 15px;
}
.btn-section-center ul{
	text-align: center;
}
.btn-section-center ul li{
	display: inline-block;
	margin-bottom: 10px !important;
	width: 100%;
}

/*-------- box-border ---------------*/
.box-border { border: 1px solid #b2b2b2; padding: 20px; }

.float-box { overflow: hidden; *zoom: 1; }
.float-box .float-box-left { float: left; }
.float-box .float-box-right { float: right; }

/*-------- list-float ---------------*/
.list-float { overflow: hidden; *zoom: 1; }
.list-float li { float: left; margin-right: 10px; }

/*-------- txt ---------------*/
.link-red{
	color: red !important;
}


body, html { height: 100%; }

/*-------- header ---------*/
.form-header{
	background-image: url(/wp/wp-content/themes/dejima_tp/_img/common/header_bg.jpg);
	background-repeat: repeat-x;
}
.form-header .header-content{
	width: 100%;
	height: 40px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.form-header .header-content .logo img {
	height: 30px;
	width: auto;
	position: absolute;
	left: 0px;
	top: 10px;
	bottom: 0px;
}
/*------- nav -----------*/
/*------- container -----------*/
.form-container{
	margin: 0 auto;
}
/*------- footer -----------*/
/*===================================
	page css
===================================*/
/* inquiry */
.form-inquiry-section{
	text-align: center;
	margin: 0 0 0;
}
.inquiry-step{
	margin: 10px 0;
}

.inquiry-main{
	width: 950px;
	margin: 0 auto;
}
.inquiry-section{
	width:100%;
	height: 48vw;
	background: url(/_lib/mailmag/img/inquiry_section_bg.png);
	text-align: center;
  box-sizing: border-box;
	position: relative;
}
.inquiry-section.tell-section{
	height: 530px;
}
.inquiry-section.tell-section h2{
	padding-top: 30px;
}

.inquiry-section-img{
	position: absolute;
	top:-30px;
	left: 0;
	margin-left: 0;
}


/*===================================
	form css
===================================*/
.form-section {
	margin-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.form-step img {
	vertical-align: bottom;
	width: 100%;
}
.select-company {
	padding: 20px 40px;
}
.form-box {
	border: 1px solid #d5d3ce;
	border-top: none;
}
.label {
	font-size: 11px;
	background: #df2515;
	border-radius: 4px;
	color: white;
	padding: 4px 6px;
	margin-right: 10px;
}
.label-any {
	background: #2e3740;
}

/* form-table */
.form-table{
	/* clearfix */
	overflow: hidden;
	*zoom:1;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.form-table.pt30 {
	padding-top: 0;
}
.form-table dt {
	padding-top: 15px;
	padding-right: 0;
	padding-left: 0;
}

.form-table dd{
	padding: 15px 0;
	border-bottom: 1px dashed #e0deda;
 }
.form-table dt{
	
	padding-top: 24px;
	clear: both;
}
.form-table dt .cap{
	float: right;
	font-size: 11px;
	width: 124px;
}
.form-table dt .txt-float{
	float: right;
	width: 110px;
	padding-right: 14px;
}
.form-table dt.icon{
	background: no-repeat 50px 10px;
	/* clearfix */
	overflow: hidden;
	*zoom:1;
}
.form-table dt.icon .label{
	float: left;
}
.form-table dt.icon.icon-interest{
	background-image: url(/_lib/mailmag/img/icon_interest.png);
}
.form-table dt.icon.icon-advance{
	background-image: url(/_lib/mailmag/img/icon_advance.png);
}
.form-table dt.icon	.txt{
	padding-top: 40px;
	display: inline-block;
}
.form-table dd{
	
}

.form-under-txt{
	background: #2e3740;
	text-align: center;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
	font-weight: bold;
	color: white;
}

/* form parts */
.form-input{
	width: 100%;
	border: 1px solid #d5d3ce;
	font-size: 14px;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-textarea{
	border: 1px solid #d5d3ce;
	font-size: 13px;
	padding: 10px;
	width: 580px;
}

button.form-button,
a.form-button{
	display: block;
	width: 80%;
	height: 40px;
	color: white;
	background: url(/_lib/mailmag/img/form_btn_bg_red.png);
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin-right: auto;
	margin-left: auto;
	font-size: 20px;
}
a.form-button{
	font-size: 16px;
	width: 300px;
	height: 40px;
	text-align: center;
	text-decoration: none !important;
	line-height: 40px;
}
button.form-button.disabled{
	background: url(/_lib/mailmag/img/form_btn_bg_disabled.png);
	cursor: default;
	margin-bottom: 10px;
}


button.form-button,
a.form-button,
input.form-button{
	display: inline-block;
	width: 280px;
	height: 72px;
	color: white;
	font-size: 21px;
	background: url(/_lib/mailmag/img/form_btn_bg_red.png);
	border: none;
	border-radius:4px;
	cursor: pointer;
	
}
a.form-button{
	font-size: 16px;
	width: 300px;
	height: 40px;
	text-align: center;
	text-decoration: none !important;
	line-height: 40px;
}
button.form-button.disabled,
input.form-button.disabled,
button.form-button:disabled,
input.form-button:disabled{
	background: url(/_lib/mailmag/img/form_btn_bg_disabled.png);
	cursor: default;
}

/* form group validate */
.form-group{
	position: relative;
	width: 100%;
	min-height: 40px;
}
.form-group.textarea-h{
	min-height: 200px;
}
.form-group .form-input,
.form-group .form-textarea{
	position: absolute;
	top:0;
	left: 0;
	z-index: 3000;
}
.form-group .form-radio{
	padding: 10px 0;
	display: inline-block;
	font-size: 15px;
	margin-right: 15px;
	vertical-align: middle;
	color: #333;
}
.form-group .form-radio input[type="radio"],
.form-group .form-radio input[type="checkbox"]{
	margin-right: 5px;
}
.form-group .form-textarea{
}

.form-select{
	font-size: 16px;
}

.form-group .formError{
	position: absolute;
	width: 610px;
	top:0;
	left: 0;
	z-index: 1000;
}
.form-group .formError.inline{
	display: inline-block !important;
}
.form-group .formError .formErrorContent{
	background: #fff5f4;
	border: 1px solid #df2616 !important;
	color: #df2616;
	margin: -10px 0 0 -10px;
	padding: 60px 0 10px 10px;
}
.form-group.textarea-h .formError .formErrorContent{
	padding-top: 200px;
	margin-bottom: 10px;
}

/* error */
.box-err{
	border: 1px solid red;
	padding: 10px;
	color: red;
	margin-top: 10px;
}
.error-anchor{
	text-align: right;
}
.error-anchor a{
	color: red !important;
}

/* crosscell */
.crosscell-section{
	background: #ffd9d9;
	padding-bottom: 20px;
}
.crosscell-title{
	background: #ff7878;
	border-bottom:5px solid #ff2c2c;
	color: white;
	font-size: 24px;
	text-align: center;
	padding: 10px 0;
}
.crosscell-copy{
	text-align: center;
	font-size: 18px;
	margin: 15px;
	font-weight: bold;
}
.crosscell-txt{
	text-align: center;
}

.crosscell-contents{
	margin-bottom: 20px;
	/* clearfix */
	overflow: hidden;
	*zoom:1;
}
.crosscell-box{
	width: 90%;
	margin-top: 20px;
	background: white;
	padding: 15px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
}
.crosscell-box label{
	cursor: pointer;
	display: block;
}
.crosscell-box-head{
	display: table;
}
.crosscell-box-head-img{
	display: table-cell;
	width: 100px;
	height: 100px;
}
.crosscell-box-head-img img{
	width: 100px;
	height: auto;
}
.crosscell-box-head-title{
	display: table-cell;
	padding-left: 15px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
}
.crosscell-box-body{
	margin-top: 15px;
	padding-bottom: 30px;
}
.crosscell-box-check{
	text-align: center;
	padding-top: 30px;
	font-size: 16px;
	position: absolute;
	bottom: 15px;
	width: 100%;
}

/*===================================
	mailmag css
===================================*/
.mailmag-header{
	border-bottom: 1px solid #d8d8d8;
}
.mailmag-header .header-content{
	overflow: hidden;
	background: white;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mailmag-header .header-content .logo img {
	height: 40px;
}
.mailmag-headline{
	background: #9c462f;
	width: 100%;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 170%;
}
.mailmag-main-txt{
	font-size: 14px;
	text-align: center;
	padding-top: 30px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 30px;
}
.mailmag-main-txt em{
	font-size: 18px;
}
.brawn{
	color: #9c462f;
}

.mailmag-3point{
	width: 100%;
	background: url(/_lib/mailmag/img/3point_bg.png) 0 5px repeat-x;
	text-align: center;
	margin-bottom: 20px;
}
.mailmag-3point p img {
	width: 94%;
}

.table-list{
	width: 100%;
}
.table-list td{
	width: 100%;
	display: block;
}
.table-list td label{
	display: inline-block;
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
}

.address-check{
	background: #f8f5f1;
	/* [disabled]height: 50px; */
	/* clearfix */
	overflow: hidden;
	* zoom:1;
}
dt.address-check{
	padding-left: 10px;
}
dd > .address-check{
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.address-check .present-book{
	float: right;
	margin-right: 300px;
	margin-top: -5px;
	display: none;
}

.address-japan{
	background: white;
	padding: 10px;
}
.address-japan ul{
}
.address-japan ul li{
	margin-bottom: 10px;
}
.address-other{
	display: none;
}
.address-other p{
	padding-top: 15px;
	padding-bottom: 10px;
}

.info-check{
	background: #f8f5f1;
	/* clearfix */
	overflow: hidden;
	*zoom:1;
}
dt.info-check{
	padding-bottom: 21px;
}
dd.info-check{
	padding-bottom: 0;
}
dd.info-check label:first-child{
	margin-left: 10px;
}
.info-check .info-img{
	float: right;
	margin-top: -12px;
}
.mailmag-info-txt{
	background: #2e3740;
	text-align: center;
	padding-top: 7px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 7px;
	font-weight: bold;
	color: white;
}

.info-block{
	display: none;
}

/*  flags  */
.flag{
	background: 95% center no-repeat;
	background-size: auto 20px;
}
.flag-china{
	background-image: url(/_img/flags/china.jpg);
}
.flag-hongkong{	background-image: url(/_img/flags/hong-kong.jpg);}
.flag-singapore{	background-image: url(/_img/flags/singapore.jpg);}
.flag-taiwan{	background-image: url(/_img/flags/taiwan.jpg);}
.flag-indonesia{	background-image: url(/_img/flags/indonesia.jpg);}
.flag-korea{	background-image: url(/_img/flags/south_korea.jpg);}
.flag-vietnam{	background-image: url(/_img/flags/vietnam.jpg);}
.flag-thai{	background-image: url(/_img/flags/thailand.jpg);}
.flag-philippines{	background-image: url(/_img/flags/philippines.jpg);}
.flag-malaysia{	background-image: url(/_img/flags/malaysia.jpg);}
.flag-india{	background-image: url(/_img/flags/india.jpg);}
.flag-myanmar{	background-image: url(/_img/flags/myanmar.jpg);}
.flag-bangladesh{	background-image: url(/_img/flags/bangladesh.jpg);}
.flag-cambodia{	background-image: url(/_img/flags/cambodia.jpg);}
.flag-mongolia{	background-image: url(/_img/flags/mongolia.jpg);}
.flag-asia{	background-image: url(/_img/flags/other_asia.jpg);}
.flag-england{	background-image: url(/_img/flags/united-kingdom.jpg);}
.flag-germany{	background-image: url(/_img/flags/germany.jpg);}
.flag-turkey{	background-image: url(/_img/flags/turkey.jpg);}
.flag-europe{	background-image: url(/_img/flags/europe.jpg);}
.flag-mideast{	background-image: url(/_img/flags/middle_east.jpg);}
.flag-america{	background-image: url(/_img/flags/united_states.jpg);}
.flag-brazil{	background-image: url(/_img/flags/brazil.jpg);}
.flag-latin_america{	background-image: url(/_img/flags/central-and-south-america.jpg);}
.flag-oceania{	background-image: url(/_img/flags/oceania.jpg);}
.flag-africa{	background-image: url(/_img/flags/africa.jpg);}
.flag-russia{	background-image: url(/_img/flags/russia.jpg);}
.flag-english{	background-image: url(/_img/flags/other_english.jpg);}

.form-inquiry-section.is-note-msg h1 img {
	width: 100%;
  vertical-align: bottom;
/*	margin-bottom: 10px;*/
}
.form-inquiry-section.is-note-msg h2 img {
	width: 100%;
}
.form-inquiry-section.is-note-msg .inquiry-step img {
	width: 100%;
}
.form-inquiry-section.is-note-msg p img {
	width: 100%;
}
.wifi-border{
	border: 1px solid #f1e9d4;
	margin-bottom: 10px;
    }
.wifi-wrap{
	margin: 10px 0;
    }
.wifi-naiyou{
    padding:10px;
    margin:0;
    background-color:#fbf7ee;
	overflow: hidden;
    }
.wifi-img{
	width: 70px;
	float: left;
	margin-right: 10px;
	display: block;
    }
	.wifi-img img {
    width:100%;

    }
.wifi-p{
    overflow: hidden;
    }
.wifi-title{
    font-weight:bold;
    padding:10px;
    margin:0;
    background-color:#f1e9d4;
    }
.wifi-title input{
    margin-right:10px;
    }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*------------ crosscell second -------------*/
.crosscell-section-second{
	
}
.crosscell-title-second{
	text-align: center;
	font-size: 36px;
	font-weight: bold;
}
.crosscell-copy-second{
	
}
.crosscell-txt-second{
	
}
.crosscell-contents{
	margin-top: 20px;
}
.crosscell-wrap{
	/* clearfix */
	overflow: hidden;
	*zoom:1;
}

.crosscell-box-second{
	width: 90%;
	margin: 0 auto 40px;
	background: white;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.crosscell-box-second.act-check{
	background: #fefff3;
	border-color: orange;
}
.crosscell-box-second .crosscell-img{
	width: 100%;
	height: 200px;
	background: center center no-repeat;
	background-size: cover;
}
.crosscell-box-second .crosscell-attention{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	padding: 5px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: red;
}
.crosscell-box-second .crosscell-box-title{
	margin-bottom: 5px;
	padding: 10px 10px 0;
}
.crosscell-box-second .crosscell-box-title .mwform-checkbox-field label{
	font-size: 14px;
	font-weight: bold;
}



.crosscell-box-second .crosscell-naiyou{
	padding:0 10px 10px;
}