@charset "UTF-8";
/*--------------------
/ Foundation - reset
------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
button, select, option, input, textarea {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
video {
	max-width: 100%;
}


/*  --------------------------------------
デバイス振り分け(PC)
--------------------------------------  */
@media screen and (min-width:837px) {
.sp {display:none!important;}
body{
	font-family: 'Noto Sans JP', sans-serif;
	text-align : left;
	font-size:16px;
	color:#000;
	position:relative;
	overflow-x: hidden;
}

/* --------------------  ヘッダー */
.logo_header {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1200px;
	font-size:0;
	line-height:0;
	background:#FFF;
	display:flex;
}
.logo_L {
	margin-left:1.66%;
	width:16.66%;
	max-width:200px;
}
.logo_R {
	width:18.75%;
	max-width:225px;
}
.keyvisual {
	margin:0 auto;
	max-width:1200px;
	max-height:588px;
	font-size:0;
	line-height:0;
	position:relative;
}
.link01,
.link02 {
	width:34.79%;
	position:absolute;
	bottom:5%;
}
.link01 {left:14.0%;}
.link02 {left:52.0%;}
main {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:1200px;
}
main > div {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.logo_header img,
.keyvisual   img,
main         img {width:100%;}


/* =========================================
CONTENT
========================================= */
.main_img {width:100%;}
.link {
	width:49.04%;
	position:absolute;
	bottom:5.1%;
	left:50%;
	transform:translateX(-50%);
}
.frame {
	margin:0 auto 45px;
	width:calc(100% - 25%);
	max-width:900px;
	border:1px solid #6082b0;
	border-radius:9px;
}
.inner {
	margin:5px auto 10px;
	padding:17px 20px 22px 30px;
	max-width:calc(100% - 50px);
	height:460px;
	border-radius:30px;
	overflow-y:scroll;
	scrollbar-color: #0a3e86 #FFF;
	font-size:13px;
	line-height:21px;
	font-weight:400;
	color:#282828;
	text-align:justify;
	font-feature-settings:"palt";
}
.inner a {
	color:#3e6eb1;
	text-decoration:underline;
}
.inner a:hover {text-decoration:none;}
.ttl {
	font-weight:600;
	color:#0a3e86;
}
.idt1 {
	padding-left:1em;
	text-indent:-1em;
}
.idt1 span {color:#a9bbd5}
.notice {color:#c20018;}
.privacy_cnf {
	margin:0 auto 65px;
	width:64.54%;
	max-height:130px;
}
.entry {
	margin:0 auto 100px;
	width:49.04%;
	max-height:100px;
}

a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
footer {
	margin:0 auto;
	padding:10px 0;
	width:100%;
	max-width:1200px;
	background:#FFF;
}
footer > div {
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:425px;
	max-height:60px;
	font-size:0;
	line-height:0;
	display:flex;
}
.f_logo_L {
	max-width:200px;
}
.f_logo_R {
	max-width:225px;
}
#pagetop {
	width: 105px;
	height:105px;
	position: fixed;
	bottom: -130px;
	right: 20px;
	z-index:100;
}
footer img,
#pagetop img {width:100%;}
#pagetop a {
	margin:0 auto;
	width: 105px;
	height:105px;
	display: block;
}


/* --------------------  aタグ処理 画像透過リンク */
a img {transition:opacity 0.5s;}
a:hover img {opacity:0.7;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

}/* end */

/*  --------------------------------------
デバイス振り分け(SP)
--------------------------------------  */
@media screen and (max-width:836px) {
.pc {display:none;}
body{
	background : #FFF;
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	text-align : left;
	position:relative;
}

/*  --------------------------------------
Header
--------------------------------------  */
.logo_header {
	margin:0 auto;
	padding:0;
	width:100%;
	font-size:0;
	line-height:0;
	background:#FFF;
	display:flex;
}
.logo_header img {width:100%;}
.logo_L {width:27.50%;}
.logo_R {width:31.25%;}
.keyvisual {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.link01,
.link02 {
	width:89.125%;
	position:absolute;
	left:50.8%;
	transform:translateX(-50%);
}
.link01 {bottom:13.0%;}
.link02 {bottom: 3.8%;}
main {
	margin:0 auto;
	padding:0;
	width:100%;
}
main > div {
	margin:0 auto;
	width:100%;
	font-size:0;
	line-height:0;
	position:relative;
}
.logo_header img,
.keyvisual   img,
main         img {width:100%;}


/* =========================================
CONTENT
========================================= */
.main_img {width:100%;}
.link {
	width:89%;
	position:absolute;
	bottom:2.5%;
	left:50%;
	transform:translateX(-50%);
}
.frame {
	margin:0 auto 6vw;
	width:87.5%;
	border:1px solid #6082b0;
	border-radius:9px;
}
.inner {
	margin:5vw auto 5vw;
	padding:0 4vw 3vw 3vw;
	max-width:calc(100% - 7vw);
	height:91vw;
	border-radius:4vw;
	overflow-y:scroll;
	scrollbar-color: #0a3e86 #FFF;
	font-size:2.8vw;
	line-height:4.6vw;
	font-weight:400;
	color:#282828;
	text-align:justify;
	font-feature-settings:"palt";
}
.inner a {
	color:#3e6eb1;
	text-decoration:underline;
}
.inner a:hover {text-decoration:none;}
.ttl {
	font-weight:600;
	color:#0a3e86;
}
.idt1 {
	padding-left:1em;
	text-indent:-1em;
}
.idt1 span {color:#a9bbd5}
.notice {color:#c20018;}
.privacy_cnf {
	margin:0 auto 6vw;
	width:87.5%;
	max-height:39.5vw;
}
.entry {
	margin:0 auto 12vw;
	width:89%;
	max-height:27.1vw;
}
.tel {
	width:100%;
	position:absolute;
	bottom:40%;
	left:0;
}
footer {
	width:100%;
	background:#FFF;
}
footer > div {
	margin:0 auto;
	width:51.75%;
	font-size:0;
	line-height:0;
	display:flex;
}
.f_logo_L {width:47%;}
.f_logo_R {width:53%;}
#pagetop {
	width: 14vw;
	height:14vw;
	position: fixed;
	bottom: -30vw;
	right: 1.5vw;
	z-index:190;
}
footer img,
#pagetop img {width:100%;}
#pagetop a {
	margin:0 auto;
	width: 14vw;
	height:14vw;
	display: block;
}

.mb10 {margin-bottom:4vw;}
.mb20 {margin-bottom:2.5vw;}

}/* sp end */