@charset "UTF-8";
/*******************************************************
	RESET
*******************************************************/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;font-style: normal;vertical-align:baseline;background:transparent;}
body {line-height:1;-webkit-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol {list-style:none;}
img {border: 0;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
a:link, a:visited, a:active {text-decoration: underline;}
a:hover {text-decoration: none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
textarea {resize: vertical;}

/*******************************************************
	DEFAULT
*******************************************************/
html {
	overflow-y: scroll;
	font-size: calc(100vw / 4.14);
}
body {
	color: #4D4D4D;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",YuGothic,"游ゴシック",sans-serif;
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 0.18rem;
	font-feature-settings:'palt';
}
h1,h2,h3,h4,h5,h6 { line-height: 1.3;}
p,ul,dl {
	line-height: 1.6;
}
a {
	color: inherit;
	outline: none;
}
img {
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
	-webkit-backface-visibility: hidden;
}
figure {
	margin: 20px auto;
	text-align: center;
}

/*******************************************************
	STYLE (Responsive - Mobile first)
*******************************************************/
/*==============================
	Layout
==============================*/
body {
	padding: 56px 0 80px;
	position: relative;
}
.inner {
	padding-left: 3%;
	padding-right: 3%;
}
.header {
	background: #000519;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 100;
}
.header h1,
.header p {
	display: none;
	font-weight: normal;
}
.header__logo {
	font-size: 0;
	padding: 0 3%;
	position: relative;
}
.header__logo strong {
	display: table-cell;
	vertical-align: middle;
	height: 56px; /*--------------------------*/
}
.header__logo strong img {
	width: 84vw;
	max-width: 350px;
	vertical-align: middle;
}

.header .header__nav__btn {
	position: fixed;
	bottom: 0;
	right: 0;
	background: none;
	display: block;
	width: 25% !important;
	height: 58px;/*--------------------------*/
	cursor: pointer;
	color: #fff;
	border: none;
	outline: none;
	z-index: 100;
}
.header .header__nav__btn span {
	display: block;
	margin: 33px 0 0 0.1em;
	letter-spacing: 0.5px;
	font-size: 11.5pt !important;
	line-height: 1;
}
.header .header__nav__btn::before,
.header .header__nav__btn::after,
.header .header__nav__btn span::before {
	position: absolute;
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background: #fff;
	left: calc(50% - 15px);
}
.header .header__nav__btn::before {top: 10px;}
.header .header__nav__btn::after {top: 19px;}
.header .header__nav__btn span::before {top: 28px;}
.header .header__nav__btn.active {font-size: 0;}
.header .active::before {
	transform: rotate(45deg);
	top: 28px;
}
.header .active::after {
	transform: rotate(-45deg);
	top: 28px;
}
.header .active span,
.header .active span::before {
	display: none;
}

.header .header__nav__menu {
	display: none;
	width: 100%;
	background: rgba(0, 5, 25, 0.9);
	position: fixed;
	left: 0;
	bottom: 58px;/*--------------------------*/
	text-align: left;
	z-index: 1;
}
.header .header__nav__menu li a {
	color: #fff;
	text-decoration: none;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px 5% 10px;
	cursor: pointer;
	width: auto;
	letter-spacing: 0;
}
.header .header__nav__menu li:first-of-type a {
	border-top: none;
}


.footer small {
	display: block;
	color: #fff;
	background: #000519;
	padding: 15px;
	font-size: 0.75em;
}
.footer small span {
	font-size: 1.7em;
	vertical-align: middle;
}
.footer__btn {
	text-align: left;
	font-size: 0;
	left: 0;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #000519;
	z-index: 10;
}
.footer__btn li {
	display: inline-block;
	text-align: center;
	width: 25%;
}
.footer__btn li img {
	width: auto;
	height: 44px;/*--------------------------*/
	vertical-align: top;
}
.footer__btn li a {
	display: block;
	border-right: 1px solid #FFF;
	padding: 7px 0;/*--------------------------*/
	text-decoration: none;
}

.footer .pagetop {
	font-size: 0;
	position: fixed;
	bottom: 90px;
	right: 2%;
}
.footer .pagetop a {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	padding: 0;
	background: rgb(196,196,196,0.4);
	z-index: 100;
	text-decoration: none;
}
.footer .pagetop a::after {
	position: absolute;
	content: "";
	top: 13px;
	left: 13px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 20px solid #FFF;
}




/*==============================
	Module
==============================*/
.sec__mv {
	font-size: 0;
	background-color: #012332;
	padding: 15% 0 0;
	position: relative;
	overflow: hidden;
}
.sec__mv h2 {
	padding: 15px 2% 0;
}
.sec__mv h2 strong {
	display: block;
}
.sec__mv h2 strong img {
	max-width: 500px;
}
.sec__mv__catch {
	position: absolute;
	text-align: left;
	top: 13px;
	left: 3%;
	width: 97%;
}
.sec__mv__catch span {
	display: block;
	margin-bottom: 10px;
}
.sec__mv__catch img {
	width: auto;
	height: 4.7vw;
	margin-right: 3%;
}

.sec__mv__method {
	text-align: left;
	margin: 0 -3%;
}
.sec__mv__method img {
	width: auto;
	vertical-align: middle;
	height: 8.8vw;
}
.sec__mv__method span img {
	height: 9.6vw;
}
.sec__mv__method strong img {
	height: 18.1vw;
}
.sec__mv__method:nth-of-type(1) img {
	margin-right: 4%;
}

.sec__mv__method:nth-of-type(1) strong img {
	margin: -5% 0 -5% -3%;
}
.sec__mv__method:nth-of-type(2) span img {
	margin-left: -3%;
}

.sec__mv__method:nth-of-type(1) {
	background: url(../img/sec__mv__ph01.png) no-repeat -20% 15%;
	background-size: auto 80%;
	padding: 0 0 8% 48%;
	padding: 0 0 12% 0;
	text-align: right;
}
.sec__mv__method:nth-of-type(1) span,
.sec__mv__method:nth-of-type(1) strong {
	display: block;
	text-align: left;
	padding-left: 46%;
}
.sec__mv__method:nth-of-type(2) {
	background: url(../img/sec__mv__ph02.png) no-repeat 88% 100%;
	background-size: contain;
	padding: 11% 0 3% 3%;
	margin-top: -10%;
}

.fee__tbl {
	width: 100%;
	margin: 0 auto 0.5em;
	max-width: 500px;
}
.fee__tbl th,
.fee__tbl td {
	vertical-align: middle;
	border-top: 1px solid #00316E;
	border-bottom: 1px solid #00316E;
}
.fee__tbl .fee__tbl--bdno td {
	border: none;
	padding: 0;
	text-align: center;
}
.fee__tbl th {
	background: #DEF0FC;
	font-size: 1.1em;
	text-align: left;
	padding: 12px 0 12px 2%;
	border-left: 1px solid #00316E;
}
.fee__tbl th span {
	font-size: 0.7em;
	margin-left: -0.5em;
	letter-spacing: -0.05em;
}
.fee__tbl td {
	text-align: right;
	padding: 12px 1%;
	border-right: 1px solid #00316E;
}
.fee__tbl td img {
	width: auto;
	object-fit: cover;
	height: 5.2vw;
	max-height: 20px;
	margin: 0 1px;
}

.sec {
	padding-bottom: 5px;
}
.sec h3 {
	background: #012332;
	font-size: 1.9em;
	color: #FFF;
	padding: 20px 0;
	margin-bottom: 20px;
	font-weight: 900;
}
.sec h3 strong {
	display: block;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 13px 0;
}
.sec p {
	text-align: justify;
	margin-bottom: 0.7em;
}
.sec p span {
	display: inline-block;
}
.sec p strong {
	color: #FFFF00;
	font-weight: normal;
}


.spplan {
	margin: 0 0 3px !important;
	font-size: 0.96em !important;
	letter-spacing: -0.05em !important;
}
.spplan img {
	width: 3.5em;
	margin-right: 0.2em;
	vertical-align: middle;
}
.spplan span {
	display: inline-block;
	margin: 0 -0.3em;
}
.spplan span.f--em {
	margin-bottom: 0.25em;
}



.sec__intro {
	overflow: hidden;
	padding: 15px 0 30px;
}
.sec__intro p {
	text-align: left;
	margin-right: -3%;
	letter-spacing: -0.02em;
}
.sec__intro p:nth-of-type(2) {
	margin-right: -3%;
}
.sec__intro__list {
	background: #E3F2FE;
	padding: 0.3em 0 0.3em 3%;
	color: #001E6C;
	text-align: left;
	margin: 0.8em -3.1%;
	counter-reset: number 0;
}
.sec__intro__list li {
	position: relative;
	font-size: 1.25em;
	padding-left: 1.2em;
	margin: 0.7em 0;
	font-weight: 600;
}
.sec__intro__list li:before {
	position: absolute;
	left: 0;
	top: 0;
	counter-increment: number 1;
	content: counter(number);
	display: block;
	font-size: 0.9em;
	color: #E3F2FE;
	height: 1.1em;
	width: 1.1em;
	text-align: center;
	line-height: 1.1;
	border-radius: 50%;
	background: #001E6C;
	font-family: 'Shippori Mincho', serif;
}

.sec__intro__menu {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",YuGothic,"游ゴシック",sans-serif;
	font-weight: normal;
	margin: 1em auto;
	width: 70%;
	max-width: 500px;
}
.sec__intro__menu dt {
	border: 1px solid #D7D5D5;
	background: #E8E7E7;
	font-size: 1.1em;
	color: #0C162C;
	padding: 0.4em 0;
}
.sec__intro__menu dt::before {
	content: "";
	display: inline-block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #0C162C transparent transparent transparent;
	border-width: 0.8em 0.6em 0 0.6em;
	margin-right: 0.5em;
}
.sec__intro__menu dt.close::before {
	border-color: transparent transparent #0C162C transparent;
	border-width: 0 0.6em 0.8em 0.6em;
}

.sec__intro__menu dd {
	background: #FCFCFC;
	text-align: left;
	font-size: 0.9em;
}
.sec__intro__menu dd li {
	border-bottom: 1px dotted #7E7E7E;
}
.sec__intro__menu dd a {
	display: block;
	text-decoration: none;
	padding:  0.5em 1em;
}
.sec__intro__menu dd a::before {
	content: "・";
}

.sec__intro p.f--srf--nt {
	background: rgb(0,23,100);
	background: linear-gradient(0deg, rgba(0,23,100,1) 0%, rgba(11,48,128,1) 50%, rgba(0,23,100,1) 100%);
	padding: 17px 0;
	font-size: 1.35em;
	color: #FFF;
	margin: 20px -3% 0;
	line-height: 1;
	text-align: center;
	font-weight: 700;
}
.sec__intro p.f--srf--nt .f--em{
	margin: -0.2em 0 0 -0.1em;
}

.sec__intro .fee__tbl {
	margin: 1em auto 0;
}

.detail__btn {
	position: relative;
	display: inline-block;
	background: #012332;
	border-radius: 10px;
	font-size: 0.19rem;
	padding: 9px 1.5em 11px;
	color: #FFF;
	margin: 8px 0 32px;
	text-decoration: none !important;
}
.detail__btn::after {
	position: absolute;
	content: "";
	display: inline-block;
	left: calc(50% - 14px);
	bottom: -16px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #012332 transparent transparent transparent;
	border-width: 16px 14px 0 14px;
}

.sec__cont {
	counter-reset: number 0;
	color: #FFF;
}
.sec__cont .sec:before {
	counter-increment: number 1;
	content: counter(number);
	font-size: 1.6em;
	color: #012332;
	text-align: center;
	height: 1.1em;
	width: 1.1em;
	line-height: 1.1;
	border-radius: 50%;
	background: #FFF;
	margin: auto;
	font-family: 'Shippori Mincho', serif;
	font-weight: 700;
}
.sec__cont .sec {
	padding: 10px 0 0;
	background: #012332;
}

.sec__cont h3 {
	padding: 10px 0 0;
}
.sec__cont h4 {
	font-size: 1.5em;
	margin: 25px 0 15px;
	color: #FFFF00;
	font-weight: bold;
}
.sec__cont h4 span {
	font-weight: bold;
}
.sec__cont h4 span.f--em.f--srf--nt {
	margin: -0.2em 0 0 -0.2em;
}

.sec__cont .sec__cont__heading strong {
	display: inline-block;
	border-bottom: 1px solid #FFF;
	padding: 0 1px 4px;
	margin-bottom: 8px;
	font-weight: bold;
}
.sec__cont figure {
	width: 64%;
}

.sec__box {
	background: #FFF !important;
	border-radius: 10px 10px 0 0;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3) inset;
	color: #4D4D4D;
	margin: 25px 3% 0;
	padding-bottom: 30px;
}
.sec__box h4 {
	font-weight: bold;
	font-size: 1.55em;
	color: #070F35;
	border-bottom: 2px solid #1C4972;
	box-shadow: 0px 3px 2px -3px rgba(0,0,0,1.0);
	padding: 20px 0 15px;
	margin: 25px 1% 15px;
}

.sec__fee {
	background: #FFF !important;
	color: #4D4D4D;
	padding-bottom: 30px;
}
.sec__fee h4 {
	background: #012332;
	color: #FFF;
	font-size: 1.6em;
	padding: 20px 0;
	position: relative;
	margin: 0 0 15px;
	font-weight: 900;
}
.sec__fee h4 span {
	display: inline-block;
	padding: 10px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.sec__fee h4::before,
.sec__fee h4::after {
	position: absolute;
	content: "";
	display: block;
	width: 50%;
}
.sec__fee h4::before {
	border-top: 1px solid #FFF;
	top: 20px;
	right: 0;
}
.sec__fee h4::after {
	border-bottom: 1px solid #FFF;
	bottom: 20px;
	left: 0;
}

.sec__fee .notes {
	margin: 0 auto;
	max-width: calc(500px - 1em);
}

#sec__cont1 section:nth-of-type(1) {
	border-bottom: 20px solid #FFF;
	padding-bottom: 20px;
}
#sec__cont1 section:nth-of-type(2) {
	border-bottom: 20px solid #FFF;
}
#sec__cont1 section:nth-of-type(3) {
	padding-bottom: 20px;
}
#sec__cont1 section:nth-of-type(5) {
	border-top: 20px solid #FFF;
}
#sec__cont1 section:nth-of-type(5) {
	border-top: 20px solid #FFF;
	border-bottom: 20px solid #FFF;
}
#sec__cont1 section:nth-of-type(7) {
	border-top: 20px solid #FFF;
	padding-bottom: 20px;
}

#sec__cont2 section:nth-of-type(1){
	border-bottom: 20px solid #FFF;
}
#sec__cont3 section:nth-of-type(1),
#sec__cont3 section:nth-of-type(2){
	border-bottom: 20px solid #FFF;
	padding-bottom: 20px;
}

#sec__cont1 section:nth-of-type(2) figure {
	width: 100%;
	overflow: hidden;
}
#sec__cont1 section:nth-of-type(2) figure span:nth-of-type(1) img {
	width: 46%;
	margin-left: 3%;
}
#sec__cont1 section:nth-of-type(2) figure span:nth-of-type(2) img {
	width: 60%;
	transform: scale(-1, 1);
	margin-right: -11%;
}

#sec__cont1 .sec__fee h4 {
	margin: 0;
}
#sec__cont1 .sec__fee .f--srf--nt.ta--center {
	font-size: 0.95em;
	margin-top: 1.3em;
}

.sec__cont1__mechanism li {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
.sec__cont1__mechanism li::after {
	position: absolute;
	content: "";
	display: inline-block;
	left: calc(50% - 26px);
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #0449A0 transparent transparent transparent;
	border-width: 26px 26px 0 26px;
}
.sec__cont1__mechanism li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
}
.sec__cont1__mechanism li:last-of-type::after {
	display: none;
}

.sec__cont1__mechanism p {
	text-align: center;
	background: #002333;
	color: #FFF;
	padding: 5px 0;
	font-size: 1.05em;
}
.sec__cont1__mechanism figure {
	width: 56%;
}

.sec__cont1__schedule,
.sec__cont1__schedule tbody,
.sec__cont1__schedule tr {
	display: block;
	width: 100%;
}
.sec__cont1__schedule tr {
	border: 1px solid #002333;
	margin: 27px 0;
}
.sec__cont1__schedule th {
	background: #002333;
	width: 40%;
	float: left;
	padding: 10px 0;
	color: #FFF;
	position: relative;
}
.sec__cont1__schedule td {
	float: right;
	text-align: left;
	width: 50%;
	padding: 10px 5% 10px 5%;
	color: #002333;
}
.sec__cont1__schedule th::after {
	position: absolute;
	content: "";
	display: inline-block;
	left: calc(50% - 14px);
	bottom: -16px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #012332 transparent transparent transparent;
	border-width: 16px 14px 0 14px;
}
.sec__cont1__schedule tr:last-of-type th::after {
	display: none;
}
.sec__cont1__schedule tr:nth-of-type(odd) td {
	background: #DDEDF5;
}

#sec__cont1 section:nth-of-type(5) figure {
	width: 100%;
}
#sec__cont1 section:nth-of-type(5) figure img {
	max-width: 500px;
}
#sec__cont1 section:nth-of-type(4) {
	margin-bottom: 30px;
}
#sec__cont1 section:nth-of-type(4) .ta--center.f--srf--nt {
	background: #99002B;
	color: #FFF;
	font-size: 1.2em;
	padding: 8px 0 10px;
	border-radius: 12px;
}
#sec__cont1 section:nth-of-type(6) {
	background: #F00;
	background: #FFF;
	color: #4D4D4D;
	padding: 20px 0 1em;
}
#sec__cont1 section:nth-of-type(6) h4 {
	font-size: 1.5em;
	margin: 0 3%;
	padding: 0.5em 0;
	color: #FFF;
	font-weight: bold;
	background: #002234;
}
.sec__cont1__comparison {
	width: 100%;
	margin: -1px auto 0;
}
.sec__cont1__comparison th,
.sec__cont1__comparison td {
	border: 2px solid #012333;
	vertical-align: middle;
	font-weight: normal;
	line-height: 1.3;
}
.sec__cont1__comparison tr:last-of-type th,
.sec__cont1__comparison tr:last-of-type td {
	vertical-align: top;
}
.sec__cont1__comparison th:nth-of-type(1),
.sec__cont1__comparison th:nth-of-type(2),
.sec__cont1__comparison td:nth-of-type(1) {
	border-right: 3px solid #C32527;
}
.sec__cont1__comparison tr:last-of-type td:nth-of-type(1) {
	border-bottom: 3px solid #C32527;
}
.sec__cont1__comparison tr:first-of-type th:nth-of-type(2) {
	border-top: 3px solid #C32527;
}
.sec__cont1__comparison th {
	background: #F1F1F1;
	padding: 0.5em 2%;
}
.sec__cont1__comparison tr:first-of-type th {
	color: #FFF;
	font-size: 1.3em;
}
.sec__cont1__comparison tr:first-of-type th:nth-of-type(2) {
	background: #0146A3;
}
.sec__cont1__comparison tr:first-of-type th:nth-of-type(3) {
	background: #808080;
}
.sec__cont1__comparison tr:nth-of-type(n + 2) th {
	text-align: left;
	padding: 1em 2%;
}
.sec__cont1__comparison td {
	width: 38%;
	padding: 0.6em 2%;
}
.sec__cont1__comparison td em {
	font-size: 1.7em;
	display: inline-block;
	vertical-align: middle;
}
.sec__cont1__comparison tr:last-of-type td em {
	float: left;
	margin: 0.15em -0.3em 0 0.3em;
}
.sec__cont1__comparison td span {
	display: inline-block;
}
.sec__cont1__comparison td div {
	border-top: 1px dotted #000;
	padding-top: 0.6em;
	margin-top: 0.65em;
}
.sec__cont1__comparison td strong {
	color: #C22527;
	font-weight: normal;
	font-size: 1.1em;
}
.sec__cont1__comparison tr:last-of-type td:nth-of-type(1) strong:nth-of-type(1) {
	display: block;
	position: relative;
}
.sec__cont1__comparison tr:last-of-type td:nth-of-type(1) strong:nth-of-type(1)::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: calc(50% - 0.7em);
	bottom: -1em;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-color: #0146A3 transparent transparent transparent;
	border-width: 0.8em 0.7em 0 0.7em;
}

#sec__cont1 .sec__cont__imgcatch {
	background-color: #FFF;
	background-image: url(../img/sec__cont1__imgcatch01.png), url(../img/sec__cont1__imgcatch03.png), url(../img/sec__cont1__imgcatch02.png);
	background-position: -5% 100%,  102% 100%, 53% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: auto 90%, auto 90%, auto 90%;
	padding:  40% 0 20px;
}
#sec__cont2 .sec__cont__imgcatch {
	background-color: #FFF;
	background-image: url(../img/sec__cont2__imgcatch01.png), url(../img/sec__cont2__imgcatch03.png), url(../img/sec__cont2__imgcatch02.png);
	background-position: -9% 100%,  120% 100%, 49% 100%;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: auto 90%, auto 90%, auto 90%;
	padding:  45% 0 30px;
}


.sec__cont__imgcatch strong {
	font-size: 1.7em;
	font-weight: bold;
	color: #001E6C;
}
.sec__cont__imgcatch strong span {
	margin-top: -0.1em;
}
.sec__cont1__list {
	text-align: left;
	margin: 0 0 1.5em;
	padding: 0;
}
.sec__cont1__list li {
	background: url(../img/sec__cont1__list--icon.png) no-repeat 0 0;
	background-size: auto 100%;
	padding: 6px 0 2px 8.5%;
	line-height: 1;
	margin: 10px 0;
}

.sec__cont2__list {
	background: #DCEEFE;
	border-top: 20px solid #FFF;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 30px;
}
.sec__cont2__list li {
	background: url(../img/sec__cont2__list--icon.png) no-repeat 0 0;
	background-size: auto 100%;
	padding: 6px 0 2px 7.5%;
	line-height: 1;
	margin: 10px 0;
}
.sec__cont1__list li img,
.sec__cont2__list li img {
	width: auto;
	height: 4.7vw;
	max-height: 19px;
	object-fit: cover;
}

#sec__cont3 .sec__fee figure {
	width: 100%;
	margin: 0 auto 15px;
}

.paybox {
	border-radius: 8px;
	border: 1px solid #012332;
	margin: 30px 0 10px;
}
.paybox dt {
	background: #012332;
	border-radius: 8px 8px 0 0;
	padding: 5px 0;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0.5px;
}
.paybox dd {
	text-align: left;
	padding: 10px 5px 0 10px;
	margin-bottom: -15px;
}
.paybox .paybox__list li{
	display: inline;
	position: relative;
	margin: 0 3% 0 0.85em;
	padding: 0;
	letter-spacing: -0.02em;
}
.paybox .paybox__list li::before {
	position: absolute;
	content: "";
	display: block;
	width: 0.7em;
	height: 0.7em;
	border-radius: 50%;
	background: #012332;
	top: 0.1em;
	left: -0.9em;
}
.paybox dd p {
	font-size: 0.85em;
	margin: 0.2em 0 0;
}
.credit {
	font-size: 0;
}
.credit img {
	height: 9.4vw;
	max-height: 48px;
	width: auto;
	object-fit: cover;
	margin: 8px 0.8%;
}

.sec__cont__merit {
	margin-bottom: 40px;
}
.sec__cont__merit li {
	background: #FFF;
	margin: 13px auto;
	border-radius: 3px;
	padding: 5px 0 10px;
}
.sec__cont__merit li span {
	border-bottom: 2px solid #003C7E;
	display: inline-block;
	padding: 0 5px 5px;
}
.sec__cont__merit li span img {
	width: auto;
	height: 3.3vw;
	max-height: 16px;	
}
.sec__cont__merit li h5 {
	color: #003E7D;
	font-size: 1.3em;
	margin-top: 10px;
	font-weight: bold;
}
.sec__cont__merit li p {
	color: #4D4D4D;
	text-align: center;
	margin: 5px 0 0;
}

.sec__cont__step__list li {
	background: #FFF;
	margin: 13px auto;
	padding: 5px 3% 10px;
	border: 1px solid #002333;
}
.sec__cont__step__list li span {
	border-bottom: 2px solid #003C7E;
	display: inline-block;
	padding: 0 5px 5px;
}
.sec__cont__step__list li span img {
	width: auto;
	height: 3.3vw;
	max-height: 16px;	
}
.sec__cont__step__list li dt {
	color: #003E7D;
	font-size: 1.3em;
	margin-top: 10px;
	font-weight: bold;
}
.sec__cont__step__list li figure {
	margin: 20px auto;
	width: 80%;
}
.sec__cont__step__list li dd {
	text-align: left;
}
.sec__cont__step__list li:nth-of-type(4) p:first-of-type {
	margin-bottom: 0;
}
.sec__cont__step__list li:last-of-type figure {
	width: 100%;
}

.sec__cont__step__support {
	text-align: left;
	background: url(../img/sec__cont__step__ph06.jpg) no-repeat;
	background-size: 110px auto;
	padding-left: 110px;
	margin: 30px 0 50px;
}
.sec__cont__step__support dt {
	color: #FFF;
	font-size: 1.15em;
	background: #0449A0;
	display: block;
	padding: 0.1em 5px 0.1em 10px;
	border-radius: 0 1em 1em 0;
}
.sec__cont__step__support dd {
	padding: 3% 0 8% 10px;
	line-height: 1.5;
}

#sec__cont__faq h4,
#sec__cont__fee h4 {
	color: #FFF;
	font-size: 1.2em;
	font-weight: normal;
	background: #0449A0;
	display: inline-block;
	padding: 0.2em 1em;
	border-radius: 1em;
	min-width: 60%;
	margin-bottom: 0.7em;
}
.sec__cont__faq__list {
	text-align: justify;
	margin: 0 0 55px;
}
.sec__cont__faq__list:last-of-type {
	margin: 0;
}
.sec__cont__faq__list:last-of-type dd:last-of-type {
	border-bottom: none;
}
.sec__cont__faq__list dt,
.sec__cont__faq__list dd {
	position: relative;
	padding-left: calc(1.8em + 1%);
}
.sec__cont__faq__list dt {
	color: #033277;
	font-weight: bold;
	margin-bottom: 0.5em;
	letter-spacing: -0.01em;
}
.sec__cont__faq__list dt span {
	font-weight: bold;
	display: inline-block;
}
.sec__cont__faq__list dd {
	border-bottom: 1px solid #033277;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
.sec__cont__faq__list dt::before,
.sec__cont__faq__list dd::before {
	position: absolute;
	display: block;
	width: 1.4em;
	height: 1.2em;
	text-align: center;
	line-height: 1;
	font-size: 0.95em;
	padding: 0.15em 0 0;
	left: 1%;
	top: 0.1em;
}
.sec__cont__faq__list dt::before {
	content: "Q";
	background: #033277;
	border: 1px solid #033277;
	color: #FFF;
}
.sec__cont__faq__list dd::before {
	content: "A";
	border: 1px solid #033277;
	color: #033277;
	font-weight: bold;
}

#sec__cont__fee {
	padding-bottom: 30px;
}
#sec__cont__fee h3 {
	margin-bottom: 0;
}
#sec__cont__fee h4:nth-of-type(n + 2) {
	margin-top: 1.5em;
}
#sec__cont__fee .f--srf--nt.ta--center {
	font-size: 0.95em;
	margin-top: 1.3em;
}
#sec__cont__fee .fee__tbl {
	max-width: 400px;
}
#sec__cont__fee figure {
	margin: 0 auto 1em;
}
#sec__cont__fee figure img {
	max-width: 400px;
}
#sec__cont__fee .notes {
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;

}


#sec__cont__access .sec__cont__access__btn {
	display: block;
	width: 85%;
	max-width: 500px;
	border-radius: 5px;
	background: #B49B59;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1em 5% 1em 0;
	text-decoration: none;
	margin: 50px auto 30px;
	position: relative;
}
.sec__cont__access__btn::before,
.sec__cont__access__btn::after {
	position: absolute;
	content: "";
	display: inline-block;
}
.sec__cont__access__btn::before {
	width: 1.3em;
	height: 1.3em;
	border-radius: 50%;
	background: #FFF;
	top: calc(50% - 0.65em);
	left: calc(50% + 6em);
}
.sec__cont__access__btn::after {
	top: calc(50% - 0.4em);
	left: calc(50% + 6.5em);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #B49B59;
	border-width: 0.4em 0 0.4em 0.5em;
}

.sec__cont__access__tbl {
	border-bottom: 1px solid #1A1A1A;
	margin: 50px 0;
	width: 100%;
}
.sec__cont__access__tbl th,
.sec__cont__access__tbl td {
	line-height: 1.6;
	display: block;
	text-align: left;
	padding: 0 3%;
	font-weight: normal;
}

.sec__cont__access__tbl th {
	border-top: 1px solid #1A1A1A;
	padding-top: 0.7em;
}
.sec__cont__access__tbl td {
	padding-bottom: 0.7em;
}
.sec__cont__access__tbl td span {
	display: inline-block;
}



/*-------------------------
	Common
---------------------------*/
.cmn__contact {
	background: #000519;
	padding: 15px 3% 5px;
	border-bottom: 60px solid #FFF;
}
.cmn__contact .f--srf--nt {
	font-size: 1.2em;
	color: #FFF;
	margin: 0 -0.5em 0 0;
	font-weight: 500;
}
.cmn__contact ul {
	font-size: 0;
	margin-bottom: 25px;
}
.cmn__contact li {
	margin: 15px 5% 20px;
}
.cmn__contact li img {
	width: auto;
	height: 7.4vw;
	max-height: 43px;
	object-fit: cover;
}
.cmn__contact li span img {
	height: 3.5vw;
	max-height: 20px;
}
.cmn__contact li a {
	display: block;
	padding: 13px 0;
	border-radius: 3px;
}
.cmn__contact li span {
	display: inline-block;
	vertical-align: top;
	margin-top: 13px;
}
.cmn__contact .cmn__contact__mail a,
.cmn__contact .cmn__contact__reserve a {
	border: 1px solid #896307;
	background: rgb(188,128,0);
	background : linear-gradient(180deg, rgba(255, 217, 0, 1) 0%, rgba(251, 211, 0, 1) 2.7%, rgba(228, 181, 0, 1) 18.96%, rgba(210, 158, 0, 1) 36.12%, rgba(198, 141, 0, 1) 54.37%, rgba(190, 131, 0, 1) 74.48%, rgba(188, 128, 0, 1) 100%);
}
.cmn__contact .cmn__contact__tel a {
	border: 1px solid #002364;
	background: rgb(0,0,0);
	background : url(../img/cmn__contact--tel--bg.png) no-repeat 100% 100%, linear-gradient(0deg, rgba(0, 23, 100, 1) 0%, rgba(11, 48, 128, 1) 50.49%, rgba(0, 23, 100, 1) 100%);
}
.cmn__contact__name {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 1.6em;
	color: #FFF;
	margin: 20px 0;
	padding: 8px 0;
}


.txtbox {
	background: #04418A;
	padding: 17px;
	color: #fff;
	position: relative;
}
.txtbox p {
	background: #03499D;
	border: 1px solid #FFF;
	padding: 10px;
	margin-bottom: 0;
	text-align: center;
}

#sec__cont1 .txtbox::after {
	position: absolute;
	display: block;
	top: -5%;
	left: 3%;
	content: url(../img/txtbox--icon.png);
	transform: scale(0.55);
	transform-origin: 0 0;
}
#sec__cont1 .txtbox.noicon::after {
	display: none;
}

#sec__cont2 .txtbox {
	margin-top: 30px;
}

.mb15 {margin-bottom: 1.5em !important;}
.mb25 {margin-bottom: 2.5em !important;}
.bb20 {background-color: #fff;width: 100%;height: 20px;}

/* 注釈 */
.notes {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 0.9em;
	margin-bottom: 0 !important;
}
.notesbox {
	border: 1px dashed #B70012;
	font-size: 0.9em;
	padding: .1em 1% .1em 1.2em;
	margin-bottom: .2em !important;
}

/* General */
.clearfix::after,
.sec::after,
.wrap::after,
.inner::after {
	content: "";
	display: block;
	clear: both;
}
.clearfix::before,
.sec::before,
.wrap::before,
.inner::before {
	content: "";
	display: block;
	clear: both;
}
.clearfix,
.sec,
.wrap,
.inner {
	display: block;
}

.f--em { 
	display: inline-block;
	transform: rotate(20deg);
	font-size: 1.2em;
	vertical-align: middle;
}

.ta--center { text-align: center !important;}
.fs--small {font-size: 0.7em;}

.f--srf--nt {font-family: 'Noto Serif JP', serif;font-weight: 600 !important;}
.f--w900 {font-weight: 900 !important;}

.f--kng02 { letter-spacing: -0.15em !important; margin-right: 0.2em;}
.f--kng05 { letter-spacing: -0.5em !important;}
.f--ind { margin-left: -0.5em;}


.f--filter {filter: drop-shadow(0 0 2px rgba(255,255,255,1))  drop-shadow(0 0 2px rgba(255,255,255,1))  drop-shadow(0 0 2px rgba(255,255,255,1))  drop-shadow(0 0 2px rgba(255,255,255,1));}