body {
  background-image: url("BG_01.jpg");
  background-repeat: no-repeat;
	background-size: cover;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, dfn, var, button {font-weight: normal; font-style: normal; font-size:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}


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

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   width: 1134px;
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */
   background-color:coral; /* バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li{
   width: 125px;           /* メニュー項目の横幅(125px) */
   display: inline-block;  /* ★1:横並びに配置する */
   list-style-type: none;  /* ★2:リストの先頭記号を消す */
   position: relative;     /* ★3:サブメニュー表示の基準位置にする */
}
ul.ddmenu a{
   background-color: #cc0000; /* メニュー項目の背景色(濃い赤色) */
   color: white; /* メニュー項目の文字色(白色) */
   line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★4:項目内全域をリンク可能にする */
}
ul.ddmenu a:hover{
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul{
   display: none;       /* ★1:標準では非表示にする */
   margin: 0px;         /* ★2:サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★3:サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* ★4:絶対配置にする */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul{
   display: block;      /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */
	z-index: 20;
}
 /*=== ヘッダー部表示エリア ================================= */
.heder-inner{
	padding-top: 35px;
    padding-bottom: 23px;
    position: relative;
}

.flexbox{
	display: flex;
}
.flexbox1{
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin: 0px; 
}
.flexboxhako{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
}

.flexboxwr{
	flex-wrap: wrap;
}

.flexbox-center{
	align-items:center;
	justify-content:center;
}

.site-logo{
	margin-left: 20px;
}



ul,ol{list-style:none;}
li{list-style:none;}
a{color:#4d4d4d; text-decoration:none; transition:.3s; -webkit-transition:.3s;}
a:hover{opacity:.7;}
input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button],
button,
textarea {-webkit-appearance: none; -moz-appearance:none;  border-radius:0; border:none; background:none;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover,
input:hover[type=button]:hover,
button{outline:none; transition:.3s; -webkit-transition:.3s; cursor:pointer;}
table{border-collapse:collapse; border:none; border-spacing:0;}
th ,td{border:none; vertical-align:top; text-align:left;}
img{vertical-align:bottom; height:auto;}
strong, b, .bold {font-weight: bold;}
i{line-height:1; font-style:normal;}
svg{vertical-align:bottom; transition:.3s; -webkit-transition:.3s;}
p{line-height:1.5;}
.wrap{width:1134px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
.wrap960{width:1000px; padding:0 20px; box-sizing:border-box; margin:0 auto;}
.clear{clear:both;}
.clearfix:after{clear:both; content:""; height:0; font-size:0; visibility:hidden; display:block;}
.center{text-align:center;}
.left{float:left;}
.right{float:right;}
.flexbox{display:-webkit-flex; display:flex;}
.flexbox-center{-webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center;}
.flexbox-wrap{-webkit-flex-wrap:wrap; flex-wrap:wrap;}
.ai-center{-webkit-align-items:center; align-items:center;}
.jc-center{-webkit-justify-content:center; justify-content:center;}
.jc-between{-webkit-justify-content:space-between; justify-content:space-between;}




.pc{display:block;}
.pc-inline{display:inline;}
.sp{display:none !important;}
.sp-inline{display:none !important;}


/*----------------------
HEADER
----------------------*/
#header{min-width:1134px;}
#header .header-inner{padding-top:35px; padding-bottom:23px; position:relative;}
#header .site-logo span{margin-left:20px;}
#header .sub-nav{position:absolute; right:20px; top:0;}
#header .sub-nav li{margin-right:8px;}
#header .sub-nav li a{width:164px; height:80px; color:#fff; font-size:16px; font-weight:bold; position:relative;}
#header .sub-nav li:first-child a{background-color:#dd6f8a;}
#header .sub-nav li:nth-child(2) a{background-color:#ae91c2;}
#header .sub-nav li a:after{content:""; display:block; width:156px; height:76px; box-sizing:border-box; border:#fff solid 1px; border-top:none; position:absolute; left:4px; top:0;}
#header .sub-nav li:last-child{margin-right: 0;}
#header .sub-nav li:last-child a{width:80px; background-color:none;}
#header .sub-nav li:last-child a:after{display: none;}
#header .sub-nav li:last-child a img{width: 55px; height: 55px;}


#header .gnav{background-color:#eee9cf;}
#header .gnav-list li a{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; padding:0 18px; height:54px; position:relative;}
#header .gnav-list li a:before{content:""; display:block; width:1px; height:34px; background-color:#e3d8a6; position:absolute; left:0; top:10px;}
#header .gnav-list li:last-child a:after{content:""; display:block; width:1px; height:34px; background-color:#e3d8a6; position:absolute; right:0; top:10px;}
#header .gnav-list li.current a,
#header .gnav-list li a:hover{background-color:#e3d8a6; opacity:1;}
#header .gnav-list li.current a:before,
#header .gnav-list li.current a:after,
#header .gnav-list li a:hover:before,
#header .gnav-list li a:hover:after{display:none;}
#header .gnav-list li.current + li a:before,
#header .gnav-list li:hover + li a:before{display:none;}

#header .fix-nav{position:fixed; top:175px; right:0; z-index:2000;}
#header .fix-nav li:first-child{margin-bottom:8px;}
#header .fix-nav li a{display:block; width:49px; height:110px; overflow:hidden; box-sizing:border-box; text-indent:100%; white-space:nowrap; background:no-repeat right top;}
#header .fix-nav li:first-child a{background-image:url(img/BT_side_01.png);}
#header .fix-nav li:last-child a{background-image:url(img/BT_side_02.png);}
#header .fix-nav li:first-child a:hover{background-image:url(img/BT_side_01_on.png);}
#header .fix-nav li:last-child a:hover{background-image:url(img/BT_side_02_on.png);}

/*----------------------
FOOTER
----------------------*/
#footer{background:url(img/BG_01.jpg) repeat center center; background-size:cover; padding:24px 0 10px; min-width:1134px;}
#footer .ft-logo{text-align:center; margin-bottom:30px;}
#footer .ft-nav-list li a{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; padding:0 20px; height:34px; position:relative;}
#footer .ft-nav-list li a:before{content:""; display:block; width:1px; height:34px; background-color:#e3d8a6; position:absolute; left:0; top:0;}
#footer .ft-nav-list li:last-child a:after{content:""; display:block; width:1px; height:34px; background-color:#e3d8a6; position:absolute; right:0; top:0;}
#footer .sitemap-link{margin-top:30px; text-align:right;}
#footer .sitemap-link a{text-decoration:underline;}
#footer .copy{text-align:center; margin-top:10px; font-size:12px; line-height:1;}

.bottom-contact-block{min-width:1134px; height:142px;}
.bottom-contact{position:fixed; bottom:0; left:0; width:100%; z-index:10;}
.bottom-contact-ttl{width:100%; height:60px; background:url(img/BG_ft_tel.png) repeat center center; background-color:#A27FBA;}
.bottom-contact-txt{background-color:#FAF8EE; width:100%;}
.bottom-contact-txt-inner{position:relative; height:82px; padding-top:12px; box-sizing:border-box;}
.bottom-contact-txt-inner:after{content:""; display:block; width:237px; height:191px; background:url("IMG_ft_tel.png")no-repeat center center; position:absolute; right:0; bottom:0; pointer-events:none;}
.bottom-contact-txt .always{width:114px; height:56px; text-align:center; font-size:16px; font-weight:bold; color:#E16F8E; line-height:1.5; border:#E16F8E solid 1px; background-color:#fff; border-radius:25px; margin-right:10px;}
.bottom-contact-txt .tel-number{margin-right:35px;}
.bottom-contact-txt .link-hurry{display:block; width:170px; font-size:20px; font-weight:bold; color:#fff; line-height:1; padding:18px 20px; box-sizing:border-box; background:url(img/ICON_arrow_r.svg) no-repeat; background-position:right 14px center; background-color:#D1C065; border-radius:10px;}


/*----------------------
COMMON
----------------------*/
.content{padding-bottom:80px; min-width:1134px; position:relative;}


.page-ttl{height:138px; font-size:30px; font-weight:bold; background:url(img/BG_ttl.png) no-repeat center center;}
.ttl01{font-size:26px; font-weight:bold; color:#fff; text-align:center; line-height:40px; padding:15px 0; background-color:#e16f8e;}


.to-page-top{position:fixed; right:20px; bottom:30px; display:none; z-index:1000; z-index:11;}
.to-page-top.abs{position:absolute;}
.to-page-top img{width:53px;}


.hurry{background:url(img/BG_01.jpg) repeat center center; background-size:cover;}
.hurry-inner{padding:40px; box-sizing:border-box; max-width:1094px; width:100%;}
.hurry .hurry-ttl{padding-bottom:10px; border-bottom:#dd6f8a solid 1px; margin-bottom:30px;}
.hurry .hurry-ttl .big{font-size:39px; font-weight:bold; display:block; text-align:center; line-height:1; margin-bottom:14px; color:#dd6f8a;}
.hurry .hurry-ttl .small{font-size:22px; font-weight:bold; display:block; text-align:center; line-height:1;}
.hurry .hurry-main{margin-bottom:35px;}
.hurry .hurry-main dt{background-color:#dd6f8a; font-size:24px; font-weight:bold; line-height:1.5; color:#fff; text-align:center; width:180px; height:90px; margin-right:27px;}
.hurry .area > a{width:498px; margin-bottom:20px; border-bottom:#dfd59c solid 1px;}
.hurry .area > a:nth-of-type(2n){margin-left:auto;}
.hurry .area > a:nth-of-type(n + 3){margin-bottom:0;}
.hurry .area dt{width:128px; height:54px; background-color:#dfd59c; font-weight:bold; font-size:15px; margin-right:10px;}
.hurry .hurry-txt{font-size:16px; line-height:30px; text-align:center; margin-top:50px;}


.news-list li{width:350px; margin-right:22px;}
.news-list li:nth-child(3n){margin-right:0;}
.news-list li a{display:block;}
.news-list li .news-txt{padding:20px 10px; box-sizing:border-box;}
.news-list li .news-txt .date{display:block; margin-bottom:10px;}


.bn-block .bn-list li:first-child{margin-right:auto;}
.bn-block .bn-towa-bottom{margin-top:55px;}


.form-block .attention{font-size:16px; color:#E16F8E; margin-bottom:10px;}
.form-block .form{border:#E3E3E3 solid 1px;}
.form-block .form-box{border-bottom:#E3E3E3 solid 1px;}
.form-block .form-box:last-of-type{border-bottom:none;}
.form-block .form dt{width:150px; background-color:#F2EDD3; position:relative;}
.form-block .form dt .hissu{position:absolute; left:10px; top:10px; color:#DE708B;}
.form-block .form dd{width:calc(100% - 150px); background-color:#fff; padding:15px 25px; box-sizing:border-box; min-height:64px; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.form-block .form dd input[type=text],
.form-block .form dd input[type=email],
.form-block .form dd input[type=tel],
.form-block .form dd textarea{border:#F2EDD3 solid 1px; background-color:#F8F8EB; box-sizing:border-box; padding:10px 20px; line-height:20px; font-size:14px;}
.form-block .form dd .input01{width:340px; margin-right:15px;}
.form-block .form dd .input02{width:100%;}
.form-block .form dd .input03{width:70px; margin-right:5px;}
.form-block .form dd textarea{width:100%; height:90px;}
.form-block .form dd.btn-box label{cursor:pointer;}
.form-block .form dd.btn-box label input[type=checkbox],
.form-block .form dd.btn-box label input[type=radio]{display:none;}
.form-block .form dd.btn-box label span{display:block; padding:10px 40px 10px 0; line-height:20px; position:relative;}
.form-block .form dd.btn-box label span:before,
.form-block .form dd.btn-box label span:after{content:""; display:block; position:absolute;}
.form-block .form dd.btn-box label span:before{width:32px; height:32px; box-sizing:border-box; border:#F2EDD3 solid 1px; background-color:#F8F8EB; right:0; top:50%; margin-top:-16px;}
.form-block .form dd.btn-box label span:after{width:12px; height:12px; background-color:#DE708B; border-radius:50%; right:10px; top:50%; margin-top:-6px; display:none;}
.form-block .form dd.btn-box label input:checked + span:after,
.form-block .form dd.btn-box label input:checked + span:after{display:block;}
.form-block .form dd .consider-txt{margin-right:15px;}
.form-block .notes{margin-top:25px; margin-bottom:60px;}
.form-block .notes li{line-height:2;}
.form-block .form-btn input{display:block; width:260px; margin:0 20px; font-size:20px; font-weight:bold; line-height:1; padding:13px 0; border-radius:8px; background-color:#969696; color:#fff;}

.form-confirm{padding-bottom:120px;}
.form-confirm .form-block{padding-top:60px;}

.complete-block .complete-box{padding:60px 0 120px;}
.complete-block .complete-box p{font-size:16px; line-height:30px; text-align:center; margin-bottom:30px;}
.complete-block .complete-box  a{display:block; width:260px; margin:0 auto; font-size:20px; font-weight:bold; line-height:1; padding:13px 0; border-radius:8px; background-color:#969696; color:#fff; text-align:center;}


.page-comingsoon{text-align:center; padding:300px 0;}

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

.wrap{width:100%; padding:0;}
.wrap960{width:100%; padding:0;}


.pc{display:none !important;}
.pc-inline{display:none !important;}
.sp{display:block !important;}
.sp-inline{display:inline !important;}