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


html, body, h1, h2, h3, h4, h5, h6, h7, p, ul, dl, ol, dd, dt, input, form, textarea, select {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 0;
}
html, body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic";
}
html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	-webkit-overflow-scrolling: touch;
	  position: absolute;
}
body {
	font-size: 1.4em;
	width: 100%;
	height: 100%;
	color: #333;
	-webkit-overflow-scrolling: touch;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;

}

#wrapper a:hover {
	text-decoration: underline;
}
.right {
	float: right;
}
.left{
	float: left;

}

.none {
	display: none !important;
}
a img {
	border: none;
}
.center {
	text-align: center;
}
.iblock {
	display: inline-block;
}
.iblock_title {
	padding-left: 70px;
	display: inline-block;
}
input::-webkit-input-placeholder {
 font-size:16px;
}
input{ vertical-align:middle;}
body.drawer-open {
	overflow: hidden;
}
body.drawer-close {
	overflow: auto;
}
.nowrap{ white-space:nowrap;}
/* ------------------------------------------ */
/*共通 */
/* ------------------------------------------ */

/* ------------------------------------------ */
/*　レイアウト　*/
/* ------------------------------------------ */
#wrapper {
	width: 100%;
	min-width: 320px;
	position: absolute;
}
.centerbox {
	width: 1050px;
	clear: both;
	box-sizing: border-box;
	margin: 0 auto;
	word-break: break-all;
	white-space: normal;
	word-wrap: break-word;
}
.none {
	display: none;
}
.v_center{ vertical-align:middle !important;}


.w10{ width:10px !important; min-width:10px !important;  }
.w20{ width:20px !important; min-width:20px !important;}
.w30{ width:30px !important; min-width:30px !important;}
.w40{ width:40px !important; min-width:40px !important;}
.w50{ width:50px !important; min-width:50px !important;}
.w60{ width:60px !important; min-width:60px !important;}
.w70{ width:70px !important; min-width:70px !important;}
.w80{ width:80px !important; min-width:80px !important;}
.w90{ width:90px !important; min-width:90px !important;}
.w100{ width:100px !important; min-width:100px !important;}
.w150{ width:150px !important; min-width:150px !important;}
.w200{ width:200px !important; min-width:200px !important;}
.w300{ width:300px !important; min-width:300px !important;}
.w50p{ width:50% !important; }
.w100p{ width:100% !important;}
/* ------------------------------------------ */
/* header */
/* ------------------------------------------ */
#header {
	width: 100%;
	height: 70px;
	background-size: 160px;
	padding: 0 0 0 156px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 4;
	background-color: #fff;
	overflow: hidden;
}
#header:before{ content:""; width:156px; height: 70px; background: url(../../resources/img/aioi.gif) no-repeat center center; background-size: 100%; display: block; float: left; margin-left: -156px;}
#header.AD:before{ content:""; width:156px; height: 70px; background: url(../../resources/img/AB01.jpg) no-repeat center center; background-size: 100%; display: block; float: left; margin-left: -156px;}
.header_title {
	width: 100%;
	box-sizing: border-box;
	height: 30px;
}
.header_title img {
	max-height: 30px;
	width: auto;
	max-width: 100%;
	height: auto;
}

/* ヘッダー：ログアウトボタン等表示部分 */
.header_menu_field .header_upper  {
    width: 130px;
}

.header_upper {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	display: block;
	min-width: 100px;
	padding: 5px 10px 0 10px;
}
.header_under {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	display: table;
	padding: 0 10px;

	position: relative;
	overflow: hidden;
}


.header_under  p{ position:relative;overflow: hidden;}

.header_upper div {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}
.header_upper div:nth-child(2) {
	min-width: 100px;
}
.header_upper div.header_menu2  {
	width: 120px;
    padding-top: 5px;
	text-align: right;
	display: table;
}

.header_upper div.header_menu2 .info_link a{
	top:-3px !important;
}

.header_under p {
	display: table-cell;
	vertical-align: middle;
}
.header_under p:nth-child(2)
{
	min-width: 8em;
	text-align: right;
	background: none;
	color: #333;}


.header_under p.screen_id
{
	min-width: 8em;
	text-align: right;
	background: none;
	color: #333;

	padding: 0;
	font-size: 1.0rem;

		 color: #888;
		 float: none;
		 width: auto;
		 margin: 0 ;
	 height:auto;
	box-sizing: border-box;

}
.name {
	font-size: 1.2rem;/* transition:all .4s;*/
	line-height: 1;
	overflow: hidden;
	height: 35px !important;
}
.info_link a {
	font-size: 1.6rem;
	color: #fff;
	/*color: #006c60;*/
	/*color: #0693d4;*/
	text-decoration: none;
	font-weight: bold;
	line-height: 2.4rem;
	background: #0593D4 ;
	/*background: #fff;*/
	/*border-radius: 4px;*/
	border-radius: 16px;
	padding:3px 10px;
	position: relative;
	display: inline-block;
	overflow: visible;
	min-height: 2.4rem;
	top :-6px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.info_link a span {
	font-size: 2rem;
	line-height: 2.8rem;
	border-radius: 1.4rem;
	background: #f95198;
	color: #fff;
	min-width: 1.8rem;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 5px;
	padding:0 5px;
	position: absolute;
	top:-23px;
	right:5px;




}

/* ------------------------------------------ */
/* header  固定化用*/
/* ------------------------------------------ */
#wrapper {
	padding-top: 70px;
}
.drawer-hamburger {
	position: fixed !important;
}
#header {
	position: fixed;
	top: 0;
}
/* ------------------------------------------ */
/* main */
/* ------------------------------------------ */
/* トップ画面用のメニュー*/
.main-menu {
	background: url(../../resources/img/bg_h1_area.png) left top no-repeat #006c60;
	position: relative;
	z-index: 1;
	padding: 8px 0 0 0;
	background-size: cover;
}
.main-menu.detail {
	padding: 8px 0 10px 0;
	min-width: 320px;
	box-sizing: border-box;
}
ul.main-btn {
	max-width: 1100px;
	width: 100%;/*safari*/
	width: calc( 100% - 10px );
	margin: 0 auto;
	display: table;
	padding-top: 8px;
}
ul.main-btn > li {
	display: table-cell;
	width: 33.3%;
	text-align: center;
	height: 70px;
	vertical-align: middle;
	padding: 0 5px;
}
.main-menu .cl_box {
	width: clac( 100% - 20px );
}
#btn_myagent a, #btn_jiko a, #btn_mymenu a {
	display: block;
	background: #fff;
	min-height: 65px;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	text-decoration: none;
	box-sizing: border-box;
}
#btn_myagent a:hover, #btn_jiko a:hover, #btn_mymenu a:hover {
	text-decoration: none;
	opacity: 0.85;
}
#btn_myagent a span, #btn_jiko a span, #btn_mymenu a span {
	color: #919191;
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: bold;
}
#btn_myagent a p, #btn_jiko a p, #btn_mymenu a p {
	color: #006c60;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
	height: 18px;
}
#btn_myagent.disable , #btn_jiko.disable { background: none !important;}
#btn_myagent div, #btn_jiko div {
	display: block;
	background: #e7e7e7;
	min-height: 65px;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	text-decoration: none;
	box-sizing: border-box;
}
#btn_myagent div span, #btn_jiko div span{
	color: #919191;
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: bold;
}
#btn_myagent div p, #btn_jiko div p{
	color: #006c60;
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0;
	height: 18px;
}
/*#btn_myagent a p {
	background: url(../../resources/img/logo_myagent.png) center center;
	background-size: cover;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 auto;
	width: 102px
}*/
#btn_myagent a {
	background: url(../../resources/img/icon_myagent.png) top center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_myagent.png) top 3px center no-repeat #fff;
	padding: 30px 0 0 0;
	background-size: 25px;
}
#btn_jiko a {
	background: url(../../resources/img/icon_jiko.png) top center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_jiko.png) top 3px center no-repeat #fff;
	padding: 30px 0 0 0;
	background-size: 25px;
	position: relative;
}
#btn_myagent div {
	background: url(../../resources/img/icon_myagent.png) top center no-repeat #e7e7e7;/*safari*/
	background: url(../../resources/img/icon_myagent.png) top 3px center no-repeat #e7e7e7;
	padding: 30px 0 0 0;
	background-size: 25px;
}
#btn_jiko div {
	background: url(../../resources/img/icon_jiko.png) top center no-repeat #e7e7e7;/*safari*/
	background: url(../../resources/img/icon_jiko.png) top 3px center no-repeat #e7e7e7;
	padding: 30px 0 0 0;
	background-size: 25px;
	position: relative;
}
#btn_myagent div p,#btn_jiko div p{ background:none !important;}
#btn_myagent div span,#btn_jiko div span{background:none !important;}
#btn_mymenu a {
	background: url(../../resources/img/icon_mymenu.png) center 7px no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_mymenu.png) top 7px center no-repeat #fff;
	padding: 30px 0 0 0;
	background-size: 25px;
	position: relative;
}
#btn_mymenu a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	transition: all .3s;
}
#btn_jiko a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	transition: all .3s;
}
#btn_mymenu a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_jiko a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_mymenu a.on {
	background: url(../../resources/img/icon_mymenu_w.png) center 7px no-repeat #03a694;/*safari*/
	background: url(../../resources/img/icon_mymenu_w.png) top 7px center no-repeat #03a694;
	border-radius: 4px 4px 0 0;
	color: #fff;
	box-shadow: none;
	min-height: 70px;
	background-size: 25px;
}
#btn_jiko a.on {
	background: url(../../resources/img/icon_jiko_w.png) center 5px no-repeat #03a694;/*safari*/
	background: url(../../resources/img/icon_jiko_w.png) top 3px center no-repeat #03a694;
	border-radius: 4px 4px 0 0;
	color: #fff;
	box-shadow: none;
	min-height: 70px;
	background-size: 25px;
}
#btn_mymenu a.on p, #btn_mymenu a.on span {
	color: #fff;
}
#btn_jiko a.on p, #btn_jiko a.on span {
	color: #fff;
}
.main-menu .cl_box {
	width: 100%;/*safari*/
	width: calc( 100% - 20px );
	background: #03a694;
	padding: 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
.main-menu .cl_box ul {
	background: #fff;
	display: block;
}
.main-menu .cl_box ul li {
	display: block;
	border-bottom: 1px solid #9e9e9e;
	padding: 0 0 0 0;
}
.main-menu .cl_box ul li a {
	display: block;
	padding: 10px 20px 10px 20px;
	background: url(../../resources/img/icon_arrow_right.png) right center no-repeat; /*safari*/
	background: url(../../resources/img/icon_arrow_right.png) right 10px center no-repeat;
	background-size: 10px;
	color: #1a1a1a;
	text-decoration: none;
}
.main-menu .cl_box ul li div.disable {
	display: block;
	padding: 10px 20px 10px 20px;
	background: url(../../resources/img/icon_arrow_right.png) right center no-repeat; /*safari*/
	background: url(../../resources/img/icon_arrow_right.png) right 10px center no-repeat;
	background-size: 10px;
	color: #000;
	text-decoration: none;
	opacity: 0.8 !important;
}
.main-menu .cl_jiko_box {
	width: 100%;/*safari*/
	width: calc( 100% - 20px );
	background: #03a694;
	padding: 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
.main-menu .cl_jiko_box ul {
	background: #fff;
	display: block;
}
.main-menu .cl_jiko_box ul li {
	display: block;
	border-bottom: 1px solid #9e9e9e;
	padding: 0 0 0 0;
}
.main-menu .cl_jiko_box ul li a {
	display: block;
	padding: 10px 20px 10px 20px;
	background: url(../../resources/img/icon_arrow_right.png) right center no-repeat; /*safari*/
	background: url(../../resources/img/icon_arrow_right.png) right 10px center no-repeat;
	background-size: 10px;
	color: #1a1a1a;
	text-decoration: none;
}

/* ログアウト*/
.main-menu .cl_box ul li a.drawer-menu-item2  {

font-size: 1.6rem;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: #fff;
	background: #f8c62d;

	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	margin:10px;
	width: calc(100% - 20px)
}

/*詳細画面用のメニュー*/
ul.main-btn_detail {
	max-width: 1100px;
	width: 100%;/*safari*/
	width: calc( 100% - 10px );
	margin: 0 auto;
	display: table;
	position: relative;
	z-index: 100;
}
ul.main-btn_detail > li {
	display: table-cell;
	width: 33.3%;
	text-align: center;
	height: 70px;
	vertical-align: middle;
	padding: 0 5px;
}
ul.main-btn_detail > li a {
	display: table;
	background: #fff;
	min-height: 65px;
	height: 65px;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	text-decoration: none;
	box-sizing: border-box;
	width: 100%;
	color: #006c60;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.4;
}
ul.main-btn_detail > li a p {
	display: table-cell;
	vertical-align: middle;
}
#btn_mymenu_detail a {
	background: url(../../resources/img/icon_edit.png) top center no-repeat #fff;
	padding: 0 0 0 0;
	background-size: 56px;
	position: relative;
}
#btn_mymenu_detail a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	transition: all .3s;
}
#btn_mymenu_detail a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_mymenu_detail a.on {
	background: url(../../resources/img/icon_edit_w.png) top center no-repeat #03a694;
	border-radius: 4px 4px 0 0;
	color: #fff;
	box-shadow: none;
	min-height: 70px;
	background-size: 56px;
}
#btn_mymenu_detail a.on p, #btn_mymenu_detail a.on span {
	color: #fff;
}



#btn_jiko_detail a {
	background: url(../../resources/img/icon_edit.png) top center no-repeat #fff;
	padding: 0 0 0 0;
	background-size: 56px;
	position: relative;
}
#btn_jiko_detail a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	transition: all .3s;
}
#btn_jiko_detail a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_jiko_detail a.on {
	background: url(../../resources/img/icon_edit_w.png) top center no-repeat #03a694;
	border-radius: 4px 4px 0 0;
	color: #fff;
	box-shadow: none;
	min-height: 70px;
	background-size: 56px;
}
#btn_jiko_detail a.on p, #btn_jiko_detail a.on span {
	color: #fff;
}





ul.main-btn_detail > li.btn_pdf a {
	background: url(../../resources/img/icon_note.png) center center no-repeat #fff;
	background-size: 36px;
	position: relative;
}
.btn_pdf a {
	position: relative;
}
.btn_pdf a span {
	display: table-cell;
}
ul.main-btn_detail > li.btn_pdf a:before, .mainbtn-box.btn_pdf a:before {
	content: "";
	background: url(../../resources/img/icon_pdf.png) center center no-repeat;
	width: 30px;
	height: 15px;
	background-size: 30px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
}
ul.main-btn_detail > li.btn_bell a {
	background: url(../../resources/img/icon_bell.png) center center no-repeat #fff;
	background-size: 46px;
}

/* トップ画面　見出し*/
.main-menu h1 {
	color: #fff;
	font-size: 2.4rem;
	min-height: 30px;
	line-height: 1.2;
	background-size: 100px;
	padding: 15px 10px 5px 20px;
}
/* 詳細画面　見出し*/
.main-menu h1.back {
	color: #fff;
	font-size: 2.4rem;
	min-height: 30px;
	line-height: 1.2;
	background: none;
	background-size: 100px;
	padding: 0px 10px 5px 60px;
}
.main-menu h1.back a {
	background: url(../../resources/img/icon_arrow_white_L.png) center center no-repeat #0a4942;
	width: 40px;
	height: 40px;
	display: inline-block;
	text-align: center;
	background-size: 12px;
	border-radius: 20px;
	vertical-align: middle;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.3);
	float: left;
	margin: 0 0 0 -40px;
}
.main-menu h1.back a span {
	display: none;
}
.main-menu h1.back p {
	display: inline-block;
	margin: 8px 0 0 10px;
}
.main-menu h1.back p span {
	display: inline;
	margin: 0;
	font-size: 1.6rem;
}
/*detail menu範囲 */
.main-menu.detail section {

	padding-top: 10px
}
/* ------------------------------------------ */
/* pankuzu */
/* ------------------------------------------ */

/* --------------------------------------- */
/* コンテンツ*/
/* ------------------------------------------ */
#contents-area {
	padding: 10px 10px 30px 10px;
	width: 100%;
	box-sizing: border-box;
	max-width: 1100px;
	margin: 0 auto;
	min-height:calc(100vh - 226px);
}
/*見出し表示*/
#contents-area h2 {
	font-size: 2.4rem;
	color: #006c60;
	border-bottom: 2px solid #006c60;
	padding: 15px 10px 3px 10px;
	margin: 10px 0;
	font-weight: bold;
}
#contents-area h3 {
	font-size: 1.8rem;
	color: #1a1a1a;
	font-weight: bold;
	padding: 15px 10px 5px 10px;
	display: block;
}
.cl_folder h3 p{font-size: 1.4rem; font-weight: normal; padding: 0 10px;}

/* 詳細エリア　タイトル部分のアコーディオン表示　*/
#contents-area .cl_folder h3:before, .cl_folder h3:before {
content:"";
width:25px;
height:25px;
background: url(../../resources/img/icon_plus.png) center center no-repeat #006c60;
background-size:15px;
border-radius:12.5px;
display:block;
float:right;
}
#contents-area .cl_folder h3.minus:before {
content:"";
width:25px;
height:25px;
background: url(../../resources/img/icon_minus.png) center center no-repeat #7fb5af;
background-size:15px;
border-radius:12.5px;
display:block;
float:right;
position:relative;
}
/*テーブル表示*/
#contents-area table {
	border: 1px solid #c8c8c7;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;/*safari*/
	width: calc(100% - 40px);
	margin: 0 auto 10px auto;
}
#contents-area table th {
	color: #1a1a1a;
	font-weight: bold;
	background: #c9e1de;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	width: 35%;
	border: 1px solid #c8c8c7;
	text-align: left;
}
#contents-area table thead th {
	color: #1a1a1a;
	font-weight: bold;
	background: #c9e1de;

	padding: 8px;
	font-size: 1.4rem;
	width: 35%;
	border: 1px solid #c8c8c7;
	text-align: center;
	vertical-align:middle;
}
#contents-area table td {
	color: #1a1a1a;
	font-weight: normal;
	background: #fff;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	width: auto;
	border: 1px solid #c8c8c7;
	text-align: left;
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;
}
/* 強調文字*/
.strong{ font-weight: bold; }
.textL{font-size:130% !important;}
.textS{font-size: 80% !important;}
.red{ color:#b70909 !important;}

/* 注記*/
.text_notes {
	background: #e7e7e7;
	font-size: 1.2rem;
	padding: 10px;
	margin: 20px;
}
/* \203b印表示*/
.aster {
	display: block;
	padding: 0 0 0 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 1.1em;
}
.aster:before {
	content: "\203b";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;

}
/* 中点 */
.midpoint {
	display: block;
	padding: 0 0 0 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 -0.4em;
}
/* 中点 */
.midpoint:before {
	content: "\30fb";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;
}
/*　電話番号表記*/
.text_tel {
	font-size: 3.6rem;
	font-weight: bold;
	color: #f95198;
	white-space: nowrap;
}
.text_tel a{ 	color: #f95198; text-decoration: none;}
.text_tel span {
	font-size: 1.2rem;
	font-weight: normal;
	color: #1a1a1a;
}
/*電話番号と時間表記の2段表示枠*/
.cl_box_twin {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}
.cl_box_twin .box {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.cl_box_twin h4{
	font-size: 1.6rem;
	padding: 10px 10px 5px 20px;
	display: table-caption;
}
.box p {
	padding: 0 20px;
}
/*　リンク表示*/
.link {
	padding: 10px;
}
.link a {
	display: inline-block;
	color: #1a1a1a;
	text-decoration: none;
}
.link a span {
	background: url(../../resources/img/icon_triangle.png) left center no-repeat;
	padding: 0 10px 0 20px;
	font-size: 1.4rem;
}
.emergency .link a span {
background: none;
padding:0 10px 0 40px;
font-size:1.8rem;
background-size:10px;
display:block;
line-height: 1;
	position: relative;
}
.emergency .link a span:before {
	content: "";
	float: right;
	width: 30px;
	height: 30px;
	background: url(../../resources/img/icon_tel.png) center center no-repeat #f95198;
	background-size: 18px;
	vertical-align: middle;
	margin: -15px -10px 0 0;
	border-radius: 17px;
	border: 2px solid #fff;
	position: absolute;
	top: 0.5rem;
	left:-5px;
}

 a.link span {
	background: url(../../resources/img/icon_triangle.png) left center no-repeat;
	padding: 0 10px 0 20px;
	font-size: 1.4rem;
	color:#000;
	text-decoration:none !important;
	vertical-align:middle;
}
 a.link{ text-decoration:none !important;}
 .input_table .link:hover,.input_table .link:hover span{ text-decoration:underline !important;}

.link.disable{ background:none !important; }
.link.disable span {
	background: url(../../resources/img/icon_triangle.png) left center no-repeat ;
	background-color:#fff !important;
	padding: 0 20px 0 20px;
	font-size: 1.4rem;
	color: #000;
	opacity: 0.7 !important;
}



/*helpへのリンク*/
.link_help {
	display: block;
	text-align: right;
	padding: 5px 0;
}
.link_help a {
	color: #0473B1;
	text-decoration: none;
	font-size: 1.2rem;
}
.link_help a:after {
	content: "?";
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #368fd2;
	border-radius: 10px;
	text-align: center;
	line-height: 22px;
	margin: 0 3px;
}
.link_help_th{ color: #333; text-decoration: none; }
.link_help_th:after {
	content: "?";
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #368fd2;
	border-radius: 10px;
	text-align: center;
	line-height: 22px;
	margin: 0 3px;
}
/*helpへのリンク*/
.link_help_in {
	display: inline;
	text-align: right;
	padding: 5px 0;
	float: right;
	vertical-align: middle;
}
.link_help_in a {
	color: #0473B1;
	text-decoration: none;
	font-size: 1.2rem;
}
.link_help_in a:after {
	content: "?";
	width: 20px;
	height: 20px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #368fd2;
	border-radius: 10px;
	text-align: center;
	line-height: 22px;
	margin: 0 3px;
}
/*代理店表示*/
h3.num-circle,
#contents-area h3.num-circle {
	padding: 10px 10px 10px 60px !important;
	display: block;
	line-height: 1.2rem;
	background: #006c60;
	color: #fff !important;
	margin: -10px -10px 10px -10px;
	width:calc(100% + 20px ) !important;
	box-sizing:border-box;
}
.num-circle span {
	width: 35px;
	height: 35px;
	border-radius: 22px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 -50px;
	font-size: 1.8rem;
	line-height: 35px;
	background: #fff;
	color: #006c60;
}
.box-company {
	border: 3px solid #ddd;
	padding: 10px;
	margin: 0 0 10px 0;
	border-radius: 4px;
}
/* ２ボタン表示*/
.btn-box {
	display: block;
	text-align: center;
	padding: 15px 10px;
	box-sizing: border-box;
}
.btn-box a{ text-decoration:none;}
.btn-box:after{ content: ""; clear: both; overflow: hidden; height: 0;display: block;}
.btn-box.table-box{ display:table; width: 100%; box-sizing: border-box;}
.btn-box.table-box .table-cell{ display:table-cell; text-align: center !important; vertical-align: top; width: 50%; padding: 10px 5px ; box-sizing: border-box; }
.table-cell ul{ padding:10px ; display: table; margin: 0 auto; min-width: 200px;}
.table-cell ul li{ width:100% ; display: block; text-align: left; padding: 0px;}
.table-cell ul li .aster{ font-size: 0.85em;}

.btn-box button {
	width: 45%;
	max-width: 200px;
	margin: 0 5px 15px 5px;

	min-height: 40px;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 6px;
	border: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic";
	line-height:1.2;
}
.btn-box.table-box button{ width: 100%;  box-sizing: border-box;}
.btn-box button:hover {
	opacity: 0.85;
}
button.btn_del, .btn_del {
	background: url(../../resources/img/icon_del.png) left center no-repeat #b70909;/* safari*/
	background: url(../../resources/img/icon_del.png) left 10px center no-repeat #b70909;
	color: #fff;
	background-size: 15px;
	letter-spacing: 0.3rem;
	text-align: center;
	padding: 8px 20px;
	-webkit-appearance: none;
}
button.btn_detail, .btn_detail {
	background: url(../../resources/img/icon_arrow_white_R.png) right center no-repeat #006c60;/* safari */
	background: url(../../resources/img/icon_arrow_white_R.png) right 10px center no-repeat #006c60;
	color: #fff;
	background-size: 10px;
	letter-spacing: 0.3rem;
	padding: 8px 20px;
	-webkit-appearance: none;
}
.td button.btn_detail{color: #fff;
	background-size: 10px;
	letter-spacing: 0.3rem;
	padding: 5px 20px;
	height:34px;
	box-sizing:border-box;
	-webkit-appearance: none;
	border:none;
	border-radius:6px;
	box-shadow:0px 2px 3px  rgba(0,0,0,0.3);
	background:#006c60;
	background-image:none;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic";
	font-size:1.6rem;
	}
button.btn_submit, .btn_submit {
	background: url(../../resources/img/icon_arrow_black_R.png) right center no-repeat #f9c62d;/* safari */
	background: url(../../resources/img/icon_arrow_black_R.png) right 10px center no-repeat #f9c62d;
	color: #000;
	background-size: 10px;
	letter-spacing: 0.3rem;
	padding: 8px 20px;
	-webkit-appearance: none;

}
button.btn_action, .btn_action {
	background:  #f9c62d;/* safari */
	background: #f9c62d;
	color: #000;
	background-size: 10px;
	letter-spacing: 0.3rem;
	padding: 8px 20px;
	-webkit-appearance: none;

}
button.btn_page_close, .btn_page_close {

	background:  #f9c62d;
	color: #000;
	background-size: 10px;
	letter-spacing: 0.5rem;
	padding: 4px;
	-webkit-appearance: none;
}

button.btn_cancel, .btn_cancel{
	background: #e7e7e7;
	color:#006c60;
	letter-spacing: 0.5rem;
	padding: 4px;
	-webkit-appearance: none;

	}
button.btn_back, .btn_back{

	color:#006c60;
	letter-spacing: 0.5rem;
	padding: 4px;
	-webkit-appearance: none;
	background: url(../../resources/img/icon_arrow_left.png) 10px center no-repeat #e7e7e7;/* safari */
	background: url(../../resources/img/icon_arrow_left.png) left 10px center no-repeat #e7e7e7;
	background-size: 10px;
	}
.btn_back:hover, .btn_cancel:hover,.btn_page_close:hover,.btn_submit:hover,.btn_detail:hover,.btn_del:hover{ text-decoration:none !important; opacity:0.8;}

#doui:checked ~ .btn_checked{ opacity:0.5;}

/* 1ボタン表示　*/

.mainbtn-box {
	display: block;
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
}
.mainbtn-box.simple{ padding: 0px 10px  5px 10px !important;}
.mainbtn-box button{ width:100%; border:none; border-radius:4px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-size:1.6rem; box-shadow:0 2px 4px rgba(0,0,0,0.3); cursor: pointer;
max-width:450px; font-weight:bold;}
.mainbtn-box button:hover{ opacity:0.8;}

.mainbtn-box button.btn_submit, .mainbtn-box .btn_submit p {

	background: #f9c62d;
	background-image:none;
	color: #000;
	background-size: 10px;
	letter-spacing: 0.3rem;
	padding: 8px 20px;
	-webkit-appearance: none;

}

.mainbtn-box a {
	width: 90%;
	max-width: 450px;
	margin: 30px auto;
	min-height: 40px;

	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 6px;
	border: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	cursor: pointer;
	overflow: hidden;
	display: table;
	letter-spacing: 0.2rem;
	box-sizing: border-box;
	padding: 4px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.mainbtn-box a button{ background:none; box-shadow: none; vertical-align: middle; display: table-cell; padding: 0; margin: 0; text-align: center !important;}
.mainbtn-box a button p{ margin :0 auto; width: 100%;  text-align: center; display: block;}
.mainbtn-box.simple a{ margin: 20px auto;}
.mainbtn-box a.btn_detail{ height:40px !important;}
.mainbtn-box a.btn_detail:hover{ opacity:0.8;}
.mainbtn-box a.btn_detail p,.mainbtn-box a.btn_detail button{ min-height:20px !important; box-sizing:border-box; background:none; box-shadow:none; color:#fff; padding:8px; letter-spacing:0.3rem;}
.mainbtn-box a.btn_detail button{ padding:8px; margin:0;}
.mainbtn-box a p {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	min-height: 30px;
	padding: 10px;
}
.mainbtn-box a p span.btn_text_center{ font-size:1.2rem; letter-spacing:1px; text-align:center; display: inline-block; margin:0 auto; width:100%; float:left; font-weight:normal; box-sizing:border-box; padding:0 20px;  }


button.btn_window_close, a.btn_window_close {
	width: 250px;
	max-width: 250px;
	margin:20px auto;
	min-height: 40px;
	height: 40px;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 6px;
	border: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	cursor: pointer;
	overflow: hidden;
	background: url(../../resources/img/icon_btn_close.png) left center no-repeat #f8c62d;/*safari*/
	background: url(../../resources/img/icon_btn_close.png) left 15px center no-repeat #f8c62d;
	color: #1a1a1a;
	background-size: 15px;
	display: block;
	letter-spacing: 0.2rem;
	box-sizing: border-box;
	padding: 4px;
	-webkit-appearance: none;
	text-align:center;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic";
}

button.btn_window_home, a.btn_window_home
 {
	width: 40%;
	max-width: 250px;
	min-width:250px;
	margin: 20px auto;
	min-height: 40px;
	height: 40px;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 6px;
	border: none;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	cursor: pointer;
	overflow: hidden;

	background:#006c60;
	color: #fff;
	background-size: 15px;
	display: block;
	letter-spacing: 0.2rem;
	box-sizing: border-box;
	padding: 4px;
	-webkit-appearance: none;
	text-align:center;
	text-decoration:none;
}
 a.btn_window_home button, a.btn_window_home p{ box-shadow:none; background:none; padding:5px; margin:0; color:#fff; text-align:center; display:block;}

a.btn_window_home:hover,a.btn_window_close:hover{ opacity:0.8;text-decoration:none !important;}


.btn_in_check{border-radius: 6px;
	border: none;
	background:#f8c62d;
	max-width:325px;
	width:100%;
	 margin:20px auto;

	 box-sizing:border-box;
	 box-shadow:0 2px 4px rgba(0,0,0,0.3);
	 font-size:1.6rem;
	 padding:0;
	 }
	 .btn_in_check:hover{ opacity:0.8;}
	 .btn_in_check label,.btn_in_check label.btn_checkbox{ cursor:pointer; display:block; min-height:24px; width:100%;padding:10px 15px 0px 25px !important; box-sizing:border-box !important;}

	 .btn_fix{border-radius: 6px;
	border: none;
	background:#f8c62d;
	max-width:80% !important;
	width:300px !important;
	 margin:20px auto;

	 box-sizing:border-box;
	 box-shadow:0 2px 4px rgba(0,0,0,0.3);
	 font-size:1.6rem;
	 padding:0;
	 letter-spacing:0.25rem;
	 }
	 .btn_fix:hover{ opacity:0.8;}


/* テキスト表示エリア*/
.text-box {
	border: 1px solid #ddd;
	padding: 10px;
	display: block;
	margin: 0 0 10px 0;
}
.text-box ul, .text-box ul li {
	display: block !important;
	padding: 0 0 5px 1em;
	margin: 0;
	line-height: 1.2;
}
.text-box ul li:before {
	content: "■";
	margin: 0 0 0 -1.5em;
	padding: 0 5px;
	font-size: 2rem;
	color: #006c60;
}
.img-center {
	display: block;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.img-center:hover {
	opacity: .85;
}
/* ------------------------------------------ */
/*　スライダー内 */
/* ------------------------------------------ */
/*.main-slider h2 a{ float:right; padding:0 8px;}
.main-slider h2 a img{ height:30px;}*/

.slider {
	display: none;
	transition: all 0.7s;
}
.slider.slick-initialized {
	display: block;
	transition: all 0.7s;
}
.main-slider {
	padding: 0;
	overflow: hidden;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}
.slider {
	width: 100%;
	margin: 0px auto;
	background: url(../../resources/img/bg_slider.png) top repeat-x #d9e9e7;
	/*padding:0 0 25px 0;*/
	padding: 0 0 5px 0;
	background-size: contain;
}
.slider.off {
	background: #fafafa;
	padding: 15px 0;
	display: block;
}
.slick-slide {
	margin: 0px 5px;
	text-align: center;
}
.slick-slide div:first-child ,
.slick-slide > div
{
	/*padding: 10px;*/
	padding:0 10px;
	box-sizing: border-box;
	max-width: 620px;
}
.slick-slide div div.s-box {
	width: 90%;/*safari*/
	width: 92vw;
	display: block;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0px 0 0 0;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	background: url(../../resources/img/bg_card.png) bottom right no-repeat #fff;
	background-size: 180px;
	padding: 5px 0px 10px 0px;

}

.s-box,
#contents-area .s-box {
	width: 90%;/*safari*/
	width: calc( 100% - 20px );
	display: block;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0px auto 20px auto;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	background: url(../../resources/img/bg_card.png) bottom right no-repeat #fff;
	background-size: 180px;
	padding: 5px 0px 10px 0px;
	min-height: 110px;

}
#contents-area .s-box { cursor:default;}
.slick-slide div div.s-box.last-plan, div.s-box.last-plan{ background-color:#ccc !important;}


.slick-slide div div.s-box.dis-plan, div.s-box.dis-plan{ background-color:#f7e4e1 !important;}


/* 契約名称表示部分　*/
.s-box h3,#contents-area .s-box h3 {
	font-size: 2.0rem;
	color: #006F63;
	min-height: 52px;
	height:auto;
	vertical-align: middle;
	display: table;
	width: 100%;
	padding: 0 10px 0 0;
	margin: 0;
	box-sizing:border-box;
}
.s-box h3 p,
#contents-area .s-box h3 p {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 0 5px 20px;
	line-height: 1.3;
	word-break:keep-all;
	white-space: pre-wrap;
}
.s-box h3 p span,
#contents-area .s-box h3 p span {
	display: inline-block !important;
	font-size: 1.4rem;
	text-align: left;
	clear: both;
	width: 100% !important;
	word-break:keep-all;
	white-space: pre-wrap;
}
.s-box h3 a:hover,
#contents-area .s-box h3 a:hover{ text-decoration:underline;}
/*契約状態のラベル表示*/
.s-box h3 span.label_look,
#contents-area .s-box span.label_look {
	display: block;
	background: #f8c62d;
	color: #1a1a1a;
	font-size: 1.2rem;
	text-align: center;
	padding: 10px 8px;
	line-height: 1.4rem;
	box-sizing: border-box;
	clear: both;
	width: 120px;
}

.s-box h3 span.label_end,
#contents-area .s-box h3 span.label_end {
	display: block;
	background: #d0d0d0;
	color: #1a1a1a;
	font-size: 1.4rem;
	text-align: center;
	padding: 10px 8px;
	line-height: 1.4rem;
	box-sizing: border-box;
	clear: both;
	width: 120px;
}
.s-box h3 span.label_dis,
#contents-area .s-box h3 span.label_dis{
display: block;
	background: #c9261b ;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	padding: 10px ;
	line-height: 1.4rem;
	box-sizing: border-box;
	clear: both;
	width: 120px;
}
.s-box a.label_renewal,
#contents-area .s-box a.label_renewal{ text-decoration:none !important; }
.s-box a span.label_renewal:before,
.s-box a.label_renewal span:before,
#contents-area .s-box a span.label_renewal:before,
#contents-area .s-box a.label_renewal span:before

{ content:""; width:15px; height:12px; background:url(../img/icon_triangle.png) left center no-repeat; display:inline-block; }
.s-box a span.label_renewal:hover,
.s-box a.label_renewal span:hover,
#contents-area .s-box a span.label_renewal:hover,
#contents-area .s-box a.label_renewal span:hover{ text-decoration:underline;}
.label_renewal,
#contents-area .label_renewal{background: #f8c62d;display: table-footer-group; font-size: 1.4rem;padding:5px 10px !important; margin:0px 0px 0px 10px; border-radius:4px 4px 0 0 ; color:#1a1a1a; width:150px; position: relative; top:0px ; left:0; text-align:center;}
.s-box span.label_end,
#contents-area .s-box span.label_end{background:#aaa;display: table-footer-group; font-size: 1.4rem;padding:5px 10px !important; margin:0px 0px 0px 10px; border-radius:4px 4px 0 0 ; color:#1a1a1a; width:150px; position: relative; top:0px ; left:0; text-align:center;}

#contents-area .s-box span.label_dis,.label_dis{background: #c9261b;display: table-footer-group; font-size: 1.4rem;padding:5px 10px !important; margin:0px 0px 0px 10px; border-radius:4px 4px 0 0 ; color:#fff; width:150px; position: relative; top:0px ; left:0; text-align:center;height:25px;}

/*契約ラベルの緊急電話表示*/
.s-box h3 span.label_tel,
.s-box h3 a span.label_tel,
#contents-area .s-box h3 span.label_tel,
#contents-area .s-box h3 a span.label_tel
 {
	display: block;
	background: #f95198;
	font-size: 1.2rem;
	text-align: center;
	padding: 10px 8px;
	line-height: 1.4rem;
	color: #fff;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
	clear: both;
	margin: 7px auto 0 auto;
	width: 120px;
}
.s-box h3 a,
 #contents-area.s-box h3 a{
	text-decoration: none;
	color: #fff;
}
.s-box h3 a span.label_tel:before ,
 #contents-area .s-box .s-box h3 a span.label_tel:before {
	content: "";
	float: right;
	width: 30px;
	height: 30px;
	background: url(../../resources/img/icon_tel.png) center center no-repeat #f95198;
	background-size: 18px;
	vertical-align: middle;
	margin: -15px -10px 0 0;
	border-radius: 17px;
	border: 2px solid #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.s-box h3 a span.label_tel_number,
 #contents-area .s-box h3 a span.label_tel_number {
	font-size: 1.1rem;
	white-space: nowrap;
	line-height: 1.4rem;
	padding: 3px 0 0 0 !important;
	margin: 0 0 -5px 0;
}
/*契約情報のテーブル*/
.s-box table,
#contents-area .s-box table {
	margin: 0 30px;
	width: 100%;
	font-size: 1.4rem;
	box-sizing: border-box;
}
.s-box table th,
#contents-area .s-box table th {
	font-weight: bold;
	padding: 2px 5px 2px 10px;
	text-align: left;
	white-space: nowrap;
}
.s-box table td,
#contents-area .s-box table td {
	font-weight: normal;
	padding: 2px 5px 2px 10px;
	text-align: left;
	width: 75%;
}
.s-box h3 img ,
#contents-area .s-box h3 img {
	height: 52px !important;
	width: auto !important;
}
.s-box .youser ,
#contents-area .s-box .youser {
	height: 40px;
	margin: -40px 0 0 0;
}
.s-box .youser img,
#contents-area .s-box .youser img {
	height: 40px !important;
	width: auto !important;
}

/* 契約情報明細非表示設定　*/
.s-box table.table-mask,
#contents-area .s-box table.table-mask{ color: #fff; position: relative; overflow: hidden;}
/*.s-box table.table-mask:before{  content: ""; width: 100%; height: 100%;  position: absolute;top:0; left:-5px; display: block; color: #F95198; text-align: left; line-height: 1.2; padding: 0 ;}*/
.s-box table.table-mask td,
.s-box table.table-mask th
#contents-area  .s-box table.table-mask td,
#contents-area  .s-box table.table-mask th{ text-indent: -9999px; height: 0px; display: none; padding: 0 !important; margin: 0 !important; border: none ;}
.s-box table.table-mask td.visible,
.s-box table.table-mask th.visible,
#contents-area  .s-box table.table-mask td.visible,
#contents-area  .s-box table.table-mask th.visible
{text-indent:0px !important; height:auto; display: table-cell; padding:2px; margin: 0 !important; border: none ; color:#333;}
.table-mask-caution{ display: none;}
.s-box table.table-mask  .table-mask-caution,
#contents-area  .s-box table.table-mask  .table-mask-caution
{text-indent: 0px; display: table-cell;width: 100%; height: 100%;  color: #F95198; text-align: left; line-height: 1.2; padding: 0 ;}
.table-mask-caution h3,
.table-mask-caution .box_block,
.table-mask-caution .text_tel
#contents-area .table-mask-caution h3,
#contents-area .table-mask-caution .box_block,
#contents-area .table-mask-caution .text_tel{ padding: 3px !important ; margin: 0 !important; min-height: 0px !important; height: auto !important; line-height: 1;}


/*契約情報の明細表示*/
.list_detail{display: table-footer-group;}
a.btn_meisai{ margin: 0 0 0 100%  ; width: 60px; display: table; color:#006c60; text-decoration: none; font-size: 1.6rem; padding: 0 0  0 5px; }
a.btn_meisai:after{ width: 15px; height: 15px; content: ""; background: url(../../resources/img/icon_arrow_down.png) center 0px no-repeat;background-size: 15px; float: right; margin: 0 ; transform: rotate(180deg); transition:transform 0.2s;}
a.btn_meisai.cl_off:after{ width: 15px; height: 15px; content: ""; background: url(../../resources/img/icon_arrow_down.png) center 5px no-repeat;background-size: 15px; float: right; margin: 0 ; transition:transform 0.2s; transform: rotate(0deg);}
aside {margin: 0 0 0 100% ; width: 100%; display:block;  }
.cl_off +  aside { display: none ;}

.slick-slide img {
	/* width: 100%;*/

	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 300px;
	margin: 0 auto;
	cursor: pointer;
}
.slick-prev:before,  .slick-next:before {
	color: black;
}
/*.slider-nav{
		width:100%;
		max-width:640px;
		margin:10px auto;
		position:relative;
		padding:5px 70px;
		}*/


	/* topmain スライダー　ページ送り　*/
.slider-nav .slick-prev {
	display: none !important;
}
.slider-nav .slick-next {
	display: none !important;
}
.slider .slick-prev {
	background: url(../../resources/img/icon_arrow_white_L.png) 35px center no-repeat rgba(31,165,227,0.8);
	height: 70px;
	width: 70px;
	position: absolute;
	left: -25px;
	top: 50%;
	margin: -50px 0 0 0;
	text-indent: -9999px;
	border: none;
	border-radius: 35px;
	cursor: pointer;
	z-index: 2;
	background-size: 15px;
}
.slider .slick-next {
	background: url(../../resources/img/icon_arrow_white_R.png) 20px center no-repeat rgba(31,165,227,0.8);
	height: 70px;
	width: 70px;
	position: absolute;
	right: -25px;
	top: 50%;
	margin: -50px 0 0 0;
	text-indent: -9999px;
	border: none;
	border-radius: 35px;
	cursor: pointer;
	z-index: 2;
	background-size: 15px;
}
.slider .slick-prev:hover, .slider .slick-next:hover {
	box-shadow: 0 3px 5px rgba(0,0,0,0.3);
	background-color: rgba(31,165,227,1);
}
/*slider*/
.slider-nav {
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
	padding: 0;
	background: #fff;
	height: 60px;
	max-width: 768px;
}
.slider-nav .slick-slide {
	width: 80px;
	height: 55px;
	text-align: center;
	padding: 5px 0 0 0;
	max-height: 100%;
}
.slider-nav .slick-slide img {
	width: auto;
	height: 35px;
	max-height: 35px;
	max-width: 180px;
	margin: 15px auto 0 auto;
}
.slider-nav .slick-slide p {
	height: 60px;
	width: 75px;
	border-radius: 40px 40px 0 0;
	background: #b2d3cf;
	display: table;
	vertical-align: middle;
	text-align: center;
	margin: 0px auto auto;
	transition: background .8s;
}

.slider-nav .slick-slide.slick-current.slick-center p {
	height: 60px;
	width: 75px;
	border-radius: 40px 40px 0 0;
	background: #006c60;
	display: table;
	vertical-align: middle;
	text-align: center;
	margin: 0px auto auto;
}
/* 契約件数の●表示*/

/*ul.slick-dots {
    position: absolute;
    bottom:5px;
    text-align: center;
    width: 100%;
}*/

ul.slick-dots {
	position: absolute;
	text-align: left;
	width: 100%;
	top: -102px;
	z-index: 2;
	padding: 0 10px 0 10.6em;
	box-sizing: border-box;
	display: block;
	vertical-align: middle;
	overflow:auto;
	height: 42px;
}
.slider-nav ul.slick-dots{top: -32px; text-align:right; padding:0 10px;}

ul.slick-dots li {
    width: 9px;
    height:9px;
    display: inline-block;
    background: #a3cac5;
    cursor: pointer;
    margin: 1px 5px 2px 5px;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 9px;
}


ul.slick-dots li.slick-active {
    background: #0593D4;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin: 0 3.5px;
    border: 2px solid #fff;
}

ul.slick-dots li button {
	display: none;
}
h3 {
	text-align: left;
	padding: 0 0 0 10px;
}
.syoken-btn {
	display: block;
	width: 100%;/*safari*/
	width: calc( 100% - 40px );
	margin: 0 auto;
	text-align: center;
	background: #006c60;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 5px !important;
	box-sizing: border-box;
}
.syoken-btn:hover ,.jiko-btn:hover{
	opacity: 0.8;
}

.syoken-btn a {
	display: table;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	text-decoration: none;
	height: 45px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 5px;
	box-sizing: border-box;
}
.syoken-btn a p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 45px;
	width: 100%;
	background: url(../../resources/img/icon_arrow_white_R.png) right center no-repeat;
	background-size: 13px;
	box-sizing: border-box;
	position: relative;
	padding: 5px 20px 5px 40px;
	line-height: 1.2;
}
.syoken-btn a p:before {
	content: "";
	float: left;
	display: block;
	width: 45px;
	height: 45px;
	background: url(../../resources/img/icon_detail_edit.png) center center no-repeat;
	background-size: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -18px 0 0 0;
}
.syoken-btn.showonly a p:before {
	content: "";
	float: left;
	display: block;
	width: 45px;
	height: 45px;
	background: url(../../resources/img/icon_detail.png) center center no-repeat;
	background-size: 28px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -18px 0 0 0;
}
.syoken-btn img {
	max-height: 40px;
	height: 70px !important;
	width: auto !important;
}
.syoken-btn.showonly.other{ background-color:#0693d4;  }


/*事故連絡ボタンサイズ*/
.jiko-btn {
	display: block;
	width: 100%;/*safari*/
	width: calc( 100% - 40px );
	min-width: 200px !important;
	margin: 0 auto;
	text-align: center;
	background: #f95198;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 5px !important;
	box-sizing: border-box;
}
.jiko-btn a {
	display: table;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	text-decoration: none;
	height: 45px;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 5px;
	box-sizing: border-box;
}
.jiko-btn a p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 45px;
	width: 100%;
	background: url(../../resources/img/icon_arrow_white_R.png) right center no-repeat;
	background-size: 13px;
	box-sizing: border-box;
	position: relative;
	padding: 5px 20px 5px 20px;
	line-height: 1.2;
}
.jiko-btn a p:before {
	/*content: "";
	float: left;
	display: block;
	width: 45px;
	height: 45px;
	background: url(../../resources/img/icon_tel,png.png) center center no-repeat;
	background-size: 25px;
	position: absolute;
	top: 42%;
	left: 0;
	margin: -18px 0 0 0;*/
}

.link_manki{ background:#0593d4; border-radius: 15px ; padding: 4px 10px; color: #fff; text-decoration: none; box-shadow: 0 2px 4px rgba(0,0,0,0.3); font-weight: normal; font-size: 1.6rem; }

.icon_meisai{ display:block; text-align: center;}
.icon_meisai span{ padding: 5px 0 0 20px; background: url(../../resources/img/icon_meisai.png) left center no-repeat; background-size: 12px auto; display: inline-block; margin: 0 auto;}



/* ------------------------------------------ */
/* footer */
/* ------------------------------------------ */
/*
#footer{ width:100%; }
#footer img{ width:100%; height:auto;}
.slick-list{ width:100%;}*/
.footer_menu {
	width: 100%;
	box-shadow: 0 -4px 4px rgba(0,0,0,0.1);
	display: block;
	position: relative;
	overflow: hidden;
	height: auto;
}
.footer_menu ul {
	display: block;
	padding: 0;
	margin: 0;
}
.footer_menu ul li {
	display: block;
	padding: 10px;
	border-bottom: 1px solid #ddd;
	min-height: 40px;
	height: 40px;
	box-sizing: border-box;
}
.footer_menu ul li a {
	display: block;
	color: #1A1A1A;
	background: url(../../resources/img/icon_arrow_right.png) right center no-repeat;
	background-size: 10px;
	text-decoration: none;
}


.footer_menu .screen_id{
		 display:block;
	padding:  0px 150px 0 10px;
	font-size: 1.2rem;
		 background: #fff;
		 color: #666;
		 float:none;
	 text-align: right;
		 width: 100%;
		 margin: 0    ;
	box-sizing: border-box;
	 }
.footer_menu .screen_id_l{
		 display:block;
	padding:  0px 0px 0 10px;
	font-size: 1.2rem;
		 background: #fff;
		 color: #666;
		 float:none;
	 text-align:left;
		 width: 100%;

	box-sizing: border-box;
	max-width: 1080px;
	margin: 0 auto;
	 }


/* ------------------------------------------ */
/* copyright */
/* ------------------------------------------ */
.footer_ber {
	display: block;
}
#copyright {
	font-size: 1rem;
	text-align: center;
	padding: 8px;
	background: #006c60;
	color: #fff;
}
/* ------------------------------------------ */
/* pagetop */
/* ------------------------------------------ */
.btn_pagetop {
	width: 100%;
	height: 40px;
	z-index: 10;
	position:absolute;

}
.btn_pagetop.fix {
	width: 160px;
	height: 45px;
	position: fixed;
	bottom: 28px;
	right:0px;
}
.btn_pagetop a {
	background: #5c5c5c;
	width: 100%;
	padding: 10px;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	height: 40px;
}
.btn_pagetop a span {
	background: url(../../resources/img/icon_pagetop.png) left center no-repeat;
	padding: 10px 10px 10px 30px;
	background-size: 24px;
	height: 40px;
	display: inline;
}
.login_time {
	background: #5c5c5c;
	width: 100%;
	padding: 5px 0 0 0;
	display: block;
	color: #fff;
	text-align: center;
	border-top: none;
	box-sizing: border-box;
}
/* ------------------------------------------ */
/* modal */
/* ------------------------------------------ */
/* モーダル　*/
.cl_modal_window {
	opacity: 0;
	position: absolute;
	z-index: 41000;
	transition: all 0.5s;
	display: block;
	width: 70%;
	height: auto;
	top: -500px;
	right: 1%;
	left: 1%;
	margin: 0 auto;
	overflow: hidden;
}
#id_modal_window {
	opacity: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	z-index: -40000;
	background: rgba(0,0,0,0.0);
	display: block;
	top: 0;
	left: 0;
	overflow: auto;
	backdrop-filter:blur(5px);
	transition: z-index 1s;
	visibility: hidden;
}
#id_modal_window.on {
	display: block;
	cursor: pointer;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 40000;
	background: rgba(0,0,0,0.5);
	transition: z-index 0s;
	visibility: visible;
}

/** Safariのみ適用するスタイル */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, #id_modal_window {
       transform: translateZ(-400px);
    }
    ::i-block-chrome, #id_modal_window.on {
       transform: translateZ(400px);
    }
}

#id_modal_window.on +  .cl_modal_window,
#id_modal_window.on   .cl_modal_window{
	position: relative;
	opacity: 1;
	display: block;
	top: 70px;/* bottom:50%;*/
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	border-radius: 4px;
	opacity:0.95;
}
#id_modal_window02,
#id_modal_window03,
#id_modal_window04,
#id_modal_window05,
#id_modal_window06,
#id_modal_window07,
#id_modal_window08,
#id_modal_window09,
#id_modal_window10,
#id_modal_window11,
#id_modal_window12,
#id_modal_window13,
#id_modal_window14,
#id_modal_window15,
#id_modal_window16,
#id_modal_window17,
#id_modal_window18,
#id_modal_window19,
#id_modal_window20,
#id_modal_window21,
#id_modal_window22,
#id_modal_window23,
#id_modal_window24,
#id_modal_window25,
#id_modal_window26,
#id_modal_window27,
#id_modal_window28,
#id_modal_window29,
#id_modal_window30,
#id_modal_window31,
#id_modal_window32,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
#id_modal_window48,
#id_modal_window49,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
#id_modal_windowApp{
	opacity: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	display: block;
	top: 0;
	left: 0;
	overflow: auto;
	background: rgba(0,0,0,0.0);
	z-index: -40000;
	transition: z-index 1s;
	visibility: hidden;
}
#id_modal_window02.on,
#id_modal_window03.on,
#id_modal_window04.on,
#id_modal_window05.on,
#id_modal_window06.on,
#id_modal_window07.on,
#id_modal_window08.on,
#id_modal_window09.on,
#id_modal_window10.on,
#id_modal_window11.on,
#id_modal_window12.on,
#id_modal_window13.on,
#id_modal_window14.on,
#id_modal_window15.on,
#id_modal_window16.on,
#id_modal_window17.on,
#id_modal_window18.on,
#id_modal_window19.on,
#id_modal_window20.on,
#id_modal_window21.on,
#id_modal_window22.on,
#id_modal_window23.on,
#id_modal_window24.on,
#id_modal_window25.on,
#id_modal_window26.on,
#id_modal_window27.on,
#id_modal_window28.on,
#id_modal_window29.on,
#id_modal_window30.on,
#id_modal_window31.on,
#id_modal_window32.on,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
#id_modal_window48.on,
#id_modal_window49.on,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
#id_modal_windowApp.on{
	display: block;
	cursor: pointer;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 40000;
	transition: z-index 0s;
	background: rgba(0,0,0,0.5);
	visibility: visible;
}

/** ↓↓Safariに適用するスタイル↓↓ */
_::-webkit-full-page-media,
_:future,
:root #id_modal_window02,
:root #id_modal_window03,
:root #id_modal_window04,
:root #id_modal_window05,
:root #id_modal_window06,
:root #id_modal_window07,
:root #id_modal_window08,
:root #id_modal_window09,
:root #id_modal_window10,
:root #id_modal_window11,
:root #id_modal_window12,
:root #id_modal_window13,
:root #id_modal_window14,
:root #id_modal_window15,
:root #id_modal_window16,
:root #id_modal_window17,
:root #id_modal_window18,
:root #id_modal_window19,
:root #id_modal_window20,
:root #id_modal_window21,
:root #id_modal_window22,
:root #id_modal_window23,
:root #id_modal_window24,
:root #id_modal_window25,
:root #id_modal_window26,
:root #id_modal_window27,
:root #id_modal_window28,
:root #id_modal_window29,
:root #id_modal_window30,
:root #id_modal_window31,
:root #id_modal_window32,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
:root #id_modal_window48,
:root #id_modal_window49,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
:root #id_modal_windowApp {
    position: absolute;
}
_::-webkit-full-page-media,
_:future,
:root #id_modal_window02.on,
:root #id_modal_window03.on,
:root #id_modal_window04.on,
:root #id_modal_window05.on,
:root #id_modal_window06.on,
:root #id_modal_window07.on,
:root #id_modal_window08.on,
:root #id_modal_window09.on,
:root #id_modal_window10.on,
:root #id_modal_window11.on,
:root #id_modal_window12.on,
:root #id_modal_window13.on,
:root #id_modal_window14.on,
:root #id_modal_window15.on,
:root #id_modal_window16.on,
:root #id_modal_window17.on,
:root #id_modal_window18.on,
:root #id_modal_window19.on,
:root #id_modal_window20.on,
:root #id_modal_window21.on,
:root #id_modal_window22.on,
:root #id_modal_window23.on,
:root #id_modal_window24.on,
:root #id_modal_window25.on,
:root #id_modal_window26.on,
:root #id_modal_window27.on,
:root #id_modal_window28.on,
:root #id_modal_window29.on,
:root #id_modal_window30.on,
:root #id_modal_window31.on,
:root #id_modal_window32.on,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
:root #id_modal_window48.on,
:root #id_modal_window49.on,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
:root #id_modal_windowApp.on{
    position: absolute;
}
/** ↑↑Safariに適用するスタイル↑↑ */

#id_modal_window02.on + .cl_modal_window,
#id_modal_window03.on + .cl_modal_window,
#id_modal_window04.on + .cl_modal_window,
#id_modal_window05.on + .cl_modal_window,
#id_modal_window06.on + .cl_modal_window,
#id_modal_window07.on + .cl_modal_window,
#id_modal_window08.on + .cl_modal_window,
#id_modal_window09.on + .cl_modal_window,
#id_modal_window10.on + .cl_modal_window,
#id_modal_window11.on + .cl_modal_window,
#id_modal_window12.on + .cl_modal_window,
#id_modal_window13.on + .cl_modal_window,
#id_modal_window14.on + .cl_modal_window,
#id_modal_window15.on + .cl_modal_window,
#id_modal_window16.on + .cl_modal_window,
#id_modal_window17.on + .cl_modal_window,
#id_modal_window18.on + .cl_modal_window,
#id_modal_window19.on + .cl_modal_window,
#id_modal_window20.on + .cl_modal_window,
#id_modal_window21.on + .cl_modal_window,
#id_modal_window22.on + .cl_modal_window,
#id_modal_window23.on + .cl_modal_window,
#id_modal_window24.on + .cl_modal_window,
#id_modal_window25.on + .cl_modal_window,
#id_modal_window26.on + .cl_modal_window,
#id_modal_window27.on + .cl_modal_window,
#id_modal_window28.on + .cl_modal_window,
#id_modal_window29.on + .cl_modal_window,
#id_modal_window30.on + .cl_modal_window,
#id_modal_window31.on + .cl_modal_window,
#id_modal_window32.on + .cl_modal_window,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
#id_modal_window48.on + .cl_modal_window,
#id_modal_window49.on + .cl_modal_window,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
#id_modal_windowApp.on + .cl_modal_window,
#id_modal_window02.on .cl_modal_window,
#id_modal_window03.on .cl_modal_window,
#id_modal_window04.on .cl_modal_window,
#id_modal_window05.on .cl_modal_window,
#id_modal_window06.on .cl_modal_window,
#id_modal_window07.on .cl_modal_window,
#id_modal_window08.on .cl_modal_window,
#id_modal_window09.on .cl_modal_window,
#id_modal_window10.on .cl_modal_window,
#id_modal_window11.on .cl_modal_window,
#id_modal_window12.on .cl_modal_window,
#id_modal_window13.on .cl_modal_window,
#id_modal_window14.on .cl_modal_window,
#id_modal_window15.on .cl_modal_window,
#id_modal_window16.on .cl_modal_window,
#id_modal_window17.on .cl_modal_window,
#id_modal_window18.on .cl_modal_window,
#id_modal_window19.on .cl_modal_window,
#id_modal_window20.on .cl_modal_window,
#id_modal_window21.on .cl_modal_window,
#id_modal_window22.on .cl_modal_window,
#id_modal_window23.on .cl_modal_window,
#id_modal_window24.on .cl_modal_window,
#id_modal_window25.on .cl_modal_window,
#id_modal_window26.on .cl_modal_window,
#id_modal_window27.on .cl_modal_window,
#id_modal_window28.on .cl_modal_window,
#id_modal_window29.on .cl_modal_window,
#id_modal_window30.on .cl_modal_window,
#id_modal_window31.on .cl_modal_window,
#id_modal_window32.on .cl_modal_window,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD START */
#id_modal_window48.on .cl_modal_window,
#id_modal_window49.on .cl_modal_window,
/** 【「ご契約内容のお知らせ」Web化（2025/8）】ADD END */
#id_modal_windowApp.on .cl_modal_window{
		position: relative;
	opacity: 1;
	display: block;
	top: 70px;/* bottom:1%;*/
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	border-radius: 4px;
	transition: all 0.5s;
	opacity:0.93;
}
#id_modal_window04.on + .cl_modal_window  {
	opacity: 1;
	display: block;
	top: 70px;/* bottom:1%;*/
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	border-radius: 4px;
	 /*position:fixed; */
}

#id_modal_window04.on .cl_modal_window  {
	opacity: 1;
	display: block;
	top: 70px;/* bottom:1%;*/
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.3);
	border-radius: 4px;
	 /*position:fixed; */
	transition: all 0.5s;
}
#id_modal_window04.on + .cl_modal_window section,
#id_modal_window04.on .cl_modal_window section{ height:250px; overflow-y:auto; }
.modal_header {
	background: #006c60;
	height: 55px;
	color: #fff;
	display: table;
	width: 100.2%;
}
.modal_header h3 {
	display: table-cell;
	vertical-align: middle;
	font-size: 2.0rem;
	padding: 0 10px 0 20px;
}
.modal_header a {
	display: table-cell;
	width: 45px;
	background: url(../../resources/img/icon_close.png) 10px 10px no-repeat;
	background-size: 25px;
	padding: 35px 10px 0 0;
	font-size: 1.0rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.cl_modal_window section {
	padding: 10px 20px;
	overflow-y: auto;
}
/* モーダルチャット用のボタン*/
.btn_chat {
	width: 75%;
	margin: 20px auto 20px auto;
	position: relative;
	max-width: 400px;
}
.btn_chat:hover{ opacity: 0.8;}
.btn_chat a {
	display: block;
	color: #fff;
	text-decoration: none;
	/*background: url(../../resources/img/icon_osirase.png) 10px center no-repeat #006c60;*/
	background: #006c60;
	background-size: 35px;
	/*padding: 15px 10px 15px 60px;*/
	padding: 15px 10px 15px 15px;
	font-size: 1.8rem;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.list{ width: 75%; margin: 0 auto;max-width: 400px; }
.list span{font-size: 1.8rem; padding: 5px 15px 0px 15px;}
.list:hover{ opacity: 1;}
.btn_chat.btn_meisai a {
	display: block;
	color: #111;
	text-decoration: none;
	background: url(../../resources/img/icon_meisai.png) 10px center no-repeat #f0f0f0;
	/*background: #eee;*/
	background-size: 20px;
	/*padding: 15px 10px 15px 60px;*/
	padding: 15px 10px 15px 40px;
	font-size: 1.8rem;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.btn_chat a > span {
	background: url(../../resources/img/icon_arrow_white_R.png) right center no-repeat;
	padding: 0 20px 0 0;
	background-size: 12px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.btn_chat.btn_meisai  a > span {
	background:url(../img/icon_arrow_right.png) right center no-repeat;
	padding: 0 20px 0 0;
	background-size: 12px;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.btn_chat.off a {
	background-color: #999999;
	cursor: default;
	box-shadow: none;
}
.btn_chat.off span {
	opacity: .85;
}
.btn_chat.disable{
	font-size: 1.8rem;
	border-radius: 4px;
	box-shadow: none;}
.btn_chat.disable p {
	display: block;
	color: #fff;
	text-decoration: none;
	/*background: url(../../resources/img/icon_osirase.png) 10px center no-repeat #006c60;*/
	background: #e7e7e7;
	background-size: 35px;
	/*padding: 15px 10px 15px 60px;*/
	padding: 15px 10px 15px 15px;
	font-size: 1.8rem;
	border-radius: 4px;
	box-shadow: none;
}
.info_unmber {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	background: #ea2c7d;
	width: auto;
	height: 35px;
	min-width: 25px;
	display: inline-block;
	text-align: center;
	line-height: 3.5rem;
	border-radius: 17.5px;
	position: absolute;
	top: -15px;
	right: 20px;
	padding:0 5px;
}
/*ログインテーブル*/
#contents-area table.login-box, #contents-area .login-box th, #contents-area .login-box td {
	border: none;
}
#contents-area table.login-box, #contents-area table.login-box td {
	background: #fafafa;
	vertical-align: middle;
	padding: 10px;
}
#contents-area table.login-box {
	width: 80%;
	margin: 20px auto;
	border: 4px solid #006c60;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#contents-area table.login-box.emergency{ border: 4px solid #F95198;}
#contents-area table.login-box.emergency a{ font-weight:bold;}

#contents-area .login-box th {
	background: none;
	text-align: right;
	vertical-align: middle;
	font-size: 1.8rem;
	color: #006c60;
}
.login-box input {
	font-size: 1.6rem;
	height: 30px;
	width: 250px;
	padding: 5px;
	box-sizing: border-box;
	border-radius:2px;
	border:1px solid #c8c8c8;
}
.btn_single_y {
	background: #f8c62d;
	color: #1a1a1a;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 15px 5px;
	font-size: 2.0rem;
	font-weight: bold;
	max-width: 320px;
	width: 90%;
	margin: 10px auto;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	line-height: 1.1;
	-webkit-appearance: none;
}
.btn_single_y p {
	font-size: 2.0rem;
	line-height: 1.1;
	margin: 0;
	padding: 0;
}
.btn_single_y span {
	font-size: 1.2rem;
	line-height: 1.1;
	color: #555;
	margin: 0;
	padding: 0;
}
.btn_single_y:hover {
	opacity: .85;
}


/*事故連絡先テーブル*/
#contents-area table.jiko-box, #contents-area table.jiko-box td {
	background: #fafafa;
	vertical-align: middle;
	padding: 10px;
}
#contents-area table.jiko-box {
	width: 80%;
	margin: 20px auto;
	border: 4px solid #f95198;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#contents-area table.jiko-box h3{ background:#f95198; margin:  -10px -10px 10px -10px; color: #fff; text-align:center; padding:10px 10px 10px 10px ; width: 100%  ; min-height:25px; }
#contents-area table.jiko-box h3:before{ content:""; width:30px; height:30px; display:block; float:left; background:url(../img/icon_tel.png) center left no-repeat; background-size:25px;}

/* 詳細画面*/
.info_box{ padding:15px 10px; }
.messege{ font-size:1.6rem ; padding:10px; margin:0 0 10px 0;}

/* 入力テーブル*/


.input_table{ background:#eee; border-radius:4px; padding:10px 10px; margin-bottom:10px; overflow: hidden;}
.input_table li{ display:table; border-bottom:1px solid #8e8e8e; padding: 10px 0; width:100%;}
.input_table li:last-child{ border:none;}
.input_table li .th{ display:table-cell; width:195px; padding:0 0 0 45px; box-sizing:border-box; vertical-align:top;}
 .input_table li .td{ display:table-cell; padding:0 0 0 10px; box-sizing:border-box;}
.input_table .th{ font-weight:bold; white-space: nowrap; }
.input_table .th span{ font-weight:normal; font-size:1.2rem;}
.input_table .th p{ display:inline-block; }
.input_table .must:before{ float:left; content:"必須"; background:#b70909; color:#fff; padding:1px 8px; font-weight:normal; font-size:1.2rem; margin-left:-45px; width:25px; text-align:center;}
 input[type="checkbox"]{ margin:0 10px 5px 0 !important ;  width:18px; height:18px;}
 .input_table textarea{ font-size:1.6rem; min-width:200px; min-height:6em; width:100%; border-radius:3px;border:1px solid #c8c8c7; margin:0 10px 10px 0 ; box-sizing: border-box; }
.input_table textarea.cl_big_area{ min-height:200px;}
  .input_table select{ font-size:1.6rem; min-width:110px; min-height:1em; width:auto; border-radius:3px;border:1px solid #c8c8c7; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; padding:0 5px; margin:0 10px 10px 0 ;  }
.input_table input[type="text"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-size:1.6rem; margin:0 10px 5px 0; width:150px; border-radius:3px; border:1px solid #c8c8c7;}
.input_table input[type="text"].width6,.width6{ width:110px ;}
.input_table input[type="text"].width4,.width4{ width:110px ;}
.input_table input[type="text"].width2,.width2{ width:50px !important}
.input_table input[type="text"].width1,.width1{ width:40px !important}
.input_table input[type="text"].widthL,.widthL{ width:310px !important;}
.input_table input[type="text"].width10,.width10{
	min-width:140px !important;
	width:30%;
	}
.width_password{ width: 250px  !important;}
.input_table label{ display: inline-block; padding:0 15px 5px 0 ;}
.input_box{ display:inline-block; width:100%;}


/* 参照テーブル　*/
ul.view_table{
	border-left: 1px solid #c8c8c7;
	border-top: 1px solid #c8c8c7;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;/*safari*/
	width: calc(100% - 40px);
	margin: 0 auto 10px auto;}
ul.view_table li{ display:table;border-bottom: 1px solid #c8c8c7; width:100%;}

.view_table .th {
	color: #1a1a1a;
	font-weight: bold;
	background: #c9e1de;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	min-width: 200px;
	border-right: 1px solid #c8c8c7;
	text-align: left;
	display:table-cell;
}
.view_table .td {
	color: #1a1a1a;
	font-weight: normal;
	background: #fff;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	width:100%;
	border-right: 1px solid #c8c8c7;
	text-align: left;
	display:table-cell;
}
.view_table .th span{ font-weight:normal; font-size:1.2rem;}
.view_table  .th p{ display:inline-block; }
.view_table .input_box{ width: calc(100% + 16px ); border-bottom:1px solid  #c8c8c7; display:block; margin:0 -8px; padding:5px 10px ; box-sizing:border-box;
white-space: normal; word-break:break-all; word-wrap: normal; }
.view_table .input_box:first-child{ padding:0px 10px 5px 10px ;}
.view_table .input_box:last-child{ border:none; padding:5px 10px 0px 10px ;}

/* 完了メッセージ*/
.info_finish{ width:90%; border:2px solid #087065; margin:10px auto; padding:20px; font-size:1.6rem;}

/* トップ契約警告メッセージ*/
.info_finish100{ display:none;}
#max100 .info_finish100{ width:90%; border:2px solid #087065; margin:10px auto; padding:15px 20px; font-size:1.6rem; color:#f00; background:#fff; z-index:100; position:relative; top:5px; height:auto; overflow-y:auto; display:block; max-width:1000px;}


/*　カスタムチェックボックス・ラジオボタン*/
.hide_checkbox,.hide_radio{ display:none;}
.btn_checkbox,.btn_radio{ position:relative; padding:0px 15px 10px 25px; width:auto; display:inline-block; }
.center .btn_checkbox,.center .btn_radio{ position:relative; padding:0px 15px 10px 25px; width:auto; display:inline-block; margin-left:15px; }
.hide_checkbox + .btn_checkbox:before{ content:""; width:18px; height:18px; border:1px solid #c8c8c8;  border-radius:2px; background:#fff; display: inline-block; vertical-align:middle; margin:0 10px 0 0 ; padding:0; position:absolute; top:0px; left:0;}
.hide_checkbox:checked  + .btn_checkbox:after{ content:"";
  display: block;
   position: absolute;
  top: -5px;
   left: 6px;
  width: 7px;
   height: 14px;
  transform: rotate(40deg);
  border-bottom: 4px solid #006c60;
   border-right: 4px solid #006c60;
}

.hide_radio + .btn_radio:before{ content:""; width:18px; height:18px; border:1px solid #c8c8c8;  border-radius:9px; background:#fff; display: inline-block; vertical-align:middle; margin:0 10px 0 0 ; padding:0; position:absolute; top:0px; left:0;}
.hide_radio:checked  + .btn_radio:after{ content:""; width:12px; height:12px; border:none;  border-radius:6px; background:#006c60; display: inline-block; vertical-align:middle; margin:0 10px 0 0 ; padding:0; position:absolute; top:4px; left:4px;}

.caution{ color:#f95198; display:inline-block;}

/*　利用規約　*/
.kiyaku {  width:90%;  height:250px; margin:0 auto; font-size:1.4rem; font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; text-align:left; padding:20px 20px 20px 20px ; box-sizing:border-box; overflow:auto; border:1px solid #c8c8c8; }
.kiyaku h3{ font-size:2.0rem; padding:20px 0 10px 0px !important ; margin:0 ;}
.kiyaku h4{ font-size:1.8rem; padding:20px 0 10px 0;}
.kiyaku h5{ font-size:1.6rem; padding:20px 0 10px 0;}
.kiyaku p{ padding:0 0 8px 2rem ; }
.kiyaku p.indent2{  padding:0 0 8px 4.8rem ; text-indent:-2.8rem;}
.kiyaku p.indent3{  padding:0 0 8px 5.8rem ; text-indent:-3.8rem;}


/*　入力エラー　*/
.info_err{ width:100%; background: url(../../resources/img/icon_err.png) 10px 10px  no-repeat #b70909; background-size:25px; color:#fff; padding:10px 10px 10px 50px; box-sizing:border-box; margin:10px 0; }
.info_err p{ padding:3px 0 3px 1em; line-height:1.3;}
.info_err p:before{ content:""; margin:0 0 0 -1em;}


.err .info_err{width:100%; background:none; background-size:25px; color:#c9261b; padding:10px 10px 10px 0px; box-sizing:border-box; margin:0px 0; }
.err.info_err p{ padding:0px 0 5px 1em; line-height:1.3; font-size:1.8rem;}
.err .info_err p:before{ content:""; margin:0 0 0 -1em;}


.err input,
.err input[type="text"],
.err input[type="checkbox"],
.err input[type="radio"],
.err textarea,
.err select

{ border:1px solid #b70909 !important ; background:#fedcea;}
.err .hide_checkbox + .btn_checkbox:before,
.err .hide_radio + .btn_radio:before
{border:1px solid #b70909 !important ; background:#fedcea;}


/* disable form */
input:disabled,select:disabled,textarea:disabled{ background:#ccc !important;}
input.hide_checkbox:disabled + .btn_checkbox:before,input.hide_radio:disabled + .btn_radio:before{ background:#ccc !important;}


/* 共通エラー表示*/
.info_err_box{ max-width:1050px; width:100%; background: url(../../resources/img/icon_err.png) center 10px  no-repeat ; background-size:40px; color:#333; padding:60px 10px 20px 10px; box-sizing:border-box; margin:10px 0 50px 0;
text-align:center; border:2px solid #b70909; font-size:1.8rem; }
.info_err_box p{ word-break:keep-all; word-wrap: break-word;}

/* ログイン前　メンテ情報*/
.info_messege{ border:5px double #b70909; padding:10px; margin:0 0 10px 0;}
.info_messege p{ text-align:center; font-size:1.6rem;}

/* 契約選択チェック表示　*/
.item-check{  min-height:80px;background:#efefef; border-radius:8px; }
.item-check.checked{ background-color:#03a695;}
.item-check.checked p,.item-check.checked span{ color:#fff;}
.item-check label{display:table-cell;vertical-align:middle; padding:0 0 10px 0;}
#contents-area .item-check h3{ height:100px;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* PC用 サイズ */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (min-width:769px) {
#wrapper {
	width: 100% !important;
}
#header {
	box-shadow: 0 0px 2px rgba(0,0,0,0.3);
	z-index: 10;
	overflow: hidden;
}
.name {
	font-size: 1.2rem;
	padding: 5px  0 0 0px;/* transition:all .4s;*/
}
/*top menu範囲 */
.main-menu {
	padding: 0;
	position: relative;
	z-index: 9;
}
.main-menu section {
	background: #fff;
	border-top: 1px solid #ddd;
}
/*detail menu範囲 */
.main-menu.detail section {
	background: none;
	border-top: none;
	width: 100%; /*max-width:1100px;*/
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	box-sizing: border-box;
	position: relative;
}
/*top menuボタン*/
ul.main-btn {
	max-width: 1100px;
	width: 100%;/*safari*/
	width: calc( 100% - 10px );
	margin: 0 auto;
	display: table;
	border-right: 1px solid #ddd;
	height: 45px;
	padding: 0;
}
ul.main-btn > li {
	display: table-cell;
	width: 33.3%;
	text-align: center;
	height: 45px;
	vertical-align: top;
	padding: 0;
	border-left: 1px solid #ddd;
}
.main-manu .cl_box {
	width: clac( 100% - 20px );
}
/*detail menuボタン*/
ul.main-btn_detail {
	max-width: 1100px;
	width: 26.4%;/*safari*/
	width: calc( 26.4% + 15px );
	margin: 0;
	display: table;
	border-right: 1px solid #ddd;
	height: 65px;
	padding: 0;
	position: relative;
	z-index: 10;
}
ul.main-btn_detail > li {
	display: table-cell;
	width: 13.2%;
	text-align: center;
	height: 65px;
	vertical-align: top;
	padding: 0 5px;
	border-left: none;
	box-sizing: border-box;
}
ul.main-btn_detail {
	border: none !important;
}
ul.main-btn_detail > li#btn_mymenu_detail {
	display: none;
}
/*top menuボタン背景*/
#btn_myagent a, #btn_jiko a, #btn_mymenu a
	 {
	display: block;
	background: #fff;
	min-height: 45px;
	border-radius: 0;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 0 0 0;
	height: 52px;
	margin: 0;
}

#btn_myagent a:hover, #btn_jiko a:hover, #btn_mymenu a:hover {
	text-decoration: none;
	opacity: 0.85;
}
#btn_myagent a span, #btn_jiko a span, #btn_mymenu a span {
	color: #919191;
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: bold;
	/*display: none;*/
}
#btn_myagent a p, #btn_jiko a p, #btn_mymenu a p {
	color: #006c60;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	height: 20px;
	padding: 0;
}

#btn_myagent div, #btn_jiko div
	 {
	display: block;
	/*background: #e7e7e7;*/
	min-height: 45px;
	border-radius: 0;
	box-shadow: none;
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 0 0 0;
	height: 45px;
	margin: 0;
}
/*#btn_myagent a p {
	background: url(../../resources/img/logo_myagent.png) top center;
	background-size: cover;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0px auto;
	width: 140px
}*/
#btn_myagent a {
	background: url(../../resources/img/icon_myagent.png) left center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_myagent.png) left 10px center no-repeat #fff;
	background-size: 25px;
}
#btn_jiko a {
	background: url(../../resources/img/icon_jiko.png) left center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_jiko.png) left 10px center no-repeat #fff;
	background-size: 25px;
}
#btn_myagent div {
	background: url(../../resources/img/icon_myagent.png) left center no-repeat #e7e7e7;/*safari*/
	background: url(../../resources/img/icon_myagent.png) left 10px center no-repeat #e7e7e7;
	background-size: 25px;
}
#btn_jiko div {
	background: url(../../resources/img/icon_jiko.png) left center no-repeat #e7e7e7;/*safari*/
	background: url(../../resources/img/icon_jiko.png) left 10px center no-repeat #e7e7e7;
	background-size:25px;
}
#btn_myagent div p,#btn_jiko div p{ background:none !important;font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","sans-serif","ＭＳ Ｐゴシック", "MS PGothic"; font-weight: bold; font-size: 1.6rem;}
#btn_myagent div span,#btn_jiko div span{ display:none;}

/* top　mymenu開閉　*/
#btn_mymenu a {
	background: url(../../resources/img/icon_mymenu.png) left center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_mymenu.png) left 10px center no-repeat #fff;
	background-size: 25px;
	position: relative;
}
#btn_mymenu a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 15px;
	right: 8px;
	transition: all .3s;
}
#btn_mymenu a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 15px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_mymenu a.on {
	background: url(../../resources/img/icon_mymenu_w.png) left center no-repeat #03a694;/*safari*/
	background: url(../../resources/img/icon_mymenu_w.png) left 10px center no-repeat #03a694;
	border-radius: 0;
	color: #fff;
	box-shadow: none;
	min-height: 45px;
	background-size: 25px;
}
#btn_mymenu a.on p, #btn_mymenu a.on span {
	color: #fff;
}


#btn_jiko a {
	background: url(../../resources/img/icon_jiko.png) left center no-repeat #fff;/*safari*/
	background: url(../../resources/img/icon_jiko.png) left 10px center no-repeat #fff;
	background-size: 25px;
	position: relative;
}
#btn_jiko a:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 15px;
	right: 8px;
	transition: all .3s;
}
#btn_jiko a.on:before {
	content: "";
	background: url(../../resources/img/icon_arrow_down_w.png) center center no-repeat;
	width: 12px;
	height: 12px;
	background-size: 12px;
	display: block;
	position: absolute;
	top: 15px;
	right: 8px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transition: all .3s;
}
#btn_jiko a.on {
	background: url(../../resources/img/icon_jiko_w.png) left center no-repeat #03a694;/*safari*/
	background: url(../../resources/img/icon_jiko_w.png) left 10px center no-repeat #03a694;
	border-radius: 0;
	color: #fff;
	box-shadow: none;
	min-height: 45px;
	background-size: 25px;
}
#btn_jiko a.on p, #btn_jiko a.on span {
	color: #fff;
}






/* top submenu範囲 */
.main-menu .cl_box {
	width: 100%;
	background: #03a694;
	padding: 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
.main-menu .cl_box ul {
	background: #fff;
	display: block;
	width: 100%;/*safari*/
	width: calc( 100% - 20px);
	margin: 0 auto;
	max-width: 1100px;
}
.main-menu .cl_box ul li {
	display: inline-block;
	border-bottom: none;
	padding: 0 10px;
}
.main-menu .cl_box ul li a {
	display: block;
	padding: 10px 20px 10px 30px;
	background: url(../../resources/img/icon_triangle.png) left center no-repeat;/*safari*/
	background: url(../../resources/img/icon_triangle.png) left 10px center no-repeat;
	background-size: 10px;
	color: #1a1a1a;
	text-decoration: none;
}



.main-menu .cl_jiko_box {
	width: 100%;
	background: #03a694;
	padding: 12px;
	box-sizing: border-box;
	margin: 0 auto;
}
.main-menu .cl_jiko_box ul {
	background: #fff;
	display: block;
	width: 100%;/*safari*/
	width: calc( 100% - 20px);
	margin: 0 auto;
	max-width: 1100px;
}
.main-menu .cl_jiko_box ul li {
	display: inline-block;
	border-bottom: none;
	padding: 0 10px;
}
.main-menu .cl_jiko_box ul li a {
	display: block;
	padding: 10px 20px 10px 30px;
	background: url(../../resources/img/icon_triangle.png) left center no-repeat;/*safari*/
	background: url(../../resources/img/icon_triangle.png) left 10px center no-repeat;
	background-size: 10px;
	color: #1a1a1a;
	text-decoration: none;
}





/* detail submenu範囲 */
.main-menu.detail .cl_box {
	background: none;
	padding: 12px 0;
	margin: 0 auto;
	display: block !important;
	position: relative;
	top: -77px;
	left: 0;
	padding-left: 0;
	padding-right: 0px;
	box-sizing: border-box;
	width: 100%;/* max-width:1100px;*/
	overflow: hidden;
	margin-bottom: -95px;
}
.main-menu.detail .cl_box ul {
	background: none;
	display: block !important;
	padding: 0 0 0 10px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100%;
	position:relative;
	z-index:10;
}
.main-menu.detail .cl_box ul li:first-child {
	margin: 0 0 0 26.4%;/*sfari*/
	margin: 0 0 0 calc(26.4% + 10px);
}
.main-menu.detail .cl_box ul li.first_menu_btn:first-child
,.main-menu.detail .cl_box ul li.first_menu_btn {
	margin: 0 0 0 0;/*sfari*/

}
.main-menu.detail .cl_box ul li {
	float: left;
	display: block !important;
	border-bottom: none;
	padding: 0 5px;
	width: 13.2%;
	max-width: 230px;
	margin: 0;
	height: 65px;
	max-height: 70px;
	margin-bottom: 10px;
}
.main-menu.detail .cl_box ul li a {
	display: table;
	background: #fff;
	height: 65px;
	vertical-align: middle;
	width: 100%;
	border-radius: 4px;
	padding: 0;
	color: #006c60;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.main-menu.detail .cl_box ul li a p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: none;
	padding: 0 10px;
}
	 .main-menu.detail .cl_box ul li div {
	display: table;
	background: #fff;
	height: 65px;
	vertical-align: middle;
	width: 100%;
	border-radius: 4px;
	padding: 0;
	color: #006c60;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
		 overflow: hidden;
}

.main-menu.detail .cl_box ul li div p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: none;
	padding: 0 10px;
	border-radius: 4px;
}

.main-menu.detail .cl_box ul li.btn_pdf a {
	background: url(../../resources/img/icon_note.png) center center no-repeat #fff;
	background-size: 36px;
	position: relative;
}
.main-menu.detail .cl_box ul li.btn_pdf a:before {
	content: "";
	background: url(../../resources/img/icon_pdf.png) center center no-repeat;
	width: 30px;
	height: 15px;
	background-size: 30px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
}



.main-menu.detail .cl_jiko_box {
	background: none;
	padding: 12px 0;
	margin: 0 auto;
	display: block !important;
	position: relative;
	top: -77px;
	left: 0;
	padding-left: 0;
	padding-right: 0px;
	box-sizing: border-box;
	width: 100%;/* max-width:1100px;*/
	overflow: hidden;
	margin-bottom: -95px;
}
.main-menu.detail .cl_jiko_box ul {
	background: none;
	display: block !important;
	padding: 0 0 0 10px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	max-width: 100%;
	position:relative;
	z-index:10;
}
.main-menu.detail .cl_jiko_box ul li:first-child {
	margin: 0 0 0 26.4%;/*sfari*/
	margin: 0 0 0 calc(26.4% + 10px);
}
.main-menu.detail .cl_jiko_box ul li.first_menu_btn:first-child
,.main-menu.detail .cl_box ul li.first_menu_btn {
	margin: 0 0 0 0;/*sfari*/

}
.main-menu.detail .cl_jiko_box ul li {
	float: left;
	display: block !important;
	border-bottom: none;
	padding: 0 5px;
	width: 13.2%;
	max-width: 230px;
	margin: 0;
	height: 65px;
	max-height: 70px;
	margin-bottom: 10px;
}
.main-menu.detail .cl_jiko_box ul li a {
	display: table;
	background: #fff;
	height: 65px;
	vertical-align: middle;
	width: 100%;
	border-radius: 4px;
	padding: 0;
	color: #006c60;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.main-menu.detail .cl_jiko_box ul li a p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: none;
	padding: 0 10px;
}
.main-menu.detail .cl_jiko_box ul li.btn_pdf a {
	background: url(../../resources/img/icon_note.png) center center no-repeat #fff;
	background-size: 36px;
	position: relative;
}
.main-menu.detail .cl_jiko_box ul li.btn_pdf a:before {
	content: "";
	background: url(../../resources/img/icon_pdf.png) center center no-repeat;
	width: 30px;
	height: 15px;
	background-size: 30px;
	display: block;
	position: absolute;
	top: 5px;
	right: 8px;
}






/*スライダー*/

.slider-nav {
	display: none !important;
}
.slider {
	display: table;
}
.slider {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	padding: 15px 0;
	background-size: contain;
	max-width: 1100px;
}
.slider.off {
	background: #fff;
	padding: 15px 0;
}
.slick-slide {
	clear: both;
}
.slick-list{
	overflow: visible !important;
	height:auto !important;

	}
.draggable {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.draggable > div:first-child {
	width: 100% !important;
}
.slider .slick-prev, .slider .slick-next {
	display: none !important;
}
/* スライダーカード　*/
.slick-slide div div.s-box,
.s-box,
#contents-area .slick-slide div div.s-box,
#contents-area .s-box {
	width: 95%;/*safari*/
	width: calc( 100vw - 40px);
	display: table;
	max-width: 1080px;
	margin: 0 auto;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	background-size: 180px;
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	cursor:default;
}
ul.slick-dots {
	display: none !important;
}
/*契約表示タイトルのラベル*/
.s-box h3 span,
 #contents-area .s-box h3 span {
	margin: 0 auto;
	display: block !important;
	width: 120px !important;
	min-height: 20px;
	padding: 3px !important;
}
.s-box h3,
.s-box table,
.s-box div,
#contents-area .s-box h3,
#contents-area .s-box table,
#contents-area .s-box div{
	display: table-cell;
	vertical-align: middle;
}
.s-box h3 ,
#contents-area .s-box h3{
	min-width: 300px;
	box-sizing: border-box;
	width: 35%;
}
.s-box > div,
#contents-area .s-box > div {
	display: table-cell;
	min-width: 280px;
	width: 300px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 20px;
}
.s-box table ,
#contents-area .s-box table {
	vertical-align: middle;
	border:none;
}
.s-box table th,
.s-box table td ,
#contents-area .s-box table th,
#contents-area .s-box table td{
	padding: 1px 10px;
	line-height: 1.3;
	background:none;
	border:none;
}
.slick-track {
	transform: none !important;
}
/*契約ボタンサイズ*/
.syoken-btn {
	display: block;
	width: 280px !important;
	min-width: 200px !important;
	margin: 0 auto;
	text-align: center;
	background: #006c60;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 5px !important;
	box-sizing: border-box;
}
/*事故連絡ボタンサイズ*/
.jiko-btn {
	display: block;
	width: 280px !important;
	min-width: 200px !important;
	margin: 0 auto;
	text-align: center;
	background: #f95198;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	border-radius: 4px;
	padding: 5px !important;
	box-sizing: border-box;
}
/* footer menu */

.footer_menu {
	width: 100%;
	box-shadow: none;
	display: block;
	position: relative;
	border-top: 1px solid #ddd;
	padding: 10px 10px 0 10px;
	margin: 10px 0 0 0;
	box-sizing: border-box;
}
.footer_menu ul {
	display: block;
	padding: 0;
	margin: 0 auto;
	max-width: 1080px;
	width: 100%;
}
.footer_menu ul li {
	display: inline-block;
	padding: 10px 20px 10px 10px;
	border-bottom: none;
}
.footer_menu ul li a {
	display: block;
	color: #1A1A1A;
	background: url(../../resources/img/icon_triangle.png) left center no-repeat;
	background-size: 10px;
	text-decoration: none;
	padding: 0 0 0 15px;
}
/* footer */

.btn_pagetop {
    display: block;
    width: 140px;
    text-align: right;
    overflow: hidden;
    margin: -10px  auto 0 auto;
    float: right;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    padding: 0 0 0 10px;
}

.btn_pagetop a {
	background: #5c5c5c;
	width: 140px;
	padding: 8px 5px 0 5px;
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 4px ;
	float: right;
	margin: 0 10px 0 0;
}
	 .btn_pagetop a:hover{ box-shadow: 0 2px 4px rgba(0,0,0,1);}
.btn_pagetop a span {
	background: url(../../resources/img/icon_pagetop.png) left center no-repeat;
	padding: 5px 10px 5px 25px;
	background-size: 20px;
	font-size: 1.1rem;
}
.login_time {
	background: #5c5c5c;
	width: 100%;
	padding: 5px 0 0 0;
	display: block;
	color: #fff;
	text-align: center;
	border-top: none;
}
.login_time p {
	display: inline;
	padding: 0 10px;
	font-size: 1.2rem;
}
.footer_ber {
	border-bottom: 5px solid #5c5c5c;
	overflow: hidden;
	height: auto;
	 background: #5c5c5c;
}
	 .screen_id{
		 display: inline;
	padding:  10px 0 0 10px;
	font-size: 1.2rem;
		 background: #5c5c5c;
		 color: #ddd;
		 float: left;
		 width: 100px;
		 margin: 0  -100px 0 0 ;
	 }


/* 契約アイコン*/
.icon_car {
	background: url(../../resources/img/hoken_car_pc.png) left center no-repeat;
	padding: 0 0 5px 80px !important;
}
.icon_life {
	background : url(../img/hoken_seimei_pc.png) left center no-repeat;
	padding: 0 0 5px 80px !important;
}
.icon_house {
	background: url(../../resources/img/hoken_kasai_pc.png) left center no-repeat;
	padding : 0 0  5px 80px !important;
}
.icon_kega {
	background: url(../../resources/img/hoken_kega_pc.png) left center no-repeat;
	padding : 0 0  5px 80px !important;
}
.icon_trip{
	background: url(../../resources/img/hoken_trip_pc.png) left center no-repeat;
	padding : 0 0  5px 80px !important;
}


.icon_shinshu{
	background: url(../../resources/img/hoken_shinshu_pc.png) left center no-repeat;
	padding : 0 0  5px 80px !important;
}


/*契約アイコン　取扱い用*/
.hoken_icon_box{ padding : 5px 0;}
.hoken_icon_box p{ display: inline-block; width: 30px  ; height: 30px; margin:0  2px 5px 0; padding: 0 !important; }
	 .hoken_icon_box p span{ display:none;}



	 /*　詳細　コンテンツ*/　

	 /* シームレス画面　ステップ表示*/
	 ul.step_info{ display: table; min-height: 40px; width: 100% ; max-width:1050px;  margin: 20px auto; box-sizing:border-box; padding:0;}
/* 【「ご契約内容のお知らせ」Web化（2025/8）】MOD START */
	 ul.step_info li{ display: table-cell; height: 100%; padding:0 40px 0 10px ; font-size:1.8rem; box-sizing:border-box; text-align:center; margin:0; vertical-align:middle; overflow:hidden;}
/* 【「ご契約内容のお知らせ」Web化（2025/8）】MOD END */

	  ul.step_info li:not(.step_active) div{ background-color: #e7e7e7; color:#1a1a1a; display:block ; margin:0 20px 0 0; width:100%; min-height: 40px; padding:8px 15px 8px 30px ; box-sizing:border-box; position: relative;}
	  ul.step_info li:not(.step_active) div:after{
	  content: ".";
	  font-size:0.1px;
	  color: #e7e7e7;
	  display: inline-block;
	  position: absolute;
	  background-image: url(../../resources/img/bg_step_gray.png);
	  background-size: 100% 100%;
	  background-repeat: no-repeat;
	  vertical-align: middle;
	  top: 0px;
	  right: -15px;
	  height: 100%;
      width: 17px;
	  }
	   ul.step_info li div span{ display:inline; }
	  ul.step_info li.step_active div{ background-color: #03a694; color:#fff; display:block ; margin:0 20px 0 0; width:100%; min-height: 40px; padding:7px 15px 7px 30px ; box-sizing:border-box; position: relative;}
	  ul.step_info li.step_active div:after{
	  content: ".";
	  font-size:0.1px;
	  color: #03a694;
	  display: inline-block;
	  position: absolute;
	  background-image: url(../../resources/img/bg_setp_green.png);
	  background-size: 100% 100%;
	  background-repeat: no-repeat;
	  vertical-align: middle;
	  top: 0px ;
	  right: -15px;
	  height: 100%;
      width: 17px;
	  }


ul.fix.step_info.fix {
    position: fixed;
    top: 70px;
    right:0px;
    background: #fff;
    width: 100%;
    z-index: 10;
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}
	  ul.step03 li{ min-width:34%; width:360px;}
	  ul.step04 li{ width:25%;}
	   ul.step05 li{ width:20%;}

	 ul.step_info li:nth-child(1) div:before { content:"1"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px; margin:0 0px 0 -30px; float:left; }
	 ul.step_info li:nth-child(2) div:before { content:"2"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px;margin:0 0px 0 -30px; float:left; }
	 ul.step_info li:nth-child(3) div:before { content:"3"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px; margin:0 0px 0 -30px; float:left; }
	 ul.step_info li:nth-child(4) div:before { content:"4"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px;margin:0 0px 0 -30px;  float:left; }
	 ul.step_info li:nth-child(5) div:before { content:"5"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px; margin:0 0px 0 -30px; float:left; }
	 ul.step_info li:nth-child(6) div:before { content:"6"; display: inline-block; padding:0px; font-weight:bold; font-size:2.0rem; width:30px; height:20px; margin:0 0px 0 -30px; float:left; }


	 /* 各種手続き　*/
.action-list li p.link{ display:inline-block; width:30%; padding:5px 0 10px 25px; box-sizing:border-box; vertical-align: top; }

}



/* 事故サポート画面用*/
.image-box {
	padding: 10px 0;
	width: 100%;
}
.image-box img {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.next-item,.btn-box.next-item{ width:100% !important; display:block; padding:30px ; text-align:right; box-sizing:border-box;}

/*　-----　*/


/* ボタン　disable */

.disable,.disable span,.disable p,.disable button{background-color: #e7e7e7 !important; color:#888 !important; text-decoration: none !important; cursor: default !important; opacity: 1 !important;}





/*　デートピッカー　*/

/* 年プルダウンの変更 */
select.ui-datepicker-year{
  height: 2em!important;      /* 高さ調整 */
  margin-right:5px!important; /* 「年」との余白設定 */
  width:80px!important;       /* 幅調整 */
}
/* 月プルダウンの変更 */
select.ui-datepicker-month{
  height: 2em!important;      /* 高さ調整 */
  margin-left:5px!important;  /* 「年」との余白設定 */
  width:70px!important;       /* 幅調整 */
}
label img{ vertical-align: middle;}


/* 切替スイッチ*/
.btn_swicth{ display: block; text-align: center;  margin:10px 20px; border-radius:8px; overflow: hidden; border: 1px solid #c8c8c8;}
.btn_swicth .btn_select,.btn_swicth .btn_select button { background: #fff; color:#999; width: 100%; border: none; min-height: 60px; font-size: 2.4rem; font-weight: bold; line-height: 1.3; vertical-align: middle;}
.btn_swicth .btn_select,.btn_swicth .btn_select button span{ display: block; text-align: center; font-size: 1.2rem;}
.btn_swicth .btn_select.active button{ background: url(../../resources/img/icon_checkmark.png) 10px 10px no-repeat #03a694; color:#fff; box-shadow:  0 2px 4px rgba(0,0,0,0.5) inset ; background-size: 30px; }
.btn_swicth .btn_select.active{background:  #03a694; box-shadow:  0 2px 6px rgba(0,0,0,0.5) inset ;  }
.input_select01 { display:none !important;}
.input_select01.on{ display:block !important;}

/* table */
#contents-area table.view_table2 table.table_child { margin: 0; width: 100%;}
#contents-area table.view_table2 table.table_child td { width: 50%; }
#contents-area table.view_table2 table.table_child td:first-child{ background:#eee;}
#contents-area table.view_table2 table.table_child td.kngk{ text-align: right; white-space: nowrap;}

/* footer LINK*/
.footer_company_link{ display: table; width: 100%; padding: 10px 0 30px 0;  max-width: 1080px; margin: 0 auto;}
.footer_company_link aside{ display: table-cell; width: 50%; padding: 0 ;}
.footer_company_link aside:nth-child(2){ border-left: 1px solid #ccc;}
.footer_company_link aside h4{ padding: 10px 0 0 8px;}



/* SP 日付ピッカー用*/
.pc_only{ display:block;}
.input_box_sp{ display:none;}

/*名前　ツールチップ*/
.name + .tooltip{ opacity: 0;display:block;position: fixed;top:90px;}
.name{ position:relative; cursor: pointer;}
.name:hover + .tooltip{ display:block; position: fixed;top:75px;left:5%;right:5%; z-index: 10; background: #eee; border-radius: 4px; box-shadow: 0 3px 5px rgba(0,0,0,.3); padding: 10px;opacity: 1; transition: 0.6s  all;}
.tooltip  p {
  width: 0px;
  height: 0px;
  position: absolute;
  top: -20px;
  left:120px;

  border: 10px solid transparent;
  border-bottom: 10px solid #eee;
	display: inline-block;

}

/* パスワード設定画面 入力テーブル */
.input_table li .th#resize_mail{ width:260px;}

/* ＩＤ・パスワード変更画面 お知らせ */
#contents-area table.login-box#resize_100 {
	width: 100%;
}

/* ヘルスケアアプリ用 */
/* インデント（2行目以降を字下げ） */
.text-indent_MultipleLines {
	padding-left: 1em;
	text-indent: -1em;
}
/* アスタリスク */
.aster_healthcare {
	display: block;
	padding: 0 0 0 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 -0.4em;
}
/* アスタリスク */
.aster_healthcare:before {
	content: "\203b";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;
}
/* 中点 */
.midpoint_healthcare {
	display: block;
	padding: 0 0 0 1.4em;
	text-indent:0em;
	position: relative;
	margin: 0 0 0 -0.4em;
}
/* 中点 */
.midpoint_healthcare:before {
	content: "\30fb";
	margin:0  ;
	position: absolute;
	left:0.35em;
	font-size: 1em;
}
/* サービス一覧画面のヘッダータイトル */
.service_top {
	font-size: 2.4rem;
    font-weight: bold;
    color: #006c60;
    text-align: center;
	padding: 15px 10px 3px 10px;
	margin: 10px 0;
}
/* サービス一覧画面の大外ボックス */
.service-box {
    margin: 20px;
	padding: 15px 10px;
	border: 1px solid #006c60;
    box-sizing: border-box;
}
/* サービス一覧画面の大外ボックス（アンカー表示無効化） */
.service-box a, .service-box a:link, .service-box a:visited, .service-box a:hover, .service-box a:active {
	color: #333;
    text-decoration: none !important;
}
/* サービス一覧画面の大外ボックス（画像なしエリア向け） */
.service-box_img_non {
    margin: 20px;
	padding: 15px 10px;
    box-sizing: border-box;
}
/* サービス一覧画面のtable指定 */
.service-disp-table {
	display: table;
}
/* サービス一覧画面のtable-cell指定 */
.service-disp-table-cell {
	display: table-cell;
	vertical-align: middle;
}
/* サービス一覧画面のロゴ画像 */
.service_list_logo {
	margin: 10px auto;
	display: table-cell;
}
/* サービス一覧画面のロゴ画像 */
.service_list_logo img {
	width: 240px;
    height: auto;
    margin: 10px 25px 0px 15px !important;
}
/* サービス一覧画面の領域ラベル */
.service-box-inner {
	color: #ffffff;
	text-align: center;
    margin: 10px 5px 10px 10px;
	padding: 6px;
    background: #006F63;
	border: 1px solid #006F63;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    box-sizing: border-box;
    display: inline-block;
}
/* サービス一覧画面の疾病ラベル */
.service-box-overview {
    color: #ff6600;
    margin: 10px 0px;
    padding: 0.5em 1em;
    background: #ffffff;
	border: 1px solid #ff6600;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    box-sizing: border-box;
    display: inline-block;
}
/* サービス一覧画面の費用ラベル */
.service-box-price {
    color: #006c60;
    margin: 10px 5px;
    padding: 0.5em 1em;
    background: #ffffff;
	border: 1px solid #006c60;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    box-sizing: border-box;
    display: inline-block;
}
/* サービス一覧画面のロゴ横タイトル */
.service_explanation_title {
    margin: 5px 0px 0px 0px;
    padding: 0em 0.8em;
    box-sizing: border-box;
    font-size: 1.6em;
    font-weight: bold;
    color: #006F63;

}
/* サービス一覧画面のロゴ横説明文 */
.service_explanation {
    margin: 5px 5px;
    padding: 0em 1em;
    box-sizing: border-box;
}
/* サービス一覧画面のタイトル（画像なしエリア向け） */
.service_explanation_title_img_non {
    margin: 5px 0px;
    padding: 0em 0.8em;
    box-sizing: border-box;
    font-size: 1.6em;
    font-weight: bold;
    color: #006F63;
}
/* サービス一覧画面の説明文（画像なしエリア向け） */
.service_explanation_img_non {
    margin: 5px 5px;
    padding: 0.5em 1em;
    box-sizing: border-box;
}
/* サービス一覧画面の検査結果相談サービス向けタイトル */
.kensakekka_title {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0em 1em 0em 0em;
}
/* サービス一覧画面の検査結果相談サービス向け太字 */
.kensakekka_bold {
    font-size: 1.8rem;
    font-weight: bold;
}
/* サービス一覧画面の検査結果相談サービス向け赤文字 */
.kensakekka_red {
    font-size: 1.2rem;
    font-weight: normal;
    color: #FF0000;
}
/* サービス一覧画面の検査結果相談サービス向けアンダーライン */
.kensakekka_line {
    text-decoration: underline;
}
/* 個別サービス画面のロゴ画像 */
.service_logo {
    text-align: center;
}
/* 個別サービス画面のロゴ画像 */
.service_logo img {
	width: 240px;
    margin: 0 5px 5px 5px !important;
}
/* 個別サービス画面のイメージ画像 */
.service_image {
    text-align: center;
}
/* 個別サービス画面のイメージ画像 */
.service_image img {
    margin: 0 5px 5px 5px !important;
}
/* 個別サービス画面の説明文トップ */
.service_notice_top {
    width: 90%;
    margin: 10px auto;
    padding: 0.5em 1em;
    box-sizing: border-box;
}
/* 個別サービス画面のサブセクション */
.service_subsection {
    width:90%;
    color: #fff;
    font-weight: bold;
    background: #75a9ff;
    margin: 10px auto;
    padding: 0.5em 1em;
}
/* 個別サービス画面のプライスダウン */
.service_pricedown {
	text-align: center;
}
/* 個別サービス画面の価格 */
.service_price {
    color: #FF0000;
    font-size: 2.0rem;
    font-weight: bold;
}
/* 個別サービス画面のボタン */
.btn_service_link {
    background: #003399;
    color:#fff;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 8px 20px;
    max-width: 400px !important;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 16px !important;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    position:relative;
    line-height: 2.4rem;
    text-decoration: none;
}
/* 個別サービス画面のボタン */
.btn_service_link:hover {
    text-decoration:none !important;
    background: #0047cc;
}
/* 個別サービス画面のカスタムボタン（アンカー用） */
.btn_service_custom_link {
    background: #003399;
    color:#fff;
    text-align: center;
    letter-spacing: 0.3rem;
    padding: 8px 20px;
    width: auto !important;
    max-width: 400px !important;
    min-height: 40px !important;
    font-size: 1.6rem;
    font-weight: bold;
    border-radius: 16px !important;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    position:relative;
    line-height: 2.4rem;
    text-decoration: none;
}
/* 個別サービス画面のカスタムボタン（アンカー用）hover向け */
.btn_service_custom_link:hover {
    text-decoration:none !important;
    background: #0047cc !important;
}
/* 個別サービス画面のカスタムボタン（アンカー用）hover向け */
#customBtn a:hover td {
    text-decoration:none !important;
    background: #0047cc !important;
}
/* 個別サービス画面のカスタムボタン（td用） */
.btn_service_custom_td_side {
	color: #fff !important;
	background: #003399 !important;
	vertical-align: middle !important;
	padding: 5px !important;
	font-size: 1.4rem;
}
/* 個別サービス画面のカスタムボタン（td用） */
.btn_service_custom_td_center {
	color: #fff !important;
	background: #003399 !important;
	vertical-align: middle !important;
	padding: 1px !important;
	font-size: 1.4rem;
}
/* 個別サービス画面のカスタムボタン（テーブル設定1） */
.service_table {
	border: none !important;
    background-color: #ff9966;
	text-align: center;
    width:65%;
    padding: 0.5em 1em;
    box-sizing: border-box;
}
/* 個別サービス画面のカスタムボタン（テーブル設定2） */
#contents-area .service_table {
    width:100%;
    margin: 0 !important;
}
/* 個別サービス画面のカスタムボタン（テーブル設定3） */
.service_table td {
	border: none !important;
}
/* 個別サービス画面のボタン下説明文 */
.service_move_explanation {
	text-align: center;
    width:65%;
    margin: 5px auto;
    padding: 0.5em 1em;
    box-sizing: border-box;
}
/* 個別サービス画面の検査結果相談サービス向けタイトル */
.service_kensakekka_title {
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0em 1em 0em 0em;
}
/* 個別サービス画面の検査結果相談サービス向け太字 */
.service_kensakekka_bold {
    font-size: 1.8rem;
    font-weight: bold;
}
/* 個別サービス画面の検査結果相談サービス向け赤文字 */
.service_kensakekka_red {
    font-size: 1.2rem;
    font-weight: normal;
    color: #FF0000;
}
/* 個別サービス画面の検査結果相談サービス向けインデント */
.service_kensakekka_indent {
    margin: 0 0 0 1.0em;
}
/* 個別サービス画面の検査結果相談サービス向けアンダーライン */
.service_kensakekka_line {
    text-decoration: underline;
}

/* PW設定入力画面、ID・パスワード変更入力画面 PW設定ルール文言 */
#dot li#pwrule{
	padding:0px;
	display: list-item;
	font-weight: normal;
	white-space: normal;
	border-style: none;
	clear: left;
}
/* PW設定入力画面、ID・パスワード変更入力画面　PW設定ルール文言用アンダーライン */
.pwrule_line{
	text-decoration: underline;
}

/* 約定同意画面_ */
.yakujo_border {
    border: 1px solid #c8c8c7;
}

.yakujo_style {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 10px;
}

.yakujo_font {
    font-size: 1.6rem;
}

.yakujo_padding {
    padding: 10px 10px 10px 10px;
}