@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
/*! sanitize.css v3.0.0 | CC0 1.0 Public Domain | github.com/10up/sanitize.css */audio:not([controls]){display:none}button{overflow:visible;-webkit-appearance:button}details{display:block}html{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%}input{-webkit-border-radius:0;@nest &[type="button"],&[type="reset"],&[type="submit"]{-webkit-appearance:button}@nest &[type="number"]{width:auto}@nest &[type="search"]{-webkit-appearance:textfield;@nest &::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none}}}main{display:block}pre{overflow:auto}progress{display:inline-block}small{font-size:var(--small-font-size,75%)}summary{display:block}svg:not(:root){overflow:hidden}template{display:none}textarea{overflow:auto}[hidden]{display:none}*,:after,:before{box-sizing:inherit}*{font-size:inherit;line-height:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*,:after,:before{border-style:solid;border-width:0}*{background-repeat:var(--background-repeat,no-repeat);margin:0;padding:0}:root{background-color:var(--html-background-color,#ffffff);box-sizing:var(--html-box-sizing,border-box);color:var(--html-color,#000000);cursor:var(--html-cursor,default);font:var(--html-font-size,100%)/var(--html-line-height,1.5)var(--font-family,sans-serif);text-rendering:var(--html-text-rendering,optimizeLegibility)}a{text-decoration:var(--anchor-text-decoration,none)}audio,canvas,iframe,img,svg,video{vertical-align:var(--media-element-vertical-align,middle)}button,input,select,textarea{background-color:var(--form-element-background-color,transparent);color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}[type=button],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=reset],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],button,select,textarea{min-height:var(--form-element-min-height,1.5em)}code,kbd,pre,samp{font-family:var(--monospace-font-family,monospace),monospace}nav ol,nav ul{list-style:var(--nav-list-style,none)}select{-moz-appearance:none;-webkit-appearance:none;@nest &::-ms-expand{display:none}@nest &::-ms-value{color:currentColor}}table{border-collapse:var(--table-border-collapse,collapse);border-spacing:var(--table-border-spacing,0)}textarea{resize:var(--textarea-resize,vertical)}::selection{/*background-color:var(--selection-background-color,#b3d4fc);*/color:var(--selection-background-color,#4c2b03);text-shadow:var(--selection-text-shadow,none)}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute;@nest &:focus{clip:auto}}
html, body {
	width: 100%;
}
img {
	vertical-align: bottom;
}
li {
	list-style: none;
}
html {
/*	font-size: 62.5%;
*/}
body {
	overflow: hidden;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	color: #48697D;
	color: #333;
	font-size: 10px;
	font-size: 1rem;
	letter-spacing: 0.05em;
	word-spacing: 0em;
	line-height: 1em;
}
/*******************
 Font
********************/
input,textarea,select{
	font-weight: 500;
	color: #48697D;
	color: #333;
}
.e {
	font-family: "Playfair Display", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	letter-spacing: 0.05em;
}
h1, h2, h3 {
	font-weight: 500;
}
p.txt, div.txt p{
	font-size: .8rem;
	line-height: 1.7rem;
}
a {
	text-decoration: none;
	color: #48697D;
}
a.l{
	border-bottom:dashed 1px #9BB5C5;	
}

a img {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.l:hover{
	border-bottom:none;
}
.ind {
	margin-left: -.5em;
}
.ind:after {
	content: "";
	margin-left: -.5em;
}
.txt-b {
	font-weight: bold;
}
.txt-c-b {
	color: #48697D;
}
span.sub {
	display: block !important;
	font-size: .7rem;
}
/*******************
 Shared Class
********************/
.cols {
	overflow: hidden;
	height: auto;
}
.cols .col-l {
	float: left;
}
.cols .col-r {
	float: right;
}
.cont {
	width: 1000px;
	margin: 0 auto;
}
/*******************
 Nav
********************/
#nav {
	width: 100%;
	background-color: #FFF;
	position: relative;
}
#nav.fxd {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	border-bottom: #EFEFEF solid 1px;
}
#nav p.logo {
	position: absolute;
	left: 10px;
	top: 20px;
	display: none;
}
#nav ul.global-nav {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}
#nav ul.global-nav li {
	display: inline-block;
	color: #47687D;
	font-size: 1.1rem;
	line-height: 1.3rem;
	margin-right: 73px;
}
@media (max-width: 1210px) {
#nav ul.global-nav li {
	margin-right: 40px;
}
}
@media (max-width: 1060px) {
#nav ul.global-nav li {
	margin-right: 20px;
}
}
#nav ul.global-nav li a {
	display: block;
	padding: 35px 0 35px;
	border-bottom: solid 2px #FFF;
}
#nav ul.global-nav li.current a, #nav ul.global-nav li a:hover {
	color:#9BB5C5;
}
#nav ul.global-nav li span.sub {
	display: block;
	font-size: .6rem;
	letter-spacing: 0;
}
#nav ul.global-nav li:last-child {
	margin: 0;
}
#nav ul.global-nav li a:hover {
	text-decoration: none;
}
#nav ul.social {
	width: 60px;
	position: absolute;
	right: 33px;
	top: 33px;
}
#nav ul.social ul {
	overflow: hidden;
	height: auto;
}
#nav ul.social li {
	display: inline-block;
	margin: 0 5px;
}
/*******************
Social
********************/
.social li a{
	display: block;
	width:50px;
	height:50px;
	background:#7096AC;
	color:#FFF;
	text-align:center;
	display: inline-block;
	line-height: 42px;
  	border-radius: 50%;
	font-size:1.5rem;
}
.social li a:hover{
	background:#48697D;
}
/*******************
 Footer
********************/
#footer {
	width: 100%;
	color: #FFF;
}
#footer .nav {
	width: 100%;
	padding: 50px 0;
	background-color: #7096AC;
}
#footer p.logo {
	text-align: center;
	margin-bottom: 50px;
}
#footer ul {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footer ul li {
	display: inline-block;
	font-size: .7rem;
	margin: 0 5px;
	padding: 2px 15px 2px 0;
	border-right: solid 1px #B8CBD6;
}
#footer ul li:first-child {
	padding: 2px 15px 2px 20px;
	border-left: solid 1px #B8CBD6;
}
#footer ul li a {
	color: #FFF;
}
#footer .copyright {
	width: 100%;
	padding: 30px 0;
	background-color: #9BB5C5;
}
#footer .copyright p {
	font-size: .8rem;
	line-height: 1rem;
	text-align: center;
}
.pagetop{
	width:30px;
	height:30px;
	background-color:#48697D;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	z-index:10;
}
.pagetop a{
	color:#FFF;
	display:block;
	text-align:center;
	padding:5px 0 0;
}
@media (max-width: 767px) {
body {
	padding: 0;
	margin: 0;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size:9px;
	font-size: .9rem;
	color: #48697D;
	color: #333;
	font-weight: normal;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
	line-height: 1;
	letter-spacing: 0.05em;
	background-size: 100% auto;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: auto;
}
/*******************
 Font
********************/
.e {
	font-family: "Playfair Display", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	letter-spacing: 0.05em;
}
h1, h2, h3 {
	font-weight: 500;
}
p.txt, div.txt p {
	font-size: .7rem;
	line-height: 1.3rem;
}
a {
	text-decoration: none;
	color: #48697D;
}
a img {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.ind {
	margin-left: -.5em;
}
.ind:after {
	content: "";
	margin-left: -.5em;
}
.txt-b {
	font-weight: bold;
}
.txt-c-b {
	color: #48697D;
}
span.sub {
	display: block !important;
	font-size: .6rem;
}
i{
	font-weight:normal !important;
}

/*******************
 Shared Class
********************/
.cont {
	width: 100%;
	margin: 0 auto;
}

/*******************
 Nav
********************/
#nav {
	display:none;
}
#header{
	display:none;
}
.sp-nav{
	width:7%;
	font-size:1.8rem;
	position:fixed;
	left:5%;
	top:8px;
	z-index:10;
}

.sp-nav a{
	color:#FFF;
	text-align:center;
}
.sp-nav span{
	font-size:.55rem;
	margin-top:20%;
	display:block;
}
@media (orientation:landscape) {
.sp-nav{
	font-size:2.5rem;
	position:fixed;
	right:2%;
	top:3%;
	z-index:10;
}
.sp-nav span{
	font-size:.7rem;
	display:block;
}
}
.sp-nav-close{
	width:6%;
	font-size:1.8rem;
	position:fixed;
	left:5.5%;
	top:2.5%;
	z-index:15;
	display:none;
}
.sp-nav-close a{
	color:#7096AC;
}
.sp-nav-close span{
	font-size:.5rem;
	display:block;
}

#nav{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	background:#FFF;
	display:none;
	padding:5% 0;
	z-index:10;
}
#nav ul.global-nav {
	width: 100%;
	margin: 0 auto 5%;
	text-align: center;
}
#nav ul.global-nav li {
	display: block;
	color: #47687D;
	font-size: 1rem;
	line-height: 1.1rem;
	margin: 0 0 3%;
	width:100%;
}
#nav ul.global-nav li a {
	display: block;
	padding: 2% 0 2%;
	border-bottom: none;
}
#nav ul.global-nav li.current, #nav ul.global-nav li a:hover {
	border-bottom: none;
}
#nav ul.global-nav li span.sub {
	display: block;
	font-size: .5rem;
	letter-spacing: 0;
}
#nav ul.global-nav li:last-child {
	margin: 0;
}
#nav ul.global-nav li a:hover {
	text-decoration: none;
}
#nav ul.social {
	display:none;
}
.social{
	position:fixed;
	right:5%;
	top:13px;
	z-index:12;
}
.social li a{
	width:34px;
	height:34px;
	line-height: 32px!important;
	font-size:1.2rem;
}

#cover{
	width:100%;
	height:100%;
	position:fixed;
	z-index:8;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.8);
}
/*******************
Social
********************/
.social li a{
	line-height: 40px;
}
/*******************
 Footer
********************/
#footer {
	width: 100%;
	color: #FFF;
}
#footer .nav {
	width: 100%;
	padding: 5% 0;
	background-color: #7096AC;
}
#footer p.logo {
	text-align: center;
	margin:0 auto 5%;
	width:25%;
}
#footer ul {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footer ul li {
	display: inline-block;
	font-size: .6rem;
	margin: 0 0 2%;
	padding: 0 1%;
	border: none;
}
#footer ul li:first-child {
	margin: 0 0 1%;
	padding: 0 1%;
	border: none;
}
#footer ul li a {
	color: #FFF;
}
#footer .copyright {
	width: 100%;
	padding: 5% 0;
	background-color: #9BB5C5;
}
#footer .copyright p {
	font-size: .7rem;
	line-height: 1rem;
	text-align: center;
}
.pagetop{
	width:8%;
	height:auto;
	background-color:#48697D;
	position:fixed;
	bottom:5%;
	right:5%;
	display:none;
	z-index:10;
}
.pagetop a{
	color:#FFF;
	display:block;
	text-align:center;
	padding:25% 0 25%;
}