@charset "UTF-8";
/* =========================================================
	Reset
========================================================= */
abbr,address,article,aside,audio,b,blockquote,body,button,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:1em}html{font-size:62.5%}h1,h2,h3,h4,h5,h6{font-weight:bold}input,option,select,table,textarea{line-height:1.1}ol,ul{list-style:none}blockquote,q{quotes:none}fieldset{min-width:100%;width:100%;display:table}button{margin:0;padding:0;border:none;background:none;cursor:pointer}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}img{vertical-align:top}@media only screen and (max-width:768px){img{max-width:100%;height:auto}}

/* =========================================================
	Base Setting
========================================================= */
body,button,h1,h2,h3,h4,h5,h6,input,option,select,table,textarea{
	color: #333;
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	line-height:1.1;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: none;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.pcOnly {
	display: block;
}

.spOnly {
	display: none;
}

@media screen and (max-width: 767px) {
	.pcOnly {
		display: none;
	}

	.spOnly {
		display: block;
	}
}

/* =========================================================
	Common Layout
========================================================= */
/* Wraper
--------------------------------------------------------- */
#wrap {
	min-width: 1000px;
}

@media screen and (max-width: 767px) {
	#wrap {
		width: 100%;
		min-width: 0;
	}

	#wrap.menuActive {
		position: fixed;
		left: 0;
		z-index: 1;
	}

	#wrap .fixedWrap {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}
}

/* Header
--------------------------------------------------------- */
header {
	background: #001C5D;
}

header .inner {
	width: 1140px;
	margin: 0 auto;
	padding-bottom: 18px;
	position: relative;
}

header .inner::before {
	content: "";
	display: block;
	width: 426px;
	height: 121px;
	background: url(../img/common/bg_head01.png) no-repeat;
	position: absolute;
	top: 0;
	left: 28px;
}

header .inner .logo {
	float: left;
	padding-top: 24px;
	position: relative;
	z-index: 99;
  margin-left: 70px;
}

header .inner .inquiry {
	float: left;
	padding: 25px 0 0 232px;
}
header .inner .inquiry img {
	margin-right: 10px;
}
header .inner .inquiry img:hover {
	opacity: 0.7;
}
header .inner .contact {
	float: left;
	padding: 25px 0 0 0;
	position: relative;
}
header .inner .contact p {
  position: absolute;
}
header .inner .contact p.title {
	color: #333;
	font-size: 14px;
	font-weight: bold;
  top: 27px;
  left: 81px;
}
header .inner .contact p.time {
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
  top: 45px;
  left: 55px;
}
header .inner .contact p.small {
	color: #fff;
	font-size: 10px;
	transform: scale(0.9);
  top: 93px;
  left: 44px;
  white-space: nowrap;
}
header .inner .contact p span {
	font-size: 19px;
	font-weight: bold;
}
header .inner .contact p a {
	color: #fff;
	font-size: 16px;
}
header .inner .contact p a:hover {
	opacity: 1;
}

@media screen and (max-width: 767px) {
	header {
		border-bottom: 1px solid #FFF;
		position: relative;
		z-index: 999;
	}

	header .inner {
		width: 100%;
		padding: 8px 0;
		background: url(../img/common/bg_head01_sp.png) no-repeat center;
		-webkit-background-size: auto 100%;
		        background-size: auto 100%;
	}

	header .inner::before {
		content: none;
	}

	header .inner .logo {
		float: none;
		width: 171px;
		margin: 0 auto;
		padding-top: 0;
	}

	header .inner .inquiry,
	header .inner .contact {
		display: none;
	}

}

@media screen and (max-width: 370px) {
	header .inner {
		-webkit-background-size: 65% 53px;
		        background-size: 65% 53px;
	}
}

/* Contents
--------------------------------------------------------- */
#conts {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding-top: 45px;
}

@media screen and (max-width: 767px) {
	#conts {
		width: 100%;
		padding-top: 20px;
		overflow: hidden;
	}
}

/* Footer
--------------------------------------------------------- */
footer {
	margin-top: 35px;
	padding: 10px 0 20px;
	background: #001C5D;
}

footer .inner {
	width: 1000px;
	margin: 0 auto;
}

footer .inner .logo {
	margin-top: 40px;
	text-align: center;
}

footer .inner .copyRight {
	margin-top: 20px;
	color: #FFF;
	font-size: 1.3rem;
	text-align: center;
}

@media screen and (max-width: 767px) {
	footer {
		margin-top: 25px;
		padding: 0 0 10px;
	}

	footer .inner {
		width: 100%;
	}

	footer .inner .logo {
		margin-top: 0;
		padding-top: 10px;
	}

	footer .inner .logo img {
		width: 171px;		
	}

	footer .inner .copyRight {
		font-size: 1.1rem;
	}
}

/* =========================================================
	Common Style
========================================================= */
/* Opacity
--------------------------------------------------------- */
@media screen and (min-width: 768px) {
	.opacity a:hover {
		opacity: 0.7;
	}
}

/* Headline
--------------------------------------------------------- */
#contents .pageTtl {
	padding: 11px 0 8px;
	background: #0A0F5F;
}

#contents .pageTtl > span {
	display: block;
	width: 1000px;
	margin: 0 auto;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
}

#contents .headLine01 {
	padding: 10px 0 8px;
	background: #001C5D;
	color: #FFF;
	font-size: 2.6rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

@media screen and (max-width: 767px) {
	#contents .pageTtl {
		padding: 10px 10px;
	}

	#contents .pageTtl > span {
		width: 100%;
		font-size: 1.8rem;
	}

	#contents .headLine01 {
		padding: 6px 0;
		font-size: 1.6rem;
	}

	#contents .headLine01 .pcSpace {
		display: none;
	}
}

/* Common Button
--------------------------------------------------------- */
#contents .cmnBtn01 a {
	display: inline-block;
	width: 380px;
	padding: 18px 0 16px;
	background: #839DD1;
	-webkit-border-radius: 30px;
	        border-radius: 30px;
	color: #FFF;
	font-size: 1.9rem;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#contents .cmnMore01 {
	display: none;
}

@media screen and (min-width: 768px) {
	#contents .cmnBtn01 a:hover {
		opacity: 0.7;
	}
}

@media screen and (max-width: 767px) {
	#contents .cmnBtn01 a {
		width: 310px;
		padding: 14px 0;
		font-size: 1.6rem;
	}

	#contents .cmnMore01 {
		display: block;
		text-align: center;
	}

	#contents .cmnMore01 a {
		display: block;
		width: 85%;
		margin: 0 auto;
		padding: 8px 0;
		border: 1px solid #CFCECF;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#D1DBD6));
		-webkit-border-radius: 5px;
		        border-radius: 5px;
		color: #333;
		font-size: 3.4vw; /*1.6rem*/
		font-weight: bold;
		text-decoration: none;
		position: relative;
	}

	#contents .cmnMore01 a::after {
		content: "";
		display: inline-block;
		width: 17px;
		height: 17px;
		background: url(../img/common/icon_more01_sp.png) no-repeat;
		-webkit-background-size: 17px 17px;
		        background-size: 17px 17px;
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -9px;
	}

	#contents .cmnMore01.open {
		margin-right: 7px;
		text-align: right;
	}

	#contents .cmnMore01.open a {
		width: auto;
		padding: 0 20px 0 0;
		border: none;
		background: none;
	}

	#contents .cmnMore01.open a::after {
		background: url(../img/common/icon_more01_open_sp.png) no-repeat;
		-webkit-background-size: 17px 17px;
		        background-size: 17px 17px;
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -8px;
	}
}