@charset "utf-8";

/* ==================================================
Common CSS
================================================== */

@media(max-width:959px){

/*STYLE*/
.pc {
display:none;
}

p {
font-size:1rem;
line-height:160%;
letter-spacing:0.5px;
}

img {
width:100%;
height:auto;
}

.cts {
width:90%;
margin:auto;
}

.titles {
text-align:center;
padding-bottom:15px;
}

.copy {
font-size:110%;
font-weight:bold;
line-height:160%;
letter-spacing:0.5px;
text-align:center;
padding-bottom:15px;
}

h2 {
font-size:125%;
line-height:180%;
}

h3 {
font-size:115%;
line-height:180%;
}

h4 {
font-size:110%;
}

.more {
background:#0064b4;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
border-radius:30vw;
}

.more:hover {
opacity:0.7;
}

.more p {
color:#fff;
font-weight:bold;
padding-right:15px;
padding:12px 20px;
}

.more .arrow {
width:16px;
}


/*HEADER*/
header {
width:100%;
height:70px;
background:rgba(255,255,255,0.9);
position:fixed;
top:0;
z-index:999;
}

header h1 {
margin:auto;
font-size:60%;
font-weight:normal;
padding:8px 0 0 10px;
color:#999;
line-height:100%;
}

header .header_cts {
width:100%;
height:55px;
margin:auto;
display:flex;
align-items:center;
}

header .header_cts .logos {
width:260px;
display:flex;
align-items:center;
margin-left:10px;
}

header .header_cts .logos img {
display:flex;
justify-content:center;
align-items:center;
}

header .header_cts .logos .logo {
width:145px;
margin-right:10px;
}

header .header_cts .logos .consultation {
width:115px;
}


/*GROBAL*/
.fixed {
position:fixed;
width:100%;
height:100%;
}

#grobal {
position:fixed;
top:0;
left:0;
z-index:99;
}

#grobal .nav_btn {
position:fixed;
width:55px;
height:55px;
top:13px;
right:5px;
cursor:pointer;
}

#grobal .nav_btn span {
width:60%;
height:2px;
background:#323232;
position:absolute;
left:0;
right:0;
margin:auto;
}

#grobal .nav_btn span:nth-child(1) { top:15px; }
#grobal .nav_btn span:nth-child(2) { top:27px; }
#grobal .nav_btn span:nth-child(3) { top:39px; }

#grobal .nav_close {
display:none;
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background:#000;
opacity:0;
z-index:98;
cursor:pointer;
}

#grobal .grobal_nav {
position:fixed;
width:60%;
height:100%;
border-right:rgba(255,255,255,0.3) 1px solid;
z-index:99;
top:70px;
left:-100%;
transition:0.5s;
background:rgba(0,0,0,0.9);
}

#grobal .grobal_nav.active {
left:0;
transition:0.5s;
}

#grobal .grobal_nav nav {
border-bottom:rgba(255,255,255,0.3) 1px solid;
}

#grobal .grobal_nav nav a {
text-decoration:none;
font-weight:normal;
color:#fff;
display:block;
padding:20px 20px;
font-size:100%;
}


/*MV*/
#mv {
width:100%;
height:550px;
background:url(../img/mv_bg.jpg);
margin-top:70px;
border-bottom:#966400 10px solid;
}

#mv .mv_cts {
width:100%;
height:550px;
margin:auto;
position:relative;
overflow:hidden;
}

#mv .mv_cts .name {
width:150px;
position:absolute;
top:225px;
right:-15px;
z-index:1;
}

#mv .mv_cts .photo {
width:270px;
position:absolute;
right:-85px;
}

#mv .mv_cts .title {
width:260px;
padding-bottom:15px;
margin-left:20px;
position:absolute;
top:30px;
}

#mv .mv_cts .maincopy {
width:70%;
position:absolute;
top:230px;
left:4%;
}

#mv .mv_cts .subcopies {
width:90%;
background:rgba(0,0,0,0.8);
border-radius:20px;
display:flex;
padding:18px 30px;
position:absolute;
bottom:35px;
left:0;
right:0;
margin:auto;
}

#mv .mv_cts .subcopies .icon {
width:40px;
margin-right:20px;
}

#mv .mv_cts .subcopies .subcopy {
width:470px;
}


/*INTRO*/
#intro {
background:url(../img/story_bg.jpg);
padding:35px 0 35px;
}

#intro .icon {
width:60px;
margin:0 auto 10px;
}

#intro .titles {
padding-bottom:20px;
}

#intro .copy {
font-size:120%;
font-weight:bold;
line-height:180%;
letter-spacing:1px;
text-align:center;
padding-bottom:15px;
}

#intro .copy .point {
position:relative;
}

#intro .copy .point:before {
content:"";
width:4px;
height:4px;
background:#e6321e;
border-radius:2px;
position:absolute;
top:-7px;
left:0;
right:0;
margin:auto;
}

#intro .abouts {
width:100%;
margin:0 auto 60px;
display:flex;
justify-content:space-between;
}

#intro .abouts .about {
width:28vw;
height:28vw;
background:#fff;
box-shadow:0 0 10px #e1e1e1;
border-radius:140px;
padding:15px 5px 0;
}

#intro .abouts .about .illust {
width:100%;
margin:0 auto 20px;
}

#intro .abouts .about .item {
height:50px;
font-size:70%;
font-weight:bold;
text-align:center;
}

#intro .performance {
}

#intro .performance .appeal {
width:90%;
margin:0 auto 25px;
border:#966400 1px solid;
position:relative;
font-weight:bold;
}

#intro .performance .appeal:after {
content:"";
width:0;
height:0;
border-top:#966400 15px solid;
border-right:transparent 15px solid;
border-bottom:transparent 15px solid;
border-left:transparent 15px solid;
position:absolute;
bottom:-30px;
left:0;
right:0;
margin:auto;
}

#intro .performance .appeal .names {
background:#fff;
display:flex;
justify-content:center;
align-items:center;
color:#966400;
padding:7px;
}

#intro .performance .appeal .names .job {
font-size:90%;
margin-right:10px;
}

#intro .performance .appeal .names .name {
font-size:110%;
}

#intro .performance .appeal .detail {
font-size:120%;
background:#966400;
color:#fff;
text-align:center;
padding:7px;
}

#intro .performance .subitems {
width:100%;
margin:0 auto 10px;
display:flex;
justify-content:space-between;
align-items:center;
}

#intro .performance .subitems .item_line {
width:25%;
height:1px;
background:#966400;
}

#intro .performance .subitems .items {
display:flex;
align-items:center;
}

#intro .performance .subitems .items .icon_s {
width:25px;
margin-right:10px;
}

#intro .performance .subitems .items .item {
font-size:120%;
font-weight:bold;
color:#966400;
}

#intro .performance .books {
width:100%;
margin:0 auto 35px;
display:flex;
justify-content:space-between;
}

#intro .performance .books .book {
width:18.5%;
background:#fff;
box-shadow:0 0 10px #e1e1e1;
padding:3px;
}

#intro .performance .tvs {
width:100%;
margin:auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#intro .performance .tvs .tv {
width:48.5%;
padding-bottom:15px;
}

#intro .performance .tvs .tv:nth-child(n+4) {
padding-bottom:0;
}

#intro .performance .tvs .tv .photo {
background:#fff;
box-shadow:0 0 10px #e1e1e1;
padding:3px;
margin-bottom:7px;
}

#intro .performance .tvs .tv .program {
font-size:70%;
}


/*DETAIL*/
#detail {
padding:35px 0 35px;
}

#detail .icon {
width:50px;
margin:0 auto 7px;
}

#detail .futures {
padding:20px 0 25px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

#detail .futures .future {
position:relative;
width:100%;
border:#06903a 3px dotted;
border-radius:20px;
padding:30px 20px 15px;
margin-bottom:30px;
}

#detail .futures .future:last-child {
margin-bottom:0;
}

#detail .futures .future .number {
width:40px;
height:40px;
background:#06903a;
border-radius:25px;
text-align:center;
font-size:135%;
font-weight:bold;
color:#fff;
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
}

#detail .futures .future .detail {
font-weight:bold;
text-align:center;
}

#detail .galleries {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

#detail .galleries .gallery {
width:48.5%;
padding-bottom:15px;
}

#detail .galleries .gallery .photo {
padding-bottom:7px;
}

#detail .galleries .gallery .photo img {
border-radius:15px;
}

#detail .galleries .gallery .cap {
font-size:70%;
}

#detail .attention {
font-size:60%;
text-align:left;
padding-bottom:40px;
}

#detail .voices {
position:relative;
background:#faf5e6;
border:#ffb41e 3px solid;
border-radius:15px;
padding:30px 20px 25px;
}

#detail .voices .subtitle {
width:80%;
height:40px;
background:#ffb41e;
color:#fff;
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
display:flex;
align-items:center;
justify-content:center;
border-radius:20px;
font-size:100%;
font-weight:bold;
}

#detail .voices .theme {
font-size:110%;
font-weight:bold;
text-align:center;
padding-bottom:7px;
}

#detail .voices .voice {
padding:15px 0 20px;
}

#detail .voices .voice .illust {
width:30%;
margin:0 auto 15px;
}

#detail .voices .voice .detail {
width:100%;
}

#detail .voices .btn_more {
width:140px;
margin:auto;
}

#detail .voices .btn_more:hover {
opacity:0.7;
cursor:pointer;
}

#detail .voices .next {
}

.hide_view {
display:none;;
}

#detail .voices .next .all {
padding-bottom:15px;
}

#detail .voices .next .all p {
padding-bottom:30px;
}

#detail .voices .next .all p:last-child {
padding-bottom:0;
}

#detail .voices .btn_back {
width:140px;
margin:auto;
display:none;
}

#detail .voices .btn_back:hover {
opacity:0.7;
cursor:pointer;
}

#detail .st {
color:#06903a;
}

#detail .voices .btn {
width:140px;
margin:auto;
}

#detail .voices .btn:hover {
opacity:0.7;
}

#detail .btn_link {
display:block;
width:85%;
margin:30px auto 0;
}

#detail .more p {
color:#fff;
font-weight:bold;
padding:10px 30px;
}


/*WORRY*/
#worry {
background:url(../img/story_bg.jpg);
padding:35px 0 35px;
}

#worry .cts {
width:90%;
}

#worry .icon {
width:45px;
margin:0 auto 7px;
}

#worry .copy {
padding-bottom:5px;
}

#worry .kome {
font-size:70%;
text-align:center;
padding-bottom:30px;
}

#worry .worries {
}

#worry .worries .worry {
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
border-radius:15px;
box-shadow:0 0 10px #e1e1e1;
padding:15px 20px;
margin-bottom:15px;
}

#worry .worries .worry:last-child {
margin-bottom:0;
}

#worry .worries .worry .check {
width:8%;
}

#worry .worries .worry .detail {
width:89%;
font-weight:bold;
}

#worry sup {
font-size:50%;
}


/*FEATURE*/
#feature {
padding:35px 0 35px;
}

#feature .icon {
width:45px;
margin:0 auto 7px;
}

#feature .features {
padding:30px 0 0;
}

#feature .features .feature {
background:#e6f5f5;
border-radius:20px;
position:relative;
padding:30px 20px 25px;
margin-bottom:45px;
}

#feature .features .feature:last-child {
margin-bottom:30px;
}

#feature .features .feature .number {
width:100px;
height:40px;
font-size:100%;
font-weight:bold;
background:#00aadc;
color:#fff;
text-align:center;
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
border-radius:20px;
}

#feature .features .feature h3 {
text-align:center;
}

#feature .features .feature .details {
padding-top:20px;
}

#feature .features .feature .details.reverse {
flex-direction:row-reverse;
}

#feature .features .feature .details .illust {
width:100%;
padding-bottom:15px;
}

#feature .features .feature .details .detail {
width:100%;
}

#feature .summary {
font-size:120%;
font-weight:bold;
padding-bottom:15px;
}


/*CAUTION*/
#caution {
background:url(../img/story_bg.jpg);
padding:35px 0 40px;
}

#caution .cts {
width:90%;
}

#caution .icon {
width:50px;
margin:0 auto 7px;
}

#caution .copy {
text-align:left;
padding-bottom:25px;
}

#caution .sign_title {
text-align:center;
padding-bottom:20px;
}

#caution .sign_title span {
background:#323232;
font-weight:bold;
color:#fff;
padding:10px 20px;
border-radius:10vw;
}

#caution .sign {
padding-bottom:15px;
}

#caution .details {
width:100%;
margin:auto;
}

#caution .details p {
padding-bottom:30px;
}

#caution .details p:last-child {
padding-bottom:0;
}



/*PROFILE*/
#profile {
background:url(../img/profile_bg.jpg);
padding:35px 0 50px;
}

#profile .cts {
width:90%;
color:#fff;
}

#profile  .icon {
width:36px;
margin:0 auto 7px;
}

#profile .titles {
padding-bottom:30px;
}

#profile .main {
width:80%;
margin:0 auto 25px;
}

#profile .introduction {
text-align:left;
padding-bottom:50px;
}

#profile .cate_titles {
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:20px;
}

#profile .cate_titles .cate_line {
width:35%;
height:1px;
background:#fff;
}

#profile .cate_titles .cate_title img {
width:auto;
height:24px;
}

#profile section {
padding-bottom:70px;
}

#profile section.end {
padding-bottom:40px;
}

#profile .ex {
padding-bottom:15px;
}

#profile .books {
display:flex;
justify-content:space-between;
}

#profile .books .book {
width:18.5%;
background:#fff;
padding:3px;
}

#profile .tvs {
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#profile .tvs .tv {
width:48.5%;
padding-bottom:20px;
}

#profile .tvs .tv:nth-child(n+5) {
padding-bottom:0;
}

#profile .tvs .tv .photo {
background:#fff;
padding:3px;
margin-bottom:7px;
}

#profile .tvs .tv .program {
font-size:70%;
}

#profile .advice {
width:100%;
margin:auto;
background:#fff;
padding:3px;
}

#profile .seminars {
width:100%;
margin:auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

#profile .seminars .seminar {
width:48.5%;
background:#fff;
padding:3px;
margin-bottom:20px;
}

#profile .seminars .seminar:nth-child(n+3) {
margin-bottom:0;
}

#profile .partition {
width:70%;
margin:0 auto 40px;
}

#profile .endcopy {
text-align:left;
}


/*STORY*/
#story {
background:#ebebe6 url(../img/story_bg.png) no-repeat bottom;
background-size:100%;
padding:60px 0 60px;
}

#story .cts {
width:90%;
}

#story section {
background:#fff;
margin-bottom:50px;
position:relative;
box-shadow:0 0 10px #e1e1e1;
padding:50px 20px 25px;
}

#story section:last-child {
margin-bottom:0;
}

#story .numbers {
width:60px;
height:60px;
background:#31a0c8;
position:absolute;
border-radius:40px;
top:-30px;
left:0;
right:0;
margin:auto;
text-align:center;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
}

#story .numbers .numbers_area {
}

#story .numbers .numbers_area .subtitle {
font-size:60%;
padding-top:5px;
}

#story .numbers .numbers_area .number {
font-size:150%;
line-height:100%;
}

#story h3 {
text-align:center;
padding-bottom:20px;
}

#story h3 .line {
border-bottom:#323232 1px solid;
padding-bottom:5px;
}

#story .details {
padding-bottom:20px;
}

#story .details .photo {
width:80%;
margin:0 auto 20px;
}

#story .details .photo img {
border-radius:15px;
}

#story .details .detail {
width:100%;
}

#story .stories p {
padding-bottom:30px;
}

#story .stories p:last-child {
padding-bottom:0;
}

#story .solutions {
padding:20px 0;
}

#story .solutions .solution {
display:flex;
align-items:center;
background:#d6ecf4;
padding:10px 15px;
margin-bottom:12px;
}

#story .solutions .solution:last-child {
margin-bottom:0;
}

#story .solutions .solution .check {
width:7%;
}

#story .solutions .solution .detail {
width:90%;
padding-left:10px;
font-weight:bold;
}

#story .btn_link {
display:block;
width:100%;
margin:30px auto 0;
text-align:center;
}


/*VOICE*/
#voice {
padding:35px 0 35px;
}

#voice .cts {
width:90%;
}

#voice .icon {
width:50px;
margin:0 auto 7px;
}

#voice .voices {
padding:20px 0 40px;
}

#voice .voices .voice {
background:#f5f0eb;
border:#b49632 3px solid;
border-radius:20px;
padding:40px 20px 20px;
position:relative;
}

#voice .voices .voice .subtitle {
width:150px;
height:42px;
font-size:110%;
background:#b49632;
color:#fff;
border-radius:10vw;
position:absolute;
top:-21px;
left:0;
right:0;
margin:auto;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}

#voice .voices .voice .subtitle:after {
content:"";
width:0;
height:0;
border-top:#b49632 10px solid;
border-right:transparent 10px solid;
border-bottom:transparent 10px solid;
border-left:transparent 10px solid;
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
}

#voice .voices .voice .job {
text-align:center;
padding-bottom:5px;
}

#voice .voices .voice .teacher {
font-size:135%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
line-height:100%;
}

#voice .voices .voice .teacher span {
font-size:90%;
padding-left:10px;
}

#voice .voices .voice .youtube {
position:relative;
width:100%;
padding-top:56.25%;
margin-bottom:12px;
}

#voice .voices .voice .youtube iframe {
position:absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

#voice .voices .voice .attentions {
padding-bottom:30px;
}

#voice .voices .voice .attentions .attention {
font-size:60%;
line-height:160%;
display:flex;
}

#voice .voices .voice .item {
font-size:90%;
font-weight:bold;
margin-bottom:7px;
color:#b49632;
border-left:#b49632 4px solid;
padding-left:10px;
}

#voice .voices .voice .detail {
background:#fff;
padding:15px 20px;
border-radius:15px;
font-size:90%;
}

#voice .voices .btn_link {
display:block;
width:90%;
margin:20px auto 0;
text-align:center;
}

#voice h3 {
text-align:center;
padding-bottom:30px;
}

#voice h3 .line {
border-bottom:#e6321e 1px solid;
padding-bottom:5px;
}

#voice .customers {
padding-top:5px;
}

#voice .customers .customer {
width:100%;
background:#f5f0eb;
border:#b49632 3px solid;
border-radius:20px;
padding:35px 20px 10px;
position:relative;
margin-bottom:35px;
}

#voice .customers .customer:last-child {
margin-bottom:0;
}

#voice .customers .customer .subtitle {
width:150px;
height:38px;
font-size:90%;
background:#b49632;
color:#fff;
border-radius:10vw;
position:absolute;
top:-19px;
left:0;
right:0;
margin:auto;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}

#voice .customers .customer .subtitle:after {
content:"";
width:0;
height:0;
border-top:#b49632 10px solid;
border-right:transparent 10px solid;
border-bottom:transparent 10px solid;
border-left:transparent 10px solid;
position:absolute;
bottom:-20px;
left:0;
right:0;
margin:auto;
}

#voice .customers .customer .detail {
font-size:100%;
text-align:center;
font-weight:bold;
}

#voice .btn_link {
display:block;
width:90%;
margin:20px auto 0;
}

#voice .more p {
color:#fff;
font-weight:bold;
padding:10px 30px;
}


/*RESULT*/
#result {
background:url(../img/story_bg.jpg);
padding:35px 0 35px;
}

#result .subtitle {
width:100%;
margin:0 auto 15px;
background:#f0a046;
position:relative;
padding:10px 20px;
color:#fff;
font-size:110%;
font-weight:bold;
text-align:center;
border-radius:15px;
}

#result .subtitle:after {
content:"";
width:0;
height:0;
border-top:#f0a046 10px solid;
border-right:transparent 10px solid;
border-bottom:transparent 10px solid;
border-left:transparent 10px solid;
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-20px;
}

#result .copy {
padding-bottom:50px;
text-align:left;
}

#result .schedule_titles {
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
padding-bottom:40px;
}

#result .schedule_titles .line {
width:100%;
height:1px;
background:#323232;
}

#result .schedule_titles .schedule_title {
position:absolute;
background:#323232;
width:250px;
color:#fff;
text-align:center;
left:0;
right:0;
margin:auto;
font-size:110%;
font-weight:bold;
padding:10px;
border-radius:10vw;
}

#result .schedules {
padding-bottom:70px;
}

#result .schedules .schedule {
border:#f0a046 1px solid;
background:#fff;
border-radius:15px;
display:flex;
flex-direction:column;
line-height:100%;
position:relative;
margin-bottom:15px;
}

#result .schedules .schedule:after {
content:"";
width:20px;
height:15px;
background:#f7cfa2;
position:absolute;
z-index:0;
left:0;
right:0;
bottom:-16px;
margin:auto;
}

#result .schedules .schedule:last-child:after {
display:none;
}

#result .schedules .schedule .time {
background:#f0a046;
color:#fff;
border-radius:14px 14px 0 0;
padding:12px 18px;
font-weight:bold;
text-align:center;
}

#result .schedules .schedule .time span {
}

#result .schedules .schedule .detail {
border-radius:0 0 14px 14px;
padding:15px 10px;
text-align:center;
}

#result .schedules .schedule .detail .learning {
}

#result .schedules .schedule .detail .learning p {
font-size:80%;
}

#result section {
background:#fff;
box-shadow:0 0 10px #e1e1e1;
padding:40px 20px 20px;
position:relative;
margin-bottom:50px;
}

#result section.end {
margin-bottom:0;
}

#result section .numbers {
width:60px;
height:60px;
border-radius:40px;
background:#f0a046;
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:-30px;
left:0;
right:0;
margin:auto;
}

#result section .numbers .numbers_cts {
color:#fff;
text-align:center;
}

#result section .numbers .numbers_cts .item {
font-size:60%;
line-height:100%;
padding:7px 0 5px;
}

#result section .numbers .numbers_cts .number {
font-size:150%;
line-height:100%;
}

#result section .gallery {
}

#result section .gallery .photo {
width:100%;
padding-bottom:8px;
}

#result section .attention {
font-size:70%;
text-align:left;
}

#result section .explain {
padding-top:20px;
}

#result section .explain.noattention {
padding-top:10px;
}

#result .summary {
font-size:110%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

#result .btn_link {
display:block;
width:70%;
margin:auto;
}


/*COST*/
#cost {
padding:35px 0 35px;
}

#cost .cts {
width:90%;
}

#cost .icon {
width:60px;
margin:0 auto 10px;
}

#cost .copy {
text-align:left;
padding-bottom:35px;
}

#cost .costs {
width:100%;
background:url(../img/mv_bg.jpg);
border:#966400 3px solid;
margin-bottom:30px;
position:relative;
padding:40px 20px 20px;
}

#cost .costs .item {
width:150px;
height:40px;
display:flex;
justify-content:center;
align-items:center;
position:absolute;
background:#966400;
color:#fff;
border-radius:20px;
top:-20px;
left:0;
right:0;
margin:auto;
}

#cost .costs .explain {
}

#cost .costs .explain p {
color:#fff;
text-align:left;
padding-bottom:20px;
}

#cost .costs .cost_title {
background:#966400;
padding:10px;
text-align:center;
color:#fff;
font-weight:bold;
margin:0 1px;
}

#cost .costs .cost {
width:100%;
border-collapse:separate;
border-spacing:1px 1px;
}

#cost .costs .cost th {
background:#f0f0f0;
margin-bottom:1px;
padding:15px 10px;
text-align:center;
}

#cost .costs .cost td {
background:#fff;
margin-bottom:1px;
padding:15px 10px;
text-align:center;
}

#cost .costs .price {
font-weight:bold;
color:#e6321e;
}


#cost .secrets {
background:#faf0f0;
border:#e6321e 2px solid;
padding:20px 20px;
}

#cost .secrets .key {
width:30px;
margin:0 auto 10px;
}

#cost .secrets .item {
font-size:120%;
font-weight:bold;
color:#e6321e;
text-align:center;
padding-bottom:5px;
}

#cost .secrets .secret {
}


/*FLOW*/
#flow {
background:url(../img/story_bg.jpg);
padding:35px 0 0;
}

#flow .cts {
width:90%;
}

#flow .icon {
width:50px;
margin:0 auto 10px;
}

#flow .titles {
padding-bottom:40px;
}

#flow section {
background:#fff;
box-shadow:0 0 10px #e1e1e1;
padding:40px 20px 20px;
position:relative;
margin-bottom:65px;
border-radius:18px;
}

#flow section:after {
content:"";
width:0;
height:0;
border-top:#d2dcd2 30px solid;
border-right:transparent 80px solid;
border-bottom:transparent 30px solid;
border-left:transparent 80px solid;
position:absolute;
bottom:-60px;
left:0;
right:0;
margin:auto;
}

#flow section:last-child:after {
display:none;
}

#flow section .number {
width:120px;
height:40px;
background:#64b446;
color:#fff;
font-size:100%;
font-weight:bold;
position:absolute;
top:-20px;
left:0;
right:0;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
border-radius:10vw;
}

#flow section .details {
}

#flow section .details .photo {
width:80%;
margin:0 auto 15px;
}

#flow section .details .photo img {
border-radius:15px;
}

#flow section .details .detail {
width:100%;
}

#flow section .details .detail .item {
font-size:120%;
font-weight:bold;
color:#64b446;
border-bottom:#e1e1e1 1px solid;
padding-bottom:5px;
margin-bottom:10px;
text-align:center;
}

#flow section .details .detail .explain {
}

#flow section .details .detail .attention {
font-size:80%;
}

#flow section .details .detail .column {
background:#e8f4e3;
padding:12px 20px;
border-radius:15px;
margin-top:15px;
}

#flow section .details .detail .column a {
font-weight:bold;
color:#327800;
}

#flow section .details .detail .column a:hover {
opacity:0.7;
}

#flow .summary {
font-size:110%;
font-weight:bold;
text-align:left;
padding-bottom:20px;
}

#flow .cta {
width:100%;
margin:0 auto 30px;
-webkit-animation:cta_btn 1s ease infinite alternate;
animation:cta_btn 1s ease infinite alternate;
}

@keyframes cta_btn {
0%{transform:scale(1);}
100%{transform:scale(1.04);}
}

#flow .cta a:hover {
opacity:0.7;
}

#flow .contact {
width:90%;
margin:0 auto 10px;
}

#flow .data {
font-size:80%;
text-align:center;
padding-bottom:20px;
}

#flow .data .gr {
color:#787878;
}

#flow .caution {
width:100%;
margin:auto;
border:#e6321e 2px solid;
padding:20px 20px 15px;
}

#flow .caution .caution_icon {
width:40px;
margin:0 auto 10px;
}

#flow .caution .detail {
font-size:80%;
color:#e6321e;
text-align:left;
}



/*BACK TO TOP*/
.BackToTop {
position:fixed;
width:40px;
height:40px;
right:15px;
bottom:15px;
z-index:100;
display:none;
}


/*ANIMATION*/
.sns {
-webkit-animation:appears 1s ease;
animation:appears 1s ease;
}

@keyframes appears {
0%{transform:translateX(100%);}
100%{transform:translateX(0);}
}


/*INVIEW*/
.marker_line {
position:relative;
}

.inviewTitleLine {
width:0%;
height:4px;
background:#f5e100;
position:absolute;
bottom:-7px;
left:0;
transition:1s;
}

.inviewTitleLine.green {
background:#06903a;
}

.inviewTitleLine.pink {
background:#ff6464;
}

.TitleLine {
width:100%;
}


.inviewTitleRoll {
opacity:0;
transform:translate(0,-50%) rotate(180deg);
transition:0.5s;
}

.TitleRoll {
opacity:1;
transform:translate(0, 0);
}

.inviewfadeInUp {
opacity:0;
transform:translate(0,10%);
transition:1s ease;
}

.fadeInUp {
opacity:1;
transform:translate(0, 0);
}


/*RESERVATION*/
.btn_reservation {
position:fixed;
width:55%;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:999;
}

.btn_reservation img {
border:#fff 4px solid;
border-bottom:none;
border-radius:10px 10px 0 0;
}


/*COMMON*/
.container {
background:url(../img/story_bg.jpg);
padding-top:35px;
}

#page {
width:90%;
margin:auto;
padding-top:65px;
}

#page section {
background:#fff;
padding:20px 20px;
box-shadow:0 0 10px #e1e1e1;
margin-bottom:20px;
border-radius:15px;
}

#page section.end {
margin-bottom:20px;
}

#page .icon {
width:40px;
margin:0 auto 7px;
}

#page .bread {
font-size:70%;
text-align:right;
padding-bottom:12px;
}

#page .bread a {
color:#323232;
font-weight:bold;
}

#page .category {
width:120px;
height:36px;
margin:auto;
font-size:90%;
font-weight:bold;
background:#000;
color:#fff;
position:relative;
display:flex;
justify-content:center;
align-items:flex-end;
margin-bottom:30px;
}

#page .category:after {
content:"";
width:0;
height:0;
border-top:#000 20px solid;
border-right:transparent 60px solid;
border-bottom:transparent 20px solid;
border-left:transparent 60px solid;
position:absolute;
left:0;
right:0;
bottom:-40px;
}

#page .number {
width:100px;
height:36px;
font-size:80%;
background:#000;
color:#fff;
text-align:center;
position:absolute;
top:-18px;
left:0;
right:0;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
border-radius:20px;
}

#page h3 {
text-align:center;
padding-bottom:30px;
}

#page h3 .line {
border-bottom:#323232 1px solid;
padding-bottom:5px;
}

#page .stories p {
padding-bottom:30px;
}

#page .stories p:last-child {
padding-bottom:0;
}

#page .mores {
display:flex;
justify-content:center;
}


/*PAGE STORY*/
#page #page_story {
}

#page #page_story .story_number {
text-align:center;
padding-bottom:7px;
}

#page #page_story .story_number span {
font-size:80%;
padding:7px 15px;
background:#323232;
color:#fff;
border-radius:20vw;
}

#page #page_story h3 {
text-align:center;
padding-bottom:20px;
}

#page #page_story h3 .line {
border-bottom:#323232 1px solid;
padding-bottom:5px;
}

#page #page_story .details {
padding-bottom:20px;
}

#page #page_story .details.ito {
margin-top:30px;
}

#page #page_story .details.reverse {
flex-direction:row-reverse;
}

#page #page_story .details .photo {
width:100%;
padding-bottom:20px;
}

#page #page_story .details.ito .photo {
width:50%;
margin:auto;
}

#page #page_story .details .photo img {
border-radius:15px;
}

#page #page_story .details .detail {
width:100%;
}

#page #page_story .details.ito .detail {
width:100%;
}

#page #page_story .details .detail p {
padding-bottom:30px;
}

#page #page_story .details .detail p:last-child {
padding-bottom:0;
}

#page #page_story .stories p {
padding-bottom:30px;
}

#page #page_story .stories p:last-child {
padding-bottom:0;
}

#page #page_story .st {
font-size:115%;
color:#06903a;
}

#page #page_story .more {
width:90%;
margin:auto;
text-align:center;
}


/*PAGE METHOD*/
#page #page_method {
}

#page #page_method section {
padding-top:0;
}

#page #page_method section.cate_feature .category {
background:#00aadc;
}

#page #page_method section.cate_feature .category:after {
border-top:#00aadc 20px solid;
}

#page #page_method .features {
padding:35px 0 0;
}

#page #page_method h3 {
text-align:center;
padding-bottom:0;
}

#page #page_method .details {
padding-top:20px;
}

#page #page_method .details.reverse {
flex-direction:row-reverse;
}

#page #page_method .details .illust {
width:100%;
padding-bottom:15px;
}

#page #page_method .details .detail {
width:100%;
}

#page #page_method .summary {
font-size:110%;
font-weight:bold;
padding-bottom:15px;
}

#page #page_method .features .feature {
background:#e6f5f5;
border-radius:20px;
position:relative;
padding:30px 20px 20px;
margin-bottom:35px;
}

#page #page_method .features .feature:last-child {
margin-bottom:20px;
}

#page #page_method .features .feature .number {
width:100px;
background:#00aadc;
}

#page #page_method section.cate_logic {
margin-bottom:20px;
}

#page #page_method section.cate_logic .category {
background:#7864b4;
}

#page #page_method section.cate_logic .category:after {
border-top:#7864b4 20px solid;
}

#page #page_method .logics {
padding:35px 0 0;
}

#page #page_method .logics .stories.way {
padding-bottom:0;
}

#page #page_method .logics .logic {
background:#f5f0f5;
border-radius:20px;
position:relative;
padding:30px 20px 20px;
margin-bottom:35px;
}

#page #page_method .logics .logic:last-child {
margin-bottom:0;
}

#page #page_method .logics .logic .number {
width:120px;
background:#7864b4;
}

#page #page_method .logics .logic .titles {
padding-bottom:0;
}

#page #page_method .logics .logic .titles h3 {
padding-bottom:0;
}

#page #page_method .logics .logic .details {
padding-bottom:30px;
}

#page #page_method .logics .logic .details.end {
padding-bottom:0;
}

#page #page_method .logics .logic .check_lists {
padding:20px 0 30px;
}

#page #page_method .logics .logic .check_lists .check_list {
display:flex;
align-items:center;
justify-content:space-between;
background:#fff;
padding:12px 15px;
border-radius:10px;
margin-bottom:12px;
box-shadow:0 0 10px #e1e1e1;
}

#page #page_method .logics .logic .check_lists .check_list:last-child {
margin-bottom:0;
}

#page #page_method .logics .logic .check_lists .check_list .check {
width:10%;
}

#page #page_method .logics .logic .check_lists .check_list .detail {
font-weight:bold;
width:85%;
}

#page #page_method .logic:nth-child(2) .details .illust {
width:70%;
margin:auto;
}

#page #page_method .logic:nth-child(2) .details .detail {
width:100%;
}

#page #page_method .logics .illusts {
padding:20px 0;
}

#page #page_method .logics .illusts .illust:first-child {
margin-bottom:15px;
}

#page #page_method .mores {
display:block;
}

#page #page_method .mores .more {
width:90%;
margin:auto;
}

#page #page_method .mores .more:first-child {
margin-bottom:15px;
}

#page #page_method .fl {
font-size:110%;
}


/*LIFE*/
#page #page_life {
}

#page #page_life section {
padding:20px 20px;
margin-bottom:40px;
}

#page #page_life section.end {
margin-bottom:30px;
}

#page #page_life .subtitle {
width:100%;
margin:0 auto 15px;
background:#f0a046;
position:relative;
padding:10px 20px;
color:#fff;
font-size:100%;
font-weight:bold;
text-align:center;
border-radius:10px;
}

#page #page_life .subtitle:after {
content:"";
width:0;
height:0;
border-top:#f0a046 10px solid;
border-right:transparent 10px solid;
border-bottom:transparent 10px solid;
border-left:transparent 10px solid;
position:absolute;
left:0;
right:0;
margin:auto;
bottom:-20px;
}

#page #page_life .copy {
font-weight:normal;
padding-bottom:50px;
text-align:left;
}

#page #page_life .schedule_titles {
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
padding-bottom:35px;
}

#page #page_life .schedule_titles .line {
width:100%;
height:1px;
background:#323232;
}

#page #page_life .schedule_titles .schedule_title {
position:absolute;
background:#323232;
width:200px;
color:#fff;
text-align:center;
left:0;
right:0;
margin:auto;
font-size:100%;
font-weight:bold;
padding:7px 10px;
border-radius:10vw;
}

#page #page_life .schedules {
}

#page #page_life .schedules .schedule {
border:#f0a046 1px solid;
background:#fff;
border-radius:15px;
display:flex;
flex-direction:column;
line-height:100%;
position:relative;
margin-bottom:15px;
}

#page #page_life .schedules .schedule:after {
content:"";
width:20px;
height:15px;
background:#f7cfa2;
position:absolute;
z-index:0;
left:0;
right:0;
bottom:-16px;
margin:auto;
}

#page #page_life .schedules .schedule:last-child {
margin-bottom:0;
}

#page #page_life .schedules .schedule:last-child:after {
display:none;
}

#page #page_life .schedules .schedule .time {
background:#f0a046;
color:#fff;
border-radius:10px 10px 0 0;
padding:10px 15px;
font-weight:bold;
text-align:center;
}

#page #page_life .schedules .schedule .time span {
}

#page #page_life .schedules .schedule .detail {
border-radius:0 0 10px 10px;
padding:15px 10px;
text-align:center;
}

#page #page_life .schedules .schedule .detail .learning {
}

#page #page_life .schedules .schedule .detail .learning p {
font-size:80%;
}

#page #page_life section.result {
padding:30px 20px 20px;
position:relative;
}

#page #page_life section.result.end {
margin-bottom:20px;
}

#page #page_life section.result .number {
width:120px;
background:#f0a046;
}

#page #page_life section.result .titles {
padding-bottom:20px;
}

#page #page_life section.result .titles h3 {
padding-bottom:0;
}

#page #page_life .gallery {
}

#page #page_life .gallery .photo {
width:100%;
padding-bottom:8px;
}

#page #page_life .attention {
font-size:70%;
text-align:left;
}

#page #page_life .explain {
padding-top:20px;
}

#page #page_life .explain.noattention {
padding-top:10px;
}

#page #page_life .summary {
font-size:100%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

#page #page_life .mores {
display:flex;
justify-content:center;
flex-wrap:wrap;
}

#page #page_life .mores a {
width:90%;
margin:auto;
}

#page #page_life .mores a:first-child {
margin-bottom:15px;
}


/*PAGE VOICE*/
#page #page_voice {
}

#page #page_voice section {
margin-bottom:20px;
}

#page #page_voice h3 .line {
border-bottom:#e6321e 1px solid;
padding-bottom:5px;
}

#page #page_voice .anchors {
width:100%;
margin:auto;
display:flex;
justify-content:space-between;
padding-bottom:45px;
}

#page #page_voice .anchors .anchor {
width:22%;
}

#page #page_voice .voices {
}

#page #page_voice .voices .voice {
background:#faf5e6;
padding:30px 20px; 20px;
position:relative;
border-radius:20px;
margin-bottom:35px;
}

#page #page_voice .voices .voice:last-child {
margin-bottom:0;
}

#page #page_voice .voices .voice .number {
width:130px;
background:#fff;
border:#ffb41e 1px solid;
color:#ffb41e;
}

#page #page_voice .voices .voice h4 {
font-size:110%;
padding-bottom:10px;
text-align:center;
line-height:180%;
}

#page #page_voice .voices .voice h4 .line {
border-bottom:#323232 1px solid;
padding-bottom:5px;
}

#page #page_voice .voices .voice .intros {
padding-bottom:15px;
}

#page #page_voice .voices .voice .intros.reverse {
flex-direction:row-reverse;
}

#page #page_voice .voices .voice .intros .illust {
width:50%;
margin:0 auto 15px;
}

#page #page_voice .voices .voice .intros .intro {
width:100%;
}

#page #page_voice .voices .voice .btn_more {
width:140px;
margin:auto;
}

#page #page_voice .voices .voice .btn_more:hover {
opacity:0.7;
cursor:pointer;
}

#page #page_voice .voices .voice .next {
}

.hide_view {
display:none;;
}

#page #page_voice .voices .voice .next .all {
padding-bottom:15px;
}

#page #page_voice .voices .voice .next .all p {
padding-bottom:30px;
}

#page #page_voice .voices .voice .next .all p:last-child {
padding-bottom:0;
}

#page #page_voice .voices .voice .btn_back {
width:140px;
margin:auto;
display:none;
}

#page #page_voice .voices .voice .btn_back:hover {
opacity:0.7;
cursor:pointer;
}

#page #page_voice .st {
color:#06903a;
}

#page #page_voice .mores {
display:flex;
justify-content:center;
flex-wrap:wrap;
}

#page #page_voice .mores a {
width:90%;
margin:auto;
}

#page #page_voice .mores a:first-child {
margin-bottom:15px;
}


/*PAGE MEDIA*/
#page #page_media {
}

#page #page_media section {
padding-top:0;
}

#page #page_media section.message {
margin-bottom:20px;
}

#page #page_media section.media h3 {
padding-bottom:40px;
}

#page #page_media .category {
background:#b49632;
}

#page #page_media .category:after {
border-top:#b49632 20px solid;
}

#page #page_media h3 .line {
border-bottom:#e6321e 1px solid;
padding-bottom:5px;
}

#page #page_media .details {
}

#page #page_media .details .detail {
background:#f5f0eb;
border-radius:10px;
position:relative;
padding:30px 20px 20px;
margin-bottom:35px;
}

#page #page_media .details .detail:last-child {
margin-bottom:0;
}

#page #page_media .details .detail .number {
width:100px;
background:#fff;
border:#b49632 1px solid;
color:#b49632;
}

#page #page_media .details .detail .explain {
padding-bottom:15px;
}

#page #page_media .details .detail .books {
display:flex;
justify-content:space-between;
}

#page #page_media .details .detail .books .book {
width:18%;
}

#page #page_media .details .detail .tvs {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

#page #page_media .details .detail .tvs .tv {
width:48%;
padding-bottom:20px;
}

#page #page_media .details .detail .tvs .tv:nth-child(n+4) {
padding-bottom:0;
}

#page #page_media .details .detail .tvs .tv .photo {
padding-bottom:7px;
}

#page #page_media .details .detail .tvs .tv .program {
font-size:70%;
}

#page #page_media .youtube {
}

#page #page_media .youtube iframe {
}

#page #page_media .details .detail .youtube {
position:relative;
width:100%;
padding-top:56.25%;
margin-bottom:12px;
}

#page #page_media .details .detail .youtube iframe {
position:absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

#page #page_media .attentions {
width:100%;
margin:auto;
}

#page #page_media .attentions .attention {
font-size:70%;
line-height:160%;
display:flex;
}

#page #page_media .ex {
padding-bottom:15px;
}

#page #page_media .seminar_photo {
width:100%;
margin:0 auto 45px;
}

#page #page_media section.seminar h3 {
padding-bottom:15px;
}

#page #page_media section.seminar .details {
padding-bottom:20px;
}

#page #page_media .past_seminars {
}

#page #page_media .past_seminars .past_seminar {
margin-bottom:12px;
}

#page #page_media .past_seminars .past_seminar:last-child {
margin-bottom:0
}

#page #page_media .past_seminars .past_seminar .date {
width:100%;
font-size:90%;
background:#b49632;
color:#fff;
border-radius:10px 10px 0 0;
padding:10px 15px;
text-align:center;
}

#page #page_media .past_seminars .past_seminar .theme {
width:100%;
font-size:90%;
font-weight:bold;
background:#fff;
border-radius:0 0 10px 10px;
padding:12px 15px;
}

#page #page_media .past_seminars .past_seminar .theme .m {
font-weight:normal;
}

#page #page_media section.seminar .youtube {
position:relative;
width:100%;
padding-top:56.25%;
margin-bottom:12px;
}

#page #page_media section.seminar .youtube.end {
margin-bottom:0;
}

#page #page_media section.seminar .youtube iframe {
position:absolute;
top:0;
right:0;
width:100% !important;
height:100% !important;
}

#page #page_media section.message h3 {
padding-bottom:40px;
}

#page #page_media section.message .details .detail {
padding-top:30px;
}

#page #page_media section.message .details .detail .number {
width:120px;
}

#page #page_media .job {
text-align:center;
padding-bottom:5px;
}

#page #page_media .teacher {
font-size:135%;
font-weight:bold;
text-align:center;
padding-bottom:15px;
line-height:100%;
}

#page #page_media .teacher span {
font-size:90%;
padding-left:10px;
}

#page #page_media .profile_item {
font-size:90%;
font-weight:bold;
margin:30px 0 7px;
color:#b49632;
border-left:#b49632 4px solid;
padding-left:10px;
}

#page #page_media .profile {
background:#fff;
padding:15px 20px;
border-radius:10px;
font-size:90%;
}

#page #page_media .mores {
display:flex;
justify-content:center;
flex-wrap:wrap;
}

#page #page_media .mores a {
width:90%;
margin:auto;
}


/*CONTACT*/
#page #page_contact {
}

#page #page_contact section {
padding-top:0;
}

#page #page_contact .category {
background:#64b446;
}

#page #page_contact .category:after {
border-top:#64b446 20px solid;
}

#page #page_contact section#step h3 {
padding-bottom:35px;
}

#page #page_contact section#contact h3 {
padding-bottom:20px;
}

#page #page_contact h3 .line {
border-bottom:#e6321e 1px solid;
padding-bottom:5px;
}

#page #page_contact .flows {
padding-bottom:20px;
}

#page #page_contact .flows .flow {
background:#eff7ec;
position:relative;
border-radius:12px;
margin-bottom:60px;
}

#page #page_contact .flows .flow:after {
content:"";
width:0;
height:0;
border-top:#d2dcd2 30px solid;
border-right:transparent 70px solid;
border-bottom:transparent 30px solid;
border-left:transparent 70px solid;
position:absolute;
bottom:-60px;
left:0;
right:0;
margin:auto;
}

#page #page_contact .flows .flow:last-child {
margin-bottom:0;
}

#page #page_contact .flows .flow:last-child:after {
display:none;
}

#page #page_contact .flows .flow .number {
background:#64b446;
}

#page #page_contact .flows .flow .details {
padding:30px 20px 20px;
}

#page #page_contact .flows .flow .details .photo {
width:100%;
padding-bottom:15px;
}

#page #page_contact .flows .flow .details .photo img {
border-radius:15px;
}

#page #page_contact .flows .flow .details .detail {
width:100%;
}

#page #page_contact .flows .flow .details .detail .item {
font-size:120%;
font-weight:bold;
color:#64b446;
border-bottom:#e1e1e1 1px solid;
padding-bottom:5px;
margin-bottom:10px;
text-align:center;
}

#page #page_contact .flows .flow .details .detail .explain {
}

#page #page_contact .flows .flow .details .detail .attention {
font-size:80%;
}

#page #page_contact .flows .flow .details .detail .column {
background:#fff;
padding:12px 20px;
border-radius:15px;
margin-top:15px;
}

#page #page_contact .flows .flow .details .detail .column a {
font-weight:bold;
color:#327800;
}

#page #page_contact .flows .flow .details .detail .column a:hover {
opacity:0.7;
}

#page #page_contact .summary {
font-size:100%;
font-weight:bold;
text-align:left;
padding-bottom:20px;
}

#page #page_contact .contact {
width:90%;
margin:0 auto 10px;
}

#page #page_contact .data {
font-size:80%;
text-align:center;
}

#page #page_contact .data .gr {
color:#787878;
}

#page #page_contact .form_cts {
background:#eff7ec;
padding:20px 20px 20px;
border-radius:12px;
margin-bottom:15px;
}

#page #page_contact .form_cts .fields {
align-items:center;
border-bottom:#d2dcd2 1px dashed;
padding-bottom:12px;
margin-bottom:12px;
}

#page #page_contact .form_cts .fields:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#page #page_contact .form_cts .fields .item {
width:100%;
font-size:100%;
font-weight:bold;
padding-bottom:7px;
}

#page #page_contact .form_cts .fields .item .required {
background:#e6321e;
font-size:70%;
font-weight:normal;
color:#fff;
padding:3px 5px;
border-radius:3px;
margin-left:10px;
}

#page #page_contact .form_cts .fields .field {
width:100%;
font-size:90%;
}

#page #page_contact .form_cts .fields .field span {
}

#page #page_contact .form_cts .fields .field .style_name {
width:100%;
}

#page #page_contact .form_cts .fields .field .style_tel {
width:100%;
}

#page #page_contact .form_cts .fields .field .style_mail {
width:100%;
}

#page #page_contact .form_cts .fields .field .style_area {
width:50%;
background:#fff;
}

#page #page_contact .form_cts .fields .field .style_age {
width:30%;
margin-right:10px;
}

#page #page_contact .form_cts .fields .field .style_detail {
width:100%;
height:300px;
margin-bottom:7px;
}

#page #page_contact .form_cts .fields .field .attention {
font-size:80%;
}

#page #page_contact .btns {
display:flex;
justify-content:center;
align-items:center;
}

#page #page_contact .btns .style_submit {
font-size:90%;
background:#64b446;
color:#fff;
padding:12px 30px;
border-radius:20vw;
border:none;
cursor:pointer;
}

#page #page_contact .btns .style_confirmation {
font-size:90%;
background:#ccc;
color:#fff;
padding:12px 30px;
border-radius:20vw;
border:none;
cursor:pointer;
margin-right:12px;
}

#page #page_contact .btns .style_submit:hover , #page #page_contact .btns .style_confirmation:hover {
opacity:0.7;
}

input , select {
padding:12px 15px;
border:#d2dcd2 1px solid;
border-radius:6px;
}

textarea {
padding:12px 15px;
border:#d2dcd2 1px solid;
font-family:-apple-system,BlinkMacSystemFont,'Noto Sans','Noto Sans CJK JP', 'Noto Sans CJK JP Subset',"Noto Sans JP",'Roboto',Meiryo,sans-serif;
}

#page #page_contact .caution {
width:100%;
margin:auto;
border:#e6321e 2px solid;
padding:15px 15px 15px;
}

#page #page_contact .caution .caution_icon {
width:40px;
margin:0 auto 10px;
}

#page #page_contact .caution .detail {
font-size:90%;
color:#e6321e;
text-align:center;
}

#page #page_contact .confi {
padding-bottom:15px;
}

#page #page_contact .thanks {
padding-bottom:15px;
}

#page #page_contact .thanks_attention {
font-size:80%;
padding-bottom:50px;
color:#e6321e;
}

#page #page_contact .btn_home {
}

#page #page_contact .btn_home a {
font-size:80%;
color:#323232;
border:#323232 1px solid;
padding:10px 20px;
border-radius:10vw;
display:block;
width:36%;
margin:auto;
text-align:center;
}

#page #page_contact .btn_home a:hover {
opacity:0.7;
}

#page .warning {
font-size:90%;
font-weight:bold;
color:#e6321e;
padding-top:7px;
}



/*PRIVACY*/
#page #page_privacy {
padding:0;
margin:0;
}

#page #page_privacy section {
padding:25px 30px;
margin-bottom:0;
}

#page #page_privacy .privacy {
border-bottom:#d2dcd2 1px dotted;
padding-bottom:15px;
margin-bottom:15px;
}

#page #page_privacy .privacy:last-child {
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}

#page #page_privacy .item {
color:#06903a;
font-weight:bold;
}

#page #page_privacy p {
display:flex;
}


/*FOOTER*/
footer {
width:90%;
margin:auto;
padding:30px 0 70px;
text-align:center;
}

footer .link {
font-size:90%;
padding-bottom:15px;
}

footer .link a {
font-weight:bold;
color:#323232;
}

footer .link a:hover {
opacity:0.7;
}

footer .copyright {
font-size:80%;
color:#646464;
}





}