@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:500000; width:100%; }


/***  ヘッダー  ***/
#head00s {
    width:100%;
    margin:0 auto;
    background: rgba(255,255,255,1);
}



.head01s{
    margin:0 48% 0 2%;
    width:15%;
}
.head02s{
    width:9%;
    margin:0.7em 1% 0;
}



/***  スマホ用グランドナヴィゲーション  ***/
.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.80),rgba(255,255,255,0));
    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{
    width:100%;
    margin:0;
}

.poin_kote .kote_s ul li:nth-child(1){
    width:31.33333%;
    margin:1em 1%;
}
.poin_kote .kote_s ul li:nth-child(2){
    width:31.33333%;
    margin:1em 1%;
}
.poin_kote .kote_s ul li:nth-child(3){
    width:31.33333%;
    margin:1em 1%;
}

/***  ページ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:#3D1E15;
}
#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:1.6em 1%;
}
.foot01_01 ul li{/*245 815*/
    width:100%;
    padding:0.2em 0;
}



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

#title_sub{
    width:100%;
    margin:0 auto;
    text-align:center;
}



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

.copy_btn::before{
    left: 2%;
    
}
/****  ヘッダー　**/
#head00 {/*1720*/
    width:100%;
    float:none;
    box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.23);
  -webkit-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.23);
  -moz-box-shadow: 0px 6px 2px -2px rgba(0,0,0,0.23);
}
    
#head00 img{
    width:100%;
}
    
    
.head01{/*230 1600*/
    width:14.375%;
}
.head01_01 {/*111 230*/
    width:48.26086%;
    margin:1em 0.8% 9px 2.6%;/*1em 2px 9px 6px*/
}
.head01_02 {/*111 230*/
    width:48.26086%;
    margin:1.5em 0 0 0;
}
.head01_02 ul li {
    margin:0 0 0.3em 0;
}
    
.head02{/*1350 1600*/
    width:84.375%;
    margin:0 0 0 1%;
}
    
.head02_01{/*1350 1080*/
    width:80%;
    margin:0;
}
    
.head02_01 ul li {/*140 1080*/
    width:12.96%;
    padding:0 0.9%;/*0 10*/
    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 {
    border-right:1px solid #EEEEEE;
}    
.head02_01>ul>li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
} 
    
.head03{/*1350 270*/
    width:20%;
}
    
.head03_01{/*250*/
    width:100%;
    padding:0;
    background:#8E0510;
}
    
.head03_02{/*250*/
    widows: 100%;
    padding:0.5em 0;
}
    

.head02_01>ul>li img:hover{
    background: rgba(142,5,16,0.1);
    }
.head02_01>ul>li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
} 
.head02_01 ul .h img{
    background: rgba(142,5,16,0.1);
    }
    
    
/*==================
  電話番号タップ
==================*/
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; }


/***  ページ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: 100000;
    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: flex-end;
}
.poin_kote .kote ul li:nth-child(1){/*400 1140*/
    width:36%;
    margin:0 1%;
}

.poin_kote .kote ul li:nth-child(2){/*320 1140*/
    width:29%;
    margin:0 1%;
}
.poin_kote .kote ul li:nth-child(3){/*435 1140*/
    width:29%;
    margin:0 1%;
}
	


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


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

#foot01 {
    width:100%;
    padding:2em 0 10em 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;
}
    
    
    
}