html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td , figure{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:14px;
vertical-align:baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section{ 
display:block;
}
body{
line-height:1;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
ol, ul{
list-style:none;
list-style-type:none;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#F00;
}

body{
color: #333;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#nav_box{
position:relative;
}

.dpno{
display:none;
}

#nop{
display:none;
}

.img_vl{
vertical-align:top;
}

nav{
width:auto;
position:relative;
background-color:#FFF;
text-align:center;
}
.nvpd{
width:auto;
position:relative;
background:#01a3aa;
}
.nvpd > ul {
list-style-type:none;
padding-left:0;
text-align:center;
}

.ctbx_2{
border:3px dotted #333;
border-radius: 10px;
margin:0 10px;
padding:20px 40px;
box-sizing:border-box;
}
.ctbx_2 p{
line-height:2;
margin:0 0 15px;
padding:0;
}

.dc_hmk{
position:relative;
}
.dc_hmk:before{
position:absolute;
left:-20px;
top:0px;
font-size:14px;
content:'●';
color:#01a3c6;
}

.sdil_bt{
display:inline-block;
padding:10px 20px;
text-decoration: none;
border-radius:5px;
color:#FFF;
font-weight:bold;
letter-spacing:4px;
background-image:linear-gradient(45deg, #5a8728 0%, #70a83b 100%);
background-color:#5a8728;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
border-bottom:2px solid #cc9966;
-webkit-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.sdil_bt:hover {
color:#FFF;
background-image:linear-gradient(45deg, #ff9966 0%, #ffcc00 100%);
background-color:#ff9966;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
}

.pt_bx{
padding:0 0 10px;
text-align:right;
}
.pt_bt{
display:inline-block;
padding:10px 20px 10px 20px;
background:#4ab2e0;
border-radius:25px;
color:#FFF;
position:relative;
}
.pt_bt:after{
content:' ▲';
color:#FFF;
}
.pt_bt:hover{
background:#3097c4;
color:#FFF;
}

.dc_line_d{
border-bottom:dotted 3px orange;
}

h3{
margin:0 0 15px 0;
color:#336;
font-size:110%;
font-weight:bold;
}
h4{
margin:20px 0 10px 10px;
border-bottom:1px dotted #DDD;
color:#777;
font-size:100%;
font-weight:bold;
}

/* 202103 new */
h4.c_h4{
display:block;
width:250px;
margin:20px 0 15px 0px;
border-top:1px solid #999;
border-bottom:1px solid #999;
color:#555;
font-size:105%;
font-weight:bold;
padding:8px 0px;
}

/* access */
.v_gmap{
height:0;
overflow:hidden;
padding-bottom:56.25%;
position:relative;
border:3px dotted #DDD;
box-sizing:border-box;
}
.v_gmap iframe{
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
}

.map_bx{
position:relative;
width:100%;
margin:20px 0px 30px;
padding:0;
}

.map_bx figcaption{
color:#006;
font-size:105%;
margin:15px 0px 10px;
padding:0;
}

.fc_mt{
font-size:140%;
font-weight:bold;
}

/* hanyoparts */

.etc_bt_r{
display:inline-block;
padding:10px 20px;
text-decoration: none;
border-radius:5px;
color:#FFF;
font-weight:bold;
letter-spacing:4px;
background-image:linear-gradient(45deg, #bf0100 0%, #9e0100 100%);
background-color:#bf0100;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
border-bottom:2px solid #cc9966;
-webkit-transition:all 0.3s linear;
transition:all 0.3s linear;
}
.etc_bt_r:hover {
color:#FFF;
background-image:linear-gradient(45deg, #ff9966 0%, #ffcc00 100%);
background-color:#ff9966;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3);
}

span.tx_r{
color:#F00;
}

/* agreement */
.ctbx_sub P{
display:block;
width:100%;
margin:0 !important;
padding:5px 5px 10px 20px !important;
}

/* agreement ol list */

ol.ag_nlist{
margin:1em 0;
padding-left:40px;
list-style-type:decimal;
}
.ag_nlist li{
margin-left:20px;
}

.ac_map{
width:100%;
max-width:100%;
height: auto;
}

.dc_nlist{
counter-reset:hmit;
}

.dc_nlist li{
font-size:14px;
line-height:200%;
padding-left:30px;
position:relative;
}

.dc_nlist li:before {
content:counter(hmit);
counter-increment:hmit;
background-color:#ec4468;
border-radius:50%;
display:inline-block;
height:20px;
width:20px;
color:#FFF;
font-size:13px;
text-align:center;
line-height:20px;
position:absolute;
top:3px;
left:0;
}