@charset "UTF-8";



html,
body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
audio,
video,
img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}
ul,
ol {
	list-style: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
* {
	word-break: break-all;
}

body {
	height: 100%;
	color: #000;
	font-size: 1.4rem;
	line-height: 1.4;
	background:#fff;
}

html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	-webkit-overflow-x: hidden;
	-webkit-text-size-adjust: none;
	font-size: 62.5%;
	font-family: sans-serif;
}

a {
	text-decoration: underline;
	color: #333;
}



body > #wrapper {
	margin: 0 auto;
	width: 640px;
}
@media screen and (max-width: 900px) {
  body > #wrapper {
    width: 480px;
  }
}
@media screen and (max-width: 480px) {
  body > #wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 320px) {
  body > #wrapper {
    width: 320px;
  }
}


/*a {-webkit-tap-highlight-color: rgba(2, 109, 236, 0.9); // タップ時の反転色} */





header {
	padding: 2% 1% 3% 1%;
	border-top: solid 3px #FF5C00;
}


header h1{
	float: left;
	width: 42%;
}
header div{
	float: right;
	width: 58%;
	padding-top: 1%;
}

.main {
	border-top: solid 1px #FF5C00;
	border-bottom: solid 1px #FF5C00;
	width: 100%;
	padding: 1px 0;
}

.btns_in {
	padding: 2% 0 2% 1%;
}
.btns_in div{
	padding: 1%;
	width: 47%;
	display: inline;
}
.btns_in div img{
	width: 47%;
}

/*
20160714追記
*/


.btns_in2 {
	text-align:center;
	padding: 2% 1% 0% 1%;
}
.btns_in2 div{
	width: 32%;
	text-align:center;
	display: inline;
}
.btns_in2 div img{
	width: 32%;
	text-align:center;
	padding: 0% 0% 0% 0%;
}

.btns_in3 {
	text-align:center;
	padding: 1% 1% 0% 1%;
}
.btns_in3 div{
	width: 32%;
	text-align:center;
	display: inline;
}
.btns_in3 div img{
	width: 32%;
	text-align:center;
	padding: 0% 0% 0% 0%;
}


#tabs  {
	padding-left: 2%;
}
#tabs li {
	float: left;
	width: 48%;
	cursor: pointer ;
	margin: 0 0 0  0;
	padding: 0 1% 0 0 ;
	overflow: hidden;
}
#hoken1,
#hoken2,
#hoken3 {
	padding: 3% 2%;
	width: 96%;
	margin-top: -3px;
}


#hoken2,
#hoken3 {
	display: none;
}
#hoken1{
	border-top: solid 3px #F37A1F;
}
#hoken2{
/*	border-top: solid 3px #059667; */
	border-top: solid 3px #0167CC;
}
#hoken3{
	border-top: solid 3px #0167CC;
}

.tab_in .copy {
	padding-bottom: 1%;
}
.tab_in .copy img{
	float: left;
	margin-right:1%;
}
.tab_in h3.index_orign_title {
	font-size: 2.2rem;
	text-align :left;
	color:#F37A1F;
}
.tab_in h3.index_orign_title a {
	color:#F37A1F;
}
.tab_in h3.index_green_title {
	font-size: 2.2rem;
	text-align :left;
	color:#3EAC87;
}
.tab_in h3.index_green_title a {
	color:#3EAC87;
}
.tab_in h3.index_blue_title {
	font-size: 2.2rem;
	text-align :left;
	color:#0066CC;
}
.tab_in h3.index_blue_title a {
	color:#0066CC;
}

.tab_in dl{
	width: 100%;
	margin: 2% 0 0  0;
}
.tab_in dl dt{
	float: left;
	width: 3rem;
	clear:left;
}
.tab_in dl dd{
	margin-left: 2rem;
	margin-bottom: 1.5%;
}

/*20160714追記
*/


.tab_in .copy2 {
	padding-bottom: 1%;
}
.tab_in .copy2 img{
	float : left;
	margin-right:1%;
}
.tab_in h8.index_orign_title {
	font-size: 1.8rem;
	text-align :left;
	color:#F37A1F;
}
.tab_in h8.index_orign_title a {
	color:#F37A1F;
}
.tab_in h8.index_green_title {
	font-size: 1.8rem;
	text-align :left;
	color:#3EAC87;
}
.tab_in h8.index_green_title a {
	color:#3EAC87;
}
.tab_in h8.index_blue_title {
	font-size: 1.8rem;
	text-align :left;
	color:#0066CC;
}
.tab_in h8.index_blue_title a {
	color:#0066CC;
}

/*追記終わり
*/

.hokenryou  {
	padding: 2%;
}
.hokenryou_title {
	font-size: 2.0rem;
	font-weight: bold;
	text-align :center;
	padding-bottom: 1%;
}

.man_box {
	background:url(../img/index/man_bg.png) 0 0  repeat;
	border: 3px solid #B4E6FF; 
	text-align :center;
	padding: 2%;
	color:#0C67C7;
	font-size: 1.5rem;
	width: 39%;
	float: left;
}
.woman_box {
	background:url(../img/index/woman_bg.png) 0 0  repeat;
	border: 3px solid #FFC4DE; 
	text-align :center;
	padding: 2%;
	color:#CC3B5A;
	font-size: 1.5rem;
	width: 39%;
	float: right;
}
.woman_box2 {
	background:url(../img/index/woman_bg.png) 0 0  repeat;
	border: 3px solid #FFC4DE; 
	text-align: center;
	padding: 2%;
	color: #CC3B5A;
	font-size: 1.5rem;
	width: 90%;
	align: center;
}

.hokenkin_box {
	background:url(../img/index/hokenkin_bg.png) 0 0  repeat;
	border: 3px solid #FFE666; 
	text-align :center;
	padding: 2%;
	color:#00695B;
	font-size: 1.5rem;
	width: 86%;
	margin-left:auto;margin-right:auto;
}

.hokenryou .price {
	font-size: 2.3rem;
	font-weight: bold;
}
.hokenryou .en {
	font-size: 1.4rem;
	font-weight: bold;
}
.page_link{
	font-size: 1.8rem;
	font-weight: bold;
	text-align :center;
}
#hoken1 .page_link a{
	color:#DF4C07;
}
#hoken2 .page_link a{
	color:#3EAC87;
}
#hoken3 .page_link a{
	color:#0066CC;
}


.perioDM80 {
	border-top: solid 5px #E04D08;
	margin-top: 5%;
	padding-top: 3%;
}
.prioDC80 {
	border-top: solid 5px #0066CC;
	margin-top: 5%;
	padding-top: 3%;
}


.request_btn {
	width: 90%;
	margin: 3% auto 0 auto;
}


/* 共通 */



/* 20170602追加　*/


.syohin-point {
	margin-bottom:30px;
	padding:13px 10px 0;
	background:#f5f5f5;
	border:1px solid #eee;
}
.point-dl {
	margin:0 auto 10px;
	padding:10px 10px 5px;
	background:#fff;
	border:1px solid #eee;
}
	.point-dl dt {
		margin-right:1em;
	}
	.point-dl dd {
		padding-top:0.7em;
		font-weight:bold;
		font-size:1.15em;
		line-height:1.4;
		color:#444;
	}

	.point-dl dd .xsmall {
		font-weight:normal;
	}

.orange {
	color:#ff5c00;
}


.fltL { float:left; }


/* 20170602追加おわり　*/




.message {
	padding: 4% 1%;
}
.message  ul li{
	border-bottom: dotted 1px #333333;
	padding: 2%;
	margin-top: 1.5%;
}
.message .message_link{
	font-weight: bold;
	text-align :right;
	padding: 2% 0 ;
}
.message .message_link a{
	color:#2CA900;
}


.inquiry {
	padding: 4% 0;
}
.inquiry p{
	width: 90%;
	padding: 2% 0;
	margin: 0 auto;
}
.inquiry div{
	width: 90%;
	margin: 0 auto;
}

.attention {
	padding: 4% 0;
}
.attention p{
	width: 90%;
	padding: 2% 0;
	margin: 0 auto;
}




.clearfix:after {
	display: block;
	clear: both;
	content: '.';
	visibility: hidden;
	height: 0;
}



footer {
	position: relative;
	margin-top:6%;
}
footer .fotter_data  {
	background:#FFD066;
	padding: 7% 3% 2% 5%;
}
footer .fotter_data p span {
	font-weight: bold;
	font-size: 1.7rem;
}
footer .fotter_link  {
	background:#FFB100;
	padding: 2% 3% 2% 5%;
}
footer .fotter_link .site_top_btn {
	text-align :center;
	padding: 3% 0  1% 0;
}
footer .fotter_link .site_top_btn img{
	width: 50%;
}
footer .fotter_link ul li {
	background:url(../img/common/footer_arrow.png) left center  no-repeat; 
	background-size: 4% auto; 
	padding: 1% 0 0 5%;
}
footer .fotter_copyright {
	background:#FF5C00;
	padding: 3% 3% 4% 3%;
}

footer .fotter_copyright p {
	text-align :center;
	color:#ffffff;
	font-size: 1.1rem;
}




.page_top {
	position: absolute;
	top: -15%;
	right: 5%;
	width: 15%;
}







/* 下層ページ */
.page_title {
	width: 100%;
}
.page_point table{
	padding: 3% 2% 0% 2%;
}
.page_point table tr th{
	vertical-align :top;
	width: 12%;
	padding-right: 2%;
}
.page_point table tr td{
	padding-bottom: 3%;
}
.page_point table tr td span{
	font-weight: bold;
	color:#70B304;
	font-size: 1.6rem;
}


.page_hosyou {
	padding: 6% 1% 0 1% ;
}
.page_hosyou p{
	padding: 0 1% ;
}
.page_hosyou table{
	margin: 3% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
	width : 96%;
}
.page_hosyou table tr th{
	padding: 2%;
	background:#EEEABF;
	vertical-align :top;
	text-align :left;
	border: 1px #000000 solid;
	border-collapse: collapse;
	white-space:nowrap;
}
.page_hosyou table tr td{
	padding: 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
}
.page_hosyou span.small_comment {
	padding-left: 1%;
	font-size: 1.0rem;
}
.page_hosyou table tr td ul li.text01 {
	font-weight: bold;
	font-size: 1.7rem;
}
.page_hosyou table tr td ul li.text02 {
	font-weight: bold;
	font-size: 2.2rem;
}
.page_hosyou table tr td ul li.text02 span.price {
	font-weight: bold;
	font-size: 3.8rem;
}
.page_hosyou table tr td ul li.text02 span.oringe {
	color:#F47B20;
}
.page_hosyou table tr td ul li.text02 span.blue {
	color:#0066CC;
}
.page_hosyou table tr td ul li.text03 {
	font-weight: bold;
}
.page_hosyou table tr td ul li.text04 {
	padding-top :2%;
}
.page_hosyou table tr td ul li.text05 {
	padding-bottom :2%;
}
.page_hosyou ul.comment_text {
	padding :2% 2% 0 2%  ;
}
.page_hosyou ul.comment_text li{
	padding-bottom :2% ;
	font-size: 1.3rem;
}




.page_kanyu {
	padding: 7% 1% 0 1% ;
}
.page_kanyu p{
	padding: 2% 1% ;
}
.page_kanyu table{
	margin: 3% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
	width : 96%;
}
.page_kanyu table tr th{
	padding: 2%;
	background:#E1E1E1;
	vertical-align :top;
	text-align :left;
	border-bottom: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-collapse: collapse;
	font-weight: normal;
	white-space: nowrap;
}
.page_kanyu table tr td{
	padding: 2%;
	border-bottom: 1px #000000 solid;
	border-top: 1px #000000 solid;
	border-collapse: collapse;
}
.page_kanyu table tr td dl dt{
	float: left;
}
.page_kanyu table tr td dl dd{
	margin-left: 2rem;
}




.page_hokenryo {
	padding: 7% 1% 0 1% ;
}
.page_hokenryo table{
	margin: 3% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
	width : 96%;
}
.page_hokenryo table tr th{
	padding: 2%;
	background:#EEEABF;
	vertical-align :top;
	text-align :center;
	border: 1px #000000 solid;
	border-collapse: collapse;
}
.page_hokenryo table tr td{
	padding: 2% 8% 2% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
	text-align :right;
}

.page_hokenryo table tr td.age{
	text-align :center;
	padding: 2% 2% 2% 2%;
}




.page_keiyaku {
	padding: 7% 1% 4% 1% ;
}
.page_keiyaku table{
	margin: 3% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
	width : 96%;
}
.page_keiyaku table tr th{
	padding: 2%;
	background:#EEEABF;
	vertical-align :top;
	text-align :left;
	border: 1px #000000 solid;
	border-collapse: collapse;
	white-space:nowrap;
}
.page_keiyaku table tr td{
	padding: 2% 2% 2% 2%;
	border: 1px #000000 solid;
	border-collapse: collapse;
}



.page_message {
	padding: 4% 1% 3% 1% ;
}
.page_message  ul li{
	border-bottom: dotted 1px #333333;
	padding: 2%;
	margin-top: 1.5%;
}
.page_message  ul li.last{
	border-bottom: none;
}



.page_request {
	padding: 4% 1% 3% 1% ;
}
.page_request p.select_text {
	font-weight: bold;
	font-size: 1.7rem;
	padding: 2% 0% 0 2%;
}
.page_request ol{
	padding: 0% 2% 5% 2em;
	list-style-type: disc;
}
.page_request ol li{
	margin: 0% 0% 0% 1.5em;
}
.page_request table {
	margin: 2% 2% 6% 2%;
	width: 96%;
}
.page_request table tr th{
	padding: 4%;
	vertical-align :top;
	text-align :left;
	border-bottom: 1px #000000 dotted;
	border-collapse: collapse;
	white-space: nowrap;
}
.page_request table tr td{
	padding: 4%;
	vertical-align :middle;
	text-align :left;
	border-bottom: 1px #000000 dotted;
	border-collapse: collapse;
}
.page_request table tr td input.text_box{
	width: 100%;
}
.page_request table tr td select_box{
	width: 60%;
}
.page_request table tr td input.text_box02 {
	width:  50%;
}
.page_request table tr td input.text_box03 {
	width:  70%;
	margin-bottom:2%;
}
.page_request table tr td input.text_box04 {
	width:  70%;
}
.page_request .btn_in {
	text-align :center;
	margin-bottom: 3%;
}

.page_request .privacy {
	background:#F0F0F0;
	padding: 2%;
	font-size: 90%;
	margin-bottom: 5%;
}
.page_request p {
	margin-bottom: 2%;
}




.error{
	color:red;
	font-weight:bold;
}
#error{
	color:red;
	font-weight:bold;
}
#error2{
	color:red;
	font-weight:bold;
}
#error3{
	color:red;
	font-weight:bold;
}
#error4{
	color:red;
	font-weight:bold;
}

/*　試算　*/

.shisan_title {
	width: 100%;
}

#shisan2 {
	display: none;
}

#shisan_tabs  {
	margin-top: 3%;
	width: 98%;
	padding-left: 2%;
}
#shisan_tabs li {
	float: left;
	width: 48%;
	cursor: pointer ;
	margin: 0 0 0  0;
	padding: 0 2% 0 0 ;
	overflow: hidden;
}
#shisan1 {
}
#shisan1_back{
	width: 94%;
	background:#E04D08;
	padding: 3%;
}
#shisan2 {
}
#shisan2_back{
	width: 94%;
	background:#2557F4;
	padding: 3%;
}

.shisan_white_box {
	width: 90%;
	background:#fff;
	margin:0 auto;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */

}
.shisan_white_box .text01  {
	text-align :center;
	font-weight: bold;
	padding: 3% 0;
}
.shisan_white_box dl  {
	padding: 0 2%;
}
.shisan_white_box dl dd {
	padding: 2% 2% 4% 2%;
}
.shisan_white_box dl dd select{
	margin-right: 2%;
}
.shisan_white_box dl dd input{
	margin-right: 2%;
}
.shisan_white_box .mitsumori_btn  {
	width: 80%;
	margin: 0 auto;
	padding: 3% 0;
}

.inquiry02 {
	padding: 0 0 4% 0;
}
.inquiry02 p{
	width: 90%;
	padding: 2% 0;
	margin: 0 auto;
}
.inquiry02 div{
	width: 90%;
	margin: 0 auto;
}
.shisan_kekka {
	width: 100%;
}
.shisan_kekka:after {
	display: block;
	clear: both;
	content: '.';
	visibility: hidden;
	height: 0;
}

.shisan_kekka01 {
	background:#E04D08;
}
.shisan_kekka02 {
	background:#2557F4;
}
.shisan_kekka #kekka_in {
	padding: 3%;
}
.shisan_kekka #kekka_in .kingaku_bg {
	width: 80%;
	position: relative;
	margin-top: 3%;
	margin-bottom: 3%;
}
.shisan_kekka #kekka_in .kingaku_bg p{
	position: absolute;
	top: 47%;
	left: 20%;
	font-size: 250%;
	font-family: 'Handlee', cursive;
}
.shisan_kekka #kekka_in .kingaku_bg p span.en{
	font-size: 1.8rem;
	color:#D96D00;
	font-size: 80%;
}
.shisan_kekka #kekka_in .kochira{
	width: 75%;
	margin: 0 auto;
}
.shisan_kekka #kekka_in .yuusou_btn  {
	width: 95%;
	margin: 0 auto;
	padding: 3% 0;
}
.shisan_kekka #kekka_in .white_text  {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 3% 0;
	color:#fff;
}
.shisan_kekka #kekka_in table  {
	width: 100%;
	margin: 2% auto;
	border-collapse: collapse;
}
.shisan_kekka #kekka_in table tr td {
	background:#fff;
	border:solid 3px #DDDDDD;
	padding: 2%;
}
.shisan_kekka #kekka_in table tr td.checkbox_in {
	verttical-align :middle;
	padding: 2% 0 2% 3% !important;
}
.shisan_kekka #kekka_in table tr td.price {
	verttical-align :middle;
	text-align :right;
	white-space:nowrap;
	font-family: 'Handlee', cursive;
}
.shisan_kekka #kekka_in table tr td.bottom_nospace {
	padding: 2% 2% 0 2% !important;
}
.shisan_kekka #kekka_in table tr td .icon_in img {
	margin-right: 2%;
}
.shisan_kekka #kekka_in table tr td .hoken_name01 {
	color:#2CA900;
	font-weight: bold;
	font-size: 110%;
	margin-top: 4%;
	margin-bottom: 3%;
}
.shisan_kekka #kekka_in table tr td .hoken_name01 a{
	color:#2CA900;
}
.shisan_kekka #kekka_in table tr td .hoken_name02 {
	color:#2CA900;
	font-weight: bold;
	font-size: 130%;
	margin-top: 1.5%;
	margin-bottom: 3%;
}
.shisan_kekka #kekka_in table tr td .hoken_name02 a{
	color:#2CA900;
}
.shisan_kekka #kekka_in table tr td .option select{
	margin-left: 2%;
}

.shisan_kekka #kekka_in table tr td input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.shisan_kekka #kekka_in table tr td input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 8px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}

span#shibou_hokenkingaku{

}


 
@media (min-width: 1px) {
    .shisan_kekka #kekka_in table tr td input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .shisan_kekka #kekka_in table tr td input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .shisan_kekka #kekka_in table tr td input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -12px;
         
        background: #FFF;
    }
    .shisan_kekka #kekka_in table tr td input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .shisan_kekka #kekka_in table tr td input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .shisan_kekka #kekka_in table tr td input[type=checkbox]:checked + label::after {
        left: 1px;
        width: 20px;
        height: 10px;
        margin-top: -10px;
        border-left: 4px solid #E71063;
        border-bottom: 4px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}





/*    flow    */

.flow_orange {
	background:#E04D08;
	padding: 1.5%;
	margin-bottom:80px;
}
.flow_cont {
	background:#fff;
	padding: 0 1% ;
}
.flow_cont .time{
	text-align :center;
	padding: 3% 0;
}
.flow_cont .time span{
	color:#FF0000;
}
.flow_cont .step{
	text-align :center;
	padding: 3% 0 0 0 ;
}
.flow_cont .step .tuch_comment{
	width: 40%;
	margin: 1% auto 1% auto;
}
.flow_cont .gray01{
	background:#EEEEEE;
	text-align :center;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	margin: 2% 1%;
	padding: 3%;
}
.flow_cont .gray01 .gray_text01{
	margin-bottom: 2%;
}

.flow_cont .form_area{
	padding: 3% 0;
}
.flow_cont .form_area dl{
	margin: 1%;
}
.flow_cont .form_area dl dd{
	padding: 0.5em 0 1em 1em;
}
.flow_cont .form_area .text_form01 {
	padding: 3% ;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:2px solid #CCCCCC;
	width: 95%;
	-webkit-appearance:none;
}
.flow_cont .form_area .text_form02 {
	padding: 3% ;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:2px solid #CCCCCC;
	-webkit-appearance:none;
}
.flow_cont .form_area .text_form03 {
	padding: 3% ;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:2px solid #CCCCCC;
	width: 40%;
	-webkit-appearance:none;
}


.flow_cont .form_btn_in {
	text-align :center;
	padding: 0 0 4% 0;
}

.flow_cont .form_btn {
	margin: 0 auto;
	width: 90%;
	padding: 0 0 3% 0;
}

.flow_cont .kokuchi_attention{
	margin: 2% 1%;
}
.flow_cont .kokuchi_attention dl{
	margin: 2% 0;
}
.flow_cont .kokuchi_attention dl dt {
	font-size: 1.5rem;

}
.flow_cont .kokuchi_attention dl dd {
	padding-left: 2em;
	padding-bottom: 1%;
}
.flow_cont .example {
	line-height: 200%;
}

.flow_cont .kokuchi_kenko_area {
	margin: 2% 1%;
}

.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box {
	margin-top: 3%;
	padding-top:3%;
	border-top: 5px #10AC00 solid ;
}
.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box table tr th {
	white-space: nowrap;
	vertical-align :top;
	font-weight: normal;
}
.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box table tr td.select_radio {
	padding-top: 1.5%;
}
.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box .sub_question {
	border: dotted 1px #000000;
	padding: 2%;
	margin: 2% 1%  4% 1%;
}
.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box .sub_question .gray_example{
	margin: 2% 0 ;
	background:#DDDDDD;
	padding: 1.5%;
}
.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box .sub_question .kokuchi_list {
	text-indent:-1.4rem;
	margin-left: 1.4rem;
}

.flow_cont .kokuchi_kenko_area .kokuchi_kenko_box .sub_question textarea{
	padding: 2% ;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:2px solid #CCCCCC;
	width: 98%;
	margin: 2% auto;
	-webkit-appearance:none;
}
.flow_cont .form_area .shiharai_area {
	margin-top: 1%;
	padding-top:3%;
	border-top: 5px #10AC00 solid ;
}
.flow_cont .form_area h4.green_h4 {
	color:#10AC00;
	font-size: 1.6rem;
}
.flow_cont .form_area .cont_text01  {
	padding: 1%;
}
.flow_cont .form_area .gray02  {
	background:#F1F1F1;
	padding: 2%;
	margin: 1% 1% 2% 1%;
}
.flow_cont .form_area .gray02 h5 {
	background:#DDDDDD;
	padding: 1%;
	text-align :center;
}
.flow_cont .form_area .gray02 ol {
	list-style-type: decimal;
	margin: 2% 0 0 2rem;
}
.flow_cont .form_area .gray02 ol li {
	padding-bottom: 2%;
}
.flow_cont .form_area .gray_border  {
	border-top: 1px solid #BBBBBB;
	padding: 2% 1% 1% 1%;
	margin-top: 2%;
}
.flow_cont .form_area .gray_border .card_name {
	margin-left:1rem;
}
.flow_cont .form_area .gray_border .card_no {
	padding: 2% ;
	-webkit-border-radius: 5px;     /* for Safari and Chrome */
	-moz-border-radius: 5px;    /* for Firefox */
	-o-border-radius: 5px;  /* when Opera Presto 2.3 or later is released */
	-khtml-border-radius:5px;   /* Linux browsers */
	border-radius: 5px;     /* CSS3 */
	behavior: url(border-radius.htc);   /* for IE */
	border:2px solid #CCCCCC;
	margin: 1% 0.5%;
	-webkit-appearance:none;

}
.flow_cont .form_area .small {
	font-size:1.2rem;
	margin-bottom: 1rem;
}
.flow_cont .form_area .small02 {
	font-size:1.2rem;
	text-indent: -1rem;
	margin-left: 1rem;
}
.flow_cont .form_area .small03 {
	font-size:1.2rem;
	margin-bottom: 1rem;
	margin-left: 2rem;
}
.flow_cont .form_area .kakunini_area {
	margin-top: 2%;
}
.flow_cont .form_area .gray02 ul {
	list-style-type: decimal;
	margin: 2% 0 0 2rem;
	list-style-type: none;
}
.flow_cont .form_area .gray02 ul li {
	padding-bottom: 2%;
	text-indent: -1rem;
	margin-left: 1rem;
}
.flow_cont .form_area .gray03 {
	padding: 2%;
	border:1px solid #CCCCCC;
	margin: 1% 0.5%;
}
.flow_cont .form_area .gray03 .margin_bottom {
	margin-bottom: 1rem;
	font-size:1.2rem;
}
.flow_cont .form_area .gray04 {
	padding: 2%;
	border:1px solid #CCCCCC;
	margin: 1% 0.5%;
}
.flow_cont .form_area .gray04 .margin_bottom {
	margin-bottom: 1rem;
	font-size:1.2rem;
}

.flow_cont .form_area .gray04{ /* 対象となる要素のクラス名が"element"の場合 */
	overflow: auto;
}
.flow_cont .form_area .gray04::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #9aadfc;
}
/*
.flow_cont .form_area .gray04::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 5px;
	background: #9aadfc;
}
*/
.flow_cont .form_area .gray04::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}

.flow_cont .form_area .gray04::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #9aadfc;
}
.flow_cont .form_area .gray04::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #a3d2a0;
}
.flow_cont .form_area .gray04::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}




.flow_cont .form_area .yes_no {
	padding: 1%;
	text-align :center;
}

.flow_cont .form_area .kakunini_area dl.kakunin_naiyo  {
	margin: 1% 2%;
}
.flow_cont .form_area .kakunini_area dl.kakunin_naiyo {
	margin-bottom: 2%;
}
.flow_cont .form_area .kakunini_area dl.kakunin_naiyo dt {
	background:#E8E8E8;
	padding: 1% 1% 1% 2rem;
	text-indent: -1rem;
}
.flow_cont .form_area .kakunini_area dl.kakunin_naiyo dd {
	padding: 1% 1% 1% 2rem;
}
.flow_cont .form_area .kakunini_area .total_hokenryo{
	text-align :right;
	padding: 1%;
	background:#FF5A00;
	color:#fff;
	width: 70%;
	margin: 0 0 3% 28%;
}
.flow_cont .form_area .kakunini_area .total_hokenryo2{
	text-align :right;
	padding: 1%;
	background:#3163E6;
	color:#fff;
	width: 70%;
	margin: 0 0 3% 28%;
}


.flow_cont .form_area .kakunini_area .kakunin_naiyo_text {
	padding: 1% 1% 2% 2rem;
}
.flow_cont .form_area .doui {
	border: dotted 1px #000000;
	padding: 1% 2% 1% 2%;
	margin: 2% 1%  4% 1%;
}
.flow_cont .form_area .doui p {
	padding: 1% 0;
}
.flow_cont .form_area .company_data {
	border: dotted 1px #000000;
	padding: 1% 2% 1% 2%;
	margin: 2% 1%  4% 1%;
}

.flow_blue {
	background:#2557f4;
	padding: 1.5%;
	margin-bottom:80px;
}




/*************************************************
 よく使うプラグインとスタイルセット
**************************************************/
 
/*モーダルウィンドウ
---------------------------------------*/
/*トリガー要素*/
.modalLink img{
	display:block;
}

	/*拡大できますのメッセージ*/
	.modalCaption{
		padding:5px;
		font-size:11px;
		background:#fff;
		border:1px solid #ddd;
		border-radius:15px;
		margin:0 30px 10px;
		text-align:center;
	}
/*ウィンドウと中身*/
.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.modal {
  display: none;
  padding:50px 10px;
  overflow: auto;
  z-index: 1001;
  position: absolute;
  width: 100%;
  height:auto;
  max-width:640px;
  min-width:320px;
}
/*スワイプで拡大*/
.modalSwipe{
	color:#aaa;
	text-align:center;
	margin-bottom:10px;
}
/*閉じるボタン*/
.modalClose{
	position:relative;
	display:block;
	width:40%;
	padding:10px;
	border-radius:3px;
	color:#fff !important;
	text-decoration:none !important;
	text-align:center;
	margin: 10px auto 0;
	border:1px solid rgba(255,255,255,0.4);
	background:rgba(255,255,255,0.1);
}


.flow_cont .form_area .kakunini_area .total_hokenryo3{
	text-align :right;
	padding: 1% 1%;
	background:#E8E8E8;
	width: 70%;
	margin: 0 0 0 26%;
	font-size:16px;
	font-weight:bold;
}
.premium_waku{
	border-style:solid; 
	border-width:1px; 
	border-color:#FF7933; 
	width:94%; 
	padding:0 2%; 
	margin:0 0 20px 5px;
}
.premium_waku2{
	border-style:solid; 
	border-width:1px; 
	border-color:#3376E6; 
	width:94%; 
	padding:0 2%; 
	margin:0 0 20px 5px;
}


.main_visual_in {
	position:relative;
}
.main_visual_in .main_btn {
	position: absolute;
	bottom: 0;
	left: 8%;
	max-width: 293px;
	width: 48%;
}
.index_menu {
	padding: 30px 5px;
}
.index_menu ul {
	position:relative;
	font-size: 0;
}
.index_menu ul::after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
.index_menu ul li{
	display: inline-block;
	width: calc(( 100% - 18px ) / 3 );
	padding: 3px;
}