@charset "utf-8";


h1:before{
	border-top:3px solid #fb7a24;
	}
h1:after{
	border-top:2px solid #ffe6d6;
	}

.item-h2{
	border:2px solid #f36100;
	}
.item-h2 h2{
	color:#f36100;
	border:1px solid #fae5e1;
	}
.item-h2 h2:after{
	background-image:url(../image/h2_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100%;
	}
h2.caption{
	color:#f36100;
	}
h3{
	color:#f36100;
	}
h3:after{
	border-top:2px solid #ffd4b9;
	}
h4:after{
	color:#f36100;
	}

section.outlone{
	width:95%;
	margin:0 auto;
	padding-bottom:30px;
	}
section.outlone article{
	margin-left:2%;
	margin-right:2%;
	padding-bottom:30px;
	}

section.outlone article.data p {
    font-size: 2.4rem;
    font-weight: bold;
}
section.outlone article.data p span {
    font-size: 1.6rem;
    font-weight: normal;
}
section.outlone article.data p.but2,
section.outlone article.data p.but3{
	width:100%;
	text-indent:-9999px;
	}
section.outlone article.data div a {
    display: inline;
}
section.outlone article.data p.but2 a,
section.outlone article.data p.but3 a {
    width: 100%;
    height: 1px;
    padding-top: 22.17%;
    display: block;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
section.outlone article.data p.but2 a {
    background-image: url(../../outline/image/but04.png);
}
section.outlone article.data p.but3 a {
    background-image: url(../../outline/image/but03.png);
}
@media all and (min-width: 768px) {
section.outlone article.data div{
	width:55%;
	float:left;
	}
section.outlone article.data div div{
	width:100%;
	float:none;
	}
section.outlone article.data p.but2,
section.outlone article.data p.but3{
	width:44%;
	margin-top:20px;
	float:right;
	}
section.outlone article.data p.but2 a:hover,
section.outlone article.data p.but3 a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	}

section.outlone article.data div a.tel{
	color:#000 !important;
	text-decoration:none !important;
	cursor: text;
	}
}




/*================================================================================
 
==================================================================================*/


.attention{
	padding:25px 20px 10px;
	background:#fbede3;
	border:1px solid #fbede3;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	}
.attention p{
	font-size:1.8rem;
	color:#f33300;
	}

.flame1{
	padding:2%;
	border:1px solid #faf4e1;
	background:#faf4e1;
	}
.flame2{
	width:100%;
	padding:5%;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border:1px solid #fff;
	background:#fff;
	overflow:hidden;
	position:relative;
	}




@media all and (min-width: 768px) {
.flame2{
	width:100%;
	padding:3% 2% 3% 3%;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border:1px solid #fff;
	background:#fff;
	overflow:hidden;
	position:relative;
	}
}




/*================================================================================
 overview
==================================================================================*/

.overview01{
	width:100%;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
	}
.overview01 img{
	width:80%;
	margin-left:20%;
	}



@media all and (min-width: 768px) {

.overview01 div{
	width:60%;
	float:left;
	display:inline-block;
	}
.overview01 img{
	width:34.5%;
	margin-left:0;
	float:right;
	}


}



/*================================================================================
 description
==================================================================================*/



#Contents dl.qa{
	margin-top:20px;
	}
#Contents dl.qa dt{
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.8;
	padding:0 0 2rem 5rem;
	position:relative;
	}
#Contents dl.qa dt:after{
	content: "Q";
	top:-5px;
	left:0;
	width:30px;
	height:30px;
	font-size:2.3rem;
	line-height:1;
	color:#fff;
	margin:0 0 0 0;
	padding:10px 0 0 10px;
	position:absolute;
	background:#f36100;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	}

#Contents dl.qa dd{
	line-height:1.8;
	padding:0 0 3rem 5rem;
	margin-bottom:4rem;
	position:relative;
	border-bottom:1px dotted #c0c0c0;
	}
#Contents dl.qa dd:after{
	content: "A";
	top:-5px;
	left:0;
	width:27px;
	height:28px;
	font-size:2.3rem;
	line-height:1;
	color:#f36100;
	margin:0 0 0 0;
	padding:10px 0 0 11px;
	position:absolute;
	border:2px solid #f36100;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	}
#Contents dl.qa dd a{
	display:inline;
	}


.facility p{
	font-size:1.8rem;
	font-weight:bold;
	margin-top:3%;
	margin-bottom:0;
	}
.facility p span{
	padding-left:38px;
	display:block;
	position:relative;
	}
	
.facility p span:after{
	content: "";
	top:5%;
	left:0;
	width:29px;
	height:24px;
	margin:0 0 0 0;
	position:absolute;
	background-image:url(../image/arrow01.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100%;
	}

/*
@media all and (min-width: 768px) {
.description01 div{
	width:60%;
	float:left;
	display:inline-block;
	}
.description01 img{
	width:34.5%;
	margin-left:0;
	float:right;
	}

.flame2.facility{
	display:table;
	}
.flame2.facility ul,
.flame2.facility p{
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	}
.flame2.facility ul{
	width:70%;
	}
.flame2.facility p{
	font-size:1.6rem;
	}

#Contents #Contents dl.qa dd a.tel{
	color:#000 !important;
	text-decoration:none !important;
	cursor:text
	}

}*/