@charset "UTF-8";


body {
	background: transparent;
	-webkit-text-size-adjust: 100%;
	/*background:#f5f5f5;*/
	}

body,
h1,h2,h3,h4,h5,h6,
p,
blockquote,
div,
dl,dt,dd,
ul,ol,li,
pre,code,
form,fieldset,legend,input,textarea,
th,td {
	margin:0;
	padding:0;
	font-size: 100%;
	}

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;
	}

li {
	list-style: none;
	list-style-position: outside;
	}

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,sub {
	line-height: 1px;
	vertical-align: text-top;
	}

sub {
	vertical-align: text-bottom;
	}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	}
	
/* @end */

/* @group Structure */

/* @group Structure elements */

html {
	height: 100%;
	}

body {
	font-size: 13px;
font-family: "游ゴシック", YuGothic, 'Yu Gothic', "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "メイリオ", Meiryo sans-serif;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

/* @end */

.btn{
	background: #f08719;
	width: 70%;
	border-radius:30px;
	margin: 0 auto 30px;
	color: #fff;
	font-size: 1.2em;
	padding: 20px 0;
	font-weight: 800;
	text-align: center;
}
.btn2{
	background: #000;
    width: 30%;
	margin: 30px 0 10px 0;
	color: #fff;
    font-size: 1.1em;
    padding: 15px 0;
    font-weight: 800;
    text-align: center;
}
.btn3{
	background: #000;
    width: 70%;
    margin: 30px auto 10px;
    color: #fff;
    font-size: 1em;
    padding: 10px 0;
    font-weight: 800;
    text-align: center;
}
.l_head{
	background: url("../img/lp/lp_back.png") no-repeat center center;
	background-size: 100% auto;
	background-position:top;
}
.l_head02{
	background: url("../img/lp/lp_back2.png") no-repeat center center;
	background-size: 100% auto;
	background-position:top;
}
.l-header__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #f08719;
    color: #f08719;
    font-size: 0.8rem;
    font-weight: 700;
    width: 5rem;
    height: 1.6rem;
	display: flex;

}
.login{
	position: absolute;
	right:10px;
	top:10px;
}
.login2{
	position: absolute;
	right:100px;
	top:10px;
}
.l_head .logo{
	width: 25%;
	height: auto;
	margin: 0 auto;
}
.l_head .titile{
	font-size: 8vw;
	color: #fff;
	font-family: 'MuseoModerno', cursive;
	font-weight: 600;
	text-align: center;
	padding: 30px 0 90px 0;
	
}
 .sub_title{
font-size: 4.26667vw;
margin: 0vw 0 3.93333vw;
padding: 0 .4rem;
	color: #777;
	text-align: center;
	padding: 10px 0 0 0;
	font-family: 'iconfont' !important;
	font-weight: 700;
	line-height: 1.5;
}
.sub_title .bigfree{
	font-size: 5vw;
	color: #f08719;
	padding: 0 5px 0 5px;
}
.l_text{
	color: #444;
	font-size: 14px;
    margin: 0 0 0 0;
    line-height: 1.5em;
    padding: 30px 0 90px 10%;
}
.faq_btn{
	width: 80%;
    border: 1px solid #f08719;
    height: 5px;
    padding: 10px 0 20px;
    text-align: center;
    margin: 60px auto 30px;
    font-size: 0.9em;
    box-sizing: border-box;
    line-height: 1em;
    font-weight: 700;
	background: #fcefe2;
}
.faq_btn a{
    color: #f08719;
}
.faq_btn::after {
    content: "";
    background: transparent;
    border-top: 2px solid #f08719;
    border-right: 2px solid #f08719;
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
	right: 3.5rem;
}
.c_text{
	text-align: center;
	color: #444;
	font-size: 1.5em;
	margin: 40px auto 30px;
	line-height: 1.5em;
	letter-spacing: -0.05rem;
	width: 90%;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'palt';
}
.l_text span{
	font-family: 'MuseoModerno', cursive;
}

.mainimg img{
	width: 100%;
	height: auto;
	margin: 10px 0 10px 0;
}
.mainimg {
	font-size: 1.1em;
	color: #444;
	margin: 0 0 50px 0;
/*	background: linear-gradient(-45deg, rgba(139, 215, 251, .2), rgba(155, 237, 230, .4));*/
}
.promotion{
	margin: 0 auto;
	width: 90%;
	padding-top: 30px;
}
.promotion_con{
	margin: 0 auto 80px;
	width: 100%;
}

.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin: 70px 0 70px 0;
}
.video_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.con_box,.con_box2{
	background:#89997f;
	position: relative;
	z-index: 1;
	margin: 0 0 100px 0;
}
.con_box::before {
    top: 0px;
    transform: skewY(10deg);
	transform-origin: 100% 0px 0px;
}
.con_box::after {
    bottom: 0px;
    transform: skewY(8deg);
	transform-origin: 0px 100% 0px;
}
.con_box2::before {
    top: 0px;
    transform: skewY(-8deg);
    transform-origin: 0px 100% 0px;
}
.con_box2::after {
    bottom: 0px;
    transform: skewY(-10deg);
	transform-origin: 100% 0px 0px;
}
.con_box::before, .con_box::after,
.con_box2::before, .con_box2::after {
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    z-index: -1;
    backface-visibility: hidden;
    background: inherit;
}
.title_area{
/*		background: url("../img/lp/LP_titleback.png") no-repeat center center;*/
box-sizing: border-box;
padding: 16px;
}
.do_titile{
	color: #21b7f9;
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	padding: 10px 0 10px 0;
}
.titlebox {
	margin: 100px 0 0 0;
    box-sizing: border-box;
    padding-top: 64px;
    padding-bottom: 64px;
    background-color: rgb(240, 242, 248);
}
.do_titile2 {
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 16px;
    font-family: "Playfair Display", "Hiragino Mincho Pro", "MS PMincho", serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.5;
	white-space: pre-line;
	text-align: center;
}
.do_titile_sub {
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 16px;
    font-family: "Palanquin", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    font-size: 20px;
    line-height: 2;
    white-space: pre-line;
	text-align: center;
}
.do_titile_en{
	font-weight: 100;
	text-align: center;
	color: #f08719;
	font-size: 2.5em;
	padding: 70px 0 0 0;
font-family: 'ABeeZee', sans-serif;
}

.con_titile{
    box-sizing: border-box;
    margin-bottom: 0px;
    margin-top: 16px;
    font-family: "Playfair Display", "Hiragino Mincho Pro", "MS PMincho", serif;
    font-size: 3em;
    font-weight: bold;
    line-height: 1.5;
    white-space: pre-line;
}
.con_subtitile{
	box-sizing: border-box;
	margin-bottom: 40px;
	font-family: "Palanquin", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-size: 1em;
	line-height: 2;
	white-space: pre-line;
}
.con_text{
	font-size: 1.2em;
    color: #000;
    line-height: 1.7em;
    font-weight: 500;
}
.register-form{
	width: 90%;
	margin: 0 auto;
}
.register-form__parts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.promo-cover__content__register .register-form__input {
    width: 70%;
}
.register-form__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f08719;
    border: none;
    color: #fff;
    font-weight: 700;
    height: 3rem;
    outline: none;
    padding: 0;
    min-width: 7rem;
	border-radius: 0 8px 8px 0;
}
.promo-cover__content__register .register-form__button {
    min-width: 30%;
    max-width: 15.8rem;
    white-space: nowrap;
}
.register-form__input {
    font-weight: 700;
    padding: 0 1rem;
    width: 100%;
	border-radius: 8px 0 0 8px;
}



/* アコーディオン */
.fq-container{
    width: auto;
    margin: 30px auto;
}
.fq-container label{
    width: 90%;
    text-align: center;
    background: rgba( 168, 226, 251, 0.8 );
    margin: auto;
    padding: 10px 5px 10px 50px;
    position: relative;
    display: block;
    height: auto;
    cursor: pointer;
    color: #21b7f9;
	box-sizing:border-box;
	font-weight: 800;
	font-size: 1.1em;
	line-height: 1.4;
	text-align: left;

}
.fq-container label:hover{
    background: rgba( 168, 226, 251, 0.55 );
    -webkit-transition: all .3s;
    transition: all .3s;
}
.fq-container input{
   display: none;
}
.fq-container div{
	border-color:#aee3fa;
	width: 90%;
	box-sizing:border-box;
	margin: -1px auto 0;

   background: rgba(255, 255, 255, 0.5);
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.fq-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
	border: 1px solid #aee3fa;
}
.fq-container .waku{
   color: #777;
   line-height: 23px;
   font-size: 14px;
   padding: 20px;
	height: 300px;
}
/* 高さの定義 */
.fq-container input:checked ~ div.ac-small{
	max-height: 200px;
	
	
}
.fq-container input:checked ~ div.ac-medium{
   height: 200px;
}
.fq-container input:checked ~ div.ac-large{
   height: 300px;
}
 .register-form input[type="text"] {
  border: 1px solid #999;
}
/*.fq-container input[type="checkbox"] + label:before {
    content: '+';
	font-family: 'MuseoModerno', cursive;
	font-size: 1.8em;
	color: #5bcbfc;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
	line-height: 1.3;
    left: 5px;
    top: 5px;
    opacity: .6;
	background: #fff;
	border-radius: 50%;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
	text-align: center;
}*/
.fq-container input[type="checkbox"]:checked + label:before {
    content: '-';
	font-family: 'MuseoModerno', cursive;
	font-size: 1.8em;
	color: #5bcbfc;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
	line-height: 1.08;
    left: 5px;
    top: 5px;
    opacity: .6;
	background: #fff;
	border-radius: 50%;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
	text-align: center;
}
.conbox{
	width: 90%;
	margin: 0 auto 50px;
	line-height: 1.4;
}
.conbox img{
	width: 90%;
	height: auto;
	margin: 0 5%;
}

.price{
	margin: 50px 0;
	font-size: 1.5em;
	line-height: 1.1;
}

.money_lp span{
	font-family: 'Spartan', sans-serif;
}
.price_m{
	font-size: 2.4em;
}



.accordion-checkbox { /* checbox */
  display: none;
}

.accordion-trigger { /* label */
	width: 90%;
    text-align: center;
    background: rgba( 168, 226, 251, 0.8 );
    margin: auto;
    padding: 10px 5px 10px 50px;
    position: relative;
    display: block;
    height: auto;
    cursor: pointer;
    color: #21b7f9;
    box-sizing: border-box;
    font-weight: 800;
    font-size: 1.1em;
    line-height: 1.4;
    text-align: left;}

/* icon */
.accordion-trigger::after {
    content: '+';
	font-family: 'MuseoModerno', cursive;
	font-size: 1.8em;
	color: #5bcbfc;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
	line-height: 1.3;
    left: 5px;
    top: 5px;
    opacity: .6;
	background: #fff;
	border-radius: 50%;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
	text-align: center;
}

.accordion-trigger::after {
  transform: rotate(90deg);
}

/* /icon */

.accordion-target { /* target */
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: all .4s ease-out;
  text-align: left;
}

.accordion-target.list > .list__item { /* target-child */
  box-sizing: border-box;
  height: 0;
  visibility: hidden;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
	color: #fff;
	
  transition:
    visibility .2s ease-out,
    opacity .2s ease-out,
    padding-top .4s ease-out,
    padding-bottom .4s ease-out;
}

.accordion-target.list > .list__item > a {
/*
	display: block;
  padding: 0 15px;
  color: #000;
  text-decoration: none;
	*/
}

.accordion-checkbox:checked + .accordion-trigger::after {
  opacity: 0;
  transform: rotate(0);
}
.accordion-checkbox:checked + .accordion-trigger + .accordion-target {
  visibility: visible;
  opacity: 1;
}

.accordion-checkbox:checked + .accordion-trigger + .accordion-target > .list__item {
  visibility: visible;
  height: auto;

  opacity: 1;
  padding-top: 15px;
  padding-bottom: 15px;
  transition:
    visibility .2s ease-out .2s,
    opacity .2s ease-out .2s,
    padding-top ease-out .4s,
    padding-bottom ease-out .4s;

	width: 90%;
	box-sizing:border-box;
	margin: -1px auto 0;
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    border: 1px solid #aee3fa;
	
	color: #777;
    line-height: 23px;
    font-size: 14px;
    padding: 20px;
}

/*
.accordion-checkbox:checked + .accordion-trigger + .accordion-target > .list__item > a{
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: -15px;
  margin-bottom: -15px;
}
*/