@charset "UTF-8";

/* ▼▼▼ トップ
=====================================*/
/*
.case {
	margin: 0 0 0 1em;
}
*/


/*コンテンツ*/

.black{
	color:black;
}
.red{
	color:#E60012;
}
.blue{
	color:blue;
}
.navy{
	color:navy;
}
.darkgray{
    color: darkgray;
}
.cl_009900{
    color: #009900;
}
.cl_006cb5{
    color: #006cb5;
}

.bol_red{
    font-weight: bold;
	color:#E60012;
}
.bol_006cb5{
    font-weight: bold;
	color:#006cb5;
}


.bg_gray{
	background-color: gray;
}
.bg_lightgray{
	background-color: lightgray;
}
.bg_navy{
	background-color: navy;
}
.bg_bisque {
    background-color: bisque;
}
.bg_ffff99 {
    background-color: #ffff99;
}
.bg_fffde6 {
    background-color: #fffde6;
}
.bg_ebf5ff {
    background-color: #ebf5ff;
}
.coler_99ccff {
    color: #99ccff;
}

.middle100{
	font-size: 100%;
}
.small95{
	font-size: 95%;
}
.small90{
	font-size: 90%;
}   
.small80{
	font-size: 80%;
}
.small09em{
	font-size: 0.9em;
}
.large{
	font-size: 120%;
}
.x-large{
	font-size: 150%;
}
.large110{
	font-size: 110%;
}
.large120{
	font-size: 120%;
}
.large140{
	font-size: 140%;
}
.large150{
	font-size: 150%;
}

.letter_spacing_minus02{
    letter-spacing:-0.2em;
}
.letter_spacing_minus04{
    letter-spacing:-0.4em;
}
/*.text_wide150 {
    transform: scale(1.5, 1);
}*/



.bol{
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.w500{
	font-weight: 500;/*Medium*/
}
.w600{
	font-weight: 600;/*Semi Bold (Demi Bold)*/
}

.gothic{
    font-family:sans-serif
}

.text_align {
    text-align: center;
}
.text_right {
    text-align: right;
}
.text_center {
    text-align:center;
}


.float_left {
    float: left;
}
.float_right {
    float: right;
}
.margin_left_auto {
    margin-left:auto;
}
.margin_right_auto {
    margin-right:auto;
}

.inline_block {
    display:inline-block;
}

.position_relative {
    position: relative;
}

.border_radius08 {
    border-radius: 8px;
}
.border_radius10 {
    border-radius: 10px;
}

.margin_10 {margin: 10px
}
.margin_top05 {margin-top: 5px
}
.margin_top10 {margin-top: 10px
}
.margin_top15 {margin-top: 15px
}
.margin_top20 {margin-top: 20px
}
.margin_top30 {margin-top: 30px
}
.margin_top05_bottom05 {margin: 5px 0
}
.margin_top10_bottom10 {margin: 10px 0
}
.margin_top15_bottom15 {margin: 15px 0
}
.margin_bottom05 {margin-bottom: 5px
}
.margin_bottom10 {margin-bottom: 10px
}
.margin_bottom15 {margin-bottom: 15px
}
.margin_left01em {margin-left: 1.0em
}
.margin_left10 {margin-left: 10px
}
.margin_left15 {margin-left: 15px
}
.margin_left20 {margin-left: 20px
}
.margin_left10em {margin-left: 1.0em
}
.margin_right10 {margin-right: 10px
}
.margin_right20 {margin-right: 20px
}
.margin_left30 {margin-left: 30px
}
.margin_left10_right10 {margin: 0 10px
}
.margin_left20_right20 {margin: 0 40px
}

.padding_top05 {padding-top: 5px
}
.padding_top10 {padding-top: 10px
}
.padding_top20 {padding-top: 20px
}
.padding_top05_bottom05 {padding: 5px 0
}
.padding_bottom10 {padding-bottom: 10px
}

div.save_img_top05 p img {margin-top: 5px
}
p.margin_top15_bottom15 {margin: 15px 0
}

.width40px {
    width: 40px;
}
.width100 {
    width: 200%;
}

.max_width400 {
    max-width: 400px
}
.max_width300 {
    max-width: 300px
}
.max_width130 {
    max-width: 130px
}

.width_70percent {
    width: 70%;
}

.font_size110 {
    font-size: 110%;
}

.float_left {
    float: left;
}
.float_none {
	clear: both;
}

.text-indent-10 {
    text-indent:-1.0em
}
.text-indent-05 {
    text-indent:-0.5em
}
.text-indent005 {
    text-indent:0.05em
}
.text-indent01 {
    text-indent:0.1em
}
.text-indent02 {
    text-indent:0.2em
}
.text-indent03 {
    text-indent:0.3em
}
.text-indent05 {
    text-indent:0.5em
}


/* お金を貯めるイメージ画像 */
.save_img{
    padding: 0 0 5px 0;
}

/* パソコンで見たときは"pc_imagesc"のclassがついた画像が表示される */
.pc_images {
    display: block !important;
}
.sp_images {
    display: none !important;
}

　/* リンクの色と下線と不透明度 */
a:link img {
    opacity: 1.0;
}
a:hover img {
    opacity: 0.6;
}

.link a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.link a:hover{
	border-bottom: none;
	text-decoration: none;
}

.link_black a{
    color: black;
    text-decoration:none;
}

/* お金をためるリード文 */
.lead {
    margin: 0 10px ;
}
　/* リンクの色と下線 */
.lead a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.lead a:hover{
	border-bottom: none;
	text-decoration: none;
}
.lead p a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.lead p img{ /* オンライン相談外部リンクに使用 */
    vertical-align:text-top;
    width:17px;
    margin:  0 3px;
}
.lead p a:hover{
	border-bottom: none;
	text-decoration: none;
}

.lead_underline_000080 {
	/*color: #000;*/
    text-decoration: underline;
	text-decoration-color: #000080; 
}
.lead_underline_000080:hover{
	border-bottom: none;
	text-decoration: none;
}

/* 説明文(住宅ローンご利用中の方へのサポートの表に利用) */
.explanation_sup {
    margin: 0;
    padding: 10px;
    font-size: 120%;
    background-color: #ffe6e6;
}
　/* リンクの色と下線 */
.explanation_sup ul li a ,.disc_navy li a , .disc_ff5a32 li a {
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.explanation_sup a:hover{
	border-bottom: none;
	text-decoration: none;
}

.square a:hover,.square_no_triangle a:hover{
	border-bottom: none;
	text-decoration: none;
}



/* 下部相談予約及び電話案内ボタンを小さく表示 */
.col_inner .btn{
	max-width: 220px;
	margin: 10px auto 0;
}

.col_inner .btn_pcsp{
	max-width: 340px;
	margin: 10px auto 0;
}

.col_inner_save_green .btn{
	max-width: 220px;
	margin: 10px auto 0;
}

.col_inner_save .btn{
	max-width: 220px;
	margin: 10px auto 0;
}

.col_inner_save .btn_pcsp{
	max-width: 340px;
	margin: 10px auto 0;
}





/* タイトル */
h2{
	font-size: 17px;
}

h3{
	font-size: 15px;
}

h2.title_save {
    border: 1px solid #b9b9b9;
	margin: 10px 0 10px 0;
    padding: 6px 5px 0 12px;
    border-left: 8px solid #006CB5;
    font-weight: bold;
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
	overflow: hidden;
}

h2.title_save_green {
    border: 1px solid #b9b9b9;
	margin: 20px 0 20px 0;
    padding: 6px 5px 0 12px;
    border-left: 8px solid #00ac00;
    font-weight: bold;
    background: #f7f8f8;
	overflow: hidden;
}

h2.title_save_ff5a32 {
    border: 1px solid #b9b9b9;
	margin: 20px 0 20px 0;
    padding: 6px 5px 0 12px;
    border-left: 8px solid #ff5a32;
    font-weight: bold;
    background: #f7f8f8;
	overflow: hidden;
}

h4.title_save_disc_006CB5 {
    font-size: 110%;
    font-weight: bold;
    margin-left: 0.5em;
    padding-left: 0.5em;/*2番目に設定*/
    text-indent: -0.5em;/*3番目に設定(2番目に入れた値のマイナス値)*/
}
h4.title_save_disc_006CB5::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;/*１番目に設定*/
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
    background: #006CB5;
}




/*預金共通コンテンツ*/
.col_inner_save{
	margin: 0 0 20px 0;
	overflow: hidden;
}
.col_inner_save_margin0{
	margin: 0;
	overflow: hidden;
}

.col_inner_list{
	margin: 0 0 0 0;
	overflow: hidden;
}

.col_inner_save h3{
	margin: 30px 0 10px 0;
	padding: 0 0 2px 0px;
	border-bottom: 1px #000 solid;
}

h3.col_inner_save_1st{ /*↑のh3の上部マージンを少なめに設定*/
	margin: 10px 0 10px 0;
}

.col_inner_save h3::before{
	content: "";
    margin: 0 4px 0 0;
	padding: 0;
    /*background: none;/* base.cssのurl(../img/clo_h3_bg.png) left center no-repeatを打ち消し*/
    border-left: 6px solid #006CB5;
}

.col_inner_save_green h3{
	margin: 0 0 10px 0;
	padding: 0 0 2px 0px;
	border-bottom: 1px #000 solid;
}

.col_inner_save_green h3::before{
	content: "";
    margin: 0 4px 0 0;
	padding: 0;
    border-left: 6px solid #00ac00;
}

/*囲みタイトルコンテンツ*/
.square h4,.square_no_triangle h4{
    color: #000080;
    font-size: 120%;
}

.square p,.square_no_triangle p{
    color: #000000;
}

.square{
    margin: 5px 10px 10px 10px;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 10px;
    background:url(../../loan/images/triangle_arrow_loan.png);
    background-repeat: no-repeat;                /* 1回だけ表示 */
    background-position: bottom right;           /* 右下に表示 */
    background-color: #eeeeee;
}

.square_no_triangle{
    margin: 5px 10px 10px 10px;
    border: 1px solid #afadad;
    border-radius: 5px;
    padding: 10px;
    background-color: #eeeeee;
}

/*　角丸リンクボタン　*/
.radius_linkbtn_lgy{
    background-color: lightgray;
    border-radius: 8px;
    padding-top: 5px;
    font-weight: bold;
    text-align: center;
}

/* 角丸BOX(タイトル付き) */
.radius_box {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #99ccff;
    border-radius: 10px;
}
.radius_box_green {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #99e8cc;
    border-radius: 10px;
}
.radius_box_silver {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 3px silver;
    border-radius: 10px;
}
.radius_box_title {
    position: absolute;
    display: inline-block;
    top: -1em;
    margin:0 0 0 0;
    padding:0.5em 0.5em 0.5em 0.5em;
    /*2番目に設定*/
    text-indent: -0.3em;
    line-height: 1;
    font-size: 130%;
    background: #fff;
    color: #0055bd;
    font-weight: bold;
}
.radius_box_title_green {
    position: absolute;
    display: inline-block;
    top: -1em;
    margin:0 0 0 0;
    padding:0.5em 0.5em 0.5em 0.5em;
    /*2番目に設定*/
    text-indent: -0.3em;
    line-height: 1;
    font-size: 130%;
    background: #fff;
    color: #00ac00;
    font-weight: bold;
}


/* ── 注意ポイントボックス ── */
.point_box {
    background: #e8f0f8;
    border: 1px solid #b8d0e8;
    border-radius: 6px; 
    padding: 16px 20px; 
    margin-bottom: 24px;
  }

/* 角丸リンクボタン（PCサイズ）*/
a.button01 {
    border: 2px solid #000080;
	color: #000080;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 480px;/*PCサイズの幅*/
    padding: 10px 30px;
    transition: 0.3s ease-in-out;
    font-size: 120%;
    font-weight: bold;
}
a.button01:hover {
    background: #000080;
    color: #FFF;
}
a.button01:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #000080;
    border-right: 3px solid #000080;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
a.button01:hover:after {
    border-color: #FFF;
}

/*箇条書きリンク*/
.bulleted_list_link li{
	margin-left: 15px;
    padding: 0 0 0 10px;
	text-indent: -20px;
}

.bulleted_list_link li a{
    margin: 0 5px 0 0;
	color: #000;
	text-decoration: underline;
}

.bulleted_list_link li:before{
	content:"";
	margin: 0 5px 0 0;
	padding: 8px;
	background:url(../../new_common/img/arrow_bnr_menu.png) center center no-repeat;
	background-size: contain;
}

/* PDF箇条書き */
.pdf_list ul li{
	/*margin: 0 0 5px; */
    margin: 5px 0 0px 24px;
	text-indent: -24px;
}
.pdf_list ul li a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.pdf_list ul li a:hover{
	border-bottom: none;
	text-decoration: none;
}

.pdf_list ul li:before{
    content: "";
    margin: 0 5px 0 0;
    padding: 8px;
    background: url(../../common/images/icon_pdf.gif) center center no-repeat;
    background-size: contain;
}

/* 住宅購入等紹介申込書の画像を重ねる(PCサイズ) */
.referral_application_form_relative {
  position: relative;
}
.referral_application_form_absolute {
    position: absolute;
    left: 8.59375%;
    top: 23.090909%;
    width: 31.25%;
}


/* 住宅提携Gロゴ&QRコード テーブル画像 */
.partner_grp_table {
    width: 100%;
}

/* 住宅提携Gロゴ画像 */
.partner_grp_logo{
    /*display: inline-block;*/
    /*text-align: left;*/
    /*margin: 0 0 10 0;*/
    max-width: 400px;
    /*padding: 0 0 5px 0;*/
    /*position: absolute;
    left: 0;*/
}
.partner_grp_logo_max_width300{
    display: block;
    /*margin: 0 0 10 0;*/
    max-width: 300px;
    padding: 0 0 5px 0;
}
.partner_grp_logo_max_width250{
    display: block;
    /*margin: 0 0 10 0;*/
    max-width: 250px;
    padding: 0 0 5px 0;
}
.partner_grp_logo_max_width350{
    display: block;
    /*margin: 0 0 10 0;*/
    max-width: 350px;
    padding: 0 0 5px 0;
}
.partner_grp_logo_max_width350_center{
    display: block;
    margin: 0 auto;
    max-width: 350px;
    padding: 0 0 5px 0;
}

/* 住宅提携GＱＲコード画像 */
.partner_grp_qr{
    /*display: inline-block;
    margin-left: auto;
    margin-right: auto;*/
    margin:0 0 0 auto;/*右寄せ*/
    text-align: right;
    max-width: 80px;
    padding: 0 0 5px 0;
    /*position: absolute;
    right: 0;*/
}

/* 住宅提携Gバナー画像 */
.partner_grp_bnr img{
    margin: 10px 0 5px 0;
    width: 100%;
}


/* 取扱業種アイコンPCサイズ */
.industry_icon{
    /*display: block;*/
    max-width: 100px;
    padding: 0 0 2px 0;
}

.custom_housing_icon{
    /*display: block;*/
    max-width: 96px;
    padding: 0 0 2px 0;
}

.condominium_icon{
    /*display: block;*/
    max-width: 106px;
    padding: 0 0 2px 0;
}

.renovation_icon{
    /*display: block;*/
    max-width: 124px;
    padding: 0 0 2px 0;
}

.brokerage_icon{
    /*display: block;*/
    max-width: 58px;
    padding: 0 0 2px 0;
}

/* 住宅提携G社名(PCサイズ) */
.partner_grp_title{
    /*position: absolute;*/
    /*display: inline-block;*/
    /*top: -1em;*/
    /*margin:0 0 0 0;*/
    /*padding:0.5em 0.5em 0.5em 0.5em;*/
    /*2番目に設定*/
    /*text-indent: -0.3em;*/
    /*line-height: 1;*/
    font-size: 280%;
    /*background: #fff;*/
    /*color: #00ac00;*/
    font-weight: bold;
}

/*外部リンクアイコンを後ろ側に付与(PCサイズ)*/
.exlink:after {
    content: "";
    vertical-align:sub;
    margin : 0 0 0 10px ; /* テキストとの間隔 */
    padding: 9px;
    background: url(../../new_common/img/exlink_icon.png) no-repeat /*center center*/ ;
    background-size: contain;
}

/* 外部リンクのアイコン */
.external_link:after {
    content : url(../../common/images/icon_link.png);
    position:relative;
    top:3px;  /* 上下位置の微調整 */
    margin-right : 5px ; /* テキストとの間隔 */
}

/*外部リンクアイコンを後ろ側に付与*/
.sentence_exlink a:after{
    content: "";
    margin: 0 4px 0 2px;/* テキストとの間隔 */
    padding: 7px;
    background: url(../../new_common/img/exlink_icon.png) center center no-repeat;
    background-size: contain;
}

/* 外部リンクのテキスト装飾 */
.sentence a        {text-decoration: underline;}
.sentence a:link   {color:#000;}
.sentence a:visited{color:#444;}

.partner_grp_title a:link   {color:#000;}
.partner_grp_title a:visited{color:#444;}
/*.partner_grp_title a:hover  {color:#9FA0A0; text-decoration:none;}
.partner_grp_title a:active {color:#DCDDDD; text-decoration:none;}*/
/*.partner_grp_title a:focus  {color:#000000; text-decoration:none;}*/


/*商品リスト*/
.product_list li{
	font-size: 13px;
	margin: 0 0 10px 15px;
	padding: 0 0 0 20px;
	text-indent: -20px;
}

.product_list li a{
    margin: 0 15px 0 0;
	color: #000;
	text-decoration: underline;
}

.product_list li:before{
	content:"";
	margin: 0 5px 0 0;
	padding: 8px;
	background:url(../../loan/images/arrow_loan.png) center center no-repeat;
	background-size: contain;
}

.product_list .web_examination_btn{
	max-width: 180px;
	/*float: right;
    margin: 5px 0 0 0 ;*/
}

.product_list .completed_web_btn{
	max-width: 110px;
	/*float: right;
    margin: 5px 0 0 0 ;*/
}

/*タブで分類した商品リスト*/
    /* タブアイテムを横並びにする */
.tab_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;/*タブアイテムを均等幅*/
    position: relative;

}
    /* タブグループの下部に紺色の線をひく */
.tab_wrap::after {
    background-color: #000080;
    bottom: 0;
    content: "";
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
    /* タブアイテムの形状を設定 */
.tab_wrap_item {
    border-radius: 10px 10px 0 0;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    z-index: 0;
    text-align: center;
    flex: 1;/*タブアイテムを均等幅*/
}
/*.tab_wrap .tab_wrap_item span {
    vertical-align: middle;
}*/
.tab_wrap .tab_wrap_item div p{
    text-align: center;
}
.tab_wrap_item_last {
    border-radius: 10px 10px 0 0;
    /*margin-right: 5px;*/
    overflow: hidden;
    position: relative;
    z-index: 0;
    text-align: center;
    flex: 1;/*タブアイテムを均等幅*/
}
.tab_wrap .tab_wrap_item_last div p{
    text-align: center;
}
    /* タブアイテムのデザインを設定 */
.tab_wrap_item a,
.tab_wrap_item div,
.tab_wrap_item_last a,
.tab_wrap_item_last div
    {

    color: white;
    display: inline-block;
    /*flex-direction: column;*/
    font-size: 120%;
    font-weight: 600;
    height: 100%;
    /*justify-content: center;*/
    /*line-height: 1.2;*/
    /*min-height: 2.8em;*/
    /*min-width: 211px;*/
    padding: 5px 0px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    width: 100%;
}




/*画像横並びの表(住宅ローンおすすめ金利の表に利用)*/
.img_sidebyside {
        border-spacing: 10px; 
}









/* 罫線無しの緑の表(Webつみたてに利用) */
.no_ruled_line_table_green {
    width:100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: separate;
    border-spacing: 10px;
}

.no_ruled_line_table_green th {
    padding: 5px;
    /*display:block;*/
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
    background-color: #00ac00;
    border-radius: 10px;
    /*height: 100%;*/
    color: white;
    font-family:sans-serif
    font-weight: bold;
    font-size: 150%;
}
 
.no_ruled_line_table_green td{
    padding: 5px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    /*font-weight: bold;*/
    font-size: 150%;
}

/* 罫線無しの紺色の表(住宅ローン・奨学金借換えローンに利用) */
.no_ruled_line_table_navy {
    width:100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: separate;
    border-spacing: 10px;
    font-size: 110%;
}

.no_ruled_line_table_navy th {
    padding: 5px;
    /*display:block;*/
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
    background-color: navy;
    border-radius: 10px;
    /*min-width: 4em;*/
    /*height: 100%;*/
    color: white;
    font-family:sans-serif
}
 
.th_min_width_4em th {/* 住宅ローン用の幅 */
    min-width: 4em;
}

.th_min_width_5em th {/* 奨学金借換えローン用の幅 */
    min-width: 5em;
}

.th_min_width_6em th {/* 奨学金借換えローン用の幅 */
    min-width: 6em;
}

.th_min_width_7em th {/* 奨学金借換えローン用の幅 */
    min-width: 7em;
}

.th_min_width_8em th {/* 奨学金借換えローン用の幅 */
    min-width: 8em;
}

.th_min_width_9em th {/* 奨学金借換えローン用の幅 */
    min-width: 9em;
}

.th_min_width_10em th {/* 奨学金借換えローン用の幅 */
    min-width: 10em;
}

.th_min_width_11em th {/* 奨学金借換えローン用の幅 */
    min-width: 11em;
}

.no_ruled_line_table_navy td{
    padding: 5px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    font-weight: normal;
    font-size: 110%;
}

/* 罫線無しの表 背景色は別に指定(教育ローンに利用) */
.no_ruled_line_table {
    width:100%;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    border-collapse: separate;
    border-spacing: 10px;
    font-size: 110%;
}

.no_ruled_line_table th {
    padding: 5px;
    /*display:block;*/
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: center;
    vertical-align: middle;
    background-color: navy;
    border-radius: 10px;
    /*min-width: 4em;*/
    /*height: 100%;*/
    color: white;
    font-family:sans-serif
}
.table_3382cc th {
    background-color: #3c7de6;/* けいしん積立用の背景 */
}

.table_006CB5 th {
    background-color: #006CB5;/* 普通預金用の背景 */
}
 
.th_min_width_4em th {/* 住宅ローン用の幅 */
    min-width: 4em;
}

.th_min_width_11em th {/* 奨学金借換えローン・教育ローン用の幅 */
    min-width: 11em;
}

.no_ruled_line_table td{
    padding: 5px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
    vertical-align: middle;
    color: #333333;
    font-weight: normal;
    font-size: 110%;
}

.no_ruled_line_table td a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}


/* ※印を表示し改行時に１文字空けるように設定(罫線無しの表サポートローンWeb完結型に利用) */
/*.komejirushi ul {
    list-style-type: none;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.komejirushi li::before {
    display: inline;
    content: "※ ";
}*/

/* サポートローン概要の表のリスト数字が表示されるように設定 */
.Numb li {
    list-style: decimal inside;
    padding-left: 1em; 
    text-indent: -1em; 
 }

/* リストに黒丸が表示されるように設定 */
/*.disc_k li {
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 1.2em; 
    padding-left: 1.3em;
    text-indent: -1.3em;
 }*/

.disc_k {
    list-style: none;
    padding-left: 1.2em;
}

.disc_k li {
    position: relative;
    padding-left: 0.8em; /* ← 黒丸と文字の距離を調整 */
}

.disc_k li::before {
    content: "•";        /* 黒丸 */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em;      /* 丸の大きさ */
    /*line-height: 1;*/
}

/* リストに丸が表示されるように設定 */
.disc li {
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 0.5em;/*2番目に設定*/
    text-indent: -0.5em;/*3番目に設定(2番目に入れた値のマイナス値)*/
}
.disc li::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;/*１番目に設定*/
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
    /*background: navy;*/
}
.accordion ul.disc li {
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 0.5em;
    text-indent: -0.5em;
}

.accordion ul.disc li::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
}

.backgr_3c7de6 li::before {/* リストの色の指定 */
    background: #3c7de6;
}
.backgr_006cb5 li::before {/* リストの色の指定 */
    /*border-radius: 100%;*/
    background: #006cb5;
}


/* リストにオレンジ丸が表示されるように設定 */
.disc_ff5a32 li {
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 0.5em;/*2番目に設定*/
    text-indent: -0.5em;/*3番目に設定(2番目に入れた値のマイナス値)*/
}
.disc_ff5a32 li::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;/*１番目に設定*/
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
    background: #ff5a32;
}

/* リストに青丸が表示されるように設定〔お金をふやす「綜合口座」に使用〕 */
/* 5.5emで改行する場合*/
.disc_000080_55 li {
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 5.5em;/*2番目に設定*/
    text-indent: -5.5em;/*3番目に設定(2番目に入れた値のマイナス値)*/
}
.disc_000080_55 li::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;/*１番目に設定*/
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
    background: #000080;
}
/* 0.5emで改行する場合*/
.disc_000080_05 li {
    list-style-type: none;
    margin-left: 0.5em;
    padding-left: 0.5em;/*2番目に設定*/
    text-indent: -0.5em;/*3番目に設定(2番目に入れた値のマイナス値)*/
}
.disc_000080_05 li::before {
    position: relative;
    top: -0.1em;
    left: -0.3em;/*１番目に設定*/
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    border-radius: 100%;
    background: #000080;
}


/*※印付きのリスト*/
.asterisk ul {
    padding-top: 0px
   }       

.asterisk li {
    list-style:inside;
    padding-left: 1.3em; 
    text-indent: -1.3em;
    list-style-type: none;
  }
.asterisk li:before {
    display: inline;
    content: "※ ";
}

/*※印付きのリスト字下げ*/
.asterisk p{
    padding-left: 0em;
    text-indent: 0em; 
}


/*数字付きのリスト太字*/
.save_num_list li {
    /*font-weight: bold;*/
    list-style: inside;
    list-style-type: decimal;
    padding-left: 1em;
    text-indent: -1em; 
}


/* Webつみたて申込みの流れ フローチャート */
.online_consult_flow,.tsumitate_web_flow {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    table-layout: fixed; /*均等幅*/ 
    width: 100%;
    height:100%;
    /*text-align:center;*/ 
}

table tr {
  /*padding: .35em;*/
  /*border-bottom: 2px solid #fff;*/
}

.online_consult_flow table th,table td,.tsumitate_web_flow table th,table td {
        /*display: block;*/    
        padding: 5px;
        border: 0; /*px solid #fff;*/
        /*width: 25%;*/
        /*border-right: 2px solid #fff;*/
        /*text-align:center; */
        vertical-align:middle;
}

/*.tsumitate_web_flow td:nth-of-type(2){
    width: 16px;
}*/


/* 下向き矢印 */

.down_arrow20 {
    width: 16px; /* 領域確保 */ 
    height: 40px; /* 領域確保 */
    position: relative;
    margin: auto;
}


.down_arrow20::before{
    content: "";
    display: block;
    position: relative;
    top: 0px;
    /*left: 12px;*/
    width: 16px;
    height: 20px;
    background: darkgray;
}
.down_arrow20::after{
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    left: -12px;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: darkgray transparent transparent transparent;
}

/* 矢印の縦棒 */
.vertical_bar {
    width: 16px; /* 領域確保 */ 
    height: 100%;  /* 領域確保 */
    position: relative;
    margin: auto;
}

.vertical_bar::before{
    content: "";
    display: block;
    position: relative;
    /*top: 1em;*/
    /*left: 12px;*/
    width: 16px;
    height: 100%;
    /*background-size:16px auto;*/
    background: darkgray;
}


/* 三角矢印付きの表(サポートローンWeb完結型に利用) */
    /* 緑の表の場合 */
.triangular_arrow_table_green {
    border-collapse: collapse;
    border-spacing: 5px;
    font-size: 120%;
    margin-bottom: 10px;
}

.triangular_arrow_table_green tr{
    border-bottom: solid 4px white;
}

.triangular_arrow_table_green tr:last-child{
    border-bottom: none;
}

.triangular_arrow_table_green th{
    position: relative;
    width: 25%;
    background-color: #00ac00;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
}

.triangular_arrow_table_green th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid #00ac00;
    top:calc(50% - 10px);
    right:-10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.triangular_arrow_table_green td{
    width: 75%;
    background-color: #eee;
    padding: 10px 15px 10px 20px;
}

/* 三角矢印付きの表(住宅ローン商品概要に利用) */
    /* 紺色の表の場合 */
.triangular_arrow_table_navy {
    border-collapse: collapse;
    border-spacing: 5px;
    font-size: 120%;
    margin-bottom: 10px;
}

.triangular_arrow_table_navy tr{
    border-bottom: solid 4px white;
}

.triangular_arrow_table_navy tr:last-child{
    border-bottom: none;
}

.triangular_arrow_table_navy th{
    position: relative;
    width: 25%;
    background-color: navy;
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
}

.triangular_arrow_table_navy th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid navy;
    top:calc(50% - 10px);
    right:-10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.triangular_arrow_table_navy td{
    width: 75%;
    background-color: #eee;
    padding: 10px 15px 10px 20px;
}

/* 三角矢印付きの表(住宅提携Gの表に利用) */
    /* グレーの表の場合 */
    /* PCサイズ */
.triangular_arrow_table_lightgray {
/*    border-collapse: collapse;*/
/*    border-spacing: 5px;*/
    font-size: 160%;
/*    margin-bottom: 10px;*/
/*    border-collapse: collapse;*/
    border-spacing: 0;
}

.triangular_arrow_table_lightgray tr{
    /*border-bottom: solid 4px white;*/
    
}

.triangular_arrow_table_lightgray tr:last-child{
/*    border-bottom: none;*/
}

.triangular_arrow_table_lightgray th{
    position: relative;
    /*width: 25%;*/
    background-color: lightgray;
/*    border: 2px solid lightgray; */
/*    color: white;*/
    white-space: nowrap;/*改行禁止*/
/*    text-align: center;*/
    vertical-align: middle;
    padding: 0 5px;
    
}

.triangular_arrow_table_lightgray th:after{
/*    display: block;*/
    content: "";
/*    width: 0px;*/
/*    height: 0px;*/
    position: absolute;
    border-left: 17px solid lightgray;
    top:calc(50% - 17px);
    right:-17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

.triangular_arrow_table_lightgray td{
    /*width: 75%;*/
    /*background-color: #eee;*/
/*    padding: 5px 0 5px 20px;*/
    padding: 0 0 0 20px;
}
.triangular_arrow_table_lightgray td img{
    vertical-align: middle;
}

/* 三角矢印付きの表(教育ローン返済方法に利用) */
    /* 紺色の表の場合 */
.triangular_arrow_table {
    border-collapse: collapse;
    border-spacing: 5px;
    font-size: 120%;
    margin-bottom: 10px;
}

.triangular_arrow_table tr{
    border-bottom: solid 4px white;
}

.triangular_arrow_table tr:last-child{
    border-bottom: none;
}

.triangular_arrow_table th{
    position: relative;
    width: 25%;
    /*background-color: navy;*/
    color: white;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
}

.triangular_arrow_table th:after{
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    /*border-left: 10px solid navy;*/
    top:calc(50% - 10px);
    right:-10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.triangular_arrow_table td{
    width: 75%;
    background-color: #eee;
    padding: 10px 15px 10px 20px;
}
/*.table_3382cc th {
    background-color: #3c7de6; 教育ローン用の背景 
}*/
.table_3382cc th:after {
    border-left: 10px solid #3c7de6;/* 教育ローン用の背景 */
}

/* 画像横並び(団体信用生命保険) */
.flex_box {
    display:flex;
}
.flex_box div {
    max-width: 30%;
    margin : 0 auto;
    padding-bottom: 25px;
}

/* 画像横並び PC画像は同一の高さ(APPダウンロードに利用) */
.flex_box_same_height {
    display:flex;
}
.flex_box_same_height div {
    max-width: 30%;
    margin :  auto;
    padding-bottom: 25px;
    text-align : center ;
}
.flex_box_same_height div img{
    max-height: 55px;
    margin-bottom : 25px;
}
.flex_box_same_height div #qr_img{
    max-height: 100px;
    margin-bottom : 20px;
}

/* PDFの箇条書き */
.pdf_list ul li{
	/*margin: 0 0 5px; */
    margin: 5px 0 0px 24px;
	text-indent: -24px;
}
.pdf_list ul li a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.pdf_list ul li a:hover{
	border-bottom: none;
	text-decoration: none;
}

.pdf_list ul li:before{
    content: "";
    margin: 0 5px 0 0;
    padding: 8px;
    background: url(../../common/images/icon_pdf.gif) center center no-repeat;
    background-size: contain;
}





/*.product_list li:after{
	content:"";
	margin: 0 5px 0 0;
	padding: 10px;
	background:url(../../loan/images/web_examination_minibnr.png) center center no-repeat;
}*/


/*ul.product_list li{
	font-size: 13px;
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	text-indent: -20px;
}

ul.product_list li a{
	color: #000;
	text-decoration: underline;
}

ul.product_list li:before{
	content:"";
	margin: 0 5px 0 0;
	padding: 8px;
	background:url(../../loan/images/arrow_loan.png) center center no-repeat;
	background-size: contain;
}*/


/*.col_inner h3:before {
 content: none;
}*/
/*..col_inner h3:before{
	content:"";
	margin: 0 4px 0 0;
	padding: 3px;
	background:url(../img/clo_h3_bg.png) left center no-repeat;
}}/


/*h3.title_loan {
	margin: 0 0 10px 0;
	padding: 0 0 2px 0;
    border-left: 6px solid #96eb5a;
	border-bottom: 1px #000 solid;
}*/

/*h3.title_loan:before{
	content:"";
	margin: 0 4px 0 0;
	padding: 3px;
	background:url(../img/clo_h3_bg.png) left center no-repeat;
}*/






/* リンクの色を黒色に */
/*.external_link a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
/*}*/
/*.external_link p a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
/*}*/
/* リンクの色と下線 */
.link a{
	color: #000;
    text-decoration: underline;
	/*border-bottom: 1px solid #000; */
}
.link a:hover{
	border-bottom: none;
	text-decoration: none;
}

/* 土曜住宅ローン相談会リード文 */
/*.lead {
   margin: 0 5px;
}*/

/* 【ご注意】が表示されるように設定 */
.attention {
   margin: 15px 20px 30px 5px;
}
.attention li {
    list-style-type: none;
    text-indent: -5em;
    padding-left: 5em; 
 }
.attention li:before {
    display: inline;
    content: "【ご注意】";
}



/* 土曜住宅ローン相談会のイメージ画像 */
.consultation_ig{
    padding: 0 0 20px 0;
}

/*リスト*/
.doyou_housinglone_list {
   margin: 0px 10px 0px 5px;
}
.doyou_housinglone_list li{
    list-style:inside;
    padding-left: 1.3em; 
    text-indent: -1.3em;
}

.col_inner_save p.subhead {
    color: #000000;
    font-size: 1.05em; 
    padding: 5px 5px 5px 15px;
    margin-bottom: 10px;
    background: #cce6ff;
    opacity: 1; /* アコーディオンが開いた時に確実に表示させるため */
}


/* アコーディオンメニュー */
.accordion {
    /*max-width: 500px;*/
    margin-bottom: 7px;
    border: solid 3px #99ccff;
    border-radius: 10px;
    padding: 0 1em 0 1em;
}

.accordion summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.5em 1em 0.5em 0;
    color: #333333;
    /*font-weight: 6000;*/
    cursor: pointer;
    font-size: 130%;
    /*background: #fff;*/
    color: #0055bd;
    font-weight: bold;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    /*margin: 0;*/
    /*padding: 0.0em 0 0.1em 1.2em;*/
    /*color: #333333;*/
    transition: transform .5s, opacity .5s;
}

.accordion[open] p {
    transform: none;
    opacity: 1;
}

.accordion[open] hr {
    margin: 0 0 1em 0;
}

.accordion p.subhead {
    color: #000000;
    font:1.2em; 
    padding: 5px 5px 5px 15px;
    margin-bottom: 10px;
    background: #cce6ff;
    opacity: 1; /* アコーディオンが開いた時に確実に表示させるため */
}



/* ▼▼▼ 768px以上
=====================================*/
@media print, screen and (min-width:768px) {
/* 返済シミュレーションボタンを小さく表示。さらにPCサイズのみボタンを表示 */
.col_inner .btn_pc{
	max-width: 340px;
	margin: 10px auto 0;
}
.col_inner .btn_sp{
    display: none;
}
.col_inner_save .btn_pc{
	max-width: 400px;
	margin: 10px auto 0;
}
.col_inner_save .btn_sp{
    display: none;
}
.col_inner_save_green .btn_pc{
	max-width: 400px;
	margin: 10px auto 0;
}
.col_inner_save_green .btn_sp{
    display: none;
}
.max_width400{
	max-width: 400px;
	margin: 10px auto 0;
}

}






/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {	

/*共通コンテンツ*/

.col_inner_save{
	margin: 0 10px 30px 10px;
	overflow: hidden;
}
.col_inner_save_margin0 {
	margin: 0 10px 0 10px;
	overflow: hidden;
}
.col_inner_save_green{
	margin: 0 10px 30px 10px;
	overflow: hidden;
}    


.col_inner_list{
	margin: 0 10px 10px 10px;
	overflow: hidden;
}

/* 返済シミュレーションボタンを小さく表示。さらにPCサイズのみボタンを表示 */
.col_inner .btn_pc{
    display: none ;
}
.col_inner .btn_sp{
    max-width: 340px;
	margin: 10px auto 0;
}
.col_inner_save .btn_pc{
    display: none;
}
.col_inner_save .btn_sp{
    max-width: 400px;
	margin: 10px auto 0;
    }
  
/* スマホで見たときは"sp_images"のclassがついた画像が表示される */
.pc_images {
    display: none !important;
}
.sp_images {
    display: block !important;
}

/* idリンクが固定ヘッダーでずれるのを修正 */
a.anchor {
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}

/* 返済シミュレーションボタンを小さく表示。さらにスマホサイズのみボタンを表示 */
.col_inner .btn_pc{
    display: none;
}
.col_inner .btn_sp{
    max-width: 340px;
	margin: 10px auto 0;
}
    
.col_inner_save .btn_pc{
    display: none;
}
.col_inner_save .btn_sp{
    max-width: 340px;
	margin: 10px auto 0;
}


/* 角丸リンクボタン（SPサイズ）*/
a.button01 {
    border: 2px solid #000080;
	color: #000080;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    width: 320px;/*SPサイズの幅*/
    padding: 10px 30px;
    transition: 0.3s ease-in-out;
    font-size: 120%;
    font-weight: bold;
}

/*商品リスト*/
.product_list li{
	font-size: 13px;
	margin: 0 0 10px 0px;
	padding: 0 0 0 20px;
	text-indent: -20px;
}
    
    
/* タイトル */
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}

h2.title_save {
    border: 1px solid #b9b9b9;
	margin: 10px 10px 10px 10px;
    padding: 6px 5px 0 12px;
    border-left: 8px solid #006CB5;
    font-weight: bold;
    /*background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);*/
	overflow: hidden;
}

h2.title_save_green {
        border: 1px solid #b9b9b9;
        margin: 20px 10px 20px 10px;
        padding: 6px 5px 0 12px;
        border-left: 8px solid #00ac00;
        font-weight: bold;
        background: #f7f8f8;
        overflow: hidden;
}
    

    /* タブアイテムのデザインを設定 */
.tab_wrap_item a,
.tab_wrap_item div,
.tab_wrap_item_last a,
.tab_wrap_item_last div
    {
    color: white;
    display: inline-block;
    /*flex-direction: column;*/
    font-size: 100%;
    font-weight: 600;
    height: 100%;
    /*justify-content: center;*/
    /*line-height: 1.2;*/
    /*min-height: 2.8em;*/
    /*min-width: 211px;*/
    margin: auto;
    padding: 5px 0px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
    

/* 住宅購入等紹介申込書の画像を重ねる(SPサイズ) */
.referral_application_form_relative {
  position: relative;
}
.referral_application_form_absolute {
    position: absolute;
    left: 24.21875%;
    top: 46.666666%;
    width: 51.5625%;
}
    
/* 住宅提携G社名(SPサイズ) */
.partner_grp_title{
    /*position: absolute;*/
    /*display: inline-block;*/
    /*top: -1em;*/
    /*margin:0 0 0 0;*/
    /*padding:0.5em 0.5em 0.5em 0.5em;*/
    /*2番目に設定*/
    /*text-indent: -0.3em;*/
    /*line-height: 1;*/
    font-size: 150%;
    /*background: #fff;*/
    /*color: #00ac00;*/
    font-weight: bold;
}    

/* 取扱業種アイコンSPサイズ */
.industry_icon{
    /*display: block;*/
    max-width: 80px;
    padding: 2px 0 2px 0;
}

.custom_housing_icon{
    /*display: block;*/
    max-width: 77px;
    padding: 2px 0 2px 0;
}

.condominium_icon{
    /*display: block;*/
    max-width: 85px;
    padding: 2px 0 2px 0;
}

.renovation_icon{
    /*display: block;*/
    max-width: 99px;
    padding: 2px 0 2px 0;
}

.brokerage_icon{
    /*display: block;*/
    max-width: 46px;
    padding: 2px 0 2px 0;
}
    
/* 三角矢印付きの表(住宅提携Gの表に利用) */
    /* グレーの表の場合 */
    /* SPサイズ */
.triangular_arrow_table_lightgray {
/*    border-collapse: collapse;*/
/*    border-spacing: 5px;*/
    font-size: 90%;
/*    margin-bottom: 10px;*/
    border-collapse: collapse;
    border-spacing: 0;
}
.triangular_arrow_table_lightgray th:after{
/*    display: block;*/
    content: "";
/*    width: 0px;*/
/*    height: 0px;*/
    position: absolute;
    border-left: 14px solid lightgray;
    top:calc(50% - 14px);
    right:-14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}

/* 三角矢印付きの表(教育ローンの表に利用) */
    /* SPサイズ */

.triangular_arrow_table {
/*    border-collapse: collapse;*/
/*    border-spacing: 5px;*/
    font-size: 90%;
/*    margin-bottom: 10px;*/
    border-collapse: collapse;
    border-spacing: 0;
}
.triangular_arrow_table th:after{
/*    display: block;*/
    content: "";
/*    width: 0px;*/
/*    height: 0px;*/
    position: absolute;
    /*border-left: 14px solid lightgray;*/
    top:calc(50% - 14px);
    /*right:-14px;*/
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
}
    
 /*外部リンクアイコンを後ろ側に付与(SPサイズ)*/
.exlink:after{
    content: "";
    vertical-align:sub;
    margin: 0 0 0 10px;
    padding: 8px;
    background: url(../../new_common/img/exlink_icon.png) no-repeat /*center center*/ ;
    background-size: contain;
}
   
    
    
/* 土曜住宅ローン相談会リード文 */
/*.lead {
   margin: 0px 10px;
}*/

 

/* 罫線無しの表 */
.no_ruled_line_table_green th{
    width:100%;
    display:block;
    margin: 0 auto;
    font-size: 120%;
}
    
.no_ruled_line_table_green td{
    display: list-item;
    width: 100%;
    /*border-top: none !important;*/
    font-size: 120%;
}
.no_ruled_line_table_navy th{
    width:100%;
    display:block;
    margin: 0 auto;
    font-size: 110%;
}
    
.no_ruled_line_table_navy td{
    display: list-item;
    width: 100%;
    /*border-top: none !important;*/
    font-size: 110%;
} 
.no_ruled_line_table th{
    width:100%;
    display:block;
    margin: 0 auto;
    font-size: 110%;
}
    
.no_ruled_line_table td{
    display: list-item;
    width: 100%;
    /*border-top: none !important;*/
    font-size: 110%;
} 


  /*タブで分類した商品リスト*/  
.tab-label {
    font-size: 100%;
    }

/* 三角矢印付きの表(サポートローンWeb完結型に利用) */

.triangular_arrow_table {
    font-size: 100%;
}
 
/* 画像横並び(団体信用生命保険に利用) */
.flex_box {
    display:block;
}
.flex_box div {
    max-width: 270px;
}    

/* 画像横並び 画像は同一の高さだが、スマホ用は同一の幅(APPダウンロードに利用) */
.flex_box_same_height {
    display:block;
     text-align: center;
}
.flex_box_same_height div {
    max-width: 270px;
}
.flex_box_same_height div img{
    max-height: none;
}
    
 /* ── 注意ポイントボックス ── */   
.point_box { padding: 14px 14px; }

    
    
}