/* DEFAULT */
header.jw.layout,footer.jw.layout{display:block;}
footer.jw.layout > img{margin:0 auto;}
.monitor {position: relative;padding-bottom: 40%;padding-top: 25px;height: 0;}
.monitor iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

img.jw.sec-content{display:block;margin:0 auto;}
.align-left{text-align:left;}
.align-center{text-align:center;}

.pc_view{display:block;}
.mo_view{display:none!important;}

.jw.wrapper{padding:0 10px;}

/* JWEB FRM MODIFY */
.down-counter{position:relative;}
.down-counter ul{position:absolute;width:26%;top:41%;z-index:2;}
.down-counter ul:after{display:table;content:"";clear:both;}
.down-counter ul li{width:25%;float:left;margin-right:2%;}
.down-counter ul li img{display:block;max-width:100%;}
.down-counter .time-hour{left:14%;}
.down-counter .time-minute{left:43%;}
.down-counter .time-second{left:71%;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm select,
.jw.frm textarea{border:1px solid #f0f0f0;background:#FFF;}

.jw.frm input[type=radio],
.jw.frm input[type=checkbox]{background:#FFF;background-image:none;border:2px solid #f0f0f0;-webkit-appearance:none;appearance:none;width:1em;height:1em;-webkit-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);-o-transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: .3s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.jw.frm input[type=radio]{border-radius:1em;}
.jw.frm input[type=radio]:after,
.jw.frm input[type=checkbox]:after{display:block;width:100%;content:"";text-align:center;font-family:Arial;font-size:0.8em;line-height:1em;color:#FFFFFF;vertical-align:middle;margin:0 auto 0;}
.jw.frm input[type=radio]:checked,
.jw.frm input[type=checkbox]:checked{background-color:#1d86ff;}
.jw.frm input[type=radio]:checked:after,
.jw.frm input[type=checkbox]:checked:after{content:"✔︎";}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm textarea{padding:0px 8px;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm input[type=submit],
.jw.frm input[type=button],
.jw.frm input[type=checkbox],
.jw.frm input[type=radio],
.jw.frm button,
.jw.frm select,
.jw.frm textarea, 
.jw.frm label,
.jw.frm a{font-size:1.2em;}

.jw.frm input[type=text],
.jw.frm input[type=password],
.jw.frm input[type=email],
.jw.frm input[type=tel],
.jw.frm input[type=url],
.jw.frm input[type=submit],
.jw.frm input[type=button],
.jw.frm input[type=checkbox],
.jw.frm input[type=radio],
.jw.frm select,
.jw.frm label,
.jw.frm span,
.jw.frm a{vertical-align:middle;}

.jw.frm.row.field{line-height:35px;}
.jw.frm.f-inventory{line-height:35px;text-align:center;}
.jw.frm.f-inventory *{line-height:46px;vertical-align:middle;}
.jw.frm.f-container{line-height:35px;width:100%;}
.jw.frm.f-container > img{width:100%;}
.jw.frm.contents *{line-height:46px;vertical-align:middle;}
.jw.frm.row.field label,
.jw.frm.row.field span,
.jw.frm.row.field a,
.jw.frm.row.field p,
.jw.frm.contents label,
.jw.frm.contents span,
.jw.frm.contents a,
.jw.frm.contents p{color:#000;}
.jw.frm.contents .nowrap:not(:last-child){margin-right:1.5em;}
.jw.frm.buttons{text-align:center;}

.jw.frm.row.field .f-container label{color:#000;}

.jw.frm.privacy input[type=checkbox],
.jw.frm.privacy span,
.jw.frm.privacy a,
.jw.frm.privacy label{font-size:1em;}

/* PAGE */
.jw.sec1{position:relative;margin:2% 0;padding:5% 2%;border:1px solid #c0c0c0;background-color:#f8f8f8;}
.jw.sec1 form{width:100%;height:100%;}
.jw.sec1 .add-field-box{padding-left:20%;}
/*.jw.sec1 .add-field-box .jw.frm.f-inventory{left:10px;}*/
.jw.sec1 form .form-check-box .f-inventory,
.jw.sec1 form .form-check-box .f-container{position:relative;top:0;left:0;display:block;width:100%;text-align:left;}
.jw.sec1 form .form-check-box .f-container label{min-width:90px;margin-right:0.6rem;font-size:inherit;}
.jw.sec1 form .form-input-box{}
.jw.sec1 form .form-input-box textarea{line-height:1.4em;padding:0.6em;}
.jw.sec1 form .jw.frm.buttons{margin:0;}
.jw.sec1 .form-footer-box{position:relative;padding:1% 5%;font-size:0.8em;}
.jw.sec1 .form-footer-box .jw.frm.row.field.contents{line-height:80% !important;}
.jw.sec1 .tel-form{display:inline-block;width:100%;}
.jw.sec1 .tel-form select,
.jw.sec1 .tel-form input{width:100%;}
.jw.sec1 .tel-form .f-container > div{width:32.333333%;float:left;margin:0 0 0 1.5%;vertical-align:top;}
.jw.sec1 .tel-form .f-container > div:first-child{margin:0;}
/*.jw.sec1 .tel-form select{width:32.333333%;float:left;margin:0;}*/
/*.jw.sec1 .tel-form input[type=tel]{width:32.333333%;float:left;margin:0 0 0 1.5%;}*/
.jw.sec1 .add-field-box img{padding:2% 2% 4% 2%;background:#fff;}
.jw.sec1 .required{position:relative;display:inline-block;width:100%;}
.jw.sec1 .required::after{content:'*';position:absolute;top:0.4rem;right:0.2rem;z-index:10;color:#f00;font-size:0.8rem;line-height:0.8rem;}
.jw.sec2{text-align:center;}
.jw.sec2.margin-top{margin-top:3%;}
.jw.sec2.margin-bottom{margin-bottom:3%;}
.jw.sec2.full-width img{width:100%;}
.jw.sec2 > a{display:inline-block;width:100%;}
.jw.sec2 > p{display:inline-block;width:100%;margin:0.75em 0;text-align:left;font-size:20px;line-height:1.65em;word-break:break-word;}
.jw.sec2 > p > strong{}
.jw.sec3{margin:2% 0;}
.jw.sec3 iframe{width:100%;height:370px;}
.jw.sec4{margin-top:2%;}

.jw.sec5{margin:2% 0;border:1px solid #cecece;text-align:center;background-image:url(../image/section-image-16-bg.png);background-size:100% 100%;padding-bottom:3%;}
.jw.sec5 .table-container{display:inline-block;width:95%;margin:0 auto;border:1px solid #c8c8c6;border-radius:16px;background-color:#fff;}
.jw.sec5 .table-container .table-head,
.jw.sec5 .table-container .table-body{display:inline-block;width:100%;float:left;}
.jw.sec5 .table-container .table-head{/*border-top:1px solid #999;border-bottom:1px solid #999;*/background-color:#7b8206;color:#fff;}
.jw.sec5 .table-container .table-head .table-cols-name,
.jw.sec5 .table-container .table-head .table-cols-text{display:inline-block;padding:1% 0;}
.jw.sec5 .table-container .table-body{height:11.4em;/*height:7.2em;*/overflow:hidden;}
.jw.sec5 .table-container .table-scroll{position:relative;display:inline-block;width:100%;}
.jw.sec5 .table-container .table-rows{display:inline-block;width:100%;float:left;line-height:1.8em;}
.jw.sec5 .table-container .table-cols-name,
.jw.sec5 .table-container .table-cols-content,
.jw.sec5 .table-container .table-cols-date{display:inline-block;float:left;text-align:center;padding:0.28em 0;/*border-bottom:2px solid #d0d1d3;*/}
.jw.sec5 .table-container .table-cols-name{width:20%;}
.jw.sec5 .table-container .table-cols-content{width:80%;font-weight:700;padding-left:2%;text-align:left;}
.jw.sec5 .table-container .table-cols-date{width:20%;}

.jw.frm.buttons input[type=image]{max-width:100%;}
.jw.frm.row.field.privacy{position:relative;width:100%;margin-top:2%;text-align:left;}
.jw.frm.row.field.privacy .privacy-link{padding:4px 6px;}
.jw.frm.row.field.privacy .privacy-detail{display:none;width:100%;height:300px;margin-bottom:2%;padding:1%;text-align:left;border:1px solid #222;border-radius:4px;background-color:#FFF;overflow-y:scroll;}
.jw.frm.row.field.privacy .privacy-detail p{line-height:1.4em;white-space:pre-line;}
.jw.frm.row.field.privacy .privacy-detail .privacy-close-link{position:absolute;top:-10px;right:4px;color:#fff !important;}

/*.add-field-box:not(:last-child){margin-bottom:4%;}*/
/*.add-field-box input,.add-field-box select{border:0 hidden transparent !important;}*/

.frm-both:after{display:table;content:"";clear:both;}
.frm-both .in-left{float:left;width:49%;}
.frm-both .in-right{float:right;width:49%;}

/* DEVICES MEDIA */
@media only screen and (max-width:768px) {
	.jw.sec2 > p{margin:0.88em 0;font-size:17px;line-height:1.47em;}
}
@media only screen and (max-width:640px) {
	.pc_view{display:none!important;}
	.mo_view{display:block!important;}
	.jw.wrapper.wr_680{padding:0 0.4rem;}

	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:1.125em;}
	
	.jw.frm.row.field{line-height:40px;}
	.jw.frm.f-inventory{line-height:40px;text-align:center;}
	.jw.frm.f-inventory *{line-height:50px;vertical-align:middle;}
	.jw.frm.f-container{line-height:40px;}
	.jw.frm.contents *{line-height:inherit;}

	.down-counter ul{top:38.5%;}
}
@media only screen and (max-width:524px) {
	.jw.sec1 form .jw.frm.buttons{bottom:51%;}

	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea,
	.jw.frm label,
	.jw.frm a{font-size:.95em;}

	.privacy-detail{top:55%;}

	.jw.sec5 .table-container{font-size:0.8em;}
}
@media only screen and (max-width:480px) {
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:.925em;}

	.jw.sec3 iframe{height:230px;}
	
	/*.jw.frm.privacy input[type=checkbox],*/
	/*.jw.frm.privacy span,*/
	/*.jw.frm.privacy a,*/
	/*.jw.frm.privacy label{font-size:.95em;}*/
	
	.jw.frm.f-inventory{line-height:25px;}

	/*.jw.frm .form-input-box .jw.frm.f-inventory{font-size:1.2em;}*/
	.jw.frm.f-container.contents ul li span{font-size:1.1em;}
	.privacy-detail .privacy-close-link{top:4%;}

	.jw.sec5 .table-container{font-size:0.8em;}
}
@media only screen and (max-width:414px) {
	.jw.frm.contents .nowrap:not(:last-child){margin-right:0.5em;}
	
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:0.75em;}

	.jw.frm.privacy input[type=checkbox],
	.jw.frm.privacy span,
	.jw.frm.privacy a,
	.jw.frm.privacy label{font-size:.95em;}
	
	.jw.frm.row.field{line-height:20px;}
	.jw.frm.f-inventory{line-height:20px;text-align:center;}
	.jw.frm.f-container{line-height:20px;}
	
	/*.privacy-detail{top:45%;}*/

	.jw.sec1 form .jw.frm.buttons{bottom:47%;}
	.jw.sec1 .jw.frm label.jw.frm.f-inventory,
	.jw.sec1 .jw.frm input[type=text],
	.jw.sec1 .jw.frm input[type=tel],
	.jw.sec1 .jw.frm select{font-size:1em;}
	
	.jw.sec1 .form2{font-size:1.2em;}

	/*.jw.frm .form-input-box .jw.frm.f-inventory{font-size:1.2em;}*/
	.jw.frm.f-container.contents ul li span{font-size:1.2em;}
	.jw.frm.f-container.contents ul li input[type=radio]{font-size:1.2em;}

	.jw.sec5 .table-container{font-size:0.7em;}
}
@media only screen and (max-width:360px) {
	.jw.frm input[type=text],
	.jw.frm input[type=password],
	.jw.frm input[type=email],
	.jw.frm input[type=tel],
	.jw.frm input[type=url],
	.jw.frm input[type=submit],
	.jw.frm input[type=button],
	.jw.frm input[type=checkbox],
	.jw.frm input[type=radio],
	.jw.frm button,
	.jw.frm select,
	.jw.frm textarea, 
	.jw.frm label,
	.jw.frm a{font-size:0.625em;}

	.jw.frm.privacy input[type=checkbox],
	.jw.frm.privacy span,
	.jw.frm.privacy a,
	.jw.frm.privacy label{font-size:.85em;}

	.privacy-detail{height:200px;}

	/*.jw.frm .form-input-box .jw.frm.f-inventory{font-size:0.9em;}*/
	.jw.frm.f-container.contents ul li span{font-size:1.3em;}
	.jw.frm.f-container.contents ul li input[type=radio]{font-size:1.3em;}
	.privacy-detail .privacy-close-link{top:3%;}

	.jw.sec5 .table-container{font-size:0.6em;}
}
