@charset "utf-8";
/* CSS Document */

.form .inner{border: none;}

.policy_txt{font-size:85%; line-height:180%;}
.policy_txt ul, .policy_txt ol{margin:25px 0;}
.policy_txt ol{padding-left:1.5em; line-height:1.5; list-style-type:decimal;}
.policy_txt li {padding-bottom:6px;}
.policy_txt dl{ margin-bottom:25px;}
.policy_txt dt{margin:8px 0 0 0;}
.policy_txt .righttxt{text-align:right; margin-top:20px;}
.policy_txt .fall{padding-left:20px; text-indent:-1em;}
.policy_txt .crevice{margin-top:10px;}


/* .tab-box --------------------------------- */
.netcafe{font-size:85%; padding:20px; line-height:160%; margin-bottom:40px; background:#FFFFFF; border:1px solid #dbdbdb;}

.tab-box ul.tab {position: relative;}
.tab-box ul.tab li { width:45%; display:inline-block; text-align:center;}
.tab-box ul.tab li a{display: block; background-repeat: repeat-x; line-height: 1.2; text-align: center; text-decoration:none;}
.tab-box-cr-1 ul.tab li.tab-1 a,
.tab-box-cr-2 ul.tab li.tab-2 a,
.tab-box-cr-3 ul.tab li.tab-3 a {
	cursor: pointer;
}
.tab-box ul.tab li a:hover{
	text-decoration: none;
}
.tab-box ul.tab li a:hover{
	background-position: 0 -50px;
}
.tab-box-cr-1 ul.tab li.tab-1 a:link,
.tab-box-cr-1 ul.tab li.tab-1 a:visited,
.tab-box-cr-1 ul.tab li.tab-1 a:hover,
.tab-box-cr-1 ul.tab li.tab-1 a:active,
.tab-box-cr-2 ul.tab li.tab-2 a:link,
.tab-box-cr-2 ul.tab li.tab-2 a:visited,
.tab-box-cr-2 ul.tab li.tab-2 a:hover,
.tab-box-cr-2 ul.tab li.tab-2 a:active,
.tab-box-cr-3 ul.tab li.tab-3 a:link,
.tab-box-cr-3 ul.tab li.tab-3 a:visited,
.tab-box-cr-3 ul.tab li.tab-3 a:hover,
.tab-box-cr-3 ul.tab li.tab-3 a:active{
	color: #000;
	background-position: 0 -100px;
}
.tab-box ul.tab li a .in {
	display: block;
	background:#fff;
	background-repeat: no-repeat;
	background-position: 100% 0;
	border: solid 1px #dbdbdb;
	border-bottom:none;
}
.tab-box ul.tab li a:hover .in,
.tab-box ul.tab li a:active .in {
	background-color:#fff;
}
.tab-box-cr-1 ul.tab li.tab-1 a:link .in,
.tab-box-cr-1 ul.tab li.tab-1 a:visited .in,
.tab-box-cr-1 ul.tab li.tab-1 a:hover .in,
.tab-box-cr-1 ul.tab li.tab-1 a:active .in,
.tab-box-cr-2 ul.tab li.tab-2 a:link .in,
.tab-box-cr-2 ul.tab li.tab-2 a:visited .in,
.tab-box-cr-2 ul.tab li.tab-2 a:hover .in,
.tab-box-cr-2 ul.tab li.tab-2 a:active .in,
.tab-box-cr-3 ul.tab li.tab-3 a:link .in,
.tab-box-cr-3 ul.tab li.tab-3 a:visited .in,
.tab-box-cr-3 ul.tab li.tab-3 a:hover .in,
.tab-box-cr-3 ul.tab li.tab-3 a:active .in{
	background-color:#fff;
}
.tab-box ul.tab li a .in-2 {
	display: block;
	padding: 18px 0;
	background:#f3f3f3;
}
.tab-box ul.tab li a:hover .in-2,
.tab-box ul.tab li a:active .in-2 {
	background-color:#fff;
}
.tab-box-cr-1 ul.tab li.tab-1 a:link .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:visited .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:hover .in-2,
.tab-box-cr-1 ul.tab li.tab-1 a:active .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:link .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:visited .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:hover .in-2,
.tab-box-cr-2 ul.tab li.tab-2 a:active .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:link .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:visited .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:hover .in-2,
.tab-box-cr-3 ul.tab li.tab-3 a:active .in-2{
	background-color:#fff;
}

.tab-box .box .content {display: block;}
/*.tab-box .box .content-1 {display: block;}*/
.tab-box .box .content div,
.tab-box .box .content dl{ border-bottom:2px solid #dbdbdb;}
.tab-box .box .content div{text-align:center; padding-bottom:45px;}
.tab-box .box .content dl{display:table; width:100%;}
.tab-box .box .content dt{display:table-cell; width:25%; padding:30px 20px; text-align:center; vertical-align:top;}
.tab-box .box .content dd{display:table-cell; padding:30px 20px;}
.tab-box .box .content dd p{padding:2px 0;}
.tab-box .box .content .sample, .tab-box .box .content .sample a{color:#999999; font-size:90%; margin-top:5px;}
.tab-box .box .content .policy_txt{height:150px; padding:15px; margin-bottom:20px; border:1px solid #dbdbdb; overflow:auto; text-align:left; font-size:80%;}
.tab-box .box .content .btn-area{border:0; padding:40px 0 0 0;}
/*チェックボックススタイル*/
input.checkbox{display:none;}
label{display:inline-block; position:relative; padding-left:25px;}
.check label:before,label:after{content:'';display:block; position:absolute; top:3px; left:0; width:15px; height:15px;}
.check label:before{ background:#fff; border:1px solid #a5a5a5;}
.check input:checked + label:after{ height:7px; border-left: 3px solid #ff9999; border-bottom: 2px solid #ff9999; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*ラジオボタンスタイル*/
input.sex{display: none;}
.radio label{display: inline-block;position: relative;cursor: pointer;margin-left: 10px;padding: 0px 20px;border-radius: 2px;color: #3e4956;font-size: 14px;text-align: center;line-height: 1;}
.radio label:before{position: absolute;content: "";top: 45%;left: -10px;width: 20px;height: 20px;margin-top: -10px;border-radius: 50%; border: 1px solid #a5a5a5;}
.radio input[type="radio"]:checked + label:after {position: absolute;content: "";top: 50%;left: -3px;width: 8px;height: 8px;margin-top: -4px; border-radius: 50%;background: #ff9999;}
input.short{width:30%;}
input.middle{width:50%;}
input.long{width:100%;}
textarea.long{width:100%;}


input.error,
textarea.error,
select.error,
.check input.error + label:before ,
.radio input.error + label:before { background-color:#cbfcfe; }

section.form .tab-box .confirm
,section.confirm .tab-box .form
,section.form .completed_box
,section.confirm .completed_box
,section.thanks .contract_box
  {display:none !important;}




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

	.form h2.section-title{padding-top: 30px;}
	
.tab-box .box {padding:20px 15px;background:#FFF;border: solid 1px #dbdbdb; font-size:95%;}
.tab-box .box .content div{text-align:left; padding-bottom:20px;}
.tab-box .box .content dl{display:block; width:100%;}
.tab-box .box .content dt{display:block; width:auto; padding:30px 0; text-align:center; vertical-align:top;}
.tab-box .box .content dd{display:block; padding:0 20px 30px;}
.tab-box .box .content .btn-area{text-align:center; padding:30px 0 15px;}
input.short,
input.middle{width:100%;}
}