@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}


body {
	min-height: 100%;
	font-size: 1.08vw;
	line-height: 175%;
	/*font-family: 'Noto Sans Japanese', serif;*/
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000000;
	-webkit-text-size-adjust: 100%;
}

img {
	border: 0;
	vertical-align: top;
	vertical-align: bottom;
}
a {
	overflow: hidden;
	outline: none;
	color: #000000;
	text-decoration:none;
}
.pc_hide {
	display: none !important;
}
.sp_hide {
}
a {
	opacity: 1;/*-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;*/
}
a:hover {
}
.sp_hide {
}
.pc_hide {
	display: none;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
/*-----------------------------------------------------------*/
/*ヘッダー*/

#header_wrap {
	width: 100vw;
	margin: 0px auto;
	overflow:hidden;
    position: fixed;
	top:0;
	left:0;
    z-index: 10000;
    background: #fff;
}
#header {
	/*width: 80.41vw;*//*mail有りの場合*/
	width:73.86vw;
	height: 6.76vw;
	margin: 0px auto;
	position: relative;
}
/**/

#header h1 {
	line-height: 100%;
	font-size: 0px;
	position: absolute;
	top: 1.69vw;
	left: 1.01vw;
}

#header h1 img{
	width:21.76vw;
	height:4.53vw;
}

/**/

.gnavi {
	/*width: 54.05vw;*//*mail有りの場合*/
	width:47.5vw;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow:hidden;
}

.gnavi ul{
	width: 28.38vw;
	height: 6.76vw;
	display: table;
	padding-left:0;
	list-style:none;
	overflow:hidden;
}

.gnavi ul li {
	/*width:75px;*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position:relative;
	padding-right:3.72vw;
	transition:1.0s;
	
}

.gnavi ul li:hover {
	opacity:0.3;
	
}

.gnavi ul li:first-child{
	padding-right:3.04vw;
}

.gnavi ul li:last-child{
	padding-right:0px;
}

.gnavi ul li a {
	line-height:0.47vw;
}

.gnavi ul li a span{
	display:block;
	width:100%;
	font-size:0.88vw;
	color:#39B04A;
	padding-top:0.37vw;
}



.gnavi .tel{
	position:absolute;
	top:0;
	/*right:6.76vw;*//*mail有りの場合*/
	right:0;
    transition: 1.0s ;
}

.gnavi .tel:hover{
	opacity:0.5;
}


.gnavi .tel img{
	width:14.73vw;
	height:6.76vw;
}


.gnavi .mail{
	position:absolute;
	top:0;
	right:0;
    transition: 1.0s ;
}

.gnavi .mail:hover{
	opacity:0.5;
}


.gnavi .mail img{
	width:6.55vw;
	height:6.76vw;
}


/*-----------------------------------------------------------*/
/*タイトル*/
#page_title{
	width:100vw;
	height:27.70vw;
	padding-top:6.76vw;
	background:url(common/bg_tiltle01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
}

#page_title h2{
	font-family: 'Noto Sans Japanese', serif;
	font-size:2.77vw;
	text-align:center;
	color:#fff;
	/*padding-top:7.09vw;*/
	padding-top:5.09vw;
	font-weight:200;
}

/*-----------------------------------------------------------*/
/*パンくず*/

#breadcrumb{
	width: 80.41vw;
	position:absolute;
	bottom:4.05vw;
	left:50%;
	margin-left:-40.20vw;
	color:#808080;
	letter-spacing:0.1em;
}

#breadcrumb p a{
	color:#808080;
}

/*-----------------------------------------------------------*/
/*お問い合わせ*/


#contact_wrap{
	width:100vw;
	margin:0 auto;
	overflow:hidden;
}

#contact_wrap .left_col{
	float:left;
	width:50%;
	height:31.82vw;
}


#contact_wrap .right_col {
    float: right;
    width: 50%;
	height:31.82vw;
    background: url(common/bg_contact.png) 0% 0% / cover no-repeat;
}

#contact_wrap .right_col h4 {
    margin-top: 4.39vw;
    margin-bottom: 1.69vw;
    font-size: 1.55vw;
    font-weight: 300;
    color: #fff;
    text-align: center;
	position:relative;
}

#contact_wrap .right_col h4:before{
    content: '';
    position: absolute;
    bottom: -0.88vw;
    display: inline-block;
    width: 7.57vw;
    height: 1px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

#contact_wrap .right_col p {
    text-align: center;
    font-weight: bold;
    line-height: 175%;
    color: #FFFFFF;
}

#contact_wrap .right_col .tel {
    color: #fff;
    margin-top: 1.55vw;
    text-align: center;
}

#contact_wrap .right_col .tel dt {
    font-size: 2.70vw;
    font-weight: 200;
}

#contact_wrap .right_col .tel dt::before{
	content:'';
	display:inline-block;
	background:url(common/contact_tel.png) no-repeat;
	background-size:contain;
	width:2.36vw;
	height:2.57vw;
	margin-right:0.47vw;
	position:relative;
	bottom:-0.47vw;
	
}

#contact_wrap .right_col .tel dd {
    margin-top: 0.88vw;
    font-size: 1.49vw;
    font-weight: 200;
}

#contact_wrap .right_col .mail02 {
    text-align: center;
    margin-top: 1.76vw;
    margin-bottom: 2.03vw;
	transition:1.0s;
}

#contact_wrap .right_col .mail02:hover {
	opacity:0.5;
}


#contact_wrap .right_col .com {
    text-align: center;
    color: #fff;
    margin-bottom: 4.05vw;
    font-size: 1.22vw;
}

#contact_wrap .left_col iframe {
    width: 100%;
	height:31.82vw;
    filter: grayscale(100%);
}


/*-----------------------------------------------------------*/
/*フッター*/
#footer_wrap {
	width: 100vw;
	margin: 0px auto;
	background-color: #333333;
	overflow:hidden;
}

#footer {
	width: 69.93vw;
	margin: 0px auto;
}
/**/

.foot_content {
	width:100%;
	overflow: hidden;
	margin-bottom:5.95vw;
	position:relative;
}

.foot_content .left_col {
	float:left;
	width:31.69vw;
	margin-left:1.35vw;
}


.foot_content .left_col h1{
	line-height: 100%;
	font-size: 0px;
	margin-top:0;
	margin-top:3.58vw;
}

.foot_content .left_col dl{
	margin-top:0;
	margin-top:1.01vw;
}

.foot_content .left_col dl dt{
	font-size:1.01vw;
	color:#fff;
	letter-spacing:0.15em;
}

.foot_content .left_col dl dd{
	margin-left:0;
	font-size:1.01vw;
	color:#fff;
	letter-spacing:0.15em;
}

.foot_content .left_col dl dd a{
	color:#fff;
}

.foot_content .right_col{
	float: right;
	width:31.76vw;
}

.foot_content .right_col ul{
	list-style:none;
	display:table;
	width:25.68vw;
	margin-top:5.41vw;
}

.foot_content .right_col ul li{
	display:table-cell;
}

.foot_content .right_col ul li:first-child{
	padding-left:10px;
}

.foot_content .right_col ul li a{
	font-size:1.01vw;
	font-weight:bold;
	color:#fff;
	transition:1.0s;
}

.foot_content .right_col ul li a:hover{
	opacity:0.5;
}


.foot_content .right_col p{
	font-size:0.95vw;
	color:#fff;
	margin-top:4.39vw;
	letter-spacing:0.15em;
}


.foot_content .totop {
	width:4.39vw;
	position: absolute;
	top: 2.5vw;
	right: 1.5vw;
}

.foot_content .totop img {
	width:4.39vw;
	height:3.11vw;
}

#copy{
	color:#fff;
    font-family: 'Hiragino Sans',sans-serif;
	font-weight:200;
	font-size:10px;
	margin:0;
	margin-top:47px;
	/*letter-spacing:0.1em;*/
}