@charset "utf-8";
/**
 * article.css
 */

/* ==================================================

article

================================================== */
.article_wrap img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 959px) {
.article_wrap{
	padding:15px;
}
}
.article_wrap,
.article_wrap .font_f_min{
}
.article_wrap .font_f_def{
}
.article_wrap .font_f_bld{
	font-weight:bold;
}
.article_wrap .article_head .article_head_sttl{
	font-size:10px;
}
.article_wrap .article_head .article_head_ttl{
	font-size:18px;
	margin-top:5px;
	background: linear-gradient(transparent 50%, #e0e8f6 0%);
	display:inline-block;
	padding:0 5px;
}
.article_wrap .article_head .article_head_ttl span{
	font-size:12px;
	padding-left:10px;
}
.article_wrap .article_head .article_page_ttl{
	font-size:26px;
	margin-top:15px;
}
.article_wrap .article_head .article_page_keyv{
	margin-top:30px;
}
.article_wrap .article_head .article_headBoxText{
	margin-top:20px;
}
.article_wrap .article_head .article_introText{
	font-size:18px;
}
.article_wrap .article_head .article_introRead{
	font-size:14px;
	margin-top:10px;
}
.article_wrap .article_head .article_head_cap{
	font-size:10px;
}
@media screen and (max-width: 699px){
.article_wrap .article_head .article_head_ttl{
	font-size:18px;
}
.article_wrap .article_head .article_head_ttl span{
	font-size:10px;
}
.article_wrap .article_head .article_page_ttl{
	font-size:20px;
	margin-top:10px;
}
.article_wrap .article_head .article_page_keyv{
	margin-top:15px;
}
.article_wrap .article_head .article_headBoxText{
	margin-top:10px;
}
.article_wrap .article_head .article_introText{
	font-size:16px;
}
.article_wrap .article_head .article_introRead{
	margin-top:5px;
}

}


.article_wrap .article_block{
	margin-top:70px;
}
.article_wrap .article_block .article_block_ttl{
	font-size:18px;
	border-left:solid 5px #2155a4;
	padding-left:15px;
}
.article_wrap .article_block .article_block_main p{
	font-size:14px;
	margin-top:30px;
}
.article_wrap .article_block .article_block_main p.article_inn_fig{
	text-align:center;
}
.article_wrap .article_block .article_block_main p.article_block_ttl2{
	font-size:18px;
}
.article_wrap .article_block .article_block_main p.article_block_ttl2.article_block_ttlhead{
	margin-bottom:30px;
}
.article_wrap .article_block .article_block_main p:first-child{
	margin-top:35px;
}
.article_wrap .article_block .article_block_main p:last-child{
	margin-bottom:60px;
}
.article_wrap .article_block .article_block_main p.article_block_main_cap{
	font-size:10px;
	margin-top:10px;
}
.article_wrap .article_block .article_block_main span.article_block_main_cap{
	font-size:10px;
	margin-top:10px;
	display:block;
}
.article_wrap .article_block .article_block_main .article_case_2col_wrap{
	margin:0;
}
.article_wrap .article_block .article_block_main .article_case_2col_wrap .article_case_2col_l{
	float:left;
	width:49.5%;
	max-width:478px;
	margin:0 1% 0 0;
}
.article_wrap .article_block .article_block_main .article_case_2col_wrap .article_case_2col_r{
	float: right;
	width:49.5%;
	max-width:478px;
	margin:0;
}
.article_wrap .article_block .article_block_main .article_case_2col_wrap .article_case_2col_cap{
	font-size:10px;
	margin-top:10px;
	margin-bottom:0;
}
.article_wrap .article_block .article_block_main .article_case_2col_cap2{
	font-size:10px;
	margin-top:5px;
	margin-bottom:0;
}
@media screen and (max-width: 699px){
.article_wrap .article_block{
	margin-top:40px;
}
.article_wrap .article_block .article_block_ttl{
	font-size:16px;
	padding-left:10px;
}
.article_wrap .article_block .article_block_main p{
	font-size:14px;
	margin-top:20px;
}
.article_wrap .article_block .article_block_main p.article_block_ttl2{
	font-size:16px;
}
.article_wrap .article_block .article_block_main p:first-child{
	margin-top:20px;
}
.article_wrap .article_block .article_block_main p:last-child{
	margin-bottom:30px;
}
.article_wrap .article_block .article_block_main p.article_block_main_cap{
	margin-top:5px;
}
.article_wrap .article_block .article_block_main span.article_block_main_cap{
	margin-top:5px;
}
}


.article_itv_block{
	margin-top:70px;
	border:solid 1px #000000;
	padding:30px;
}
.article_itv_block .article_itv_head{
	margin-bottom:15px;
}
.article_itv_block .article_itv_head span{
	display:inline-block;
	vertical-align:bottom;
}
.article_itv_block .article_itv_head .article_itv_icon{
	font-size:14px;
	background-color:#0051a7;
	padding:8px 10px;
	margin:0 15px 0 0;
	color:#FFF;
}
.article_itv_block .article_itv_head .article_itv_name{
	font-size:24px;
}
.article_itv_block .article_itv_ttl{
	font-size:24px;
	margin-bottom:30px;
	display:inline-block;
	border-bottom:solid 1px #000;
	padding-bottom:4px;
}
.article_itv_block .article_itv_ttl span{
}
.article_itv_block .article_itv_col_wrap{
}
.article_itv_block .article_itv_col_wrap .article_itv_col_l{
	float:left;
	width:45%;
	max-width:375px;
	margin:0 20px 0 0;
}
.article_itv_block .article_itv_col_wrap .article_itv_col_r{
	margin:0 0 0 45%;
	overflow: auto;
	font-size:14px;
}
@media screen and (max-width: 699px){
.article_itv_block{
	margin-top:40px;
	padding:20px;
}
.article_itv_block .article_itv_head{
	margin-bottom:10px;
}
.article_itv_block .article_itv_head .article_itv_icon{
	font-size:12px;
	padding:6px 10px;
	margin:0 10px 0 0;
}
.article_itv_block .article_itv_head .article_itv_name{
	font-size:18px;
}
.article_itv_block .article_itv_ttl{
	font-size:18px;
	margin-bottom:20px;
}
.article_itv_block .article_itv_col_wrap .article_itv_col_l{
	float: none;
	width:100%;
	max-width:375px;
	margin:0 auto;
}
.article_itv_block .article_itv_col_wrap .article_itv_col_r{
	margin:10px 0 0;
	overflow: auto;
	font-size:14px;
}
}

.article_writer_block{
	margin-top:70px;
}
.article_writer_block .article_writer_col_wrap .article_writer_col_l{
	float:left;
	width:20%;
	max-width:180px;
	margin:0 20px 0 0;
}
.article_writer_block .article_writer_col_wrap .article_writer_col_r{
	margin:0 0 0 18%;
	overflow: auto;
	font-size:14px;
}
.article_writer_block .article_writer_ttl{
	font-size:18px;
	margin-bottom:15px;
	display:inline-block;
	border-bottom:solid 1px #000;
	padding-bottom:4px;
}
.article_writer_block .article_writer_col_wrap .article_writer_col_l img{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
@media screen and (max-width: 699px){
.article_writer_block{
	margin-top:40px;
}
.article_writer_block .article_writer_col_wrap .article_writer_col_l{
	margin:0 15px 0 0;
}
.article_writer_block .article_writer_col_wrap .article_writer_col_r{
}
.article_writer_block .article_writer_ttl{
	font-size:16px;
	margin-bottom:10px;
}
}



.article_wrap .article_other{
	margin-top:70px;
}
.article_wrap .article_other .article_other_inn{
	text-align:center;
}
.article_wrap .article_other .article_other_sttl{
	font-size:18px;
}
.article_wrap .article_other .article_other_sttl{
position: relative;
display: inline-block;
padding: 0 30px;
}
.article_wrap .article_other .article_other_sttl:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 34px;
height: 1px;
background-color: black;
-moz-transform: rotate(60deg);
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.article_wrap .article_other .article_other_sttl:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 34px;
height: 1px;
background-color: black;
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
transform: rotate(-60deg);
}
.article_wrap .article_other .article_other_sttl:before {left:0;}
.article_wrap .article_other .article_other_sttl:after {right: 0;}
.article_wrap .article_other .article_other_ttl{
	font-size:24px;
	background: linear-gradient(transparent 50%, #f7dede 0%);
	display:table;
	padding:0 5px;
	text-align:center;
	margin:10px auto 0;
}
.article_wrap .article_other .article_other_ttl2{
	font-size:16px;
	text-align:center;
	margin:20px auto 0;
}
.article_wrap .article_other .article_other_list{
	margin-top:10px;
}
.article_wrap .article_other .article_other_list ul{
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
	font-size:0;
}
.article_wrap .article_other .article_other_list ul li{
	margin:30px 30px 0 0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
	background-color:#f2f2f2;
	max-width:300px;
	position:relative;
	vertical-align:top;
	font-size:12px;
}
.article_wrap .article_other .article_other_list ul li:nth-child(3n){
	margin-right:0;
}
.article_wrap .article_other .article_other_list ul li a{
	text-decoration:none;
	display:block;
	position: relative;
	z-index:102;
}
.article_wrap .article_other .article_other_list ul li::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 3em solid transparent;
    border-right: 3em solid #2155a4;
    position: absolute;
    z-index: 100;
}
.article_wrap .article_other .article_other_list ul li::after {
    content: "";
    display: inline-block;
    bottom: 4px;
    right: 4px;
    position: absolute;
	width:10px;
	height:15px;
	background-image:url(/content/dam/mfrcojp/etc/common/img/la_arrow_01.png);
	background-size: contain;
    z-index: 101;
}
.article_wrap .article_other .article_other_list ul li .article_other_list_detail{
	padding:15px 12px 18px;
	word-break: break-all;
}
.article_wrap .article_other .article_other_list ul li .article_other_list_detail .article_other_list_num{
	font-size:10px;
}
.article_wrap .article_other .article_other_list ul li .article_other_list_detail .article_other_list_txt{
	font-size:12px;
	margin-top:5px;
}
@media screen and (max-width: 959px) {
.article_wrap .article_other .article_other_list ul li{
	margin:30px 3% 0 0;
	width:31%;
}
}

@media screen and (max-width: 699px){
.article_wrap .article_other{
	margin-top:40px;
}
.article_wrap .article_other .article_other_inn{
	text-align:center;
}
.article_wrap .article_other .article_other_sttl{
	font-size:15px;
	text-align:center;
}
.article_wrap .article_other .article_other_ttl{
	font-size:20px;
	margin:10px auto 0;
}
.article_wrap .article_other .article_other_ttl2{
	font-size:14px;
	text-align:left;
	margin:15px auto 0;
}
.article_wrap .article_other .article_other_list ul{
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
}
.article_wrap .article_other .article_other_list ul li{
	margin:10px 10px 10px 0;
	padding:0;
	max-width:300px;
	width:45%;
	white-space:normal;
	  vertical-align:top;
}
.article_wrap .article_other .article_other_list ul li:nth-child(3n){
	margin:10px 10px 10px 0;
}
.article_wrap .article_other .article_other_list ul li .article_other_list_detail{
	padding:12px 12px 24px 12px;
	word-break: break-all;
}
.article_wrap .article_other .article_other_list ul li .article_other_list_detail .article_other_list_txt{
	font-size:11px;
}
}



.article_banner{
	margin-top:50px;
}
.article_banner img{
	max-width:100%;
}
.article_banner_wrap ul li{
	margin:50px auto 0;
}
.article_banner_wrap ul li:first-child{
	margin-top:0;
}
@media screen and (max-width: 959px) {
.article_banner{
	padding:15px;
}
.article_banner{
	margin-top:20px;
}
.article_banner_wrap ul li{
	margin:20px auto 0;
}
.article_banner_wrap ul li:first-child{
	margin-top:0;
}
}


.ft_golink_btn{
	margin:60px auto 0px;
	width:100%;
	max-width:300px;
	text-align:center;
}
.ft_golink_btn a{
	background-color:#FFF;
	padding:12px;
	font-size:12px;
	color:#606060;
	border:solid 1px #606060;
	text-decoration:none;
	display:block;
	width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.ft_golink_btn a:hover{
	background-color:#c0c0c0;
	color:#FFF;
}
@media screen and (max-width: 959px) {
.ft_golink_btn{
	margin:60px auto 20px;
}
}
@media screen and (max-width: 699px){
.ft_golink_btn{
	margin:40px auto 20px;
}
.ft_golink_btn a{
	font-size:11px;
}
.ft_golink_btn_wrap .ft_golink_btn{
	display:block;
	margin:0px auto 15px;
}
}



a.article_link_udl{
	color:#2855a4;
	text-decoration:none;
}
a.article_link_udl:hover{
	text-decoration:underline;
}


/* mainContent edit */

.mainContent .mainContent.innerContent{
	padding-top:0;
}
@media screen and (max-width: 959px) {
.mainContent .mainContent.innerContent{
	padding:15px;
}
}

.mainContent .mainContent{
	padding-top:0;
}
.mainContent .article_different .mainContent{
	padding:35px 0 80px;
}
.mainContent .article_banner .mainContent{
	padding:35px 0 0px;
}
@media screen and (max-width: 959px) {
.mainContent .article_different .mainContent{
	padding:15px;
}
}

/* font edit */
.article_head_ttl,
.article_page_ttl,
.article_block .article_block_ttl,
.article_block_main p.article_block_ttl2,
.article_other_sttl,
.article_different_ttl,
.article_list_block_ttl{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
}