@charset "utf-8";
/*=================================================================================*/
/** 768px未満 スマホサイズ画面 ＜これが基本＞ **/

.copy_btn{
    position: relative;
    padding:2em 0 2em 4.5em;
}
.copy_btn::before{
    content:'';
    background:url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjgxLjkgMjc0LjQiIGZpbGw9IiNGRkZGRkYiPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0MC45LDMzYzkuMSwwLDE2LjUtNy40LDE2LjUtMTYuNWMwLTkuMS03LjQtMTYuNS0xNi41LTE2LjVjLTkuMSwwLTE2LjUsNy40LTE2LjUsMTYuNQ0KCUMxMjQuNCwyNS42LDEzMS44LDMzLDE0MC45LDMzIE0xNzUuNiw5OS45YzcuNC02LjEsMTMuMy01LjMsMTMuMy01LjNjMTUuNSwwLDE4LjQsMjAuNSwxOC40LDIwLjVsMjAuNi0yMC42DQoJYzAsMC00NC40LTQ4LjMtNTAuNC01NC4zYy0zLjktMy45LTYtNi44LTguNC04LjRjLTEuMi0wLjktMi43LTEuNC00LjMtMS40YzAsMCwwLDAsMCwwbDAsMGMtMC40LDAtMC45LDAuMS0xLjMsMC4yDQoJYy0zLjQsMC45LTUuNCw0LjQtNC41LDcuOEwxNzUuNiw5OS45eiBNMjgwLjEsMTI3LjNjLTIuMy0yLjMtNi0yLjMtOC4zLDBsLTE4LjMsMTguM2wtMi40LTIuNGwyNi40LTI2LjRjMi4zLTIuMywyLjMtNiwwLTguMw0KCWMtMi4zLTIuMy02LTIuMy04LjMsMGwtMjYuNCwyNi40bC0yLjQtMi40bDMwLjQtMzAuNGMyLjMtMi4zLDIuMy02LDAtOC4zYy0yLjMtMi4zLTYtMi4zLTguMywwTDIzMiwxMjQuMmwtMi40LTIuNGwyMy0yMw0KCWMyLjMtMi4zLDIuMy02LDAtOC4zYy0yLjMtMi4zLTYtMi4zLTguMywwbC00MS40LDQxLjRsLTYuMS0yMS44Yy0xLjMtNC44LTYuMi03LjYtMTAuOS02LjNjLTQuOCwxLjMtNy42LDYuMi02LjMsMTAuOQ0KCWM0LDE0LjUsNy4yLDI5LjQsMTEuNiw0My44YzEuNiw1LjEsMy43LDEwLjIsNi40LDE0LjhjOC44LDE0LjYsMzEsMTQsNDIuMSwyLjlsNDAuNS00MC41QzI4Mi40LDEzMy40LDI4Mi40LDEyOS42LDI4MC4xLDEyNy4zDQoJIE05My4xLDk0LjZjMCwwLDUuOS0wLjksMTMuMyw1LjNMMTIzLDM4LjZjMC45LTMuNC0xLjEtNi45LTQuNS03LjhjLTAuNC0wLjEtMC45LTAuMi0xLjMtMC4ydjBjMCwwLDAsMCwwLDANCgljLTEuNi0wLjEtMy4xLDAuNC00LjMsMS40Yy0yLjMsMS42LTQuNSw0LjUtOC40LDguNGMtNiw2LTUwLjQsNTQuMy01MC40LDU0LjNsMjAuNiwyMC42Qzc0LjcsMTE1LjIsNzcuNSw5NC42LDkzLjEsOTQuNg0KCSBNODQuMywxNzMuMmMyLjctNC42LDQuOS05LjcsNi40LTE0LjhjNC40LTE0LjQsNy42LTI5LjMsMTEuNi00My44YzEuMy00LjgtMS42LTkuNy02LjMtMTAuOWMtNC44LTEuMy05LjcsMS42LTEwLjksNi4zTDc5LDEzMS45DQoJTDM3LjUsOTAuNGMtMi4zLTIuMy02LTIuMy04LjMsMGMtMi4zLDIuMy0yLjMsNiwwLDguM2wyMywyM2wtMi40LDIuNEwxOS40LDkzLjdjLTIuMy0yLjMtNi0yLjMtOC4zLDBjLTIuMywyLjMtMi4zLDYsMCw4LjMNCglsMzAuNCwzMC40bC0yLjQsMi40bC0yNi40LTI2LjRjLTIuMy0yLjMtNi0yLjMtOC4zLDBjLTIuMywyLjMtMi4zLDYsMCw4LjNsMjYuNCwyNi40bC0yLjQsMi40bC0xOC4zLTE4LjNjLTIuMy0yLjMtNi0yLjMtOC4zLDANCgljLTIuMywyLjMtMi4zLDYsMCw4LjNsNDAuNSw0MC41QzUzLjMsMTg3LjIsNzUuNSwxODcuOSw4NC4zLDE3My4yIE0xODQuNSwxNjYuOWMtNC45LTE4LjQtMjIuOC04NC45LTM0LTEyNi45DQoJYy0yLjksMS4yLTYuMiwxLjktOS41LDEuOWMtMy40LDAtNi42LTAuNy05LjUtMS45Yy0xMS4zLDQyLTI5LjEsMTA4LjUtMzQsMTI2LjljLTcuNCwyNy41LTM3LjgsMjYuMi0zNy44LDI2LjJsODEuMyw4MS4zbDgxLjMtODEuMw0KCUMyMjIuMiwxOTMuMSwxOTEuOCwxOTQuNCwxODQuNSwxNjYuOSBNMTA2LjIsMTQ4LjZoMjIuMnY2NS43SDExNHYtNTAuNmgtNy44VjE0OC42eiBNMTczLDIzMy45aC01OXYtMTEuMWg1OVYyMzMuOXogTTE1Ni4xLDIxNS42DQoJYy0xMywwLTIzLjYtOS40LTIzLjYtMjEuMWMwLTYsMi44LTExLjQsNy4zLTE1LjJjLTMtMy4yLTQuOC03LjQtNC44LTExLjljMC0xMC40LDkuNC0xOC44LDIxLjEtMTguOGMxMS42LDAsMjEuMSw4LjQsMjEuMSwxOC44DQoJYzAsNC41LTEuOCw4LjctNC44LDExLjljNC41LDMuOCw3LjMsOS4yLDcuMywxNS4yQzE3OS43LDIwNi4xLDE2OS4yLDIxNS42LDE1Ni4xLDIxNS42IE0xNTYuMSwxNzMuOWMzLjYsMCw2LjYtMi45LDYuNi02LjYNCgljMC0zLjYtMi45LTYuNi02LjYtNi42Yy0zLjYsMC02LjYsMi45LTYuNiw2LjZDMTQ5LjYsMTcxLDE1Mi41LDE3My45LDE1Ni4xLDE3My45IE0xNTYuMSwxODUuN2MtNC4zLDAtNy44LDMuNS03LjgsNy44DQoJYzAsNC4zLDMuNSw3LjgsNy44LDcuOGM0LjMsMCw3LjgtMy41LDcuOC03LjhDMTYzLjksMTg5LjIsMTYwLjQsMTg1LjcsMTU2LjEsMTg1LjciLz4NCjwvc3ZnPg==') no-repeat;
    background-size: contain;
    width:40px;
    height:40px;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translate(-50%,-50%);
    
}

/*==================
  電話番号タップ
==================*/
a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; color:#525252; }


.slid_hide,
.disp_p { display:none; }
.disp_s { display:block; }
.disp_pt { display:none; }
.disp_st { display:block; }

.disp_fix { position:fixed; top:0; left:0; z-index:50000; width:100%; }


/*==========================
	ハンバーガーメニュー
=========================***/

/*============
nav
=============*/
.nav_s {
  display: block;
  position: fixed;
  top: 0;
  right: -90%;
  width: 90%;
  bottom: 0;
  background: rgba(255,255,255,0.95);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
}


.open .nav_s {
  right: 0;
  opacity: 1;
}
.nav_s .inner {
	padding: 4em 1em 2em;
	box-sizing: border-box;
}
.nav_s .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav_s .inner>ul>li {
	position: relative;
	border-bottom:1px #D6D6D6 solid;
}
.nav_s ul>li a {
	display: block;
	padding:0.7em;
	box-sizing: border-box;
	text-decoration: none;
	transition-duration: 0.2s;
    color: #4D4A3B;
}

.child {
	display: none;
}

.nav_s .inner ul li a:hover {
	color: #917F73;
}

/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  z-index: 2;
  cursor: pointer;
}

/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  /*width: 30px;
  /height: 30px;*/
  transition: all .5s;
  cursor: pointer;
  z-index: 30;
	position: relative;

}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 31px;
  height: 3px;
  background-color: #FFFFFF;
  border-radius: 4px;
  transition: all .5s;
}


/*==========================
	ヘッダー
=========================***/
.head_block{
	background: rgba(255,255,255,.9);
    padding: 0.5em 0;
}
.navi>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between;
    align-items: center;
}


.navi>ul>li:nth-child(1){
	max-width: 160px;
	padding:0;
	width: 20%;
	margin:0 5% 0 3%;
}
.navi>ul>li:nth-child(2){
	width: 30%;
	max-width: 400px;
}
.navi>ul>li a{
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;

	}
.navi>ul>li a:hover{
	color:#0055B4;
}

.navi>ul>li a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


.navi01logo {
	width:100%;
	height:100%;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.navi01logo img{
	width:100%;
}

.navi01text{
	border-radius: 50px;
	box-sizing: border-box;
	background:#FFFFFF;
}

.navi01text>ul{
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
}

	.navi01text>ul>li{
	display: inline-block;
	padding:0 1em;
}


.navi_side>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: flex-end;
	align-items: center;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.navi_side>ul>li:nth-child(1),
.navi_side>ul>li:nth-child(2),
.navi_side>ul>li:nth-child(3){
	width:25%;
	padding:0.3em 0;
    margin: 0 5%;
	box-sizing: border-box;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.navi_side>ul>li:nth-child(4){
	width:25%;
	margin:0;
}
.navi_side>ul>li img{
	width:100%;
}

.head00 {
	width:100%;
	margin:0 auto;
	background:#FFFFFF;
	box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.23);
	position:relative;
	z-index:2;
}

.head_block>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-between;
}

.head_block>ul>li:nth-child(1){/*1600 220*/
	max-width: 220px;
	width:13.75%;
	position: relative;
}
.head_block>ul>li:nth-child(2){/*1600 510*/
	max-width: 510px;
	width:31.875%;
}

.navi_cont_menu{
	width: 100%;
	box-sizing: border-box;
}


/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
    position:fixed;
    top:0;
    left:0;
    z-index:30000;
    padding:0;
    margin:0;
    width:100%;
    display:block;
}

.slideout-menu {
    position: absolute;
    top:1em; left:0;
    background:rgba(255,255,255,0.8);
    width:94%;
    margin:0 3%;
    display:none;
}
.slideout-menu_in {text-align:center; }

.slideout-close{
    display: none;
}


#sm01_02{
    display: none;
}
#sm01_icon01_h,
#sm01_icon02_h,
#sm01_icon03_h,
#sm01_icon04_h{
    display: none;
}

.sm01_01{
    border:2px solid #3D1E15;
}
.sm01_01>li a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:90%;
    padding:0.7em 5%;
    border-bottom:1px solid #3D1E15;
    color:#777777;
    background: rgba(255,255,255,0.7);
    position: relative;

}
.sm01_01>li a::after{
    content: url(../img/common/sm_icon_arrow.png);
     position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


#sm01_icon00_h3 a::after{
    content: url(../img/common/sm_icon_arrow.png);
     position: absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    
}
/*===============================
  スマホ用下固定バナー
===============================*/

/*固定バナー背景*/
.back_kote{
    background: linear-gradient(to top,  rgba(0,0,0,0.60),rgba(255,255,255,0) 80%);
    width:100%;
    position: relative;
}

.kote_s{
    width:100%;
    position:fixed;
    bottom:0;
    z-index:1000;
}
.kote_s ul{
    width:90%;
    margin:0 5%;
}
.kote_s ul li:nth-child(1){
    width:46%;
    margin:1em 2%;
}
.kote_s ul li:nth-child(2){
    width:46%;
    margin:1em 2%;
}

.kote_s ul li img{
    width:100%;
    margin:0;
}

.poin_kote .kote_s ul{
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    margin:0;
}

.poin_kote .kote_s ul li{
    width: 48%;
}

/***  ページTOP  ***/
#page_tops{
    position: absolute;
	display:block;
	width:15%;
	z-index:50;
    bottom:100%;
    right:0.3em;
}

#page_top{
    position: absolute;
	display:block;
	width:10%;
	z-index:50;
    bottom:100%;
    right:0.3em;
}


/*===================
 フッター
===================*/

.foot_bk{
    background:#736357;
}
#foot01 {
    width:92%;
    text-align:left;
    margin:0 auto;
    padding:0 0 10em 0;
    display:block;
}

.foot01_01 ul{/*245 815*/
    width:48%;
    float: left;
    padding:1em 1%;
}
.foot01_01 ul li{/*245 815*/
    width:100%;
    padding:0.45em 0;
}

.foot_logo{
    width: 50%;
    margin: 2em auto;
}

/**＝＝＝＝＝＝＝＝＝＝＝
 サブページ
 各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/

#title_sub{
    width:100%;
    margin:0 auto;
    text-align:center;
}
.sub_title_img{
    padding: 3em 0;
}
.sub_title_img img{
    margin: 0 auto;
}

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {

.copy_btn::before{
    left: 2%;
    
}
  
/*==================
  電話番号タップ
==================*/
a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; }


.disp_p { display:block; }
.disp_s { display:none; }
.disp_pt { display:none; }
.disp_st { display:block; }

h1 { font-size:78%; padding:0; }



/***  ヘッダー  ***/
.head00 {
	/*background:linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0));
	background: #FFFFFF;*/
	box-shadow:none;
}
.head_block{
   padding: 0 0 1em;
}
.navi_side>ul>li:nth-child(1){
	width: 50%;
	padding:0.65em 0 0;
    margin: 0 5% 0 0;
}
.navi_side>ul>li:nth-child(2){
	width:26%;
	padding:0;
    margin: 0 5% 0 0;
}
.navi_side>ul>li:nth-child(3){
	width:8%;
	padding:0.65em 0 0;
    margin: 0 3% 0 0;
}

.navi>ul{
	align-items: flex-start;
}	
.navi>ul>li:nth-child(1){/*1600 245*/
	max-width: 160px;
	padding: 1.65em 0 0;
	width: 12%;
	margin:0 5% 0 3%;
}
	
.navi>ul>li:nth-child(2){/*1600 430*/
	margin:0 0 0 5%;
	width: 30%;
	max-width: 420px;
}
.nav_s {
	right: -55%;
	width: 30%;
}

/*===============================
	MVより下にスクロールしたら
===============================*/
.black .navi01logo {
	width:70%;
	display: block;
}
.black .navi01text {
	background:none;
}
	
.black .navi_side>ul {
	width:90%;
	margin:0 0 0 10%;
}

/***  ページTOP  ***/
#page_tops {
    position: fixed;
	display:block;
	width:10%;
	z-index:50;
    bottom:0.3em;
    right:0.3em;
}
    
/*===============================
  下固定バナー
===============================*/
.kote_block{
    width:100%;
    bottom:0;
    margin:0 auto;
    height:80px;
}


.fix {
    z-index: 3;
    position: fixed;
    bottom: 0;
}

.kote{
    width:100%;
    margin:0;
    /*margin:0.5em auto 1em auto;*/
    position: fixed;
    bottom:0;
    z-index:1000;
    height:70px;
}
.kote ul li{/*1140 435*/
    float: left;
}

.kote ul li:nth-child(1){/*435 1140*/
    width:38.1578%;
    margin:0 1% 0 7.7%;
}
.kote ul li:nth-child(2){/*435 1140*/
    width:38.1578%;
    margin:0 7.7% 0 1%;
}
	
	
	
.poin_kote .kote{
    height:98px;
}
.poin_kote .kote ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
    justify-content: center;
}
.poin_kote .kote ul li{
    width:48%;
    max-width: 454px;
    margin:0 1%;
}

.kote ul li img{/**/
    width:100%;
}


/***======================
    フッター
======================***/

#foot01 {
    width:100%;
    padding:2em 0 10em 0;
}

.foot_logo{
    margin: 0;
}

/**＝＝＝＝＝＝＝＝＝＝＝
 サブページ
 各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/
#title_sub{ width:100%;}

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media (min-width : 1140px) {

.disp_pt { display:block; }
.disp_st { display:none; }
    
h1 { font-size:88%; }


/*===============================
  下固定バナー
===============================*/
.kote_block{
    width:1140px;
    height:100px;
}

.kote{
    width:1140px;
    height:90px;
}

.kote ul li{/*340 1140*/
    margin:1em 1.7% 0;/*0 20*/
}
    

/**** ページTOP **/
#page_top {
	width:auto;
	display:block;
    position: absolute;
	bottom:110%;
	right:1em;
	z-index:50;
}

    
/*フッター*/
#foot01 {
    width:1140px;
    margin:0 auto;
    padding:2.5em 0 10em;
}

}

@media (min-width : 1600px) { 

/****  ヘッダー　**/
    
#head00 img{
    width:auto;
}
#head00 {
    width:100%;
    
}
.head01{/*230*/
    width:230px;
}
.head01_01 {/*111*/
    width:111px;
    margin:1em 2px 9px 6px;
}
.head01_02 {/*111*/
    width:111px;
    margin:1.5em 0 0 0;
}
.head01_02 ul li {
    margin:0 0 0.3em 0;
}
    
.head02{
    width:1350px;
    margin:0;
}
    
.head02_01{
    width:1080px;
    margin:0;
}
    
.head02_01 ul li {/*170*/
    width:140px;
    padding:0 10px;
    margin:0 auto;
    border-left:1px solid #EEEEEE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}    
.head02_01 ul li:last-child {/*170*/
    border-right:1px solid #EEEEEE;
}    
.head02_01 ul li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
} 
.head03{
    width:270px;
}
    
.head03_01{/*250*/
    width:270px;
    padding:0;
    background:#8E0510;
}
    
.head03_02{/*250*/
    widows: 270px;
    padding:0.5em 0;
}
    
    
    
}