@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%, #f7dede 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_page_keyv_read{
	font-size:14px;
	margin-top:30px;
}
.article_wrap .article_head .article_head_cap{
	font-size:10px;
}
.article_wrap .article_head .article_head_cap2{
	color:#999;
	font-size:9px;
	margin-top:0.2em;
}
@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_page_keyv_read{
	font-size:14px;
	margin-top:10px;
}
}



.article_wrap .article_profile{
	margin-top:70px;
}
.article_wrap .article_profile .article_profile_img{
	max-width:250px;
	float:left;
}
.article_wrap .article_profile .article_profile_img img{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.article_wrap .article_profile .article_profile_detail{
	margin-left:290px;
}
.article_wrap .article_profile .article_profile_detail .article_profile_detail_ttl{
	font-size:18px;
}
.article_wrap .article_profile .article_profile_detail .article_profile_detail_ttl span{
	border-bottom:solid 1px #808080;
	padding-bottom:4px;
}
.article_wrap .article_profile .article_profile_detail .article_profile_detail_name,
.article_wrap .article_profile .article_profile_detail .article_profile_detail_other{
	font-size:14px;
	margin-top:20px;
}
@media screen and (max-width: 699px){
.article_wrap .article_profile{
	margin-top:40px;
}
.article_wrap .article_profile .article_profile_img{
	width:35%;
}
.article_wrap .article_profile .article_profile_detail{
	margin-left:40%;
}
.article_wrap .article_profile .article_profile_detail .article_profile_detail_ttl{
	font-size:15px;
}
.article_wrap .article_profile .article_profile_detail .article_profile_detail_name,
.article_wrap .article_profile .article_profile_detail .article_profile_detail_other{
	margin-top:10px;
}
}





.article_wrap .article_block{
	margin-top:70px;
}
.article_wrap .article_block .article_block_ttl{
	font-size:18px;
	border-left:solid 5px #cb1a25;
	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_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 p.article_col2_fig{
	float:left;
	width:30%;
	max-width:250px;
	margin:0px 30px 0 0;
}
.article_wrap .article_block .article_block_main p.article_col2_fig.article_col2_fig_mt{
	margin-top:10px;
}
.article_wrap .article_block .article_block_main p.article_col2_fig.article_col2_fig_mt2{
	margin-top:10px;
	max-width:244px;
}
.article_wrap .article_block .article_block_main p.article_col2_fig.article_col2_fig_mt3{
	margin-top:10px;
	max-width:224px;
}
.article_wrap .article_block .article_block_main p.article_col2_fig img{
	margin-top:10px;
}
.article_wrap .article_block .article_block_main p.article_col2_fig img:first-child{
	margin-top:0;
}
.article_wrap .article_col2_wrap{
	margin:0 0 10px 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 p.article_col2_fig{
	float:none;
	width:80%;
	max-width:250px;
	margin:0px auto;
}
.article_wrap .article_col2_wrap{
	margin:20px 0 0px 0;
}
}




.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 #cb1a25;
    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_different{
	margin-top:50px;
	background:#f7f8f8;
}
.article_different img{
	max-width:100%;
}
.article_different .mainContent{
	overflow:visible;
}
.article_different .article_different_ttl{
	font-size:24px;
	text-align:center;
	margin-top:-52px;
	position: relative;
	z-index:999;
}

.article_cate_other_list{
	margin-top:20px;
}
.article_cate_other_list ul{
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
	font-size:0;
}
.article_cate_other_list ul li{
	margin:30px 30px 0 0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
	background-color:#FFF;
	width:100%;
	max-width:300px;
	position:relative;
	vertical-align:top;
	font-size:12px;
	border: solid 1px #c0c0c0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.article_cate_other_list ul li.current{
	background-color:#c0c0c0;
}
.article_cate_other_list ul li:nth-child(3n){
	margin-right:0;
}
.article_cate_other_list ul li a{
	text-decoration:none;
	display:block;
	position: relative;
	z-index:102;
}
.article_cate_other_list ul li.current a{
	color:#FFF;
}
.article_cate_other_list ul li::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 3em solid transparent;
    border-right: 3em solid #cb1a25;
    position: absolute;
    z-index: 100;
}
.article_cate_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_cate_other_list ul li.current::before {
    border-top: none;
    border-right: none;
}
.article_cate_other_list ul li.current::after {
	width:0px;
	height:0px;
	background-image: none;
}
.article_cate_other_list .article_cate_other_list_detail{
	padding:18px 15px;
	font-size:17px;
}

@media screen and (max-width: 959px) {
.article_different{
	padding-bottom:20px;
}
.article_different .mainContent{
	padding:15px;
}
.article_different .article_different_ttl{
	margin-top:-30px;
}
.article_cate_other_list{
	margin-top:10px;
}
.article_cate_other_list ul li{
	margin:30px 3% 0 0;
	width:31%;
}
.article_cate_other_list .article_cate_other_list_detail{
	padding:12px 10px;
	font-size:14px;
}
}

@media screen and (max-width: 699px){
.article_different{
	margin-top:40px;
	padding-bottom:20px;
}
.article_different .mainContent{

}
.article_different .article_different_ttl{
	font-size:20px;
	margin-top:-30px;
}
.article_cate_other_list ul{
}
.article_cate_other_list ul li{
	margin:10px 2% 0 0;
	padding:0;
	max-width:350px;
	width:49%;
	vertical-align:top;
}
.article_cate_other_list ul li:nth-child(3n){
	margin:10px 2% 0 0;
}
.article_cate_other_list ul li:nth-child(2n){
	margin-right:0;
}
}


.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;
}



.article_wrap .article_list_head .article_list_head_ttl{
	font-size:26px;
	/*padding:0 5px 8px;*/
	/*border-bottom:solid 1px #333333;*/
	margin-bottom:10px;
}
.article_wrap .article_list_head .article_list_head_read{
	font-size:14px;
	margin-bottom:10px;
}
.article_wrap .article_pickup_wrap{
	padding:10px 0 10px 10px;
	border:solid 1px #c0c0c0;
	margin:30px 0 0 0;
}
.article_pickup_fig{
	float:left;
	width:65%;
	max-width:608px;
}
.article_pickup_detail{
	width:33%;
	max-width:300px;
	float:right;
	margin-top:40px;
}
.article_pickup_obi{
	background-color:#cb1a25;
	padding:5px 10px;
	color:#FFF;
	font-size:20px;
}
.article_pickup_sttl{
	font-size:12px;
	margin:25px 10px 0 0;
	background: linear-gradient(transparent 50%, #f7dede 0%);
	display:inline-block;
	padding:0 2px;
}
.article_pickup_read{
	font-size:20px;
	margin:25px 25px 0 0;
}
.article_cate_other_list_wrap{
}
@media screen and (max-width: 959px) {
.article_pickup_fig{
	float:left;
	width:55%;
	max-width:608px;
}
.article_pickup_detail{
	width:42%;
	max-width: inherit;
	float:right;
	margin-top:0px;
}
.article_pickup_sttl{
	margin:15px 10px 0 0;
}
.article_pickup_read{
	margin:15px 15px 0 0;
}
}

@media screen and (max-width: 699px){
.article_wrap .article_list_head .article_list_head_ttl{
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
}
.article_wrap .article_list_head .article_list_head_read{
	font-size:14px;
	margin-bottom:10px;
}
.article_wrap .article_pickup_wrap{
	padding:10px 10px 10px 10px;
	margin:20px 0 0 0;
}
.article_pickup_fig{
	float:none;
	width:100%;
	max-width: inherit;
}
.article_pickup_detail{
	width:100%;
	max-width: inherit;
	float:none;
}
.article_pickup_obi{
	font-size:16px;
	text-align:center;
}
.article_pickup_sttl{
	font-size:10px;
	margin:10px 0px 0 0;
}
.article_pickup_read{
	font-size:16px;
	margin:10px 0px 0 0;
}
.article_cate_other_list_wrap{
	margin:20px 0 40px 0;
}
}


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

list

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

.article_list_block{
	margin:60px 0 0 0;
}
.article_list_block_ttl{
	background-color:#f7dede;
	font-size:18px;
	padding:10px 15px;
}

.article_list_block .article_catinn_list{
	margin-top:0px;
}
.article_list_block .article_catinn_list ul{
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
	font-size:0;
}
.article_list_block .article_catinn_list ul li{
	margin:30px 30px 0 0;
	padding:9px;
	letter-spacing:normal;
	display:inline-block;
	background-color:#FFF;
	max-width:300px;
	position:relative;
	vertical-align:top;
	font-size:12px;
	border:solid 1px #c0c0c0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.article_list_block .article_catinn_list ul li:nth-child(3n){
	margin-right:0;
}
.article_list_block .article_catinn_list ul li a{
	text-decoration:none;
	display:block;
	position: relative;
	z-index:102;
}
.article_list_block .article_catinn_list ul li::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 3em solid transparent;
    border-right: 3em solid #cb1a25;
    position: absolute;
    z-index: 100;
}
.article_list_block .article_catinn_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_list_block .article_catinn_list ul li .article_other_list_detail{
	padding:15px 12px 6px;
	word-break: break-all;
}
.article_list_block .article_catinn_list ul li .article_other_list_detail .article_other_list_num{
	font-size:10px;
}
.article_list_block .article_catinn_list ul li .article_other_list_detail .article_other_list_txt{
	font-size:14px;
	margin-top:5px;
}
.article_list_block .article_catinn_list ul li .article_list_icon_new{
	position:absolute;
	top:-10px;
	left:-10px;
	width:64px;
}
.article_list_block .article_catinn_list .article_list_btn_more{
	width:80px;
	margin:25px auto;
}
@media screen and (max-width: 959px) {
.article_list_block .article_catinn_list ul li{
	margin:30px 3% 0 0;
	width:31%;
}
}

@media screen and (max-width: 699px){
.article_list_block{
	margin:40px 0 0 0;
}
.article_list_block .article_catinn_list ul{
	width:100%;
	max-width:500px;
	margin:0 auto;
}
.article_list_block .article_catinn_list ul li{
	margin:20px 0 0px 0;
	max-width:500px;
	width:100%;
	white-space:normal;
}
.article_list_block .article_catinn_list ul li:nth-child(3n){
	margin:20px 0 0px 0;
}
.article_list_block .article_catinn_list ul li .article_other_list_thum{
	margin:0 auto;
	text-align:center;
}
.article_list_block .article_catinn_list ul li .article_other_list_thum img{
	width:100%;
}
.article_list_block .article_catinn_list ul li .article_other_list_detail{
	padding:12px 12px 10px 12px;
	word-break: break-all;
}
.article_list_block .article_catinn_list ul li .article_other_list_detail .article_other_list_txt{
	font-size:13px;
}
}



.list_together_block_wrap{
	margin:0px 0 0 0;
}
.list_together_block_wrap ul{
	margin:0;
	padding:0;
	letter-spacing:-0.4em;
	font-size:0;
}
.list_together_block_wrap ul li{
	margin:20px 28px 0 0;
	padding:0;
	letter-spacing:normal;
	display:inline-block;
	background-color:#f2f2f2;
	max-width:466px;
	position:relative;
	vertical-align:top;
	font-size:12px;
}
.list_together_block_wrap ul li:nth-child(even){
	margin-right:0;
}
.list_together_block_wrap ul li a{
	text-decoration:none;
}
.list_together_block_wrap ul li::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 3em solid transparent;
    border-right: 3em solid #0051a7;
    position: absolute;
    z-index: 100;
}
.list_together_block_wrap 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;
}
.list_together_block_wrap ul li .list_detail{
	padding:15px 12px 18px;
	word-break: break-all;
}
.list_together_block_wrap ul li .list_detail .list_num{
	font-size:11px;
}
.list_together_block_wrap ul li .list_detail .list_txt{
	font-size:14px;
	margin-top:5px;
}
@media screen and (max-width: 959px) {
.list_together_block_wrap ul li{
	width:49%;
	margin:20px 2% 0 0;
}
}
@media screen and (max-width: 699px){
.list_together_block_wrap{
	margin:20px 0 0 0;
}
.list_together_block_wrap ul{
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
}
.list_together_block_wrap ul li{
	margin:10px 10px 10px 0;
	padding:0;
	max-width:300px;
	width:45%;
	white-space:normal;
	  vertical-align:top;
}
.list_together_block_wrap ul li:nth-child(even){
	margin:10px 10px 10px 0;
}
.list_together_block_wrap ul li .list_detail .list_txt{
	font-size:12px;
}
}


/* mainContent edit */
.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_cate_other_list ul li,
.article_other_sttl,
.article_different_ttl,
.article_list_block_ttl,
.article_list_head_ttl{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
}

/* 201904 add */
.ideaprof_wrap{
	margin-top:50px;
}
.ideaprof_pic{
	float:left;
	width:30%;
	max-width:300px;
	margin-right:30px;
}
.ideaprof_name{
	font-size:16px;
	font-weight:bold;
}
.ideaprof_read{
	margin-top:15px;
	font-size:14px;
}
@media screen and (max-width: 699px){
.ideaprof_wrap{
	margin-top:30px;
}
.ideaprof_pic{
	float: none;
	width:60%;
	margin:0 auto 15px;
}
.ideaprof_name{
	font-size:14px;
}
.ideaprof_read{
	margin-top:10px;
}

}