@charset "UTF-8";
/***********************
 *common/css/common.css
***********************/

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	/*font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 500;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: rgba(0,0,0,.8);
}
@media screen and (max-width:767px){
body {
}
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img { 
	max-width: 100%;
	/*width: 100%;*/
	height: auto;
	vertical-align: top;
}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.pc{display:block !important;}
.sp{display: none !important;}
@media only screen and (max-width: 768px){
    .pc{display: none !important;}
	.sp{display: block !important;}
}
/*
---------------------------------------------------------- */
/*img.switch {
	visibility: hidden;
}*/

img.imgPc {
	display: block;
}
img.imgSp {
	display: none;
}
@media screen and (max-width:480px){
img.imgPc {
	display: none;
}
img.imgSp {
	display: block;
}
}

a img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section,
section,
.box_layout01,
.float_layout01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after,
section:after,
.box_layout01:after,
.float_layout01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section,
* html section,
* html .box_layout01,
* html .float_layout01
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
html.dispNavi { overflow: hidden;}
body { }
@media print {
	html,
	html body { *zoom: 0.65;}
}
.container {
}
@media screen and (max-width:767px){
	.container {
		min-width: initial;
		min-width: auto;
	}
}

#wrapper {
	/*padding-top: 60px;*/
}
@media screen and (min-width: 769px){
	#wrapper {
		/*padding-top: 90px;*/
	}
}


/* !header
---------------------------------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 2000;
}
#headerIn {
	position: relative;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 10;
}
#headerLogo {
	float: left;
	/*width: 30%;*/
	margin-top: 10px;
	margin-left: 10px;
}
#headerLogo img {
	width: 100%;
	max-width: 121px;
	height: auto;
}
#headerLogoSub {
	float: right;
	width: 40%;
	margin-top: 6px;
	margin-right: 10px;
}
#headerLogoSub img {
	width: 100%;
	max-width: 140px;
	height: auto;
}
@media screen and (min-width:421px){
	#headerIn {
		position: relative;
		height: auto;
		padding: 0 0 8px;
	}
	#headerLogo {
	}
	#headerLogo img {
		width: 100%;
		max-width: 121px;
		height: auto;
	}
	#headerLogoSub {
		width: auto;
	}
	#headerLogoSub img {
		width: 100%;
		max-width: 140px;
		height: auto;
	}
}
@media screen and (min-width: 769px){
	#headerIn {
		height: 90px;
	}
	#headerLogo {
		margin-top: 28px;
		margin-left: 24px;
	}
	#headerLogo img {
		max-width: 144px;
		height: auto;
	}
	#headerLogoSub {
		margin-top: 17px;
		margin-right: 18px;
	}
	#headerLogoSub img {
		max-width: 177px;
		height: auto;
	}
}
/* !Navi
---------------------------------------------------------- */
#triggerWrap {
	position: fixed;
	top: 75px;
	right: 10px;
	padding: 17px 14px 11px 14px;
	border-radius: 50%;
	background-color: #f29539;
	
	z-index: 2010;
}
.btn_orange,
.btn_orange span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.btn_orange {
	position: relative;
	width: 26px;
	height: 19px;
}
.btn_orange span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
}
.btn_orange span:nth-of-type(1) {
	top: 0;
}
.btn_orange span:nth-of-type(2) {
	top: 8px;
}
.btn_orange span:nth-of-type(3) {
	bottom: 0;
}
.btn_orange.active span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.btn_orange.active span:nth-of-type(2) {
	opacity: 0;
}
.btn_orange.active span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}

#navi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 60px 0;
	
	z-index: 2002;
	
	overflow: auto;
	display: none;
}
#navi ul {
	position: absolute;
	top: 50%;
	left: 50%;
	color: rgba(0,0,0,.8);
	font-size: 20px;
	font-size: 1.43rem;
	font-weight: bold;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#navi ul li {
	margin-bottom: 8px;
}
#navi ul li span {
	opacity: .5;
}
#navi ul li a {
	color: rgba(0,0,0,.8);
	text-decoration: none;
	transition: all .2s;
}
#navi ul li a:hover {
	color: rgba(242,149,57,1.0);
	opacity: 1;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	/*background: rgba(242,149,57,.8);*/
	background: rgba(255,255,255,.8);
	z-index: 2001;
	
	/*opacity: 0;*/
	display: none;
}
@media screen and (min-width: 769px){
	#triggerWrap {
		top: 125px;
		right: 18px;
	}

	#navi {
		padding: 90px 0;
	}
	#navi ul {
		font-size: 24px;
		font-size: 1.5rem;
	}
	#navi ul li {
		margin-bottom: 10px;
	}
}
/* !contents
---------------------------------------------------------- */

/* !backBtn
---------------------------------------------------------- */
.backBtn {
	display: block;
	width: 56px;
	height: 55px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
	.backBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}
@media screen and (max-width:767px){
}
/* !footer
---------------------------------------------------------- */
#footer {
	margin: 0 auto;
}
	#footerIn {
	}
		#copyright {
			padding: 22px 10px 40px;
			text-align: center;
			font-size: 12px;
			color: #fff;
			background: #000;
		}
@media screen and (max-width:767px){
#footer {
}

}

/* !h(n)eading
---------------------------------------------------------- */
.tit_basic01 {
	margin-bottom: 46px;
	text-align: center;
}
@media screen and (max-width:767px){
.tit_basic01 {}
}
/* !Section
---------------------------------------------------------- */
.sectionLv01 {
	background: url(../images/line_bg01.png) repeat-x center bottom;
}
.sectionLv02 {
	background: url(../images/line_bg02.png) repeat-x center bottom;
}
.sectionLv03 {
	background: url(../images/line_bg02.png) repeat-x center top;
}
@media screen and (max-width:767px){
.sectionLv01 {
}
.sectionLv02 {
}
}
/* !inline
---------------------------------------------------------- */
.inlineContent img{
	min-width: 800px;
}
@media screen and (max-width:480px){
	.inlineContent img{
		min-width: initial;
	}
}