<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "shift_jis";
/* for Reset
=========================================*/
html, body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img{
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}
ol, ul{
	list-style:none;
}
caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
img{
	vertical-align:bottom;
}
input:focus, textarea:focus, select:focus {
	outline-offset: -2px;
}
input, textarea, select{
	*font-size:100%;
}

*{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:none;
	box-sizing: border-box;
}
html {
	font-size: 10px;
}
body{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family:"�ｽq�ｽ�ｽ�ｽM�ｽm�ｽp�ｽS Pro W3","Hiragino Kaku Gothic Pro", "�ｽ�ｽ�ｽC�ｽ�ｽ�ｽI", "Meiryo", "�ｽl�ｽr �ｽo�ｽS�ｽV�ｽb�ｽN", "MS PGothic", Helvetica, Arial, Sans-Serif;
}
#all_wrapper{
	width: 100%;
}
@media screen and (max-width: 768px) {
	#all_wrapper{
		width: 100%;
	}
}

/* all */
.inner {
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
}
.clearfix:after {
	content: "";
	overflow: hidden;
	display: block;
	clear: both;
}
.f_small {
	font-size: 90%;
}
.f_normal {
	font-size: 100%;
}
.f_big {
	font-size: 120%;
}
.w_pc {
	display: block !important;
}
.w_pc.inline {
	display: inline-block !important;
}
.w_sp,
.w_sp.inline {
	display: none !important;
}

.w_pad,
.w_pad.inline {
		display: none !important;
}

/* header */
header {
	width: 100%;
	position: relative;
	z-index: 10000;
}
.header_cover {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}
.fixed_area {
	position: relative;
	z-index: 2;
	background-color: #fff;
}
header .inner &gt; p {
	float: left;
	width: 23.3%;
	min-width: 200px;
	padding-left: 20px;
}
header .inner.set_area .logo {
	display: inline-block;
	margin-top: 16px;
	margin-bottom: 17px;
	width: 100%;
}
header .inner.set_area .logo img {
	max-width: 100%;
	height: auto;
}
header .inner.set_area &gt; nav {
	float: right;
	min-width: 500px;
	padding: 10px 0 7px;
}
header .inner.set_area &gt; nav ul li {
	display: inline-block;
	font-size: 1em;
	line-height: 1;
}
header .inner.set_area &gt; nav ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 0 10px;
}
header .inner.set_area &gt; nav ul li a span {
	display: inline-block;
	vertical-align: middle;
}
header .inner.set_area &gt; nav ul li a.tap {
    color: #228ad9;
}

header .inner.set_area &gt; nav ul li a.tap {
	color: #228ad9;
}
header .inner.set_area &gt; nav ul li &gt; div {
	display: inline-block;
}
header .inner.set_area &gt; nav ul li &gt; div p {
	display: inline-block;
}
header .inner.set_area &gt; nav ul li &gt; div.lang {
	border-right: 1px solid #000;
}
header .inner.set_area &gt; nav ul li &gt; div.lang a {
	padding-right: 5px;
}
header .inner.set_area &gt; nav ul li &gt; div.lang p {
	display: none;
}
header .inner.set_area &gt; nav ul li &gt; div.lang p.setting {
	display: inline-block;
}
header .inner.set_area &gt; nav ul li &gt; div.size {
	padding-left: 5px;
}
header .inner.set_area &gt; nav ul li &gt; div.size p {
	border: 1px solid #228ad9;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	margin: 2px;
}
header .inner.set_area &gt; nav ul li &gt; div.size p.setting {
	background-color: #228ad9;
}
header .inner.set_area &gt; nav ul li &gt; div.size p.setting a {
	color: #fff;
}
header .inner.set_area &gt; nav ul li &gt; div.size p a {
	padding: 2px;
	color: #228ad9;
	text-align: center;
}
header .inner.set_area &gt; nav ul li a .icon {
	display: inline-block;
}
header .inner.set_area &gt; nav ul.head_top {
	padding-bottom: 6px;
	text-align: right;
}
header .inner.set_area &gt; nav ul.head_top li a .icon {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
header .inner.set_area &gt; nav ul.head_top li a .icon .def {
	display: block;
}
header .inner.set_area &gt; nav ul.head_top li a.tap .icon .def {
	display: none;
}
header .inner.set_area &gt; nav ul.head_top li a .icon .hover {
	display: none;
}
header .inner.set_area &gt; nav ul.head_top li a.tap .icon .hover {
	display: block;
}
header .inner.set_area &gt; nav ul.head_bottom li {
	vertical-align: middle;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a {
	border: 1px solid #228ad9;
	-ms-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a.tap {
	background-color: #228ad9;
	color: #fff;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a .icon {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a .icon .def {
	display: block;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a.tap .icon .def {
	display: none;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a .icon .hover {
	display: none;
}
header .inner.set_area &gt; nav ul.head_bottom li &gt; a.tap .icon .hover {
	display: block;
}

header .inner.set_area &gt; nav ul.head_bottom li {
	font-size: 1.2em;
}
header .inner.set_area &gt; nav ul.head_bottom li.search {
	padding: 0 10px;
}
header .inner.set_area &gt; nav ul.head_bottom li.search form {
	margin-left: 15px;
	display: inline-block;
	position: relative;
}
header .inner.set_area &gt; nav ul.head_bottom li.search form input[type="text"] {
	width: 160px;
	height: 32px;
	border: none;
	background-color: #f0f0f0;
	-ms-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 4px 4px 34px;
	font-size: 1.2em;
}
header .inner.set_area &gt; nav ul.head_bottom li.search a {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	text-align: center;
	border: none;
	padding: 0;
}
header .inner.set_area &gt; nav ul.head_bottom li.search a .def {
	display: block;
}
header .inner.set_area &gt; nav ul.head_bottom li.search a .hover {
	display: none;
}
header .inner.set_area &gt; nav ul.head_bottom li.search a.tap .def {
	display: none;
}
header .inner.set_area &gt; nav ul.head_bottom li.search a.tap .hover {
	display: block;
}
header .hr {
	width: 100%;
	border-top: 2px solid #f1f1f1;
}
header .inner.g_navi &gt; ul,
header .inner.g_navi .sp_addmenu &gt; ul {
	display: table;
	width: 99.9999999999%;
}
header .inner.g_navi &gt; ul &gt; li,
header .inner.g_navi .sp_addmenu &gt; ul &gt; li {
	display: table-cell;
	vertical-align: top;
	font-size: 1em;
	border-left: solid 1px;
	width: 14.28571428571429%;
}
header .inner.g_navi &gt; ul &gt; li &gt; a,
header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1),
header .inner.g_navi .sp_addmenu &gt; ul &gt; li a {
	width: 100%;
	font-size: 1.6em;
	line-height: 1.15;
	text-decoration: none;
	color: #000;
	text-align: center;
	min-height: 66px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
header .inner.g_navi &gt; ul &gt; li &gt; a.tap,
header .inner.g_navi &gt; ul &gt; li.tap_action.tap div:nth-of-type(1),
header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.tap {
	background-color: #e6e9ee;
}
header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a.tap {
	color:#c1c1c1;
}
header .inner.g_navi &gt; ul &gt; li &gt; a:before,
header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1):before,
header .inner.g_navi .sp_addmenu &gt; ul &gt; li a:before {
    content: "";
    height: 66px;
    width: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1) &gt; p {
	width: 100%;
}
header .inner.g_navi &gt; ul &gt; li &gt; a &gt; span,
header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1) &gt; span,
header .inner.g_navi .sp_addmenu &gt; ul &gt; li a &gt; span {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
header .inner.g_navi &gt; ul &gt; li.tap_action .category_top {
	color: #000;
	padding: 0;
	text-decoration: none;
}
header .inner.g_navi &gt; ul &gt; li.tap_action.tap .category_top {
	color: #fff;
}
	/* g_navi color set */
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_def.tap,
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_def.on_color,
	header .inner.g_navi &gt; ul &gt; li.h_def.tap_action.tap .category_top,
	header .inner.g_navi &gt; ul &gt; li.h_def.tap_action.on_color .category_top,
	header .inner.g_navi &gt; ul &gt; li.h_def.tap li.tap_action.h_def.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.h_def.tap li.tap_action.h_def.on_color div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li.h_def.tapli.tap_action.h_def.tap div:nth-of-type(1) {
		color:#000;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_y.tap,
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_y.on_color,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.tap .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.on_color  .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.on_color div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li.tap_action.h_y.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.h_y .list_in_list ul li p a.tap {
		color:#fcc419;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_g.tap,
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_g.on_color,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.tap .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.on_color  .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.on_color div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li.tap_action.h_g.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.h_g .list_in_list ul li p a.tap {
		color:#228ad9;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_b1.tap,
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_b1.on_color,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.tap .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.on_color .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.on_color div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li.tap_action.h_b1.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.h_b1 .list_in_list ul li p a.tap {
		color:#062876;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_pn.tap,
	header .inner.g_navi &gt; ul &gt; li &gt; a.h_def.on_color,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.tap .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.on_color .category_top,
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.on_color div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li.tap_action.h_pn.tap div:nth-of-type(1),
	header .inner.g_navi &gt; ul &gt; li.h_pn .list_in_list ul li p a.tap {
		color:#ff8788;
	}
	/* g_navi list in list */
	header .inner.g_navi &gt; ul &gt; li .list_in_list {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: #e6e9ee;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action.tap div:nth-of-type(1) + .list_in_list {
		display: block;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul {
		display: table;
		width: 100%;
		max-width: 1220px;
		margin: 0 auto;
		padding: 0 10px;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li {
		display: table-cell;
		vertical-align: top;
		font-size: 1em;
		text-align: center;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p {
		font-size: 1.6em;
		line-height: 1.15;
		text-decoration: none;
		color: #000;
		text-align: center;
		min-height: 66px;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a {
		font-size: 1em;
		line-height: 1.5;
		text-decoration: none;
		color: #000;
		text-align: center;
		min-height: 100px;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		padding-left: 28px;
		position: relative;
		flex-direction: column;
		justify-content: center;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		position: relative;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span:before {
		content: "";
		background-image: url("../img/header/arrow_R_black.png");
		width: 9px;
		height: 13px;
		position: absolute;
		top: 50%;
		left: -15px;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; .list_in_list_note {
		font-size: 12px;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span.list_in_list_note:before {
		content: none;
	}
		/* list in list a cursor color */
		header .inner.g_navi &gt; ul &gt; li.h_def .list_in_list ul li p a.tap &gt; span:before {
			background-image: url("../img/header/arrow_R_black.png");
		}
		header .inner.g_navi &gt; ul &gt; li.h_y .list_in_list ul li p a.tap &gt; span:before {
			background-image: url("../img/header/arrow_R_yellow.png");
		}
		header .inner.g_navi &gt; ul &gt; li.h_g .list_in_list ul li p a.tap &gt; span:before {
			background-image: url("../img/header/arrow_R_green.png");
		}
		header .inner.g_navi &gt; ul &gt; li.h_b1 .list_in_list ul li p a.tap &gt; span:before {
			background-image: url("../img/header/arrow_R_blue.png");
		}
		/*
		header .inner.g_navi &gt; ul &gt; li.h_pn .list_in_list ul li p a.tap &gt; span:before {
			background-image: url("../img/header/arrow_R_black.png");
		}
		*/



.sp_head {
	display: none;
}

/* footer */
.f_navi_cover {
	position: relative;
	z-index: 100;
}
.f_navi {
	width: 99.99999999999%;
	background-color: #ececec;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block!important;
	border: solid 1px;
}
.f_navi.stop {
	position: relative;
}
.f_navi .inner ul {
	display: table;
	width: 99.99999999999999999999%;
	/* border-right: solid 1px; */
}
.f_navi .inner ul li {
	display: table-cell;
	vertical-align: top;
	text-align: center;
	border-left: solid 1px;
}
.f_navi .inner ul li a {
	font-size: 1.4em;
	line-height: 1.2;
	text-decoration: none;
	color: #000;
	text-align: center;
	min-height: 66px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.f_navi .inner ul li a.tap {
	background-color: #fcc419;
}
.f_navi .inner ul li a:before {
	content: "";
	height: 66px;
	width: 0;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.f_navi .inner ul li a span {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

footer {
	width: 100%;
	position: relative;
	background-color: #e6e6e6;
}
footer .inner .txt_line {
	text-align: center;
	padding-top: 60px;
}
footer .inner .txt_line ul {
	display: inline-block;
}
footer .inner .txt_line ul li {
	position:relative;
	display: inline-block;
	padding: 7.5px 0;
}
footer .inner .txt_line ul li a {
	display: inline-block;
	font-size: 1.4em;
	color: #141414;
	text-decoration: none;
	padding: 0 20px;
	border-left: 1px solid #141414;
}
footer .inner .txt_line ul li a {
	min-width:170px;
}
footer .inner .txt_line ul li:last-child a {
	border-right: 1px solid #141414;
}
footer .inner .txt_line ul li a.tap {
	text-decoration: underline;
}
footer .inner .bnner {
	text-align: center;
	padding: 40px 0;

	max-width: 1220px;
	margin: 0 auto;
}
footer .inner .bnner ul.box_list {
	display: inline-block;
	font-size: 0;
}
footer .inner .bnner ul.box_list li {
	display: inline-block;
	overflow: hidden;
	margin: 20px;
}
footer .inner .bnner ul.box_list li a {
	display: inline-block;
	background-color: #fff;
	width: 100%;
}
footer .inner .bnner ul.box_list li a img {
	max-width: 100%;
	height: auto;
}
footer .inner .bnner ul.box_list li a.tap img {
	opacity: .8;
}
footer .inner .bnner ul.vertical_list {
	display: inline-block;
	margin-top: 20px;
	max-width: 215px;
	margin: 20px 20px 0;
}

footer .inner .bnner ul.vertical_list li {
	margin-bottom: 8px;
}
footer .inner .bnner ul.vertical_list li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
}
footer .inner .bnner ul.vertical_list li a img {
	max-width: 100%;
}
footer .inner .bnner ul.vertical_list li a.tap img {
	opacity: .8;
}

/* 2018/03/26 Update */
footer .inner .card_payment {
    max-width: 980px;
    margin: 0 auto 30px;
    padding: 20px 20px;
    background-color:#fff;
    text-align: center;
}
footer .inner .card_payment h4 {
	margin-bottom:20px;
}
footer .inner .card_payment h4,
footer .inner .card_payment li.text_area &gt; p:nth-child(1) {
    color: #228ad9;
}
footer .inner .card_payment h4 p {
	font-size: 1.8em;
    font-weight: bold;
    line-height: 1.33;
}
footer .inner .card_payment li {
    display:inline-block;
    vertical-align:middle;
}
footer .inner .card_payment li.text_area {
	width:61%;
    text-align:left;
}
footer .inner .card_payment li.text_area p {
    font-size: 1.3em;
    line-height: 1.33;
}
footer .inner .card_payment li.text_area &gt; p:nth-child(1) {
    margin-bottom:10px;
}
footer .inner .card_payment li.login {
	width:38%;
	margin:15px 0 0;
}
footer .inner .card_payment li.login a {
	display:inline-block;
	width:100%;
	color: inherit;
	padding:10px 20px;
	background-color:#FCC419;
	text-decoration: none;
}
footer .inner .card_payment li.login a.tap {
	opacity:0.7;
}
footer .inner .card_payment li.login p {
	display:inline-block;
	font-size: 1.6em;
    line-height: 1.33;
    font-weight:bold;
	vertical-align:middle;
}
footer .inner .card_payment li.login .icon {
	margin-right:10px;
}
@media screen and (max-width: 1060px) {
	footer .inner .card_payment {
	    max-width: 725px;
	}
	footer .inner .card_payment li.text_area,
	footer .inner .card_payment li.login {
		width:100%;
	}
}
/* 2018/03/26 Update �ｽ�ｽ�ｽ�ｽ�ｽﾜゑｿｽ */

footer .inner .copy {
	text-align: center;
	padding-bottom: 30px;
	color: #141414;
}


/* sp view set ( header &amp; footer &amp; all ) */
@media screen and (max-width: 767px) {
	.sp_head {
		padding: 5px 10px;
		text-align: center;
		display: table;
		width: 100%;
	}
	.sp_head p {
		display: inline-block;
		vertical-align: middle;
	}
	.sp_head &gt; p:nth-of-type(1) {
		width: 80%;
		text-align: left;
	}
	.sp_head &gt; p:nth-of-type(2) {
		width: 18%;
		padding-left: 10px;
		text-align: right;
	}
	.sp_head &gt; p a {
		display: inline-block;
		width: 100%;
	}
	.sp_head &gt; p a img {
		max-width: 70%;
		height: auto;
	}
	.sp_head &gt; p:nth-of-type(2) a img {
		min-width: 40px;
	}
	header .inner.g_navi {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		padding-bottom: 20px;
		z-index: 1;
		background-color: #fff;
		display: none;
		overflow-y: auto;
		height: 100vh;
		padding: 8%!important;
	}
	.sp_addicon {
		text-align: right;
		width: 100%;
		padding: 10px 0;
	}
	.sp_addicon a {
		width: 11.365%;
		width: 5.68%;
		min-width: 40px;
		display: inline-block;
		text-align: center;
	}
	.sp_addicon a img {
		max-width: 100%;
		height: auto;
	}
	#g_navi {
		content: "sp";
		border: none!important;
	}
	header .inner.g_navi &gt; ul,
	header .inner.g_navi .sp_addmenu &gt; ul {
		display: block;
		display: block;
	}
	header .inner.g_navi &gt; ul &gt; li,
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li {
		display: block;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: none;
		border: none!important;
		width: 100%;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action {
		padding-right: 30px;
		position: relative;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action:after {
		content: "";
		background-image: url("../img/header/arrow_B_gray.png");
		width: 13px;
		height: 9px;
		position: absolute;
		top: 20px;
		right: 10px;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action.open:after {
		background-image: url("../img/header/arrow_T_white.png");
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a,
	header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1),
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li a {
		font-size: 1.4em;
		min-height: 50px;
		text-align: left;
		padding: 0 0 0 10px !important;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action a {
		font-size: 1em;
		text-align: left;
		padding: 0 0 0 10px;
		color: #fff;
		text-decoration: none;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a.tap,
	header .inner.g_navi &gt; ul &gt; li.tap_action.tap,
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.tap {
		color: #fff;
		background-color: #9c9c9c;
		overflow: hidden;
	}
	header .inner.g_navi &gt; ul &gt; li &gt; a:before,
	header .inner.g_navi &gt; ul &gt; li.tap_action div:nth-of-type(1):before,
	header .inner.g_navi .sp_addmenu &gt; ul &gt; li a:before {
		height: 50px;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list {
		position: relative;
		top: 0;
		background-color: transparent;
	}
	header .inner.g_navi &gt; ul &gt; li.tap .list_in_list,
	header .inner.g_navi &gt; ul &gt; li.open .list_in_list {
		padding-bottom: 10px;
		overflow: hidden;
	}
	header .inner.g_navi &gt; ul &gt; li.tap_action.tap div:nth-of-type(1) + .list_in_list {
		display: none;
		/* width: 100%; */
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li {
		display: block;
		width: 100%!important;
	}
		/* g_navi color set */
		header .inner.g_navi &gt; ul &gt; li &gt; a.h_def.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.open div:nth-of-type(1),
		header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.h_def.tap {
			color: #fff;
			background-color:#9c9c9c;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.open {
			background-color:#9c9c9c;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_def.open div:nth-of-type(1) {
			color: #fff;
			background-color:transparent;
		}
		header .inner.g_navi &gt; ul &gt; li &gt; a.h_y.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.open div:nth-of-type(1),
		header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.h_y.tap {
			color: #fff;
			background-color:#fcc419;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.open {
			background-color:#fcc419;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_y.open div:nth-of-type(1) {
			color: #fff;
			background-color:transparent;
		}
		header .inner.g_navi &gt; ul &gt; li &gt; a.h_g.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.open div:nth-of-type(1),
		header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.h_g.tap {
			color: #fff;
			background-color:#228ad9;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.open {
			background-color:#228ad9;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_g.open div:nth-of-type(1) {
			color: #fff;
			background-color:transparent;
		}
		header .inner.g_navi &gt; ul &gt; li &gt; a.h_b1.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.open div:nth-of-type(1),
		header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.h_b1.tap {
			color: #fff;
			background-color:#449edc;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.open {
			background-color:#062876;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_b1.open div:nth-of-type(1) {
			color: #fff;
			background-color:transparent;
		}
		header .inner.g_navi &gt; ul &gt; li &gt; a.h_pn.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.open div:nth-of-type(1),
		header .inner.g_navi .sp_addmenu &gt; ul &gt; li a.h_pn.tap {
			color: #fff;
			background-color:#ff8788;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.tap,
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.open {
			background-color:#ff8788;
		}
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.tap div:nth-of-type(1),
		header .inner.g_navi &gt; ul &gt; li.tap_action.h_pn.open div:nth-of-type(1) {
			color: #fff;
			background-color:transparent;
		}
		header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a.tap {
			color: #fff !important;
		}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p {
		font-size: 1.4em;
		min-height: 50px;
		text-align: left;
		padding: 0 0 0 0;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a {
		line-height: 1.15;
		text-decoration: none;
		color: #fff;
		text-align: left;
		min-height: 50px;
		width: 100%;
		padding: 10px 0 10px 25px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a.tap {
		background-color: rgba(255,255,255,0.3)
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span {
		width: 100%;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span:before {
		background-image: url("../img/header/arrow_R_white.png") !important;
	}
	header .inner.g_navi &gt; ul &gt; li .list_in_list ul li p a &gt; span:after {
		height: 50px;
	}


	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size a.tap {
		background: none;
		text-decoration: none;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li.btn a.tap {
		color: #fff;
		background-color: #228ad9;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	header .inner.g_navi .sp_addmenu li.long {
		width: 100%;
	}
	header .inner.g_navi .sp_addmenu li.search {
		margin: 10px 0;
	}
	header .inner.g_navi .sp_addmenu li.search form {
		display: inline-block;
		position: relative;
		width: 100%;
	}
	header .inner.g_navi .sp_addmenu li.search form input[type="text"] {
		width: 100%;
		height: 32px;
		border: none;
		background-color: #f0f0f0;
		-ms-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		padding: 4px 4px 4px 34px;
		font-size: 1.2em;
	}
	header .inner.g_navi .sp_addmenu li.search a {
		position: absolute;
		top: 0;
		left: 0;
		width: 32px;
		height: 32px;
		min-height: auto;
		text-align: center;
		border: none;
		padding: 0;
	}
	header .inner.g_navi .sp_addmenu li.search a .def {
		display: block;
	}
	header .inner.g_navi .sp_addmenu li.search a .hover {
		display: none;
	}
	header .inner.g_navi .sp_addmenu li.search a.tap .def {
		display: none;
	}
	header .inner.g_navi .sp_addmenu li.search a.tap .hover {
		display: block;
	}
	header .inner.g_navi .sp_addmenu &gt; ul:after {
		display: block;
		clear: both;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li {
		width: 50%;
		float: left;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li a .icon {
		width: 32px;
		height: 32px;
		vertical-align: middle;
		margin-left: -10px;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li a .icon .def {
		display: block;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li a.tap .icon .def {
		display: none;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li a .icon .hover {
		display: none;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li a.tap .icon .hover {
		display: block;
	}

	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.lang a {
		padding-right: 5px;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.lang p {
		display: none;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.lang p.setting {
		display: inline-block;
		width: 100%;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size {
		font-size: 1.4em;
		padding-left: 5px;
		padding: 6px 10px;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size p {
		border: 1px solid #228ad9;
		-ms-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		background-color: #fff;
		margin: 2px 6px;
		display: inline-block;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size p.setting {
		background-color: #228ad9;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size p.setting a {
		color: #fff;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size p a {
		padding: 2px !important;
		color: #228ad9;
		text-align: center;
		min-height: auto;
	}
	header .inner.g_navi .sp_addmenu &gt; ul li &gt; div.size p a:before {
		height: auto;
	}
	.f_navi .inner ul li a {
		font-size: 1em;
	}
	footer .inner .txt_line {
		position: relative;
		padding-top: 0px;
	    left: -10px;
	    width: calc(100% + 20px);
	}
	footer .inner .txt_line ul {
	    width: 100%;
	}
	footer .inner .txt_line ul li {
		display: block;
		/*margin: 0 10px;*/
		padding: 0;
	}
	footer .inner .txt_line ul li a.tap {
	    text-decoration: none;
	}
	footer .inner .txt_line ul li a.tap:after {
	    content:"";
	    position:absolute;
	    display:inline-block;
	    width:100%;
	    height:100%;
	    top:50%;
	    left:50%;
	    transform:translate(-50%,-50%);
	    background-color:#fff;
	    opacity:0.4;
	}
	footer .inner .txt_line ul li:nth-child(1) a,
	footer .inner .txt_line ul li:nth-child(2) a,
	footer .inner .txt_line ul li:nth-child(3) a,
	footer .inner .txt_line ul li:nth-child(4) a,
	footer .inner .txt_line ul li:nth-child(5) a,
	footer .inner .txt_line ul li:nth-child(6) a{
		width: 100%;
		min-width: inherit;
		padding: 10px 0;
		border:none;
		border-bottom:1px solid #fff;
	}
	footer .inner .bnner {
		padding: 20px 0;
	}
	footer .inner .bnner ul.box_list li {
		width: 42%;
		max-width: 215px;
		margin: 3.125%;
	}
	footer .inner .bnner ul.vertical_list {
		max-width: none;
		width: 100%;
		margin: 0;
	}
	footer .inner .bnner ul.vertical_list li{
		display: inline-block;
		width: 42%;
		max-width: 215px;
		margin: 3.125%;
	}
	.list_odd_set {
		opacity: 0;
	}
	.list_odd_set a {
		cursor: default;
	}
	footer .inner .copy {
		font-size: 1.2em;
	}

	/* 2018/03/26 Update */
	footer .inner .card_payment {
	    width: 92%;
	    margin-bottom:15px;
	}
	footer .inner .card_payment h4 p {
		font-size: 1.4em;
	}
	footer .inner .card_payment h4,
	footer .inner .card_payment li.text_area &gt; p:nth-child(1) {
	    margin-bottom:15px;
	}
	footer .inner .card_payment li.text_area p {
	    font-size: 1.1em;
	}
	footer .inner .card_payment li.login p {
		font-size: 1.3em;
	}
	/* 2018/03/26 Update �ｽ�ｽ�ｽ�ｽ�ｽﾜゑｿｽ */

	/* all */
	.inner.no_padding {
		padding: 0;
		overflow: hidden;
	}
	.w_pc,
	.w_pc.inline {
		display: none !important;
	}

	.w_pad,
    .w_pad.inline {
		display: none !important;
    }

	.w_sp {
		display: block !important;
		/* background: none; */
	}
	.w_sp.inline {
		display: inline-block !important;
	}

}

/* content top tab set */
.visualTabArea,
.sub_navi {
	width: 100%;
	background-color: #e6e9ee;
}
.sub_navi &gt; .inner {
	padding: 0;
}
.visualTabArea .tab,
.sub_navi .tab {
	display: table;
	width: 100%;
	height: 80px;
}

@media screen and (max-width: 768px) {
.visualTabArea .tab,
.sub_navi .tab {
	display: table;
	width: 100%;
	height: 60px;
}
}

.visualTabArea .tab a,
.sub_navi .tab a {
	position: relative;
	font-size: 1.4em;
	line-height: 1.2;
	text-decoration: none;
	color: #228ad9;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 16.6666667%;
}
.visualTabArea:not(.top_page) .tab a.on,
.visualTabArea:not(.top_page) .tab a.tap,
.sub_navi .tab a.on,
.sub_navi .tab a.tap {
	background-color: #228ad9;
	color: #fff;
}
.visualTabArea .tab a .arrow,
.sub_navi .tab a .arrow {
	position: absolute;
	bottom: 30%;
	bottom: 24px !important;
	left: 50%;
	display: block;
	opacity: 0;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
@media all and (-ms-high-contrast:none) {
	.visualTabArea .tab a .arrow,
	.sub_navi .tab a .arrow{
		bottom: 24px !important;
	}
	*::-ms-backdrop,.visualTabArea .tab a .arrow,
	*::-ms-backdrop,.sub_navi .tab a .arrow{
		bottom: 24px !important;
	}
}
_:-ms-lang(x), _::-webkit-meter-bar,.visualTabArea .tab a .arrow,
_:-ms-lang(x), _::-webkit-meter-bar,.sub_navi .tab a .arrow {
	bottom: 24px !important;
}
.visualTabArea .tab a.tap .arrow,
.visualTabArea .tab a.on .arrow,
.sub_navi .tab a.tap .arrow,
.sub_navi .tab a.on .arrow {
	opacity: 1;
}
.visualTabArea .tab a .arrow:before,
.sub_navi .tab a .arrow:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: -10px;
	margin-top: -13px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* sp view set ( content top tab set ) */
@media screen and (max-width: 768px) {
	.sub_navi .inner {
		padding: 0;
	}
	.visualTabArea .tab a,
	.sub_navi .tab a {
		font-size: 1.2em;
		height: 50px;
		min-width: 40px;
	}
	.visualTabArea .tab a .arrow:before,
	.sub_navi .tab a .arrow:before {
		width: 10px;
		height: 10px;
		margin-left: -6px;
		margin-top: -8px;
	}

	.visualTabArea .tab a .arrow,
	.sub_navi .tab a .arrow {
		bottom: 12px !important;
	}
	_:-ms-lang(x), _::-webkit-meter-bar,.visualTabArea .tab a .arrow,
	_:-ms-lang(x), _::-webkit-meter-bar,.sub_navi .tab a .arrow {
		bottom: 12px !important;
	}
}
@media screen and (max-width: 768px) and (-ms-high-contrast:none) {
	.visualTabArea .tab a .arrow,
	.sub_navi .tab a .arrow{
		bottom: 12px !important;
	}
	*::-ms-backdrop,.visualTabArea .tab a .arrow,
	*::-ms-backdrop,.sub_navi .tab a .arrow{
		bottom: 12px !important;
	}
}

/* content parts */
	/* section */
	section {
		padding: 0 0 80px;
	}
	section.no_bottom {
		padding: 0;
	}
		/* column_2 */
		section .column_2 {
			max-width: 1220px;
			margin: 0 auto;
			padding: 0 10px;
		}
		section .column_2 .inner {
			display: inline-block;
			width: 50%;
		}
		section .column_2 .inner:nth-of-type(1) {
			padding: 0 1px 100px 0;
		}
		section .column_2 .inner:nth-of-type(2) {
			padding: 0 0 100px 1px;
			background-color: #f5f8fd;
		}
		/* color */
			/* white */
			.color_w {
				background-color: #fff;
			}
			/* green */
			.color_g {
				background-color: #228ad9;
			}
			/* yellow */
			.color_y {
				background-color: #fcc419;
			}
			/* blue 1 */
			.color_b1 {
				background-color: #062876;
			}
			/* blue 2 */
			.color_b2 {
				background-color: #8de3d6;
			}
			/* blue 3 */
			.color_b3 {
				background-color: #a6befa;
			}
			/* pink */
			.color_p {
				background-color: #ff8788;
			}

	/* subject */
	h2 {
		width: 100%;
		background-color: #228ad9;
		text-align: center;
		padding: 12px 10px;
		margin-bottom: 50px
	}
		/* question color */
		section.question_color h2 {
			background-color: #555;
		}

	h2 p {
		display: inline-block;
		vertical-align: middle;
	}
	h2 p:nth-of-type(2) {
		max-width: calc(100% - 96px);
	}
	h2 p.icon {
		content: "";
		width: 96px;
		height: 96px;
	}
	h2 p.icon img {
		max-width: 100%;
	}
	h2 p span {
		display: inline-block;
		font-size: 2.5em;
		font-weight: bold;
		text-align: left;
		color: #fff;
	}

	h3 {
		width: 100%;
		text-align: center;
		padding:50px 10px 35px;
	}
	h3 p {
		display: inline-block;
	}
	h3 p span {
		display: inline-block;
		vertical-align: middle;
		font-size: 2.4em;
		font-weight: bold;
		line-height: 1.33;
		text-align: center;
		letter-spacing: 0.1em;
		color: #228ad9;
	}

	 /* list_frame in frame */
	.frame_in_frame &gt; a.tap h3 p span {
		color: #fff;
	}

	/* list */
	.list_frame.margin_set_b50 {
		margin-bottom: 50px;
	}
		/* list_frame in frame */
		.frame_in_frame {
			background-color: #e4f3ff;
			max-width: 960px;
			margin: 0 auto;
			padding-bottom: 50px;
		}
			/* in frame bottom no_padding */
			.frame_in_frame.no_padding {
				padding-bottom: 0;
			}
		.frame_in_frame &gt; a {
			display: block;
		}
		.frame_in_frame &gt; a.tap {
			background-color: #228ad9;
		}

	/* list_frame (not in frame) */
	.list_frame ul {
		text-align: center;
	}
		/* question color */
		section.question_color .list_frame ul {
			max-width: 960px;
			margin: 0 auto;
		}

	.list_frame ul li {
		display: inline-block;
		vertical-align: middle;
	}
	.list_frame ul li a {
		display: block;
	}


	/* list img_only (img_onlycolumn_3) */
	.list_frame ul.img_only li img {
		width: 100%;
	}
	.list_frame ul.img_only li {
		margin: 18px;
	}

	/* list circle */
	.list_frame ul.circle li {
		position: relative;
		max-width: 210px;
		width: 39.07%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: #fff;
		margin: 15px 20px;
		overflow: hidden;
	}
		/* circle size */
		.list_frame ul.circle.w220 {
			max-width: 860px;
			margin: 0 auto;
		}
		.list_frame ul.circle.w220 li {
			max-width: 220px;
			margin: 15px 12px;
			min-width: auto;
		}
		.list_frame ul.circle.w200 li {
			max-width: 200px;
			margin: 15px 25px;
		}
		/* list margin update */
		.list_frame ul.circle.long_margin li {
			margin: 15px 5.5%;
		}
		/* list circle arrow_icon no_style */
		.list_frame ul.circle li.arrow {
			max-width: none;
			width: auto;
			background-color: transparent;
			padding: 0;
			border: none;
		}
		.list_frame ul.circle li.arrow img {
			max-width: 100%;
		}

	.list_frame ul.circle li {
		border: 2px solid #228ad9;
	}
	section.question_color .list_frame ul.circle li {
		border: 2px solid #555;
	}
	.list_frame ul.circle li a,
	.list_frame ul.circle li &gt; div {
		width: 100%;
		height: 100%;
		overflow: hidden;
		color: #228ad9;
	}
	.list_frame ul.circle li a.tap {
		opacity: .7;
	}
	.list_frame ul.circle li a.tap {
		opacity: 1;
		background-color: #228ad9;
	}
	section.question_color .list_frame ul.circle li a.tap {
		background-color: #bcbcbc;
	}
	.list_frame ul.circle li a p,
	.list_frame ul.circle li &gt; div p {
		position: absolute;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.list_frame ul.circle li a p:nth-of-type(1),
	.list_frame ul.circle li &gt; div p:nth-of-type(1) {
		position: relative;
		top: 0;
		left: 0;
		overflow: hidden;
		transform: none;
	}
	.list_frame ul.circle li a &gt; p:nth-of-type(1) img,
	.list_frame ul.circle li &gt; div &gt; p:nth-of-type(1) img {
		width: 100%;
		height: auto;
	}
	.list_frame ul.circle li a p:nth-of-type(2),
	.list_frame ul.circle li &gt; div p:nth-of-type(2) {
		top: 75%;
		left: 50%;
		width: 86%;
		height: auto;
		font-size: 1.4em;
		line-height: 1.3;
		font-weight: 700;
	}
	section.question_color .list_frame ul.circle li a p:nth-of-type(2),
	section.question_color .list_frame ul.circle li &gt; div p:nth-of-type(2) {
		color: #555;
	}
		/* in text line down set */
		.list_frame ul.circle li a p:nth-of-type(2).text_line_down,
		.list_frame ul.circle li &gt; div p:nth-of-type(2).text_line_down {
			top: 83%;
		}
	.list_frame ul.circle li &gt; a.tap p:nth-of-type(2) {
		color: #fff;
	}
		/* question_color */
		section.question_color .list_frame ul.circle li &gt; a.tap p:nth-of-type(2) {
			color: #fff;
		}

	.list_frame ul.circle li a:after {
		content: "";
		position: absolute;
		bottom: 5%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 9.2%;
		height: 5.6%;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	/* list circle set_arrow */
	.list_frame ul.circle li a.set_arrow:after {
		content: "";
		position: absolute;
		bottom: 5%;
		left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 9px;
		height: 13px;
		background-image: url("../img/arrow_R_green.png");
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.list_frame ul.circle li a.set_arrow.tap:after {
		background-image: url("../img/arrow_R_white.png");
	}
		/* question_color */
		section.question_color .list_frame ul.circle li a.set_arrow:after {
			background-image: url("../img/question/arrow_R_gray.png");
		}
		section.question_color .list_frame ul.circle li a.set_arrow.tap:after {
			background-image: url("../img/question/arrow_R_white.png");
		}

	.list_frame ul.circle li a.set_arrow p:nth-of-type(2),
	.list_frame ul.circle li &gt; div.set_arrow p:nth-of-type(2) {
		top: 70%;
		font-size: 1.3em;
	}

	/* list square */
	.list_frame ul.square li {
		width: 37.5%;
		max-width: 450px;
		margin: 25px 2.5%;
		vertical-align: top;
	}
	.list_frame ul.square li a {
		display: table;
		width: 100%;
		height: 100%;
		text-decoration: none;
		border: 2px solid #228ad9;
	}
	.list_frame ul.square li a.tap {
		background-color: #228ad9;
	}
	.list_frame ul.square li a p {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	.list_frame ul.square li a p:nth-of-type(1) {
		width: 56%;
	}
	.list_frame ul.square li a p:nth-of-type(2) {
		width: 44%;
		font-size: 1.6em;
		font-weight: bold;
		color: #228ad9;
	}
	.list_frame ul.square li a.tap p:nth-of-type(2) {
		color: #FFF;
	}
	.list_frame ul.square li a p img {
		max-width: 100%;
	}

	/* square_over_balloon_list */
	.list_frame ul.square_over_balloon li {
		border: 2px solid #228ad9;
		margin: 120px 5.5% 60px;
	}
	.list_frame ul.square_over_balloon li a {
		position: relative;
		padding: 90px 0 60px;
		text-decoration: none;
		background-color: #fff;
	}
	.list_frame ul.square_over_balloon li a.tap {
		background-color: #228ad9;
	}
	.list_frame ul.square_over_balloon li a .balloon {
		position: absolute;
		top: -60px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.list_frame ul.square_over_balloon li a .balloon img {
		max-width: 100%;
		padding: 0 20px;
	}
	.list_frame ul.square_over_balloon li a .circle {
		position: relative;
		margin: 0 50px;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; div {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		padding: 20px 10px;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		background-color: #228ad9;
		z-index: 1;
	}
	.list_frame ul.square_over_balloon li a.tap .circle &gt; div {
		background-color: #fff;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; div p {
		min-height: 64px;
		position: relative;
		width: 100%;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; div p span {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		font-size: 1.4em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.list_frame ul.square_over_balloon li a.tap .circle &gt; div p span {
		color: #228ad9;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; p {
		display: block;
		position: relative;
		z-index: 2;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; p img {
		max-width: 100%;
	}
	.list_frame ul.square_over_balloon li a .text {
		position: relative;
		min-height: 54px;
		margin-top: 20px;
		text-align: center;
	}
	.list_frame ul.square_over_balloon li a .text p {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		font-size: 1.8em;
		font-weight: bold;
		color: #228ad9;
		-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.list_frame ul.square_over_balloon li a.tap .text p {
		color: #fff;
	}

	/* icon tap animation */
	.list_frame ul.circle li a.tap img,
	.list_frame ul.circle li a:focus img,
	.list_frame ul.square li a.tap img,
	.list_frame ul.square li a:focus img {
		-webkit-animation: icon-anime 0.4s ease 0s 1 normal;
		animation: icon-anime 0.4s ease 0s 1 normal;
	}
	@-webkit-keyframes icon-anime {
		0% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
		50% { -ms-transform: translate(0, -3%); -webkit-transform: translate(0, -3%); transform: translate(0, -3%); }
		100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	}
	@keyframes icon-anime {
		0% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
		50% { -ms-transform: translate(0, -10%); -webkit-transform: translate(0, -10%); transform: translate(0, -10%); }
		100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	}

	/* other */
	.img_frame {
		text-align: center;
		padding: 0 10px 50px;
	}
	.img_frame img {
		max-width: 100%;
	}

	.bottom_btn {
		width: 100%;
		text-align: center;
		margin: 55px 0 20px;
	}
	.bottom_btn a {
		display: inline-block;
		width: 78%;
		max-width: 500px;
		background-color: #fcc419;
		min-height: 80px;
		text-decoration: none;
		padding: 0 10px;
	}
	.bottom_btn a.tap {
		opacity: .7;
	}
	.bottom_btn a:before {
		content: "";
		height: 80px;
		vertical-align: middle;
		display: inline-block;
		width: 0px;
	}
	.bottom_btn a span {
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		font-size: 2.4em;
		max-width: calc(100% - 72px);
	}
	.w_pc .oshirase{
		margin: 50px auto 5%;
    	width: 80%;
    	max-width: 600px;
    	background-color: #228ad9;
    	min-height: 80px;
    	text-decoration: none;
    	padding: 0 10px;
    	font-size: 1.5em;
	}
	.w_pc .oshirase a{
	    background-color: #228ad9;
	}
	.oshirase:hover,
	.shuhai:hover{
		   opacity: 0.7;
	}
	.w_pc .shuhai{
		margin: 50px auto 5%;
    	width: 80%;
    	max-width: 600px;
    	min-height: 80px;
    	text-decoration: none;
    	padding: 0 10px;
    	font-size: 1.5em;
		background-color: #fcc419;
	}
	.oshirase a span,
	.shuhai a span{
		font-size: 1.3em!important;
	}
	/* point pop map */
	.map_frame {
		position: relative;
		margin: auto;
	}
	#map_white_back{
		position: absolute;
		top: 0;
		left: 50%;
		background-color: #fff;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		z-index: 1;
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	.map_frame &gt; img {
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.map_frame .point_list {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
	}
	.map_frame .point_list li {
		position:absolute;
	}
	.map_frame .point_list li a {
		width: 100%;
		height: 100%;
		-webkit-animation: out-points-rotate 4s linear 0s infinite normal;
		animation: out-points-rotate 4s linear 0s infinite normal;
	}
	.map_frame .point_list li a.tap {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	@-webkit-keyframes out-points-rotate {
		0% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		100% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	}
	@keyframes out-points-rotate {
		0% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		100% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	}
	.map_frame .point_list li a div {
		width: 100%;
		height: 100%;
		margin-top: 20%;
		-webkit-animation: in-points-rotate 4s linear 0s infinite normal;
		animation: in-points-rotate 4s linear 0s infinite normal;
	}
	.map_frame .point_list li a.tap div {
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
	@-webkit-keyframes in-points-rotate {
		0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	@keyframes in-points-rotate {
		0% { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
		100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}

	.map_frame .point_list li a div span {
		display: block;
		width: 100%;
		height: 100%;
		-ms-transition: 0.2s linear;
		-webkit-transition: 0.2s linear;
		transition: 0.2s linear;
	}
	.map_frame .point_list li a.tap div span {
		-ms-transform: scale(1.3);
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
		/* modal(pop) area */
		#modal_container {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100001;
			background: rgba(34, 138, 217, 0.8)
			text-align: center;
			display: none;

			overflow-y: auto;
			overflow-x: hidden;
		}
		#modal_container .modal_cover {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			height: 950px;
		}
		#modal_container:after {
			content: "";
			display: inline-block;
			width: 0px;
			height: 100%;
			vertical-align: middle;
		}
		.modal_inner {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0);
		}
		.modal_content {
			display: none;
			width: 850px;
			height: 850px;
			background-color: #fff;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			margin: 40px 0;
		}
		.modal_content .icon {
			overflow: hidden;
			max-height: 175px;
		}
		.modal_content .icon img {
			max-width: 100%;
		}
		.modal_content .title {
			width: 80%;
			margin: 0 auto;
		}
		.modal_content .title h4 {
			font-size: 2.5em;
			font-weight: bold;
			color: #228ad9;
		}
		.modal_content .title p {
			margin-top: 10px;
			font-size: 1.5em;
		}
		.modal_content .main_content {
			width: 49.412%;
			margin: 30px auto 0;
		}
		.modal_content .main_content .img {
			width: 100%;
		}
		.modal_content .main_content .img img {
			max-width: 100%;
		}
		.modal_content .main_content .box {
			width: 100%;
			display: table;
			margin-top: 25px;
		}
		.modal_content .main_content .box &gt; div {
		    display: table-cell;
			vertical-align: top;
			width: 50%;
		}
		.modal_content .main_content .box &gt; div:nth-of-type(1) {
			padding-right: 5px;
		}
		.modal_content .main_content .box &gt; div:nth-of-type(2) {
			padding-left: 5px;
		}
		.modal_content .main_content .box &gt; div p {
			margin-top: 1px;
			font-size: 1.4em;
			font-weight: bold;
			color: #000;
			text-align: center;
			background-color: #e6e9ee;
		}
		.modal_content .main_content .box &gt; div p:first-child {
			color: #fff;
			background-color: #228ad9;
			margin-top: 0;
		}
		.modal_content .main_content .box &gt; div p:after {
			content: "";
			display: inline-block;
			height: 42px;
			vertical-align: middle;
			width: 0;
		}
		.modal_content .main_content .box &gt; div p span {
			display: inline-block;
			vertical-align: middle;
		}
		.modal_content .main_content .text {
			margin-top: 20px;
			font-size: 1.4em;
			text-align: left;
		}
		#modal_container .close {
			position: relative;
			width: 70px;
			height: 70px;
			background-color: #fff;
			-ms-border-radius: 50%;
			-webkit-border-radius: 50%;
			border-radius: 50%;
			margin: 0 auto 40px;
			cursor: pointer;
		}
		#modal_container .close p {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

	/* list one_img set */
	.one_img {
		max-width: 100%;
		text-align: center;
		padding-top: 40px;
	}
	.one_img img {
		max-width: 100%;
	}

	/* newsList */
	.news_list {
		width: 100%;
		padding-top: 10px;
		max-width: 980px;
		margin: 0 auto;
	}
	.news_list li {
		padding-top: 25px;
		padding-bottom: 24px;
		border-bottom: 1px solid #000;
	}
	.news_list li:first-child {
		padding-top: 0px;
	}
	.news_list li .data {
		margin-bottom: 10px;
	}
	.news_list li .data p {
		display: inline-block;
		vertical-align: middle;
	}
	.news_list li .data p.date {
		font-size: 1.5em;
		line-height: 2.1;
	}
	.news_list li .data p.tag {
		padding: 0 15px;
		margin-left: 10px;
		background-color: #228ad9;
	}
	.news_list li .data p.tag.important {
		background-color: #fa000c;
	}
	.news_list li .data p.tag span {
		font-size: 1.3em;
		line-height: 1.5;
		color: #fff;
	}
	.news_list li .text {
		font-size: 1.4em;
		line-height: 1.5em;
	}
	.news_list li .text a {
		color: #000;
		text-decoration: none;
	}
	.news_list li .text a.tap {
		color:#228ad9;
		text-decoration: underline;
	}

/* sp view set ( contents ) */
@media screen and (max-width: 767px) {

	/* section */
	section {
		padding: 0 0 20px 0;
	}
		/* column_2 */
		section .column_2 {
			padding: 0;
		}
		section .column_2 .inner {
			display: block;
			width: 100%;
			padding: 0 0 20px 0 !important;
		}

	/* subject */
	h2 {
		margin-bottom: 20px;
		padding: 6px 10px;
	}
	h2 p span {
		display: inline-block;
		font-size: 1.25em;
		text-align: left;
		color: #fff;
	}
	h2 p.icon {
		width: 48px;
		height: 48px;
	}
	h2 p:nth-of-type(2) {
		max-width: calc(100% - 48px);
	}
	h3 {
		padding: 20px 0;
		padding: 3%!important;
	}
	h3 p span {
		font-size: 1.5em;
	}

	/* list_frame in frame */
	.frame_in_frame {
		padding-bottom: 20px;
	}
	/* list circle */
	.list_frame ul.circle li {
		width: 48%;
		margin: 15px 2px !important;
		min-width: 130px;
	}
		/* in frame circle size mini */
		.list_frame ul.circle.sp_mini li {
			width: 38%;
			margin: 15px 12px !important;
		}

	.list_frame ul.circle li a p:nth-of-type(2),
	.list_frame ul.circle li &gt; div p:nth-of-type(2) {
		font-size: 1em!important;
	}
	/* list circle arrow_icon no_style */
	.list_frame ul.circle li.arrow {
		width: 15px;
		margin: 0 !important;
	}
	.list_frame ul.circle li a.set_arrow:after {
		bottom: 0;
	}

	/* list square */
	.list_frame ul.square li {
		width: 100%;
		margin: 25px auto 0;
	}
	.list_frame ul.square li:last-child {
		margin: 25px auto 25px;
	}
	/* square_over_balloon_list */
	.list_frame ul.square_over_balloon li {
		width: 46%;
		max-width: 182px;
		margin: 25% 2px 12%;
	}
	.list_frame ul.square_over_balloon li a {
		padding: 60% 0 30%;
	}
	.list_frame ul.square_over_balloon li a .balloon {
		top: -13%;
	}
	.list_frame ul.square_over_balloon li a .circle{
		margin: 0 5px;
	}
	.list_frame ul.square_over_balloon li a .circle &gt; div p span {
		font-size: 1em;
		top: 20%;
	}
	.list_frame ul.square_over_balloon li a .text {
		min-height: 40px;
		margin-top: 10px;
	}
	.list_frame ul.square_over_balloon li a .text p {
		font-size: 1.2em;
	}


	/* list one_img set */
	.list_frame ul.img_only li{
		width: 53%;
		margin: 9px;
	}

	/* other */
	.bottom_btn {
		margin: 15px 0 10px;
	}
	.bottom_btn a {
		min-height: 40px;
		width: 100%;
	}
	.bottom_btn a:before {
	}
	.bottom_btn a span {
		font-size: 1.6em;
	}
	.bottom_btn a:after {
		width: 10px;
		height: 10px;
		margin-left: 10px;
		margin-top: -8px;
	}
	.img_frame {
		padding: 0 10px 20px;
	}




	/* point pop map */
	.inner.no_padding .map_frame {
		width: 112%;
		position: relative;
		left: 50%;
		-ms-transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	#modal_container .modal_cover {
		display: table-cell;
		height: auto;
	}
	#modal_container:after {
		display: table-cell;
	}
	.modal_inner {
		position: relative;
		left: 0;
		transform: none;
	}
	.modal_content{
		-ms-border-radius: 20px;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		margin-top: 20px;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.modal_content .icon {
		max-height: 150px;
	}
	.modal_content .title h4 {
		font-size: 2em;
		font-weight: bold;
	}
	.modal_content .title p {
		font-size: 1.7em;
		margin-top: 0;
	}
	.modal_content .main_content {
		width: 90%;
		margin: 10px auto 0;
	}
	.modal_content .main_content .img {
		width: 85%;
		margin: 0 auto;
	}
	.modal_content .main_content .box {
		margin-top: 10px;
	}
	.modal_content .main_content .box &gt; div p {
		font-size: 1em;
	}
	.modal_content .main_content .box &gt; div p:after {
		height: 32px;
	}
	.modal_content .main_content .box &gt; div p:nth-of-type(2):after {
		height: 24px;
	}
	.modal_content .main_content .text {
		font-size: 1.7em;
	}
	#modal_container .close {
		width: 35px;
		height: 35px;
		margin: 20px auto 40px;
	}
	#modal_container .close p img {
		max-width: 100%;
	}
	.w_sp .oshirase,
	.w_sp .shuhai{
		margin: 5% auto 10%;
		width: 95%;
		max-width: 330px;
		font-size:1.2em;
	}
	.w_sp .oshirase,
	.w_sp .oshirase a{
		background-color: #228ad9;
	}
}

/* 20180508_add */
.inner p {
    margin-bottom: 1%;
}

/* roundicon_background */
a.set_arrow {
    overflow: hidden;
}

div#g_navi ul {background-color: #ececec;max-width: none;padding: 0;display: table;}

@media screen and (max-width: 768px) {
div#g_navi ul {background: none;}

}

div#g_navi {
    max-width: none;
    padding: 0;
    border: solid 1px;
}

.inner.no_padding {
    max-width: none;
    padding: 0!important;
}

/* 202101_add */
#visualTabAreaInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.visualTabArea #visualTabAreaInner .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /* height: auto; */
  max-height: none;
  width: 23.5%;
}
.visualTabArea #visualTabAreaInner .tab_btn {
  display: block;
  width: 100%;
  height: 50%;
}
#visualTabAreaInner .tab_item a {
  text-decoration: none;
}
.visualTabArea #visualTabAreaInner .tab_content {
  width: 76.5%;
}
.visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area {
  width: 50%;
  height: 100%;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area .title {
  line-height: 1.2;
}

@media screen and (min-width: 769px) {
  .visualTabArea #visualTabAreaInner .tab {
    min-height: 224px;
    max-height: 320px;
  }
  .visualTabArea #visualTabAreaInner .tab_btn {
    /* min-height: 112px; */
    max-height: 120px;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab a {
    min-height: 112px;
    max-height: 160px;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area .title {
    font-size: 3.5em;
  }
  #visualTabAreaInner .tab_item .tab_image {
    width: 100%;
    text-align: right;
    margin-right: 5%;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 img{
    /*width: 38%;*/
	width: 30%;
    height: auto;
	vertical-align: middle;
  }
	.visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 .oricon_cap{
		display: inline-block;
	width: 35%;
    height: auto;
	vertical-align: middle;
	color: #FFF;
	text-align: center;
	font-size:1.5em;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 .oricon_cap .year_txt {
		font-size: 1.2em;
	}
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_2 img,
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_3 img,
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_4 img {
    width: 40%;
    height: auto;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 img.logo_item{
    width: 35%;
    padding-right: 120px;
  }
  #visualTabAreaInner .tab_item {
    height: 100%;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content .size_set {
    min-height: 336px;
    /* max-height: 320px; */
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .visualTabArea #visualTabAreaInner .tab {
    width: 28%;
    min-height: 120px;
  }
  .visualTabArea #visualTabAreaInner .tab a {
    padding: 5px 0;
    font-size: 1.2em;
    line-height: 1.3;
  }
  .visualTabArea #visualTabAreaInner .tab_content {
    width: 72%;
    min-height: 180px;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area .title {
    display: none;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area .txt {
    font-size: 1.2em;
    line-height: 1.5;
    text-align: center;
    margin-top: 10px;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content &gt; div .tab_inner .text_area {
    position: relative;
    display: block;
    width: 100%;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: 0;
    right: 0;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 img{
    width: 150px;
    height: auto;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 img.logo_item{
    width: 80px;
    padding-right: 10px;
  }
	.visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 .oricon_cap{
		display: inline-block;
		text-align: center;
		color: #FFF;
		width: 150px;
		height: auto;
		font-size: 1.2em;
	}
	.visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 .oricon_cap .year_txt {
		font-size: 1.25em;
	}


  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_2 img,
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_3 img,
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_4 img {
    width: 54.7%;
    height: auto;
    max-width: 200px;
  }
}
.visualTabArea.top_page #visualTabAreaInner .tab a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: none;
}
.visualTabArea.top_page #visualTabAreaInner .tab_btn.bc_1 {
  background-color: #228ad9;
}
.visualTabArea.top_page #visualTabAreaInner .tab_btn.bc_2 {
  background-color: #062876;
}
.visualTabArea.top_page #visualTabAreaInner .tab_btn.bc_3 {
  background-color: #fcc419;
}
.visualTabArea.top_page #visualTabAreaInner .tab_btn.bc_4 {
  background-color: #ff8788;
}
@media print {
  .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_1 img, .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_2 img, .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_3 img, .visualTabArea.top_page #visualTabAreaInner .tab_content #tab_4 img {
    width: 47.7%;
    height: auto;
  }
  .visualTabArea.top_page #visualTabAreaInner .tab_content .size_set {
    min-height: 360px;
    /* max-height: 320px; */
  }
}

.page_link{
	margin-top: -170px;
    padding-top: 170px;
    }
@media screen and (max-width: 768px) {
    .page_link{
		margin-top: -70px;
    	padding-top: 70px;
    }
}

/* 20190731_add */
section .column_2.column_2_moving .inner:nth-of-type(1) {
    padding: 0 1px 437px 0;
}

.inner.inner_column_2_style{
	vertical-align: top;
}

/* 20190807_add */
span#btn_annotation{
	max-width: initial;
	/* margin-bottom: 10px; */
	font-size: 21px;
	color: red;
}

@media screen and (min-width: 768px) and (max-width: 1090px){
	span#btn_annotation{
		font-size: 1.85vw;
	}
}

/* 20190821_add */
span.under_arrow{
	margin-bottom: 10px;
}

@media screen and (max-width: 416px){
	span#btn_annotation{
		font-size: 4.5vw;
	}
}

/* 20211025_add */
.menu_c_support .category_top.tap {
	color: #fcc419;
}

.menu_c_support.on_color a span{
	color: #fcc419;
}

@media screen and (max-width: 768px) {

.menu_c_support .category_top.tap {
	color: #fff;
	background-color: #fcc419!important;
}

.menu_c_support.on_color a.category_top.tap span {
	color: #fff;
}

.menu_c_support.on_color .category_top.tap {
	background-color: #fcc419;
}
}
</pre></body></html>