#topimg {
 margin: 0 auto;
 width: 100%;
}

#topimg img {
  width: 100%;
}

#information{
 width : 860px;
 margin: 50px auto 40px;
 padding: 0;
 overflow: hidden;
}

#information h2{
 width: 400px;
 height: 46px;
 margin: 0 auto 40px;
 padding: 0;
}

#information dl{
 width : 860px;
 margin: 0 0 20px 0;
 padding: 0 0 5px 0;
 border-bottom : dotted 3px #ccc;
}

#information dt{
 width: 9em;
 float: left;
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
}

#information dd{
 margin-left: 9em;
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
}

.info_list{
 font-size: 26px;
 text-align: right;
 margin: 0;
 padding: 20px 0 0 0;
}

#bn_tel{
 width : 860px;
 margin: 0 auto 40px;
 padding: 0;
 overflow: hidden;
}

#bn_tel a:hover{
 opacity: 0.7;
 filter: alpha(opacity=70);
}

#bn_online{
 width : 860px;
 margin: 0 auto 40px;
 padding: 0;
 overflow: hidden;
}

#bn_online a:hover{
 opacity: 0.7;
 filter: alpha(opacity=70);
}

#okomari{
 background : url(../top_img/okomari_bg.jpg) ;
 margin: 0;
 padding: 40px 0;
 overflow: hidden;
}

.okomari_box{
 width: 860px;
 margin: 0 auto;
 padding: 0 0 20px 0;
 overflow: hidden;
}

.okomari_box h2{
 width: 860px;
 height: 88px;
 margin: 0 auto 30px;
 padding: 0;
}

.okomari_detail{
 float: left;
 width: 200px;
 margin: 0 20px 20px 0;
 padding: 0;
}

.okomari_detail img{
 width: 200px;
 margin: 0 0 10px 0;
 padding: 0;
}

.okomari_detail p{
 color:#333;
 line-height: 140%;
}

.point{
 width: 860px;
 height: 139px;
 margin: 0 auto 40px;
 padding: 0;
 display: block;
}

.taiou{
 width: 860px;
 margin: 0 auto 25px;
 padding: 0;
 overflow: hidden;
}

.taiou h2{
 width: 300px;
 height: 47px;
 margin: 0 auto 30px;
 padding: 0;
}

.taiou p{
 font-weight: bold;
}

.taiou_kano{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 150%;
 margin : 0 0 5px 0;
 color:#4074A4;
 padding-left:1em;
 text-indent:-1em;
}

.taiou_cyui{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 150%;
 margin : 0 0 5px 0;
 color:#B20000;
 padding-left:1em;
 text-indent:-1em;
}

.pbt{
 width : 860px;
 height : 70px;
 margin : 0 auto 30px;
 overflow : hidden;
}

.pbt ul{
 margin : 0;
 padding : 0;
}

.pbt li{
 float : left;
 width: 272px;
 height : 70px;
 list-style-type : none;
 overflow : hidden;
 margin: 0 22px 0 0
}

.pbt li a:hover{
 opacity: 0.7;
 filter: alpha(opacity=50);
}

.hokensyo{
 width: 860px;
 height: 110px;
 margin: 0 auto 15px;
 padding: 0;
 display: block;
}

#approach{
 background : url(../top_img/approach_bg.jpg) ;
 margin: 0;
 padding: 40px 0;
 overflow: hidden;
}

.approach_box{
 width: 860px;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
}

.approach_syugi{
 background-color: #FFF7EE;
 float: left;
 width: 381px;
 height: 300px;
 margin: 0 30px 0 0;
 padding: 15px;
 border:#FF7F00 2px solid;
 overflow: hidden;
}

.approach_syugi h3{
 width: 245px;
 height: 40px;
 margin: 0 auto 15px;
 padding: 0;
}

.approach_syugi ul{
 margin : 0;
 padding : 0;
}

.approach_syugi li{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
 margin : 0 0 5px 40px;
 padding : 0;
}

.approach_ninshiki{
 background-color: #FFF7EE;
 float: left;
 width: 381px;
 height: 300px;
 margin: 0;
 padding: 15px;
 border:#FF7F00 2px solid;
 overflow: hidden;
}

.approach_ninshiki h3{
 width: 246px;
 height: 40px;
 margin: 0 auto 15px;
 padding: 0;
}

.approach_ninshiki ul{
 margin : 0;
 padding : 0;
}

.approach_ninshiki li{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
 margin : 0 0 5px 40px;
 padding : 0;
}

#coronakinkyu {
 width: 820px;
 margin: 30px auto 0;
 padding: 17px;
 border: #F00 solid 3px;
 overflow:hidden;
}

#coronakinkyu h3 {
 color: #F00;
 font-size: 24px;
 text-align:center;
 margin: 0 0 10px 0;
 padding: 0;
}

#coronakinkyu p {
 color: #F00;
}

#corona {
 width: 820px;
 margin: 30px auto 0;
 padding: 17px;
 border: #F90 solid 3px;
 overflow:hidden;
}

#corona h3 {
 color: #F90;
 font-size: 24px;
 text-align:center;
 margin: 0 0 10px 0;
 padding: 0;
}

#corona ul{
 margin : 0;
 padding : 0;
}

#corona li{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
 margin : 0 0 5px 40px;
 padding : 0;
}


.corona_text {
 text-align:center;
 margin: 0 0 15px 0;
 padding: 0;
}

.green {
 color: #3F7C7B;
}


/*繧､繝ｳ繝輔か繝｡繝ｼ繧ｷ繝ｧ繝ｳ&繧ｳ繝ｩ繝�繝壹�繧ｸ縺薙％縺九ｉ---------------------------------------*/


.information_detail{
 width: 860px;
 margin: 0 auto;
 padding: 0;
 overflow:hidden;
}

.information_detail h3{
 font-size: 24px;
 letter-spacing: 0.05em;
 color : #333;
 margin: 0 0 10px 0;
 padding: 0 0 0 10px;
 border-left-width : 7px;
 border-left-style : solid;
 border-left-color : #FFBF00;
}

.information_box{
 width: 860px;
 margin: 0 0 50px 0;
 padding: 0;
 overflow:hidden;
}

.information_box p{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 170%;
 margin : 0 0 20px 0;
}

.information_box ul{
 margin: 0;
 padding: 0;
}

.information_box li{
 float: left;
 max-widt: 420px;
 list-style-type: none;
 margin: 0;
}

.right_img{
 padding-left: 20px;
}


.informaition_about{
 width: 820px;
 margin: 0 auto 30px;
 padding: 19px;
 border:#CCC 1px solid;
 background-color: #FBFBFB;
 overflow:hidden;
}

.informaition_about h6{
 color : #FF8300;
 font-size : 150%;
 letter-spacing : 0.05em;
 font-weight : bold;
 margin : 0 0 10px 0;
 padding : 0;
}

.informaition_about p{
 margin : 0;
}

.info_back{
 font-size: 26px;
 text-align: center;
 margin: 0;
 padding: 0;
}




/*險ｺ逋よ｡亥�縺薙％縺九ｉ---------------------------------------*/

.shinryo_betto{
 width: 830px;
 margin: 0 0 20px 0;
 padding: 14px;
 border:#FF8300 solid 1px;
 overflow: hidden;
}

.shinryo_betto p{
 margin: 0;
 padding: 0;
 letter-spacing : 0;
 color:#FF8300;
}

.shinryo_naiyo{
 width : 860px;
 margin: 0 0 30px 0;
 padding: 0;
 overflow : hidden;
}

.shinryo_text{
 float : left;
 width : 530px;
 margin: 0 30px 0 0;
 padding: 0;
}

.shinryo_pic{
 float : left;
 width : 300px;
 margin: 0;
 padding: 0;
}

.shinryo_price{
 width: 860px;
 margin: 0 0 20px 0;
 padding: 0;
}

.shinryo_price table{
 width: 860px;
 border-collapse: collapse;
 margin: 0 0 0.5em 0;
 padding: 0;
}

.shinryo_price th{
 color: #447357;
 font-size: 24px;
 letter-spacing: 0.1em;
 font-weight: bold;
 border: 1px solid #ccc;
 padding: 5px;
 background-color: #e3eee8;
 width: 10em;
 text-align: center;
 text-indent: 7px;
}

.shinryo_price td{
 font-size : 24px;
 letter-spacing : 0.05em;
 line-height : 140%;
 border: 1px solid #ccc;
 text-align: center;
 padding: 20px 20px;
}

.shinryo_price_komoku{
 background-color:#F8F8F8;
 font-weight: bold;
}

.shinryo_price_detail{
 background-color:#fff;
}

.shinryo_time{
 width: 830px;
 border: 1px solid #ccc;
 background-color: #EFEFE0;
 margin: 0 0 50px 0;
 padding: 20px 14px;
}

.shinryo_time p{
 font-size : 25px;
 line-height : 100%;
 margin: 0;
 padding: 0;
 text-align: center;
 font-weight: bold;
}

.shinryo_time_color{
 color: #919146;
}



/*莠区腐繝ｻ蜉ｴ轣ｽ繝ｻ菫晞匱縺薙％縺九ｉ---------------------------------------*/

.cyuiindent1 {
 color: #B22C00;
 margin: 0;
 padding: 0;
 padding-left:1em;
 text-indent:-1em;
}

.jiko_flow{
 width: 860px;
 margin: 0 0 30px 0;
 overflow: hidden;
}

.title_jiko{
 width: 858px;
 margin: 0 0 15px 0;
 padding: 10px 0;
 border:#CCC solid 1px;
 background-color:#B99E86;
 color:#FFF;
 text-align:center;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.jiko_flow_detail{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 border-bottom: #CCC 2px dotted;
 overflow: hidden;
}

.icon_step{
 float: left;
 width: 75px;
 height: 75px;
 margin: 0 20px 0 0;
}

.jiko_flow_text{
 float: left;
 width: 540px;
 margin: 0 25px 0 0;
}

.jiko_flow_img{
 float: left;
 width: 200px;
 margin: 0;
}

.jiko_flow_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#B99E86;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.rosai_flow{
 width: 860px;
 margin: 0 0 50px 0;
 overflow: hidden;
}

.title_rosai{
 width: 858px;
 margin: 0 0 15px 0;
 padding: 10px 0;
 border:#CCC solid 1px;
 background-color:#9A93AC;
 color:#FFF;
 text-align:center;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.rosai_flow_detail{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 border-bottom: #CCC 2px dotted;
 overflow: hidden;
}

.rosai_flow_text{
 float: left;
 width: 540px;
 margin: 0 25px 0 0;
}

.rosai_flow_img{
 float: left;
 width: 200px;
 margin: 0;
}

.rosai_flow_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#9992AC;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.shintaikoka{
 width: 820px;
 margin: 0 0 20px 0;
 padding: 18px;
 border: #00688C 2px solid;
 background-color:#E3EEEC;
 overflow: hidden;
}

.shintaikoka_text{
 float: left;
 width: 650px;
 margin: 0 20px 0 0;
 padding: 0;
}

.shintaikoka_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#00678C;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.shintaikoka_text p{
 margin: 0;
 padding: 0;
}

.shintaikoka img{
 float:left;
 width: 150px;
 margin: 0;
}

.shintaikoka_cyui{
 color:#8C4600;
}

.shintaikoka_bottom{
 margin: 0 0 30px 0;
}


.biyokoka{
 width: 820px;
 margin: 0 0 20px 0;
 padding: 18px;
 border: #CBB6B6 2px solid;
 background-color:#EFE9E9;
 overflow: hidden;
}

.biyokoka_text{
 float: left;
 width: 650px;
 margin: 0 20px 0 0;
 padding: 0;
}

.biyokoka_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#8E6666;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.biyokoka_text p{
 margin: 0;
 padding: 0;
}

.biyokoka img{
 float:left;
 width: 150px;
 margin: 0;
}

.biyokoka_bottom{
 margin: 0 0 30px 0;
}

.riyo_flow{
 width: 860px;
 margin: 0 0 30px 0;
 overflow: hidden;
}

.riyo_flow_detail{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 border-bottom: #CCC 2px dotted;
 overflow: hidden;
}

.riyo_flow_text{
 float: left;
 width: 590px;
 margin: 0 25px 0 0;
}

.riyo_flow_img{
 float: left;
 width: 150px;
 margin: 0;
}

.riyo_flow_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#FFB313;
 font-size : 24px;
 letter-spacing : 0.05em;
}


/*繧ｪ繝ｳ繝ｩ繧､繝ｳ譁ｽ陦薙�隰帷ｿ偵％縺薙°繧�---------------------------------------*/


.contents_ti{
 width : 860px;
 margin: 0 0 50px 0;
 padding: 0;
 overflow : hidden;
}

.contents_ti img{
 float : right;
 width: 300px;
 height: auto;
 margin : 0 0 20px 30px !important;
 padding : 0 !important;
 border : 0 !important;
}

.contents_ti ul{
 font-size: 24px;
 letter-spacing: 0.05em;
 line-height: 170%;
 margin : 0 0 2em 1.5em;
 padding : 0;
}

.contents_ti li{
 margin : 0 0 0.5em 0;
 padding : 0;
 color:#F60;
}

.contents_ti span{
 color: #481E1E;
}

.online_cyui{
 padding-left:1em;
 text-indent:-1em;
 margin : 0;
}

.onlinesejyutsu_osusume{
 width : 860px;
 margin: 0 0 30px 0;
 padding: 0;
 overflow : hidden;
}

.onlinesejyutsu_osusume ul{
 margin: 0;
 padding: 0;
}

.onlinesejyutsu_osusume li{
 color: #333;
 font-size: 24px;
 letter-spacing: 0.05em;
 list-style: none;
 background: url(../online/img/icon_osusume.gif) no-repeat;
 margin: 0 0 15px 0;
 padding: 0 0 0 30px;
}


.onlinesejyutsu_catch{
 width : 860px;
 margin: 0 0 50px 0;
 padding: 0;
 overflow : hidden;
}

.onlinesejyutsu_catch h6 {
 font-family: arial ;
 font-weight:bold;
 color:#333;
 font-size: 140%;
 letter-spacing: 0.1em;
 margin: 0 0 15px 0;
 padding: 0;
}


.onlinesejyutsu_catch h6 span {
 background: linear-gradient(transparent 60%, #93dbf3 60%);
}

.online_price{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0;
}

.online_price table{
 width: 860px;
 border-collapse: collapse;
 margin: 0 0 0.5em 0;
 padding: 0;
}

.online_price th{
 color: #fff;
 font-size: 18px;
 letter-spacing: 0.1em;
 font-weight: bold;
 border: 1px solid #ccc;
 padding: 10px;
 background-color: #6c961a;
 width: 10em;
 text-align: center;
 text-indent: 7px;
}

.online_price td{
 font-size : 18px;
 letter-spacing : 0.05em;
 line-height : 140%;
 border: 1px solid #ccc;
 text-align: center;
 padding: 15px 15px;
}

.online_time{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0;
}

.online_time table{
 width: 860px;
 border-collapse: collapse;
 margin: 0 0 0.5em 0;
 padding: 0;
}

.online_time th{
 color: #fff;
 font-size: 18px;
 letter-spacing: 0.1em;
 font-weight: bold;
 border: 1px solid #ccc;
 padding: 10px;
 background-color: #6c961a;
 width: 10em;
 text-align: center;
 text-indent: 7px;
}

.online_time td{
 font-size : 18px;
 letter-spacing : 0.05em;
 line-height : 140%;
 border: 1px solid #ccc;
 text-align: center;
 padding: 15px 15px;
}

.bt_sejyutsu_reservation{
 width: 500px;
 height: 120px;
 margin: 0 auto 50px;
 overflow: hidden;
}


.bt_kosyu_reservation{
 width: 500px;
 height: 120px;
 margin: 0 auto 50px;
 overflow: hidden;
}

.online_flow{
 width: 860px;
 margin: 0 0 50px 0;
 overflow: hidden;
}

.online_flow_detail{
 width: 860px;
 margin: 0 0 30px 0;
 padding: 0 0 15px 0;
 border-bottom: #CCC 2px dotted;
 overflow: hidden;
}

.online_flow_text{
 float: left;
 width: 590px;
 margin: 0 25px 0 0;
}

.online_flow_img{
 float: left;
 width: 150px;
 margin: 0;
}

.online_flow_text h6{
 margin: 0 0 10px 0;
 padding: 0;
 color:#B99E86;
 font-size : 24px;
 letter-spacing : 0.05em;
}

.bt_sejyutsukosyu_reservation{
 width: 560px;
 height: 120px;
 margin: 0 auto 50px;
 overflow: hidden;
}

/*-------------------追加-------------------*/
h3.subtitle { font-size:230%;}
.contents_ti {
    width: 100%;
    margin: 0 0 50px 0;
    padding: 0;
    overflow: hidden;
}
p { font-size:18px; line-height:30px;}
.onlinesejyutsu_osusume li {

    background: url(img/icon_osusume.gif) no-repeat;

}
/*
.onlinesejyutsu_catch h6 span {
    background: linear-gradient(transparent 60%, #70c3ea 60%);
}
*/
.onlinesejyutsu_catch {
    width: 100%;

}
.onlinesejyutsu_osusume {
    width: 100%;

}
.online_price {
    width: 100%;

}
.online_price table {
    width: 100%;
	font-size:16px;

}

.online_time {
    width: 100%;
}
.online_time table {
    width: 100%;
	font-size:16px !important;
}
.list_btn2 {
    float: none;
    width: auto;
    box-sizing: border-box;
    position: static;
    top: 0;
    bottom: 0;
    margin:100px auto;
    right: 0;
    height: 0;
}

.list_btn2 a {
    width: 50%;
	margin:auto;
    display: block;
    font-size: 130%;
    font-weight: 500;
    padding: 20px 10px 20px 10px;
	text-decoration:none;
    text-align: center;
    color: #fff!important;
    background: #6c961a;
    box-sizing: border-box;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
}
.online_flow {
    width: 100%;
}
.online_flow_detail {
    width: 100%;
}
.icon_step {
    float: left;
	width:15%;
    max-width: 75px;
    height: auto;
    margin: 0 20px 0 0;
}
.online_flow_text {
    float: left;
    width: 65%;
    margin: 0 25px 0 0;
}
.online_flow_img {
    float: left;
	width:20%;
    max-width: 250px;
    margin-top: -50px;
}


@media screen and (max-width: 768px) {
h3.subtitle { font-size:200%; margin-bottom:20px;}
p { font-size:16px; line-height:30px;}
.onlinesejyutsu_osusume li {
    color: #333;
    font-size: 14px;

}
.contents_ti img { width:100%; display:block;}
.list_btn2 a {
    width: 80%;

    padding: 20px 10px 20px 10px;

}
.online_flow_text p { font-size:14px;}


.online_flow_img {
    float: none;
    width: 60%;
    max-width: 60%;
    margin: 0 20%;
}



	
	.online_price td,
	.online_time td {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 150%;
    border: 1px solid #ccc;
    text-align: left;
    padding: 15px 15px;
}


	
}