@charset "utf-8";

/* CSS Document */

body { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; font-size:16px; margin:0px; text-align:center; background-color:#FFFFFF; line-height:150%; color:#202020; min-width:960px; word-wrap:break-word; }

p, form { margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a { text-decoration:none; outline:none; color:#1800ff; }
a:hover { text-decoration:underline; }
a:hover img { filter:alpha(opacity=75); opacity:0.75; }
a, a img, input, textarea { transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; }
input, textarea, select { outline:none; }
h1, h2, h3, h4, ul, dl, dt, dd { margin:0px; padding:0px; font-weight:normal; list-style:none; }
.nan { transition:none; -webkit-transition:none; -moz-transition:none; }
.cf { width:100%; }

/* Header */

.header { border-bottom:#ececec solid 5px; }
.header .cont { width:960px; margin:0 auto; text-align:left; }
.header .lf { padding:14px 0px 6px 0px; }
.header .rh { padding:25px 0px 0px 0px; }
.header .tel {
    background: url(images/telbg2.png) no-repeat 0px -1px;
    padding: 0px 0px 0px 70px;
    float: left;
    margin-top: 4px;
    margin-right: 25px;
}
.header .tel a { display:block; font-size:31px; font-weight:bold; color:#333333; font-family:Arial, sans-serif; pointer-events:none; cursor:default; }
.header .tel span { display:block; font-size:12px; font-weight:normal; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; }
.header .btn { float:left; }
.header .btn a { background:url(images/hctabtn.png) no-repeat 0px 0px; width:200px; height:45px; border-radius:22px; font-size:20px; font-weight:bold; color:#FFFFFF; text-align:center; display:block; line-height:45px; padding-right:10px; -webkit-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 4px rgba(0, 0, 0, 0.2); }
.header .btn a:hover { text-decoration:none; filter:alpha(opacity=75); opacity:0.75; }

/* Content */

.mainbnr { background:url(images/bnrbg.gif) no-repeat center top; background-color:#fdfbfa; }
.mainbnr img { height:auto; max-width:100%; }

.tdesc { background-color:#edfefb; border-bottom:#c3e6e1 solid 5px; padding:25px 0px; }
.tdesc p { width:1020px; margin:0 auto; font-size:18px; font-weight:bold; }

.cta { padding:65px 0px 60px 0px; }
.cta .ti { font-size:34px; line-height:50px; padding-bottom:35px; }
.cta .btn { padding-bottom:35px; }
.cta .btn img { border-radius:45px; -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3); }
.cta .tel a { background:url(images/telbg.gif) no-repeat 0px 1px; display:inline-block; font-size:55px; font-weight:bold; color:#333333; font-family:Arial, sans-serif; pointer-events:none; cursor:default; padding-left:68px; line-height:40px; }
.cta .tel span { display:block; font-size:21px; font-weight:normal; font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", 'MS PGothic','ＭＳ Ｐゴシック', 'MS Gothic', sans-serif; color:#848484; text-align:center; padding-top:5px; }

.block1 { //background:url(images/bg1.png) no-repeat center center; background-size:cover; //padding-bottom:7px; }
.block1 img{width: 100%;}

.block2 img{width: 100%;}

.block3 img{width: 100%;}

.block4 img{width: 100%;}


.block8 { background-color:#f3f1e6; padding:50px 0px 50px 0px; }
.block8 h2 { font-size:34px; font-weight:bold; line-height:40px; padding-bottom:45px; }
.block8 .cf { width:960px; margin:0 auto; text-align:left; }
.block8 .cf .each { background-color:#FFFFFF; width:300px; float:left; margin:0px 30px 30px 0px; -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);min-height: 590px; }
.block8 .cf .each:nth-child(3n) { margin-right:0px; }
.block8 .cf .each:nth-child(3n+1) { clear:both; }
.block8 .cf h3 { font-size:16px; font-weight:bold; padding:20px 20px 10px 20px; color:#1cc1a1; }
.block8 .cf span { display:block; margin:0px 20px 0px 20px; border-bottom:#e4e4e4 solid 1px; font-size:12px; padding:0px 0px 12px 0px; }
.block8 .cf p { font-size:14px; padding:15px 20px 25px 20px; }

.block9 { width:960px; margin:0 auto; text-align:left; padding:30px 0px 80px 0px; }
.block9 .cf { border:#e4e4e4 solid 1px; width:auto; padding:50px 49px 20px 49px; }
.block9 .cf div { width:430px; }
.block9 table { width:100%; border-collapse:collapse; }
.block9 th, .block9 td { vertical-align:top; font-size:14px; padding-bottom:30px; }
.block9 th { font-weight:bold; font-size:16px; width:90px; }
 
.block10 {background: #f5f5f5;padding:30px 0px 80px 0px;}
.block10 .block10_inner { width:960px; margin:0 auto; text-align:left;  background: #fff;}
.block10 .cf { border:#e4e4e4 solid 1px; width:auto; padding:50px 49px 20px 49px; }
.block10 .cf div { width:430px; }
.block10 table { width:100%; border-collapse:collapse; }
.block10 th, .block10 td { vertical-align:top; font-size:14px; padding-bottom:30px; }
.block10 .table01 th { font-weight:bold; font-size:16px; width: 170px; }
.block10 .table03 th.th01{
	vertical-align:middle;
	font-size: 20px;
	width: 170px;
}

.block10 .table01 li{
	width: 50%;
	float: left;
	margin-bottom: 20px;
}
.block10 .content{
	padding: 30px;
}

.block10 .table02 th{
	font-size:20px; width: 410px;
	vertical-align: middle;
}

.block10 .foot01 .table01{
	float: left;
	width: 530px;
}

.block10 .foot01 .foot_r{
	float: left;
	width: 40%;
	font-size: 14px;
}

/* Footer */

.footer { background-color:#464646; }
address { width:940px; padding:16px 0px 16px 0px; margin:0 auto; text-align:right; font-style:normal; font-size:12px; color:#FFFFFF; }

.ptop { position:fixed; right:25px; bottom:-150px; width:70px; z-index:100; }
.ptop a { width:70px; height:70px; background:url(images/ptop.png) no-repeat center top; text-indent:-9999px; text-align:left; display:block; }
.ptop a:hover { filter:alpha(opacity=75); opacity:0.75; }

/* Enviroments */

.lf { float:left; }
.rh { float:right; }
.clr { clear:both; }
.cf:after { content:" "; display:block; height:0; clear:both; overflow:hidden; visibility:hidden; }

@media screen and (max-width: 767px) {
	
body { width:100%; min-width:0px; -webkit-text-size-adjust:none; border-top:none; }
a:hover { text-decoration:none; }
a:hover img { filter:alpha(opacity=100); opacity:1; }

.header { border-bottom:#ececec solid 3px; height:34px; margin-bottom:40px; }
.header .cont { width:auto; }
.header .lf { padding:7px 0px 0px 10px; }
.header .lf img { width:auto; height:30px; }
.header .rh { padding:0px; float:none; position:absolute; top:37px; left:0px; width:100%; height:39px;  z-index:1000; text-align:center; }
.header .rh {
	background: rgb(71,129,213);
background: linear-gradient(180deg, rgba(71,129,213,1) 0%, rgba(38,108,206,1) 100%);
border-bottom: 1px solid #0c4891;
}
.header .tel { background:none; padding:0px; float:left; margin-top:0px; margin-right:0px; width:50%; }
.header .tel a { background:url(images/telbg_sp.png) no-repeat 13px center; background-size:24px auto; border-right:#0c4891 solid 1px; font-size:17px; line-height:39px; color:#FFFFFF; pointer-events:auto; padding-left:24px; }
.header .tel span { display:none; }
.header .btn { float:left; width:50%; }
.header .btn a { background:url(images/mail.png) no-repeat 30px center; background-size:17px auto;  width:auto; height:auto; line-height:39px; border-radius:0px; font-size:14px; padding-right:0px; box-shadow:none; padding-left:24px; }

.nav_float .header .rh { position:fixed; top:0px; }

.tdesc { border-bottom:#c3e6e1 solid 3px; padding:12px 5px; }
.tdesc p { width:auto; font-size:12px; line-height: 1.4em; text-align: left;}

.cta { padding:20px 10px; }
.cta .ti { font-size:13px; line-height:20px; padding-bottom:20px; }
.cta .btn { padding-bottom:20px; }
.cta .btn img { width:100%; height:auto; }
.cta .tel a { background-size:30px auto; font-size:27px; font-weight:bold; pointer-events:auto; cursor:default; padding-left:34px; line-height:20px; }
.cta .tel span { font-size:10px; padding-top:2px; }

.block1 div { width:auto; padding: 0 10px 50px; }
.block1 div 
.block1 h2 { font-size:20px; line-height:25px; padding:25px 0px 20px 0px; }
.block1 ul { background-size:auto 22px; padding:0px 0px 35px 0px; margin-bottom:-28px; position:relative; }
.block1 li { background-size:14px auto; background-position:12px 4px; font-size:14px; line-height:20px; color:#FFFFFF; padding:0px 10px 10px 35px; }

.block1 img { width:100%; height:auto; }
.block2 img { width:100%; height:auto; }
.block1 h2{
	font-size: 28px!important;
	padding: 40px 0px 25px 0px!important;
}
.block2 {
    padding-top: 20px;
}
.block3 { padding:25px 0px 0; height: auto;}
.block3 .cf { width:auto;padding-top: 0px;}
.block3 .lf { width:auto; float:none; position: static;padding: 0 10px;}
.block3 h2 { font-size:18px; padding-bottom:15px; color: #1cc1a1;}
.block3 p { font-size:14px; padding-bottom:10px; }
.block3 .rh {
    padding: 10px 20px;
    float: none;
     position: static;padding: 0;
}.block3 .rh img { width:100%; height:auto;}


.block4 { padding:25px 10px; }
.block4 h2 { font-size:20px; line-height:24px; padding-bottom:20px; }
.block4 .cf { width:auto; }
.block4 .cf div { margin:0px 0px 15px 0px; float:none; width:auto; padding:10px; min-height: auto;}
.block4 .cf div:nth-child(3n) { float:none; }
.block4 .cf img { margin:-55px 0px 0px 0px; width:63px; height:auto; float:left; }
.block4 .cf h3 { font-size:18px; line-height:24px; text-align:left; padding:10px 0px 20px 73px; }
.block4 .cf h3 span { font-size:14px; }
.block4 .cf p { line-height:170%; padding-top:0px; font-size:14px;padding-top: 20px; }

.block5 { padding:25px 10px 1px 10px; }
.block5 h2 { font-size:20px; line-height:24px; padding-bottom:20px; }
.block5 .each { width:auto; position:relative; height:auto; margin-bottom:10px; }
.block5 .each .cont { width:auto; background-image:none; position:static; padding:0px; background-color:#FFFFFF; }
.block5 .each .cont .cf { float:none; width:auto; padding:10px; }
.block5 .each .cont .cf .im { float:none; }
.block5 .each .cont .cf .im img { width:100%; height:auto; }
.block5 .each .tx { width:auto; float:none; padding:5px 0px; }
.block5 .each .tx h3 { line-height:1.4em; font-size:18px; padding-bottom:0px; margin-bottom:0px; }
.block5 .each .tx h3 span { font-size:14px; margin-right:10px; background-color:#ff8a00; padding:3px 10px; vertical-align:middle; }
.block5 .each .tx h4 { font-size:17px; line-height:1.4em; padding-bottom:5px; }
.block5 .each .tx p { line-height:170%; font-size:14px; margin-bottom:20px; }
.block5 .each:nth-child(odd) .cont .cf { float:none; }
.block5 .each:nth-child(odd) .cont .cf .im { float:none; }
.block5 .each:nth-child(odd) .tx { float:none; }
.block5 .title_wrap {
    border-bottom: #e4e4e4 solid 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.block6 { padding:25px 10px; }
.block6 h2 { font-size:20px; line-height:24px; padding-bottom:20px; }
.block6 .cf { width:auto; }
.block6 .each { width:auto; margin:0px 0px 20px 0px; float:none; }
.block6 .each h3 { padding:12px 0px; font-size:14px; }
.block6 .each div { font-size:14px; background-color:#fffcd4; padding:12px 0px; line-height:18px; }
.block6 .each div span { display:block; font-size:18px; color:#f55220; padding-top:2px; }
.block6 .each p { padding:12px 0px; font-size:14px; line-height:16px; }
.block6 .each p span { font-size:13px; }
.block6 img {
	width: 100%;
}
.block6 div {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.block6 .block6_right{
	float: none;
	width: 100%;
	margin-top: 30px;
}

.block6 table{
	width: 100%;
	margin-bottom: 10px;
}

.block6 table th{
	padding: 10px;
	font-size: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	width: 90px;
}

.block6 .block6_left th{
width: 95px;
}

.block6 .block6_left{
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 10px;
}


.block7 { width:auto; padding:25px 10px; }
.block7 h2 { font-size:20px; line-height:24px; padding-bottom:20px; }
.block7 div { background-size:40px 40px, 40px 40px; padding:40px 0px; }
.block7 table { background:url(images/bg3.png) repeat-y center center; border-collapse:collapse; width:100%; display:block; padding:15px 0px; }
.block7 th { font-size:14px; line-height:20px; }
.block7 td { font-size:10px; line-height:16px; }
.block7 th, .block7 td { padding:10px 0px; font-size:13px; }
.block7 th:first-child, .block7 td:first-child { padding-right:20px; }
.block7 th:last-child, .block7 td:last-child { padding-left:20px; }
.block7 th:before { font-size:14px; line-height:20px; width:20px; border-radius:20px; left:-10px; }
.block7 th:first-child:before { left:auto; right:-10px; }

.block8 { padding:25px 10px 1px 10px; }
.block8 h2 { font-size:20px; line-height:24px; padding-bottom:20px; }
.block8 .cf { width:auto; }
.block8 .cf img { width:100%; height:auto; }
.block8 .cf .each { width:auto; float:none; margin:0px 0px 20px 0px; min-height: auto;}
.block8 .cf h3 { font-size:17px; padding:10px; }
.block8 .cf span { margin:0px 10px 0px 10px; font-size:12px; padding:0px 0px 10px 0px; line-height:1.2em; }
.block8 .cf p { font-size:14px; line-height:1.7em; padding:10px 10px 15px 10px; }

.block9 { width:auto; padding:20px 10px; }
.block9 .cf { border:#e4e4e4 solid 1px; width:auto; padding:15px 10px; }
.block9 .cf div { width:auto; float:none; }
.block9 th, .block9 td { vertical-align:top; font-size:12px; padding-bottom:10px; line-height:16px; }
.block9 th { font-size:13px; width:70px; }

address { width:auto; padding:5px 10px; font-size:7px; }

.ptop { right:10px; width:35px; }
.ptop a { width:35px; height:35px; background-size:100% 100%; }



.block10 {background: #f5f5f5;padding: 30px 10px 80px 10px;}
.block10 .block10_inner { width:100%; margin:0 auto; text-align:left;  background: none;}
.block10 .cf { border:#e4e4e4 solid 1px; width:auto; padding:50px 49px 20px 49px; }
.block10 .cf div { width:430px; }
.block10 table { width:100%; border-collapse:collapse; }
.block10 th, .block10 td { vertical-align:top; font-size:14px; padding-bottom:30px; }
.block10 .table01 th { font-weight:bold; font-size:16px; width: 120px; }
.block10 .table01 th.th01{
	vertical-align:middle;
	font-size: 20px;
}

.block10 .table01 li{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
.block10 .content{
	padding: 15px;
	background: #fff;
}

.block10 .table02 th{
	font-size:18px;
	width: 100%;
	display: block;
	vertical-align: middle;
	padding: 0;
}

.block10 .table02 td{
	width: 100%;
	display: block;
}
.block10 .foot01 .table01{
	float: none;
	width: 100%;
}

.block10 .foot01 .foot_r{
	float: none;
	width: 100%;
	font-size: 14px;
}
}


/*** sec_entry ***/
.sec_entry {
	padding-top: 50px;
	padding-bottom: 40px;
}
.sec_entry .subtitle{
	text-align: center;
	margin-left: -5px;
}

.sec_entry h2{
font-size: 34px;
font-weight: bold;
line-height: 40px;
padding-bottom: 45px;
text-align: center;
}
.block10 h2{
font-size: 34px;
font-weight: bold;
line-height: 40px;
padding-bottom: 45px;
text-align: center;
}


.sec_entry .table_form{
	width: 100%;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}
.sec_entry .table_form tr{
	
}
.sec_entry .table_form th{
	width: 300px;
	background-color: #F2F2F2;
	padding: 20px 30px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: left;
	position: relative;
	vertical-align: middle;
}
.sec_entry .table_form td{
	padding: 20px 25px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.sec_entry .table_form .hissu{
	position: absolute;
	right: 10px;
	top: 20px;
	display: inline-block;
	background-color: red;
	color: #FFFFFF;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	letter-spacing: 0.04em;
}
.sec_entry .table_form input,
.sec_entry .table_form textarea{
	border: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 8px 10px;
}
.sec_entry .table_form input.f_company,
.sec_entry .table_form input.f_name,
.sec_entry .table_form input.f_address,
.sec_entry .table_form input.f_email,
.sec_entry .table_form input.f_phone{
	width: 500px;
}

.sec_entry .table_form input.f_municipality{
	width: 235px;
}

.sec_entry .table_form input.f_tel,
.sec_entry .table_form input.f_tel2{
	width: 135px;
}

.sec_entry .table_form textarea.f_notes{
	width: 500px;
	height: 166px;
}
.sec_entry .table_form label{
	padding-right: 40px;
}
.sec_entry .table_form input.inp_error,
.sec_entry .table_form textarea.inp_error{
    border: 1px solid #F88A8A;
    background: #F4D4D4;
}
.sec_entry .table_form span.error_m {
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    display: block;
    margin: 0;
}

.sec_entry .privacy_box{
	width: 800px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	overflow-y: scroll;
	border: 1px solid #999999;
	margin-bottom: 30px;
}
.sec_entry .privacy_box .inner{
	padding: 20px 50px;
}
.sec_entry .privacy_box .inner h3{
	font-size: 14px;
	margin-bottom: 20px;
}
.sec_entry .privacy_box .inner p{
	font-size: 12px;
}

.sec_entry .privacy_box .title{
	color: #8FC31F;
	font-weight: bold;
}

.sec_entry .btn_wrap{
	text-align: center;
}
.sec_entry .btn_list{
	display: inline-block;
}
.sec_entry .btn_list li{
	float: left;
}
.sec_entry .btn_list li:first-child{
	padding-right: 0px;
}
.sec_entry .btn_list li .btn{
	display: inline-block;
	background: #2d6ed2;
	border: 1px solid #2d6ed2;
	font-size: 20px;
	color: #FFFFFF;
	width: 256px;
	height: 56px;
	line-height: 1;
	border-radius: 56px;
	transition : 0.5s;
	cursor: pointer;
}
.sec_entry .btn_list li .btn .f_small{
	font-size: 15px;
	display: inline-block;
	margin-bottom: 5px;
}
.f_period, .f_prefectures, .f_prefectures02,.f_address {
padding: 10px 10px;
background: #fff;
border: 0;
}
@media (max-width: 768px){

    .block10 h2{
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px;
    }
	.sec_entry h2{
	font-size: 20px;
line-height: 24px;
padding-bottom: 20px;
	}

	.sec_entry {
		background-color: #fff;
		padding-top: 35px;
		padding-bottom: 40px;
	}
	.sec_entry .container{
		background-color: #FFFFFF;
		margin: 15px;
		padding: 15px;
	}
	.sec_entry .subtitle {
		margin-left: 10px;
		padding-right: 10px;
	}
	.sec_entry .table_form th:first-child{
		padding-top: 20px;
	}
	.sec_entry .table_form,
	.sec_entry .table_form tbody,
	.sec_entry .table_form tr,
	.sec_entry .table_form th,
	.sec_entry .table_form td{
		width: auto;
		display: block;
	}

.sec_entry .table_form input.f_company,
.sec_entry .table_form input.f_name,
.sec_entry .table_form input.f_address,
.sec_entry .table_form input.f_email,
.sec_entry .table_form input.f_phone{
	width: 95%;
}
	.sec_entry .table_form textarea.f_notes{
		width: 95%;
		height: 120px;
	}
	.sec_entry .privacy_box{
		width: auto;
		height: 120px;
	}
	.sec_entry .table_form, .sec_entry .table_form tbody, 
	.sec_entry .table_form tr, 
	.sec_entry .table_form th, 
	.sec_entry .table_form td {
		width: auto;
		display: block;
		background: #f8f8f8;
		padding: 0px 5px;
		text-align: left;
		border-right: none;
		border-bottom: none;
	
	}

	.sec_entry .table_form td {
		border-bottom: 1px solid #fff;
		padding-bottom: 20px;
	}
	.sec_entry .table_form{
		margin-top: 10px;
	}
	.sec_entry .table_form td{
		margin-bottom: 10px;
	}
	.sec_entry .table_form .hissu {
		position: static;
		margin-right: 10px;
		margin-bottom: 5px;
		margin-left: 10px;
	}
	.sec_entry .btn_list{
		display: block;
		overflow: hidden;
	}
	.sec_entry .btn_list li{
		width: 50%;
		margin: 0 auto;
		float: none;

	}
	.sec_entry .btn_list li .btn{
		width: 100%;
		font-size: 14px;
		height: 44px;
	}
	.sec_entry .btn_list li .btn .f_small {
		font-size: 10px;
	}
}


/*** sec_entry_send ***/
.sec_entry_send {
	background-color: #d3f0ff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.sec_entry_send .subtitle{
	text-align: center;
	font-size: 24px;
	margin-bottom: 30px;
	font-weight: bold;
}
.sec_entry_send .messege{
	text-align: center;
	line-height: 2;
}

@media (max-width: 768px){
}

.pc {}
.sp { display: none !important; }
@media screen and (max-width: 768px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
}

.clearfix:after { clear: both; display: block; content: " "; height: 0px; visibility: hidden; }
/* Hide these rules from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.sec_entry .btn_list li .btn:hover {
	background: #5c90da;
	border: 1px solid #5c90da;
}