@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ---------------------------------------------------------
	Browser Reset CSS
--------------------------------------------------------- */

a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.6;text-align:left}article,footer,header,nav,section,main{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}

html{
  scroll-behavior: smooth;
}

body, ul, ol, li, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 200;
	vertical-align: middle;
	line-height:1.5;
	width:100%;
}
img {
	border: 0;
	vertical-align: top;
	width: 100%;
}

p, table {
	font-size:100%;
	font-weight: 300;
	color: #222;
	letter-spacing: 0.07em;
}
@media only screen and (max-width: 767px) {
p, table {
	font-size:93%;
}
}

p a {
	color: #0054a7 !important;
}
p a:hover {
	color: #00a0e9 !important;
	text-decoration: none;
}


ul, dl, ol {
	text-indent: 0;
}
/* input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;} */
* html input, * html textarea, * html select {
	font-size: 100%;
}
*:first-child + html + input, *:first-child html + textarea, *:first-child + html select {
	font-size: 100%;
}

*{
margin: 0;
padding:0;
outline: none!important;
}


sup {
	font-size: 0.6em;
	line-height: 1em;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media print , screen and (min-width: 768px) {
 .pc {
display:block;
line-height: 10%;
}
 .sp {
display:none;
}
@-moz-document url-prefix() {
 .pc {
line-height: 0%;
}
}
}
@media only screen and (max-width: 767px) {
 .pc {
display:none;
}
 .sp {
display:block;
}
@-moz-document url-prefix() {
 .sp {
line-height: 0%;
}
}
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.right {
	text-align: right;
    margin-left: auto;
    justify-content: right;
}

.left {
    text-align: left;
    margin-right: auto;
    justify-content: left;
}


p.indent {
	padding-left:1.5em;
	text-indent:-1.3em;
	font-size:77%;
	color: #444;
	font-weight: 200;
	line-height: 130%;
}

p.indent2 {
	padding-left:2.2em;
	text-indent:-2.0em;
	font-size:77%;
	color: #444;
	font-weight: 200;
	line-height: 130%;
}

@media print , screen and (min-width: 768px) {
.center-pc {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.center-sp {
    text-align: left;
    margin-right: auto;
    justify-content: left;
}
}
@media only screen and (max-width: 767px) {
.center-pc {
    text-align: left;
    margin-right: auto;
    justify-content: left;
}
.center-sp {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

}

.h4-txt {
	line-height: 150%;
	font-weight: 600;
	color: #00a0e9;
	font-size:108% !important;
	padding-top: 0px;
}
.h3-txt {
	line-height: 150%;
	font-weight: 600;
	color: #0054a7;
	font-size:138.5% !important;
	padding-top: 20px;
}
.h2-txt {
	line-height: 150%;
	font-weight: 700;
	color: #0054a7;
	font-size:167% !important;
	padding-top: 0px;
}

@media only screen and (max-width: 767px) {
.h4-txt {
	line-height: 150%;
	font-weight: 600;
	color: #00a0e9;
	font-size:95% !important;
	padding-top: 0px;
}
.h3-txt {
	line-height: 150%;
	font-weight: 600;
	color: #0054a7;
	font-size:116% !important;
	letter-spacing: 0em;
}
.h2-txt {
	line-height: 150%;
	font-weight: 700;
	color: #0054a7;
	font-size:138.5% !important;
	letter-spacing: 0em;
}
}


.comment_center-left {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
  }
.comment_center-left_txt {
    display: inline-block;
    text-align: left;
  }
  
.first-area {
	z-index:1;
	position: relative;
  }

.margin-lage {
	margin-top: 80px !important;
  }
.margin-lage-lage {
	margin-top: 120px !important;
  }
@media only screen and (max-width: 767px) { 
.margin-lage {
	margin-top: 70px !important;
  }
.margin-lage-lage {
	margin-top: 80px !important;
  }
}

.clicked {
  cursor:pointer
}


/* -------------------------------------------------- UTILITY  -------------------------------------------------- */

.mt-50	{ margin-top:-50px !important; }
.mt-30	{ margin-top:-30px !important; }
.mt-20	{ margin-top:-20px !important; }
.mt-15	{ margin-top:-15px !important; }
.mt-10	{ margin-top:-10px !important; }
.mt-5	{ margin-top:-5px !important; }
.mt0	{ margin-top:0px !important; }
.mt3	{ margin-top:3px !important; }
.mt5	{ margin-top:5px !important; }
.mt7	{ margin-top:7px !important; }
.mt10	{ margin-top:10px !important; }
.mt15	{ margin-top:15px !important; }
.mt16	{ margin-top:16px !important; }
.mt20	{ margin-top:20px !important; }
.mt25	{ margin-top:25px !important; }
.mt30	{ margin-top:30px !important; }
.mt40	{ margin-top:40px !important; }
.mt50	{ margin-top:50px !important; }
.mt100	{ margin-top:100px !important; }

.mr0	{ margin-right:0px !important; }
.mr5	{ margin-right:5px !important; }
.mr8	{ margin-right:8px !important; }
.mr10	{ margin-right:10px !important; }
.mr15	{ margin-right:15px !important; }
.mr20	{ margin-right:20px !important; }
.mr25	{ margin-right:25px !important; }
.mr30	{ margin-right:30px !important; }
.mr40	{ margin-right:40px !important; }
.mr50	{ margin-right:50px !important; }
.mr100	{ margin-right:100px !important; }
.mr170	{ margin-right:170px !important; }
.mr180	{ margin-right:180px !important; }
.mr200	{ margin-right:200px !important; }

.mb0		{ margin-bottom:0px !important; }
.mb3		{ margin-bottom:3px !important; }
.mb5		{ margin-bottom:5px !important; }
.mb10	{ margin-bottom:10px !important; }
.mb15	{ margin-bottom:15px !important; }
.mb20	{ margin-bottom:20px !important; }
.mb25	{ margin-bottom:25px !important; }
.mb30	{ margin-bottom:30px !important; }
.mb40	{ margin-bottom:40px !important; }
.mb50	{ margin-bottom:50px !important; }
.mb100	{ margin-bottom:100px !important; }

.ml0		{ margin-left:0px !important; }
.ml2		{ margin-left:2px !important; }
.ml5		{ margin-left:5px !important; }
.ml8		{ margin-left:8px !important; }
.ml10	{ margin-left:10px !important; }
.ml15	{ margin-left:15px !important; }
.ml20	{ margin-left:20px !important; }
.ml25	{ margin-left:25px !important; }
.ml30	{ margin-left:30px !important; }
.ml40	{ margin-left:40px !important; }
.ml50	{ margin-left:50px !important; }
.ml60	{ margin-left:60px !important; }
.ml70	{ margin-left:70px !important; }
.ml80	{ margin-left:80px !important; }
.ml85	{ margin-left:85px !important; }
.ml100	{ margin-left:100px !important; }


/* -------------------------------------------------- FONT -------------------------------------------------- */

/* defalt font-size */
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

.blue {
	color: #0054a7 !important;
}
.skyblue {
	color: #009fe8 !important;
}

.red {
	color: #e60012 !important;
}

.font-weight300 {
	font-weight: 300;
}
.font-weight500 {
	font-weight: 500;
}
.font-weight800 {
	font-weight: 800;
}

.d_none {
	font-weight: 300 !important; 
	text-decoration: none;
}

/* ---------------------------------------------------------
	#globalHeader
--------------------------------------------------------- */
#header{
	width: 100%;
	max-width: 1280px;
	height:80px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left : auto;
	background-color: #FFF;
}

.logo{
	width: 180px;
	height:80px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #ddd;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
	box-sizing: border-box;
}
.logo img{
	max-width: 180px;
}

.eibs{
	width: auto;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.eibs img{
	padding-left: 13px;
	max-width: 365px;
}

.inq{
	max-width: 220px;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    align-items: center;
    text-align: right;
    margin-left: auto;
    justify-content: right;
	display: flex;
	padding-right: 15px;
	z-index:5;
}

.inq_btn {
	display: block;
	position: relative;
	max-width: 120px;
	text-align: center;
	text-decoration: none;
	color: #111;
	background: #dae24a;
	font-size:77% !important;
	padding: 1.0em;
	font-weight: 500;	
}
.inq_btn:hover {
	 opacity:0.8;
	 cursor: pointer;
	 text-decoration: none;
}

.faq_btn {
	display: block;
	position: relative;
	max-width: 120px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	color: #111;
	background: #4abee2;
	font-size:77% !important;
	padding: 1.0em;
	font-weight: 500;	
}
.faq_btn:hover {
	 opacity:0.8;
	 cursor: pointer;
	 text-decoration: none;
}

#header div:last-child{
    margin-left: auto;
}

#wrapper {
    z-index: 10;
	position: relative;
}

@media only screen and (max-width: 767px) {
	
#wrapper {
    position: fixed;
    top: 0;
    box-sizing: border-box;
	width: 100%;
}
	
	
#header{
	width: 100%;
	height:80px;
	margin-top: 0;
	margin-bottom: 0;
}

.logo{
	width: 140px;
	height:80px;
	z-index:999;
}
.logo img{
	max-width: 180px;
}

.eibs{
	display:none;
}
.inq{
	padding-right: 0px;
    text-align: right;
    margin-left: auto;
    justify-content: right;
	padding-right: 15px;
	z-index:999;
	width: auto;
}

.inq_btn {
	font-size:77% !important;
	padding-top: 1.0em;
	padding-right: 0.7em;
	padding-bottom: 1.0em;
	padding-left: 0.7em;
}

}


/* ---------------------------------------------------------
	#top-menu
--------------------------------------------------------- */

#menu{
clear:both;
margin: 0;
padding:0;
max-width: 100%;
background-color: #00a0e9;
}


.container{
clear:both;
margin: 0;
padding:0;
margin-right: auto;
margin-left : auto;
position:relative;
text-align:center;
max-width: 1280px;
background-color: #FFF;
}

nav li a {
  letter-spacing: 0.1em;
}

.m-menu img {
	border: 0;
	vertical-align: top;
	width: 600%;
}


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

nav li a {
  font-size: 13px;
  letter-spacing: 0.1em;
}
nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #d9f1fc;

}

  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }

  .container {
    height: 60px;
	background-color: #00a0ea;
	display: flex;
  }
  .container .contents_l {
  width: 62px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
  .container .contents_r {
    flex: 1;
    margin-top: auto;
    margin-bottom: auto;
    vertical-align: middle;
    align-items: center;
	padding: 5px 15px;
	z-index:100;
  }
  .container .contents_r img {
	  max-width:400px;
  }
}

@media print , screen and (min-width: 768px) {
	
  .container .contents_l {
  display:none;
}
  .container .contents_r {
  display:none;
}
}



/* ---------------------------------------------------------
	#content
--------------------------------------------------------- */

#content {
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	text-align:center;
	width: 100%;
}

@media only screen and (max-width: 767px) {
#content {
	margin-top: 140px;
}
}

#main, #main1, #main2, #main3, #main4, #main5{
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	text-align:center;
	max-width: 1280px;
	background-color: #FFF;
}


/* ---------------------------------------------------------
	#pankuzu
--------------------------------------------------------- */

.content-pan {
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	text-align:center;
	max-width: 1200px;
	width: 100%;
	z-index:2;
}

.cp_breadcrumb *, .cp_breadcrumb *:after, .cp_breadcrumb *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_breadcrumb {
	margin: 0em auto;
	padding: 0.5em 1.5em;
	background-color: #ebebeb;
	color: #111;
	font-size:77% !important;
}
.cp_breadcrumb a {
	text-decoration: none;
	color: #7d7d7d;
}
.cp_breadcrumb .breadcrumbs {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.cp_breadcrumb li {
	display: inline-block;
	position: relative;
	padding-right: calc(16px + 8px);
	margin-right: 8px;
	color: #7d7d7d;
}
.cp_breadcrumb li::before {
	content: '>';
	width: 1em;
	height: 1em;
	line-height: 1;
	text-align: center;
	font-size: 1em;
	color: inherit;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.cp_breadcrumb li:last-child {
	margin-right: 0;
	padding-right: 0;
	color: #006896;
}
.cp_breadcrumb li:last-child::before {
	content: normal;
}

@media only screen and (max-width: 767px) {
.cp_breadcrumb {
	padding: 0.5em 1.5em;
	font-size:65% !important;
	letter-spacing: 0em;
}
.cp_breadcrumb li {
	padding-right: calc(16px + 4px);
	margin-right: 4px;
}
}


/* ---------------------------------------------------------
	.content-area
--------------------------------------------------------- */

.content-area {
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	text-align:center;
	max-width: 1280px;
	width: 100%;
}


.w1120 {
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	max-width: 1120px;
	width: 87.5%;
}
.w940 {
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left : auto;
	position:relative;
	max-width: 900px;
	width: 87.5%;
}

.title_sec {
	margin-top: 80px;
}


@media only screen and (max-width: 767px) {
.content-area {
	padding: 0 4%;
	width: 92%;
}
.w1120, .w940 {
	width: 100%;
}
.title_sec {
	margin-top: 50px;
}
}

.conline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
.conline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;
	box-sizing: border-box;
}
}



.blueline_top {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #009fe8;
	padding-top: 20px;
	display: inline-block;
	margin-top: -1px;
	letter-spacing: normal;
}

.blueline_top-s {
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #009fe8;
	padding-top: 5px;
	display: inline-block;
	margin-top: -1px;
	letter-spacing: normal;
}

.grayline_top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d2d2d2;	
}

.scroll_box {
  overflow: scroll;
  white-space: nowrap;
}

/* スクロールの幅の設定 */
.scroll_box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.scroll_box::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #d9e5f2 inset;
}

/* スクロールのつまみ部分の設定 */
.scroll_box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #80aad3;
}


/* ---------------------------------------------------------
	#footer
--------------------------------------------------------- */

#footer {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
	margin-top:50px;
	border-top: solid 1px #d3d3d4;
	width: 100%;
	padding: 30px 0;
	letter-spacing: 0em;
}

.footer_block{
  display: flex;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.footer_block .footer_l {
  width: 150px;
}
.footer_block .footer_r {
	width: 30em;
	font-size:100% !important;
	vertical-align:middle;
	margin-left: 15px;
}

.footer_block .footer_l img {
  max-width: 150px;
}

@media only screen and (min-width:351px) and ( max-width:767px) {
.footer_block .footer_l {
  width: 150px;
}
.footer_block .footer_r {
  font-size:65% !important;
}
}

@media only screen and (max-width: 350px) {
.footer_block{
  display: block;
  width: 100%;
}
.footer_block .footer_l {
  width: 100%;
  text-align: center;
}
.footer_block .footer_r {
  font-size:65% !important;
  width: 100%;
  margin-top: 7px;
  margin-left: 0;
  text-align: center;
}
}


/* ---------------------------------------------------------
	.toTop
--------------------------------------------------------- */

.toTop {
	position: fixed;
	bottom: 30px;
	right: 15px;
	z-index: 11;
	height: 0;
	opacity: 0;
	overflow: hidden;
	animation-duration: 1s;
	margin-top: -107px;
	padding-top: 107px;
}
.toTop a {
	display: block;
	background-color: #999;
	text-align: center;
	color: #fff;
	font-size: 0;
	text-decoration: none;
	padding: 10px 18px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.toTop a:hover {
	display: block;
	background-color: #777;
	text-align: center;
	color: #fff;
	font-size: 0;
	text-decoration: none;
	padding: 10px 18px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

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

.toTop {
margin-top: -110px;
padding-top: 110px;
}
.toTop a {
font-size: 0;
padding: 7px 10px;
}

.toTop a:hover {
font-size: 0;
padding: 7px 10px;
}
}
.toTop.show {
height: auto;
opacity: 1;
animation-name: fadein;
}
.toTop.hide {
height: 0;
opacity: 0;
animation-name: fadeout;
}
.toTop.static {
position: absolute;
bottom: auto;
margin: -100px 0 0;
}
@keyframes fadein {
0% {
height: 0;
opacity: 0;
}
1% {
height: auto;
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeout {
0% {
height: auto;
opacity: 1;
}
99% {
height: auto;
opacity: 0;
}
100% {
height: 0;
}
}


/* ---------------------------------------------------------
	最大幅
--------------------------------------------------------- */

.max-80 {
	max-width: 80px !important;
}
.max-90 {
	max-width: 90px !important;
}
.max-100 {
	max-width: 100px !important;
}
.max-120 {
	max-width: 120px !important;
}
.max-150 {
	max-width: 150px !important;
}
.max-178 {
	max-width: 178px !important;
}
.max-200 {
	max-width: 200px !important;
}
.max-220 {
	max-width: 220px !important;
}
.max-250 {
	max-width: 250px !important;
}
.max-300 {
	max-width: 300px !important;
}
.max-370 {
	max-width: 370px !important;
}
.max-400 {
	max-width: 400px !important;
}
.max-418 {
	max-width: 418px !important;
}
.max-420 {
	max-width: 420px !important;
}
.max-430 {
	max-width: 430px !important;
}
.max-450 {
	max-width: 450px !important;
}
.max-465 {
	max-width: 465px !important;
}
.max-470 {
	max-width: 470px !important;
}
.max-480 {
	max-width: 480px !important;
}
.max-500 {
	max-width: 500px !important;
}
.max-519 {
	max-width: 519px !important;
}
.max-520 {
	max-width: 520px !important;
}
.max-525 {
	max-width: 525px !important;
}
.max-550 {
	max-width: 550px !important;
}
.max-580 {
	max-width: 580px !important;
}
.max-600 {
	max-width: 600px !important;
}
.max-620 {
	max-width: 620px !important;
}
.max-630 {
	max-width: 630px !important;
}
.max-650 {
	max-width: 650px !important;
}
.max-700 {
	max-width: 700px !important;
}
.max-750 {
	max-width: 750px !important;
}
.max-800 {
	max-width: 800px !important;
}
.max-820 {
	max-width: 820px !important;
}
.max-840 {
	max-width: 840px !important;
}
.max-850 {
	max-width: 850px !important;
}
.max-870 {
	max-width: 870px !important;
}
.max-900 {
	max-width: 900px !important;
}
.max-950 {
	max-width: 950px !important;
}
.max-960 {
	max-width: 960px !important;
}
.max-970 {
	max-width: 970px !important;
}
.max-1000 {
	max-width: 1000px !important;
}
.max-1080 {
	max-width: 1080px !important;
}