@charset "utf-8";


/* ==========================================

  “Common” CSS

========================================== */



/* Default 
========================================== */
*		 {	box-sizing:border-box;
			font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;}

html	{	background:#fff; height:100%;}

body	{	background:#fafafa; color:#414042; line-height:1;/* height:100%;*/
			font-size:62.5%;}


	/* Text Module
	---------------------------------------- */
	em 		{	font-style:italic;}
	strong	{	font-weight: bold;}


	/* Hypertext Module
	---------------------------------------- */
	a:link			{	text-decoration:none; color:#414042;	}
	a:visited		{	text-decoration:none; color:#414042;	}
	a:hover,
	a:active		{	text-decoration:none; opacity:0.7;	}
	

	/* Image Module
	---------------------------------------- */
	img 		{	vertical-align:top; font-size:0; line-height:0; }


	/* Form Module
	---------------------------------------- */
/*	input[type=checkbox]	{	width:15px; height:15px;}
	input[type=radio]		{	width:15px; height:15px;}*/

	select,
	input			{	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}


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





/* Content　Base
========================================== */

#wrapper {
	overflow: hidden;
	position:relative;
	padding: 60px 0 2.0em 0;
	margin: 0 auto;
}

.wide		{	width:98%; max-width:950px; min-width:728px; margin: 0 auto 0; font-size:1.2em;}

@media screen and (max-width: 768px) { 
	.wide	{	max-width:728px; min-width:440px;}}
		
@media screen and (max-width: 480px) { 
	.wide	{	width: 90%; max-width:440px; min-width:300px;}}

		/* font-size (Base12px)
		6px		0.500em
		7px		0.583em
		8px		0.667em
		9px		0.750em
		10px	0.833em
		11px	0.917em
		12px	1.000em
		13px	1.083em
		14px	1.167em
		15px	1.250em
		16px	1.333em
		17px	1.417em
		18px	1.500em
		19px	1.583em
		20px	1.667em
		21px	1.750em
		22px	1.833em
		23px	1.917em
		24px	2.000em
		*/



/* header
========================================== */
#header						{	width: 100%; position: fixed; z-index: 10000; margin-top: -60px;
								border-bottom:0px solid #d2d2d2; background: #fff;}
#header #headNav				{	display:block; width:100%; position: relative;}
#header #headNav h1				{	width:25%; padding:15px 0 12px 40px;}
#header #headNav h1 img			{	width:100%; height:auto; max-width:410px;}
#header #headNav > div			{	width:25%; padding:15px 0 12px 40px;}
#header #headNav > div img		{	width:100%; height:auto; max-width:410px;}
#header #headNav:after			{	content: ""; width: 92px; height: 97px; display: block; display: none;
									position: absolute; top: 0; right: 20px;
									background: url(/imgs/header-seal.png) no-repeat;
									background-size: contain; }

#header	#headNav nav			{	display:table-cell; vertical-align:middle;}
#header	#headNav ul				{	float:right; text-align:right; width:100%;}
#header	#headNav li				{	display:inline-block; margin:0 0 0 5%; font-size:1.083em; font-weight:bold; line-height:17px;}
#header	#headNav li:nth-of-type(5),
#header	#headNav li:nth-of-type(6)		{	margin:  0 0 0 10px;}
#header	#headNav li:nth-of-type(5) i	{	color: #4166b2;}
#header	#headNav li:nth-of-type(6) i	{	color: #52a1f3;}
#header	#headNav li a:link		{	color:#555555;	}
#header	#headNav li a:visited	{	color:#555555;	}
#header	#headNav li a:hover,
#header	#headNav li a:active		{	color:#555555; opacity:0.7;	}

#header	#headNav li a:before				{	display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
#header	#headNav li:nth-child(3) a::before		{	content:""; width:14px; height:17px;
								background:url("/imgs/head_wakaba.png") no-repeat; background-size:contain;}
#header	#headNav li:nth-child(4) a::before		{	content:""; width:14px; height:17px;
								background:url("/imgs/head_key.png") no-repeat; background-size:contain;}

#header #headNav #spBtn	{	display:none; text-align:right; vertical-align:middle;}
section#pageTop		{	padding: 60px 0 0; margin: -60px 0 0;}

@media screen and (max-width: 768px) { 
	#header #headNav h1		{	width:50%;}
	#header #headNav > div	{	width:50%;}

	#header			{	border-bottom: 0px solid #000;}
	ul#snsBtns	 	{	display: none;}

	#header #headNav h1		{	}
	#header #headNav > div	{	}
	#header	#headNav nav 	{	display:none;}
	#header #headNav #spBtn	{	display:block; width:20%; max-width: 50px; position: fixed; top: 0px; right: 0px;
		padding: 5px 0px; opacity: 0.5; z-index: 100; /*background: #cecece;*/ border-radius: 0px;}
	#header #headNav:after	{	width: 62px; height: 68px; }

	#header #headNav #spBtn a img {	width: 80%; display: block; margin: 0 auto; }
}
@media screen and (max-width: 480px) {
	#header #headNav #spBtn	{	width:20%; max-width: 40px; }
}


/* Nav Drop Down
========================================== */
#gNav {
	width: 60%;
	position: fixed;
	top: 10px;
	left: calc(40% - 40px);
	z-index: 10010;
}
.nav_dropdown > ul {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 0px;
}
.nav_dropdown > ul > li {
    flex-basis: 16%;
    position: relative;
	margin: 0 0 5px;
}
.nav_dropdown > ul > li > a {
    color: #414042;/**/
    font-size: 1.4em;
    text-align: center;
    display: block;
    cursor: pointer;
    padding: 0.5em 0 0.4em;
    border: 0px solid #f29814;
	border-bottom: 0px solid #333;
/*    border-radius: 5px;*/
}
.nav_dropdown > ul > li > a:after {
    content: "▼";
    font-size: 0.6em;
    display: block;
    padding: 0.2em 0 0;
}
.nav_dropdown > ul > li:nth-of-type(5) > a:after,
.nav_dropdown > ul > li:nth-of-type(6) > a:after {
	display: none;
}
.nav_dropdown > ul > li:nth-of-type(5) > a:before,
.nav_dropdown > ul > li:nth-of-type(6) > a:before {
    content: "";
    width: 14px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 3px 0 0;
    background: url(/imgs/head_wakaba.png) no-repeat;
    background-size: contain;
}
.nav_dropdown > ul > li:nth-of-type(6) > a:before {
	background: url(/imgs/head_office.png) no-repeat;
    background-size: contain;
}
/*
*/
.nav_dropdown > ul > li ul {
    width: 150%;
	max-height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 0px;
    margin: 0;
    z-index: 10000;
    background: #fff;
    border-radius: 0px;
	transition: max-height 2.5s;
}
.nav_dropdown > ul > li ul li {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: .2s;
}
.nav_dropdown > ul > li ul li a {
    width: 100%;
	color: #414042;
    font-size: 12px;
    display: block;
    padding: 8px 10px;
    border: 0px solid #999;
    border-bottom-width: 0px;
}
.nav_dropdown > ul > li ul li a:hover {
    color: #fff;
    background: #333;
    border-bottom-color: #fff;
}
.nav_dropdown > ul > li:active ul,
.nav_dropdown > ul > li:hover ul {
	max-height: 1000px;
	overflow: hidden;
}
.nav_dropdown > ul > li:active ul li,
.nav_dropdown > ul > li:hover ul li {
    overflow: visible;
    height: auto;
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border: none;
}
.mm-menu .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
	border-bottom-width: 0px!important;
}
.mm-menu.mm-top {
	height: 60%!important;
}
.mm-top.mm-opening #mm-blocker {
	top: 60%!important;
}


/* Footer Go to TOP
========================================== */
footer div#header-seal {
	position: fixed;
	bottom: 170px;
	right: 20px;
	z-index: 10000;
	padding: 10px 8px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.3);
}
footer div#header-seal img {
	width: 92px;
	height: 97px;
}
footer div#header-seal:before {
	content: "▲ TOP";
	font-size: 1.2em;
	width: 0px;
	width: auto;
	height: 0px;
	height: auto;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0px auto 15px;
	border: 0px solid transparent;
}
@media screen and (max-width: 480px) {
	footer div#header-seal {
		bottom: 80px;
		right: 5px;
	}
	footer div#header-seal img {
		width: 61px;
		height: auto;
	}
}

/* Footer
========================================== */

#detailContact4sp li:nth-of-type(1) a,
footer a#footContact {
	width: 50%;
	max-width: 500px;
    color: #747373;
	font-size: 2.0em;
	text-align: center;
	display: block;
	padding: 20px 90px 18px 0;
	margin: 0 auto 40px;
	border: 1px solid #747373;
	border-radius: 5px;
    background: url(/imgs/footer-bg-AirPlane.png) right 30px center no-repeat #fff;
    background-size: contain;
}

footer h3 {
	width: 50%;
	max-width: 500px;
    color: #211513;
	font-size: 3.0em;
	text-align: center;
	padding: 14px 0 10px;
	margin: 0 auto 20px;
	border: 2px solid #211513;
	border-left-width: 0;
	border-right-width: 0;
    background: none;
}

ul#snsIcons {
	width: 129px;
	color: #434041;
	font-size: 4em;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 80px 0 0px;
}
ul#snsIcons li {
	flex-basis: 43px;
	text-align: right;
}
ul#snsIcons li:nth-of-type(1) a { color: #4267b2; }
ul#snsIcons li:nth-of-type(2) a { color: #58b90b; }
ul#snsIcons li:nth-of-type(3) a { color: #52a2f2; }

p#copy 			{	text-align:center; padding: 10px 0; font-size:0.917em;
	/*
                        background:url("/imgs/footer_bg.png") repeat-x #fff;
                        background-size:980px 74px; -webkit-background-size:980px 74px; -moz-background-size:980px 74px;
    */
	margin-top:-1px;}

@media screen and (max-width: 480px) {
    footer a#footContact,
    footer h3 {
        width: 90%;
    }
	footer a#footContact {
		padding: 20px 0px 18px;
		background: #fff;
	}
}










    /* gNavi (pc/tablet)
    ========================================== */
/*
#gNav				{	background: none; padding:14px 0;}
#gNav .wide			{	display:table; position:relative;}
#gNav > ul > li		{	display:table-cell; border-left:1px solid #fff; text-align:center;
						box-sizing:border-box; width:14.2857%; vertical-align:middle;}
#gNav > ul > li:last-child	{	border-right:1px solid #fff;}
#gNav > ul > li:hover		{	background:#999;}
#gNav > ul > li a			{	display:block; font-size:1.083em; box-sizing:border-box; padding:2px 5px;}
#gNav > ul > li a:link		{	color:#fff;	}
#gNav > ul > li a:visited	{	color:#fff;	}
#gNav > ul > li a:hover,
#gNav > ul > li a:active	{	color:#fff;	}
*/

@media screen and (max-width: 768px) {
	#gNav			{	display:none;}
	#gNavSpBase		{	display:block;}
}
@media screen and (max-width: 480px) {
}


/* Navi (sp)
========================================== */
#gNavSpBase			{	display:none;} 
/*#gNavSP #navSpHead	{	background:red;}
#gNavSP #navSpFoot a	{	display:inline;}*/


/* Footer
========================================== */
#footSnsPagetop							{	background:#f0f0f0; margin-top:80px; width:100%}
#footSnsPagetop nav.wide				{	position:relative; height:70px; width:100%;}
#footSnsPagetop nav.wide ul				{	display:table; height:70px; margin-left:5px;}
#footSnsPagetop nav.wide ul > li		{	display:table-cell; text-align:center; vertical-align:middle; padding-right:13px;}
#footSnsPagetop nav.wide ul > li a		{	display:block; }
#footSnsPagetop nav.wide ul > li a img	{	display:block; margin:0 auto; padding:0;}
#footSnsPagetop nav.wide ul > li a:nth-child(2)
										{	font-size:0.750em; -webkit-transform:scale(0.9); font-weight:normal; margin:3px 0 0 0;}
#footSnsPagetop nav.wide p				{	float:right;}
#footSnsPagetop nav.wide p img			{	width:84px; height:70px;}

#footSiteMap		{	width:100%; color:#fff; background:#414042;}
#footSiteMap .wide	{	display: flex; flex-wrap: wrap; justify-content: space-between;}

#footSiteMap .wide nav						{	flex-basis:73%; padding:40px 0 0 0;}

#footSiteMap .wide nav > ul > li			{	margin-bottom:30px; display:table; width:100%;}
#footSiteMap .wide nav > ul > li a:link		{	color:#fff;	}
#footSiteMap .wide nav > ul > li a:visited	{	color:#fff;	}
#footSiteMap .wide nav > ul > li a:hover,
#footSiteMap .wide nav > ul > li a:active	{	color:#999;	}
#footSiteMap .wide nav > ul > li > div.ttl	{	color:#fff; font-weight: bold; display:table-cell;font-size:1.167em;width:20%;padding-right:10px;}
#footSiteMap .wide nav > ul > li > ul		{	display:table-cell;}
#footSiteMap .wide nav > ul > li > ul > li	{	display:inline-block; padding:0 2.4% 1em 0; white-space:nowrap;}

#footSiteMap .wide #fSmContact	{ flex-basis: 27%; text-align:center; padding: 80px 0 30px;}
#footSiteMap .wide #fSmContact div		{	font-weight: bold;}
#footSiteMap .wide #fSmContact div img	{	width:auto; height:26px; margin:0 auto 10px; display:block;}
#footSiteMap .wide #fSmContact p:nth-of-type(1),
#footSiteMap .wide #fSmContact p:nth-of-type(3)	{	margin:1em 0 0;line-height:1.5;font-size: 1.000em;}
#footSiteMap .wide #fSmContact p:nth-of-type(1) b,
#footSiteMap .wide #fSmContact p:nth-of-type(3) b	{
	font-size: 1.8em;
	display: block;
}
#footSiteMap .wide #fSmContact p:nth-of-type(2) a,
#footSiteMap .wide #fSmContact p:nth-of-type(4) a	{	color:#fff;font-size:2.000em; font-weight:bold; margin: 3px 0 15px;
	font-family:"Times New Roman", Times, serif;}
#footSiteMap .wide #fSmContact p:nth-of-type(5)	{	font-size: 0.917em; line-height: 1.5;}






@media screen and (max-width: 768px) {
	#footSiteMap .wide nav,
	footer #fSmContact				{	flex-basis:100%;}
	}
@media screen and (max-width: 480px) { 
	#footSiteMap								{	}
	#footSiteMap .wide nav						{	/*display:none;*/}
	#footSiteMap .wide nav > ul:nth-of-type(1)	{	width:100%; float:none;}
	#footSiteMap .wide nav > ul:nth-of-type(2)	{	display:none;}
	
	#footSiteMap .wide #fSmContact	{	flex-basis: 100%; max-width:100%; padding: 20px 0 120px;}
	}


/* Common Parts
========================================== */
	
	/* Title
	----------------------------------------*/
    .h2ttl          {   color: #414042; font-size: 1.8em;text-align: center;padding: 0.8em 0 0.3em;margin: 0 0 20px;
						border: 0px solid #000;border-right-width: 0;border-left-width: 0;}
	@media screen and (max-width: 480px) {
		.h2ttl			{	font-size: 2.0em;}
	}

.ttl			{	font-size:1.833em; position:relative; color:#000; margin-bottom: 1.0em;}
		.op22		{	font-size:1.833em; padding-top:12px;}
		.op22VTOL	{	font-size:1.833em; display:table-cell; width:24px; vertical-align:top;}
		.op14Line	{	font-size:1.167em; padding-top:12px;}
		.op14Line::after	{	content:""; display:block; position:absolute; top:0; left:0; background:#bcbcbc; width:24px; height:4px;}


	/* topicPath
	---------------------------------------- */
    #topicPath			{	padding:20px 0;}
	#topicPath ul			{	padding: 0px 0 5px;}
	#topicPath li			{	margin:0 0 0 0; font-size:0.983em; display:inline-block; }
	#topicPath li a		{	color:#aaa;}
	#topicPath li a:hover	{	color:#333;}
	#topicPath li a:after	{	content:"　>　"}


	@media screen and (max-width: 480px) { 
		#topicPath			{	/*border-bottom:2px solid #aaa; margin-bottom:10px;*/}
	}

	/* Text Module
	----------------------------------------*/
	.textR	{	text-align:right;}
	/* Tables Module
	---------------------------------------- */
	/* List Module
	---------------------------------------- */
	/* Box Module
	---------------------------------------- */
	#srLeft		{	margin-bottom: 3.0em;}

	/* Various
	----------------------------------------*/
	/* Colors
	----------------------------------------*/