@charset "utf-8";
@import url("font.css");
@import url("home.css");
@import url("child-page.css");
/*------------------------------------------------------------
common
------------------------------------------------------------*/
html,body {
        height: 100%;
    }
html{
	font-size: 62.5%;
	overflow-x: hidden;
}
body {
	font-size: 1.6rem; /*16px*/
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	color: #353535;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/*------------------------------------------------------------
layout
------------------------------------------------------------*/
#wrapper {
  position: relative;
  min-height: 100%;
  height: auto !important; /*for IE6*/
  height: 100%; /*for IE6*/
}
#global-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 2%;
}
#lang {
  margin-left: auto;
  margin-top: auto;
}
#lang p i {
  margin-right: 5px;
  color: #014fa3;
}
#lang a {
  color: #014fa3;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#lang a:hover {
  text-decoration: underline;
  color: #014fa3;
}
#ad {
  margin-left: 1em;
}
#ad i {
  display: block;
  line-height: 1;
  font-size: 3.2rem;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  color: inherit;
}
#ad p:first-child {
	font-size: 1.4rem;
  font-weight: bold;
	line-height: 1.25;
}
@media screen and (max-width: 1360px) {
  #main-inner {
    padding: 0 2%;
  }
}
@media screen and (max-width: 1020px) {
  #ad {
    display: none;
  }
  #lang {
    display: none;
  }
}
#main {
  padding-bottom: 50px;
}
@media screen and (max-width: 530px) {
	h1#logo img {
		max-width: 80%;
	}
}
/*------------------------------------------------------------
#gloval-nav
------------------------------------------------------------*/
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
#footer {
	width: 100%;
	height: 50px;
	bottom: 0;
	padding: .5em;
	background: #f7f7f7;
	text-align: right;
}
#footer > small {
	font-size: 1.2rem;
}
@media screen and (max-width: 900px) {
#footer {
	text-align: center;
}
}
/*------------------------------------------------------------
button
------------------------------------------------------------*/
.btn {
	display: -webkit-flex;
	display: -ms-flex;
	display: inlineflex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #038a8e;
	color: #fff;
	font-size: 1.6rem;
	padding: 10px;
	max-width: 400px;
	margin: 2em auto;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}
.btn > *:first-child {
	width: calc(100% - 10px * 3);
}
.btn::after {
	content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}
.btn:hover {
	opacity: 0.5;
}
a.btn:link, a.btn:active, a.btn:hover, a.btn:visited {
	color: #fff;
	text-decoration: none;
}
.btn span {
	text-align: center;
}
/*リンク無効*/
.btn_void {
	display: -webkit-flex;
	display: -ms-flex;
	display: inlineflex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #ccc;
	color: #fff;
	font-size: 1.6rem;
	padding: 10px;
	max-width: 400px;
	margin: 2em auto;
	-webkit-transition: 0.3s linear 0s;
	-o-transition: 0.3s linear 0s;
	transition: 0.3s linear 0s;
}
.btn_void > *:first-child {
	width: calc(100% - 10px * 3);
}
.btn_void::after {
	content: '';
	display: inline-block;
	padding: 0;
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg) translateX(-5px) translateY(5px);
	-ms-transform: rotate(45deg) translateX(-5px) translateY(5px);
	transform: rotate(45deg) translateX(-5px) translateY(5px);
	margin-left: 15px;
}
.btn_void:hover {
	opacity: 1;
}
a.btn_void:link, a.btn:active, a.btn:hover, a.btn:visited {
	color: #fff;
	text-decoration: none;
}
.btn_void span {
	text-align: center;
}
/*------------------------------------------------------------
画像の表示切替
------------------------------------------------------------*/
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 900px) {
.pc { display: none !important; }
.sp { display: block !important; }
}