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

 /* ---------------------------------------------------------------------------------------------- */
/* スマホサイズ */
/* --------------------------------------------------------------------------------------------------- */

 .nowrap{ white-space: normal;}

 #wrapper {
width:100%;
min-width:300px;

 box-sizing:border-box;
}

/* header */
#header {
	min-width:300px;
	padding: 0 0 0 80px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
#header.AD {
background-size:118px;
	min-width:300px;
	padding: 0 0 0 90px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
#header:before{ margin-left: -80px;}
#header.AD:before{ content:""; width:90px; height: 70px; background: url(../../resources/img/AB01.jpg) no-repeat center center  #fff; background-size: 100%; display: block; float: left; margin-left: -90px;}

.header_title {
width: 100%;
padding: 0 0px 0 0px;
box-sizing: border-box;
height: 35px;
}
.header_title img {
max-height:23px;
/*max-width:100%;*/
height: auto;
	min-width: auto;
	width: 100%;
	max-width:calc(100% - 50px ) ;
}

#header .header_title_field {
    width: calc(100% - 120px);
}
/*
.header_upper div:nth-child(2) {
	min-width: 0px;
	position: relative;}
	*/
/*.info_link{position:absolute; top:38px; right:0;width: 100px;}*/

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

/* ボタンの幅定義 */
.header_upper div.header_menu2{
    width: 90px;
    padding-top: 5px;
	text-align: right;
	display: table;
}

/* ログアウトボタン文字サイズ */
.header_upper div.header_menu2 .header_logout_button{
    font-size: 1.3rem;
}

/* QAボタン文字サイズ */
.header_upper div.header_menu2 .header_qa_button{
    font-size: 1.3rem;
}

/* お知らせボタン文字サイズ */
.header_upper div.header_menu2 .header_osirase_button{
    font-size: 1.3rem;
}

.header_upper {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	display: block;
	min-width: 100px;
	padding: 5px 0 0 0;
}
.header_under {
	width: 100%;
	box-sizing: border-box;
	height: 35px;
	display: block;
	padding: 0 10px 0 40px;
}
.name {
	font-size: 1.2rem;
	line-height: 1.5;
}

/* 詳細画面　見出し*/
.main-menu h1.back {
color:#fff;
font-size:2.0rem;
min-height:30px;
line-height:1.2;
background:none;
padding:0px 10px 5px 40px;
}
.main-menu h1.back a {
background: url(../../resources/img/icon_arrow_white_L.png) center center no-repeat #0a4942;
width:30px;
height:30px;
display:inline-block;
text-align:center;
background-size:10px;
border-radius:15px;
vertical-align:middle;
box-shadow:0px 2px 8px rgba(0,0,0,0.3);
float:left;
margin:4px 0 0 -30px;
}
.main-menu h1.back a span {
display:none;
}
.main-menu h1.back p {
display:inline-block;
margin:9px 0 0px 10px;
}
.main-menu h1.back p span {
display:inline;
margin:0;
font-size:1.4rem;
}
 #contents-area h2 {
font-size:2.0rem;
color:#006c60;
border-bottom:2px solid #006c60;
padding:5px 10px;
margin:10px 0;
font-weight:bold;
text-align:center;
}


/*.btn_pagetop{ position:fixed ; bottom:10px; right:30px; width:60px; height:50px; font-size:12px; display:none; line-height:1.1;}*/
.btn_pagetop{ position: absolute; bottom: 0;}


/*スライダーの画像幅*/
.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;
}
.s-box{
	cursor: default;
	}


  /*契約情報のテーブル*/
.s-box table,
#contents-area .s-box table{
margin:0 30px 10px 30px;
width: calc( 100% - 60px);
font-size:1.4rem;
box-sizing:border-box;
border:none;
}
.s-box table th,
#contents-area .s-box table th {
font-weight:bold;
padding:1px 5px 2px 10px;
text-align:left;
white-space:nowrap;
line-height:1.6rem;
box-sizing:border-box;
background:none;
border:none;
}
.s-box table td,
#contents-area .s-box table td  {
font-weight:normal;
padding:1px 5px 2px 10px;
text-align:left;
width:75%;
line-height:1.6rem;
box-sizing:border-box;
background:none;
border:none;
}


/* 満期アイコン*/
.link_manki{ float: right;}
/*メニューボタン注釈*/
#btn_myagent a span, #btn_jiko a span, #btn_mymenu a span,
#btn_myagent span, #btn_jiko span, #btn_mymenu span {
	color: #919191;
	text-decoration: none;
	font-size: .95rem;
	font-weight: bold;
	/*line-height: 0.8rem;*/
	line-height: 10px !important;
    display: inline-block;
    white-space: nowrap !important;
    letter-spacing: -0.5px;
}
#btn_myagent a p, #btn_jiko a p, #btn_mymenu a p {
	color: #006c60;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0;
	height: 18px;
}
/*電話表示*/
.cl_box_twin {
display:block;
width:100%;
box-sizing:border-box;
border:none;
padding:0;
margin:0 0 10px 0;
border-bottom:1px solid #ddd;
}
.cl_box_twin .box {
display:block;
vertical-align:top;
width:100%;
clear:both;
}
.cl_box_twin .box:nth-child(2) {
border-left:none;
box-sizing:border-box;
display:block;
vertical-align:top;
width:100%;
clear:both;
}

/*　電話番号表記*/
.text_tel {
	font-size:2rem !important;
	font-weight: bold;
	color: #f95198;
	white-space: nowrap!important;
}

/* 1ボタン表示　*/
button.btn_window_close {
width:100%;
max-width:none;
margin:0 auto;
min-height:30px;
height:40px;
font-size:1.6rem;
font-weight:bold;
border-radius:6px;
border:none;
box-shadow:0 2px 4px rgba(0,0,0,0.1);
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:20px;
display:block;
}

/* modal */
.cl_modal_window {
 width:90%;/*safari*/
 width:calc(100% - 40px) !important;
}
.btn_chat {
width:95%;
margin:20px auto 20px auto;
position:relative;
}

/*ログインテーブル*/

#contents-area .login-box th, #contents-area .login-box td {
border:none;
display:block !important;
float:left !important;
width:100%;
box-sizing:border-box;
}
#contents-area table.login-box, #contents-area table.login-box td {
background:#fafafa;
vertical-align: middle;
padding:5px 10px;
}
#contents-area table.login-box {
width:90%;
border:4px solid #006c60;
border-radius:8px;
box-shadow:0 2px 4px rgba(0,0,0,0.3);
min-width:320px;
}
#contents-area .login-box th {
background:none;
text-align:left;
vertical-align: text-bottom;
font-size:1.8rem;
padding:10px 0 0 10px;
}
.login-box input {
font-size:1.6rem;
height:30px;
width:100%;
padding:5px;
box-sizing:border-box;
vertical-align:middle;
}


 /* 入力テーブル　*/
 .input_table li{ display:block; border-bottom:1px solid #8e8e8e; padding: 10px 0; width:100%;}
.input_table li:last-child{ border:none;}
.input_table li .th{ display:block; width:100%; padding:0 0 0 15px; box-sizing:border-box;}
 .input_table li .td{ display:block; padding:10px 0 0 10px; box-sizing:border-box;}

 .input_table input[type="text"]{ height:35px; box-sizing:border-box; padding:0 5px; font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:1.6rem; margin:0 10px 5px 0; width:45%; border-radius:3px; border:1px solid #c8c8c7;}
.input_table input[type="text"].width4{ width:30% ;}
.input_table input[type="text"].width2{ width:15% !important;}
.input_table input[type="text"].widthL{ width:100% !important;}
.width_password{ width: 100% !important;}
.input_table label{ display: inline; padding:0 15px 5px 0 ;}
.kiyaku textarea{ width:100%; height:450px; margin:0 auto; font-size:1.4rem; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align:left; padding:20px 10px 20px 20px ; box-sizing:border-box;}


.input_table .must:before{ float:right; content:"必須"; background:#b70909; color:#fff; padding:1px 8px; font-weight:normal; font-size:1.2rem; margin-left:0px;  text-align:center;}


/*　入力エラー　*/
.info_err{ width:calc(100% + 20px); background: url(../../resources/img/icon_err.png) 10px 10px  no-repeat #b70909; background-size:25px; color:#fff; padding:10px 10px 10px 50px; margin:10px -10px; }

/*　表示テーブル　*/
.view_table .th {
	color: #1a1a1a;
	font-weight: bold;
	background: #c9e1de;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	min-width:100px;
	width:50%;
	border-right: 1px solid #c8c8c7;
	text-align: left;
	display:table-cell;
	white-space:normal;
}
.view_table .td {
	color: #1a1a1a;
	font-weight: normal;
	background: #fff;
	vertical-align: top;
	padding: 8px;
	font-size: 1.4rem;
	width:50%;
	border-right: 1px solid #c8c8c7;
	text-align: left;
	display:table-cell;
}

/* ボタン　*/
button.btn_window_home, a.btn_window_home
 {
	width:100%;
	max-width:100%;
	min-width:100px;
	margin: 20px auto;
	min-height: 30px;
	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;
}

button.btn_window_close, a.btn_window_close {
		width:100%;
	max-width:100%;
	min-width:100px;
	margin:20px auto;
	min-height: 30px;
	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, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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.1rem;
	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.1rem;
	padding: 8px 20px;
	-webkit-appearance: none;
}
.td button.btn_detail{color: #fff;
	background-size: 10px;
	letter-spacing: 0.1rem;
	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, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	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.1rem;
	padding: 8px 20px;
	-webkit-appearance: none;

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

}
button.btn_page_close, .btn_page_close {

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

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

	}
button.btn_back, .btn_back{

	color:#006c60;
	letter-spacing: 0.2rem;
	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;
	}

.table-cell ul{ padding:10px ; display: table; margin: 0 auto; min-width: 95%;}

/* メインメニュー文字サイズ　*/
#btn_myagent div p,#btn_jiko div p{ background:none !important; white-space: nowrap; font-size: calc( 40% + 1.6vw );
	font-size: calc( 100% + 2.6vw )\9;
}

#btn_myagent a p, #btn_jiko a p, #btn_mymenu a p  { background:none !important; white-space: nowrap; font-size: calc( 40% + 1.6vw );
	 font-size: calc( 100% + 2.6vw )\9;
}


/*事故連絡先テーブル*/
#contents-area table.jiko-box, #contents-area table.jiko-box td {
	background: #fafafa;
	vertical-align: middle;
	padding: 10px 5px;
}
#contents-area table.jiko-box {
	width:calc(100% - 20px);
	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 -5px 10px -5px; color: #fff; text-align:center; padding:10px 10px 10px 10px ;
	width:calc(100vw - 65px ) !important ; min-height:25px;
min-width: 255px;}
#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;}


/* footer */
.footer_ber {
	display: block;
	overflow: hidden;
	background: #5f5f5f;
	padding: 0 0 5px 0 ;
}

.screen_id{
		 display:block;
	padding: 2px 10px;
	font-size: 1.2rem;
		 background: #5c5c5c;
		 color: #ddd;
		 float: none;
		 width: 100%;
		 margin: 0 ;
	 height: 1.5rem;
	box-sizing: border-box;
	 }
.footer_menu .screen_id{
		 display:block;
	padding:  5px 30px 3px 10px !important;
	font-size: 1.2rem;
		 background: #fff;
		 color: #666;
		 float:none;
	 text-align: right;
		 width: 100% !important;
		 margin: 0   !important;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	min-height: 25px;
	 }



/* SP 日付ピッカー用*/
.pc_only{ display:none;}
.input_box_sp{ display:block;}
.sp_date_view{ position: relative;}
.sp_date_view span{  border-radius:2px; border:1px solid #ccc; display:inline-block; min-width: 2.5em; background: #fff;min-height: 1.25em; vertical-align: middle; margin: 5px;padding: 4px;}
input.sp_date{ position: relative; top:-2.5em; left:0; width: 100%;padding: 2px; opacity: .0; z-index: 10;}

/* new */


.header_title {
	margin: 0 0 0 10px !important;
	padding:0 0 0 0 !important;
}

.title_top {
	font-size:120%!important;
	padding-left:20px;
}

.png_button {
	margin:6px !important;
}
.item {
	width:100px !important;
	height:100px !important;
	box-shadow: 0 3px 15px rgba(0,0,0,0.2) !important;
}
.item_div {
	width:100px !important;
	height:5px !important;
	margin:6px !important;
}
.png_text_white {
	font-size:150% !important;
}
.png_button:hover .item{
	box-shadow: 0 10px 20px rgba(0,0,0,0.4) !important;
	width:106px !important;
	height:106px !important;
}
	.png_button:hover {
		margin:3px !important;
	}
.header_title img {
	width:60%;
}
#header {
	padding:0 0 0 100px;
}
#header:before {
	margin-left:-100px;
}

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