html {
	font-size: 62.5%;
}

body {
	font-size: 1.4rem!important;
	line-height: 1.6;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	height: 45px;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}
.logo-sp{ margin-left:10px;}
.logo-sp img{ 
	height: 36px;
	margin-top:5px;
	}
	
.code-num{ font-size:.8em; margin-left:10px;}


ul.header-in{ display:flex;}
ul.header-in li{}
ul.header-in li:nth-child(2){display:flex; width:100%;align-items: center;}
ul.header-in li:nth-child(2) div{align-self: center; margin-left:1em;}
ul.header-in li:nth-child(2) img{ height:30px;}


/*----------------------
* 02.TOP
----------------------*/

.video-wrap {
  height: 40%;
  height: 34vh;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-top: 45px;
}
.video-wrap:after{
  content: '';
  position: inherit;
 /* top: 0;
  left: 0;*/
  display: block;
  width: 100%;
  height: 34vh;
   overflow: hidden;
  background-color: rgba(0,0,0,0.4);
  z-index: 1;
}
#video {
  background:url(../images/photo_01.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  left: 0;
  height: 34vh;
  min-width: 100%;
  min-width: 100vw;
  position: absolute;
  top: 0;
  /*z-index: 1;*/
}
.catch {
	position:absolute;
	top:40%;
	z-index: 3;
	color: #fff;
	overflow: hidden;
	width:100%;
  	text-align:center;
}
.catch h2{
	color:#FFF;
	font-size:2em;
	}

	
/*----------------------
* 03.nav
----------------------*/

.global-nav {
	position: fixed;
	right: -640px;
	top:0;
	/* 隠す */
	width: 80%;
	/* スマホに収まるくらい */
	height: 100vh;
	padding-top: 46px;
	background-color: #fbfbfb;
	/*Mandarin*/
	transition: all .6s;
	z-index: 250;
	overflow-y: auto;
	/* メニューが多くなったらスクロールできるように */
}
.global-nav > .name{ 
	height: 20px;
    position: absolute;
    top: 15px;
    left:10px;
		}
		
.global-nav > .name img{ width:55%; }		
		
.hamburger {
	position: absolute;
	right: 10px;
	top: 2px;
	width: 30px;
	/* 幅指定 */
	height: 34px;
	/* 高さ指定 */
	cursor: pointer;
	z-index: 300;
}

ul.global-nav__list,
ul.inner-ac{
	margin: 0;
	padding: 0;
	list-style: none;
	display:flex!important;
	flex-wrap: wrap;
	justify-content:space-between;
	align-content: space-between;
}

ul.global-nav__list li,
ul.inner-ac li{
	width:50%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: flex;
	align-items: center;
}

ul.global-nav__list li a,
ul.inner-ac li a{
	text-decoration: none;
	color: #434343;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.2;
	display:block;
	padding: 1em 10px;
	width: 100%;
}

ul.global-nav__list li a>div,
ul.inner-ac li a>div
 {
	color: #020452;
	font-size: .8em;
	font-family: 'Open Sans', sans-serif;
}

.hamburger__line {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 4px;
	background-color: #452e23;
	/*Navy*/
	transition: all .6s;
}

.hamburger__line--1 {
	top: 10px;
}

.hamburger__line--2 {
	top: 20px;
}

.hamburger__line--3 {
	top: 30px;
}
f
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background:rgba(67,67,67,0.4);
	visibility: hidden;
	transition: all .6s;
	cursor: pointer;
}
/* 表示された時用のCSS */

.nav-open .global-nav {
	right: 0;
}

.nav-open .black-bg {
	opacity: .2;
	visibility: visible;
}

.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 18px;
	background-color: #452e23;
}

.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}

.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 18px;
	background-color: #452e23;
}

.snslinkt{ display:flex;justify-content:center; margin-top:10px;}

.snslinkt img{ margin-left:10px; margin-right:10px;}



/*----------------------
 * 10.アコーディオン
----------------------*/
.accordion1 .inner {display: none;}


.global-nav h2{ font-size:1em;
	background-color:#452e23;
	padding:1em 10px;
	line-height:1;
	color:#FFF;
	position: relative;
}
.global-nav h2 a{  color:#FFF; display:block; text-decoration:none;}
ul.accordion1 li{ position:relative;border-bottom: 1px #d9d9d9 solid;}
ul.accordion1 li:last-of-type{border-bottom: none;}
ul.accordion1 li > h2.ac-down:before{
  content: "";
  position: absolute;
  right: 20px;
  top: 30%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

ul.accordion1 li.active>h2.ac-down:before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 40%;
	
	}


.topic{ margin-left:10px; margin-right:10px;}



/*----------------------
 * 100.common
----------------------*/

.dsp-no-sp {
	display: none!important;
	visibility: hidden;
}

.br-sp {
	display: block!important;
}

.br-pc {
	display: none;
}
.size-s{ font-size:.8em;}