html,
body
{
  height: 100%;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku  Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #525252;
  background-color: #fff;
	position:relative;
	min-height:100%;
	height:auto!important;
}

@media screen and (max-width : 768px)
{
	.contract_inquiry .form-control-static{
		padding-left: 15px;
	}
}

.well.important
{
	max-height: 300px;
	overflow-y: auto;
}

.contract_inquiry2 .form-group {
    border-color: #F0F0F0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.contract_inquiry2 h3 {
    font-weight: bold;
}

.contract_inquiry2 .panel-body h3 {
    font-size: 20px;
}

.contract_inquiry2 .panel-warning {
    border-style: solid !important;
    border-radius: 0px;
}

.contract_inquiry h4 {
    margin: 5px 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #0097D6 !important;
    /*padding-left: 15px;*/
}

.contract_inquiry2 h4 {
    border-bottom-style: dotted;
    color: #006588 !important;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.contract_inquiry2 h5 kbd {
    padding-left: 10px;
    padding-right: 10px;
}

/*.contract_inquiry .danger small
{
	color:#FF3737!important;
	font-size:80%;
	padding-left: 15px;
}*/

.eng-title {
    font-family: 'Kalam-Regular' !important;
}

.contract_inquiry label,
.insurance_inquiry label,
.verify-claiminput label
{
	text-align:left!important;
}

.LoadingOff {
    display: none;
    visibility: hidden;
}

.LoadingOn {
    display: inline;
    visibility: visible;
    position: absolute;
    z-index: 998;
}

.alert-warning {
  border-color: #8a6d3b;
}

.hidden {
    display: none;
}

.m0 {
    margin: 0;
}

.m10 {
    margin: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt40 {
    margin-top: 40px;
}

.mt60 {
    margin-top: 60px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

@media screen and (max-width :768px)
{
    .xs-mt15 {
        margin-top: 15px;
    }

    .xs-p-0 {
        padding: 0;
    }
}

.p0 {
    padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus {
	background-color: #fff;
}

label.required:after,
span.required:after{
  font-size: 75%;
  color: #CC3333;
  content: " *"
}


.info-panel{margin-top: 20px;}
.error-panel{margin-top: 20px;}
@media screen and (max-width : 320px)
{
	.error-panel{display:none;}
}

.f75{font-size:75%;}.f85{font-size:85%;}.f90{font-size:90%;}.f120{font-size:120%;}.f130{font-size:130%;}.f150{font-size:150%;}.f160{font-size:160%;}.f170{font-size:170%;}
.contentsbox_5{margin-top:5px;}.contentsbox_10{margin-top:10px;}.contentsbox_20{margin-top:20px;}.contentsbox_30{margin-top:30px;}.contentsbox_50{margin-top:50px;}.contentsbox_60{margin-top:60px;}
.blue{color:#006588;}
.navy {color: #000080;}
.white {color:#ffffff;}
.text-danger {color: #d90000}
.spl05{margin-left:5px;}.spl10{margin-left:10px;}.spl20{margin-left:20px;}

.blue.glyphicon {
    color: #83ccd2!important;
}

a{
    color:#006588;
}

a:focus, a:hover {
    color: #d90000;
    text-decoration: underline;
}

.form-control{
    border-color:#83ccd2;
}

.input-group-addon {
    color: #83ccd2;
}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.container_flow
{
	padding-left:20px;
	padding-right:20px;
}

.container_flow .row
{
	margin-left:-10px;
	margin-right:-10px;
}

.container_flow .col-xs-2
{
	padding-left:0;
	padding-right:0;
}

/*#wrap
{
  min-height: 100%;
  height: auto;
  margin: 0 auto -86px;
  padding: 0 0 160px;
}*/

#wrap
{
  padding-bottom:100px;
}

/*#footer
{
	background:#f6f6f6;
	height:86px;
	border-top:1px solid #dadada;
	position:relative;
}*/

#footer
{
	background:#fff;
	height:45px;
	position:absolute;
	bottom:0;
	width:100%;
}

.container-fluid
{
	padding-left: 15px;
	padding-right: 15px;
}

#footer .row
{
	position:relative;
}

.logo_sakura
{
	position:relative;
	top:20px;
}

.copyright
{
	background:#696969;
	color:#fff;
	margin:0;
	padding-top:14px;
	padding-bottom:14px;
}

/*.copyright
{
	text-align:right;
	position:relative;
	top:35px;
}*/

h1
{
	font-size: 2em;
	margin: 14px 0;
}

#header_bg
{
	background: #0097d6;
	background: -moz-linear-gradient(left, #0097d6 0%, #40bff4 50%, #0097d6 100%);
	background: -webkit-linear-gradient(left, #0097d6 0%,#40bff4 50%,#0097d6 100%);
	background: linear-gradient(to right, #0097d6 0%,#40bff4 50%,#0097d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d6', endColorstr='#0097d6',GradientType=1 );
}

#header
{
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 2px 6px #236785;
	position:relative;
}

#header .logo
{
    padding: 10px 0;
    height: 56px;
}

#header h1
{
    min-height: 50px;
}

.page_name
{
	text-align:right;
	position:absolute;
	top:10%;right:0;
    /*
    background-image: url(../images/logo_header.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 70% auto;
    */
    height: 70px;
}

.page_name span
{
	font-size:75%;
}

.loginuserbox
{
    line-height: 12px;
}

.jumbotron
{
	background:url("../images/title_bg01.png") no-repeat left top;
	box-shadow: 0px 2px 6px #bfbfbf;
}

.title_bg
{
	background:url("../images/title_bg02.png") no-repeat right top;
	background-position:100% 60%;
}

.title_tex
{
	background:url("../images/title_tex.png") repeat;
	padding:40px 20px;
}

.jumbotron h2
{
	color:#fff;
	letter-spacing:0.1em;
	font-size:31px;
	margin-bottom:0;
	margin-top:0;
}

.jumbotron span
{
	font-family: 'Kalam', cursive;
	letter-spacing:0.1em;
	margin-left:5px;
	color:#fff;
}

.form_bg
{
	background:url("../images/login/form_bg.png") no-repeat left top;
	min-height:208px;
	padding:2em 0;
}

.btn-primary {
    background-color: #fff;
    color: #006588;
    border-color: #006588;
}

.btn-primary:active,.btn-primary:active:focus,.btn-primary:hover,.btn-primary:focus {
    background-color: #fff;
    color: #2085a8;
    border-color: #2085a8;
}

.btn-danger {
    background-color: #fff;
    color: #006588;
    border-color: #006588;
}

.btn-danger-default {
    background-color: #fff;
    color: #006588;
    border-color: #006588;
    padding: 0.5em;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.btn-danger:active, .btn-danger:active:focus, .btn-danger:hover, .btn-danger:focus,
.btn-danger-default:active, .btn-danger-default:active:focus, .btn-danger-default:hover, .btn-danger:focus {
    background-color: #fff;
    color: #2085a8;
    border-color: #2085a8;
}

.btn-success {
    color: #fff;
    background-color: #006588;
    border-color: #006588;
}

.btn-success.active,.btn-success:active,.open > .dropdown-toggle.btn-success,
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
.btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover,
.btn-success:hover,.btn-success.focus, .btn-success:focus
{
    color: #fff;
    background-color: #2085a8;
    border-color: #2085a8;
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover,
.btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover,
fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover
{
    background-color: #006588;
    border-color: #006588;
}

.btnarea01
{
	text-align:center;
	margin-top:50px;
}

.btnarea02
{
	text-align:center;
	margin-top:15px;
}

.btn-default
{
	padding:0.5em;
	/*max-width:350px;*/
	/*width:100%;*/
	letter-spacing:0.1em;
	margin-bottom:10px;
    background-color:#006588;
    border-color:#006588;
}

.btn-red-default {
    padding: 0.5em;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
}

.btn-pink-delete {
    padding: 0.5em;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    background-color: #e04172;
    color: #fff;
}

.btn-pink-delete:hover,
.btn-pink-delete:focus {
    color: #fff;
    background-color: #ff4c83;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.btn-default:focus,.btn-default:hover{
    background-color:#2085a8;
    border-color:#2085a8;
}

.btn-lightblue
{
	padding:0.5em;
	/*max-width:350px;*/
	/*width:100%;*/
	letter-spacing:0.1em;
	margin-bottom:10px;
}

.btn-pink
{
	display:block;
	letter-spacing:0.1em;
	font-weight:normal;
}

.btn-ghost-white
{
	border:3px solid #fff;
	color:#fff;
	padding:0.8em 0em;
	letter-spacing:0.1em;
	width:100%;
	max-width:300px;
}

.btn-ghost-yellow
{
	border:3px solid #fad462;
	color:#fad462;
	padding:0.8em 0em;
	letter-spacing:0.1em;
	width:100%;
	max-width:300px;
}

.btn-ghost-yellow:hover
{
	color:#fad462;
}

.btn-service {
    position: relative;
    color: #f9f9f9;
    background-color: #fe9832;
    padding: 0.8em 0em;
    letter-spacing: 0.1em;
    width: 100%;
}

.icon-service {
    position: absolute;
    top: 17px;
    right: 10%;
}

/*UP0000 add start*/
.btn-red {
    background-color: #ab2500;
    color: #fff;
}

.btn-red:hover,
.btn-red:focus {
    color: #fff;
    background-color: #801c00;
    -webkit-transition: all .4s;
    transition: all .4s;
}
/*UP0000 add end*/

.btn-green {
    background-color: #00ac6b;
    color: #fff;
}

.btn-green:hover,
.btn-green:focus {
    color: #fff;
    background-color: #086658;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.btn-loader {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    background-image: url(../images/btn_loader.png);
}

.btn-noborder-white {
    color: #fff;
    font-size: 16px;
    padding: 0.8em 0em;
    letter-spacing: 0.1em;
    width: 100%;
    max-width: 300px;
}

.mypagelogin{
    max-width:none!important;
}

.btn-lightblue {
    background-color: #fff;
    color: #006588;
    border-color: #006588;
}

.btn-lightblue:hover, .btn-lightblue:focus {
    background-color: #fff;
    color:#2085a8;
    border-color:#2085a8;
}

.img-responsive_title {
    display: block;
    height: auto;
    max-width: 70%;
}

.pagetop {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagetop a
{
	font-size:90%;
}

h3
{
	color:#006588;
	margin-top:0;
	margin-bottom:0;
	font-size:23px;
	border-bottom:2px solid #006588;
	padding:0 0 0.3em 0.5em;
}
h3 .main {
    display: inline-block;
    float: left;
    margin-right: 1.0em;
}
h3 .sub {
    display: table-row-group;
    float: none;
    cursor: pointer;
}
h3 .sub .row-lg {
    display: table-row;
    font-size: 15px;
    margin: 5px;
    height: 1em;
}
h3 .sub .row-sm {
    display: table-row;
    font-size: 12px;
    margin: 5px;
    height: 1em;
}

/* マイページ共通 */
.panel-warning {
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}

.panel-blue {
    border-color: #94d4ea;
    background-color: rgba(148,212,234,0.3);
}

.panel-danger {
    border-color: #d90000;
    background-color: #fff;
}

/* マイページお知らせ */
.info_list
{
	width:100%;
}
.info_list th
{
	text-align:left;
	font-weight:normal;
	padding:10px 15px;
}
.info_list td
{
	border-top:none;
	padding:10px 15px;
}

.info_list td a
{
	display:block;
	color:#555;
}

.info_gray th,.info_gray td
{
	background:#f3f3f3;
}
.info_lightgray th,.info_lightgray td
{
	background:#fbfbfb;
}

/* 20170419 ishikawa add start ---------- */
.navbar-collapse {
	background-color: rgba(255,255,255,.9) !important;
	position: fixed !important;
	width: 100% !important;
	max-height: calc(100% - 88px) !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
}
/* 20170419 ishikawa add end ------------ */

.mypage_top_navi_header
{
	margin-bottom:0;
	box-shadow: 0px 2px 6px #bfbfbf;
	border:0;
}

.mypage_top_navi li
{
	border-bottom:1px solid #e8e8e8;
}

.mypage_top_navi li a
{
	font-weight:bold;
}

.top_navi_logout
{
	color:#fff!important;
	background:#0097d6;
}

.top_navi_logout:hover
{
	background:#0097d6!important;
}

.mypage_top_navi li:last-child
{
	border-bottom:none;
}

.navbar-nav
{
    margin:0px -15px;
}

.user_box
{
	margin:0 0 20px 0;
	border:3px solid #94d4ea;
	border-radius:8px;
	padding:1em 1em 0.5em 1em;
}

.user_icon span
{
	font-size:160%;
	color:#dcdcdc;
}

.user_text
{
	font-size:90%
}

.mypage_right_navi li a
{
	font-weight:bold;
	color:#0097d6;
	border-radius:0;
	padding:15px;
}

.mypage_right_navi li
{
	background: url("../images/navi_bg.jpg") repeat;
}

.mypage_right_navi li a:hover, .mypage_right_navi li a:focus
{
	background:url("../images/navi_bg_hover.jpg") repeat;
}

.mypage_right_navi li.active a:hover, .mypage_right_navi li.active a:focus
{
	background:#27aee6;
}

.mypage_right_navi li:nth-child(odd)
{
	border-left:18px solid #0097d6;
}

.mypage_right_navi li:nth-child(even)
{
	border-left:18px solid #14a7e4;
}

.navi_child, .right_navi_child
{
    list-style: none;
    padding-left: 0;
}

.navi_child li, .right_navi_child li
{
    border-left: none !important;
    padding-left: 0 !important;
}

.navi_child li a, .right_navi_child li a
{
    padding: 15px;
    color: #0097d6;
    display: list-item;
}

.navi_child li a:hover, .right_navi_child li a:hover
{
    color: #0097d6;
    background-color: #e9f6fc;
}

button:focus
{
	outline:none;
	border:none;
}

.important_text
{
	padding-left:1em;
	text-indent:-1em;
	color:#fff;
	font-size:90%;
}

.next_box
{
	background:#006588;
}

.next_box .bluebox_bg
{
	padding:2em 0;
}

.input_top
{
	background:#94d4ea;
	border:none;
}

.input_top label
{
	color:#fff;
}

.input_top input,
.input_top select
{
	border:1px solid #04b8e0;
}

.tani
{
	font-weight:bold;
	color:#335561;
	padding-left:0;
	line-height:37px;
}

.payment_top .nen
{
	font-weight:bold;
	color:#335561;
	line-height:37px;
	position:relative;
	left:2%;
}

.input_top .day_width
{
	max-width:575px;
}

.payment_top .day_width
{
	max-width:595px;
}

.thumbnail
{
	width:100%;
	height:auto;
	min-height:180px;
	background:#f9f9f9;
}

.mypage-top-thumbnail {
    position: relative;
    display: flex;
    align-items: center;
}

/* チェックボックス */
div#fukutanmatu,
div#fukutanmatu2,
div#fukutanmatu3,
div#fukutanmatu4,
div#hikeiyakusya,
div#introducer
{
    display:none;
}

input.fukutanmatu1_cb,
input.fukutanmatu2_cb,
input.fukutanmatu3_cb,
input.fukutanmatu4_cb,
input.hikeiyakusya_cb,
input.important1_cb,
input.important2_cb,
input.seikyu1_cb,
input.payeasy_cb,
input.introducer_cb,
input.tmhkcheck_cb,
input.solicitorDescribed_cb
{
	display:none;
}

label.check_text
{
	position:relative;
	margin-left:2.5em;
}

label.check_text:before
{
	position: absolute;
	content: '';
	/*top: 40%;*/
	top: 0.5em;
	left: -2em;
	width: 20px;
	height: 20px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
}

label.check_text_msk {
    font-size: 1em !important;
}

label.no_text
{
    width: 1em;
    height: 1em;
}

input.fukutanmatu1_cb[type="checkbox"]:checked + label::after,
input.hikeiyakusya_cb[type="checkbox"]:checked + label::after,
input.fukutanmatu2_cb[type="checkbox"]:checked + label::after,
input.fukutanmatu3_cb[type="checkbox"]:checked + label::after,
input.fukutanmatu4_cb[type="checkbox"]:checked + label::after,
input.important1_cb[type="checkbox"]:checked + label::after,
input.important2_cb[type="checkbox"]:checked + label::after,
input.payeasy_cb[type="checkbox"]:checked + label::after,
input.introducer_cb[type="checkbox"]:checked + label::after,
input.tmhkcheck_cb[type="checkbox"]:checked + label::after,
input.solicitorDescribed_cb[type="checkbox"]:checked + label::after
{
	position: absolute;
	content: '';
	top: 0;
	left: -1.8em;
	width: 17px;
	height: 8px;
	border-left: 3px solid #006588;
	border-bottom: 3px solid #006588;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

label.radio_text {
    position: relative;
    margin-left: 1.5em;
    font-size: 1em !important;
}

label.radio_text:before {
    position: absolute;
    content: '';
    top: 50%;
    left: -22px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
}

input.seikyu1_cb[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -18px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #006588;
    border-radius: 50%;
}

input.important_danger[type="checkbox"]:checked + label::after {
    border-left: 3px solid #ff3737 !important;
    border-bottom: 3px solid #ff3737 !important;
}

.form_shimei div,
.form_shimei2 div
{
	padding-right:0;
}

.form_yubin1
{
	line-height:37px;
	padding:0;
}

.form_yubin2
{
	padding-right:0;
	padding-left:10px;
}

.form_yubin3
{
	padding:0;
	line-height:37px;
}


.contract_table p,
.contract_table .btn-lightblue
{
	margin-bottom:0;
}

.contract_table th
{
	border-right:1px dotted #147198;
	vertical-align:middle!important;
}

.contract_table th:last-child,
.contract_table td:last-child
{
	border-right:none;
}

.contract_table td
{
	border-right:1px dotted #ddd;
}

/* マイページ契約内容変更 */
.btn-great
{
    font-size: 150%;
    height: 82px;
    padding: 12px;
}

.btn-great span
{
    display: table-cell;
    vertical-align: middle;
    height: 58px;
}

.btn-little
{
    line-height: 29px;
    white-space: normal;
}

.icon-great
{
    font-size: 150%;
    padding: 0 8px;
}

hr.separator
{
    border-top: 20px solid #d9edf7;
}

.mailaddress_ul
{
    margin-top: 10px;
    padding-left: 20px;
}

.mailaddress_ul li
{
    margin-bottom: 1em;
}

.mailaddress_dl
{
    margin-top: 30px;
    margin-bottom: 0px;
}
@media screen and (min-width : 768px)
{
    .mailaddress_dl dt
    {
        width: 80px;
    }
    .mailaddress_dl dd
    {
        margin-left: 100px;
    }
}

/* FAQ アコーディオン */
.panel .panel-heading
{
	background: #f9f9f9;
	background: -moz-linear-gradient(left,  #f9f9f9 37%, #9ee4f4 100%);
	background: -webkit-linear-gradient(left,  #f9f9f9 37%,#9ee4f4 100%);
	background: linear-gradient(to right,  #f9f9f9 37%,#9ee4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#9ee4f4',GradientType=1 ); /* IE6-9 */
	padding: 15px;
}

.panel .panel-heading h3
{
	border-bottom:none;
	padding:0;
}

.panel .panel-heading h3 a
{
	color:#0097d6;
	font-weight:bold;
	display: block;
}

.panel .panel-heading h3.faqsection
{
	color:#0097d6;
	font-weight:bold;
	cursor: pointer;
}

.panel-default
{
	border-color:#F0F0F0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body
{
    border-top: 1px solid #F0F0F0;
}

.panel-group .panel + .panel
{
    margin-top:8px;
}

.panel .panel-body .panel-line {
    list-style: none;
    padding-left: 0;
}

.panel .panel-body .panel-line .panel-line-icon {
    padding-left: 0;
}

.panel .panel-body .panel-line .panel-line-body {
    padding-left: 0;
    position: relative;
    top: -1.4em;
    left: 1.4em;
    margin-bottom: -1.4ex;
    margin-right: 1.4em;
}

.panel .panel-body .panel-line .panel-line-body a {
    color: #d90000;
    text-decoration: underline;

}

/* 任意項目 */
.panel-anyitem {
    background-color: #F0F0F0;
    padding: 10px;
}

.panel-anyitem-body {
    background-color: #FFFFFF;
    padding: 10px;
}

/* 資料ダウンロード リスト */

.download_list a
{
	background: #f9f9f9;
	background: -moz-linear-gradient(left,  #f9f9f9 37%, #9ee4f4 100%);
	background: -webkit-linear-gradient(left,  #f9f9f9 37%,#9ee4f4 100%);
	background: linear-gradient(to right,  #f9f9f9 37%,#9ee4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#9ee4f4',GradientType=1 ); /* IE6-9 */
	padding: 15px;
	border-radius:4px;
	border:1px solid #F0F0F0;
}

.download_list .list-group-item h4
{
	font-weight: bold;
	color: #0097d6;
}

.download_list a:hover
{
	background:#ddf6fb;
}

.download_list .list-group-item + .list-group-item
{
    margin-top:8px;
}

/* 見積ページ */

#estimation_footer
{
	background:#f6f6f6;
	height:86px;
	border-top:1px solid #dadada;
	position:relative;
}

#estimation_wrap
{
  min-height: 100%;
  height: auto;
  margin: 0 auto 0;
  padding:0;
}

.estimation_font_r
{
	font-family: 'NotoSansCJKjp-Regular'
}

.estimation_font_m
{
	font-family: 'NotoSansCJKjp-Medium'
}

.estimation_font_b
{
	font-family: 'NotoSansCJKjp-Bold'
}

.estimation_font_Montserrat
{
	font-family: 'Montserrat', sans-serif!important;
}

.estimation_font_Normal
{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku  Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#estimation_header
{
	background-color:#fff;
	position: relative;
}

#estimation_header .logo
{
    padding: 10px 0;
    height: 56px;
}

#estimation_header_bg
{
	background:#ccc;
}

#estimation_header_bg .title_tex
{
	background:none;
}

#estimation_header_bg .jumbotron:before
{
	content:"";
    display: block;
    padding-top: 45.57%;
}

#estimation_header_bg .jumbotron
{
	box-shadow:none;
	background:url("../images/estimation_image.jpg") center no-repeat;
	background-size: cover;
	position: relative;
    width: 100%;
}

.estimation_jumbotron_box
{
	position: absolute;
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
}

.jumbotron .estimation_jumbotron
{
	color:#fff;
	letter-spacing:0;
	text-shadow:0px 0px 10px #000;
	letter-spacing:0;
}

.jumbotron .estimation_jumbotron h2
{
	font-weight:bold;
    font-size:30px;
	font-size: 3.0rem;
    letter-spacing: .1rem;
}

.estimation_jumbotron .estimation_jumbotron_text
{
    font-size:18px;
    font-size: 1.8rem;
    letter-spacing: .1rem;
}

.estimation_jumbotron .estimation_jumbotron_text span
{
	font-size:34.5px;
}

hr.jumbotron_line
{
	width:50px;
	margin-top:10px;
    margin-bottom:2px;
}

.estimation_point h3
{
	color:#006588;
	border-bottom:1px solid #006588;
	height:49px;
	padding: 0 0 0.3em 0;
}

.cb
{
	clear:both;
}
.fl
{
	float:left;
}

.estimation_point .point_icon
{
	background:#006588;
	color:#fff;
	font-size:20px;
	padding:0px 13px;
	border-bottom:1px solid #006588;
	height:50px;
	line-height:50px;
}

.estimation_point .point_icon span
{
	font-size:30px;
}

.point_title
{
	padding-left:0;
}

.point_title p
{
	font-size:23px;
	padding-left:0.5em;
	line-height:49px;
	border-bottom:1px solid #006588;
	color:#006588;
}

.estimation_point .point_text
{
	padding-left:11.5em;
	padding-right:0;
}

.estimation_pagetop
{
	background:#ddd;
	margin:0;
	padding:0;
}

.estimation_pagetop a
{
	display:block;
	padding-top:13px;
	padding-bottom:13px;
	color:#373737;
	text-decoration:none;
}

.estimation_pagetop a:hover
{
	text-decoration:none;
	color:#656565;
}

.footer_sankaku
{
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom: 15px solid #ddd;
	position: absolute;
    top: -30px;
    left: 49%;
}
.estimation_next_box
{
	background:url("../images/next_box_bg.gif") repeat;
	padding-top:2em;
	padding-bottom:2em;
}

.estimation_next_box label
{
	color:#fff;
    background:#525252;
	text-align: center!important;
	display:block;
	padding-top:9px;
	padding-bottom:9px;
}

.estimation_control
{
	padding-left:0;
}

.estimation_control :disabled
{
    color:#373737;
}

.estimation_label
{
	padding-right:0;
}

.estimation_label2
{
    line-height: 25px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.text_left {
    text-align:left;
}

.text_right {
    text-align: right;
}

.text_margin_tb_0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.estimation_next_box .form-control
{
	border-radius:0px;
	border: none;
}

.estimation_download
{
    border: 1px solid #006588;
    padding: 20px 15px;
}

.estimation_download a
{
    text-decoration: underline;
}

.consent_box
{
	border:2px solid #fff;
	padding:15px 10px;
	color:#fff;
}

.consent_btn
{
    color: #fff;
    border-radius: 0;
    padding: 12px 30px;
    font-weight: normal;
    border: 2px solid #fff;
}

.consent_btn:hover
{
	background:#2085a8;
}

.consent_box_link a
{
	color:#fff;
	text-decoration:underline;

}


/* マイページ 保険金請求 */
.insurance li {
    margin-bottom: 10px;
}

.insurance_jkjkss
{
	margin:30px 0 50px 0;
}

.insurance_jkjkss h4
{
	margin:5px 0 15px 0;
	font-size:20px;
	color:#0097D6!important;
}

.insurance_jkjkss h4 small
{
	font-size:60%;
}

.insurance_jkjkss_msg
{
    margin-top: 20px;
    margin-bottom:20px;
    margin-left:10px;
    margin-right:10px;
	font-size:18px;
    font-weight:bold;
}

.prepare_image {
    padding-left: 0;
    list-style-type: none;
}

.prepare_image li {
    margin-bottom: 5px;
}

.prepare_image ul {
    padding-left: 2em;
    list-style-type: disc;
}

.prepare_image ul > li {
    margin-bottom: 5px;
}

.prepare_image input[type=radio] {
    display: none;
}

.prepare_image label {
    position: relative;
    margin-left: 1.5em;
    font-weight: normal;
    font-size: 1em!important;
}

.prepare_image label:before {
	position: absolute;
	content: '';
	top: 50%;
	left: -22px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #ccc;
    border-radius: 50%;
}

.prepare_image input[type=radio]:checked + label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: -18px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #0097d6;
    border-radius: 50%;
}

/* 印刷用 */
.print_header,.print_contents
{
	display:none;
}

/* エラーページ */
.access_error .error_title h2
{
	font-size:60px;
	margin-top:5px;
	margin-bottom:5px;
	color:#0097d6;
	font-weight:bold;
	text-shadow:4px 4px 0px #d5f2f9;
}

.access_error .error_title span
{
	font-size:40px;
	padding-right:20px;
}

.access_error .error_title h3
{
	font-size:25px;
	margin-bottom:0;
	border-bottom:none;
	color:#0097d6;
	font-weight:normal;
	text-shadow:4px 4px 0px #d5f2f9;
}

.access_error .error_title p
{
	font-size:18px;
	margin-bottom:0;
}

.error_text
{
	line-height:180%;
	padding:40px 0;
	border-top:2px solid #ffef98;
	border-bottom:2px solid #ffef98;
	margin-top:40px;
}

/* 製品種類ラジオボタン */
.selectbtn_radio input
{
	display: none;
}
.selectbtn_radio label
{
	cursor: pointer;
	margin-left: 5px;
	padding: 12px 15px;
	background: #EAEAEA;
	color: #949494;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-radius: 8px;
	width:30%;
	border:1px solid #E0E0E0;
	text-shadow:1px 1px 0 #fff;
}
.selectbtn_radio input[type='radio']:checked + label
{
    background-color: #83ccd2;
    color: #fff;
    border: 1px solid #83ccd2;
    text-shadow: -1px -1px 0px #83ccd2;
}

.selectbtn_radio input[type="radio"]:disabled + label
{
	cursor: default;
}

/* 通知方法ラジオボタン */
.tutihouhou_rb input{
    display: none;
}

.tutihouhou_rb input[type="radio"]:checked + label::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -18px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #006588;
    border-radius: 50%;
}

/* その他ラジオボタン */
.others_radio input,
.others_check input,
.others_radio_mypage input {
    display: none;
}
.others_radio label,
.others_check label,
.others_radio_mypage label {
    cursor: pointer;
    padding: 12px 0px;
    background: #EAEAEA;
    color: #949494;
    font-size: 14px;
    text-align: center;
    line-height: 1;
    transition: .2s;
    border-radius: 8px;
    width: 20%;
    border: 1px solid #E0E0E0;
    display: block;
    float: left;
    margin-left: 5px;
    text-shadow: 1px 1px 0 #fff;
}
.others_radio label.credit,
.others_radio label.furikae,
.others_radio label.carrier,
.others_radio span.credit label,
.others_radio span.furikae label,
.others_radio span.carrier label,
.others_check label.credit,
.others_check label.furikae,
.others_check label.carrier,
.others_check span.credit label,
.others_check span.furikae label,
.others_check span.carrier label,
.others_radio_mypage label.credit,
.others_radio_mypage label.furikae,
.others_radio_mypage label.carrier,
.others_radio_mypage span.credit label,
.others_radio_mypage span.furikae label,
.others_radio_mypage span.carrier label
{
	min-height:52px;
	line-height:28px;
}

.others_radio input[type='radio']:checked + label,
.others_check input[type='checkbox']:checked + label,
.others_radio_mypage input[type='radio']:checked + label {
    background-color: #83ccd2;
    color: #fff;
    border: 1px solid #83ccd2;
    text-shadow: -1px -1px 0px #83ccd2;
}

.others_radio input[type="radio"]:disabled + label,
.others_check input[type="checkbox"]:disabled + label,
.others_radio_mypage input[type="radio"]:disabled + label {
    cursor: default;
}

.control-label
{
	margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
}

.nenrei
{
    font-size: 20px;
    font-weight: normal;
    color: #525252;
    text-align: center;
    line-height: 37px;
}


.jiko_jikan
{
	padding-left: 0;
    padding-right: 0;
    text-align: center;
    line-height: 37px;
    width: 10px;
    font-weight: bold;
}

/* 入力内容確認 */

.table_confirmation_blue .form-group,
.table_confirmation_normal .form-group,
.table_confirmation_kaiyaku .form-group
{
    margin-bottom: 0;
}

.table_confirmation_blue th,
.table_confirmation_normal th
{
	width:30%;
	text-align:left;
}

.table_confirmation_kaiyaku {
    width: 307.94px !important;
    display: inline-table;
}

.table_confirmation_kaiyaku th {
    width: 40%;
    text-align: center;
    font-weight: normal;
}

.table_confirmation_seikyu th {
    width: 40%;
    text-align: left;
    padding: 20px!important;
}

.table_confirmation_jyoutai th {
    width: 40%;
}

.table_confirmation_blue > tbody > tr > th,
.table_confirmation_blue > tbody > tr > td
{
	background:#94d4ea;
	border:1px solid #fff;
	color:#fff;
}

@media screen and (max-width :768px)
{
	.jumbotron .estimation_jumbotron h2
	{
		font-size:34px;
	}
    	.jumbotron .estimation_jumbotron h2
	{
		font-size:20px;
		font-size: 2.0rem;
		margin-bottom:10px;
	}
	.estimation_jumbotron .estimation_jumbotron_text
	{
		font-size:15px;
		font-size: 1.5rem;
	}
}

@media screen and (max-width : 460px)/*414*/
{
	.jumbotron h2{font-size:19px;}
	.jumbotron span{font-size:11px;}
    .page_name
    {
        background-size: 95% auto;
    }
	.page_name span{font-size:60%;}
	.info_list td
	{
		width:100%;
		display:block;
	}
	.info_list th
	{
		width:100%;
		display:block;
		padding:10px 15px 0 15px;
	}
	.calendar_icon{left:0%;}
	.slope
	{
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
	}
	.selectbtn_radio label
	{
		width:100%;
		margin-top:5px;
	}
    .others_radio label,
    .others_check label,
    .others_radio_mypage label {
        width: 100%;
        margin-left: 0px;
    }

    .others_radio_seibetu label {
        width: 48%;
        margin-left: 2%;
    }

	.btn_text
	{
		font-size:110%;
	}
	.estimation_point .point_text,.point_title
	{
		padding-left:15px;
	}
	.estimation_point .point_title p
	{
		font-size: 16px;
		text-align:center;
	}
	.estimation_point .point_icon
	{
		margin-bottom:0;
	}
	.estimation_jumbotron .estimation_jumbotron_text span
	{
    	font-size: 15px;
	}
	hr.jumbotron_line
	{
	    margin-bottom: 6px;
	}
	.estimation_point .point_text
	{
		padding-right:15px;
	}
    .estimation_jumbotron_box
	{
	    top: 20%;
	}
    .sm-small {
        font-size: 90%;
    }
}

@media screen and (min-width : 768px)
{
    .page_name
    {
        background-size: 60% auto;
    }
	.info_list th
	{
		width:25%;
	}
	.calendar_icon{left:0%;}
	.others_radio_mypage label
	{
		width:40%;
	}
	.btn_text
	{
		font-size:110%;
	}
	.estimation_jumbotron_box
	{
    	top: 40%;
	}

}
@media screen and (min-width : 1024px)
{
    .page_name
    {
        background-size: 45% auto;
    }
	.info_list th
	{
		width:15%;
	}
	.others_radio_mypage label
	{
		width:20%;
	}
	.btn_text
	{
		font-size:130%;
	}
}
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
#header {
    background-color: #fff;
    position: relative;
}

#header .logo {
    padding: 10px 0;
    height: 50px;
}

#header .logo_agent {
    padding: 5px 0;
    height: 50px;
}

h1 {
    font-size: 2em;
    margin: 5px 0;
}

.jumbotron {
    background: url("../images/header-bg.jpg") center center no-repeat;
    background-size: cover;
}

.jumbotron h2 {
    font-family: 'Noto Sans Japanese', sans-serif;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.jumbotron span {
    font-family: 'Montserrat', sans-serif;
    display: block;
    letter-spacing: 0.1em;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.title_tex {
    background: none;
    padding: 40px 20px;
}

.title_bg {
    background: none;
    background-position: 100% 60%;
}

.form_bg .form-control {
    display: block;
    width: 100%;
    height: 37px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #454545;
    background-color: #fff;
    background-image: none;
    border: 1px solid #83ccd2;
    border-radius: 0;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btnarea01 .btn-default {
    padding: 0.5em;
    max-width: 250px;
    letter-spacing: 0.1em;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 0;
    background-color: #006588;
}

.btnarea01 .btn-default span {
    display: none;
}

.copyright {
    background: #006588;
    color: #fff;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn-pink {
    color: #fff;
    background-color: #e04172;
    border: 0;
    border-radius: 0;
    padding: 10px 5px;
}

.btn-pink:hover {
    color: #fff;
    background-color: #ff4c83;
}

.btn-light-blue {
    color: #83ccd2;
    background-color: #fff;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
    border-left-color: currentColor;
    border-color: #83ccd2;
    width:170px;
}

.btn-light-blue:hover,.btn-light-blue:focus {
    border-color: #63acb2;
    color: #63acb2;
}

.form_bg {
    background: none;
    min-height: 208px;
    padding: 2em 0;
}


/* 主端末・副端末 容量の説明用 */

table.capa td {
    padding-left:10px;
    padding-right:10px;
}


/*UP0003 2017-05-12 add start ---------- */
.block-grid {
  width: auto;
  overflow: hidden;
  list-style: none;
  margin: 0 -1% 30px;
  padding: 0;
}
.block-grid li {
  float: left;
  margin: 0 1% 30px;
  padding: 0;
}
.block-grid a {
  text-decoration: none;
  font-size: 1.6em;
}

.block-grid-1-2-3 li {
    width: 98%;
}

.block-grid-1-2-3 li:nth-child(2n+1) {
    clear: none;
}

.block-grid-1-2-3 li:nth-child(3n+1) {
    clear: none;
}

@media (min-width: 748px){
  .block-grid-1-2-3 li {
    width: 48%;
  }
  .block-grid-1-2-3 li:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 1000px){
  .block-grid-1-2-3 li {
    width: 31.3333%;
  }
  .block-grid-1-2-3 li:nth-child(2n+1) {
    clear: none;
  }
  .block-grid-1-2-3 li:nth-child(3n+1) {
    clear: both;
  }
}
/*UP0003 2017-05-12 add end ------------ */

/* リンク使用時BootstrapのCSSによって下線除去されてしまうのでリンクの下線追加用 */
.a-custom{
    text-decoration:underline;
}

.navbar-default .menu_icon{
    padding:3px 5px 3px 5px;
}

.navbar-default .menu_icon .menu_moji {
    color: #0097d6;
    font-weight: bold;
    font-size: 9px;
    margin-top: 5px;
    display: block;
}
.navbar-default .menu_icon .icon-bar {
    width:15px;
    margin-left:7px;
    margin-top:2px;
}

.positionchange-forli{
    margin-left:3px;
}

.positionchange-forli2{
    margin-left:-20px;
}

.hidden-optgrp {
    display: none;
}

.mail-whitemoji-head {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.mail-whitemoji {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mail-atsign {
    font-size: 18px;
}

.mail-other-text {
    font-size:15px;
}

.hutoji {
    font-weight: bold;
}

.hosoji {
    font-weight: normal;
}

.alignchange-left {
    text-align: left;
}

.mailbtn-margin {
    margin-bottom:20px;
}

.mailbtn-back {
    color: #fff;
    background-color: #7f7f7f;
    border-color: #7f7f7f;
    font-size: 115%;
    line-height: 1.676;
}

.mailbtn-back:hover {
    color: #fff;
    background-color:#353535;
    border-color:#353535;
}

.mail-mojileft{
    text-align:left;
}

#mailAddressOtherContent {
    display: none;
}

.input_top_colchange {
    color: #525252!important;
}

.input_top_wid_lock {
    width: 90px;
    display: inline-block;
}

.text_left_in{
    text-align:left;
    display:inline-block;
}

.contract_collapse {
    border: none;
    padding: 0.8em;
    font-size:120%
}

.contract_collapse:after {
    position: absolute;
    top: 20px;
    right: 2em;
    content: '';
    width: 12px;
    height: 12px;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.contract_collapse[aria-expanded="true"]:after {
    top: 25px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contract_btn:hover {
    color: #23527c;
}

.border-danger {
    border-color: #d90000;
    border-style:solid;
    border-width:2px;
}

.rei-indent {
    padding-left: 2em;
    display: block;
}

.btn-add:active, .btn-add:active:focus, .btn-add:hover, .btn-add:focus {
    color: #2085a8;
}


.hosyou-pc, .seihin-pc, .kounyu-syomei-pc {
    display: block !important;
}

.hosyou-sp, .seihin-sp, .kounyu-syomei-sp {
    display: none !important;
}

@media only screen and (max-width: 768px) {
    .hosyou-pc, .seihin-pc, .kounyu-syomei-pc {
        display: none !important;
    }

    .hosyou-sp, .seihin-sp, .kounyu-syomei-sp {
        display: block !important;
    }
}

h3 .sameColor-small {
    font-size: 65%;
}

/* 中央揃えと左(右)揃えを共存させるためのCSS */
.custom-rowView {
    display: flex;
    justify-content: center; /* 子要素を中央揃え */
    position: relative;
}

.custom-rowView .custom-rowView-left {
    position: absolute;
    left: 0; /* 左寄せ */
}

.custom-rowView .custom-rowView-right {
    position: absolute;
    right: 0; /* 右寄せ */
}

/* 左揃えと右揃えを共存させるためのCSS */
.custom-rowView2 {
    /* ベンダープレフィックスは省略 */
    display: flex;
    justify-content: space-between;
}

.custom-rowView2 .custom-rowView-left {
    float: left;
}

.custom-rowView2 .custom-rowView-right {
    float: right;
}

.mypage-top-img {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mypage-top-imgbtn {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.Little-Right-Move {
    padding-left: 30px;
    padding-right: 30px;
}

.btn-subdevice {
    background-color: #0097D6;
    color: #fff;
    vertical-align: middle;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* 点滅 */
.blinking {
    -webkit-animation: blink 0.5s ease-in-out infinite alternate;
    -moz-animation: blink 0.5s ease-in-out infinite alternate;
    animation: blink 0.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@-moz-keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes blink {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.color-shocking-pink {
    color: #ff0099;
}

.dsppopfont {
    position: absolute;
    transform: rotate(45deg);
    font-weight: bold;
    right: -15px;
    font-size: 130%;
}

.tanmatsu-henko-info:focus, .tanmatsu-henko-info:hover {
    color: #2085a8;
}

.rotate-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px 15px;
    background-color: rgba(128, 128, 128, 0.7);
    border: 1px solid white;
    box-shadow: 0 0 0 0.5px black;
}

.flip-icon {
    color: white;
    font-size: 30px;
    position: relative;
    top: 5px;
}

.tanmatsu-henko-info {
    position: absolute;
    font-weight: bold;
    right: -25px;
    top: -25px;
    font-size: 45px;
    color: #0098d8;
    background-color: #fff;
    border-radius: 50%;
    border: 0;
    padding: 0;
    max-height: 45px;
    min-height: 45px;
    min-width: 45px;
    max-width: 45px;
}

.rotate-image-btn:hover .glyphicon {
    opacity: 1;
}

.myConfirm.tanmatsu-henko {
    border-radius: 10px;
}

.myConfirm.tanmatsu-henko .ui-dialog-buttonpane {
    background-color: #fff;
    text-align: center;
}

.myConfirm.tanmatsu-henko .ui-dialog-buttonset {
    float: none;
    border-top: solid;
    border-top-color: #ddd;
    border-width: 1px;
    margin-top: 60px;
    height: 50px;
}

.confirm-tanmatsu-henko {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    text-align: center;
    overflow: visible!important;
}

.confirm-tanmatsu-henko .title {
    font-weight: bold;
    font-size: 1.3em;
    padding-bottom: 20px;
}

.btn-tanmatsu-henko-shinsei,
.btn-tanmatsu-henko-shinsei2,
.btn-tanmatsu-henko-close {
    width: 200px !important;
    margin: auto !important;
    position: relative;
}

.btn-tanmatsu-henko-shinsei {
    background-color: #0097d6;
    border-color: #0097d6;
    top:-100px;
}

.btn-tanmatsu-henko-shinsei2 {
    background-color: #0097d6;
    border-color: #0097d6;
    top: -80px;
}

.btn-tanmatsu-henko-shinsei:focus, .btn-tanmatsu-henko-shinsei:hover,
.btn-tanmatsu-henko-shinsei2:focus, .btn-tanmatsu-henko-shinsei2:hover {
    background-color: #10A7e6;
    border-color: #10A7e6;
    outline: 1px solid #10A7e6 !important;
}

.btn-tanmatsu-henko-close {
    color: #0097d6;
    background-color: transparent;
    top: -30px;
}

.btn-tanmatsu-henko-close:focus, .btn-tanmatsu-henko-close:hover {
    color: #d90000;
    text-decoration: underline;
    background-color: transparent;
    outline: none !important;
}

.chk-tanmatsu-henko-visible {
    position: relative;
    top: 90px;
}

.chk-tanmatsu-henko-visible .check_text {
    font-size: 90%;
    font-weight: normal;
}

.anchorZurashi {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
    max-width:0px;
}

.block-right {
    float: right;
    clear: both;
}

.acd-arrow-up,.acd-arrow-down {
    position: relative;
    display: inline-block;
    padding-left: 15px;
}

.acd-arrow-up::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #006588;
    border-right: solid 2px #006588;
    -ms-transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
}

.acd-arrow-down::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #006588;
    border-right: solid 2px #006588;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}

a.acd-arrow-up:focus, a.acd-arrow-down:focus,
a.acd-arrow-up:hover, a.acd-arrow-down:hover {
    color: #2085a8;
    text-decoration:none;
}

.pad-lr-0{
    padding-left:0;
    padding-right:0;
}

.under-link {
    text-decoration:underline;
}

.no-decoration:focus,
.no-decoration:hover {
    text-decoration:none;
}

.big-link{
    text-align:center;
    font-size:20px;
}

/* 保険金請求申込～確認 */
.hokenkin_seikyu h3
, .verify-claiminput h3{
    font-size  : 20px;
    font-weight: bold;
}

.verify-claiminput .verifydocname {
  position    : relative;
  top         : 20px;
}

.verify-claiminput .verifypaneltitle {
  font-size  : 21px;
  font-weight: bold;
  text-align : center;
}

.verify-claiminput .verifynoticecontent {
  text-align: left;
  display   : inline-block;
}

.verify-claiminput .verifynoticetext {
  color:black;
}

.verify-claiminput .verifynoticepanel {
  text-align: center;
}

.verify-claiminput .verifypanelcategory {
  font-size  : 18px;
  font-weight: bold;
  color      : black;
}

.verify-claiminput .verifypanelcontent {
  font-size    : 20px;
  padding-left : 0.85em;
  display      : block;
  color        : black;
}

.verify_mailaddr_title {
  text-align :center;
  font-weight:bold;
  font-size  :21px;
  position   :relative;
  right      :2em;
}

.verify_mailaddr_content {
  text-align: center;
  font-size : 16px;
}


.verify_mailaddr_unregistered {
  color      : red;
  font-weight: bold;
  font-size  : 19px;
}

.seikyu-pc {
    display: block !important;
}

.seikyu-sp {
    display: none !important;
}

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

    .seikyu-sp {
        display: block !important;
    }

    .seikyu-sp-pad {
        padding: 0 !important;
    }
}

.table_jyjk ol, ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.table_jyjk ol, ul li {
    padding-left:30px;
}

.btn-carrierChange{
    margin-bottom:0px;
    height:25px;
    width:70px;
    font-size:12px;
    padding:3px;
    background-color:#ffffff;
    color:#0097d6;
    border-color:#0097d6;
    border-width:2px;
}

.btn-carrierChange:focus, .btn-carrierChange:hover,btn-default:active:focus,.btn-default:active:hover {
    background-color:#ffffff;
    color:#10A7e6;
    border-color:#10A7e6;
}

.label-carrierChange{
    font-weight:normal;
    height:45px;
}

.combobox-carrierChange{
    display:inline-block;
    width:auto;
    margin-bottom:10px;
}

.input-carrierChange{
    margin-right:30px;
}

.productInfo-table {
    margin-bottom:50px;
}


/* ステッパー関連 */
.stepper {
    width: 100%;
    max-width: 760px;
    margin: 1.0em auto 0.5em;
    display: table;
    table-layout: fixed;
    padding: 0;
}

.stepper > li {
    text-align: center;
    display: table-cell;
    position: relative;
    color: #006588;
    padding: 0;
}

.stepper > li > .counter {
    margin: 0 auto 5px;
    background-color: #006588;
    color: #FFFFFF;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    text-align: center;
    font-weight: bold;
    border-radius: 50%;
}

.stepper > li.is-active ~ li {
    color: #757575;
}

.stepper > li.is-active ~ li > .counter {
    background-color: #ddd;
}

.stepper > li span {
    font-size: 0.75em;
    font-weight: bold;
    display: block;
    line-height: 1.4;
}

.stepper > li:after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #006588;
    position: absolute;
    top: 16px;
    left: 50%;
    z-index: -1;
}

.stepper > li.is-active ~ li:after,
.stepper > li.is-active:after {
    background-color: #ddd;
}

.stepper > li:last-child:after {
    display: none;
}

/* 法人マイページTOP用 */
.contract_list {
    overflow-x: scroll;
    height: 75vh;
    width:100%;
}

.contract_list table, .contract_list td, .contract_list th {
    min-width: 100px;
    width: auto !important;
    white-space: nowrap;
    border-collapse: separate;
}

.contract_list th:not(.start),
.contract_list td:not(.start){
    border-top: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.contract_list th.start,
.contract_list td.start{
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: none;
    border-right: 1px solid #ddd;
}

.contract_list tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.contract_list th{
    background-color: #14a7e4;
    color: #fff;
    padding: 10px;
}

.contract_list tr:not(.cancellation) td{
    background-color: #fff;
    padding: 10px;
}

.contract_list tr.cancellation td{
    background-color: #eee;
    padding: 10px;
}

.contract_list tr th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

.contract_list th:first-child,
.contract_list td:first-child {
    width: 100px!important;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.contract_list th:nth-child(2),
.contract_list td:nth-child(2) {
    position: -webkit-sticky;
    position: sticky;
    left: 100px;
}

.contract_list tr td:first-child,
.contract_list tr td:nth-child(2) {
    z-index: 2;
}

.contract_list tr th:first-child,
.contract_list tr th:nth-child(2) {
    z-index: 3;
}

.img-shinseityu {
    opacity: 0.6;
}

.img-shinseityu-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #d90000;
    font-size: 20px;
    font-weight: bold;
    z-index: 1;
}

.question-star-valid, .question-star-list, .question-star-text-list {
    display: flex;
    justify-content: center;
}

.question-star-valid-mark {
    float: left;
    width: 330px;
}

.question-star, .question-star-text {
    float: left;
    height: 50px;
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

.question-star-text {
    text-align: center;
    vertical-align: top;
    font-size: 80%;
}

.question-thanks {
    font-weight: bold;
    font-size: 18px;
    color: #006588;
}

@media screen and (max-width : 378px) {
    .question-star, .question-star-text {
        margin-left: 0;
        margin-right: 0;
    }

    .question-star-valid-mark {
        width: 250px;
    }
}

.MPH056-loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,0.5);
    z-index: 998;
}

.MPH056-loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    z-index: 999;
}

.MPH056-loader p {
    padding-top: 20px;
}

.now-register {
    color: #fff;
    background-color: #006588;
    border-color: #006588;
    border-radius: 5px;
    padding: 3px 6px;
    text-align: center;
    max-width: 100px;
}

.ref-list {
    list-style: none;
    padding-inline-start: 0px;
}

.ref-list li{
    padding-left: 0px;
}

/*募集人確認欄*/
.solicitor-described {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 2px solid #83ccd2;
    padding: 10px 20px 20px 20px;
}

.solicitor-described > label {
    position: relative;
    background-color: #fff;
    top: -20px;
    left: -10px;
    padding: 0 10px;
}

.houjin-contacts {
    display: flex;
    align-items:baseline;
}

@media screen and (max-width:343px) {
    .houjin-contacts {
        flex-direction: column;
    }
}