@charset "UTF-8";


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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  background: none repeat scroll 0 0;
  border: 0 none;
  margin: 0 ;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

img{ -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;vertical-align:bottom;}

p{letter-spacing: 0.08rem;line-height:170%;}
body {
  background-color:#ffffff;
  margin:0!important;
  padding:0!important;
  font-size: 15px;
	color:000000;
  line-height: 1.5;
/**font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;**/
	font-family: 'Century Gothic',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;		
	
}




* {
  -webkit-tap-highlight-color: transparent !important;
}


main{min-height:calc(100vh - 4rem);height:100%;overflow-x:hidden;display:block;}
footer{background-color:blue;}



a {
color: #0A2883;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}


.clearfix:before,.clearfix:after {
content:" ";    /* 1 */
display: table; /* 2 */
}
.clearfix:after{
clear:both;
}
.clearfix {
zoom:1;
}

a img {
  border: none;
  outline: 0 !important;
}


li a{	transition: opacity 0.5s ease 0.2s;
-webkit-transition: opacity 0.5s  ease 0.2s;
-moz-transition: opacity 0.5s  ease 0.2s;
-ms-transition: opacity 0.5s  ease 0.2s;
-o-transition: opacity 0.5s  ease 0.2s;}



a:focus, p:focus, img:focus, div:focus {
	outline: none;
}




ul{
	list-style-type: none!important;
	list-style: none;
	
}

ul:after {
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

ul{
display: inline-block;
}
ul{
display: block;}

fieldset, img {
  vertical-align: bottom;
}



blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}



br {
  letter-spacing: 0;
}

hr {
  border: 0 none;
  height: 0;
  visibility: hidden;
}


select, input, textarea {
  font-size: 99%;
}

pre, code {
  font: 100% monospace;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}




#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
 
	z-index:9;
}



#page-top a {

   opacity:0.9;
    text-decoration: none;
    color: #fff;
   width:60px;
	height:60px;
    text-align: center;
    display: block;
	background-image:url(../images/top.svg);
	background-repeat:no-repeat;
	background-size:contain;
  
}


#page-top a:hover {
	  opacity:0.9;
    text-decoration: none;
   
} 

body{background-color:#7F7F7F;}

.back_b{z-index:9998;display:inline-block;padding:20px;background-color:rgba(0,0,0,0.83);color:#fff;font-weight:bold;
position:fixed;right:10px;top:10px;border-radius:5px;letter-spacing: 0.2rem}
.up {z-index:9998;display:inline-block;padding:20px;
position:fixed;right:0;left:0;top:10px;border-radius:5px;letter-spacing: 0.2rem;margin:auto;
width: 146px;
        height: 73px;
        background: url("../images/icon/up.svg") no-repeat;
        background-size:100% auto;}
.upsp {z-index:9998;display:inline-block;padding:20px;
position:fixed;right:0;left:0;bottom:50px;border-radius:5px;letter-spacing: 0.2rem;margin:auto;
width: 95px;
        height: 48px;
        background: url("../images/icon/down.svg") no-repeat;
        background-size:100% auto;}
nav#nav_b{width:100%;max-width:600px;text-align:center;position:absolute;bottom:0;right:0;max-height:100vh;z-index:9999;}
#nav_header strong{display:block;background-color:#1B1C80;width:100%;padding:10px;color:#fff;font-size:18px;letter-spacing: 0.2rem}
#nav_header{position:relative;padding-top:42px;}
#nav_header  img{position:absolute;bottom:0;left:-1px;width:89px;height:auto;}
#nav_header:hover{cursor: pointer;opacity:0.8;}
#nav_body{padding:20px;background-color:rgba(255,255,255,0.76);max-height:calc(100vh - 89px);overflow-x: hidden;}
#nav_body > div{margin-bottom:25px;}
#nav_body > div.exp{text-align:center;margin-bottom:0;}
.floor{margin:15px auto 0 auto;display:block;background-color:#3B3B3B;max-width:300px;padding:5px 15px;color:#fff;border-radius:3px;text-align:center;}
#indexmenu{background-color:rgba(255,255,255,0.72);position:fixed;top:0;bottom:0;width:100%;height:100%;overflow-x: hidden;text-align:center;overflow-y: scroll;z-index: 99999;}
#indexheader{background-color:#1B1C80;padding:20px;}
#indexheader h1{color:#fff;font-size:20px;display:block;margin-top:15px;letter-spacing: 0.2rem;line-height:150%;}
#indexheader > img{width:100px;height:auto;}

.f_img{width:100%;margin:0 auto;font-size:0;text-align:center;max-width:2000px;}
.f_img > li{display:inline-block;font-size:15px;width:100%;max-width:650px;margin-bottom:30px;padding-top:20px;margin-right:2%;}
.f_img > li div{width:100%;margin:0 auto;}
.f_img > li:last-child{margin-right:0!important;}

.f_img > li img{width:100%;margin:0;padding:0;height:auto!important;margin:0 auto;display:block;max-width:100%;
}

/**.f_img  li svg,#nav_body svg{width:100%;height:auto;max-width:100%;margin:0;padding:0;height:auto!important;}**/


.f_img  li > div,#nav_body > div > div{width:100%;position:relative;}

.f_img  li > div:after,#nav_body > div > div:after{padding-top:65%;content:"";display:block;}


.f_img li svg,.f_img li img,#nav_body  svg,#nav_body  img{
display:block;
position: absolute;
height: 100%;
max-width: 100%;
top:0;right:0;margin:0 auto;
left:0;padding:0!important;/*margin:0!important;*/}






.point:hover path{fill:#E60050!important;}

body.f001 #f1point path,
body.f002 #f2point path,
body.f003 #f3point path,
body.f004 #f4point path,
body.f005 #f5point path,
body.f006 #f6point path,
body.f007 #f7point path
{fill:#E60050!important;}

.setumei{width:100%;max-width:1000px;margin:0 auto;text-align:center;padding:0 20px;display: inline-block;background-color: #fff;margin-top:60px;margin-bottom:40px;}
.setumei img{width:100%;max-width:365px;margin-bottom:20px;}
.setumei div{float:left;width:32%;margin:0 2% 0 0;text-align:center;padding:10px;box-sizing: border-box;}
.setumei div:last-child{margin:0!important;}
.setumei h2{font-size: 18px;width: 100%;
    max-width: 300px;
    margin: 0 auto;
    background-color: #1B1C80;
    padding: 10px;
    color: #fff;
    border-radius: 15px;
    margin-bottom: 20px;margin-top:-20px;}

#start_btn{margin:40px 0;}
#start_btn a{display:inline-block;border-radius: 15px;font-size:24px;text-align: center;cursor: pointer;padding:20px;background-color:#E60050;color:#fff;text-decoration: none;font-weight: bold;width: 90%;
    max-width: 300px; transition : .3s;box-shadow : 6px 6px 3px #888;}
#start_btn a:hover{ box-shadow    : none;}


@media screen and (max-width: 1024px) {p.pc{display: none;}}

@media screen and (max-width: 980px) {.f_img > li{width:100%;margin-right:0;}
	.setumei div{float:left;width:100%;margin:0;}
	.setumei{width:90%;padding: 0 10px 20px 10px;}
}


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

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


/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
	.mappin{display:none;}
		
	body { 
    width: 1028px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
		
		-webkit-print-color-adjust: exact;
top:0 !IMPORTANT;
left:0 !IMPORTANT;	
		
 }
.aos-init{opacity:1!important;transition-duration:none!important;
opacity:1!important;
transition-timing-function:none!important;
transition-property:none!important;
transform:none!important;
	transition-delay:none!important;}

	
@page {
  margin: 8px;}
}