@charset "utf-8";

/**
 * Table of Contents
 *
 * 1.0 - General
 * 2.0 - Menu Main SP
 * 	 2.1 - Button To Open Menu SmartPhone 
 * 	  2.1.1 - Button To Open Menu SmartPhone  768px;
 *       
 */
 
/**
  * 1.0 - General
 */
body {
	width: 100%;
	height:auto;
	margin: 0;
	padding:0;
	float: left;
	font-size: 62.5%;
	color:#535353;
	background-color:#FFF;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}

.g-container-area{
	width: 100%;
	height:auto;
	float: left;
}

.g-bg-header-area, .g-bg-main-area, .g-bg-footer-area, .g-bg-slider-area {
	width: 100%;
	height:auto;
	float: left;
}

.g-header-area, .g-main-area, .g-footer-area, .g-slider-area {
	width: 100%;
	height:auto;
	float: left;
}

.row {
	width: 100%;
	height:auto;
	float: left;
}

.row-inner {
	width: 100%;
	height:auto;
	max-width: 960px;
	margin: 0 auto;
}

/*Common*/



.g-header-area{
border-top:2px solid 	#000000;
padding-top:25px;
border-bottom:#e26b0f 5px solid;
}

.g-logo-wrap{
width:22%;
float:left;	
}

.g-logo-wrap img{
width:100%;
}

.g-head-wrap{
width:	66%;
float:right;
}

.g-info-wrap{
width:100%;
overflow:hidden;	
}

	.g-info-wrap .g-info-tel-time{
	float:right;	
	overflow:hidden;
	margin-left:20px;	
	}

			.g-info-tel-time .g-tel{
		       display:block;
			   padding-bottom:5px;
			}

			.g-info-tel-time .g-time{
				font-size:1.2em;
				color:#666666;
				line-height:160%;	
			}

	.g-info-wrap .g-info-contact{
	float:right;
	padding-top:15px;	
	}

.g-menu-wrap{
width:100%;	
}


/**
  * 2.1 - Button To Open Menu SmartPhone 
 */ 
 
.g-btn-main-menu-sp {
	width: 100%;
	float: left;
	height: auto;
}
.g-btn-main-menu-sp .g-btn {
	display: block;
	position: absolute;
	right: 5px;
	font-size: 1.2em;
	padding: 5px;
	top: 10px;
	border: solid 1px #E26B0F;
	display: none;
	z-index: 99999;
}
.g-btn-main-menu-sp .g-btn a {
	text-decoration: none;
}
.g-btn-main-menu-sp .g-btn a span {
	text-decoration: none;
	font-size: 2.4em;
}
.g-btn-main-menu-sp .g-btn a .fa {
	font-size: 2.4em;
	color: #E26B0F;
}

/**
  * 2.0 - Menu Main SP
 */
.g-main-menu-sp {
	width: 100%;
	height: auto;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	background: #3598DB;
	box-sizing: border-box;
	z-index: 9999;
}
.g-main-menu-sp .g-inner {
	width: 100%;
	height: auto;
	float: left;
}
.g-main-menu-sp ul li {
	width: 100%;
	height: auto;
	padding: 15px 10px;
	border-bottom: 1px solid #FFF;
	box-sizing: border-box;
	padding-left: 15px;
	background-image: -ms-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -moz-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -o-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFD), color-stop(100, #F1F1EF));
	background-image: -webkit-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: linear-gradient(to bottom, #FFFFFD 0%, #F1F1EF 100%);
}
.g-main-menu-sp ul li a {
	display: block;
	text-decoration: none;
	color: #383434;
	position: relative;
}
.g-main-menu-sp ul li a strong {
	display: block;
	font-weight: normal;
	font-size: 1.5em;
}
.g-main-menu-sp ul li a span {
	display: block;
	font-size: 1.3em;
}
.g-main-menu-sp ul li a .fa {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 1.5em;
	padding-top: 10px;
}
.g-main-menu-sp .g-close {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #FFF;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	background-image: -ms-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -moz-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -o-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFD), color-stop(100, #F1F1EF));
	background-image: -webkit-linear-gradient(top, #FFFFFD 0%, #F1F1EF 100%);
	background-image: linear-gradient(to bottom, #FFFFFD 0%, #F1F1EF 100%);
}
.g-main-menu-sp .g-close a {
	text-decoration: none;
	color: #383434;
}
.g-main-menu-sp .g-close a .text-close {
	font-size: 1.8em;
	display: inline-block;
	float: left;
	padding-top: 20px;
	padding-left: 5px;
}
.g-main-menu-sp .g-close a .icon-sp {
	display: inline-block;
	float: right;
}
.g-main-menu-sp .g-close a .icon-sp .fa {
	font-size: 2.5em;
}
.act-main-menu-sp {
	color: #E26B0F!important;
}


/**
  * 4. Main menu
 */ 
.main-menu{
width:100%;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;

} 

.main-menu ul{
width:100%;
height:auto;	
}

.main-menu ul li{
display:block;
float:left;
height:auto;	
text-align:center;
position:relative;
padding:15px 0px 21px 0px;
border-bottom:solid 3px #FFF;
}

.main-menu ul li a{
display:block;
padding:0px 15px 0px 15px;
}

.main-menu ul li.active{
border-bottom:solid 3px #EA717B;
}

.main-menu ul li .arrow-up{
position:absolute;
bottom:0px;
left:49%;
display:none;
}

.main-menu ul li.break-bar-menu{
width:1px!important;
height:auto;	
display:block;
padding-top:20px;
border-bottom:solid 3px #FFF;
}

.main-menu ul li a{
display:block;	
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
text-decoration:none;
}

.main-menu ul li:hover{
border-bottom:solid 3px #EA717B;
}



.main-menu ul li a strong{
display:block;
font-size:1.5em;
line-height:160%;
font-weight:bold;
text-align:left;
color:#545454;
padding-bottom:3px;

}

.main-menu ul li a span{
color:#535353;	
display:block;
font-size:1.2em;
line-height:160%;
font-weight:lighter;
text-align:left;
font-family:"Roboto", sans-serif;
}

/*Slider*/

.g-slider-mask-1 {
    position: absolute;
    bottom: 30%;
    width: 23%;
	left:3%;
}

.g-slider-mask-1 .g-slider-mask-inner {

}

/*Main*/
.g-main-area{
padding-top:50px;	
}

.g-main-wrap{
	width:70%;
	float:left
}


/*Sidebar*/
.g-sidebar-wrap{
	width:27%;
	float:right;
}

.g-side-box{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:30px;	
}

.g-menu-side{
width:100%;
height:auto;
overflow:hidden;	
}

.g-menu-side-title{
width:100%;
background:url(../img/bg-title-side.png) repeat;
padding:10px 0px 8px 0px;	
border-bottom:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
}

.g-menu-side-title .g-name{
width:100%;
color:#545454;
font-size:1.8em;
font-weight:bold;
display:block;
line-height:120%;	
border-left:solid 3px #E26B0F;
padding-left:15px;
box-sizing:border-box;
}

.g-menu-side-list{
width:100%;
overflow:hidden;	
}

.g-menu-side-list li{
width:100%;
background:url(../img/dot-menu.png) no-repeat left 10px;
border-bottom:dotted 1px #999999;
padding:8px 0px;
padding-left:30px;	
box-sizing:border-box
}

.g-menu-side-list li a{
text-decoration:none;
color:#535353;
font-size:1.4em;
line-height:160%;
}

.g-menu-side-list li a:hover{
text-decoration:underline;
}

.g-banner-side{
	width:100%;
	height:auto;
}

/*Footer*/
.g-footer-area{
margin-top:5%;	
}

.f-ft-scroll-top{
width:100%;
text-align:right;	
margin-bottom:15px;
}


.g-ft-sec1-wrap{
width:100%;
height:auto;
border-top:solid 2px #000000;
}

.g-ft-sec1-wrap-inner{
width:100%;
max-width:960px;
height:auto;
position:relative;	
margin-left:auto;
margin-right:auto;
}

.g-ft-sec1{
position:absolute;
top:10px;
left:0px;	
}

.g-ft-sec2{
	width:64%;
	height:auto;
	float:right;
}

.g-ft-sec3{
width:100%;
height:auto;
background-color:#000;
padding:5px 0px;
box-sizing:border-box;
color:#B9B9B9;
	font-size:1.2em;
	line-height:160%;
	text-align:right;
	padding-right:30px;
	box-sizing:border-box;
}


/**
  * 4. Main menu Footer
 */ 
.main-menu-ft{
width:100%;
box-sizing:border-box;
margin-left:auto;
margin-right:auto;
padding-top:14px;
} 

.main-menu-ft ul{
width:100%;
height:auto;	
}

.main-menu-ft ul li{
display:block;
float:left;
height:auto;	
text-align:center;
position:relative;
padding:15px 0px 21px 0px;
border-bottom:solid 3px #FFF;
}

.main-menu-ft ul li a{
display:block;
padding:0px 15px 0px 15px;
}

.main-menu-ft ul li.active{
border-bottom:solid 3px #EA717B;
}

.main-menu-ft li .arrow-up{
position:absolute;
bottom:0px;
left:49%;
display:none;
}

.main-menu-ft ul li.break-bar-menu{
width:1px!important;
height:auto;	
display:block;
padding-top:20px;
border-bottom:solid 3px #FFF;
padding-bottom:0px;
}

.main-menu-ft ul li a{
display:block;	
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
transition: color 0.5s ease;
text-decoration:none;
}

.main-menu-ft ul li:hover{
border-bottom:solid 3px #EA717B;
}



.main-menu-ft ul li a strong{
display:block;
font-size:1.5em;
line-height:160%;
font-weight:bold;
text-align:left;
color:#545454;
padding-bottom:3px;

}

.main-menu-ft ul li a span{
color:#535353;	
display:block;
font-size:1.2em;
line-height:160%;
font-weight:lighter;
text-align:left;
font-family:"Roboto", sans-serif;
}


.g-title-sty1{
width:100%;
height:auto;
overflow:hidden;	
}

.g-title-sty1 .g-wrap{
width:100%;
height:auto;
border-bottom:solid 1px #CCCCCC;
padding-bottom:10px;
box-sizing:border-box;	
}

.g-title-sty1 .g-wrap .g-name{
display:inline-block;
font-size:	1.8em;
line-height:120%;
color:#545454;
padding-left:20px;
border-left:solid 3px #E26B0F;
box-sizing:border-box;
font-weight:bold;
}

.g-blk-sty1{
width:100%;
overflow:hidden;

}

.g-blk-sty1 .g-one-blk{
width:100%;
overflow:hidden;	
margin-top:4%;	
}

.g-blk-sty1 .g-one-blk .g-left{
width:48%;
float:left;	
}

.g-blk-sty1 .g-one-blk .g-left img{
width:100%;
}

.g-blk-sty1 .g-one-blk .g-right{
width:48%;
float:right;	
}

.g-blk-sty1 .g-one-blk .g-right img{
width:100%;
}

.g-blk-sty2{
width:100%;
height:auto;	
}


.g-blk-sty2 .g-one-blk{
width:100%;
height:auto;	
position:relative;
background-color:#FFF;
padding-left:72px;
box-sizing:border-box;
margin-top:3%;
min-height:68px;
}

.g-blk-sty2 .g-one-blk .g-info{
color:#535353;
font-size:1.4em;
line-height:175%;
padding:10px 15px;
box-sizing:border-box;
width:100%;
}

.g-blk-sty2 .g-one-blk .g-info a{
color:#535353;
text-decoration:none;
}
.g-blk-sty2 .g-one-blk .g-info a:hover{
text-decoration:underline;
}

.bg-sty1{
background-color:	#FEF7F1;
}

.g-blk-sty2 .g-one-blk .g-order{
position:absolute;
top:0px;
left:0px;	
}

.g-blk-sty3{
width:100%;
height:auto;
overflow:hidden;	
}

.g-blk-sty3 .g-one-blk-left{
width:49%;
height:auto;
float:left;	
}

.g-blk-sty3 .g-one-blk-left img, .g-blk-sty3 .g-one-blk-right img{
width:100%
}


.g-blk-sty3 .g-one-blk-right{
width:49%;
height:auto;
float:right;	
}


.g-banner-main-child{
width:100%;
height:170px;
overflow:hidden;
background-size:cover;
background-position:center center;
position:relative	
}

.text-banner{
width:90%;
max-width:355px;
position:absolute;
top:50%;
margin-top:-40px;	
}

.text-banner img{
width:100%;
}

.g-list-sty1{
width:100%;
overflow:hidden;	
margin-top:10px;
}

.g-list-sty1 .one-row{
width:100%;
overflow:hidden;	
}

.g-list-sty1 .one-row .col-left{
width:45%;
float:left;	
}

.g-list-sty1 .one-row .col-left a{
width:100%;
display:block;
text-decoration:none;
color:#006CD8;
font-size:1.6em;
line-height:160%;
border-bottom:dotted 1px #999999; 
background:url(../img/dot-blue.png) no-repeat center left;
font-weight:bold;
box-sizing:border-box;
padding:8px;
padding-left:20px;
}

.g-list-sty1 .one-row .col-left a:hover{
text-decoration:underline;
}


.g-list-sty1 .one-row .col-right{
width:45%;
float:right;	
}

.g-list-sty1 .one-row .col-right a{
width:100%;
display:block;
text-decoration:none;
color:#006CD8;
font-size:1.6em;
line-height:160%;
border-bottom:dotted 1px #999999; 
background:url(../img/dot-blue.png) no-repeat center left;
font-weight:bold;
box-sizing:border-box;
padding:8px;
padding-left:20px;
}

.g-list-sty1 .one-row .col-right a:hover{
text-decoration:underline;
}


.g-blk-sty6{
width:100%;
height:auto;
overflow:hidden;
}

.g-title-sty2{
width:100%;
height:auto;	
}

.g-title-sty2 .g-bg-bar{
width:100%;
height:auto;
padding:10px;
padding-left:0px;
box-sizing:border-box;
background-color:#F9E5F1;	
}

.g-title-sty2 .g-bg-bar .g-name{
width:100%;
height:auto;
border-left:	solid 3px #E26B0F;
color:#BF0077;
font-size:1.6em;
line-height:120%;
font-weight:bold;
padding-left:8px;
box-sizing:border-box;
display:block;
}

.g-blk-cont{
width:100%;
height:auto;	
overflow:hidden;
}

.g-title-sty3{
width:100%;
height:auto;	
}

.g-title-sty3 span{
color:#1F92EA;
font-weight:bold;
font-size:1.6em;
display:inline-block;
padding-bottom:1px;
line-height:160%;
border-bottom:solid 1px #1F92EA;
}

.g-blk-feature{
width:100%;
height:auto;
overflow:hidden;	
border:solid 1px #CCCCCC;
box-sizing:border-box;
background-color:	#FFFAE1;
position:relative;
}

.g-conner{
position:absolute;
right:10px;
bottom:10px;	
}

.g-feature-img{
width:49%;
height:auto;
float:left;	
}

.g-feature-img img{
width:100%;
}

.g-feature-text{
 width:51%;
 height:auto;
 float:left;
 padding:10px;
 background-color:	#FFFAE1;
 box-sizing:border-box;
}

.g-list-sty2{
width:100%;
height:auto;	
}

.g-list-sty2 li{
width:100%;
height:auto;	
background:url(../img/dot-grey.png) no-repeat left 6px;
padding-left:15px;
box-sizing:border-box;
color:#525252;
font-size:1.4em;
line-height:160%;
margin-bottom:5px;
}

.g-cnt-sty1{
width:100%;
height:auto;
color:#525252;
font-size:1.4em;
line-height:160%;	
}


.bar-hoz{
	margin-top:9%;
	margin-bottom:9%;
	border-bottom:dotted 1px #666666;
}



.mgt-5-per{
margin-top:5% !important;	
}



.mgt-7-per{
margin-top:7% !important;	
} 


.mgt-8-per{
margin-top:8% !important;	
} 

.mgt-9-per{
margin-top:9% !important;	
} 


.mgt-10-per{
margin-top:10% !important;	
}

.mark1{
	color:#E16B0E !important;
}

/*************************************************************************************************************************/

@media screen and (max-width:960px) {
	
	


.main-menu ul li a strong {
    font-size: 1.1em;
}



.g-ft-sec2{
	width:65%;
}
.main-menu-ft ul li a strong {
    font-size: 1.1em;
}



}
		 
  
@media screen and (max-width:768px) {
	
/**
 * 2.1.1 - Button To Open Menu SmartPhone  768px;
 */ 
.g-btn-main-menu-sp .g-btn {
	display: block!important;
}

/*Hide main menu*/
.main-menu{
display:none;	
}	


.g-logo-wrap{
width:100%;	
text-align:center;
margin-bottom:20px;
}

.g-logo-wrap img{
width:auto;	
}

.g-head-wrap{
width:100%;	
}

.g-info-wrap .g-info-tel-time, .g-info-tel-time .g-time{
	width:100%;	
	float:none;
	margin-left:0px;
	text-align:center;
}

.g-info-wrap .g-info-contact {
    float: none;
    padding-top: 15px;
	text-align:center;
}

/*Main*/

.g-bg-main-area{
padding-left:5px;
padding-right:5px;
box-sizing:border-box;	
}

.g-main-wrap{
width:100%;
margin-bottom:30px;	
}

.g-sidebar-wrap{
width:100%;	
max-width:320px;
float:none;
margin-bottom:30px;	
margin-left:auto;
margin-right:auto;
}


/*Footer*/

.f-ft-scroll-top {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.g-ft-sec1 {
   position:static;
   text-align:center;
}

.g-ft-sec2 {
    width: 100%;
}

.main-menu-ft ul li.break-bar-menu{
display:none;	
}

.main-menu-ft ul li{
width:100%;	
padding: 10px 0px 10px 0px;
border-bottom: dotted 1px #CCCCCC;


}

.main-menu-ft ul li.active{
border-bottom: dotted 1px #999999;
}

.main-menu-ft ul li:hover{
border-bottom: dotted 1px #CCCCCC!important;
}

.main-menu-ft ul li:hover a strong{
color:#E26B0F!important;
}
.main-menu-ft ul li:hover a span{
color:#E26B0F!important;
}

.main-menu-ft ul li.active a strong{
color:#E26B0F!important;
}
.main-menu-ft ul li.active a span{
color:#E26B0F!important;
}

.g-ft-sec3 {
    padding: 5px 0px;
    text-align: center;
    padding-right: 5px;
	padding-left:5px;

}


.g-blk-sty1 .g-one-blk .g-left {
    width: 100%;
	max-width:350px;
	float:none;
    margin-left:auto;
	margin-right:auto;
	margin-bottom:4%;
}

.g-blk-sty1 .g-one-blk .g-right {
    width: 100%;
	max-width:350px;
	float:none;
    margin-left:auto;
	margin-right:auto;
}

/*Banner footer*/
.g-blk-sty3 .g-one-blk-left {
    width: 100%;
    float:none;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:20px;
}

.g-blk-sty3 .g-one-blk-right {
    width: 100%;
    float:none;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*page2*/
.g-list-sty1 .one-row .col-left {
    width: 100%;
}
.g-list-sty1 .one-row .col-right {
    width: 100%;
}


.g-feature-img {
    width: 100%;
    height: auto;
    float: left;
	margin-bottom:10px;
}

.g-feature-text {
    width: 100%;
    height: auto;
}


}

@media screen and (min-width:769px) {
/**
 * 30.0 - If main menu with main menu sp is same, wwhen min-with 769 is main menu in pc show if in sp toogle hide
 */	
}