/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}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}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 1.5rem 1.8rem;
    width: 100%;
}
*{
box-sizing:border-box;
}
html, body {
height:100%;
}
body{
background:#fff;
color:#000;
font-size:16px;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
-webkit-text-size-adjust: 100%;
text-align:center;
}
a{
text-decoration:none;
opacity:1;
color:#555;
}
a,a:hover,
a p,a:hover p {
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}
a img:hover {
-moz-opacity:0.5;
opacity:0.5;
}
a:hover,
a:hover p {
opacity:0.5;
}
ol, ul ,li {
list-style: none;
}
p,li,td,th,div,dt,dd {
line-height:1.8;
}
img{
vertical-align:bottom;
}
p {
font-family:"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
padding: 1rem 0;
}
pre {
/* Mozilla */
white-space: -moz-pre-wrap;
 /* Opera 4-6 */
white-space: -pre-wrap;
/* Opera 7 */
white-space: -o-pre-wrap;
white-space: pre-wrap;
/* IE 5.5+ */
word-wrap: break-word;
}
.br_1 {
display:none;
}
.br_2{
display:block;
}
.br_3 {
display:none;
}
.br_4 {
display:block;
}

/*====================================================
LAYOUT
====================================================*/

#wrapper{
width:100%;
height:100%;
margin:0 auto;
}
.w1200{
width:1200px;
margin:0 auto;
}

.pc {
display:block;
}
.sp {
display:none;
}
video{
	width: 90%;
	margin: auto;
}
.index-video{
	width: 1200px;
	margin:auto;

    position: relative;
    padding-bottom:46%;
    height: 0;
    overflow: hidden;
}
#video_1{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*====================================================
HEADER
====================================================*/
header {
  width: 90%;
  margin: 0 auto;
  padding:15px 0;
}

#logo{
width:300px;
}

.globalnav-wrap {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.globalnav .dropdown-btn {
  position: relative;
  display: inline-block;
  margin-top:1rem;
  padding: 0.5rem 25px;
}
.globalnav li:last-child {
background:#a59b66;
}
.globalnav li:last-child a {
color:#fff;
}


.globalnav .dropdown-btn:hover {
}
.globalnav .dropdown {
  z-index: 1000;
  background: #fff;
  position: absolute;
  left: -120px;
  top: 30px;
  width: 560px;
  padding: 20px  10px;
  display: none;
}
.globalnav .dropdown li {
  display: inline-block;
  width:150px;
  margin: 10px;
}
.globalnav .dropdown li a {
}
.globalnav .dropdown li:last-child {
border:none;
}
.globalnav .nav-button-wrap,
.globalnav .open {
  display: block;
}
.globalnav .close {
  display: block;
}

.single .wrapper{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.single .wrapper {
    width: 970px;
    margin-right: auto;
    margin-left: auto;
}
.single .body{
	padding:0 0 80px;
}
.single .stage-page{
	width: 100%;
	position: relative;
}
.single input[type="date"],.single input[type="number"],.single input[type="text"],.single input[type="email"],.single input[type="tel"],textarea{
	border-color: #dcd7ca;
    color: #000;
    padding: 10px;
    font-size: 15px;
}
select.wpcf7-form-control.wpcf7-select {
	border-color: #dcd7ca;
    width: 30%;
    height: 35px;
}
p.btn_contact7 {
    display: flex;
    justify-content: center;
    margin-top: 2em;
}
.contact7 {
	width: 100%;
}
.contact7 th{
	padding-bottom: 15px;
}
.contact7 .must-icon{
	display: inline-block;
	width: 230px;
}
.contact7 .must-icon::before {
    content: "必須";
    color: white;
    padding: 0.2em;
    padding-right: 0.4em;
    padding-left: 0.4em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    background-color: #A3D6CC;
}
.contact .wrapper{
	padding:0 0 80px;
}
.contact .box {
    border: solid 0.8px #707070;
    width: 80%;
    margin: auto;
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1em;
}
.contact .small {
    line-height: 1.5;
}
.contact .box a {
    text-align: center;
    display: block;
    max-width: 600px;
    margin: auto;
    margin-top: 1em;
    font-size: 13px;
}
.contact .btn {
    padding: 0.3em 2em !important;
    text-decoration: none !important;
    border: solid 1px #707070 !important;
    color: #707070 !important;
    border-radius: 2em !important;
}
.btn_contact7 input {
    width: 400px;
    margin-right: 50px;
    margin-left: 50px;
    text-align: center;
    color: white;
    background: #707070;
    padding: 20px 0;
}
.contact hr {
    margin: 5rem auto;
}
.kiyaku {
	text-align: left;
    overflow: auto;
    width: 80%;
    height: 400px;
    margin: 1em auto;
    padding: 1.5em;
    border: 0px;
    color: #000;
    background-color: #f5f5f5;
}
.stage-page .item {
  margin: 10px;
  width: 460px;
}
.item.x2 {
  width: 480px;
}
.item.x3 {
  width: 480px;
}
.stage-page .item img{
	width: 100%;
}
.stage h1{
    font-family: azote, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 42px;
    color: #bfbfbf;
    margin-bottom: 0;
}
.stage .kv{
	margin:0 0 50px;
	min-height:70vh;
}
.stage .kv img{
	width: 100%;
}
.stage .lead{
	margin:10px 0 40px 0;
}
.pc-only{
	display: block;
}
#option .caution.pc-only{
	display: table-cell;
}
.sp-only{
	display: none;
}
.news-list{
	padding:0 0 90px;
}
.news-list ul li a {
    display: block;
    overflow: hidden;
    background: url(../img/arrow.png) center right 20px no-repeat #fbfaf7;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
}
.news-list ul li dl dt {
    float: left;
    width: 100px;
    color: #a59b66;
    font-size: 14px;
}
.news-list ul li dl dt {
    float: left;
    width: 100px;
    color: #a59b66;
    font-size: 14px;
}
.news-list ul li dl dd.category {
    background: #a59b66;
    color: #fff;
    font-size: 14px;
}
.news-list ul li dl dd {
    float: left;
    padding: 0 20px;
}
.align-left{
	text-align: left;
}
.align-center{
	text-align: center;
}
.serif{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    -webkit-text-size-adjust: 100%;
}
.fz-large{
	font-size: 130%;
}
.fz-slarge{
	font-size: 110%;
}
.red{
	color: #e70000;
}
.d-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.special-bnr{
	margin: 1rem 0;
}
.special-page .green{
	color: #a6c9b3;
}
.special-page .c-btn a{
	border-radius: 30px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;	
	background: #a59b66;
	width: 310px;
	padding: 7px 0px;
	font-size: 130%;
	margin: 20px auto;
}
.special-page .block02 ul{
	justify-content: center;
	flex-wrap: wrap;
}
.special-page .block02 li{
	width: 31%;
	margin: 1%;
}
.special-page .block02 li img{
	width: 100%;

}
.special-page .kv{
	margin:0 0 2rem;
}
.special-page .kv img{
	width: 100%;
}
.special-page .kv p{
	padding: 0;
}
.special-page .kv .date{
	display: block;
		background: #a6c9b3;
	padding: 7px 0;
	color: #fff;
	font-size: 130%;
	
}
.special-page .block01 .title{
	font-weight: bold;
	font-size: 150%;
}
.special-page .block01 .title p{
	padding: 0;
}
.special-page .block01 .subtitle{
	font-weight: bold;
	font-size: 160%;
	color: #a6c9b3;
}
.special-page .block01 .subtitle p{
	padding: 0;
}
#campaign .block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
#campaign .pic{
	width: 36%;
	margin:0 2% 0;
}
#campaign .pic img{
	width: 100%;
}
#campaign .text{
	width: 60%;
	text-align: left;
}
#campaign .text h3{
	font-size: 22px;
}
#campaign .text h4{
	font-size: 18px;
	color: #c50000;
	/*color: #a59b66;*/
	margin:0;
}
#campaign .text p{
	
}
#campaign .stages_link {
    text-align: center;
    display: inline-block;
    padding: 10px 0px 0px 0px;
    color: #000;
    border-bottom: 1px solid #a59b66;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {
    margin: 10px!important;
}

#retouch .block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#retouch .text h4{
	font-size: 22px;
	color: #a59b66;
	margin:0;
}
#retouch .pic{
	width: 36%;
	margin:0 2% 0;
}
#retouch .pic img{
	width: 100%;
}
#retouch .text{
	text-align: left;
}

#retouch .text p{
	
}
#retouch .stages_link {
    text-align: center;
    display: inline-block;
    padding: 10px 0px 0px 0px;
    color: #000;
    border-bottom: 1px solid #a59b66;
}
.index-grandopen{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1c897+0,a59b66+50,d1c897+100 */
background: #d1c897; /* Old browsers */
background: -moz-linear-gradient(left, #d1c897 0%, #a59b66 50%, #d1c897 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #d1c897 0%,#a59b66 50%,#d1c897 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #d1c897 0%,#a59b66 50%,#d1c897 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c897', endColorstr='#d1c897',GradientType=1 ); /* IE6-9 */
	text-align: center;
	padding: 20px;
	    margin-top: -2px;
}
.index-grandopen .title{
	font-size: 1.5rem;
	    line-height: 2;

}
.index-grandopen .subtitle{
	font-size: 1.5rem;
	    line-height: 1;
}
.index-grandopen .text{
	text-shadow: #fff 0 0 5px;
	font-size: 3rem;
	color: #fff;
	 line-height: 1.8;
}
.sticky{
	display: none;
}
@media screen and (max-width: 520px) {
.sticky{
	display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    background: rgba(165,155,102,.9);
    padding: 8px 0;
}
.sticky ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.sticky li{width: 50%;}

.sticky a{
	color: #fff;
	display: block;
	text-align: center;
}	
.sticky a:after {
    content: "\0025b6\00fe0e";
    font-size: .7rem;
    position: relative;
    left: 5px;
    top: -1px;
}
.index-grandopen {
	
    padding: 20px 15px;
    margin-top: -2px;
    margin:0 0 40px;
}
.index-grandopen .title{
	font-size: 1.2rem;
	    line-height: 1.3;
}
.index-grandopen .subtitle {
	font-size: 1.2rem;
    line-height: 1.4;
}	
.index-grandopen .text{
	font-size: 2.5rem;
	    line-height: 1.2;
	    margin: 12px 0 0;
}
}
@media screen and (max-width: 768px) {
.index-video {
    width: auto;
}	

.special-page .kv {
    margin: 0 0 1.3rem;
}	
.special-page .kv .date {
    padding: 4px 0;
    font-size: 110%;
}	
.special-page .c-btn a {
    padding: 7px 0px;
    font-size: 115%;
}
  header {
    position: relative;
    width: 100%;
  }
#logo{
width:25%;
margin:0 0 0 5%;
}
  .nav-button-wrap {
    display: block;
background:#a59b66;
color:#fff;
position: fixed;
    right: 0px;
    top: 0px;
    z-index: 1000;
box-sizing: border-box;
    padding: 15px;
    height: 53px;
  }

  .globalnav {
    display: none;
  }
  .globalnav .close {
    display: none;
  }

  .globalnav-wrap.open .globalnav {
    display: block;
    padding: 30px 10px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2;
background:#a59b66;
color:#fff;
text-align:left;
    width: 40%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .globalnav-wrap.open .globalnav a {
color:#fff;
  }
  .globalnav-wrap.open .globalnav li {
    display: block;
  }
.globalnav li:last-child {
border:none;
}
  .globalnav-wrap.open .globalnav li:hover {
    background: transparent;
  }
  .globalnav-wrap.open .globalnav .dropdown {
    display: block;
    position: static;
    background: transparent;
  }
  .nav-button,
  .nav-button span {
    display: inline-block;
    transition: all 0.3s;
  }
  .nav-button {
    z-index: 20;
    width: 25px;
    height: 19px;
    position: relative;
  }
  .nav-button span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 8px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .active .nav-button span:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
  }
  .active .nav-button span:nth-of-type(2) {
    opacity: 0;
  }
  .active .nav-button span:nth-of-type(3) {
    transform: translateY(-6px) rotate(45deg);
  }
}


/*====================================================
CONTENTS
====================================================*/
.slick-slide img{
max-width:100%;
margin: auto;
}
.mv{
	padding: 0;
	min-height: 52vw;
    position: relative;
}
.slider{
  opacity: 0;
  transition: opacity .3s linear;
}
.slider.slick-initialized{
  opacity: 1;
}
#mv p {
color:#fff;
font-size:22px;
line-height:2;
}


section{
padding:6rem 0;
}

h1 {
font-size:36px;
line-height:1;
margin-bottom:3rem;
}
h1 span.small{
font-size:18px;
}

#concept h1 {
line-height:2;
margin-bottom:1rem;
}
#concept p {
font-size:19px;
}

#reason ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
width:1200px;
margin:0 auto;

}
#reason ul li {

width:20%;
background:url(../img/reason_img1.jpg)center top no-repeat;
background-size:100%;
min-height:336px;
padding:100px 0 0;
}
#reason ul li:nth-child(2) {
background:url(../img/reason_img2.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(3) {
background:url(../img/reason_img3.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(4) {
background:url(../img/reason_img4.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(5) {
background:url(../img/reason_img5.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(6) {
background:url(../img/reason_img6.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(7) {
background:url(../img/reason_img7.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(8) {
background:url(../img/reason_img8.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(9) {
background:url(../img/reason_img9.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li:nth-child(10) {
background:url(../img/reason_img10.jpg)center top no-repeat;
background-size:100%;
}
#reason ul li dl {
color:#fff;
}
#reason ul li dl dt {
font-size:10px;
}
#reason ul li dl dt .num{
	display: block;
	font-size: 50px;
	text-align: center;
	line-height: 1;
}
#reason ul li dl dd {
font-size:26px;

}
#reason ul li p {
color:#fff;
font-size:13px;
line-height:1.5;
}
#reason ul li:nth-child(even) dl {
color:#a59b66;
}
#reason ul li:nth-child(even) p {
color:#000;
}

#stages p {
font-size:14px;
padding:0;
margin-bottom:3rem;
}

#stages ul {
width:1084px;
margin:0 auto;
}
#stages ul li {
float:left;
width:49.5%;
text-align:center;
margin:0 1% 40px 0;
}
#stages ul li:nth-child(even) {
margin-right:0;
}
#stages ul li dl dt {
font-family: azote, serif;
font-weight: 300;
font-style: normal;
font-size:42px;
color:#bfbfbf;
}
#stages ul li dl dd {
font-size:14px;
text-align:center;
margin:0 auto;
}
#stages .stages_link{
	text-align: center;
	display: inline-block;
	padding: 10px 0px 0px 0px;
	color: #000;
	border-bottom: 1px solid #a59b66;
}
#stages .stages_view{
	display: block;
	text-align: center;
}
#plan {
background:url(../img/plan_bg.jpg) center top no-repeat;
background-size:cover;
padding: 12rem 0 0;
}
#plan .course {
background:#fff;
width:844px;
margin:0 auto;
padding: 7% 7% 5%;
}
#plan .course ul li {
width:100%;
padding:10px;
border-bottom: 1px solid #a59b66;
}
#plan .course ul li:last-child {
border-bottom: none;
}
#plan .course ul li dl {
float:left;
text-align:left;
width:50%;
}
#plan .course ul li dl dt {
font-size:20px;
}
#plan .course ul li dl dd {
font-size:38px;
}
#plan .course ul li dl dd small{
	font-size: 45%;
}
#plan .course ul li dl dd span {
font-size:19px;
}
#plan .course ul li p {
float:left;
width:50%;
text-align:left;
}

#include ul {
width:100%;
}
#include ul li {
float:left;
width:50%;
}
#include ul li img {
float:left;
}
#include ul li dl {
float:left;
width:50%;
padding-top:5rem;
}
#include ul li:nth-child(3n) img,
#include ul li:nth-child(4n) img {
float:right;
}
#include ul li:nth-child(3n) dl,
#include ul li:nth-child(4n) dl {
float:right;
width:50%;
}
#include ul li dl dt {
font-size:41px;
opacity:0.5;
}
#include ul li dl dd {
font-weight:bold;
opacity:0.5;
}
#include ul li dl dd span {
font-weight:normal;
opacity:0.7;
}
.opt {
width:100%;
}
.opt_main {
float:left;
width:30%;
}
#option ul {
float:left;
width:70%;
padding-top:5%;
}
#option ul li {
float:left;
width:22%;
text-align:center;
margin:0 0 0 9%;
}
#option ul li table {
width:100%;
}
#option ul li table th {
font-size:24px;
text-align:center;
border-bottom: 1px solid #a59b66;
line-height: 1;
height: 70px;
}
#option ul li table th small{
	font-size: 12px;
}
#option ul li table td {
text-align:left;
vertical-align:bottom;
}
#option ul li table td.f_panel {
font-size:12px;
text-align:center;
padding:1.3rem 0;
}
#option ul li table td span {
font-size:14px;
}
#option ul li table td.opt_price {
color:#a59b66;
font-size:18px;
text-align:right;
}
.pdb1 {
padding-bottom:1rem;
}
.pdt1 {
padding-top:1rem;
}
.pdt2 {
padding-top:2rem;
}
.pdb2 {
padding-bottom:2rem;
}
.pdt4 {
padding-top:4rem;
}
.pdb4 {
padding-bottom:4rem;
}

.bt_brown {
border-top: 1px solid #a59b66;
padding-top:2rem;
}
.bt_brown2 {
padding-top:2rem;
}

#flow ul {
width:800px;
margin:0 auto;
}
#flow ul li {
text-align:center;
margin-bottom:2rem;
}
#flow ul li img {
display:block;
text-align:center;
margin:0 auto 0.5rem;
opacity:0.5;
}
#flow ul li:first-child img {
opacity:1;
}
#flow ul li dl {
width:100%;
}
#flow ul li dl dt {
background:url("../img/flow_img1.png") center left no-repeat ;
color:#a59b66;
font-size:30px;
min-height:55px;
}
#flow ul li:nth-child(2) dl dt {
background:url("../img/flow_img2.png") center left no-repeat ;
}
#flow ul li:nth-child(3) dl dt {
background:url("../img/flow_img3.png") center left no-repeat;
}
#flow ul li:nth-child(4) dl dt {
background:url("../img/flow_img4.png") center left no-repeat;
}
#flow ul li:nth-child(5) dl dt {
background:url("../img/flow_img5.png") center left no-repeat;
}
#flow ul li:nth-child(6) dl dt {
background:url("../img/flow_img6.png") center left no-repeat;
}
#flow ul li dl dd {
padding-top:0.5rem;
}

.btn,
.btn2,
.btn3 {
margin:0 auto;
}
.btn_flow {
background:#a59b66;
display:inline-block;
width:344px;
color:#fff;
border-radius:3rem;
padding:0.75rem;
margin: 20px 0 0;
}
.btn_flow a{
	color: #fff;
}
.btn2 p a {
background:#fff;
display:inline-block;
width:275px;
color:#a59b66;
border-radius:3rem;
border:1px solid #a59b66;
padding:0.75rem;
}
.btn3 p a {
	text-align: center;
    display: inline-block;
    padding: 10px 0px 0px 0px;
    color: #000;
    border-bottom: 1px solid #a59b66;
}

#news ul {
width:1200px;
margin:0 auto;
}
#news ul li a{
	display: block;
	overflow: hidden;
background:url(../img/arrow.png) center right 20px no-repeat #fff;
width:100%;
padding:20px;
margin-bottom:20px;
}
#news ul li dl dt {
float:left;
width:100%;
color:#a59b66;
font-size:14px;
}
#news ul li dl dt {
float:left;
width:100px;
color:#a59b66;
font-size:14px;
}
#news ul li dl dd {
float:left;
padding:0 20px;
}
#news ul li dl dd.category {
background:#a59b66;
color:#fff;
font-size:14px;
}
#blog ul {
width:1200px;
margin:0 auto;
}
#blog ul li a{
	display: block;
	overflow: hidden;
background:url(../img/arrow.png) center right 20px no-repeat #fbfaf7;
width:100%;
padding:20px;
margin-bottom:20px;
}
#blog ul li dl dt {
float:left;
width:100%;
color:#a59b66;
font-size:14px;
}
#blog ul li dl dt {
float:left;
width:100px;
color:#a59b66;
font-size:14px;
}
#blog ul li dl dd {
float:left;
padding:0 20px;
}
#blog ul li dl dd.category {
background:#a59b66;
color:#fff;
font-size:14px;
}

#gallery ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
width:1200px;
margin:0 auto;
}
#gallery ul li {
	width: 24%;
}
#gallery ul li:nth-child(5n) {
margin:0 0 20px 0;
}
#gallery ul li img{
width:100%;
}
#gallery h4{
	margin-top: 30px;
}
#gallery .inner{
	width: 1200px;
	margin: auto;
}

#sb_instagram .sb_instagram_header{
	display: flex;
    justify-content: center;
    display: none;
}
/*====================================================
FOOTER
====================================================*/

#footer{
background:url(../img/footer_bg.jpg) top center no-repeat;
background-size: cover;
width:100%;
color:#fff;
padding:12rem 0 0;
}
#footer .f_left {
float:left;
width:41%;
margin-right:9%;
}
.btn4 p a {
background:url(../img/arrow.png) center right 20px no-repeat #fff;
display:inline-block;
width:100%;
color:#a59b66;
font-size:20px;
border-radius:3rem;
padding:1rem;
margin:0 auto;
}
#footer ul.data {
font-size:14px;
margin-bottom:2rem;
}
#footer ul.data li{
	margin-bottom: 10px;
	line-height: 1.5;
}
#footer ul.data li a {
color:#fff;
font-size:23px;
}
#footer .f_right {
float:left;
width:50%;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


#footer ul.ft_nav {
text-align:center;
margin:5rem auto;
}
#footer ul.ft_nav li {
float:left;
font-size:14px;
padding:0.5rem 2.2rem;
}
#footer ul.ft_nav li a {
color:#fff;
}

#footer .copyright {
background:#fff;
padding:2rem 0;
}
#footer .copyright ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
#footer .copyright ul li {

font-size:12px;
margin-right:1rem;
}
#footer .copyright ul li.icon-privacy{
	width: 60px;
}
#footer .copyright ul li.icon-privacy img{
	width: 100%;
}
#footer .copyright ul li a {
color:#555;
}
#footer .copyright p {
float:right;
color:#555;
font-size:13px;
padding:0;
}


/*====================================================
BASE
====================================================*/

.ctr {
text-align:center;
}
.rt {
text-align:right;
}
.white {
color:#fff;
}
.brown {
color:#a59b66;
}
.bg_white {
background:#fff;
}
.bg_ivory {
background:#fbfaf7;
}
.img50 {
width:50%;
}
.img100 {
width:100%;
}
#option .caution {
color:#888888;
font-size:12px;
line-height:1.5;
padding:70px 0 0;
}
#flow .caution {
color:#888888;
font-size:12px;
line-height:1.5;
padding:10px 0 0;
}
.gothic {
font-family:"游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.mincho {
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.c-option-text {
    font-weight: bold;
}
.center {
    text-align: center;
}
.medium {
    font-size: 18px;
    line-height: 3;
}
/*====================================================
CLEARFIX
====================================================*/
.cl:after,
#wrapper:after,
#header_nav:after,
#header_nav ul:after,
#mv:after,
.w800:after,
.w1200:after,
section:after,
#reason ul:after,
#stages ul:after,
#plan .course ul li:after,
#include ul:after,
#include ul li:after,
#option .opt:after,
#option ul:after,
#news ul li:after,
#gallary ul:after,
#footer .f_left:after,
#footer .f_right:after,
#footer ul.ft_nav:after,
#footer .copyright ul:after,
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}

.modalArea {
  display: none;
  position: fixed;
  z-index: 10; /*繧ｵ繧､繝医↓繧医▲縺ｦ縺薙％縺ｮ謨ｰ蛟､縺ｯ隱ｿ謨ｴ */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  width: 70%;
  max-width: 500px;
  padding: 10px 30px;
  background-color: #a59b66;
  color: #fff;
}
.modalWrapper ul{
	padding-top: 0!important;
	width: 100%!important;
	margin: auto!important;
	float: none!important;
}
.modalWrapper li{
	width: 100%!important;
	margin: auto!important;
	float: none!important;	
}
.closeModal {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  cursor: pointer;
}
.option .img{
	margin:0 0 10px;
}
.open-modal{
	text-align: center;
	color: #fff;
    border-radius: 3rem;
    padding: 0.25rem;
    background: #a59b66;
    width: 100%;
    margin: 15px 0 0;
}
.open-modal:hover{
	text-decoration: none;
	opacity:.7;
}
.mv-campaign-bnr {
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
/*====================================================
media query for smartphone, tablet
====================================================*/
@media screen and (max-width: 1200px) {
.w1200{
width:100%;
}
#reason ul {
width:100%;
}
#stages ul {
width:100%;
}
#news ul,
#blog ul {
width:90%;
}
#gallery ul {
width:100%;
margin:0 auto;
flex-wrap: wrap;
}
#reason ul{
	justify-content: center;
}
#reason ul li {
    width: 30%;

}
}


@media screen and (max-width: 770px) {
.mv-campaign-bnr {
  box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
}
#gallery .inner {
    width: auto;
}	
body{
font-size:16px;
}
.pc {
display:none;
}
.sp {
display:block;
}
#logo{
width:58%;
}
.w800 {
width:96%;
}
#mv{
padding:25% 0 40%;
}
section{
padding:4rem 0;
}
h1 {
font-size:22px;
line-height:1.2;
margin-bottom:1rem;
}
#concept h1 {
line-height:1.5;
}
#concept p {
font-size:17px;
}
#reason ul li {
float:left;
width:50%;
min-height:252px;
padding:90px 0 0;
}
#reason ul li dl dd {
font-size:26px;
margin-bottom:1rem;
}
#plan .course {
width:96%;
padding: 5%;
}
#include ul li {
width:100%;
}
#include ul li img,
#include ul li:nth-child(3n) img {
float:left;
}
#include ul li dl,
#include ul li:nth-child(3n) dl {
float:left;
width:50%;
padding-top:5rem;
}
#include ul li:nth-child(2n) img,
#include ul li:nth-child(4n) img {
float:right;
}
#include ul li:nth-child(2n) dl,
#include ul li:nth-child(4n) dl {
float:right;
width:50%;
}
#include ul li dl dt {
font-size:32px;
}
#include ul li dl dd span {
font-size:14px;
}

.opt_main {
	
float:none;
width:100%;
margin-bottom:2rem;
}
#option .opt_main{
	display: none;
}
#option ul {
float:none;
width:100%;
padding-top:5%;
}
#option ul li {
width:27%;
text-align:center;
margin:0 0 0 4.5%;
}
.opt {
padding-bottom:4rem;
}

#flow ul li dl dt {
font-size:24px;
padding-top:0.5rem;
}


#flow ul {
width:96%;
}
#gallery ul li{
	width: 48%;
	margin-bottom: 2%;
}

#footer{
padding:8rem 0 0;
}
#footer .f_left {
float:none;
width:96%;
margin:0 auto;
}
#footer .f_right {
float:none;
width:96%;
margin:0 auto;
}
#footer ul.ft_nav {
margin:3rem auto;
}
#footer ul.ft_nav li {
float:left;
width:33.3%;
padding:0.5rem 0;
}
#footer .copyright ul {
float:none;
margin:0 auto;
}
#footer .copyright ul li {
float:left;
font-size:12px;
margin:0 0 1rem 1rem;
}
#footer .copyright p {
float:none;
color:#555;
font-size:13px;
padding:0;
}
.br_3{
display:block;
}
.br_4{
display:none;
}
.single .wrapper {
    width: 92%;

}
}

@media screen and (max-width: 550px) {
#stages ul li {
float:none;
width:100%;
margin:0 0 40px 0;
}

#plan .course ul li dl {
float:none;
width:100%;
}
#plan .course ul li dl dt {
font-size:16px;
line-height:1.5;
}
#plan .course ul li dl dd {
font-size:32px;
line-height:1.5;
}
#plan .course ul li dl dd span {
font-size:15px;
}
#plan .course ul li p {
float:none;
width:100%;
padding:0.5rem 0;
}

#include ul li {
float:none;
width:100%;
}
#include ul li {
float:none;
width:100%;
}
#include ul li img,
#include ul li:nth-child(3n) img,
#include ul li:nth-child(4n) img {
float:none;
width:100%;
}
#include ul li:nth-child(2n) img, #include ul li:nth-child(4n) img {
    float: none;
}
#include ul li dl,
#include ul li:nth-child(3n) dl,
#include ul li:nth-child(4n) dl {
float:none;
width:100%;
padding:2rem 0;
}

.br_1{
display:block;
}
.br_2{
display:none;
}
#reason ul li dl dd {
    margin-bottom: 0;
}
#reason ul li {

    padding: 6.5vh 10px 0;
}
#plan {

    padding: 3rem 0 0;
}

#option ul {
    width: 94%;
    margin-top: 0;
    background: rgba(255,255,255,.8);
    margin-left: auto;
    margin-right: auto;
}
#option ul li {
    float: none;
    width: 90%;
    text-align: center;
    margin: 0 auto 30px;
}
#option .caution {
    padding: 30px 0 0;
}
#include ul li:nth-child(2n) dl, #include ul li:nth-child(4n) dl {
    float: none;
    width: 100%;
    margin: auto;
}
#flow ul li dl dd {
    text-align: left;
}
section#reason {
    padding: 4rem 0 0;
}
.stage-page .item {
    margin: 10px 0;
    width: 100%;
}
.single .stage-page{
	width: 100%!important;
}
.stage-page section {
    padding: 1rem 0;
}
.single .wrapper{
	width: 96%;
}
.btn_contact7 input {
    width: 90%;
    margin-right: auto;
    margin-left: auto;

    padding: 20px 0;
}
#footer {
    padding: 2rem 0 0;
}
.contact .wrapper {
    padding: 0 0 50px;
}
.stage .kv {
    min-height: 0;
}
.stage .lead {
    text-align: left;
}
.stage .lead br{
	display: none;
}
.pc-only{
	display: none;
}
.sp-only{
	display: block;
}
.caution{
	font-size: 12px;
}
#reason ul li p {
    text-align: left;
    font-weight: bold;
}
#reason ul li p br{
    display: none;
}
#gallery .inner{
	width: 90%;
	margin: auto;
}
.modalWrapper  .c-option-text{
	line-height: 1.4;	
}
.modalWrapper .option-color{
	font-size: 60%;
    display: block;
    margin: 0px 0 10px;
}
.modalWrapper .super-big{
	font-size: 85%;
}
}
@media screen and (max-width: 479px) {
#sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item {
    width: 33.33%!important;
}
#footer .copyright ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#footer .copyright li{
	width: 100%;
}
.btn2 p a {

    width: 70%;

    padding: 0.25rem;
}
.single .body img {
    max-width:100%;
}
.index-video{
	width: 100%;
	margin:auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.btn3 p a {
    margin-top: 0;
}

.special-page p {
    padding: .5rem 0;
}
.special-page .contact7 th {
    display: block;
    width: 100%;
    padding-bottom: 5px;
}
.special-page .contact7 td{
	display: block;
    width: 100%;	
    margin-bottom: 20px;
}
section#concept {
    padding: 0 0 3rem 0;
}
.special-page .kv img{
	width: 100%;
}
#campaign .pic{
	width: 100%;
	margin:0 0 15px 0;
}
#campaign .text{
	width: 90%;
    margin: auto;
}
#campaign .text h3 {
    font-size: 20px;
}
#campaign .text h4 {
    font-size: 16px;

}
#campaign .stages_view{
	text-align: center;
	display: block;
}
.gallery .wrapper {
    width: auto;
}
.ngg-gallery-thumbnail-box {
    max-width: 48% !important;
}
#retouch .pic{
	width: 100%;
	margin:0 0 15px 0;
}
#retouch .text{
	width: 90%;
    margin: auto;
}
#retouch .text h3 {
    font-size: 20px;
}
#retouch .text h4 {
    font-size: 17px;
    text-align: center;

}
retouch .text p {
    font-size: 14px;
    padding: 5px 0 0 0;
}
retouch .text p br{
    display: none;
}
#retouch .stages_view{
	text-align: center;
	display: block;
}
.mv {
    min-height: 82vh;
}
p.btn_contact7 input{
	width: 40%;
}
}
#campaign .text p {
    font-size: 13px;
}
@media screen and (max-width: 380px) {
#reason ul li {
    padding: 3.3vh 10px 0;
}
#news ul li dl dd.category {
    font-size: 12px;
}
.btn4 p a {
    font-size: 17px;
    padding: .3rem;
}

}