@charset "utf-8";
/*------------------------------------------------------

	リセット

------------------------------------------------------*/

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


ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

input, select {
	vertical-align: middle;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/*------------------------------------------------------

	グローバル

------------------------------------------------------*/

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

/* p { margin-bottom: 20px;} */
p:last-child { margin-bottom: 0px;}

a { color: #537648;}
a:hover { color: #9DD88B;}

/* ボックス */
.container {
	width: 50%;
	margin: 0px auto;
}

@media screen and (max-width: 768px){
	.container{
		width: 80%;
	}
}

@media screen and (max-width: 425px){
	.container{
		width: 100%;
	}
}

.left { float: left;}
.right { float: right;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

/* 文字装飾 */

.bold { font-weight: bold;}
.normal { font-weight: normal;}
.underline {text-decoration: underline;}

.ta_center { text-align: center !important;}
.ta_right { text-align: right !important;}
.ta_left { text-align: left !important;}

.va_middle { vertical-align: middle;}

.no_adjust { -webkit-text-size-adjust: none;}

.fo-red { color: #cb2f11;}
.fo-orange { color: #d33f2b;}
.fo-blue { color: #0babaf;}
.fo-white { color: #FFFFFF;}

.fo05 { font-size: 0.5em;}
.fo06 { font-size: 0.6em;}
.fo07 { font-size: 0.7em;}
.fo09 { font-size: 0.9em;}
.fo093 { font-size: 0.93em;}
.fo095 { font-size: 0.95em;}
.fo11 { font-size: 1.1em;}
.fo12 { font-size: 1.2em;}

.fo20 {font-size:20px;}
.fo24 {font-size:24px;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}

/* padding */
.pr15 { padding-right: 15px !important;}

/* margin */
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

/* clearFix */
.clearFix {
    zoom: 100%;
}

.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* ------------------------
	ヘッダー
------------------------ */

/* ------------------------
	コンテンツ
------------------------ */
.contents {
	width: 100%;
	float: left;
}
/* ------------------------
	フッター
------------------------ */
.footer {
	clear: both;
  background-image: none;
	background-color: #004E30;
	font-size: 0.9em;
}

.footer .box {
	width: 176px;
	float: left;
	margin-left: 20px;
}
.footer .box:first-child { margin-left: 0px;}
.footer .box2 {
	width: 185px;
	float: left;
	margin-left: 20px;
}
.footer .box2:first-child { margin-left: 0px;}
.footer .box3 {
	margin-top:20px;
	text-align: center;}
.box3 li {
	display: inline-block;
	margin-right: 10px;}
.footer .list_arrow li { margin-bottom: 5px;}

.footer_logo {
  text-align: center;
	padding: 10px 0px 10px;
}

.footer_logo p{
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 425px){
	.footer_logo p{
		font-size: 16px;
	}
}
.footer .copyright {
	background-image: url("");
	padding: 8px 0px 5px;
    color: #FFFFFF;
}
.footer .copyright li {
	display: inline-block;
	margin: 0px 10px;
}
.footer .copyright li a {
	background: url() 
  no-repeat left 50%;
	color: #FFFFFF;
}
.footer .copyright li a:hover {
	background-image: url();
	text-decoration: none;
}

/*------------------------------------------------------

	トップページ

------------------------------------------------------*/


/* ------------------------
	共通
------------------------ */

/* shadow */
.shadow { position: relative;}
.shadow:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 22px;
    left: 99px;
    right: 99px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 15px rgba(147,77,53,0.9);
    -moz-box-shadow: 0 0 15px rgba(147,77,53,0.9);
    box-shadow: 0 0 15px rgba(147,77,53,0.9);
 
    /*角丸にする*/
    -moz-border-radius: 100px / 20px;
    -o-border-radius: 100px / 20px;
    border-radius: 100px / 20px;
}

/* マーカー */
.marker_red { background: url(../images/concept/concept_marker01.png) repeat-x left bottom;}
.marker_green { background: url(../images/concept/concept_marker02.png) repeat-x left bottom;}

/* ボックス */
.w900 {
	width: 900px;
	margin: 0px auto;
}

.box_wrap { margin: 0px -10px;}
.box50 {
	float: left;
	width: 50%;
	padding: 0px 10px;
}

/* リスト */
.list_arrow li {
	background: url(../images/common/ico_arrow.png) no-repeat left 3px;
	padding-left: 18px;
}
.list_arrow li:hover { background-image: url(../images/common/ico_arrow_o.png);}
.list_arrow a ,.list_arrow a:link {
	color: #000000;
	text-decoration: none;
}
.list_arrow a:hover { color: #666666;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

.list_disc { padding-left: 20px;}
.list_disc li { list-style: outside disc;}

.list_number { padding: 0 2em 0 2.5em;/*padding-left: 2.5em;*/}
.list_number li { padding: 0 0.5em 0.5em;list-style-type: decimal;}

.list_number2 { padding: 0 2em 0 1em;}
.list_number2 li { text-indent: -1.3em;padding-left: 1.5em; padding-bottom: 0.3em;list-style: none;}

.list_number3 { padding: 0 2em 0 0;}
.list_number3 li { text-indent: -1.3em;padding-left: 1.5em; padding-bottom: 0.3em;list-style: none;}

ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

/* 背景 */
.back_white { background-color: #FFFFFF;}


/* ------------------------
メインセクション
------------------------ */

.main_sec {
	width: 100%;
	margin: 0px auto;
	background: none;
}
/* ****************
 * Modal window
 * *************** */
 .modal_movie {
    z-index: 1;
  opacity:0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  color: #fff;
  text-align: center;
  font-size: 20px;
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
  -webkit-transform: translate(0,100%);
  -ms-transform: translate(0,100%);
  transform: translate(0,100%);
}
/* Modal content */
.modal_movie-inner {
  width:60%;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:4%;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  background-color:#FFF;
  z-index:10;
}


/* ****************
 * Modal close button
 * *************** */
.modal_movie .close {
  display:block;
  position: absolute;
  top: 0;
  left 0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,.74);
  z-index:1;
}

/* ****************
 * Append modal(target id)
 * *************** */
#modal-movie:target {
  opacity: 1;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}


.movie_player_wrap {
    vertical-align: middle;
    position: relative;            
}
.movie_player {
    position:relative;
    width:100%;
    margin: 0 auto;
        padding-top: 56.25%;
}
.movie_player iframe {
   position:absolute;
    top:0;
    left:0;
  width: 100% !important;
  height: 100% !important;
}
/* ****************
 * contact
 * *************** */
 .contact{
	width: 100%;
 }

.form__explan{
	font-size: 1rem;
  padding: 0.8rem;
	background: #004E30;
	color: #fff;
	font-weight: bold;
  text-align: center;
  border-radius: 15px;
}

@media screen and (max-width: 375px){
	.form__explan{
		font-size: 0.8rem;
	}
}

 .contact__title {
  width: 100%;
  margin: 0 auto;
  margin-top: 40px;
  font-family: メイリオ, Meiryo, "MS Pゴシック", sans-serif;
}

.contact label{
	text-align: left;  /* これだけではダメで、  */
    display: block;
	font-size: 24px;
	padding-left: 0.5rem;
}

@media screen and (max-width: 768px){
	.contact label{
		font-size: 24px;
	}
}

@media screen and (max-width: 425px){
	.contact label{
		font-size: 18px;
	}
}

.contact input {
  border: 1px solid rgba(203, 27, 69, 0.5);
  box-shadow: inset 3px 3px 0 0 rgba(51, 51, 51, 0.08);
  background: #FFD6D6;
  border-radius: 10px;
  font-size: 1rem;
  padding: 0.5em;
  margin: 0.5em 0;
  width: 100%;
  color: #333333;
  line-height: 2rem;
}

.contact .phone {
  border: 1px solid rgba(203, 27, 69, 0.5);
  box-shadow: inset 3px 3px 0 0 rgba(51, 51, 51, 0.08);
  background: #FFD6D6;
  border-radius: 10px;
  font-size: 24px;
  padding: 0.5em;
  margin: 0.5em 0;
  width: 30%;
  color: #333333;
  line-height: 1rem;
}

@media screen and (max-width: 768px){
	.contact input{
		font-size: 18px;
	}
}

.contact select {
  border: 1px solid rgba(203, 27, 69, 0.5);
  box-shadow: inset 3px 3px 0 0 rgba(51, 51, 51, 0.08);
  background: #FFD6D6;
  border-radius: 10px;
  font-size: 24px;
  padding: 0.5em;
  margin: 0.5em 0;
  width: 100%;
  color: #333333;
}

@media screen and (max-width: 768px){
	.contact select{
		font-size: 18px;
	}
}

.contact textarea {
  border: 1px solid rgba(203, 27, 69, 0.5);
  box-shadow: inset 3px 3px 0 0 rgba(51, 51, 51, 0.08);
  background: #FFD6D6;
  border-radius: 10px;
  font-size: 18px;
  padding: 0.5em;
  margin: 0.5em 0;
  width: 100%;
  color: #333333;
  line-height: 1.2rem;
}

.form__area {
  max-width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}

.form__content {
  margin-top: 20px;
}

.form__content--item {
	margin-top: 20px;
  }

.form__content--item span {
  color: #C61940;
  font-size: 85%;
  margin-left: 10px;
}
.form__content--item-submit {
  text-align: center;
  margin: 2em;
}
.contact .form__content--item-submit input {
  background: linear-gradient(to right, #29B862, #168442);
  color: #ffffff;
  border-radius: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 1em 0;
  cursor: pointer;
  width: 100%;
  max-width: 480px;
  transition: 0.225s ease-in-out;
}

.contact .form__content--item-submit input:hover {
  letter-spacing: 0.3em;
}

.form-wrapper {
	display:block;
  }

/* ****************
 * time area
 * *************** */

.timer-wrap {
  background: #E95827;
  padding: 1rem 0;
  vertical-align: bottom;
  text-align: center;
}

.timer-text {
  font-family: 'Noto Sans JP', sans-serif;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: 0.8rem;
}

.timer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.timer p {
  font-size: 1.5rem;
  font-family: 'Noto Sans JP', sans-serif;
  margin-left: 0.5rem;
}

@media screen and (max-width: 425px){
	.timer p{
		font-size: 1rem;
	}
}

#days{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 2rem;
  background-color: #FFFFFF;
  border-radius: 1rem;
  padding: 0.8rem;
}

@media screen and (max-width: 425px){
	#days{
		font-size: 1rem;
	}
}


#hours,#minutes,#seconds {
  font-family: 'Noto Sans JP', sans-serif;
  margin-left: 0.8rem;
  font-size: 2rem;
  background-color: #FFFFFF;
  border-radius: 1rem;
  padding: 0.8rem;
}

@media screen and (max-width: 425px){
	#hours,#minutes,#seconds{
		font-size: 1rem;
	}
}