@charset "utf-8"; 
/* CSS Document */
img{height:auto;}
/*============================
#usagefee
============================*/
section#usagefee {}

/*============================
#lead
============================*/
section#usagefee section#lead {}
section#usagefee section#lead h2 {}

/*============================
#contents
============================*/
section#usagefee div#contents {margin: 40px 0 0;}

/*============================
#price-list
============================*/
section#usagefee div#contents div#price-list {margin-bottom: 100px;}
section#usagefee div#contents div#price-list div.box {margin: 0 0 51px;}
section#usagefee div#contents div#price-list div.box h2 {}
section#usagefee div.attention {}
section#usagefee div.attention p.attention_ttl {}
section#usagefee div.attention p.attention_ttl span {}
section#usagefee div.attention p.attention_ttl span:after {}
section#usagefee div.attention p {}

/*============================
table
============================*/
section#usagefee div#contents div#price-list div.box table {border: solid 1px #000;display: block;table-layout: fixed;word-break: break-all;border-collapse: collapse;border-spacing: 0;margin: 0 0 7px;font-weight: bold;}
section#usagefee div#contents div#price-list div.box table tbody {}
section#usagefee div#contents div#price-list div.box table tbody tr {line-height: 2.7;}
/*th*/
section#usagefee div#contents div#price-list div.box table tbody tr th {border-right: solid 1px #000;font-size: 19px;}
section#usagefee div#contents div#price-list div.box table tbody tr th:nth-of-type(2) {background: #5f8ac6;color: #fff;}
section#usagefee div#contents div#price-list div.box table tbody tr th:nth-of-type(3) {background: #eb8f44;color: #fff;border-right: none;}
/*td*/
section#usagefee div#contents div#price-list div.box table tbody tr td {width: 244.75px;text-align: center;vertical-align: middle;border-right: solid 1px #000;border-top: solid 1px #000;padding: 5.5px 0;}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(1){width: 488px;background: #f3f3f3;font-weight:normal;}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(2){color: #5f8ac6;}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(3){color: #eb8f44;border-right: none;}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayC {}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayA {}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayB {}
section#usagefee div#contents div#price-list div.box p.note {font-size: 14px;}

/*============================
#cancel
============================*/
#cancel{margin-bottom: 100px;}

/*============================
usagefee-access
============================*/
div.usagefee-access {background: #EEEEEE;padding: 98px 0 72px;}
div.usagefee-access div.box {margin: 0 0 73px;}
div.usagefee-access div.box h3 {font-family: inherit;font-size: 21px;line-height: 150%;text-align: left;margin: 0 0 25px;padding: 0 0 0;background: none;font-weight: bold;border-bottom: solid 1px #000;}
div.usagefee-access div.box p {}
div.usagefee-access div.box p strong {font-size: 1.2em;}
div.usagefee-access div.box.flex {display:-webkit-xbox;display:-ms-flexbox;display:flex;-ms-flex-wrap: wxrap;flex-wrap: wrap;-webkit-box-packx:justify;-ms-flex-pack:justify;justify-content:space-between;} 
div.usagefee-access div.box.flex h3 {width: 100%;} 
div.usagefee-access div.box.flex p {width: 49%;} 
div.usagefee-access div.box.flex p strong {margin: 0 0 .8em;display: inline-block;}
div.usagefee-access div.box.flex img {width: 49%;padding: 58px 0 0;} 
div.usagefee-access a.btn-external {margin-top: -34px;}
div.usagefee-access a.btn-external span {}



@media screen and (max-width: 960px) {/*sp*/
/*============================
#usagefee
============================*/
section#usagefee {}

/*============================
#lead
============================*/
section#usagefee section#lead {
    margin-bottom: 6vw;
}
section#usagefee section#lead h2 {}

/*============================
#contents
============================*/
section#usagefee div#contents {margin-top: -3vw;}

/*============================
#price-list
============================*/
section#usagefee div#contents div#price-list {margin-bottom: 24vw;}
section#usagefee div#contents div#price-list div.box {margin-bottom: 10vw;}
section#usagefee div#contents div#price-list div.box h2 {}
section#usagefee div.attention {}
section#usagefee div.attention p.attention_ttl {}
section#usagefee div.attention p.attention_ttl span {}
section#usagefee div.attention p.attention_ttl span:after {}
section#usagefee div.attention p {}

/*============================
table
============================*/
section#usagefee div#contents div#price-list div.box table {width: 89%;margin: auto;}
section#usagefee div#contents div#price-list div.box table tbody {}
section#usagefee div#contents div#price-list div.box table tbody tr {}
/*th*/
section#usagefee div#contents div#price-list div.box table tbody tr th {font-size: 3.5vw;}
section#usagefee div#contents div#price-list div.box table tbody tr th:nth-of-type(2) {}
section#usagefee div#contents div#price-list div.box table tbody tr th:nth-of-type(3) {}
/*td*/
section#usagefee div#contents div#price-list div.box table tbody tr td {font-size: 3.3vw;padding: 0.8vw 0;width: 69vw;}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(1){width: 129vw;}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(2){}
section#usagefee div#contents div#price-list div.box table tbody tr td:nth-of-type(3){}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayC {}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayA {}
section#usagefee div#contents div#price-list div.box table tbody tr td.dayB {}
section#usagefee div#contents div#price-list div.box p.note {font-size: 3.2vw;width: 89%;margin: 1vw auto;}

/*============================
#cancel
============================*/
#cancel{margin-bottom: 24vw;}
#cancel div.box p {width: 89%;margin: auto;}

/*============================
usagefee-access
============================*/
div.usagefee-access {padding: 15vw 6% 7vw;}
div.usagefee-access div.box {margin-bottom: 14vw;}
div.usagefee-access div.box h3 {font-size: 4.0vw;padding: 0 0 2.5vw;margin: 0 0 3vw;}
div.usagefee-access div.box p {}
div.usagefee-access div.box p strong {}
div.usagefee-access div.box.flex {} 
div.usagefee-access div.box.flex h3 {} 
div.usagefee-access div.box.flex p {width: 100%;} 
div.usagefee-access div.box.flex p strong {}
div.usagefee-access div.box.flex img {width: 100%;padding: 8vw 0 0;} 
div.usagefee-access a.btn-external {}
div.usagefee-access a.btn-external span {}
}

@media screen and (min-width: 600px) and (max-width: 960px) {/*タブレット用補助指定*/
}