@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（767px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 767px){

img,
#mainimg{
	height: auto !important;
}

a[href^="tel:"] {
	pointer-events: inherit;
}

h2.main_ttl .left,
h2.main_ttl .right,
.btm_ttl img{
	display: none;
}

.left,
.right,
.cont1 .pic,
.cont2 .pic,
.ftr_btm p,
.bus_t .left{
	float: none;
}

#mainimg h1 img,
.prices .left img,
#mapimg img,
.width1050 p,
#sec03_tbl,
#flow_img img,
#flow_img div img{
	width: 100%;
}

.width1000,
h2.main_ttl,
#graph img,
.width1050,
#course img,
#copyright address,
#flow_img{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.sp_none{
	display: none;
}

.sp_only{
	display: block;
}

.times span{
	padding-left: 3%;
	padding-right: 3%;
}

h2.main_ttl p{
	font-size: 22px;
	line-height: 22px;
}

h2.main_ttl p span#t1{
	font-size: 16px;
	line-height: 16px;
}

#mainimg{
	padding: 250px 0px;
}

#mainimg h1{
	padding-top: 0px;
	padding-left: 0px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.times span{
	font-size: 18px;
	box-sizing: border-box;
}

.common_btn img{
	width: 60%;
}

.prices .left{
	padding-bottom: 15px;
}

.prices .right{
	text-align: center;
}

.prices .right img,
.width1050 .right img,
#sec03_btn img{
	width: 70%;
}

.width1050 p,
h2.main_ttl p span#t2,
#detail_t p#t1,
.t_main p#t_1 span,
.t_main p#t_2 span{
	padding-left: 0px;
	font-size: 14px;
}

h2.main_ttl p span#t2{
	line-height: 1.4em;
}

.width1050 p span{
	font-size: 18px;
}

.width1050 .right{
	text-align: center;
	padding-top: 25px;
}

.ftr_btm a#pagetop{
	float: none;
}

.othr_cont {
	min-height: inherit;
}


.othr_cont .cont_r,
.othr_cont .cont_l{
	position: static;
	width: 100%;
}

.othr_cont .cont p.t1{
	font-size: 16px;
	line-height: 16px;
	text-align: left;
	padding-top: 20px;
}

.othr_cont .cont p.t2{
	font-size: 22px;
	line-height: 22px;
	text-align: left;
	padding-top: 10px;
}

.othr_cont .cont p.t3{
	text-align: left;
	font-size: 16px;
	line-height: 16px;
}

.cont_r .bg,
.cont_l .bg{
	background-image: none;
	background-color: #fff;
	border: 1px solid #d7ccc8;
	width: 100%;
	box-sizing: border-box;
	height: auto;
}

#sec03_tbl th,
#sec03_tbl td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
}

#sec03_btn img{
	margin: 0px 0px 10px 0px;
}

.ftr_btm p{
	line-height: 1.6em;
	padding-bottom: 10px;
}

#copyright address,
#contact_t th{
	font-size: 12px;
}

#contact_t th{
	width: 120px;
}

p.btm_subttl{
	font-size: 18px;
}

.btm_ttl{
	text-align: center;
	
}

.btm_ttl p{
	padding-left: 0px;
	font-size: 20px;
	line-height: 20px;
	border-bottom: 10px solid #a8a9a9;
	padding-bottom: 5px;
	width: 95%;
}

.bus_t .l_1{
	padding-left: 0px;
	font-size: 26px;
}

#contact_t td{
	font-size: 18px;
	line-height: 1.4em;
}

.t_main p#t_1{
	font-size: 20px;
}

.t_main p#t_2{
	padding-left: 0px;
	padding-bottom: 10px;
}

.t_main p#t_3 span#s1,
.t_main p#t_3 span#s2{
	display: block;
}

.t_main p#t_3 span#s2{
	padding-left: 0px;
	padding-top: 10px;
}

#detail_t{
	padding: 5%;
}

#flow_img div{
	width: 26%;
	top: 24.5%;
	left: 14%;
}

#ti_ttl img{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#side{
	top: auto;
	bottom: 0px;
}


#side_sp{
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 5;
}
#side_sp a{
		background: #F3BB1C;
		color: #40230F;
		display: block;
		padding: 3% 0;
		text-align: center;
		text-decoration: none;
		font-size: 19px;
	  font-weight: bold;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
    
#side_sp a:before {
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    width: 27px;
    height: 30px;
    margin-right: 8px;
    background-image: url("../image/side_sp_icon.png");
    background-size: contain;
    vertical-align: middle;
}
    
#side_sp a:hover{
		background: #40230F;
		color: #fff;
}
	
/*-------　footer  -------*/

.footer_info_inner {
    width: 94%;
    margin: 0 auto;
}

.footer_info_inner img{
    width: 100%;
}
.top_area13{
	width: 100%;
}

p.top_imgarea13 {
    width: 80%;
    margin: 40px auto 60px;
}

p.top_imgarea14{
	width: 100%;
	padding-bottom: 50px;
}
	
p.page_top{
	margin: 0 auto;
}	

footer{
	padding: 15px 0 200px;
}	
	
.fot_area{
	flex-wrap: wrap;
}
	
	
p.copyright{
	width: 100%;
text-align: center;
	order: 2
}
	
ul.fot_inner{
	width:100%;
	order: 1;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

	
ul.fot_inner li{
	width:100%;
}

ul.fot_inner li a{
	text-decoration: underline;
	line-height: 2;
}
	
}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */