@charset "utf-8";

/*================================
    メインコンテンツ
================================*/
/* 設備 */
.faci01 { color: #FFFFFF; }
.faci01 img { width: auto; max-width: 100%; }
.faci01 dl { padding: 2.5em 0; }
.faci01 dt { padding-bottom: 1.5em; }
.faci01 .span01 { font-weight: 700; }
.faci01 .span02 { font-weight: bold; }

.faci01 .tile00,
.faci01 .tile01,
.faci01 .tile02 { padding-bottom: 3em; }

/*会社概要*/
.acce01 { color: #FFFFFF; }
.acce01 img { width: auto; max-width: 100%; }
.acce_title_line { width: 100%; background-image:linear-gradient(rgba(217,163,0,1) 25%, rgba(178,133,0,1) 50%, rgba(140,105,0,1) 75%) }
.acce01 a { color:#D80000; font-weight: bold; }

.acce01_02 dt { font-weight: bold; color: #FFFFFF; background:#8E0510; text-align: center; padding: 0.5em 0; }
.acce01_02 li { background: #FFFFFF; color: #4A2500; padding: 1.5em 5%; margin-bottom: 0.1em; width: 90%; }

.map_block01{
    width:100%;
    float: none;
}

/*アクセスマップ*/

.map_block {
    display: block;
    position:relative;
    padding-bottom: 66%; /* 100/300*200　*/
    height: 0;
    overflow: hidden;
}
.map_block .map,
.map_block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtub_block {
    position:relative;
    padding-bottom: 56.25%; /* 100/300*200　*/
    height: 0;
    overflow: hidden;
    width: 100%;
}
.youtub_block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*============================
    コンセプト
============================*/
.conc01_01title{
    margin-top:0;
}

.conc02_01{
    padding:0;
}

.conc02_01>ul>li{
    width:80%;
    margin:1.5em 10%;
    float: none;
}


.conc_btn a{
    display: block;
    background:#AF7F36;
    padding:1.2em 0;
    text-align: center;
    text-decoration: none;
}
.conc_btn a:hover{
    background:#A47733;
}

/*==================
    クーポン
===================*/
.tick01_01{/*475 720*/
    width:80%;
    padding:2em 10%;
    background:linear-gradient(to top, #8C6900, #D9A300);
}

/*==================
    メンバーズ
===================*/
.memb01_01img{/*530 103*/
    width:19.4339%;
    float: left;
}
.memb01_01text{/*530 */
    width:75.5661%;
    margin:0 0 0 5%;
    float: left;
}

.memb01_01table table,
.memb01_02table table{
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.memb01_01table table tr{
    border-bottom:1px solid #8E0510;
}
.memb01_01table table tr:first-child{
    border-bottom:none;
}


.memb01_01table table th{
    padding:1em 5%;
    background:#8C6800;
    color:#FFFFFF;
    font-weight: bold;
    border-right:1px solid #FFFFFF;
}
.memb01_01table table th:last-child{
    border-right:none;
}

.memb01_01table table td{
    padding:1.5em 5%;
    background:#FFFFFF;
    color:#4A2500;
    border-right:1px solid #8E0510;
}


.memb01_02table table th{
    padding:1.5em 2%;
    background:#8C6800;
    color:#FFFFFF;
    font-weight: bold;
    border-bottom:1px solid #FFFFFF;
    
}
.memb01_02table table td{
    padding:1.5em 5%;
    background:#FFFFFF;
    color:#4A2500;
    border-bottom:1px solid #8E0510;
}


.bor_none{
    border-bottom:none !important;
}

.memb03_01>ul>li{
    padding:2em 0;
}

.memb03_01img{/*200 720*/
    width:22%;
    margin:2em 0 0 0;
    float: left;
}
.memb03_01text{/*200 720*/
    width:72%;
    margin:0 0 0 5%;
    float: left;
}


/*============================
    アクアゲートの魅力
============================*/
.poin01_block{
	position: relative;
}

.poin01_img {
	width:100%;
}
.poin01_img img{
	width:100%;
}
.poin01_text {
	width:90%;
	margin:-2em 5% 0;
}

.poin02_01>ul{
	display: flex;
	flex-wrap:wrap;
	width:100%;
}
.poin02_01>ul>li{
	width:98%;
	margin:1em 1%;
}


/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {
/* 設備 */
.faci01 .tile00,
.faci01 .tile01,
.faci01 .tile02 { padding-bottom: 1em; }

/*会社概要*/
.prof01_bk{
    background:url(../img/profile/prof_01.jpg) no-repeat left top;
    background-size: 50% auto;
}
/*会社概要*/

.prof02_01 dl{
    padding:1.5em 0;
    border-bottom:1px dotted #BBBBBB;
    
}
.prof02_01 dl dt{
    width:18%;
    font-weight: normal;
    margin:0 1%;
    float: left;
    
}
.prof02_01 dl dd{
    width:78%;
    margin:0 1%;
    float: left;
    
}


/*** ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メインコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝***/
    
    

/*============================
    コンセプト
============================*/
.conc01_bg{
    background: url(../img/sub/conc_01_bg.jpg) no-repeat left top;
    background-size:60% auto;
}
.conc02_bg{
    background: url(../img/sub/conc_02_bg.jpg) no-repeat right top;
    background-size:60% auto;
}
    
.conc03_bg{
    background: url(../img/sub/conc_06_bg.jpg) no-repeat left top;
    background-size:60% auto;
}
    
.conc04_bg{
    background: url(../img/sub/conc_10_bg.jpg) no-repeat right top;
    background-size:60% auto;
}
    
.conc05_bg{
    background: url(../img/sub/conc_14_bg.jpg) no-repeat left top;
    background-size:60% auto;
}
    
    
.conc01_01title{
    margin-top:3em;
}
.conc02_01{
    padding:3em 0 2em;
}
.conc02_01>ul>li{
    width:29.8245%;
    margin:1.5em 1.7543%;
    float: left;
}

/*==================
    クーポン
===================*/
.tick01_01{/*475 720*/
    width:65.972222%;
    padding:2em 17.013889%;
}

    
/*=====================
    メンバーズ
=====================*/
    
.memb03_01img{/*200 720*/
    width:27.7777%;
    margin:1em 0 0 0;
    float: left;
}
.memb03_01text{/*200 720*/
    width:67%;
    margin:0 0 0 5%;
    float: left;
}
	
/*=====================
    アクアゲートの魅力
=====================*/
	
.poin01_img {
	width:62%;
}
.poin01_text {
	width:50%;
	position: absolute;
	top: 50%;
	left: 60%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
	
.poin02_01>ul>li{
	width:31.33333%;
	margin:1em 1%;
}
    
    
}
/*=================================================================================*/
/** 1140px以上 padding: ;PCサイズ画面 **/
@media (min-width : 1140px) {

/*** ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
メインコンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝***/

}