@charset "UTF-8";
/****************************************
Resetting
*****************************************/
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 {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
font-family: 'Noto Sans JP', sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main,hgroup, menu, nav, section {
	display: block;
}

body {
font-family: 'Helvetica Neue', 'Helvetica', 'Noto Sans JP', sans-serif;
font-weight:400;
background-color:#fff;
font-size:16px;
line-height: 2;
color:#000;
}


ol,ul,li{
	list-style-type: none;
}

blockquote, q {
	quotes: none;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="submit"],
input[type="button"],
input[type="reset"]{
	appearance: button;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
}

a{
	text-decoration: none;
}
/******************************************
normarise
******************************************/
*{
	box-sizing:border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

html {
	-webkit-font-smoothing: antialiased;
}


a{
	color: #007fc3;
}

a:hover{
	opacity: 0.8;
}

strong {font-weight:600;}

@media screen and (max-width:768px) {
table {width:100%;}
}

img { image-rendering: -webkit-optimize-contrast;}

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

.clearfix {
	display: inline-table;
}  
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */

/****************************************
Layout
*****************************************/
.pc-hide, .pc-hide2 {display:none;}
.sp-hide {display:block;}


#wrapper {
text-align:center;
position: relative;
width: 100%;

}

#main-wrapper {
/*background: url(../images/bgbg.png) , linear-gradient(to bottom, #00141e 45%, #112188 80%, #0098b4 );
background: url(../images/bgbg.png) , -moz-linear-gradient(top, #00141e 45%, #112188 80%, #0098b4 );
background: url(../images/bgbg.png) , -webkit-linear-gradient(top,#00141e 45%, #112188 80%, #0098b4 );
background-repeat: no-repeat;
background-size:cover;
background-position:50% 30%;
background-attachment: fixed;*/
}

.bread-nav {max-width:1200px;width:90%;margin:20px auto;}
.bread-nav ul {display:flex;}
.bread-nav ul li {margin-right:5px;color:#808080;font-size:11px;}
.bread-nav ul li a {color:#808080;padding-left:5px;}
.bread-nav ul li::before {content:"> ";}
.bread-nav ul li.home::before {content:none;}

section {width:100%;}
section .inner-contents {width:90%;max-width:1200px;margin:0 auto;}
section .second-contents {width:90%;max-width:950px;}

.contents {
max-width:1200px;
margin:0 auto;
line-height:100%;
width:90%;
}

.second-kv {background:url(../images/second-kv-image.png) no-repeat 50% 0;background-size:cover;height:300px;overflow:hidden;text-align:left;}
.second-kv h2 {color:#fff;font-size:42px;font-weight:300;letter-spacing:0.1em;width:90%;max-width:1200px;margin:100px auto 0 auto;}

main.second {margin-top:70px;}


span.icn-pdf  {color:#CC0000;display:inline-block;padding:3px;line-height:100%;font-size:0.8em;border:1px solid #CC0000;}

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

}

@media screen and (max-width: 950px) {
.pc-hide {display:block;}
/*.second-kv {margin-top:-120px;}*/
}


@media screen and (max-width: 768px) {
.second-kv {height:200px;}
.second-kv h2 {font-size:38px;}
main.second {margin-top:70px;}
.pc-hide2 {display:block;}
.sp-hide {display:none;}
}

@media screen and (max-width: 500px) {
.second-kv {height:150px;}
.second-kv h2 {font-size:32px;margin:40px auto 0 auto;line-height: 1.2;}
main.second {margin-top:50px;}
}

/****************************************
header
*****************************************/
header {
width:100%;
text-align:center;
z-index:9999;
}

.header-content {
max-width:1200px; 
width:95%;
height:120px;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.header-btn-contact {}
.header-btn-contact a {display:inline-block;padding:5px;width:65px;background-color:#29a3dd;}
.header-btn-contact img {width:95%;margin-top:5px;}

.header-btns {position: relative;}
a.header-btn-contact {display:inline-block;padding:5px 5px 10px 5px;;width:65px;background-color:#29a3dd;line-height:100%;}
a.header-btn-contact img {width:95%;margin-top:5px;}

a.header-btn-reserve {display:inline-block;padding:6px 6px 10px 6px;;width:117px;background-color:#d95223;line-height:100%;}
a.header-btn-reserve img {width:95%;margin-top:5px;}
a.header-btn-reserve.en-type {padding:11px 5px 10px 5px;}

a.header-btn-visiter {display:inline-block;padding:3px 0px 10px 0px;width:105px;background-color:#2A8D70;line-height: 100%;}
a.header-btn-visiter img {width:74%;margin-top:3px;}
a.header-btn-visiter.en-type {padding:11px 5px 5px 5px;}

h1 {width: 48%;height: auto;margin-top: 28px;}
h1 img {width:100%;}
.sp-img {display:none;}

nav {
  width: 100%;
background:rgba(255,255,255,.4);
}

  nav > ul  {display:flex;justify-content:space-between;margin:0 auto;width:70%;max-width:1200px;}
nav > ul > li {margin-left:0;margin-right:0;}
 nav > ul > li a {color:#fff;font-size:16px;font-weight:700;padding:25px 1em;display:inline-block;}
nav > ul > li a:hover {background:rgba(0,75,130,.6);}

.lang-swich {
display:flex;
height:30px;
margin-top:10px;
}

.lang-swich.imgPla-swich {position:absolute;right:0;}

.lang-swich p {font-size:0.8em;}
.lang-swich p.sw-jp a {border-radius: 3px 0 0 3px;}
.lang-swich p.sw-en a {border-radius: 0 3px 3px 0;}
.lang-swich p.sw-jp a, .lang-swich p.sw-en a {display:block;width:100%;padding:3px 8px;}
.lang-swich p.sw-off a {background-color:#555;color:#999;}
.lang-swich p.sw-on a {color:#fff;background-color:#0f71a5;}

.nav-button {
  display: none;
}

.menu.open {
  display: block;
}
.menu.close {
  display: none;
}


@media screen and (max-width: 1100px) {
 nav > ul > li a {padding:25px 1em;}
}

@media screen and (max-width: 950px) {
.nav-button {display: block;cursor: pointer;}
h1 {width:40%;height:auto;}

  .menu {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
  }
  .menu .nav {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
  }


nav {
  width: 100%;
}

  nav > ul  {display:block;margin:80px auto 0 auto;width:100%;}
nav > ul > li a {color:rgba(0,75,130,1);text-align:center;}
  nav > ul > li a, nav > ul > li > span.uc {display:block;padding:15px 0;border-bottom:1px solid #999;}

  nav > ul > li:first-child {width:100%;}
  nav > ul > li:nth-child(2) {width: 100%;}
  nav > ul > li:nth-child(3) {width: 100%;}
  nav > ul > li:nth-child(4) {width: 100%;}
  nav > ul > li:nth-child(5) {width: 100%;}

nav > ul > li > ul {
width:90%;
margin:12px auto;
z-index:auto;
}

nav > ul > li > ul li a{
width:100%;
color:#fff;
background:none;
display:block;
padding:10px 0;
border-bottom:1px dotted #f2f2f2;
}

nav > ul > li.en {display:block;}

/*.menu  ul {display:block;margin-top:80px;} 
.menu  ul > li {border-bottom:1px solid #ccc;padding:12px 0;}
.menu  ul > li a {display:block;width:100%;}*/
  nav > ul > li.contact a {padding:0px;background:none;border-radius:5px;}

.menu  ul > li a::after {
  content:none;
}

.lang-swich {
display:none;
}

 /*メニューボタン*/
  .nav-button,
.nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
  }

  .nav-button {
    z-index: 20;
    position: relative;
    width: 34px;
    height: 30px;
top:10px;
  }

  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ccc;
  }

  .nav-button span:nth-of-type(1) {
    top: 0;
  }

  .nav-button span:nth-of-type(2) {
    top: 14px;
  }

  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }

  .nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(14px) rotate(-45deg);
    transform: translateY(14px) rotate(-45deg);
  }

  .nav-button.active span:nth-of-type(2) {
    opacity: 0;
  }

  .nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-14px) rotate(45deg);
  }

.header-btn-contact {display:none;}
.header-btns {display:none;}

}

@media screen and (max-width:950px) {
h1 { width: 50%;height: auto;margin-top: 15px;}
.nav-button {top:20px;}
}


@media screen and (max-width:768px) {
h1 {width: 65%;
    height: auto;
    margin-top: 20px;
}
.nav-button {top:25px;}
.header-content {height: 80px;}
}


@media screen and (max-width:500px) {
h1 {width: 80%;height: auto;margin-top: 27px;}
}

/****************************************
footer
*****************************************/
footer {width: 100%;line-height:180%;background: #4d4d4d url(../images/bg-footer.png) repeat-x 50% bottom;padding:20px 0;margin-top:100px;}
footer.top-footer {margin-top:0px!important;}
footer .footer-menu {margin-bottom:30px;border-bottom:1px solid #ddd;padding:0 0 10px 0;display:inline-block;}
footer .footer-menu ul {display:flex;justify-content:center;} 
footer .footer-menu ul > li {font-size:13px;padding:0 10px;}
footer .footer-menu ul > li a {color:#fff;}

.footer-contents {max-width:1200px;width:90%;margin:0 auto;text-align:center;}
.footer-contents .copyright {color:#fff;font-size:11px;line-height:135%;margin-top:20px;}
.footer-contents .footer-banner {margin-bottom:10px;}
.footer-contents .footer-banner ul {display:flex;justify-content:center;flex-wrap:wrap;} 
.footer-contents .footer-banner ul > li {width:18%;margin:0 1%;}
.footer-contents .footer-banner ul > li img {width:100%;}

.footer-contents .footer-add  p {font-size:12px;line-height:165%;color:#fff;margin-bottom:80px;}
.footer-contents .footer-add a {color:#fff;}
.footer-contents .footer-add a:hover {cursor:pointer;}

@media screen and (max-width:768px) {
.footer-contents .footer-banner ul > li {width:45%;margin:0 1%;}
}

@media screen and (max-width:500px) {
.footer-contents {font-size:0.8em;}
.footer-contents .footer-banner ul > li {width:60%;margin:0 auto 5px auto;}
}

/*PAGE TOP BUTTON----------------------------*/

#page-top {
	position: fixed;
	bottom: 0px;
	right: 30px;
z-index:9999;
}
#page-top a {
width:60px;
height:60px;
display:block;
}

#page-top a img {
width:100%;
height:auto;
}

#page-top a:hover {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}

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

#page-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
z-index:9999;
}

}

@media screen and (max-width:480px) {
#page-top {bottom: 0px;right: 10px;}
#page-top a {
width:40px;
height:40px;
}

}

/****************************************
button
*****************************************/

.btn a {display:inline-block;padding:15px 50px;background-color:#2797db;color:#fff;border-radius:5px;font-size:1.1em;letter-spacing:0.1em;font-weight:700;}
.btn a:hover {cursor:pointer;}

/*Layout*/
.fig {background-color:#f7f7f7;padding:10px;max-width:1000px;width:100%;text-align:center;margin:20px auto 20px auto;color:#999;}
.fig span {color:#999!important;font-size:0.9em;display:inline-block;margin-top:3px;}
.fig img {width:100%;}

@media screen and (max-width:678px) {
.fig {padding:7px;width:100%;}
}


.invisible {
    transition: opacity 0.5s ease;
    opacity: 0.0;
}
 
.visible {
    transition: opacity 0.5s ease;
    opacity: 1.0;
}

@media screen and (max-width:678px) {
br.pc_br {display:none;}
}

/*拡大アイコン*/
a.photo-large {position:relative;}
a.photo-large::before {
content:" ";
display:block;
position:absolute;
width:20px;
height:20px;
background:#000 url(../images/icon-large.png) no-repeat 50% 50%;
background-size:75%;
padding:5px;
bottom:5px;
right:0;
}