@charset "utf-8";
/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ CSS初期設定
------------------------------------------*/
* {margin: 0;padding: 0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {vertical-align: middle;margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;*font-size:100%;max-width:100%;ox-sizing: border-box;
}
/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img {border: none;}
a {color: #0066cc;text-decoration: none;}
a:hover {color: #FF3399;text-decoration: none;opacity: 0.9;/*--IE,FF対応--*/filter: alpha(opacity=90);-ms-filter: "alpha( opacity=90)";cursor: pointer;}
a:visited {color: #993399;text-decoration: underline;}

/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img {
opacity: 0.85;/*--IE,FF対応--*/
filter: alpha(opacity=85);
-ms-filter: "alpha( opacity=85)";
}


/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left {float: left;margin-right: 20px;margin-bottom: 10px;}
.img_right {float: right;margin-left: 20px;margin-bottom: 10px;}
.img-center {display: block;margin: 0 auto;clear: both;text-align: center;}
.size_s {}
.size_m {box-shadow: 0 0 5px #ccc;}
.size_l {}
.max_w {}
.img-responsive {
    max-width: 100%;
}

/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold {font-weight: bold;}
.txt_small {font-size: 78%;}
.txt_center {text-align: center;}
.txt_big {font-size: 120%;}
.txt_right {text-align: right;}
.txt_red {color: #DE4E25;}
.txt_blue {color: #0066cc;}
.txt_orange {color: #F8BC2F;}
.txt_keycolor {color:#80bd1a;}
.txt_marker {background-color: #FFFF00;}
.txt_underline {border-bottom: 1px dashed #bbbbbb;margin-bottom: 2px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;line-height: 140%;}
.f28{font-size:28px;line-height: 140%;}
.f38{font-size:38px;line-height: 140%;}
.f40{font-size:40px;line-height: 140%;}
.f48{font-size:48px;line-height: 140%;}
.ffg{font-family:"FOT-筑紫A丸ゴシック Std D";}
.ffm{font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight: bold;}

/* ################## Color Document ####################### */
.red {color:#FF0000;}
.bold {font-weight:bold;}
.big {font-size:140%;line-height:150%;}
.yellow {background-color:#FFFF00;}
.u {text-decoration:underline;}
.revocation {text-decoration:line-through;}
.center {text-align:center;}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none {display: none;}
.sp_none {}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
background-color:#fff;
color: #000;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 200%;
width: 100%;
background: url(../img/################.jpg) no-repeat 0 top transparent fixed;
background-size: cover;
}
/*--幅100％の場合--*/
#wrap {
margin: 30px auto 0;
}
#end_page #wrap {
    margin: 0 auto;
}
#reserve header {
margin: 0 auto;
}


/* main {
    width: 1000px;
    margin: 0 auto;
    padding:30px 0;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
    background-color: #fff;
} */
section {

}
header {
    /* background: url(../img/top_bg.jpg) no-repeat 0 0 transparent;
    background-size: cover; */
    margin: 30px auto;
}
/*------------------------------------------
■　box
------------------------------------------*/
.box {
clear: both;
margin:50px auto 0;
padding:0;
}
.box_bg {
background: transparent url("../img/bg01.gif") repeat scroll center 0;
    padding: 30px 40px 20px;
    margin-bottom: 50px;
}
.box_border{
background-color: #ffffff;
border:1px solid #836a2c;
margin: 50px auto;
padding:40px;
}
.box_01 {
background: #ffffff url("../img/box_01.jpg") no-repeat scroll center 0;
border: 1px solid #cccccc;
border-radius: 10px;
box-shadow: 3px 3px 3px #cccccc;
margin: 50px auto;
padding: 30px 40px 40px;
}
/*------------------------------------------
■　box_a
------------------------------------------*/
.box_a{
background: transparent url("../img/box_a_in.png") repeat-y scroll center top;
margin: 50px auto;
padding: 0;
width: 100%;
background-size: 100%;
}
.box_a_in{
background: transparent url("../img/box_a_top.png") no-repeat scroll center top;
margin: 0 auto;
padding: 50px;background-size: 100%;
}
.box_a_bottom{
background: transparent url("../img/box_a_bottom.png") no-repeat scroll center bottom;
margin: 0 auto;
padding: 0 0 0px;background-size: 100%;
}
.box_bl {
    box-sizing: border-box;
    border: 10px solid #033D68;
    margin: 50px auto;
padding: 10px 50px;
width: 100%;
}
/*------------------------------------------
■ h1
------------------------------------------*/
h1 {
color: #ffffff;
margin: 0 auto;
}
.h1_txt {
display: block;
margin: 0 auto;
width: 1000px;
}

/*------------------------------------------
■ h2
------------------------------------------*/

h2 {margin: 40px auto;}
h2.title_a {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    margin: 50px 0;
    line-height: 1.5;
}
h2.title_b {
    font-size: 30px;
    font-weight: bold;
    margin: 50px 0;
    line-height: 1.5;
}

/*------------------------------------------
■ フッター
------------------------------------------*/

footer {
    margin: 1rem auto 0;
    background-color: #000;
}
footer p {
    font-size: 10px;
    line-height: 2;
    color: #fff;
    margin: 0;
    padding: 1rem
}

/*------------------------------------------
■ コンテンツ
------------------------------------------*/

.text p,
.box_bl p {
    line-height: 1.4em;
    margin: 30px 0;
}

.box_bl h3 {
    margin: 30px 0;
}

.text h4 {
    font-weight: bold;
    font-size: 24px;
}
.text img {
    margin: 20px auto;
}

.video {
    margin: 0 auto;
    text-align: center;
}
a .img-btn {
    margin: 10px auto;
}
#content01{
    padding-top: 20px;
    padding-bottom: 20px;
}
#content02 {
    margin: 0 20px;
    padding: 30px;
    border: 10px double #c1272d;
}
#content02 h2,
#content04 h2,
#content06 h2 {
    margin: 0 auto 20px;
}
#content05 h2 {
    margin: 0 auto 20px;
}
.reason_list li {
    margin-bottom: 30px;
}

.pr_area {
    background: url(../img/pr_bg.jpg) repeat 0 0 transparent;
padding: 10px;
margin-top: 50px;
}
.pr_inner {
    background-color: antiquewhite;
    margin: 30px;
    padding: 10px 30px 20px;
    border: 1px solid #000
}
.pr_inner img {
    margin-bottom: 3rem;
}
.img-border {
    border: 5px solid #fff;
}
#content03 h4 {
    padding: 10px 0;
}
.txt_copy {
    font-size: 40px!important;
    letter-spacing: 2px;
}

.text .img-right {
    float: right;
}
.mar_a30 {
    margin: 30px auto!important;
}
.mar_50 {
    margin: 50px 0!important;
}
.mar_a50 {
    margin: 50px auto!important;
}
.mar_b0 {
    margin-bottom: 0!important;
}
.mar_a50_b0 {
    margin: 50px auto 0!important;
}
.mar_a50_t0 {
    margin: 0 auto 50px!important;
}
#head {
        background-color: #000;
    position: fixed;
    top: 0;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
}
.countdown {
    color: #FF0000;
    display: inline;
}

.fl_btn {
    position: relative;
    margin-bottom: 50px;
}
.fl_btn a {
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
        width: 80%;
    margin: 0 auto;
}
.fl_btn a:hover {
    opacity: 1;
}

#reserve .box {
    width: 1000px;
    margin: 0 auto;
    background-color: #fff;

}
#reserve table td {
    padding: 1.5rem;
    font-size: 18px;
}
#reserve .submit {
    margin: 10px auto 30px;
}