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


a.telLink0 { cursor: pointer; pointer-events: auto; text-decoration:underline; }


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

/***  ヘッダー  ***/



#head00s {
    width:100%;
    margin:0 auto;
    background:linear-gradient(180deg,#399BCE 0%,#399BCE 50%,#2390C8 50%,#2390C8 100%);
    position: fixed;
    top:0;
    box-shadow: 0 5px 4px -4px #4D3A33;
	z-index: 10000;
}

#head01s{
    margin:0 5% 0 1%;
    width:53%;
}

#head02s1,
#head02s2,
#head02s3{
    width:12.0625%;
    margin:0 0.5%;
}



/***  スマホ用グランドナヴィゲーション  ***/
.slideout-header {
    position:fixed;
    top:0;
    left:0;
    z-index:90000;
    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;
}

.slideout-close img{
    width:100%;
}

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

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

}
#sm01_02icon,
#sm01_03icon  {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:90%;
    padding:0.7em 5%;
    border-bottom:1px solid #D6D6D6;
    color:#222222;
    background: rgba(230,230,230,0.6);
    position: relative;

}
#sm01_02icon::after,
#sm01_03icon::after {
    content:url(../img/common/plus.png);
    font-size: 120%;
     position: absolute;
    top: 50%;
    right: 4%    ;
    -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_02icon.icon::after,
#sm01_03icon.icon::after {
    content:url(../img/common/mainasu.png);
    font-size: 120%;
     position: absolute;
    top: 50%;
    right: 4%;
    -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_01>li h2 a::after{
    content: url(../img/common/sm_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{
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:64%;
    padding:0.7em 18%;
    border-bottom:1px solid #FFFFFF;
    color:#222222;
    background: rgba(200,200,200,0.7);
    position: relative;
}
.sm01_icon00_h3 a::before{
     position: absolute;
    top: 50%;
    left: 13%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: '';
    padding:0 0.5em;
}

.sm01_icon00_h3 a::after{
    content: url(../img/common/sm_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_all a{
    text-decoration: none;
    font-weight: bold;
    display: block;
    width:70%;
    padding:0.7em 15%    ;
    border-bottom:1px solid #D6D6D6;
    color:#222222;
    background: rgba(230,230,230,0.8);
    position: relative;
}
.sm01_icon00_h3_all a::before{
     position: absolute;
    top: 50%;
    left: 11%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: url(../img/common/all.png);
}

.sm01_icon00_h3_all a::after{
    content: url(../img/common/sm_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{
	width:100%;
}
/*===============================
　　スマホ用下固定バナー
===============================*/
.kote_s{
	width:100%;
	position:fixed;
	bottom:0;
	z-index:1000;
}
.kote_s ul{
	width:100%;
	margin:0;
    padding:0;
}
.kote_s ul li{
	width:33%;
	margin:0.5em 0 0.4em 0;
	float:left;
}
.kote_s ul li img{
	width:96%;
	margin:0 2%;
}

.kote_s2{
	width:100%;
	background:rgba(176,215,235,0.60);
	position:fixed;
	bottom:0;
	z-index:1000;
}
.kote_s2 ul{
	width:99%;
	margin:0 0.5%;
    padding:0;
}
.kote_s2 ul li{
	width:49%;
	margin:0.5em 0.5% 0.4em 0.5%;
	float:left;
}
.kote_s2 ul li img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}

/*===================
　フッター
===================*/
.foot01_01{
    line-height: 2;
	width:46%;
	margin:0 2%;
    float: left;
}

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

.line_foot{
	width:100%;
	background:url(../img/common/foot_line.png) repeat-x;
	height:7px;
}


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


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


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

/*===============================
　　右固定バナー
===============================*/
#page_banner{
    position: fixed;
	top:27%;
    right:0;
	width:12%;
	margin:0;
    z-index: 8000;
}

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

a.telLink0 { display:inline-block; cursor: default; pointer-events: none; text-decoration:none; }

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

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

/***  ヘッダー  ***/
#head00 {  width:96.3158%; margin:0 auto;  padding:1em 0; }


.head01 {/*550 1100*/
    width:50%;
    padding:0;
}
.head01_01 {/*292 550*/
    width:53.090909%;
    margin:0;
    float: left;
}
.head01_02 {/*110 550*/
    width:20%;
    margin:0 0.9090%;/*0 5*/
    float: left;
}
.head02 {/*290 1100*/
    width:26.363636%;
    margin:0 0.909090% 0 0;/*0 5px 0 0*/
}
.head02 ul li {/*95 290*/
    width:32.758620689%;
    margin:0 0.86206% 0 0;/*0 2.5 0 0*/
    float: left;
}
.head02 ul li:last-child {/*95 290*/
    width:32.758620689%;
    margin:0;
}
.head03{/*245 1100*/
	width:22.272727%;
	margin:0;
}


/***  PC&タブレット用メニュー  ***/
.back_navipc{
    background:linear-gradient(180deg,#E3E3E3 0%,#E3E3E3 50%,#D5D5D5 50%,#D5D5D5 100%);
}
.sub_back_navipc{
    background:linear-gradient(180deg,#399BCE 0%,#399BCE 50%,#2390C8 50%,#2390C8 100%);
}
.back_nav{
	padding:0.2em 0;
}

#p_navi { width:96.3158%; margin:0 auto; height:auto; } 
#p_navi  ul li {
	width:14.2727%;/* 1100幅　157px × 7メニュー*/
	float:left;
    box-shadow: 1px 0 0 0 #CDCDCD inset, 2px 0 0 0 #EFEFEF inset;
}
#p_navi  ul li:last-child {
    box-shadow: 1px 0 0 0 #CDCDCD inset, 2px 0 0 0 #EFEFEF inset , -1px 0 0 0 #CDCDCD inset, -2px 0 0 0 #EFEFEF inset;
}
#p_navi  ul li img{/*134 157*/
    width:85.3503%;
    padding:0.1em 0;
    margin:0 auto;
}

/*#p_navi  ul li:nth-child(6) img,*/
#p_navi  ul li:nth-child(7) img {/*155 157*/
    width:98.7261;
    padding:0;
    margin:0 auto;
}

#p_navi  ul li img:hover{
    background:rgba(139,139,139,.8);
    border-radius: 10px;
}

/*#p_navi  ul li:nth-child(6) img:hover,*/
#p_navi  ul li:nth-child(7) img:hover{
    background:none;
    border-radius: 0;
}

#p_navi ul .h img{
    background:rgba(139,139,139,.8);
    border-radius: 10px;
}

/*#p_navi ul li:nth-child(6) .h img,*/
#p_navi ul li:nth-child(7) .h img{
    background:none;
    border-radius: 0;
}


    
#p_navi  ul li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}


#sub_p_navi { width:96.3158%; margin:0 auto; height:auto; position: relative;}

#sub_p_navi::before{
    content: url(../img/common/navi_san.png);
    position: absolute;
    bottom:98%;
    left:7.5%;
    
}
#sub_p_navi  ul li {
	width:20%;/* 220px × 5メニュー*/
	float:left;
}
#sub_p_navi  ul li img{
    padding:0.3em 0;
}
#sub_p_navi  ul li img:hover{
    background:rgba(26,105,149,.8);
    border-radius: 10px;
}
    
#sub_p_navi  ul .h img{
    background:rgba(26,105,149,.8);
    border-radius: 10px;
}

#sub_p_navi  ul li a:hover img{
	filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}

/*===============
サブメニュー　ブロック
================*/
.p_navi02 ul {
	background: rgba(42,16,6,0.8);
	color:#FFFFFF;
	padding:1em 0;
	visibility: hidden;
	overflow: hidden;
	width:40%;
	position:absolute;
	z-index:100;
}
.p_navi02 ul li {
	float:none;
	color:#FFFFFF;
	width:100%;
}


/*===============================
　　右固定バナー
===============================*/
#page_banner{
    position: fixed;
	top:28%;
    right:0;
	width:10%;
	margin:0;
    z-index: 20000;
}


/*===============================
　　下固定バナー
===============================*/
.kote_block{
	width:100%;
	bottom:0;
	margin:0 auto;
	height:100px;
}


.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:80px;
}
.kote ul li:nth-of-type(1){/*1140 250*/
	width:24.5614%;
	margin: 0 7.0181% 0 1.7543%;
	position: absolute;
	bottom:0;
	left:0;
}
    
.kote ul li:nth-of-type(2){/*1140 250*/
	width:29.8245%;
	margin: 0 1.7543%;
	position: absolute;
	bottom:11%;
	left:33.3338%;
}
.kote ul li:nth-of-type(3) {/*1140 250*/
	width:29.8245%;
	margin: 0 1.7543%;
	position: absolute;
	bottom:11%;
	left:66.6669%;
}


.kote ul li img{/**/
	width:auto;
	max-width:100%;
	margin: 0 auto;
}
/*固定バナー背景*/
.back_kote{
	background:rgba(255,255,255,0.60);
	width:100%;
}



/***  フッター  ***/
#foot01 { width:100%; }

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


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



}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media (min-width : 1140px) {
	
.disp_pt { display: block; }
.disp_t { display:none; }
h1 { font-size:93%; }

/****  ヘッダー　**/
    
#headover {width:1140px; margin:0 auto; }
#head00 {
	width:1100px;
	margin:0 auto;
	padding:0 20px 1em;
}
.head01 {/*550 1100*/
    width:550px;
    padding:0;
}
.head01_01 {/*292 1100*/
    width:292px;
    margin:0;
    float: left;
}
.head01_02 {/*292 1100*/
    width:110px;
    margin:0 5px;
    float: left;
}
.head02 {/*290 1100*/
    width:290px;
    margin:0 10px 0 0;
}
.head02 ul li {/*95 290*/
    width:95px;
    margin:0 2.5px 0 0;
    float: left;
}
.head02 ul li:last-child {/*95 290*/
    width:95px;
    margin:0;
}
.head03{/*245 1100*/
	width:245px;
	margin:0;
}



.back_nav{width:1100px; margin:0 auto; }

/***  PC&タブレット用メニュー  ***/
#p_navi { width:1100px;  margin:0 auto; } 
#p_navi li {
	width:183px;
}
/***  PC&タブレット用メニュー  ***/
#sub_p_navi { width:1100px;  margin:0 auto; } 
#subp_navi li {
	width:220px;
}



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

.kote{width:1140px;}

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

/**＝＝＝＝＝＝＝＝＝＝＝
　サブページ
　各ページ共通部
＝＝＝＝＝＝＝＝＝＝＝***/
#title_sub{
    width:1100px;
    padding:0;
}


}

@media (min-width : 1600px) { 

}