@charset "UTF-8";

/*----------------------------------------------------
	☆Reset
----------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
.font01{ font-family: 'Montserrat', sans-serif;}

body, h1, h2, h3, h4, h5, h6, pre, ul , ol , li, dl, dt, dd, p, img {
	margin:0;
	padding:0;
}
body {
	font-size:1em;	
font-family:'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	color:#394c5b;
	background-color:#FFF;
}
body, div, p, span, ul, ol, ol, dl, dt, dd, table, tr, th, td, img, header, footer, small{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#fancybox-wrap,
#fancybox-wrap div{
	box-sizing: content-box;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
}
a {
	color:#394c5b;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
a:link {
	color:#394c5b;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#666;
	text-decoration:none;
	outline:none;
}
#contents p {
	line-height:160%;
}
ul, ol {
	list-style-type:none;
}
ul li, ol li, dl {
	line-height:170%;
}
a:focus {
  outline: none;
}
img{ vertical-align:bottom;}

.image img{
	width:100%;
}

/*--------選択時の色---------*/

::selection { background-color:#666; color: #FFF; /* Safari */ }
::-moz-selection { background-color: #666; color: #FFF; /* Firefox */ }

/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/
.clearfix:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	font-size:0.1em;
	line-height:0;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
/* End hide from IE-mac */

/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/
br.clear_noie, 
div.clear_noie {
	display:inline !important;
	display:none;
	clear:both;
	line-height:0px;
}
br.clear_all {
	clear:both;
	line-height:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
br.clear_noie  {
	display:block!important;
	content: " ";
}
}

/*----------------------------------------------------
	☆topcontrol
----------------------------------------------------*/
#pagetop{ opacity:0;}

#pagetop a{
	background:url(../cmn_img/scrollup.png) left top no-repeat;
	background : url(../cmn_img/scrollup.png) left top no-repeat\9; /* IE8 and below */
	*background : url(../cmn_img/scrollup.png) left top no-repeat; /* IE7 and below */
	_background : url(../cmn_img/scrollup.png) left top no-repeat; /* IE6 */
	background-size:cover !important;
	display:block;
	height:60px;
	width:60px;
	z-index:9999;
	position:fixed;
	right:20px;
	bottom:20px;
	opacity:0.7;
}
#pagetop a:hover{
	opacity:1;
}

/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/
/*-- header --*/
#header {
	width:100%;
}
#header .menu_btn{
	display:none;
}
#header .headerInr{
	width:94%;
	max-width:1080px;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0;
}
#header .headerInr .header_logo{
	width:100%;
	max-width:144px;
	float:left;
}
#header .headerInr .header_logo img,
#header .headerInr .sns li img{ width:100%;}

#header .headerInr .sns{
	float:right;
	width:140px;
	text-align:right;	
	padding-top:10px;
}
#header .headerInr .sns li{
	display:inline-block;
	margin: 0 0 0 3px;
	width:38px;
	padding:0;
}
/*-- gNav --*/
#gNav{
	width:calc(100% - 284px);
	width:-webkit-calc(100% - 284px);
	float:left;
}
#gNav ul{
	text-align:center;
	width:100%;
	padding-top:10px;
}
#gNav ul li{
	display:inline-block;
	margin:0 15px;
}
#gNav ul li .en{
	font-family: 'Montserrat', sans-serif;
	font-size:1.23em;
	text-align:center;
	display:block;
	margin-bottom:5px;
	line-height:1em;
	letter-spacing:1px;
}
#gNav ul li .jp{
	display:block;
	line-height:1em;
	font-size:0.85em;
}

/*-- mainTitle --*/
#mainTitle {
	background:#e1e9f0;
	text-align:center;
	padding:50px 0;
}
#mainTitle .en{
	font-family: 'Montserrat', sans-serif;
	font-size:3.07em;
	letter-spacing:0.2em;
	margin-bottom:15px;
	font-weight:lighter;
	text-transform:uppercase;
}
#mainTitle .en,
#mainTitle .jp{
	display:block;
	line-height:1em;
}
#mainTitle .jp{
	color:#43b7a9;
	font-size:1.08em;
}

/*-- breadChumbs --*/
#breadChumbs {
	padding:10px 0;
	border-bottom:1px solid #D8D8D8;
}
#breadChumbs p{
	width:94%;
	margin:0 auto;
	font-size:0.85em;
}

/*-- contents --*/
#contents {
	padding:50px 0 120px;
}

#contents .two_column{
	overflow:hidden;
	max-width:1200px;
	width:93%;
	margin:0 auto;
}
/*-- main --*/
#main{
	float:left;
	width:70%;
}	
/*-- side --*/
#side{
	background:#e1e9f0;
	float:right;
	width:25%;
	padding:25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#side .side_head{
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	font-size:1.8em;
	font-weight:lighter;
	letter-spacing:0.1em;
	padding-bottom:15px;
	margin-bottom:20px;
	text-transform:uppercase;
}
#side .side_head.category00{	background:url(../cmn_img/bg_head01_black.gif) left bottom repeat-x;}
#side .side_head.category01{	background:url(../cmn_img/bg_head01.gif) left bottom repeat-x;}
#side .side_head.category02{	background:url(../cmn_img/bg_head01_yellow.gif) left bottom repeat-x;}
#side .side_head.category03{	background:url(../cmn_img/bg_head01_pink.gif) left bottom repeat-x;}
#side .side_head.category04{	background:url(../cmn_img/bg_head01_blue.gif) left bottom repeat-x;}

/*-- footer --*/
#footer {
	background:#465866;
}
#footer .footer01,
#footer .footer02{
	padding:20px 20px 10px;
	border-bottom:1px solid #6b7985;
	text-align:center;
}
#footer .footer01 p,
#footer .footer02 p{
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	letter-spacing:0.1em;
}
#footer .footer01 p a,
#footer .footer02 p a{
	margin:0 30px 10px;
	color:#FFF;
	display:inline-block;
}
#footer .footer01 p{
	font-size:1.1em;
}
#footer .footer02{
	padding:15px 20px 5px;
}
#footer .footer02 p{
	font-size:1em;
}
#footer .footer03{
	padding:20px 3.5%;
	border-bottom:1px solid #6b7985;
	overflow:hidden;
}
#footer .footer03 .contectBtn{
	width:240px;
	float:right;
	text-align:center;
}
#footer .footer03 .contectBtn a{
	display:block;
	color:#FFF;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0.1em;
	background:url(../cmn_img/arrow_01_white_right.png) 96% center no-repeat rgba(255,255,255,0.2);
	background-size:6px 10px;
	padding:20px 0;
	font-size:1.08em;
	border:1px solid #FFF;
}
#footer .footer03 .contectBtn img{
	margin-right:5px;
}
#footer .footer03 .footerlogo{
	float:left;
	width:170px;
	margin-right:20px;
}
#footer .footer03 .footerlogo img{
	width:100%;
}
#footer .footer03 .footerAddress{
	float:left;
	width:calc(93% -430px);	
	width:-webkit-calc(93% -430px);
	font-size:1.08em;
	line-height:1.7em;
	font-family: 'Montserrat', sans-serif;
	padding-top:10px;
	color:#FFF;
}
#footer address{
	padding:15px 0;
	text-align:center;
	text-decoration:none;
	font-style:normal;
	color:#FFF;
}

/*-- mmenu--*/
.mm-menu{
	background:#465866;
}
.mm-navbar{
	height:60px;
}
/*
.mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview{
	margin-top:0;
}*/
.mm-navbar.mm-hasbtns{
	padding:0;
	background:#465866;
}
.mm-navbar.mm-hasbtns .mm-title img{
	width:auto;
	height:40px;
}
.mm-listview li{
	padding-left:10px;
}
.mm-listview li a{
	padding:12px 10px;
	display:block;
	background: url(../cmn_img/arrow_02_white_right.png) left center no-repeat;
	background-size:4px 6px;
	padding-left:15px;
}
.mm-listview li a .en{
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	letter-spacing:0.1em;
	font-size:1.16em;
	margin-right:10px;
}
.mm-listview li a .jp{
	color:#46d7c6;
	font-size:0.85em;
	letter-spacing:1px;
}

.mm-listview li.slide_logo{
	background:#FFF;
	background-image:none;
	text-align:center;
	padding:5px 0;
}
.mm-listview li.slide_logo img{
	width:50%;
}

.mm-listview li.slide_logo a,
.mm-listview li.sns a{
	background-image:none;
}

.mm-listview li.sns{
	background-image:none;
	text-align:center;
	padding:5px 0
}
.mm-listview li.sns a{
	display:inline-block;
	margin:0 5px;
	width:38px;
	padding:0;
	padding-top:5px;
}