@charset "UTF-8";

/* ---------------------
    - @Zurich CSS
    - @Corporate-Color1 #003399
	- @Corporate-Color2 #000066
--------------------- */

/*** スタイルの初期化 ***/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
button{border:none;}

/* *************************************************
  Useful
************************************************** */
*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

a:link {
	color: #195fab;
}

/* *************************************************
  BASIC LAYOUT
************************************************** */
body {
	font-family: "ヒラギノ角ゴ ProN W3",arial,Verdana, Roboto, "Droid Sans", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	line-height:1.4;
	border-top:10px solid #000066;
}

/* *************************************************
  Header
************************************************** */
.head_area {
	height: 56px;
	width:100%;
	padding:1px 5% 0px 1px;
	background-color: rgba(246,246,246,1);
}
.head_logo {
	float:left;
	width:45%;
	padding-left:5%;
	padding-top:4px;
}

.head_logo img {
	display:inline-block;
	max-width: 100%;
	max-height: 46px;
}

/* *************************************************
  loader
************************************************** */
.ui-loader-default {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.18;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
}
.ui-loader .ui-icon-loading {
    left: 50%;
    margin-left: -1.37em;
    margin-top: -1.37em;
    position: absolute;
    top: 50%;
}

.js-upload-default {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
	z-index: 1000;
}

.js-upload .ui-icon-loading {
    left: 35%;
    margin-left: -1.37em;
    margin-top: -1.37em;
    position: absolute;
    top: 50%;
}

/* *************************************************
  validation
************************************************** */
input.error {
	background-color: #ffd9c7;
}
select.error {
	background-color: #ffd9c7;
}

span.error {
	background-color: #ffd9c7;
}
.required-failed {
	background-color: #ffd9c7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* *************************************************
  Alert
************************************************** */
.modal_contents .modal_title_alert {
	margin: -1em -1em 0;
	padding: 1em 1em 1em 38px;
	background-color: #f2f2f2;
	background-image:url("../images/icon_exclamation_orange.png");
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:24px 23px;
	color:#26287e;
	font-size:1em;
	text-align: left;
	font-weight: 900;
}

.modal_contents .modal_title_caution {
	margin: -1em -1em 0;
	padding: 1em 1em 1em 38px;
	background-color: #f2f2f2;
	background-image:url("../images/icon_exclamation_yellow.png");
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:24px 23px;
	color:#26287e;
	font-size:1em;
	text-align: left;
	font-weight: 900;
}

.modal_contents .no_modal_title {
	margin: -1em -1em 0;
	padding: 14px 14px 14px 14px;
	background-color: #f2f2f2;
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:24px 23px;
	color:#26287e;
	font-size:1em;
	text-align: left;
	font-weight: 900;
}

/* *************************************************
 お見積：シミュレーション Use Header Design
************************************************** */
.head_guide {
	float: right;
	height: 100%;
	width: 55%;
	text-align: right;
}

.head_guide img {
	max-width: 100%;
	max-height: 100%;
}


/* *************************************************
    - 共通パーツ
************************************************** */

/* ------------------------------------------------
/* クリア
 * 共通
--------------------------------------------------*/
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clear{
	clear:both;
}
/*img 横幅100% */
img {
	max-width: 100%;
	height: auto;
}
/* ------------------------------------------------
/* 文字の色、配置、行間、太さ、等
 * 共通
--------------------------------------------------*/
.txt-red { color: red; }
.txt-orange{ color:#FF6600;}
.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.text-indent{ text-indent: 1em;}
.pull-left { float: left; }
.pull-right { float: right; }
.strong { font-weight: bold; }
small { font-size:0.8em; }
.m-top6 { margin-top: .5em; }
.m-top12 { margin-top: 1em; }
.m-top24 { margin-top: 2em; }
.m-btm6 { margin-bottom: .5em; }
.m-btm12 { margin-bottom: 1em; }
.m-btm24 { margin-bottom: 2em; }
.m-vertical12 { margin: 1em 0; }
.p-tb12 { padding: 1em; }
.p-top12 { padding-top: 1em; }
.p-top24 { padding-top: 2em; }
.p-left3 { padding-left: .25em; }
.p-left6 { padding-left: .5em; }
.p-left12 { padding-left: 1em; }
.p-right3 { padding-right: .25em; }
.p-right6 { padding-right: .5em; }
.p-right12 { padding-right: 1em; }
.fontSize08{ font-size:0.8em; }
.fontSize09{ font-size:0.9em; }
.fontSize10{ font-size:1.0em; }
.fontSize11{ font-size:1.1em; }
.fontSize12{ font-size:1.2em; }
.col-w100 { width: 100%; }
.col-w50 { width: 50%; }
.col-w40 { width: 40%; }
.col-w30 { width: 30%; }
.col-h50 { height: 50px; }
.col-h40 { height: 40px; }
.min-h50 { min-height: 50px; }

/* ------------------------------------------------
/* 見出し
 * 共通
--------------------------------------------------*/
.contents_title{
	font-size:1em;
	font-weight:600;
	margin:16px 0 8px;
	margin-left:-8px;
	padding: 10px 0px 10px 10px;
	border-left:8px solid #000066;
	line-height:1.2;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}

/* ------------------------------------------------
/* ラベルタイトル
 * 共通
--------------------------------------------------*/
.label_title{
	font-size:1em;
	font-weight:600;
}

/* ------------------------------------------------
 * オレンジ色のタイトル
 * 共通
--------------------------------------------------*/
.orange_title {
	position: relative;
	margin-left: -8px;
}
.circle {
	position:absolute;
	top:0;
	bottom:0;
	margin: auto;
	left:-1px;
	background-color: #EC6F09;
	height: 45px;
	width: 45px;
	border-radius: 50%;
}
.small_circle {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: #fff;
	height: 30px;
	width: 30px;
	margin:auto;
	border-radius: 50%;
}
.number {
	position:absolute;
	color: #EC6F09;
	top:5px;
	left:10px;
	font-weight: 700;
}
.number2 {
	left:8px;
}

.rectangle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:calc(100% - 16px);
	height:38px;
	background-color: #EC6F09;
	color: #ffffff;
	font-weight:700;
	padding: 4px 6px 4px 28px;
	margin-left: 16px;
	margin-top: 14px;
	margin-bottom: 14px;
	line-height: 1.1;
	vertical-align: middle;
}

/* ------------------------------------------------
/* ラベル必須マーク
 * 共通
--------------------------------------------------*/
.label_title .required{
	margin-left:1.5em;
	padding:2px 6px;
	background-color:#FF6600;
	color:#fff;
	font-size:9px;
	vertical-align:middle;
}

/* ------------------------------------------------
 * 必須マーク
 * 共通
--------------------------------------------------*/
.require_mrk{
	margin-left:1.5em;
	padding:2px 6px;
	background-color:#FF6600;
	color:#fff;
	font-size:9px;
	vertical-align:2px;
	white-space: nowrap;
	display: inline-block;
}

/* ------------------------------------------------
/* ？マーク画像小
 * 共通
--------------------------------------------------*/
img.question_pop{
	margin-left:5px;
	width: 15px;
	height: 15px;
}

/* ------------------------------------------------
 * 英字、数字、記号、文字数、確認のアイコン
 * 共通
--------------------------------------------------*/
.mypage_passCheck{
	background-image:url();
}

/* ------------------------------------------------
 * 「×」アイコン
 * 共通
--------------------------------------------------*/
.ng_icon {
	color: #a64646;
	position: absolute;
	top:2px;
	margin-top: 0;
	margin-left: 0;
	width: 18px;
	height: 19px;
}

.ng_icon:before {
	content: '';
	position: absolute;
	top: 10px;
	width: 16px;
	height: 2px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ng_icon:after {
	content: '';
	position: absolute;
	top: 10px;
	width: 16px;
	height: 2px;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ------------------------------------------------
 * 「笨煤vアイコン
 * 共通
--------------------------------------------------*/
.mypage_passCheck{
	display:inline-block;
}
.mypage_passCheck span{
	display:inline-block;
	position:relative;
	width:20px;
	margin-right:1em;
}
.chk_icon {
	color: #469e6e;
	position: absolute;
	top:-5px;
	margin-left: 3px;
	margin-top: 4px;
	width: 9px;
	height: 8px;
	border-bottom: solid 2px currentColor;
	border-left: solid 2px currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ------------------------------------------------
/* 画像表示枠BOX
 * 共通
--------------------------------------------------*/
.img-control {
	width:100%;
	max-width:15px;
	height:auto;
}

/* ------------------------------------------------
 * 商品ロゴ
 * 共通
--------------------------------------------------*/
.my08 .product_logo01,.my08 .product_logo02,
.my08 .product_logo03,.my08 .product_logo04,
.my08 .product_logo05,.my08 .product_logo06,
.my08 .product_logo07{
	width:100%;
	height:48px;
}
.product_logo01,.product_logo02,.product_logo03,
.product_logo04,.product_logo05,.product_logo06,
.product_logo07{
	width:113px;
	height:55px;
	margin:0 auto;
	background-image:url("../images/simulation/title_syushiniryodx.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.product_logo02{
	background-image:url("../images/simulation/title_syushiniryodx_lady.png");
}
.product_logo03{
	background-image:url("../images/simulation/title_teiki.png");
}
.product_logo04{
	background-image:url("../images/simulation/title_syuunyu.png");
}
.product_logo05{
	background-image:url("../images/simulation/title_syushingan.png");
}
.product_logo06{
	background-image:url("../images/simulation/title_sandai.png");
}
.product_logo07{
	background-image:url("../images/simulation/title_kurasuplus.png");
}

.logo .category {
    display: table-cell;
    content: "";
    clear: both;
    vertical-align: middle;
    width: 125px;
    line-height: 1;
    font-size: 10px;
}
.logo .category span {
    display: inline-block;
    float: left;
    margin: 1px 1px 1px 0;
    padding: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    line-height: 1;
}
.logo .category .icon-gray {
    border: 1px solid #8a8a8a;
    color: #8a8a8a;
}
.logo .category .icon-blue {
    border: 1px solid #4892c2;
    color: #4892c2;
}
.logo .category .icon-red {
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid #ff2211;
    color: #ff2211;
}

.mod-shibou-teiki .logo {
  background: url(../images/products/product_m_01.png);
}
.mod-gan-plus .logo {
  background: url(../images/products/product_m_02.png);
}
.mod-iryo-teiki .logo {
  background: url(../images/products/product_m_03.png);
}
.mod-shibou-shunyu .logo {
  background: url(../images/products/product_m_04.png);
}
.mod-gan-shushin .logo {
  background: url(../images/products/product_m_05.png);
}
.mod-iryo-shushin .logo {
  background: url(../images/products/product_m_06.png);
}
.mod-iryo-hikiuke .logo {
  background: url(../images/products/product_m_07.png);
}
.mod-gan-chiryo .logo {
  background: url(../images/products/product_m_08.png);
}
.mod-gan-shippei .logo {
  background: url(../images/products/product_m_09.png);
}
.mod-iryo-shushin2 .logo {
  background: url(../images/products/product_m_10.png);
}
.mod-iryo-shushin2l .logo {
  background: url(../images/products/product_m_11.png);
}
.mod-live-plus .logo {
  background: url(../images/products/product_m_12.png);
}
/* 2018/03/28 2018新商品対応 Add Start */
.mod-gan-chiryo2 .logo {
  background: url(../images/products/product_m_13.png);
}
.mod-gan-shippei2 .logo {
  background: url(../images/products/product_m_14.png);
}
/* 2018/03/28 2018新商品対応 Add End */
/* 2019/03/20 2019新商品(収保・定期)対応 Add Start */
.mod-shibou-teiki2 .logo {
  background: url(../images/products/product_m_15.png);
}
.mod-shibou-shunyu2 .logo {
  background: url(../images/products/product_m_16.png);
}
/* 2019/03/20 2019新商品(収保・定期)対応 Add End */
.mod-shibou-teiki .logo,.mod-gan-plus .logo 
,.mod-iryo-teiki .logo,.mod-shibou-shunyu .logo 
,.mod-gan-shushin .logo,.mod-iryo-shushin .logo 
,.mod-iryo-hikiuke .logo,.mod-gan-chiryo .logo 
,.mod-gan-shippei .logo,.mod-iryo-shushin2 .logo 
,.mod-iryo-shushin2l .logo,.mod-live-plus .logo 
/* 2018/03/28 2018新商品対応 Add Start */
,.mod-gan-chiryo2 .logo,.mod-gan-shippei2 .logo
/* 2018/03/28 2018新商品対応 Add End */
/* 2019/03/20 2019新商品(収保・定期)対応 Add Start */
,.mod-shibou-teiki2 .logo,.mod-shibou-shunyu2 .logo
/* 2019/03/20 2019新商品(収保・定期)対応 Add End */
{
  width: 113px;
  height: 55px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.mod-shibou-teiki-sp .logo {
  background: url(../images/products/product_m_01.png);
}
.mod-gan-plus-sp .logo {
  background: url(../images/products/product_m_02.png);
}
.mod-iryo-teiki-sp .logo {
  background: url(../images/products/product_m_03.png);
}
.mod-shibou-shunyu-sp .logo {
  background: url(../images/products/product_m_04.png);
}
.mod-gan-shushin-sp .logo {
  background: url(../images/products/product_m_05.png);
}
.mod-iryo-shushin-sp .logo {
  background: url(../images/products/product_m_06.png);
}
.mod-iryo-hikiuke-sp .logo {
  background: url(../images/products/product_m_07.png);
}
.mod-gan-chiryo-sp .logo {
  background: url(../images/products/product_m_08.png);
}
.mod-gan-shippei-sp .logo {
  background: url(../images/products/product_m_09.png);
}
.mod-iryo-shushin2-sp .logo {
  background: url(../images/products/product_m_10.png);
}
.mod-iryo-shushin2l-sp .logo {
  background: url(../images/products/product_m_11.png);
}
.mod-live-plus-sp .logo {
  background: url(../images/products/product_m_12.png);
}
/* 2018/03/28 2018新商品対応 Add Start */
.mod-gan-chiryo2-sp .logo {
  background: url(../images/products/product_m_13.png);
}
.mod-gan-shippei2-sp .logo {
  background: url(../images/products/product_m_14.png);
}
/* 2018/03/28 2018新商品対応 Add End */
/* 2019/03/20 新商品(収保・定期)対応 Add Start */
.mod-shibou-teiki2-sp .logo {
  background: url(../images/products/product_m_15.png);
}
.mod-shibou-shunyu2-sp .logo {
  background: url(../images/products/product_m_16.png);
}
/* 2019/03/20 新商品(収保・定期)対応 Add End */

.mod-shibou-teiki-sp .logo,.mod-gan-plus-sp .logo 
,.mod-iryo-teiki-sp .logo,.mod-shibou-shunyu-sp .logo 
,.mod-gan-shushin-sp .logo,.mod-iryo-shushin-sp .logo 
,.mod-iryo-hikiuke-sp .logo,.mod-gan-chiryo-sp .logo 
,.mod-gan-shippei-sp .logo,.mod-iryo-shushin2-sp .logo 
,.mod-iryo-shushin2l-sp .logo,.mod-live-plus-sp .logo 
/* 2018/03/28 2018新商品対応 Add Start */
,.mod-gan-chiryo2-sp .logo,.mod-gan-shippei2-sp .logo
/* 2018/03/28 2018新商品対応 Add End */
/* 2019/03/20 新商品(収保・定期)対応 Add Start */
,.mod-shibou-teiki2-sp .logo,.mod-shibou-shunyu2-sp .logo
/* 2019/03/20 新商品(収保・定期)対応 Add End */
{
  height: 48px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* ------------------------------------------------
/* 強調赤文字
 * 共通
--------------------------------------------------*/
.emphasis_red{
	color: #ff0000;
	font-weight:bold;
}

/* ------------------------------------------------
 * オレンジ色の文字
 * 共通
--------------------------------------------------*/
.emphasis_orange{
	color:#FF6600;
	margin-bottom:.5em;
}


/* ------------------------------------------------
 * テキストボックス
 * 共通
--------------------------------------------------*/
.txt_box {width: 100%;}
.txt_box_col1 {	width: 10%;}
.txt_box_col2 {	width: 20%;}
.txt_box_col3 {	width: 30%;}
.txt_box_col4 {	width: 40%;}
.txt_box_col5 {	width: 50%;}
.txt_box_col6 {	width: 60%;}
.txt_box_col7 {	width: 70%;}
.txt_box_col8 {	width: 80%;}
.txt_box_col9 {	width: 90%;}
.txt_box, .txt_box_col1, .txt_box_col2, .txt_box_col3, .txt_box_col4, .txt_box_col5,
.txt_box_col6, .txt_box_col7, .txt_box_col8, .txt_box_col9 {
	border: 2px solid #006;
	height: 40px;
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border-radius: 4px;;
}

/* ------------------------------------------------
 * テキスト４分割（クレジットカード）
 * 共通
--------------------------------------------------*/
.credit_card_box{
	width: 21.5%;
	border: 2px solid #006;
	height: 40px;
	padding: 6px 6px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border-radius: 4px;;
}

/* ------------------------------------------------
 * テキストエリア
 * 共通
--------------------------------------------------*/
.txt_area {
	height: auto;
	width: 100%;
	margin-bottom: 5px;
	width: 100%;
	padding: 6px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 2px solid #006;
}
.txt_area_h30 {
	height: 30vh;
}

/* ------------------------------------------------
 * テキストエリア 非活性
 * 共通
--------------------------------------------------*/
input[type=text][disabled] {
	border: 2px solid #6d6d6d;
	background-color:#fff;
	cursor: not-allowed;
	background-color: #f8f8f8;
}

/* ------------------------------------------------
 * 入力項目を1行に２項目並べる
 * 共通
--------------------------------------------------*/
.box-left-value {
	width:47.5%;
	float:left;
	margin-right:2.5%;
}
.box-right-value {
	width:47.5%;
	float:left;
	margin-left:2.5%;
}
.box-half-long-value {
	width:72.5%;
	float:left;
	margin-right:2.5%;
}

/* ------------------------------------------------
 * 入力項目を画面の横幅に広げる
 * 共通
--------------------------------------------------*/
.large-box-value {
	width:100%;
}



/* ------------------------------------------------
 * 入力項目の下に余白を空ける
 * 共通
--------------------------------------------------*/
.item_category{
 	margin-bottom:20px;
}

/* ------------------------------------------------
/* セレクトボックス
 * 共通
--------------------------------------------------*/
.select-block {
	position: relative;
	display: inline-block;
	width: 100%;
	height:40px;
	border: 2px solid #006;
	border-radius: 4px;
	background-color:#fff;
	z-index: 1;
}
.select-block:after {
	content: "\25BE";
	position: absolute;
	color:#006;
	top: 50%;
	right: 3px;
	margin-right: 0em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	border-left: 1px solid #bfbfbf;
	line-height: 30px;
	font-size: 1.2em;
	padding: 0.2em 15px 0.2em 15px;
}
.custom-selectbox, .custom-selectbox > option {
	width: 100%;
	height: 37px;
	line-height: 37px;
	padding: 0;
	padding-left:7px;
	margin: 0;
	background-color: transparent;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* ------------------------------------------------
/* セレクトボックス （非活性）
 * 共通
--------------------------------------------------*/
.select-block-disable {
	position: relative;
	display: inline-block;
	width: 100%;
	height:40px;
	border: 2px solid #6d6d6d;
	border-radius: 4px;
	background-color:#fff;
	z-index: 1;
	cursor: not-allowed;
	background-color: #f8f8f8;
}
.select-block-disable:after {
	content: "\25BE";
	position: absolute;
	color:#6d6d6d;
	top: 50%;
	right: 3px;
	margin-right: 0em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	border-left: 1px solid #bfbfbf;
	line-height: 30px;
	font-size: 1.2em;
	padding: 0.2em 15px 0.2em 15px;
}

/* ------------------------------------------------
 * ラジオボタンの行間指定（縦並び）
 * 共通
--------------------------------------------------*/
.regist_ankert li{
	margin:0.5em 0;
}

/* ------------------------------------------------
/* ラジオボタン
 * 共通
--------------------------------------------------*/
.radio-btn {
	border: 2px solid #006;
	width : 100%;
	height:40px;
	border-radius: 4px;
}
.radio-btn label{
	width:100%;
	height:40px;
	line-height:36px;
	padding-left:40px;
}
.radio-btn input[type=radio] + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.radio-btn input[type=radio] {
	display: none;
	margin: 0;
}
.radio-btn input[type=radio] + label::before {
	content: "";
	position: absolute;
	// top: 18px;
	top: 45%;
	left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
	border: 2px solid #006;
	border-radius: 100%;
}
.radio-btn input[type=radio]:checked + label::after {
	content: "";
	position: absolute;
	// top:16.5px;
	top:45%;
	left:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 10px;
	height: 10px;
	// margin-top: -4px;
	margin-top: -5px;
	background: #006;
	border-radius: 50%;
}

/* ------------------------------------------------
/* ラジオボタン （2行表示）
 * 共通
--------------------------------------------------*/
.radio-btn-2 {
	border: 2px solid #006;
	width : 100%;
	height:40px;
	border-radius: 4px;
	vertical-align: middle;
	display: inline-block;
}
.radio-btn-2 label{
	padding-left:40px;

}
.radio-btn-2 input[type=radio] + label {
	position: relative;
	cursor: pointer;
}
.radio-btn-2 input[type=radio] {
	display: none;
	margin: 0;
}
.radio-btn-2 input[type=radio] + label::before {
	content: "";
	position: absolute;
	top: 18px;
	left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
	border: 2px solid #006;
	border-radius: 100%;
}
.radio-btn-2 input[type=radio]:checked + label::after {
	content: "";
	position: absolute;
	top:16.5px;
	left:14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #006;
	border-radius: 50%;
}

/* ------------------------------------------------
/* ラジオボタン （非活性）
 * 共通
--------------------------------------------------*/
.radio-btn-disabled {
	border: 2px solid #6d6d6d;
	width : 100%;
	height:40px;
	background-color: #f8f8f8;
	//background-color: #6d6d6d;
	border-radius: 4px;
}
.radio-btn-disabled label{
	width:100%;
	height:40px;
	line-height:40px;
	padding-left:40px;
	color:#6d6d6d;
}
.radio-btn-disabled input[type=radio] + label {
	position: relative;
	display: inline-block;
	cursor: not-allowed;
}
.radio-btn-disabled input[type=radio] {
	display: none;
	margin: 0;
}
.radio-btn-disabled input[type=radio] + label::before {
	content: "";
	position: absolute;
	top: 18px;;
	left: 10px;;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
	border: 2px solid #6d6d6d;
	border-radius: 100%;
	background-color: #f8f8f8;
}
.radio-btn-disabled input[type=radio]:checked + label::after {
	content: "";
	position: absolute;
	top:16.5px;
	left:13.5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 11px;
	height: 11px;
	margin-top: -4px;
	background: #6d6d6d;
	border-radius: 50%;
}

/* ------------------------------------------------
/* ラジオボタン  （2行表示中央寄せ）
 * 共通
--------------------------------------------------*/
.radio_flex .radio-btn-2 label{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:40px;

}
/* ------------------------------------------------
/* ラジオボタン  （2行表示中央寄せ）
 * 共通
--------------------------------------------------*/
.radio_table_cell .radio-btn-2 label{
	display:table-cell;
	vertical-align:middle;
	height:36px;

}


/* ------------------------------------------------
 * チェックボックスの行間 有り
 * 共通
--------------------------------------------------*/
.checkbox02-box{
	margin-top:10px;
	margin-bottom:25px;
}

/* ------------------------------------------------
 * チェックボックスの行間 無し
 * 共通
--------------------------------------------------*/
.checkbox03-box{
	margin:0px auto;
}

/* ------------------------------------------------
/* チェックボックス
 * 共通
--------------------------------------------------*/
input[type=checkbox]{
  display: none;
}
.normal_chk_box {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	padding-left:25px;
}
.normal_chk_box:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	margin-top: -10px;
	width: 16px;
	height: 16px;
	background-color:#fff;
	border: 1px solid #000066;
	border-radius: 3px;
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
}
.normal_chk_box:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 6px;
	z-index:5;
	display: block;
	margin-top: -9px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #000066;
	border-bottom: 3px solid #000066;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .normal_chk_box:before {
	opacity: 1;
}

/* ------------------------------------------------
/* チェックボックス (カスタム)
 * 共通
--------------------------------------------------*/
.custom_chk_box_height{
	min-height: 40px;
	vertical-align: middle;
}
.custom_chk_box {
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 9.5px 1em 9.5px 3.5em;
	border-radius: 4px;
	border: 2px solid #000066;
	vertical-align: middle;
}
.custom_chk_box:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: 1px solid #000066;
	border-radius: 3px;
	content: '';
}
.custom_chk_box:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 21px;
	display: block;
	margin-top: -7px;
	width: 5px;
	height: 9px;
	border-right: 3px solid #000066;
	border-bottom: 3px solid #000066;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
input[type=checkbox]:checked + .custom_chk_box:before {
	opacity: 1;
}
input.checkbox02:checked + label {
	background-color: #ebebf9;
}
input.checkbox02:checked + .custom_chk_box:after {
	background: #000066;
}
input.checkbox02:checked + .custom_chk_box:before {
	z-index: 1;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

/* ------------------------------------------------
/* チェックボックス非活性
 * 共通
--------------------------------------------------*/
.custom_chk_box_disabled {
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 9.5px 1em 9.5px 3.5em;
	border-radius: 4px;
	border: 2px solid #6d6d6d;
	vertical-align: middle;
	cursor: not-allowed;
	background-color: #f8f8f8;
	color:#6d6d6d;
}
.custom_chk_box_disabled:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	margin-top: -9px;
	width: 16px;
	height: 16px;
	border: 1px solid #6d6d6d;
	border-radius: 3px;
	content: '';
}
/* ------------------------------------------------
/* sim02 見積もり結果のチェックボックス位置修正
 * シミュレーション用
--------------------------------------------------*/
/*.sim02_main_outer .normal_chk_box:before,
.sim02_main_outer .normal_chk_box:after{
	top:71%;
}*/

/* ------------------------------------------------
/* web12 申込告知２のチェックボックスの高さ指定
 * WEB申込用
--------------------------------------------------*/
.annoucement2_flex .custom_chk_box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	height:40px;
}

/* ------------------------------------------------
/* Modale共通パーツ (オーバーレイ表示)
 * 共通
--------------------------------------------------*/
.modal_contents {
	display: none;
	width:90%;
	height: auto;
	max-height: 90%;
	overflow-y: auto;
	margin: 1.5em auto 0;
	padding: 1em;
	background-color: #fff;
	z-index: 100;
	position: fixed;
	text-align: center;
	border:3px solid #26287e;
}
.modal_contents .modal_title{
	margin: -1em -1em 0;
	padding: 1em 1em 1em 38px;
	background-color: #f2f2f2;
	background-image:url("../images/icon_question.png");
	background-repeat:no-repeat;
	background-position:8px center;
	background-size:24px 23px;
	color:#26287e;
	font-size:1em;
	text-align: left;
	font-weight: 900;
}
.modal_contents .modal_subtitle{
	margin:1em 0 .5em;
	color:#26287e;
	font-size:1em;
	text-align: left;
	font-weight: 700;
}
.modal_contents .modal_desc{
	margin:10px 0;
	color:#333;
	text-align: left;
}
.modal_contents .modal_annotation{
	padding-left:1em;
	font-size:0.7em;
	color:#333;
	text-align: left;
	text-indent:-1em;
}
.modal_contents .descri_attended_list_wrap{
	padding-left:3em;
	list-style-type:none;
	text-align: left;
	font-size:0.7em;
}
.modal_contents .descri_attended_list_wrap li{
	text-indent:-3em;
}
.modal_contents .emphasis{
	color:#ff0000;
}
.modal_wrap{
	padding:10px 5px 0;
	border: 1px solid #ccc;
	border-radius:2px;
}
.close_button,.close_button-long {
  display: inline-block;
  width: 125px;
  height: 30px;
  margin-top:20px;
  margin-bottom:20px;
  line-height: 30px;
  text-decoration: none;
  outline: none;
  background-color: #003399;
  border-radius:4px;
  text-align:center;
}
.close_button-long {
	width: 180px;
}
a.close_button,a.close_button-long {
  color: #fff;
}

.close_button:before,close_button:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.close_button, .close_button:before, .close_button:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.modal-overlay {
	z-index: 98;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}

.modal_image2{
	display:inline-block;
	width:70%;
	text-align: center;
	padding-bottom: 1em;
}
.modal_sup {
    font-size: 0.2em;
}
/* ------------------------------------------------
 * シミュレーションページ内にて使用しているモーダル
--------------------------------------------------*/
.modal_sim_img{
	margin:10px auto 20px ;
}
.modal_sim_sm_img{
	margin:10px auto;
}
.modal_sim_img, .modal_sim_sm_img img{
	display:block;
	width: 100%;
}


/* ------------------------------------------------
 * WEB申込内にて使用しているモーダル
--------------------------------------------------*/
.modal_apply_img img{
	width: 100%;
	margin:30px auto;
}

/* ------------------------------------------------
/* BOXの共通クラス
 * 共通
--------------------------------------------------*/
.contents-block {
	display:table;
	width:100%;
}
.col2-w5 {
	display:table-cell;
	width:5%;
	vertical-align:middle;
}
.col2-w10 {
	display:table-cell;
	width:10%;
	vertical-align:middle;
}
.col2-w15 {
	display:table-cell;
	width:15%;
	vertical-align:middle;
}
.col2-w20 {
	display:table-cell;
	width:20%;
	vertical-align:middle;
}
.col2-w25 {
	display:table-cell;
	width:25%;
	vertical-align:middle;
}
.col2-w30 {
	display:table-cell;
	width:30%;
	vertical-align:middle;
}
.col2-w35 {
	display:table-cell;
	width:35%;
	vertical-align:middle;
}
.col2-w40 {
	display:table-cell;
	width:40%;
	vertical-align:middle;
}
.col2-w45 {
	display:table-cell;
	width:45%;
	vertical-align:middle;
}
.col2-w50 {
	display:table-cell;
	width:50%;
	vertical-align:middle;
}
.col2-w55 {
	display:table-cell;
	width:55%;
	vertical-align:middle;
}
.col2-w60 {
	display:table-cell;
	width:60%;
	vertical-align:middle;
}
.col2-w70 {
	display:table-cell;
	width:70%;
	vertical-align:middle;
}
.col2-w80 {
	display:table-cell;
	width:80%;
	vertical-align:middle;
}
.col2-w90 {
	display:table-cell;
	width:90%;
	vertical-align:middle;
}
.col2-w100 {
	display:table-cell;
	width:100%;
	vertical-align:middle;
}

/* ------------------------------------------------
 * ulの共通クラス
 * 共通
--------------------------------------------------*/
ul.annotation_list_wrap {
	list-style-type: disc;
	padding-left:1.5em;
}

/* ------------------------------------------------
 * olの共通クラス
 * 共通
--------------------------------------------------*/
ol.annotation_list_wrap {
	list-style-type: decimal;
	padding-left:1em;
}
ol.annotation_list_wrap > li {
	margin-bottom: 10px;;
}

/* ------------------------------------------------
 * 「※」等のリストでCSSでリスト化できないリスト用
 * 共通
--------------------------------------------------*/

.descri_list_wrap{
	padding-left:1em;
	list-style-type:none;
	text-align: left;
}
.descri_list_wrap li{
	text-indent:-1em;
}

/* ------------------------------------------------
 * Tableの共通クラス
 * 共通
--------------------------------------------------*/

/* 基本テーブル */
table td,table th{
	word-break: break-all;
}
table.basic-table {
	border-collapse: collapse;
	margin: 5px 0;
	width:100%;
}
table.basic-table th.table-head,
table.basic-table td.table-head{
  background: #E6E6FF;
  color: #000066;
  text-align: left;
  border: solid 1px #e6e6ff;
  padding: 3%;
}
table.basic-table .backgroudwhite{
  background: #fff !important;
}
table.basic-table .font-black{
  color: #000 !important;
}
table.basic-table th{
	border: solid 1px #e6e6ff;
	background-color:#f3f3ff;
	padding: 3%;
}
table.basic-table td{
	border: solid 1px #e6e6ff;
	padding: 3%;
}

/*1段2列 tdは中央寄せ*/
table.basic-table-tdcenter{
	border-collapse: collapse;
	margin: 5px 0;
	width:100%;
}
table.basic-table-tdcenter th{
	border: solid 1px #e6e6ff;
	background-color:#f3f3ff;
	padding: 3%;
}
table.basic-table-tdcenter th.table-head{
  background: #E6E6FF;
  color: #000066;
  text-align: left;
  border: solid 1px #e6e6ff;
  padding: 3%;
}
table.basic-table-tdcenter td{
	position: relative;
	vertical-align: middle;
	border: solid 1px #e6e6ff;
	padding: 3%;
	text-align: center;
}
table.basic-table-tdcenter td span.chk_icon{
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
table.basic-table-tdcenter td table {
	width: 100%;
}
table.basic-table-tdcenter td table td{
	text-align: left;
}
/* ------------------------------------------------
 * my06 お客様情報表示画面用テーブル
 * マイページ用
--------------------------------------------------*/

/* 3列テーブル */
table.customer_info{
	border-collapse: collapse;
	width:100%;
	margin: 5px 0;
}
table.customer_info td.table-head{
  background: #E6E6FF;
  color: #000066;
  text-align: left;
  border: solid 1px #e6e6ff;
  padding: 3%;
}
table.customer_info th{
	border: solid 1px #e6e6ff;
	background-color:#f3f3ff;
	padding: 3%;
}
table.customer_info td{
	border: solid 1px #e6e6ff;
	padding: 3%;
}
table.customer_info td.table-button{
	text-align: center;
}

/* ------------------------------------------------
 * テーブルTHの幅の固定
 * 共通
--------------------------------------------------*/
/* SP Project ZURICH_ZLIFE_PPL-31 */
@media screen and (orientation: portrait) {
	.th-width06em{width:6em;}
	.th-width07em{width:7em;}
	.th-width08em{width:8em;}
	.th-width09em{width:9em;}
	.th-width10em{width:10em;}
	.th-width11em{width:11em;}
	.th-width12em{width:12em;}
}
@media screen and (orientation: landscape) {
	.th-width06em{width:15%;}
	.th-width07em{width:20%;}
	.th-width08em{width:20%;}
	.th-width09em{width:35%;}
	.th-width10em{width:50%;}
	.th-width11em{width:50%;}
	.th-width12em{width:50%;}
}
/*
.th-width06em{width:6em;}
.th-width07em{width:7em;}
.th-width08em{width:8em;}
.th-width09em{width:9em;}
.th-width10em{width:10em;}
.th-width11em{width:11em;}
.th-width12em{width:12em;}
*/
.th-width25{width:25%;}
.th-width30{width:30%;}
.th-width35{width:35%;}
.th-width50{width:50%;}
.th-width65{width:65%;}
.th-width70{width:70%;}
.th-width75{width:75%;}
.th-width80{width:80%;}

/* ------------------------------------------------
 * 「※確認用」の文字
 * 共通
--------------------------------------------------*/
.kakuninyou{
	font-weight:400;
	padding-left:0.5em;
}

/* ------------------------------------------------
 * リンク下線付き（画像有り）
 * 共通
--------------------------------------------------*/
.arrow_link{
	display: inline-block;
	margin:10px 0;
	padding-left:1.2em;
	background:url(../images/arrow_right.png) left center no-repeat;
}

/* ------------------------------------------------
 * 共通ボタン
 * 共通
--------------------------------------------------*/
.btn-blue, .btn-orange ,.btn-search,.btn-gray{
	width: 100%;
	height: 50px;
	padding: 10px 0;
	border-radius: 8px;
	color: #fff;
	font-weight:600;
	cursor:pointer;
}
.btn-blue{
	background-color: #003399;
	border:1px solid #003399;
}
.btn-orange {
	background-color: #ed6923;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e14f03),color-stop(50%, #ed6923),color-stop(100%, #fb8341));
	background-image: -webkit-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -moz-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -ms-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -o-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
}
.btn-gray{
	background-color: #7f7f7f;
}
.btn-modify {
	border-radius: 8px;
	color: #111;
	height: 50px;
	width: 100%;
	background-color: #E6E6E6;
}
.btn-search {
	padding: 0px;
	background-color: #ed6923;
	border: 2px solid #ffffff;
	line-height: 46px;
	text-align: center;
}
/*オレンジボタン高さ40px*/
.btn-search-h40 {
	padding: 0px;
	background-color: #ed6923;
	border: 2px solid #ed6923;
	line-height: 40px;
	text-align: center;
}
.btn-search-h40{
	border-radius: 8px;
	color: #fff;
	height: 42px;
	width: 100%;
	font-weight:600;
	cursor:pointer;
}
.btn-next{
	line-height: 50px;
	overflow: auto;
	background: #fff;
	border-radius: 8px;
	color: #fff;
	height: 50px;
	width: 100%;
	background-color: #003399;
	text-align: center;
	position: relative;
}
.btn-next a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight:600;
	text-decoration: none;
	z-index: 1;
}
.btn-next-gray{
	overflow: auto;
	background: #fff;
	border-radius: 8px;
	color: #fff;
	height: 50px;
	width: 100%;
	background: #7f7f7f;
	text-align: center;
	position: relative;
}
.btn-next-gray a,
.btn-back a,
.btn-next-orange a{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	z-index: 1;
	top: 0;
	left: 0;
}
.btn-next .btn-next-img{
	background: url(../images/next-blue.png);
	height: 25px;
	width: 100%;
	max-width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5%;
}
.btn-next-gray .btn-next-img{
	background: url(../images/next-gray.png);
	height: 25px;
	width: 100%;
	max-width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5%;
}
.btn-next-orange{
	border-radius: 8px;
	color: #fff;
	height: 50px;
	width: 100%;
	text-align: center;
	position: relative;
	background-color: #ed6923;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e14f03),color-stop(50%, #ed6923),color-stop(100%, #fb8341));
	background-image: -webkit-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -moz-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -ms-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -o-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
}
.btn-next-orange .btn-next-img{
	background: url(../images/next-orange.png);
	height: 25px;
	width: 100%;
	max-width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 5%;
}

.btn-back{
	border-radius: 8px;
	color: #111;
	height: 50px;
	width: 100%;
	padding-left:0.5em;
	background: #E6E6E6;
	text-align: center;
	position: relative;
}
.btn-back a{
	color: #111;
}
.btn-back .btn-back-img{
	background: url(../images/back.png);
	height: 25px;
	width: 100%;
	max-width: 25px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 5%;
}
.icon_info {
	background: url(../images/icon_info.jpg) 0 0 no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
}

input.disabled, 
.disabled.btn-normal, 
.disabled.btn-m-normal, 
.disabled.btn-l-normal, 
.disabled.btn-orange, 
.disabled.btn-blue, 
.disabled.btn-white, 
.disabled.btn-green, 
.disabled.btn-lime, 
.disabled.btn-pink, 
.disabled.btn-m-orange, 
.disabled.btn-m-blue, 
.disabled.btn-m-white, 
.disabled.btn-m-green, 
.disabled.btn-m-lime, 
.disabled.btn-m-pink, 
.disabled.btn-l-orange, 
.disabled.btn-l-blue, 
.disabled.btn-l-white, 
.disabled.btn-l-green, 
.disabled.btn-l-lime, 
.disabled.btn-l-pink {
	background: none;
	background-color: #b5b5b5;
	border-color: #d9d9d9;
	color: #9a9a9a;
	cursor: default;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
input.disabled:hover, 
.disabled.btn-normal:hover, 
.disabled.btn-m-normal:hover, 
.disabled.btn-l-normal:hover, 
.disabled.btn-orange:hover, 
.disabled.btn-blue:hover, 
.disabled.btn-white:hover, 
.disabled.btn-green:hover, 
.disabled.btn-lime:hover, 
.disabled.btn-pink:hover, 
.disabled.btn-m-orange:hover, 
.disabled.btn-m-blue:hover, 
.disabled.btn-m-white:hover, 
.disabled.btn-m-green:hover, 
.disabled.btn-m-lime:hover, 
.disabled.btn-m-pink:hover, 
.disabled.btn-l-orange:hover, 
.disabled.btn-l-blue:hover, 
.disabled.btn-l-white:hover, 
.disabled.btn-l-green:hover, 
.disabled.btn-l-lime:hover, 
.disabled.btn-l-pink:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #9a9a9a;
}
.content-blank {
	padding-top:5px;
}


/* ------------------------------------------------
 * お問い合わせ画像（お客様相談部 - 電話番号）
 * 共通
--------------------------------------------------*/
/* プライバシーポリシー */
.policy_consultation{
	margin:1em auto;
	text-align: center;
}
.policy_consultation img{
	width:100%;
	max-width:370px;
}






/* *************************************************
    - シミュレーション用のパーツ
************************************************* */

/* ------------------------------------------------
 * お見積り
 * シミュレーション用
--------------------------------------------------*/
.sim_ttl_img_wrap{
	text-align: center;
}
.sim_contents {
	width:100%;
	margin:0 auto 110px;
	padding:5px 5% 20px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
}
.shouhin_detail{
	color: #ff0000;
	font-size: 0.85em;
	padding: 5px 0;
}
.sim_footer {
	position:fixed;
	bottom:0;
	z-index:50;
	width: 100%;
	height: 110px;
	border-top: 2px solid #000066;
	background-color: rgba(246,246,246,1);
}

.sim_quote_restart_img{
	min-width:100%;
}

/* ------------------------------------------------
 * 各お見積りのフッターにあるボタン
 * シミュレーション用
--------------------------------------------------*/
.sim_btn_wrapper {
	width:100%;
	display:flex;
	justify-content: center;
	padding:0;
	list-style: none;
}
.sim_btn_inner {
	width:calc(100% / 2);
	padding:.5em;
}
.sim_footer_txt {
	font-size:1.1em;
	padding-top:1em;
	padding-bottom: 5px;
}

.sim_footer_txt span.sim_footer_price{
	width: 40%;
	padding-right: 5px;
	text-align: right;
	border: 1px solid #1567b9;
	display: inline-block;
	background-color: #fff;
	color: #ff4500;
	font-size:1.4em;
	font-weight: 700;
}
.sim_btn_request, .sim_btn_attend,
.sim_btn_reset {
	background: #fff;
	border-radius: 8px;
	color: #fff;
	padding: 10px 0;
	width: 100%;
	font-weight:600;
	cursor:pointer;
}
.sim_btn_request{
	background-color: #003399;
	border:1px solid #003399;
}
.sim_btn_attend {
	border: 0px;
	background-color: #ed6923;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #e14f03),color-stop(50%, #ed6923),color-stop(100%, #fb8341));
	background-image: -webkit-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -moz-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -ms-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: -o-linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
	background-image: linear-gradient(bottom,#e14f03 0%,#ed6923 50%,#fb8341 100%);
}

.sim_btn_reset{
	background-color: #7f7f7f;
	border:1px solid #7f7f7f;
}


/* ------------------------------------------------
 * お見積り:詳細設定-定期保険プレミアム    （専用）
 * お見積り:詳細設定-収入保障保険プレミアム（専用）
 * シミュレーション用
--------------------------------------------------*/

.sim05_sub_ttl {
	border:1px solid #000066;
	padding:.5em;
	font-size: 1.2em;
	color: #000066;
	margin-top:.5em;
	box-shadow: 0px 0px 7px 0px #ccc;
}
.sim05_sub_ttl img {
	display:inline-block;
  vertical-align: 0px;
  width: 12px;
	margin-left: 0.5em;
}

.sim05_sub_ttl a{
	display:inline-block;
	text-decoration: none;
}

/* ------------------------------------------------
 * お見積り結果/商品選択（専用）
 * シミュレーション用
--------------------------------------------------*/
.result_title_padd{
	padding:4px 1em 0;
}
.result_chkTitle_01,.result_chkTitle_02,.result_chkTitle_03,
.result_chkTitle_04,.result_chkTitle_05,.result_chkTitle_06,
.result_chkTitle_07{
	display: inline-block;
	width: 100%;
	min-width: 120px;
	min-height: 44px;
	margin-left:2%;
	margin-top:4px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.result_chkTitle_01{
	background-image:url(../images/simulation/title_syushiniryodx.png);
}
.result_chkTitle_02{
	background-image:url(../images/simulation/title_syushiniryodx_lady.png);
}
.result_chkTitle_03{
	background-image:url(../images/simulation/title_syushingan.png);
}
.result_chkTitle_04{
	background-image:url(../images/simulation/title_teiki.png);
}
.result_chkTitle_05{
	background-image:url(../images/simulation/title_syuunyu.png);
}
.result_chkTitle_06{
	background-image:url(../images/simulation/title_sandai.png);
}
.result_chkTitle_07{
	background-image:url(../images/simulation/title_kurasuplus.png);
	min-height:26px;
	margin:9px 0;
}

.sim02_content{
	display:table;
	width:100%;
	border-bottom:1px solid #000066;
	padding-left: 0.6em;
}
.sim02_icons{
	margin-left:10px;
	line-height: 1;
}
.sim02_border_left{
	border-left:1px solid #000066;
}

.sim02_icon_link:before{
	content: url(../images/arrow_right.png);
	position: relative;
	top: 3px;
}
.sim02_img-block img {
	width: auto;
	height: 13.5px;
	margin-bottom: 2px;
}
.price-txt-color {
	color: #ff4500;
}

.sim02_link_setting{
	display:block;
	padding-right:1em;
	background:url('../images/arrow_right.png') right center no-repeat;
	font-size: 10px;
}
.left-border {
	border-left: 1px solid #ccc;
}
.bottom-border {
	border-bottom: 1px solid #000066;
}
.more_link a {
	display:block;
	width: 100%;
	padding:1em;
}
.more_link a:after {
	content: url(../images/arrow_right.png);
	position: relative;
	top: 3px;
	margin-right: 0px;
}
.sim02_hide-content {
	display: none;
}
.sim02_main_outer {
	border:2px solid #000066;
	border-radius:4px;
}

/* ------------------------------------------------
 * 文字の大きさ、色を指定
 * 終身医療保険プレミアムDX（専用）
 * シミュレーション用
--------------------------------------------------*/
[id^="sim03_opt-"] {
	display: none;
}

.shushiniryodx .highlight_text_small{
	color: #000066;
	font-weight:600;
	font-size: 0.9em;
}
.shushiniryodx .normal_text_small{
	color: #4e4e95;
	font-weight:500;
	font-size: 0.9em;
	margin-bottom: 10px;
}

/* ------------------------------------------------
 * タイトルの文字の大きさ、色を指定
 * 終身医療保険プレミアムDX Lady
 * 終身ガン治療保険プレミアム
 * 3大疾病保険プレミアム
 * シミュレーション用
--------------------------------------------------*/
.sim_sub_ttl {
	margin: 1em 0;
	font-size:1.1em;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",Meiryo, Arial, sans-serif;
	padding: 5px 5px 5px 1em;
	color:#003399;
	font-weight: 700;
	line-height: 2em;
	border-radius: 4px;
}
.sim_box_inner > div {
  display: table-cell;
  vertical-align: middle;
}
.sim_condition_bottom{
	margin-bottom:0;
}

/* ------------------------------------------------
 * バックブラウンドの色を指定
 * クラスプラス
 * 3大疾病保険プレミアム
 * 終身ガン治療保険プレミアム
 * 終身医療保険プレミアムDX
 * 3大疾病保険プレミアムDX
 * 終身ガン治療保険プレミアムDX
 * シミュレーション用
--------------------------------------------------*/
.kurasu_subtitle_bg {
	background-color:#EEF3FA;
}
.sandai_bg {
	background-color:rgba(213,206,181,.2);
}
.sandai_subtitle_bg {
	background-color:rgb(213,206,181);
}
.shushingan_bg {
	background-color:rgba(0,158,254,.2);
}
.shushingan_subtitle_bg {
	background-color:rgb(0,158,254);
	color:#fff;
}
.shushiniryodx_bg{
	background-color:rgba(0,191,179,.2);
}
.shushiniryodx_subtitle_bg{
	background-color:rgb(0,191,179);
	color:#fff;
}
.shushiniryodxlady_bg{
	background-color:rgba(234,99,92,.2);
}
.shushiniryodxlady_subtitle_bg {
	 background-color:rgb(234,99,92);
	 color:#fff;
}
.shuunyuu_bg {
	background-color:rgba(224,226,124,.2);
}
.shuunyuu_subtitle_bg {
	background-color:rgb(224,226,124);
}
.teikihoken_bg {
	background-color:rgba(246,156,0,.2);
}
.teikihoken_subtitle_bg {
	background-color:rgb(246,156,0);
}
/* 2018/03/28 2018新商品対応 Add Start */
.sandaidx_bg {
	background-color:rgba(213,206,181,.2);
}
.sandaidx_subtitle_bg {
	background-color:rgb(213,206,181);
}
.shushingandx_bg {
	background-color:rgba(0,158,254,.2);
}
.shushingandx_subtitle_bg {
	background-color:rgb(0,158,254);
	color:#fff;
}
/* 2018/03/28 2018新商品対応 Add End */


/* ------------------------------------------------
 * 非表示項目
 * 終身医療保険プレミアムDX Lady
 * シミュレーション用
--------------------------------------------------*/
[id^="sim04_opt-"] {
	display: none;
}

/* ------------------------------------------------
 * 非表示項目
 * 収入保障保険プレミアム
 * シミュレーション用
--------------------------------------------------*/
[id^="sim06_opt-"] {
	display: none;
}

/* ------------------------------------------------
 * 非表示項目
 * 終身ガン治療保険プレミアム
 * シミュレーション用
--------------------------------------------------*/
[id^="sim07_opt-"] {
	display: none;
}

/* ------------------------------------------------
 * 非表示項目
 * 3大疾病保険プレミアム
 * シミュレーション用
--------------------------------------------------*/
[id^="sim08_opt-"] {
	display: none;
}
/* ------------------------------------------------
 * モーダル内ボタン位置調整
 * お見積もり結果
 * シミュレーション用
--------------------------------------------------*/
.radio-btn label.btn_text{
	padding-left:0;
}




/* *************************************************
    - マイページ用のパーツ
************************************************* */

/* ------------------------------------------------
 * コンテンツ
 * マイページ用
--------------------------------------------------*/
.mypage-contents {
	width:100%;
	margin:0 auto 0;
	padding:5px 5% 20px;
	border-top:1px solid #D9D9D9;
	border-bottom: 0px solid #D9D9D9;
}
.mypage_zip_icon:before {
	background: url(../images/icon_question.png);
	margin:0 10px 0 0;
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	background-size: contain;
	vertical-align: middle;
	text-decoration: none;
}

/* ------------------------------------------------
 * エラー/メンテナンス
 * マイページ用
--------------------------------------------------*/
.mypage_caution_box{
	padding:1em;
	border:1px solid #ff8900;
	color:#ff8900;
}

/* ------------------------------------------------
 * ヘッダーのログアウトボタン
 * マイページ用
--------------------------------------------------*/
.mypage_headMenu {
	float: right;
	padding: 20px 10px 0 0;
}
.mypage_logout{
	display:inline-block;
	color: #fff;
	border-radius:5px;
	cursor:pointer;
	background-color: #003399;
}

/* ------------------------------------------------
 * フッター
 * マイページ用
--------------------------------------------------*/
footer small {
	display: block;
	padding: 5px 0;
	text-align: center;
	font-size: 0.7em;
	background-color: #000066;
	color: #fff;
}
.mypageFooter {
	border-bottom: 1px solid;
	bottom:0;
	width:100%;
	min-height:70px;
	padding:5px 5%;
	background-color:rgba(246,246,246,1);
	border-top: solid 2px #1c1c77;
	font-size: 1em;
	text-align: left;
}
.mypageFooter div {
	display:table;
	width:100%;
	table-layout: fixed;
}
.mypageFooter div ul{
	display:table-row;
}
.mypageFooter div li{
  	font-size: 0.7em;
	display:table-cell;
	vertical-align:middle;
	padding:8px 6px 8px 0;
}

/* ------------------------------------------------
 * 「氏」と「名」の間
 * マイページ用
--------------------------------------------------*/
.shimei{
	margin-bottom:1em;
}


/* ------------------------------------------------
 * 「ハイフン（-）の入力は不要です。」のサイズ指定
 * マイページ用
--------------------------------------------------*/
.userRegist .label_sub{
	padding-left:0.5em;
	font-size:0.8em;
	font-weight:400;
	color:#333;
}

/* ------------------------------------------------
 * リスト表示
 * マイページ用
--------------------------------------------------*/
.userRegist .mypage_descri{
	padding-left:1em;
	font-size:1em;
	list-style: disc;
}
.userRegist .mypage_descri li{
	font-size:0.8em;
}

/* ------------------------------------------------
 * 「ユーザー登録完了しました。…」及び、
 * 「お申込み後またはご契約中は…」のメッセージ
 * マイページ用
--------------------------------------------------*/
.my_contents_info_inner{
	display:table;
	margin:1em 0;
	width:100%
}
.my_contents_info_inner .icon_info {
	display: table-cell;
	width:20%;
	background-position: center;
	background-size: 30px 30px;
	text-align: center;
	vertical-align: top;
}
.my_contents_info_inner .my_contents_infoText {
	display: table-cell;
	width:80%;
	vertical-align: middle;
	padding-right:1em;
}
.my03_contents_box {
	margin-top:2em;
	border-radius: 10px; border:3px solid #00b050;
}

/* ------------------------------------------------
 * ユーザ登録確認、完了（専用）
 * マイページ用
--------------------------------------------------*/
/* mypage:ユーザ登録確認 (MPZ_SiteRegisterConfirm) */
.my_contents_table {
	width:100%;
	border: 1px solid #b9b9b9;
}
.my_contents_table td, .my_contents_table th {
	border: 1px solid #b9b9b9;
	border-collapse: collapse;
	padding: 1em;
	width: 30px;
	height: 25px;
}
.my_contents_table td:nth-child(1) {
	background: #999999;
	color: #fff;
}

.my_contents_table tr > th {
	background-color:#E8E8E8;
	border: 1px solid #b9b9b9;
	border-collapse: collapse;
	padding: 1em;
	width: 10em;
	height: 25px;
	font-size: 12px;
}
.my_contents_tableCol {
	width: 9em;
}

/* ------------------------------------------------
 * ボーダー無し
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
.z-life{
	border-top: none;
}

/* ------------------------------------------------
 * 「ようこそマイページ（Z-Life)へ」の画像
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
.zlife_welcome{
	text-align:center;
}
.zlife_welcome img{
	width:100%;
}

/* ------------------------------------------------
 * お知らせ
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
.zlife_info{
	padding-bottom:1em;
	border-bottom:1px solid #D9D9D9;
}
.zlife_info + .zlife_info{
	margin-top:1em;
}
.zlife_info_link{
	display: inline-block;
	padding-left:1.2em;
	background:url(../images/arrow_right.png) left center no-repeat;
}
.zlife_info_icon{
	vertical-align: top;
}
.z-life .icon_info1,.z-life .icon_info2 {
	margin-left:12%;
	width: 100%;
	max-width: 40px;
	height: 40px;
	background-image: url(../images/mypage/icon_info1.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size: contain;
}
.z-life .icon_info2 {
	background-image: url(../images/mypage/icon_info2.png);
}

/* ------------------------------------------------
 * メニュー
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
ul.zlife_menu{
	margin:30px auto;
}

/* ------------------------------------------------
 * メニューボタン
 * Z-Life ホームボタン（専用）
 * マイページ用
--------------------------------------------------*/
.zlife_menu_button{
	line-height: 0em;
}

/* ------------------------------------------------
 * タイトル
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
.z-life .title {
	font-size:1.4em;
	font-weight:600;
	padding: 10px 10px 5px 10px;
}

/* ------------------------------------------------
 * 「ご契約様専用ダイアル」ボタン
 * Z-Life ホーム（専用）
 * マイページ用
--------------------------------------------------*/
.z-life .box-02-txt {
	width: 90%;
	margin:0 auto;
}
.z-life .box-02-txt img{
	width:100%;
}

/* ------------------------------------------------
 * 「お客様にお申込みいただい…」のメッセージ
 * マイページ用
--------------------------------------------------*/
.blue-line{
	padding: 20px 20px;
	border: 2px solid #000066;
}
.blue-line .mypage_descri{
	padding-left:1em;
	font-size:1em;
	list-style-type:none;
}
.blue-line .mypage_descri li{
	text-indent:-1em;
}

/* ------------------------------------------------
 * 問い合わせの内容を表示
 * マイページ用
--------------------------------------------------*/
.confirm{
	padding: 0 0 1em 1em;
}

/* ------------------------------------------------
 * 文字のインデント調整
 * お問い合わせ一覧
 * マイページ用
--------------------------------------------------*/
.contact_consultation{
	margin:0em auto;
	text-align: center;
}
.contact_consultation img{
	width:100%;
	max-width:265px;
}
.contact_bottom-border {
	border-bottom: 1px solid #ccc;
}

/* ------------------------------------------------
 * my13 問合せ入力
 * マイページ用
--------------------------------------------------*/
.inquiry_faqBox{
	background-color:rgba(0,0,102,.1) ;
	margin:20px auto 30px;
	padding: 10px 5px 5px;
}
.inquiry_faq_title{
	color:#003399;
	font-weight:bold;
	margin-bottom:0.4em;
}
ul.inquiry_faq{
	display:table;
	table-layout: fixed;
	width:100%;
	padding: 20px 4px 0px 6px;
	background-color:#fff;
	border-radius:2px;
}
ul.inquiry_faq:last-of-type{
	padding-bottom: 20px;
}
.inquiry_faq li{
	display:table-cell;
	width:auto;
	padding:0 0 0 1.2em;
	background:url("../images/arrow_right.png") left center no-repeat;
	font-size: 0.8em;
	vertical-align: middle;
}
.inquiry_faq li:nth-child(odd){
	width:44%;
}



/* *************************************************
    - WEB申込用のパーツ
************************************************* */
/* ------------------------------------------------
 * 申込前確認クレジット表記
 * WEB申込用
--------------------------------------------------*/
.applicationstep_creditcard_caution_ul{
	margin: 5px 0px 10px 0px;
}

/* ------------------------------------------------
 * 医的告知相違画面用ボタン
 * WEB申込用
--------------------------------------------------*/
.medical_notice-btn-blue-1,
.medical_notice-btn-blue-2{
	border-radius: 8px;
	padding: 5px 0;
	height: 50px;
	width: 100%;
	font-weight:600;
	cursor:pointer;
}
.medical_notice-btn-blue-1{
	background: #fff;
	border:1px solid #003399;
	color: #003399;
}
.medical_notice-btn-blue-2{
	background-color: #003399;
	border:1px solid #003399;
	color: #fff;
}

/* ------------------------------------------------
 * WEB申込の共通
 * WEB申込用
--------------------------------------------------*/
.apply-box {
	display: block;
	min-height: 72px;
	background: #fff;
	width: 100%;

	margin-top: 1em;
}

.no-wrap {
	white-space: nowrap;
}

/* ------------------------------------------------
 * WEB申込のタイトル
 * WEB申込用
--------------------------------------------------*/
.apply_box_content_title {
	padding: 5px 5px;
	margin-left: 0px;
}

/* ------------------------------------------------
 * WEB申込のインデント調整
 * WEB申込用
--------------------------------------------------*/
.apply_box_content {
	padding: 5px 0;
}

/* ------------------------------------------------
 * WEB申込のヘッダーにある「ぱんくず」画像
 * WEB申込用
--------------------------------------------------*/
.apply-head-img-wrapper > img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* ------------------------------------------------
 * WEB申込共通のコンテンツ
 * WEB申込用
--------------------------------------------------*/
.apply-contents{
	width:100%;
	height:auto;
	margin:0 auto 0;
	padding:5px 5% 20px;
	border-top:1px solid #D9D9D9;
	border-bottom: 0px solid #D9D9D9;
	margin-bottom: 0px;
}

/* ------------------------------------------------
 * 注意メッセージ
 * WEB申込用
--------------------------------------------------*/
.apply_box_icon_range {
	display: block;
	float: left;
	height: 48px;
	width: 48px;
	text-align: center;
	line-height: 48px;
	margin: 2%;
}

.apply_box_icon {
	width: 25px;
	margin: 2%;
}
.apply_box_text_title {
	width: 100%;
	color: #000066;
	font-weight: bold;
	text-align:center;
}
.apply_box_alert_text {
	text-transform: uppercase;
	font-size: 1.1em;
}
.apply_box_text {
	text-transform: uppercase;
	font-size: 0.9em;
}
/* ------------------------------------------------
 * 注意メッセージ（画像イメージ有り）
 * WEB申込用
--------------------------------------------------*/
.back_button_attention{
	margin-top: 14px;
	background-color: #ffffcc;
	padding: 10px 0;
}
.back_button_attention .icon img{
	width:25px;
	height:auto;
}
.back_button_attention .icon{
	float:left;
	height: 60px;
	margin: 2%;
}
.back_button_attention .desc,
.confirm_agreement_next_page .desc{
	font-size: 0.9em;
	margin-right: 2%;
	margin-bottom:1em;
}
.back_button_attention img{
	display: block;
	margin:0 auto;
	width:92%;
}

/* ------------------------------------------------
 * クレジットカード画像の大きさ指定
 * WEB申込用
--------------------------------------------------*/
.credit_img{
	width: 100%;
	height: auto;
}

/* ------------------------------------------------
 * 文字を太字に指定
 * WEB申込用
--------------------------------------------------*/
.confirm_plan{
	font-weight: 700;
	margin: 20px 3% 12px;
}

/* ------------------------------------------------
 * 「③ お客様情報のご入力に…」の下にあるリスト
 * 申込内容確認画面
 * WEB申込用
--------------------------------------------------*/
.confirm_detail_preparation .emphasis{
	color: #ff0000;
}
.confirm_detail_preparation table{
	margin: 5px 0 15px;
	width:100%;
}
.confirm_detail_preparation th{
	width:15%;
	padding: 1px;
	vertical-align: top;
}
.confirm_detail_preparation td{
	width:85%;
	padding: 5px;
}
.confirm_detail_preparation .icon img{
	width:35px;
	height:auto;
}
.confirm_detail_img{
	height:30px;
}

/* ------------------------------------------------
 * 注意メッセージ
 * 申込内容確認画面
 * WEB申込用
--------------------------------------------------*/
.gender_age_attention{
	margin-top: 14px;
}
.gender_age_attention .icon img{
	width:25px;
	height:auto;
}
.gender_age_attention .icon{
	float:left;
	height: 50px;
	margin: 2%;
}
.gender_age_attention .desc{
	font-size: 0.9em;
	margin-right: 2%;
}
.gender_age_attention .desc .emphasis{
	color: #ff0000;
}

/* ------------------------------------------------
 * 注意事項の説明枠
 * 申込内容確認画面
 * WEB申込用
--------------------------------------------------*/
.confirm_plan_clause{
	margin: 5px 2%;
	padding:3px 18px 3px 5px;
	width: 96%;
	height:150px;
	border: solid 1px #a6a6a6;
	overflow: scroll;
	color:#000000;
}
.confirm_plan_clause strong{
	font-weight: 900;
}

/* ------------------------------------------------
 * 「引受保険会社」の文字色、太字などを指定
 * WEB申込用
--------------------------------------------------*/
.acceptance_company{
	color:#000066;
	font-weight: 700;
	margin-bottom: 5px;
}
.company_name{
	font-size: 0.9em;
	margin-bottom: 10px;
}

/* ------------------------------------------------
 * 「？」マーク
 * WEB申込用
--------------------------------------------------*/
.question_icon_img img{
	max-width: 18px;
	height: auto;
}
.question_icon_img{
	padding-bottom: 10px;
	padding-top: 15px;
}
.apply_iconTable td.question_icon_img{
	padding-right:.5em;
}
.sim_box_inner .question_icon_block{
	padding-left:1em;
	vertical-align: middle;
	text-align: right;
}
.sim_box_inner .question_icon_block img{
	text-align: right;
}
/* ------------------------------------------------
 * 青いラベルで囲ったタイトル
 * 告知前確認画面
 * WEB申込用
--------------------------------------------------*/
.lbl_info{
	margin:1em 0 0.5em;
	padding:6px 6px 6px 1.5em;
	text-indent:-1em;
	color:#004EA2;
	font-weight:700;
	background-color:#DCE6F2;
}

ul.list_display {
    margin-left: 15px;
    list-style: initial;
}

.lbl_info.title_subcontent{
    padding: 10px 0px 10px 0px;
    background-color: #DCE6F2;
    font-weight: bold;
    color: #006ACB;
}
.emphasis.sub_content{
    margin: 5px 0px 10px 0px;
    color: #E46C0A;
    font-weight: bold;
}

/* ------------------------------------------------
 * 文字に下線を引く
 * 詳細告知2画面
 * WEB申込用
--------------------------------------------------*/
.apply_underline {
	text-decoration: underline;
}

/* ------------------------------------------------
 * WEB申込注意事項のメッセージ関連
 * WEB申込用
--------------------------------------------------*/
/* web11 web申込注意事項 */
.considerations{
	margin: 10px 0;
	border: 2px dashed #000066;
	padding: 10px 6px;
}
.considerations-2{
	margin: 10px 0;
	border: 2px dashed #000066;
	padding: 0 6px;
}
.considerations p{
	color:#000066;
	font-weight:600;
	font-size:1em;
	padding-left:6px;
}
.considerations-txt{
	color:#003399;
	padding: 10px 0 10px 34px;
	vertical-align: middle;
}
.apply_baby,.apply_supplement,.apply_capsule,
.apply_tooth,.apply_hand,.apply_clip{
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size:30px 27px;
	font-size:0.8em;
}
.apply_baby{
	background-image: url(../images/icon_1_baby.png);
	background-position: 0 auto;
	line-height: 21px;
}
.apply_supplement{
	background-image: url(../images/icon_2_sapple.png);
	background-position: 0 12px;
}
.apply_capsule{
	background-image: url(../images/icon_3_capsule.png);
	background-position: 0 12px;
}
.apply_tooth{
	background-image: url(../images/icon_4_tooth.png);
	background-position: 0 auto;
	line-height: 21px;
}
.apply_hand{
	background-image: url(../images/icon_5_hand.png);
	background-position: 0 auto;
	line-height: 21px;
}
.apply_clip{
	background-image: url(../images/icon_6_clip.png);
}
/* ------------------------------------------------
 * 「■」のある文字をリスト化して並べる
 * WEB申込用
--------------------------------------------------*/
.apply_annotation{
	clear: both;
	padding: 20px 0 0;
}
.apply_annotation_text {
	padding: 10px 0 ;
}
.apply_annotation_text span{
	white-space: nowrap;
}
.apply_annotation_text span:before {
  content: "■";
}
.apply_annotation_text ul{
	list-style-type: disc;
	padding-left: 8%;
	padding-right: 4%;
	color: #000;
	font-weight: 700;
}
.apply_annotation_text p{
	width: 90%;
	margin-left: auto;
}
/* ------------------------------------------------
 * web19 職業告知
 * WEB申込用
--------------------------------------------------*/
.unitSymbol_right{
	float:left;
	width:4em;
	height: 40px;
	line-height: 40px;
	text-align: left;
}

.custom-selectbox.disabled {
	background: #d3d3d3;
}

/* ------------------------------------------------
 * web16 決済入力
 * WEB申込用
--------------------------------------------------*/

/* モーダル内クレジットカード用テーブル */
table.credit-table {
	border-collapse: collapse;
	margin: 20px 0;
	width:100%;
}
table.credit-table th{
	width:50%;
	padding: 10px 3% 0;
	text-align: center;
}
table.credit-table td{
  text-align: center;
  padding: 0 3%;
	vertical-align: middle;
}

/* 「告知内容・申込確認」画面で「修正する」ボタンのレイアウトを修正する。 */
.btn-modify-step2{
	border-style: none;
}

/* 2017/06/19 【PPL】SP申込コンプラ修正 - Fix 頭そろえる - Add Start */
.p-left-1d3em {
	padding-left: 1.3em;
}
.text-indent-1em{ 
	text-indent: -1em;
}
.text-indent-1d3em {
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.text-indent-1d3em .require_mrk{
    text-indent: 0em;
}
.left-1d7em-before:before{
    left: 1.7em;
}
.left-1d3em-after:after{
    left: 1.3em;
}

.text-indent-1d6em {
    padding-left: 1.6em;
    text-indent: -1.6em;
}
.ul-outside{
	list-style: outside;
}
/* 2017/06/19 【PPL】SP申込コンプラ修正 - Fix 頭そろえる - Add End */