@charset "utf-8";

/**********************************************/
/* A-PLAT 改修版 */
/* 地域の適応　 2020.10.29 */
/**********************************************/
/*
.keni-main { }
.keni-main_inner {border: 1px red solid;}
.keni-section_wrap {border: 1px blue solid;}
.keni-section { border: 1px green solid;}
*/
h1, h2, h3, h4, h5, h6{
    font-family: 'Noto Sans JP', sans-serif;
}
#main{
    font-family: 'Noto Sans JP', sans-serif;
}
.keni-main_wrap{
	margin: 120px 0 0 0;	
}
.keni-section_wrap{
	margin-bottom: 0;
}

/*----------------------------*/
/*リンク*/
/*----------------------------*/
.keni-main a[target=_blank][rel=noopener] {
	background: none;
}
.keni-main a[target=_blank][type="application/pdf"] {
	background: none;
}
.keni-main a[target=_blank][rel=noopener]::after {
    font-family: "FontAwesome";
    content: '\f08e';
	margin-left: 5px;
	font-size: 1em;
}
.keni-main a[target=_blank][type="application/pdf"]::after {
    font-family: "FontAwesome";
    content: '\f1c1';
	margin-left: 5px;
	color: #FF6666;
}
.keni-section h2 a{
	text-decoration: none;
}
.keni-section h3 a{
	text-decoration: none;
}

/*----------------------------*/
/*見出し*/
/*----------------------------*/
.keni-section h1:first-child {
	margin: 20px 0px;
}
.keni-section h2 {
    border-left: 8px #a8b91a solid;
    background-color: #f3f3f3;
    padding: 10px 15px;
	margin-bottom: 20px;
	background-image: none; /* IE対応 */
}
.keni-section h3 {
    border-bottom: 3px #a8b91a solid;
	border-left: none;
    padding: 5px;
}


/*赤色設定：見出し*/
.keni-section h2.pro {
    border-left: 8px #d2516c solid;
}
.keni-section h3.pro {
    border-bottom: 3px #d2516c solid;
}

/*赤色設定：見出し（一括設定）*/
.pro h2 {
    border-left: 8px #d2516c solid;
}
.pro h3 {
    border-bottom: 3px #d2516c solid;
}
/*見出し下　英語*/
.en_title{
	color: #b4b4b4;
	font-weight: bold;
	margin-top: -10px;
	line-height: 1.2em;
    font-family: 'Roboto','Noto Sans JP',sans-serif;
}


/*----------------------------*/
/*パンくず*/
/*----------------------------*/
.keni-breadcrumb-list_wrap {
    background-color: #D2D9A5;
	padding: 5px;
}


/*----------------------------*/
/*★仮設定：境界線*/
/*----------------------------*/
.keni-section hr{
	border: 1px #ccc solid;
	margin: 30px 0;
}

/*----------------------------*/
/*★MOREボタン*/
/*----------------------------*/
.more a {
	background: url("../img/icon_next3_w.png") no-repeat 90% center;
	padding: 5px 40px;
	background-color: #a8b81a; /*基本色*/
	color:#fff;
	font-weight:bold;
	font-size: 0.9em;
	border-radius: 150px;
	
	width: 100%;
	max-width: 200px;
	display: inline-block;
	text-align: center;
}

/*赤色設定：MOREボタン*/
.more a.pro {
	background-color: #D05866;
	padding: 8px 40px;
}

/*moreボタン*/
.more_btn {
	background: #a8b81a;
    color: #fff;
    padding: 6px 40px;
    text-decoration: none;
    border-radius: 30px;
    position: relative;
	display: block;
	width: 160px;
	text-align: center;
	font-weight: bold;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
    font-family: 'Roboto', sans-serif;
}
.more_btn::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
}
.more_btn:hover, .more_btn:active, .more_btn:focus {
	color: #FFF;
}
.more_btn:hover{
	text-decoration: none;
	opacity: 0.6;
}
.pro .more_btn {
	background: #d05866;
}




/*----------------------------*/
/*★仮設定：カラム用（代用）*/
/*賢威のカラムを使えれば差し替える*/
/*----------------------------*/
.column {
    width:100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}







/*----------------------------*/
/*専門用（トップページ）*/
/*「.pro」単体では設定しない*/
/*★後で整理*/
/*----------------------------*/
/*アイコンの説明*/
.pro-status-top {
    color:#D05866;
    font-size: 0.9em;
}
.pro-status-top .status-mk {
    padding: 2px 5px;
    line-height: 100%;
    font-size: 0.8em;
    margin-right: 5px;
    letter-spacing: -0.1px;
    border: 2px #D05866 solid;
    background-color:#D05866;
    color:#fff;
}



/*----------------------------*/
/*専門用（サブページ）*/
/*「.pro」単体では設定しない*/
/*----------------------------*/
/*アイコンの説明*/
.pro-status {
    color:#D05866;
    font-size: 14px;
}
.pro-status .status-mk {
    border-radius:4px;
    padding: 3px 8px;
    line-height: 100%;
    font-size: 13px;
    margin-right: 10px;
    letter-spacing: -0.1px;
    border: 2px #D05866 solid;
}




/*----------------------------*/
/*サイドメニュー*/
/*----------------------------*/
.keni-sub{
	margin: 10px;
}
#local {
    /*margin-top: 30px;*/
}

/*タイトルライン*/
#local .sub-section_title {
    border-bottom: 5px #A8B81A solid;
}

/*現在地*/
.current {
    background-color: #DEE4A6;     /*緑*/
}

/*赤設定：現在地*/
.current-pro {
    background-color: #F1B0B7;
}

.widget_nav_menu .keni-section ul li{
	border-bottom: none;
}
.widget_nav_menu .keni-section ul li a{
	padding-left: 18px;
}
.widget_nav_menu .keni-section ul li a::before{
	display: none;
}
.widget_nav_menu .keni-section ul li a::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #505050;
  border-right: solid 2px #505050;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
}
ul.child li a{
    margin-left: -20px;
}
ul.child li a::after {
    display:none;
}




/*★コンテンツ内枠*/
.keni-main .keni-section h1 {
    /*padding: 50px 40px 0;*/ /*base.css*/
    padding-top: 0;
}

/*----------------------------*/
/*コンテンツ*/
/*----------------------------*/
.pro .pickup{
	border: 2px #d05866 solid;
	padding: 30px;
	margin-bottom: 60px;
	display: flex;
	flex-direction: column;
}
.pickup-l{
	width: 100%;
	margin-bottom: 10px;
}
.pickup-title{
	font-size: 2.4rem;
    font-weight: bold;
	margin-bottom: 10px;
}
.pickup-l p{
	margin-bottom: 0;
}
.pickup-r{
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}
.content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.contentbox{
	width: 100%;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
}


/*----------------------------*/
/*関連コンテンツ*/
/*----------------------------*/
.related-page{
	background-color: #f3f3f3;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.related-box{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.related-box img{
    flex-shrink: 0 /* IE対応 */
}
.related-box:first-child{
	margin-bottom: 40px;
}
.related-box h2{
	margin-top: 0;
	padding-left: 0;
	border-left: none;
}
.related-subtitle{
	color: #a8b81a;
	font-weight: bold;
}
.pro .related-subtitle{
	color: #D05866;
	font-weight: bold;
}
.related-page h2 a{
	color: #505050;
	text-decoration: none;
}
.related-page h2 a:hover{
	color: #23698D;
    text-decoration: underline;
}
.keni-main_inner h3{
    border-left: none;
    border-bottom: 3px #a8b91a solid;
}
.keni-main_inner .pro h3{
    border-bottom: 3px #d2516c solid;
}
.recommended{
	margin-left: 20px;
}
/*----------------------------*/
/*一覧　ページ内リンク*/
/*----------------------------*/
.btn-injmp li{
	border: 1px #ccc solid;
	position: relative;
}
.btn-injmp li::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 30%;
  right: 15px;
}
.btn-injmp li a{
	background:  none;
}
.btn-outjmp::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #ccc;
  border-right: solid 2px #ccc;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(-45deg)!important;
  position: absolute;
  top: 30%;
  right: 15px;
}
.btn-outjmp a{
	background:  none;
}
/****************************/
/*書面インタビュー*/
/*ADD 2021.10.21 kishida*/
/****************************/
/*黒の見出し*/
.head-paper-interview {
	font-size: 110%;
    line-height: 100%;
    font-weight: bold;
	display: inline-block;
}
.ttl-paper {
	background-color: #000;
	color:#fff;
	padding: 5px 20px;
}
.ttl-paper span {
	margin-left: 1.5em;/*1.0→1.5*/
	font-size: 80%;
}
.ttl-lccac {
	font-size: 80%;
	padding: 8px 20px;
	color:#000;
}

/*見出し再調整*/
.keni-section .h2-paper {
	border-left: 18px #a8b91a solid;
	font-weight: normal;
	color:#000;
}
.keni-section .h3-paper {
	border-width: 0;
	background:url("../articles/img/h_.png") no-repeat left center;
    background-size: 26px;
    padding: 5px 0 5px 36px;
}
/*「（」の位置調整*/
.kern-left2 {
	margin-left: -0.5em;
}

/*段落余白調整+装飾*/
.p-paper-icon {
	margin: 0;
	background:url("../articles/img/li_.png") no-repeat left 6px;
    background-size: 22px;
	text-indent: 24px;
}

/*段落余白調整+インデント*/
.p-paper-indent {
	margin: 0;
	text-indent: 24px;
}

/*出典装飾用*/
.source-paper {
	text-align: right;
}
.source-paper span {
	background:url("../articles/img/ref_.png") no-repeat left center;
    background-size: 22px;
	padding-left: 30px;
}

/*注釈*/
.annotation {
	padding-left: 24px;
}

/*境界線*/
.paper-line {
    width: 44px;
	display: block;
	margin: 30px auto;
}

/****************************/
/*レスポンシブ*/
/****************************/
@media (min-width: 1400px) {    
}
@media (min-width: 980px) {
	.widget_categories .keni-section > ul ul, .widget_pages .keni-section > ul ul, .widget_nav_menu .keni-section ul ul {
		margin: 0;
		border-top: none;
	}
}
@media (min-width: 920px) {
.keni-main_wrap{
	margin: 250px 0 0 0;
}
.contentbox{
	width: 48%;/*45%*/
}
.pickup-l{
	width: 60%;
	margin-bottom: 0px;
}
.related-page{
	padding: 50px;
}
.related-box{
	width: 47%;
}
.related-box:first-child{
	margin-bottom: 0;
}
}
@media (min-width: 768px) {
.keni-main_wrap{
	margin: 220px 0 0 0;
}
.keni-section h1:first-child {
		margin: -30px -40px 30px;
}
.keni-section hr{
	margin: 60px 0;
}
.keni-sub{
	margin: 0px;
}
.en_title{
	margin-top: -30px;
}
.more_btn {
	margin-right: inherit;
}
.pickup-r{
	margin-right: inherit;
}
.related-page{
	margin-left: 20px;
}
}
@media (max-width: 480px) {
.keni-section h1{
	font-size: 2.4rem;	
}
}
@media (max-width: 768px) {
.keni-main .keni-section_wrap{
	padding: 10px;
}
.keni-breadcrumb-list ol {
	display:block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
    scrollbar-width: none;
 }
}


/*----------------------------*/
/*印刷用*/
/*----------------------------*/
@media print {
	.keni-footer-panel_wrap {
		display: none;
	}
    .page-top {
		display: none !important;
	}

	.keni-main_wrap{
	    margin-top: 140px;
    }
    h1 {
        margin-bottom: 20px !important;
    }
    .contentbox{
	    width: 100%;
	    margin-bottom: 50px;
    }
    .contentbox h2 {
        /*background-color: transparent;*/
        padding: 3px 15px;
	    margin-bottom: 20px;
	}
    
    .more_btn {
        padding: 3px 40px;
  	    display: block;
	    width: 140px;
  	    margin-left: auto;
	    margin-right: 0;
    }

    .recommended{
	    margin-left: 0px;
	    margin-bottom: 20px;
    }
    .related-page {
	    background-color: transparent;
	    padding: 0px;
    }
    .related-box {
	    width: 100%;
	    padding: 20px;
	    margin-bottom: 20px !important;
	    border:1px #ddd solid;
	    overflow:hidden;
	    display: block;	
    }
    .related-box img {
        width: 40%;
        float:left;
    }
    .related-box .related-subtitle {
        width: 58%;
        float:right;
    }
    .related-box h2 {
        width: 58%;
        float:right;
    }
    .related-box p {
        width: 58%;
        float:right;
    }
    .related-box .more_btn {
	    width: 140px;
  	    margin-left: auto;
	    margin-right: 0;
	    height: auto;
	    clear:both;
    }
    .related-box:first-child {
	    margin-bottom: 0px;
    }


    #yearlink {
  	    display:none;
    }
    #yearname {
        background-color: transparent;
        border-width: 0;
        padding: 0;
        border-bottom: 1px #ddd solid;
    }
    
   
}