@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. リセット用スタイル
　02. タグ固有のスタイル指定
　03. 大枠レイアウト
　04. グローバルヘッダー
　05. 固定フッター
　06. トピックスパス
　07. サイドナビ
　08. 固定フッター
　09. リッチフッター
　10. グローバルフッター
　99. 表示切替
　99. 印刷

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


　03. 大枠レイアウト

=============================================================================== */
#header {
	width: 100%;
	min-width: 950px;
	height: 92px;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #b4b4b4;
	background-color: #fff;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
}
#subHeader {
	min-width: 950px;
	height: 100px;
}
#topicPath {
	width: 100%;
	min-width: 950px;
	background-color: #fff;
}
#main {
	min-width: 950px;
	margin: 0;
	overflow: hidden;
}
#fixFooter {
	position: relative;
	width: 100%;
	min-width: 950px;
	height: 40px;
	margin: -40px 0 0;
	z-index: 100;
}
#subFooter {
	position: relative;
	width: 100%;
	min-width: 950px;
	padding: 30px 0 17px;
	background-color: #6e6e6e;
	z-index: 100;
}
#footer {
	position: relative;
	width: 100%;
	min-width: 950px;
	padding: 24px 0 0;
	background-color: #fff;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Sans-Serif;
	z-index: 100;
}
#container {
	position: relative;
	padding: 0 0 0 200px;
}
#container #main {
	width: auto;
	min-width: 750px;
}
.contents {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 70px;
}
.contents-fix {
	width: 950px;
}
.contents-mb {
	margin-bottom: 35px;
}
@media screen and (max-width:1205px) {
	.contents {
		width: 730px;
	}
	.contents-fix {
		width: 950px;
	}
}
#main:after,
.contents:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #main,
*:first-child+html .contents { zoom: 1; } /* ie7 */
* html #main,
* html .contents { zoom: 1; } /* ie6 */
/* ==

　04. グローバルヘッダー

=============================================================================== */
.header_in {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 23px 0 0;
	text-align: left;
}
.header_in a {
	display: block;
}
.header_in img {
	vertical-align: top;
}
.header_id {
	position: absolute;
	top: 31px;
	left: 0;
	line-height: 1;
	font-size: 12px;
}
.header_group {
	position: absolute;
	top: 11px;
	right: 0;
	/* width: 153px;  2019.09.10 DEL */
	line-height: 1;
	font-size: 12px;
}
.header_nav {
	position: absolute;
	top: 69px;
	left: 175px;
	width: 550px;
	line-height: 1;
	font-size: 12px;
}
.header_nav li {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}
.d_hover .header_group a img,
.d_hover .header_nav a img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.d_hover .header_group a:hover img,
.d_hover .header_nav a:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.header_form {
	position: absolute;
	top: 66px;
	right: 0;
	width: 202px;
	height: 21px;
	overflow: hidden;
}
.header_form .cse .gsc-control-cse,
.header_form .gsc-control-cse {
	padding: 0;
	border: none;
}
.header_form form.gsc-search-box {
	margin-bottom: 0;
}
.header_form .gsc-input-box {
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius: none;
	border-top: 1px solid #bfbfbf;
	border-right: none;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-top-left-radius: 2px;
	-moz-border-bottom-left-radius: 2px;
	height: 19px;
}
.header_form .gsib_a {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
}
.header_form .gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 0;
  vertical-align: -1px;
}
.header_form .gsc-input {
	font-size: 13px;
}
.header_form .cse .gsc-search-button input.gsc-search-button-v2,
.header_form input.gsc-search-button-v2 {
    padding: 4px 13px 4px 14px;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background-color: #333;
	margin: 0;
}
.header_form input.gsc-search-button:hover,
.header_form input.gsc-search-button:focus {
	background-color: #666;
}
.header_form .gsc-search-button {
	vertical-align: top;
}
.header_form .gsst_a {
	line-height: 13px;
	padding-top: 4px;
}
/* 回り込み解除
------------------------------------------------------------------------------- */
.header_nav:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .header_nav { zoom: 1; } /* ie7 */
* html .header_nav { zoom: 1; } /* ie6 */
/* ==

　05. 固定ヘッダー

=============================================================================== */
.subHeader_wrap {	
	position: relative;
	width: 100%;
	z-index: 10;
}
.funcFix .subHeader_wrap {
	position: fixed;
	top: 0;
	left: 0;
	height: 50px;
	z-index: 110;
	background-color: #555;
}
.subHeader_main {
	background-color: #555;
}
.subHeader_main-fix {
	display: none !important;
	width: 950px;
	margin: 0 auto;
	background: none;
}
.funcFix .subHeader_main-static,
.funcFix .subHeader_sub-static {
	display: none !important;
}
.funcFix .subHeader_main-fix {
	display: block !important;
}
.subHeader_sub {
	background-color: #c8e6c9;
}
.subHeader_nav {
	width: 950px;
	height: 50px;
	margin: 0 auto;
}
.funcFix .subHeader_nav {
	float: left;
	width: 630px;
}
.funcFix .subHeader_utility {
	float: right;
	width: 320px;
	background-color: #c8e6c9;
}
.funcFix .subHeader_utility p {
	float: left;
	width: 95px;
}
.funcFix .subHeader_utility ul {
	float: right;
	width: 219px;
	padding: 8px 0 0;
}
.funcFix .subHeader_utility li {
	float: left;
}
.subHeader_item {
	display: inline;
	float: left;
	line-height: 1;
	font-size: 12px;
}
.subHeader_item-answer {
	width: 200px;
	background-color: #009c43;
}
.subHeader_main-fix .subHeader_item-answer {
	display: none !important;
}
.subHeader_item-about,
.subHeader_item-guide,
.subHeader_item-point,
.subHeader_item-special,
.subHeader_item-loan,
.subHeader_item-money {
	border-right: 1px solid #888;
	background-color: #555;
}
.subHeader_main-fix .subHeader_item-about,
.subHeader_main-fix .subHeader_item-guide,
.subHeader_main-fix .subHeader_item-point,
.subHeader_main-fix .subHeader_item-special,
.subHeader_main-fix .subHeader_item-loan,
.subHeader_main-fix .subHeader_item-money {
	border-right: none;
	border-left: 1px solid #888;
}
.subHeader_item-about {
	width: 112px;
}
.subHeader_item-guide {
	width: 104px;
}
.subHeader_item-point {
	width: 112px;
}
.subHeader_item-special {
	width: 118px;
}
.subHeader_item-loan {
	width: 156px;
}
.subHeader_item-money {
	width: 142px;
}
.subHeader_main-fix .subHeader_item-about {
	width: 92px;
}
.subHeader_main-fix .subHeader_item-guide {
	width: 84px;
}
.subHeader_main-fix .subHeader_item-point {
	width: 92px;
}
.subHeader_main-fix .subHeader_item-special {
	width: 98px;
}
.subHeader_main-fix .subHeader_item-loan {
	width: 136px;
}
.subHeader_main-fix .subHeader_item-money {
	width: 122px;
}
.subHeader_item a {
	display: block;
	text-align: center;
}
.subHeader_answer {
	position: relative;
	width: 950px;
	height: 50px;
	margin: 0 auto;	
}
.subHeader_answer:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 94px;
	border-top: 6px solid #009c43;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
}
.subHeader_txt {
	position: absolute;
	top: 18px;
	left: 0;
	line-height: 1;
	font-size: 10px;
}
.subHeader_btn {
	position: absolute;
	top: 8px;
	left: 423px;
}
.subHeader_login,
.subHeader_regist {
	float: left;
}
.subHeader_data {
	position: absolute;
	top: 10px;
	right: 0;
}
.d_hover .subHeader_item a img,
.d_hover .subHeader_btn a img,
.d_hover .subHeader_data img,
.d_hover .subHeader_utility a img {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.d_hover .subHeader_item a:hover img {
	-moz-opacity: 0.6;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.d_hover .subHeader_btn a:hover img,
.d_hover .subHeader_data:hover img,
.d_hover .subHeader_utility a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
/* 回り込み解除
------------------------------------------------------------------------------- */
#subHeader div:after,
#subHeader ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subHeader div,
*:first-child+html #subHeader ul { zoom: 1; } /* ie7 */
* html #subHeader div,
* html #subHeader ul { zoom: 1; } /* ie6 */
/* ==

　06. トピックスパス

=============================================================================== */
.topicPath-mh {
	min-height: 26px;
	height: auto !important;
	height: 26px;
}
.topicPath_in {
	width: 950px;
	position: relative;
	margin: 0 auto;
	text-align: left;	
}
.topicPath_in ul {
	padding: 4px 0 5px;
}
.topicPath_in li {
	float: left;
	font-size: 10px;
	color: #333;
}
.topicPath_in li a {
	margin-right: 4px;
	padding-right: 12px;
	background: url(../images/ico_arw16.png) right center no-repeat;
}
.topicPath_in a {
	color: #333;
}
.topicPath_in p {
	position: absolute;
	top: 4px;
	right: 0;
	color: #333;
	font-size: 10px;
}
/* 回り込み解除
------------------------------------------------------------------------------- */
.topicPath_in ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .topicPath_in ul { zoom: 1; } /* ie7 */
* html .topicPath_in ul { zoom: 1; } /* ie6 */
/* ==

　07. サイドナビ

=============================================================================== */
#side {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
	padding: 0 10px 0 0;
	background-image: url(../images/side_bg01.png);
	background-position: right top;
	background-repeat: repeat-y;
	z-index: 3;
}
#side.side-fixed {
	position: fixed;
	z-index: 90;
}
#side.side-layerDown {
	position: absolute;
	z-index: 3;
}
.side_in {
	width: 200px;
	padding: 0 0 40px;
}
#side.side-layerDown .side_in {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200px;
}
.side_title {
	line-height: 1.2;
}
.side_title a,
.side_title span {
	display: block;
	padding: 21px 10px 16px;
	color: #fff;
	background-color: #314673;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
.side_title a:hover {
	text-decoration: none;
}
.side-fixed .side_title a,
.side-fixed .side_title span {
	padding-top: 71px;
}
.side_nav {
	line-height: 1.4;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
}
.side_nav_fix {
	line-height: 1.4;
	border-bottom: 1px dotted #ccc;
	font-size: 14px;
	overflow-y: scroll;
}
.side_item {
	border-top: 1px dotted #ccc;
}
.side_item:first-child {
	border-top: none;
}
.side_item a {
	display: block;
	padding: 7px 6px 5px 21px;
	color: #666;
	background: url(../images/ico_arw12.png) 8px 0.9em no-repeat;
	text-decoration: none;
}
.side_item-external a {
	background: url(../images/ico_arw02.png) 4px 0.75em no-repeat;
}
.side_item-pdf a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 4px;
	background: url(../images/ico_pdf01.png) left center no-repeat;
	vertical-align: -1px;
}
.d_hover .side_item a:hover {
	text-decoration: underline;
}
/* == side_item 拡張 == */
.side_item_min {
	border-top: 1px dotted #ccc;
}
.side_item_min:first-child {
	border-top: none;
}
.side_item_min a {
	display: block;
	padding: 7px 6px 5px 21px;
	color: #666;
	background: url(../images/ico_arw12.png) 8px 0.9em no-repeat;
	text-decoration: none;
	font-size: 90%;
}
.side_item_min-external a {
	background: url(../images/ico_arw02.png) 4px 0.75em no-repeat;
}
.side_item_min-pdf a:after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 4px;
	background: url(../images/ico_pdf01.png) left center no-repeat;
	vertical-align: -1px;
}
.d_hover .side_item_min a:hover {
	text-decoration: underline;
}

/* ==

　08. 固定フッター

=============================================================================== */
.fixFooter_wrap {
	position: relative;
	width: 100%;
	background: url(/common/images/fixfooter_bg01.png) left 24px repeat-x;
}
.fixFooter_in {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
.fixFooter_index {
	float: left;
	width: 70px;
	margin: 0;
	padding: 0 0 0 5px;
}
.fixFooter_top {
	float: right;
	width: 155px;
	margin: 0;
	padding: 0 5px 0 0;
}
.funcFix .fixFooter_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1000;
}
/* 回り込み解除
------------------------------------------------------------------------------- */
#fixFooter div:after,
#fixFooter ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #fixFooter div,
*:first-child+html #fixFooter ul { zoom: 1; } /* ie7 */
* html #fixFooter div,
* html #fixFooter ul { zoom: 1; } /* ie6 */
/* ==

　09. リッチフッター

=============================================================================== */
.subFooter_in {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 5px 0 0;
	border-top: 1px solid #8a8a8a;
	color: #fff;
	text-align: left;
}
.subFooter_in ul {
	font-size: 100%;
}
.subFooter_col {
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8a8a8a;
}
.subFooter_head {
	float: left;
	width: 200px;
	margin: 0;
	font-size: 117%;
	font-weight: bold;
}
.subFooter_body {
	float: right;
	width: 740px;
}
.subFooter_col li {
	float: left;
	margin: 0 17px 2px 0;
	font-size: 100%;
	white-space: nowrap;
}
.subFooter_em li,
li.subFooter_em {
	font-size: 117%;
	font-weight: bold;
}
.subFooter_col .navWrap {
	float: none;
	width: 740px;
	margin: 0;
	padding-bottom: 11px;
	vertical-align: top;
}
.subFooter_col .navWrap_tit {
	display: block;
	float: left;
	width: 122px;
	padding: 1px 1px 1px 6px;
	color: #fff;
	background-color: #5a5a5a;
	white-space: normal;
}
.subFooter_col .navWrap ul {
	float: right;
	width: 600px;
	padding: 1px 0;
}
.subFooter_col .external {
	margin: 0;
	padding: 0 12px 0 0;
	background: url(../images/ico_arw14.gif) right center no-repeat;
}
.subFooter_in a {
	color: #fff;
	text-decoration: none;
}
.d_hover .subFooter_in a:hover {
	text-decoration: underline;
}
.subFooter_in-bdN {
	padding-top: 21px;
	border-top: none;
}
.subFooter_col-bdN {
	padding-bottom: 0;
	border-bottom: none;
}
.subFooter_in .subFooter_note {
	font-size: 134%;
}
.subFooter_note li,
li.subFooter_note {
	margin-right: 45px;
	font-size: 87.5%;
}
/* グループ動線
------------------------------------------------------------------------------- */
.subGroup {
	letter-spacing: -0.5em;
}
.subGroup_name {
	display: inline-block;
	color: #fff;
	letter-spacing: normal;
	vertical-align: top;
}
.subGroup_mark {
	display: inline-block;
	color: #fff;
	letter-spacing: normal;
	vertical-align: top;
}
.subGroup_body {
	display: inline-block;
	vertical-align: top;
}
.subGroup_body li {
	display: inline-block;
	float: none;
	margin: 0 3px;
	letter-spacing: normal;
	vertical-align: top;
}
*:first-child+html .subGroup_name,
*:first-child+html .subGroup_mark,
*:first-child+html .subGroup_body,
*:first-child+html .subGroup_body li {
	display: inline;
	zoom: 1;
} /* ie7 */
* html .subGroup_name,
* html .subGroup_mark,
* html .subGroup_body,
* html .subGroup_body li {
	display: inline;
	zoom: 1;
} /* ie6 */
/* 回り込み解除
------------------------------------------------------------------------------- */
#subFooter div:after,
#subFooter ul:after,
#subFooter li:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html #subFooter div,
*:first-child+html #subFooter ul,
*:first-child+html #subFooter li { zoom: 1; } /* ie7 */
* html #subFooter div,
* html #subFooter ul,
* html #subFooter li { zoom: 1; } /* ie6 */
/* ==

　10. グローバルフッター

=============================================================================== */
.footer_wrap {
	border-bottom: 3px solid #fa0046;
}
.footer_in {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
.footer_global,
.footer_utility {
	line-height: 1.2;
	padding: 0 0 8px;
}
.footer_utility {
	margin-bottom: 10px;
	padding: 5px 0 0;
}
.footer_global li,
.footer_utility li {
	float: left;
	margin: 0 6px 0 0;
	padding-left: 6px;
	border-left: 1px solid #4d4d4f;
	color: #4d4d4f;
	font-size: 12px;
}
.footer_global li:first-child,
.footer_utility li:first-child {
	padding-left: 0;
	border-left: none;
}
.footer_utility li {
	font-size: 11px;
}
.footer_copy {
	display: block;
	line-height: 1.1;
	padding-bottom: 15px;
	color: #4d4d4f;
	font-size: 11px;
	text-align: right;
}
.footer_in a {
	color: #4d4d4f;
	text-decoration: none;
}
.d_hover .footer_in a:hover {
	text-decoration: underline;
}
/* 回り込み解除
------------------------------------------------------------------------------- */
.footer_in ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .footer_in ul { zoom: 1; } /* ie7 */
* html .footer_in ul { zoom: 1; } /* ie6 */
/* ==

　99. 表示切替

=============================================================================== */
.devPc { display: block !important; }
.devPcTbl { display: block !important; }
.devTbl { display: none !important; }
.devTblSmp { display: none !important; }
.devSmp { display: none !important; }
.mqMin { display: none !important; }
img.devPc,
img.devPcTbl { display: inline !important; }
img.devTbl,
img.devTblSmp,
img.devSmp { display: none !important; }
@media screen and (max-width:1205px) {
	.mqMin { display: block !important; }
}
/* ==

　99. 印刷

=============================================================================== */
.printClear {
	display: none;
}
@media print {
	.funcFix .subHeader_wrap {
		position: relative;
		top: auto;
		left: auto;
		height: auto;
		background: none;
	}
	.funcFix .subHeader_main-static,
	.funcFix .subHeader_sub-static {
		display: block !important;
	}
	.funcFix .subHeader_main-fix {
		display: none !important;
	}
	.funcFix .subHeader_nav {
		float: none;
		width: 950px;
	}
	.contents {
		width: 730px;
	}
	.contents-fix {
		width: 950px;
	}
	#side {
		position: absolute !important;
	}
	#fixFooter{
		display: none;
	}
	.printClear {
		display: block;
		clear: both;
	}
	.header_id {
		zoom: 1;
	}
	* html body{ zoom:68%; } /* ie6 */
	.mqMin { display: block !important; }
}

/* ネットアンサー
------------------------------------------------------------------------------- */
.subHeader_item-answer_modal {
    z-index: 8990;
    position: absolute;
    width: 100vw;
    height: 100vh;
}
.subHeader_item-answer_modal___funcFix {
    top: 50px;
    position: fixed;
}

.subHeader_item-answer_modal .na_overlay {
    background: rgba(255,255,255,0.4);
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow : hidden;
    background-color: #ebebeb;
    opacity: 0.8;
}
.subHeader_item-answer_modal .na_campus {
    /*background-color: #ebebeb;*/
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    z-index: 9998;
    width: 100vw;
    height: 470px;
    position: absolute;
}
.subHeader_item-answer_modal .na_campus_contents {
    height: 500px;
    z-index: 9999;
    height : 470px;
    width : 940px;
    left : calc(50% - 470px);
    position: absolute;
}

.subHeader_item-answer_modal .na_overview {
    margin: 10px 10px 0;
    color: #111;
    /*background-color: #ffffee;*/
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}
.subHeader_item-answer_modal .na_overview > p {
    font-weight: 600;
    color: #5d5047;
    text-align: center;
}
.subHeader_item-answer_modal .na_flex {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
}
.subHeader_item-answer_modal .na_flex_in2 {
	width: 50%;
}
.subHeader_item-answer_modal .na_flex_area {
	background-color: #fff;
	margin: 10px;
	padding: 10px;
	border-radius: 10px;
}
.subHeader_item-answer_modal .na_flex_area01 {
	height: 170px;
}
.subHeader_item-answer_modal .na_flex_area02 {
	height: 150px;
}
.subHeader_item-answer_modal a:has(div.na_dbtn) {
	text-decoration : none;
	font-size : 15pt;
}
.subHeader_item-answer_modal a:has(div.na_dbtn):hover {
	opacity: 0.5;
}
.subHeader_item-answer_modal .na_dbtn {
	width : 100%;
	text-align : center;
	color : #fff;
	padding : 1em 0;
	border-radius: 10px;
}
.subHeader_item-answer_modal .na_dbtn01 {
	background-color:#fd7faf;
}
.subHeader_item-answer_modal .na_dbtn02 {
	background-color:#57bb33;
}
.subHeader_item-answer_modal .na_dbtn03 {
	background-color:#ec611a;
}
.subHeader_item-answer_modal .na_dlink {
	font-size : 8pt;
	margin: 5px 0;
}

.subHeader_item-answer_modal .na_subview {
	font-size : 12pt;
	text-align: center;
	margin: 0 0 3px 0;
}
.subHeader_item-answer_modal .na_app {
	/* border: 3px solid #FD3252; */
	border: 3px solid #ebebeb;
	padding: 5px 10px;
	border-radius: 10px;
}
.subHeader_item-answer_modal .na_app_flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.subHeader_item-answer_modal .na_app-ico {
	text-align: center;
	width: 33%;
}
.subHeader_item-answer_modal .na_app-ico > img {
	width: 70px;
}
.subHeader_item-answer_modal .na_app-text {
	text-align: left;
	font-size: 11pt;
	color: #FD3252;
	margin: 5px 0;
	width: 75%;
}
.subHeader_item-answer_modal .na_fCenter {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin : 5px 0 0;
}
.subHeader_item-answer_modal .na_fCenter > div{
	margin: 0;
}
.subHeader_item-answer_modal .na_line {
	/* border: 3px solid #57bb33; */
	border: 3px solid #ebebeb;
	padding: 10px 15px;
	margin : 10px 0 5px;
	border-radius: 10px;
}
.subHeader_item-answer_modal .na_line_flex {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.subHeader_item-answer_modal .na_line-ico {
	text-align: center;
	width: 25%;
}
.subHeader_item-answer_modal .na_line-ico > img {
	width: 70px;
}
.subHeader_item-answer_modal .na_line-text {
	font-size: 11pt;
	color: #57bb33;
	margin: 5px 0;
	width: 50%;
}

.subHeader_item-answer_modal .na_pc-break {
	display: block;
}
.subHeader_item-answer_modal .na_smp-break {
	display: inline;
}
.subHeader_item-answer_modal .na_pc-only {
	display: block;
}
.subHeader_item-answer_modal .na_smp-only {
	display: none;
}


/* ネットアンサー（smp）
------------------------------------------------------------------------------- */
.subHeader_item-answer_modal_smp {
    position: fixed;
    top : 102px;
}
.subHeader_item-answer_modal_smp .na_overlay {
	top : 0;
	position : fixed;
}
.subHeader_item-answer_modal_smp .na_campus {
	width: calc(100vw - 20px);
	margin-left : 10px;
	margin-right : 10px;
	height: 528px;
}
.subHeader_item-answer_modal_smp .na_campus_contents {
	width: calc(100vw - 20px);
	left: 0;
	height: 528px;
}
.subHeader_item-answer_modal_smp .na_flex {
	display: block;
}
.subHeader_item-answer_modal_smp .na_flex_in2 {
	width: 100%;
}
.subHeader_item-answer_modal_smp .na_flex_area {
	background-color: #fff;
	margin: 0;
	padding: 10px;
	border-radius: 10px;
}
.subHeader_item-answer_modal_smp .na_flex_area01,
.subHeader_item-answer_modal_smp .na_flex_area02 {
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: stretch;
}
.subHeader_item-answer_modal_smp .na_flex_area01 > div:nth-child(1),
.subHeader_item-answer_modal_smp .na_flex_area02 > div:nth-child(1) {
	width: 40%
}
.subHeader_item-answer_modal_smp .na_flex_area01 > div:nth-child(2),
.subHeader_item-answer_modal_smp .na_flex_area02 > div:nth-child(2) {
	width: calc(60% - 7px);
	margin-left: 7px;
}
.subHeader_item-answer_modal_smp .na_dbtn {
	font-size: 10pt;
	padding : 0.6em 0;
}
.subHeader_item-answer_modal_smp .na_dlink {
	font-size : 7pt;
}
.subHeader_item-answer_modal_smp .na_app {
	width : calc(100% -20px);
}

.subHeader_item-answer_modal_smp .na_app_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.subHeader_item-answer_modal_smp na_line_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.subHeader_item-answer_modal_smp .na_line_flex > div:nth-child(1) {
	width: 25%
}
.subHeader_item-answer_modal_smp .na_line_flex > div:nth-child(2) {
	width: calc(75% - 7px);
	margin-left: 7px;
}
.subHeader_item-answer_modal_smp .na_app-text {
	width: calc(75% - 7px);
	margin-left: 7px;
	font-size: 9pt;
}
.subHeader_item-answer_modal_smp .na_line-text {
	margin-left: 7px;
	font-size: 9pt;
}

.subHeader_item-answer_modal_smp .na_pc-break {
	display: inline;
}
.subHeader_item-answer_modal_smp .na_smp-break {
	display: block;
}
.subHeader_item-answer_modal_smp .na_pc-only {
	display: none;
}
.subHeader_item-answer_modal_smp .na_smp-only {
	display: block;
}