@charset "utf-8";

/* ==================================================
PC
================================================== */

/* 足あと非表示 */
#footstep_wrap {
	display: none;
}
#pankuzu_wrap #footstep_wrap {
	display: block;
}

/* var() 関数 */
:root {

	/* ヘッダ */
	--shinseiHeader-border-bottom: 1px solid transparent;

	/* トップへ戻るリンク */
	--shinseiLinkTop-border: 1px solid transparent;
	--shinseiLinkTop-background: #5CC4E9;
	--shinseiLinkTop-color: #333333;

	/* フッタ */
	--shinseiFooter-border-top: 1px solid transparent;
	--shinseiFooter-background: #f6f6f6;
	--shinseiFooter-color: #333333;

}
/* var() 関数 ここまで */


/* ========================================
共通（設問・結果ページ）
======================================== */

/* ヘッダ */
#header.shinsei_header {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	border-bottom: var(--shinseiHeader-border-bottom, 1px solid transparent);
	background: none;
	color: var(--text-color, #333333);
	font-size: 1.4rem;
	line-height: 1;
}
#header.shinsei_header #header2_box {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#header.shinsei_header #he_left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 10px 20px;
}

#header.shinsei_header .link_to_top a {
	display: inline-block;
	border: var(--shinseiLinkTop-background, 1px solid transparent);
	background: var(--shinseiLinkTop-background, #f6f6f6);
	color: var(--shinseiLinkTop-color, #333333);
	font-size: 1.4rem;
	line-height: 1.8rem;
	padding: 5px 20px;
	text-decoration: none;
	text-align: center;
}
#header.shinsei_header .link_to_top a:hover,
#header.shinsei_header .link_to_top a:focus {
	text-decoration: underline;
}

#header.shinsei_header .h_navi_box.h_navi_box__hojo {
	border: 1px solid;
}

/* フッタ */
#footer.shinsei_footer {
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	color: #2c3e50;
	font-size: 1.4rem;
	line-height: 1;
}

#footer.shinsei_footer #copyright_box_wrap {
	border: none;
	background: none;
}
#footer.shinsei_footer #copyright_box {
	width: var(--content-width, 1100px);
	margin: 0px auto;
	padding: 40px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 20px;
	background: -o-linear-gradient(left, #153d5d 6px, transparent 6px) repeat-x left top;
	background: linear-gradient(to right, #153d5d 6px, transparent 6px) repeat-x left top;
	background-size: 8px 1px;
}

#footer.shinsei_footer #footer_author {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
#footer.shinsei_footer #footer_author a {
	color: inherit;
	text-decoration: none;
}

#footer.shinsei_footer #copyright {
	border: none;
	background: none;
	color: inherit;
	margin: 0px 0px 0px auto;
	padding: 0px;
}
#footer.shinsei_footer #copyright p {
	border: none;
	background: none;
	color: inherit;
	margin: 0px;
	padding: 0px;
	font-size: 1.2rem;
	line-height: 2rem;
}

/* メイン */
#main {
	font-size: 1.6rem;
	line-height: 1.5;
	letter-spacing: 0;
}

.tpl_shinsei_setsumon_top #mymainback_bg,
.tpl_shinsei_setsumon #mymainback_bg,
.tpl_shinsei_result #mymainback_bg {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	color: inherit;
}
.tpl_shinsei_setsumon_top #mymainback,
.tpl_shinsei_setsumon #mymainback,
.tpl_shinsei_result #mymainback {
	border: none;
	background: none;
	color: inherit;
}

/* パンくず */
#snav_pankuzu {
	width: var(--content-width, 1100px);
	margin: 20px auto;
	font-size: 1.4rem;
}

/* ボタン */
.snav_btn,
a.snav_btn {
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	width: 100%;
	max-width: 360px;
	padding: 20px;
	margin: 0px;
	border: 1px solid;
	background-color: #555555;
	color: #ffffff;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-webkit-transition: background-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
	transition: background-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
	-o-transition: box-shadow 0.2s, background-color 0.2s, color 0.2s;
	transition: box-shadow 0.2s, background-color 0.2s, color 0.2s;
	transition: box-shadow 0.2s, background-color 0.2s, color 0.2s, -webkit-box-shadow 0.2s;
}
.snav_btn:hover,
a.snav_btn:hover {
	background-color: #ffffff;
	color: #333333;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

/* フォーム選択肢オプション */
/*
.snav_opt1 {background: rgba(255,0,0,.1);}
.snav_opt2 {background: rgba(0,255,0,.1);}
.snav_opt3 {background: rgba(0,0,255,.1);}
.snav_opt4 {background: rgba(255,255,0,.1);}
.snav_opt5 {background: rgba(255,0,255,.1);}
*/

/* ========================================
設問トップ
======================================== */

/* レイアウト */
#snav_start_wrap {
	margin: 40px 0px;
}

/* --------------------
スタート
-------------------- */
.snav_start {}
.snav_start_info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	padding: 30px 0px 60px;
	margin: 0px auto;
}
.snav_start_box {
	width: calc(50% - 20px);
	max-width: 360px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 10px;
	padding: 28px 10px;
	background: #e7ecf1;
}
.snav_start_box > span {
	display: block;
	text-align: center;
}
.snav_start_box > span.nmb {
	font-size: 2rem;
	margin-top: 5px;
	font-weight: bold;
}
.snav_start_box > span.nmb span {
	font-size: 3rem;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.snav_start_btn {
	text-align: center;
}

/* ========================================
設問
======================================== */

/* --------------------
ナビゲーション
-------------------- */
#snav_header_setsumon {
	font-weight: bold;
}
#snav_header_setsumon span.ctg_name {
	display: inline-block;
	vertical-align: middle;
	background: #e3faff;
	padding: 0px 20px;
	margin-left: 1em;
	min-width: 110px;
	text-align: center;
}

#snav_navi_wrap {
	margin: 0px 0px 30px;
}
#snav_navi_wrap .snav_btn {
	max-width: 280px;
	padding: 10px 20px;
}

.snav_navi {}
.snav_navi_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

/* --------------------
設問
-------------------- */
#snav_ques_wrap {
	margin: 20px 0px;
}

.snav_ques {}
.snav_ques_box {}
.snav_ques_txt {}
.snav_ques_ques {
	font-size: 1.8rem;
}
.snav_ques_note {
	font-size: 1.2rem;
}

.snav_ques_check,
.snav_ques_radio {
	margin: 40px 0px;
}
.snav_ques_check span,
.snav_ques_radio span {
	display: block;
	font-size: 1.8rem;
	margin: 0.5em 0px 0.5em 30px;
}
.snav_ques_check span input,
.snav_ques_radio span input {
	margin: 4px 10px 4px 4px;
}

.snav_ques_submit {
	text-align: center;
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
#snav_select .snav_ques_submit .snav_btn {
	width: auto;
	min-width: calc(20% - 10px);
	max-width: calc(33.33333% - 10px);
	margin: 5px;
}

/* ========================================
結果
======================================== */

/* レイアウト */
#snav_result_wrap * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

#snav_guide_wrap,
#snav_detail_wrap,
#snav_answer_wrap {
	margin: 40px 0px;
}

/* --------------------
ガイド
-------------------- */
.snav_guide {}

.snav_guide_msg {
	margin: 20px 0px;
}
.snav_guide_msg span {
	color: #cc0000;
	font-size: 2rem;
	font-weight: bold;
	margin-right: 0.2em;
}

.snav_guide_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 100%;
	max-width: 1100px;
	list-style: none;
	padding: 0px;
	margin: 20px auto;
}
.snav_guide_list > li {
	position: relative;
	width: calc(25% - 10px);
}
.snav_guide_list .snav_btn > span,
.snav_guide_list a.snav_btn > span {
	display: inline-block;
	vertical-align: top;
}

.snav_guide_share_box {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1;
	width: 36rem;
	max-width: 800px;
	background: #ffffff;
	border: 1px solid;
	padding: 10px;
	margin-top: 11px;
}
.snav_guide_share_box.open {
	display: block;
}
.snav_guide_share_box::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid;
	border-right: none;
	border-bottom: none;
	-webkit-transform: scale(1.25, 0.75) rotate(45deg);
	    -ms-transform: scale(1.25, 0.75) rotate(45deg);
	        transform: scale(1.25, 0.75) rotate(45deg);
	position: absolute;
	top: -11px;
	right: 119px;
}

.snav_guide_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.snav_guide_btns > span {
	display: inline-block;
	vertical-align: top;
	width: calc(33.33333% - 4px);
}
.snav_guide_btns a,
.snav_guide_btns button {
	display: block;
	width: 100%;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center 5px;
	color: inherit;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2rem;
	text-decoration: none;
	text-align: center;
	padding: 60px 0px 0px;
}
.snav_guide_btns a:hover,
.snav_guide_btns button:hover {
	text-decoration: underline;
}

.snav_guide_btns .btn_share_mail a {
	background-image: url("/img/shinsei/icon_s_mail.png");
}
.snav_guide_btns .btn_share_line a {
	background-image: url("/img/shinsei/icon_s_line.png");
}
.snav_guide_btns .btn_share_url button {
	background-image: url("/img/shinsei/icon_s_copy.png");
}

.snav_guide_prcs,
.snav_guide_item {
	margin: 20px 0px;
	padding: 30px;
	border: 2px solid;
	background: #fafafa;
}
#main_body .snav_guide_prcs h2,
#main_body .snav_guide_item h2 {
	margin: 0px;
	padding: 0px;
	border: none;
	background: none;
	font-size: 2rem;
}
#main_body .snav_guide_prcs h2::before,
#main_body .snav_guide_prcs h2::after,
#main_body .snav_guide_item h2::before,
#main_body .snav_guide_item h2::after {
	display: none;
}

#main_body .snav_guide_prcs table {
	margin: 20px 20px 0px 20px;
	border: none;
	width: calc(100% - 40px);
}
#main_body .snav_guide_prcs th,
#main_body .snav_guide_prcs td {
	border: none;
	border-bottom: 1px solid #ccc;
	background: none;
	text-align: left;
	padding: 10px;
}
#main_body .snav_guide_prcs td:first-child {
	padding-right: 60px;
}

.snav_guide_item ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.snav_guide_item ul li {
	width: calc(50% - 10px);
	padding: 3px 20px 3px 0px;
}

/* --------------------
詳細
-------------------- */
.snav_detail {}

.snav_detail .box_detail {
	margin-bottom: 30px;
	border: 1px solid;
}
.snav_detail .box_detail:last-child {
	margin-bottom: 0px;
}
#main_body .snav_detail .box_detail h3 {
	display: inline-block;
	vertical-align: middle;
	border: none;
	background: none;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 1.2em;
	font-size: 2.4rem;
	position: relative;
}
#main_body .snav_detail .box_detail h3::before {
	content: '';
	display: block;
	width: 0.8em;
	height: 0.8em;
	background: #cfde8e;
	position: absolute;
	left: 0px;
	top: 0.3em;
}

.snav_detail .box_detail .ttl {
	padding: 30px 30px 0px;
}
.snav_detail .box_detail .txt {
	padding: 10px 30px 30px;
}

.snav_detail .box_detail dl {
	margin: 20px 0px 0px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.snav_detail .box_detail dl:first-child {
	border-top: none;
	padding-top: 0px;
}
.snav_detail .box_detail dt {
	margin: 0px;
	padding: 0px;
	font-size: 1.8rem;
	font-weight: bold;
}
.snav_detail .box_detail dd {
	margin: 0px;
	padding: 10px 0px 0px;
}
.snav_detail .box_detail dd ul {
	margin: 0px;
}
.snav_detail .box_detail dd div + br {
	display: none;
}

#snav_detail_wrap span[class^="icn_prcs_"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid;
	border-radius: 5px;
	margin: 5px 10px;
	padding: 4px 9px;
}
#snav_detail_wrap span.icn_prcs_first {
	border-color: #cc0000;
	background: #cc0000;
	color: #ffffff;
	font-weight: bold;
}
#snav_detail_wrap span.icn_prcs_online {
	border-color: #c6e9fd;
	background: #c6e9fd;
}
#snav_detail_wrap span.icn_prcs_mail {
	border-color: #c1f7d6;
	background: #c1f7d6;
}
#snav_detail_wrap span[class^="icn_prcs_"] a {
	color: inherit;
}

.snav_guide_prcs span[class^="icn_prcs_"] {
	display: none;
}

/* --------------------
回答
-------------------- */
.snav_answer {}

#main_body .snav_answer table {
	width: 100%;
	margin: 20px 0px 0px;
	border-width: 1px;
}

#main_body .snav_answer th:nth-child(1) {
	width: 70%;
}
#main_body .snav_answer th:nth-child(2) {
	width: 30%;
}
#main_body .snav_answer th,
#main_body .snav_answer td {
	text-align: left;
	padding: 10px 20px;
}

#main_body .snav_answer .ans_select_ttl td {
	border-bottom-color: #cccccc;
}
#main_body .snav_answer .ans_select td {
	border: none;
}
#main_body .snav_answer .ans_select td:nth-child(1) {
	padding-left: 40px;
}

#main_body .snav_answer table tr.ans_select:last-child td {
	padding-bottom: 20px;
}

#main_body .snav_answer h2.acc_title {
/*	border: none;
	background: none;
	color: inherit;
	margin: 0px;
	padding: 0px;*/
	padding-right: 10px;
}
#main_body .snav_answer h2.acc_title.accordion .accordion_icon {
	display: block;
	cursor: pointer;
	pointer-events: auto;
	background: url("/img/shinsei/acc_open.png") no-repeat right 20px top 50% transparent;
	background-size: 15px 15px;
	padding-right: 40px;
}
#main_body .snav_answer h2.acc_title.accordion.acc_open .accordion_icon {
	background-image: url("/img/shinsei/acc_close.png");
}

#main_body .snav_answer h2.acc_title.accordion + .snav_answer_box {
	display: none;
}
#main_body .snav_answer h2.acc_title.accordion.acc_open + .snav_answer_box {
	display: block;
}

/* --------------------
該当する結果がない場合
-------------------- */
#snav_no_result {
	margin: 40px 0px;
}
#snav_no_result .snav_guide_list {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 40px 0px 0px;
}
#snav_no_result .snav_guide_list li {
	margin: 0px 10px;
}

/* --------------------
印刷ページ
-------------------- */

/* 非表示 */
.view_print_mode #header,
.view_print_mode #footer,
.view_print_mode #main_header,
.view_print_mode #snav_no_result,
.view_print_mode #snav_detail_wrap,
.view_print_mode #snav_answer_wrap,
.view_print_mode .snav_guide_list {
	display: none !important;
}

/* 戻るボタン */
.snav_guide_print_close_wrap {
	display: none;
	text-align: center;
	margin: 15px 0px 30px;
}
.view_print_mode .snav_guide_print_close_wrap {
	display: block;
}
@media print {
	.snav_guide_print_close_wrap {
		display: none !important;
	}
}
.view_print_mode .snav_guide_print_close_wrap .snav_btn {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 内容 */
.view_print_mode #snav_guide_wrap {
	margin: 0px;
}

.view_print_mode .snav_guide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.view_print_mode .snav_guide > * {
	width: 100%;
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.view_print_mode .snav_guide > .snav_guide_prcs {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
}
.view_print_mode .snav_guide > .snav_guide_item {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}

.view_print_mode .snav_guide_msg {
	margin: 0px;
	padding: 0px;
	font-size: 2.4rem;
	font-weight: bold;
}
.view_print_mode .snav_guide_msg span {
	font-size: 3rem;
}

.view_print_mode .snav_guide_prcs,
.view_print_mode .snav_guide_item {
	background: none;
	margin: 20px 0px 0px;
	padding: 20px;
}

.view_print_mode  #main_body .snav_guide_prcs table {
	margin: 20px 0px 0px;
	width: 100%;
}

.view_print_mode .snav_guide_prcs span.icn_prcs_first {
	display: inline;
	color: #cc0000;
	font-weight: bold;
	margin-left: 1em;
}
.view_print_mode .snav_guide_prcs span.icn_prcs_first::before {
	content: '※';
}

.view_print_mode .snav_guide_item ul {
	margin: 0px;
	padding: 15px 0px 5px;
	list-style: none;
}
.view_print_mode .snav_guide_item ul li {
	margin: 5px 0px;
	padding-left: 2em;
	position: relative;
}
.view_print_mode .snav_guide_item ul li::before {
	content: '';
	display: block;
	width: 1em;
	height: 1em;
	border: 1px solid;
	border-radius: 3px;
	position: absolute;
	left: 0px;
	top: 0.3em;
}

/* ========================================
トップ
======================================== */

/* レイアウト */
#snav_menu_wrap {
	margin: 40px 0px;
}

/* 専用ヘッダ */
#snav_header {
	padding: 80px 0px;
	background: url("/img/shinsei/mainphoto.jpg") no-repeat center center #e3faff;
	background-size: auto 100%;
}
#snav_header_ttl {
	font-size: 3rem;
	line-height: 4rem;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff;
	padding: 0px;
	margin: 0px;
	border: none;
	background: none;
}

/* --------------------
メニュー
-------------------- */
.snav_menu {}
ul.snav_menu_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
	max-width: 1100px;
	margin: 40px auto 0px;
	padding: 0px;
	list-style: none;
}
ul.snav_menu_list > li {
	width: calc(360px - 10px);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 1px solid #cccccc;
	background: url("/img/shinsei/bg_menu.jpg") repeat center center #ffffff;
}
ul.snav_menu_list > li:not(:nth-child(3n - 2)) {
	margin-left: 15px;
}
ul.snav_menu_list > li:nth-child(n + 4) {
	margin-top: 15px;
}
ul.snav_menu_list > li a {
	display: block;
	height: 100%;
	min-height: 260px;
	color: inherit;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 50% bottom 15px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 20px 20px 146px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-webkit-transition: background-color 0.5s, -webkit-box-shadow 0.5s;
	transition: background-color 0.5s, -webkit-box-shadow 0.5s;
	-o-transition: box-shadow 0.5s, background-color 0.5s;
	transition: box-shadow 0.5s, background-color 0.5s;
	transition: box-shadow 0.5s, background-color 0.5s, -webkit-box-shadow 0.5s;
}
ul.snav_menu_list > li a:hover {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
ul.snav_menu_list > li:nth-child(1) a {
	background-image: url("/img/shinsei/menu01.png");
}
ul.snav_menu_list > li:nth-child(2) a {
	background-image: url("/img/shinsei/menu02.png");
}
ul.snav_menu_list > li:nth-child(3) a {
	background-image: url("/img/shinsei/menu03.png");
}
ul.snav_menu_list > li:nth-child(4) a {
	background-image: url("/img/shinsei/menu04.png");
}
ul.snav_menu_list > li:nth-child(5) a {
	background-image: url("/img/shinsei/menu05.png");
}
ul.snav_menu_list > li:nth-child(6) a {
	background-image: url("/img/shinsei/menu06.png");
}
ul.snav_menu_list > li:nth-child(7) a {
	background-image: url("/img/shinsei/menu07.png");
}
ul.snav_menu_list > li:nth-child(8) a {
	background-image: url("/img/shinsei/menu08.png");
}

ul.snav_menu_list > li a > span {
	display: block;
}
ul.snav_menu_list > li a > span.ttl {
	font-size: 2.4rem;
	font-weight: bold;
}
ul.snav_menu_list > li a > span.txt {
	margin-top: 10px;
}
ul.snav_menu_list > li a > span.txt > span {
	display: inline-block;
	vertical-align: top;
}

/* ========================================
背景色変更時
======================================== */

.color_change #snav_header,
.color_change ul.snav_menu_list > li {
	background: none !important;
}
.color_change .snav_guide_btns a,
.color_change .snav_guide_btns button {
	background-color: transparent !important;
}

.color_black .snav_guide_list .snav_btn,
.color_black .snav_start_btn a.snav_btn {
	background-color: #333333 !important;
	color: #ffff00 !important;
}
.color_blue .snav_guide_list .snav_btn,
.color_blue .snav_start_btn a.snav_btn {
	background-color: #0000aa !important;
	color: #ffffff !important;
}

.color_change #main_body .snav_answer h2.acc_title label[for*="acc_ttl_label"] {
	background-image: url("/img/shinsei/acc_open_white.png");
}
.color_change #main_body .snav_answer h2.acc_title.acc_open label[for*="acc_ttl_label"] {
	background-image: url("/img/shinsei/acc_close_white.png");
}

/* ==================================================
PC ここまで
================================================== */


/* ==================================================
スマートフォン
================================================== */
@media screen and (max-width: 1100px) {

	/* ヘッダ */
	#header.shinsei_header .link_to_top a {
		font-size: 1.2rem;
		padding: 5px;
		text-align: center;
	}
	#header.shinsei_header .link_to_top a:hover,
	#header.shinsei_header .link_to_top a:focus {
		text-decoration: none;
	}

	#header.shinsei_header #logo {
		aspect-ratio: auto;
	}
	#header.shinsei_header #he_left {
		width: 220px;
		padding: 10px 0 10px 15px;
	}

	/* フッタ */
	#footer.shinsei_footer #copyright_box {
		width: auto;
		margin: 0px;
		padding: 40px 20px;
	}
	#footer.shinsei_footer #footer_author {
		width: 100%;
		font-size: 2rem;
		text-align: center;
	}
	#footer.shinsei_footer #copyright {
		width: 100%;
		margin: 0px;
		text-align: center;
	}

	/* メイン */
	#main {
		font-size: 1.4rem;
	}

	/* パンくず */
	#snav_pankuzu {
		width: auto;
		margin-left: var(--mymainback-margin-side, 15px);
		margin-right: var(--mymainback-margin-side, 15px);
		font-size: 1.2rem;
	}

	/* ボタン */
	.snav_btn,
	a.snav_btn {
		display: block;
		width: 100%;
		max-width: 360px;
		margin: 10px auto;
		padding: 14px 0px;
		line-height: 2rem;
	}

	/* 設問入口 */
	#snav_start_wrap {
		margin: 20px 0px;
	}

	.snav_start_info {
		width: auto;
		max-width: none;
		padding: 0px 0px 20px;
	}

	.snav_start_box {
		padding: 20px 0px;
	}
	.snav_start_box > span.nmb {
		font-size: 1.6rem;
	}
	.snav_start_box > span.nmb span {
		font-size: 2.4rem;
	}

	.snav_start_btn {
		margin: 0px 30px;
	}

	/* 設問 */
	#snav_navi_wrap {
		margin: 0px 0px 15px;
	}
	#snav_navi_wrap .snav_btn {
		margin: 0px;
		width: auto;
		min-width: 150px;
		max-width: calc(50% - 10px);
		font-size: 1.2rem;
		padding: 10px 0px;
	}

	.snav_ques_ques {
		font-size: 1.6rem;
	}

	.snav_ques_check,
	.snav_ques_radio {
		margin: 20px;
	}
	.snav_ques_check span,
	.snav_ques_radio span {
		font-size: 1.6rem;
		margin: 10px 10px 10px 1.5em;
		text-indent: -1.7em;
	}
	@media screen and (max-width: 480px) {
		.snav_ques_check,
		.snav_ques_radio {
			margin: 20px 0px 20px 10px;
		}
		.snav_ques_check span,
		.snav_ques_radio span {
			font-size: 1.4rem;
		}
	}

	.snav_ques_submit {
		display: block;
		margin: 30px 40px 0px;
	}

	#snav_select .snav_ques_submit .snav_btn {
		width: 100%;
		min-width: auto;
		max-width: 360px;
		margin: 10px auto;
	}

	/* 結果 */
	#snav_guide_wrap,
	#snav_detail_wrap,
	#snav_answer_wrap {
		margin: 20px 0px;
	}

	.snav_guide_list {
		width: auto;
		max-width: none;
	}
	.snav_guide_list > li {
		width: calc(33.33333% - 10px);
	}
	.snav_guide_list > li.print {
		display: none !important;
	}
	.snav_guide_list .snav_btn {
		margin: 0px;
	}
	@media screen and (max-width: 580px) {
		.snav_guide_list {
			position: relative;
		}
		.snav_guide_list > li {
			width: calc(38% - 8px);
			position: static;
		}
		.snav_guide_list > li:last-child {
			width: 24%;
		}
		.snav_guide_list .snav_btn {
			font-size: 1.2rem;
			height: 100%;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
		}
		.snav_guide_share_box {
			width: 100%;
		}
		.snav_guide_share_box::before {
			right: 10%;
		}
		.snav_guide_btns a,
		.snav_guide_btns button {
			font-size: 1.1rem;
		}
	}

	.snav_guide_prcs,
	.snav_guide_item {
		padding: 20px;
	}
	#main_body .snav_guide_prcs h2,
	#main_body .snav_guide_item h2 {
		font-size: 1.8rem;
		margin-bottom: 10px;
	}

	#main_body .snav_guide_prcs table {
		width: 100%;
		margin: 0px;
		display: block;
	}
	#main_body .snav_guide_prcs thead,
	#main_body .snav_guide_prcs tbody {
		display: block;
	}
	#main_body .snav_guide_prcs tr {
		display: block;
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}
	#main_body .snav_guide_prcs th,
	#main_body .snav_guide_prcs td {
		display: inline-block;
		vertical-align: top;
		border-bottom: none;
		padding: 5px 0px;
	}
	#main_body .snav_guide_prcs td:first-child {
		padding-right: 0px;
	}
	#main_body .snav_guide_prcs th:last-child::before,
	#main_body .snav_guide_prcs td:last-child::before {
		content: '／';
		margin-left: 0.5em;
		margin-right: 0.5em;
	}

	@media screen and (max-width: 480px) {
		.snav_guide_item ul {
			padding-left: 20px;
		}
		.snav_guide_item ul li {
			width: 100%;
			padding: 5px 0px;
		}
	}

	.snav_detail .box_detail .ttl {
		padding: 20px 20px 0px;
	}
	.snav_detail .box_detail .txt {
		padding: 5px 20px 20px;
	}
	#main_body .snav_detail .box_detail h3 {
		display: block;
		font-size: 1.8rem;
		margin: 0px;
	}

	#snav_detail_wrap span[class^="icn_prcs_"] {
		font-size: 1.2rem;
		margin: 5px 5px 5px 0px;
		padding: 3px 8px;
	}

	.snav_detail .box_detail {
		margin-bottom: 10px;
	}
	.snav_detail .box_detail dl {
		margin-top: 15px;
		padding-top: 15px;
	}
	.snav_detail .box_detail dt {
		font-size: 1.4rem;
	}
	.snav_detail .box_detail dd ul {
		padding-left: 20px;
	}

	#main_body .snav_answer h2.acc_title.accordion .accordion_icon {
		margin: 0px;
		padding: 0px 40px 0px 0px;
	}

	#main_body .snav_answer table,
	#main_body .snav_answer thead,
	#main_body .snav_answer tbody,
	#main_body .snav_answer tr,
	#main_body .snav_answer th,
	#main_body .snav_answer td {
		display: block;
		border: none;
	}

	#main_body .snav_answer table {
		border: 2px solid;
	}

	#main_body .snav_answer th:nth-child(1),
	#main_body .snav_answer th:nth-child(2) {
		width: auto;
		padding: 5px 20px;
	}
	#main_body .snav_answer th:nth-child(2) {
		padding-top: 0px;
		padding-left: 30px;
	}

	#main_body .snav_answer td:nth-child(1) {
		border-top: 1px solid;
	}
	#main_body .snav_answer td:nth-child(2) {
		padding-top: 0px;
		padding-left: 30px;
	}
	#main_body .snav_answer table tr.ans_select:last-child td {
		padding-bottom: 10px;
	}

	#main_body .snav_answer .ans_select_ttl td {
		font-size: 1.1rem;
	}
	#main_body .snav_answer .ans_select td:nth-child(1) {
		padding-left: 20px;
		border-top: 1px dotted #ccc;
	}

	#snav_no_result .snav_guide_list {
		display: block;
		margin: 20px 40px 0px;
	}
	#snav_no_result .snav_guide_list li {
		width: 100%;
		margin: 10px 0px;
	}

	/* トップ */
	#snav_header {
		padding: 30px 0px;
	}
	#snav_header_ttl {
		font-size: 2.4rem;
		line-height: 3rem;
	}

	#snav_menu_wrap {
		margin: 20px 0px;
	}

	ul.snav_menu_list {
		max-width: 720px;
		margin: 20px auto 0px;
	}
	ul.snav_menu_list > li,
	ul.snav_menu_list > li:not(:nth-child(3n-2)),
	ul.snav_menu_list > li:nth-child(n+4) {
		width: calc(50% - 10px);
		margin: 5px;
	}
	@media screen and (max-width: 480px) {
		ul.snav_menu_list > li a {
			background-size: auto 80px;
			padding: 15px 15px 100px;
			min-height: 200px;
		}
		ul.snav_menu_list > li a > span.ttl {
			font-size: 2rem;
		}
		ul.snav_menu_list > li a > span.txt {
			font-size: 1.1rem;
		}
		ul.snav_menu_list > li a > span.txt > span {
			display: inline;
		}
	}

}
/* ==================================================
スマートフォン ここまで
================================================== */