@charset "UTF-8";
/* CSS Document */
.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}
.mt--30{margin-top: -30px;}
.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}
a {
	color: #685F7C;}

p {
    font-size: 16px;
    line-height: 1.7;
    letter-spacing: 0.04em;
}
.sp-only{
    display: none;
}

@media screen and (max-width: 768px) {
	p {
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0.05em;

}
	.sp-only{
    display:block;
}
}
.pc-only {display:none;}
@media screen and (min-width: 767px){
.pc-only {display:block;}
}

figure, h1, h2, h3, h4, h5, h6 {
    color: #2E2D2D;
    font-family: P22UndergroundProBook,Montserrat,Lato,"Lucida Grande","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro";
    font-weight: 400;
    margin: 0 0 20px 0;
    line-height: 1.4em;
    letter-spacing: 0.1em;}
h2 {
    font-size: 25px;
}
hr.line-h1 {
    margin: 10px 0 0 0;
    border-top: 1px solid #999;
}
.mgn-top-0 {margin-top: 0;
}

/* breadcrumb */

.breadcrumb-list {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .breadcrumb-list {
    text-align: left;
		font-size: 0.8em;
}}

.breadcrumb-item a {
    color: #777;
}
.breadcrumb>.active {
    color: #1a1a1a;
}
.breadcrumb>li+li:after {
    content: "|";
    padding: 0 6px 0 9px;
    color: #e9e4cc;
}
li.breadcrumb-item.active::after {
    content: "";

}


.ml-2 {
  margin-left: 2px;
}


/* ボタン */
.btn {border-radius: 8px; font-size: inherit; padding: 10px 18px;}
.btn-default {background-color: #7fb40f; min-width: 300px;}
.cd-morph-dropdown .btn {font-size: 1.6rem;}
.btn-primary {border: 1px solid #db6356;background-color: #db6356;box-shadow: none;}


/* SPメニュー */
.dropdown-list li#menu-1 {margin: 40px 0;}
.dropdown-list ul.links-list {margin: 20px 0;}
.dropdown-list .dropdown .links-list li {margin: 10px 0;}
@media only screen and (max-width: 768px){
.cd-morph-dropdown .label {font-size: 1.9rem;}
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {background-color: #f6f9ee;}
@media only screen and (max-width: 768px){
.cd-morph-dropdown .dropdown-list>ul>li {
    margin-bottom: 0.2em;
}

}


/* ヘッダー */
.header-logo {background: #97c633;}
.header-logo img {width: 200px;}

@media screen and (max-width: 999px){
.c-logo img {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 150px;}
}
/* welcome_started */
#fh5co-started .fh5co-heading p {color: #e1e0e0;
    }

#fh5co-started .fh5co-heading h3 {color: #ffffff;text-align: left;}

.cd-morph-dropdown {    background-color: #80bd00;}
#fh5co-started a.btn.btn-primary.btn-lg {
    min-width: 300px;
}

#fh5co-started ul {
    color: #fff;
}

#fh5co-started p {
    color: #fff;
    margin-bottom: 10px;
}


div#fh5co-started {
    padding: 30px 0;
    background-image: url(/images/img_bg_3.jpg);
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #db6356d1!important;
    border-color: #db6356d1!important;
    top: 1px;
}
.cd-morph-dropdown a.btn:hover {
    background: #db6356d1;
}


a.btn.btn-primary.btn-lg.btn-gr {
    background: rgb(127 189 1 / 78%);
    border: 1px solid rgb(127 189 1 / 89%);
}

a.btn.btn-primary.btn-lg.btn-gr:hover {
    background: rgb(127 189 1 / 90%)!important;
    border: 1px solid rgb(127 189 1 / 90%)!important;
}
a.btn.btn-primary.btn-lg.btn-ppl {
    background: #b7b0c5c9;
    border: 1px solid rgb(183 176 197);
}

a.btn.btn-primary.btn-lg.btn-ppl:hover {
    background: rgb(183 176 197 / 90%)!important;
    border: 1px solid rgb(183 176 197 / 90%)!important;
}

#fh5co-started .overlay {
    background: rgb(0 0 0 / 73%);
}

#fh5co-started h2 {
    text-align: center;
    color: #fff;
}

a.btn.btn-primary.btn-lg.btn-pk {
    background: #db6356c4;
}
/* トップページ */

@media only screen and (max-width: 2000px) {
#fh5co-counter, #fh5co-header, .fh5co-bg {
    background-position: top -140px center;
    min-height: 85vh;
}
}

@media only screen and (max-width: 1400px) {
#fh5co-counter, #fh5co-header, .fh5co-bg {
    background-position: bottom -130px center;
    min-height: 90vh;
}
}
@media only screen and (max-width: 1200px) {
#fh5co-counter, #fh5co-header, .fh5co-bg {
    background-position: top center;
    min-height: 70vh;
}
}
#fh5co-header h1,h2{
font-weight: bold;
font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

#fh5co-header h1 {
    font-size: 2.3em;
    color: #333333;
    margin: 5px 0 50px;

}
#fh5co-header h2 {
    font-size: 1.4em;
    color: #333333;
    margin: 10px 0 10px;

}

#fh5co-header .hidden-s {
    padding: 0;
    position: relative;
    top: 200px;
    left: 60px;
    }

@media only screen and (max-width: 767px) {
#fh5co-counter, #fh5co-header, .fh5co-bg {
    background-size: 160%;
    background-position: bottom  right;
	background-color:#ffffee;
	}



#fh5co-header h1 {
    font-size: 1.6em;
    color: #333333;
    margin: 5px 0 10px;


}
#fh5co-header h2 {
    font-size: 1.2em;
    margin: 390px 0 0;
    color: #ffffff;

}
    }


#fh5co-header .hidden-l {
    max-width: 92%;
    padding: 40px 10px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;

    height: 130px;
}

#fh5co-header .hidden-l span,#fh5co-header .hidden-s span {
    letter-spacing: 0.2em;
}
/* お知らせ */

/*warning*/
.warning {
  box-sizing: border-box;
  margin: 0 auto 6px;
  padding: 20px 20px;
  max-width: 660px;
  clear: both;
  color: #46506F;
  border: 4px solid #46506F;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .warning {
    width: 100%;
    font-size: 1.2rem;
    margin: 10px auto 0;
    padding: 15px 20px;
}
}

/* /お知らせ */
/* メインエリア中のバナー */
  .internal-nav-box { position: absolute; bottom: 13px; left: 0; max-width: 650px; right: 0; margin: auto;}
  .internal-nav { display: flex; justify-content: space-around;}
  .internal-nav li a {opacity: 0.9;}
  .internal-nav li a:hover { opacity: 0.80;}
	.internal-nav li img {
    width: 400px;
    margin: 0 10px 0;}

  @media only screen and (max-width: 768px) {
    .internal-nav-box { bottom: 0; left: 0;}
    .internal-nav { flex-wrap: wrap;}
    .internal-nav li { width: 100%; margin-bottom: 5px;}
	.internal-nav li img {
    width: 100%;
    margin: 0;
}
              }
/* /メインエリア中のバナー */

/* メインエリア下のバナー */
  .internal-nav-box02 { position: relative; left: 0; max-width: 650px; right: 0; margin: auto;}
  .internal-nav02 {
    display: flex;
    justify-content: center;
  }
 .internal-nav02 li { margin:  0 10px;}
  .internal-nav02 li a:hover { opacity: 0.8; }
	.internal-nav02 li img {
    width: 350px;}

  @media only screen and (max-width: 768px) {
    .internal-nav-box02 {
    position: relative;
    left: 0;
    max-width: 770px;
    right: 0;
    margin: auto;
}
      .internal-nav02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
    .internal-nav02 li { width: 100%; margin: 10px 0;}
	.internal-nav02 li img {
    width: 100%;

}
              }
/* /メインエリア下のバナー */


#top_contents li {
  padding: 30px 40px;
}
#top_contents li h3 {
  text-align: center;
}
#top_contents li a{
  display: block;
  margin: 0 auto;
  max-width: 270px;
}
#top_contents .btn-default {
    border: 2px solid #847b98;
    background: none;
    color: #847b98;
    border-radius: 5px;
}

#top_contents .btn-default:active, .btn-default:focus, .btn-default:hover {
    background: #837b980f!important;
    border-color: #837b9899!important;
}
@media(max-width:767px){
  #top_contents li {
    padding: 30px 10px;
  }
}

#foreverybody {padding: 70px 0;}
#foreverybody .catch {color: #ffffff;text-align: center;font-family: "リュウミン B-KL",Ryumin Bold KL,serif;}

@media screen and (max-width: 768px) {
  #foreverybody .catch {font-size: 280%;}
  #foreverybody {background-color: #e5e5e5;position: relative;}
  #foreverybody {background-image: url(../images/top/bg_foreverybody_flower.png);background-repeat: no-repeat;}
}

@media screen and (min-width: 768px) {
  #foreverybody .catch {font-size: 400%;}
  #foreverybody {background-color: #e5e5e5;background-image: url(../images/top/bg_foreverybody.jpg);background-size:  cover;  }
}



#course p.c_ttl1,.c_ttl2,.c_ttl3,.c_ttl4 {
    line-height: 0.8em;
    padding-bottom: 10px;
}




#course p.c_ttl1,.c_ttl2,.c_ttl3,.c_ttl4 {
    line-height: 0.8em;
    padding-bottom: 10px;
}




.course_shingle ul li {
    position: relative;
    margin-left: 15px;
    padding-bottom: 10px;
}
.course_shingle ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .65em;
  left: -1em;
  width: 10px;
  height: 1px;
  background-color: #b7b1c4;
}

.tax {
    font-size: 0.3em;
}

a.btn.btn-default_course {
    min-width: 130px;
    color: #685f7c;
}

.btn-default_course {
    background-color: #fff;
    min-width: 300px;
    border: 2px solid #847b98;
    border-radius: 5px;
}
a.btn.btn-default_course:active, a.btn.btn-default_course:focus, a.btn.btn-default_course:hover {
    background: #837b980f;
    border-color: #837b9899;
}
.course_shingle img {
    max-width: 520px;
}
#course p.c_ttl3,.c_ttl4,.c_ttl1,.c_ttl2 {
max-width: 450px;
}

/*取得流れ*/
#fh5co-explore h3 {padding:20px 0; min-height: 90px; margin: 0;font-size: 23px;}
#fh5co-explore .instructor-steps::before { content: "▼"}
#fh5co-explore .instructor-steps li { margin-bottom: 10px;}
#fh5co-explore .instructor-steps li::after { content: "↓";}
#fh5co-explore .instructor-steps li span { display: block; border: 1px solid #333; padding: 20px; margin-bottom: 10px;}
#fh5co-explore .instructor-steps li a { background-image: none !important; color: #1a1a1a;}
#fh5co-explore .instructor-steps li a:hover { color: #65b9c6;}
.yoga1 h3, .yoga1 h4 { background: #bcd8f4; }
.yoga2 h3, .yoga2 h4 { background: #b7e4dd; }
.yoga3 h3, .yoga3 h4 { background: #ccc8b9; }
#fh5co-explore h4 { padding: 10px; font-weight:bold;}
@media screen and (max-width:768px) {
#fh5co-explore .col-xs-4 { width: 100%; padding-bottom: 40px;}
#fh5co-explore h3 { padding: 20px 0; min-height: 90px;}
}
@media screen and (max-width:375px) {
#fh5co-explore h3 { padding: 20px 0; min-height: 90px;}
}




/* 体験会/相談会 */

a.btn.btn-default {
    min-width: 130px;
}
.area_dl dd a {
    margin-left: 50px;
    margin-top: 10px;
    font-size: 16px;
}
.area_dl dd a::after {
    content: url(/images/icon_right.png);
    font-size: 0.9em;
    margin-left: 5px;
    position: absolute;
}
.area_dl dd a.btn {
    padding: 0 15px 0;
	text-align: left;
}

.cp-bnr img {
            text-align:
            center;
            width: 35%;
            }
p.cp-bnr {
    text-align: center;
    margin: 20px 10px;
}


.area_dl p {
    margin-bottom: 15px;
}

@media screen and (max-width:375px) {
dl.area_dl {
    margin: 0;
}
	}
@media screen and (max-width: 768px){
.area_dl dt {
    font-size: 16px;
    margin: 0 0 10px 0;
}
.area_dl dd a {
    font-size: 16px;
    margin: 0 10px 1px 0;
    min-width: 100px;
}
	.cp-bnr img {
            text-align:center;
            width: 100%;
            }
    p.cp-bnr {
    text-align: center;
    margin: 0 10px;
}
}




/* 404ページ */
#errors li {margin-bottom: 10px;}


/* 料金ページ */
li {list-style:none;}
#price .price_wrap {margin-bottom: 80px; }
#price .panel_wrap {margin-bottom: 50px;}
#price .panel_ttl {font-weight: bold;font-size: 110%;margin-bottom: 5px;}
#price .panel_all {margin: 15px auto; }
#price .panel_all span {font-size: 270%;}
#price .panel_comment {font-size: 12px;}
#price u {color: #65b9c6;}
#price tr.table_header {background-color: #daefbe;}
#price .panel_single {
  text-align: center;
  margin-bottom: 10px;
  padding: 20px 5px 20px;
  background: #fff;
}
#price .table_bridge th {background: #f5f5f5;}
#price .bank {border:1px solid #333;padding: 20px 10px;}

@media screen and (max-width: 768px) {
  #price .panel_single {border-bottom: 1px solid #ededed;padding-top: 5px;}
  #price .panel_single:last-child {border-bottom: none;}
  #price .panel_all {margin: 10px auto;}
  th,td {font-size: 12px;}
  #price .table_bridge th, .table_bridge td {width: 100%;display: block; font-size: 16px;}
}
 @media screen and (min-width: 768px) {
   .panel_single{border-left: 1px solid #ededed;}
   .panel_single:last-child {border-right: 1px solid #ededed;}
 }
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    /* max-width: 400px; */
}
/*ラベル*/
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding : 13px 12px;
    color: #333;
    font-weight: bold;
    background: #f5f5f5;
    /* background: #daefbe; */
    cursor :pointer;
    transition: all 0.5s;
}
/*アイコンを表示*/
.accbox label:before {
    content: '\f067';
    font-family: 'FontAwesome';
    padding-right: 8px;
}
/*ラベルホバー時*/
.accbox label:hover {
    background :#d4d4d4;
    /* background :#91bc56; */
    /* color: #fff; */
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    background: #fcfcfc;
    opacity: 1;
}
.accbox .accshow p {
    margin: 15px 10px}
/*アイコンを入れ替える*/
.cssacc:checked + label:before {
    content: '\f00d';
}
table {background-color: #fff;}

/* 料金ページcssここまで */

/* RYTとは */

#fh5co-conheader {
    background: #fff;
}
@media screen and (max-width: 768px){
#fh5co-conheader {
    padding: 0;
}
}


#fh5co-conheader h1 {font-family: P22UndergroundProBook,Montserrat,Lato,"Lucida Grande","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro";color: #222;font-size: 2.3em;letter-spacing: 0.07em;line-height: 1.2em;}


@media screen and (max-width: 768px){
	#fh5co-conheader h1 {
        font-size: 1.9em;
    line-height: 1.2em;}
	#fh5co-explore{
    padding: 0}
	.fh5co-explore h2 {

    letter-spacing: 1px;}
}

.ryt-logo
{
   padding: 20px 0;

}
.ryt-logo img {
    width: 20%;
    margin: 0 40px;
}

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

.ryt-logo img {
    width: 35%;
    margin: 0 10px;
}
}

#ryt .ryt_flow h3 {font-size: 23px; margin: 40px 0;}
#ryt .ryt_step_single {margin-bottom: 50px;}

.footer-menu li a.cv {
    background: #db6356e8;
    padding: 25px 0;
}
.footer-menu li a {
    min-height: 70px;
    padding: 25px 0;
    background: rgb(127 189 1 / 89%);
    color: #fff;
    text-align: center;
    font-size: 1.1em;
    line-height: 0.7em;
    letter-spacing: 0.05em;
    line-height: 1.2em;
	font-weight: 600;
}
.footer-menu li a img {
    height: 32px;
    margin-right: 10px;
}
.footer-menu li a.cv img {
    height: 32px;
    margin: 0;
}
@media screen and (max-width: 768px){
.footer-menu li a {
    font-size: 1.0em;
    letter-spacing: 0.05em;
    padding: 24px 0 0 0;
    line-height: 0.7em;
}
.footer-menu li a.cv {
    background: #db6356e8;
    padding: 9px;
    line-height: 0.00002em;
}
.footer-menu li a.cv img {
    height: 32px;
    margin: 7px 0 0 0;
}
}

#fh5co-footer {
    padding: 2em 0 7em;
    clear: both;
}

@media screen and (max-width: 768px){
#fh5co-footer {
    padding: 1em 1em 4em;
}
}
.copyright {
    margin: 10px 0 0;
}
#fh5co-footer .fh5co-footer-links li {
    margin: 0 5px;
}
.gototop a i {
    height: 45px;

}
.gototop a {
    width: 45px;
	height: 45px;
    border-radius: 33px;
	background: rgb(0 0 0 / 40%);
}
.gototop {
    bottom: 85px;
    right: 15px;
}

/* 500時間について */
#ryt500 .map {border: 2px solid #8ab23a; border-radius: 4px;}
　/*　#ryt500 .map img {width: 100%;} */
#ryt500 .blog-text {border-top: 5px solid #8ab23a;border-bottom: 5px solid #8ab23a;padding: 20px 10px;margin-bottom: 0;}
#ryt500 .blog-text h4 {text-align: center;color: #8ab23a;line-height: 1.3em; font-size: 1.6em;margin-bottom: -3px;}
#ryt500 .blog-text h4 span {font-size: 175%;}
#ryt500 .fh5co-blog .blog-text span {margin-bottom: 0;}

#ryt500 .blog-text p {font-size: 14px;}
@media screen and (max-width: 768px) {
  #ryt500 .map {padding:8%; margin-bottom: 30px;}
}
@media screen and (min-width: 768px) {
  #ryt500 .map {border: 2px solid #8ab23a;padding:2% 10%; margin-bottom: 30px;}
  #ryt500 .map .inner{max-width: 800px;margin: 0 auto;}
}
#ryt500 .fh5co-blog {margin-bottom: 0;}

/* 500時間の特徴 */
#ryt500tokucho .tokucho_midashi {
  border: 1px solid #87b32b;
  padding: 20px 5px;
  border-radius: 50px;
  font-size: 16px;
  background-color: #7fb50d3d;
}
#ryt500tokucho .tokucho_box{margin-bottom: 50px;}
#ryt500tokucho .tokucho_box h3{
padding: 0;min-height: 1.8em;font-weight: 500; margin-bottom: 30px;}
#ryt500tokucho .tokucho_box h4 {
    padding: 0;
    margin: 30px 0 6px;
    font-size: 17px;}


/* 500時間のカリキュラム */
#ryt500car .car_box {
  margin-bottom: 40px;
  border: 1px solid #cacaca;
  padding: 20px;
}
#ryt500car .car_box h3{
padding: 0;font-size: 1.6em;min-height: 1.8em;font-weight: bold;border-bottom: 1px solid #cacaca;margin-bottom: 16px;
}
#ryt500car .car_box h4{
  padding:0; margin-bottom:6px;font-size: 15px;
}
#ryt500car th {
  width: 21%;
}
#ryt500car td.name {
  width: 19%;
  font-size: 0.75em;
}
@media screen and (min-width: 768px) {
  #ryt500car td.name {
    width: 15%;
    font-size: 1em;
  }
}


/* 200時間 */
.mochimono img {width: 100%;}

/* 開催レポート一覧 */
#report_list a, #post a {color: #333;}
#report_list .report_single img {width: 100%;}
#report_list .eyecatch {
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}
#report_list .eyecatch img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

/* 卒業生の活躍 */
#career ul.career_mokuji {
  border: 1px solid #dcdcdc;
    padding-bottom: 20px;
    max-width: 300px;
    margin: 0 auto;
    border-radius: 2px;
}
#career ul.career_mokuji li a {
  font-size: 1.8rem;
    padding: 5px 5px 5px 30px;
    display: block;
    text-align: left;
}
#career .career_single {
    margin-bottom: 50px;
}
#career .career_single h3{
  padding: 0;
  min-height: 40px;
  font-weight: bold;
}


@media screen and (min-width: 768px) {
  #report_list .report_single .inner {border: 1px solid #cccccc;border-top: none;padding: 5px 10px;}
  #report_list .report_single {position: relative; margin-bottom: 20px;}
  #report_list .category {position: absolute; top:0;left: 16px;background-color: #3393a1;padding: 1px 3px;color: #ffffff;font-size: 12px;}
  #report_list .eyecatch img {border:1px solid #cccccc; border-bottom: none;}
  #report_list h3 {font-size: 18px;}
  #report_list .posted_on {font-size: 12px;color: #555;}
}
@media screen and (max-width: 768px) {
 #report_list .report_single {width: 100%; padding: 10px; border-bottom: 1px solid #cccccc;position: relative;}
 #report_list .report_single .eyecatch_wrap {display: inline-block;width: 20%;}
 #report_list .inner {display: inline-block;width: 78%;padding-left: 10px;padding-top: 10px;}
 #report_list .category {position: absolute; top:0;right: 0;background-color: #3393a1;padding: 1px 3px;color: #ffffff;font-size: 12px;}
 #report_list h3 {font-size: 16px;}
 #report_list .posted_on {font-size: 12px;color: #555;}
}


/* 開催レポート　個別記事 */
#post img {width: 100%;}
#post .eyecatch {margin-bottom: 30px;}
#post .main .posted_on {text-align: right;margin-bottom: 20px;}
#post .main .honbun {border-top: 1px solid #cccccc;padding-top: 30px;}
#post .main .honbun img {max-width: 600px;}
#post .images {margin-bottom: 20px;}

@media screen and (min-width: 768px) {
  #post .image_single {margin-bottom: 20px; }
}


/* LP部分追加CSS */
.imgfix img{width:100%;}
.float-right{float:right}
section.container{margin:40px auto;}
#lesson_btn{padding-top:20px;padding-bottom:20px;}
#reason .reason_single {padding-top: 20px;}
#reason .reason_single_2 {background-color: #f6f6f6;}
#reason p.reason_ttl span{display:inline-block; font-size:25px; vertical-align:middle; padding-top: 10px;padding-top: 30px;line-height: 1.5em; text-align: left;}
#reason p.reason_ttl span.maru {height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    background: #b7b1c5;
    margin-right: 20px;
    color: #fff;
    font-family: Times New Roman;
    font-style: italic;
    margin-top: 30px;}
#reason p.reason_ttl span.maru-num {margin-top: -70px;}
#reason p.reason_ttl span.sub_ttl2 {
    padding-top: 0;}
#reason p.reason_ttl img{max-width:100px;margin: 10px 10px 0 0;}
#fh5co-blog .container, .vidcont{margin-right: auto; margin-left: auto;padding-left: 5px; padding-right: 5px;}
a.wkclass{background-color:#000; color:#fff; border:1px solid #000; box-shadow:0 6px 0 #4c4c4c; padding: 15px 20px;}
a.wkclass:hover{background-color:#4c4c4c!important; border-color:#4c4c4c!important; color:#fff;}
a.freeless { background-color: #7fb50d; color: #fff; border: 1px solid #7fb50d; box-shadow: 0 2px 0 #8bc314; padding: 15px 20px;}
a.freeless:hover{background-color:#dacf50!important;border-color:#dacf50!important; color:#000;}

.fh5co-heading h2 .ttl_stg{font-weiht:bold; font-size:36px;}
.fh5co-heading h2 .ttl_min{font-size:24px;}
.course_shingle {padding-top: 10px; padding-bottom: 10px;}
#course .ttl{padding:10px 0;}
#reason p.reas_ttl1 {text-align:center;}
#reason p.reason_ttl span.sub_ttl3 {
    padding-top: 0;
}
#course .course_ttlimg {max-width:130px;}
#course p.course_ttl{font-size:30px;  padding-top: 10px;}
#course p.course_ttl span{font-size:20px;}
#course p.c_ttl1{border-bottom:1px solid #c6567f;}
#course p.c_ttl1 span{color:#c6567f;}
#course p.c_ttl2{border-bottom:3px solid #a7d7d1;}
#course p.c_ttl2 span{color:#a7d7d1;}
#course p.c_ttl3{border-bottom:1px solid #49346B;}
#course p.c_ttl3 span{color:#49346B;}
#course p.c_ttl4{border-bottom:1px solid #6B1F2A;}
#course p.c_ttl4 span{color:#6B1F2A;}
#course p.c_ttl5{border-bottom:1px solid #8b8e37;}
#course p.c_ttl5 span{color:#8b8e37;}
#course h2 {padding: 50px 0 40px;}
.fh5co-heading h2 {line-height: 1.5;font-family: P22UndergroundProBook,Montserrat,Lato,"Lucida Grande","游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro"; letter-spacing: 0.15em; }
@media screen and (max-width:767px) {
 #reason .reason_single_4 {background-color: #f6f6f6;}
 #reason p.reas_ttl1 span.sub_ttl1{font-size:20px;}
#reason p.reason_ttl span.sub_ttl3 {
    padding-top: 0;
    font-size: 21px;}
 #reason p.reason_ttl span{font-size:25px; }
#reason p.reas_ttl1 {text-align:left;}
 #reason p.reason_ttl img{max-width:70px;}
 #lesson_btn .btn{width:98%; margin-bottom:20px; margin-right:0;}
.fh5co-heading h2 .ttl_stg{font-size:26px;}
.fh5co-heading h2 .ttl_min{font-size:19px;}
 #course .course_ttlimg {max-width:100px;}
 #course p.course_ttl{font-size:24px;}
 #course p.course_ttl span{font-size:16px;}
#course h2 {padding: 30px 0 10px;}
}
@media screen and (max-width: 768px){
.fh5co-heading h2 {font-size: 27px;}
}
@media screen and (min-width:768px) {
  #reason .reason_single_3 {background-color: #f6f6f6;}
  #reason .col-md-6 {margin: 1%;width: 47%;}
  .pc_mt-20 {margin-top: -20px;}
}

@media only screen and (min-width: 1000px){
.cd-morph-dropdown .btn img {
    height: 14px;
}
.cd-morph-dropdown .main-nav>ul>li>a{font-size: 16px!important;}
li.pc_btn{padding:0 10px;}
.cd-morph-dropdown .main-nav ul li.pc_btn a.btn1 {
	width: 100%;
    max-width: 200px;
    line-height: 38px;
    height: 40px;
    margin: 10px 0;
    font-size: 14px!important;
    padding: 0 10px;
}

}

li.sp_btn { display:none;}

@media screen and (max-width: 1000px) {
li.sp_btn { display:block;}

li.sp_btn a.btn2{margin: 0 auto; padding:0;height: 45px; line-height: 45px;}
}



/*----host studios----*/

.hoststudios .card{
    border: 1px solid #e3e3e3;
    padding: 10px;
    border-radius: 6px;
    }

.hoststudios .card img{
    width:100%;
    display:block;
    margin:0 auto 10px auto;
}


 .hoststudios .btn-link{
   color: #fff;
    background-color: #ffffff;
    border-color: #3392a0;
    font-size: 12px;
}

.hoststudios .btn-default a{color:#3392a0;}

.hoststudios .host-intro{text-align:center; padding-bottom:20px;}

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

.hoststudios .card{
    border: 1px solid #e3e3e3;
    padding: 10px;
    border-radius: 6px;
    }
    .hoststudios .card img{
    width:100%;
    display:block;
    margin:0 auto 10px auto;
}
     .hoststudios .btn-link{
   color: #fff;
    background-color: #ffffff;
    border-color: #3392a0;
    font-size: 12px;
}
 .hoststudios .host-intro{text-align:left;}
    }


.fh5co-bg-section {

  margin: 0;
  padding: 50px 0;
}



/*---- こんな人におすすめ ----*/
.bl_recommendation_body {
    padding: 40px 152px;
    background-color: #F0F3F5;
}
.bl_recommendation_ttl {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    padding: 10px 0;
    min-height: auto;
}
.bl_recommendation_list {
    margin-top: 18px;
}
.bl_recommendation_item {
    position: relative;
    padding-left: 51px;
    font-size: 16px;
    line-height: 2.5;
}
.bl_recommendation_item::before {
    position: absolute;
    top: 6px;
    left: 8px;
    width: 11px;
    height: 16px;
    border-right: 2px solid #98A6B5;
    border-bottom: 2px solid #98A6B5;
    content: "";
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
.bl_recommendation_item::after {
    position: absolute;
    top: 4px;
    left: 0;
    width: 27px;
    height: 27px;
    border: 1px solid #707070;
    content: "";
}
@media only screen and (max-width: 767px)
{.bl_recommendation_body {
    padding: 34px 32px;
}
 .bl_recommendation_ttl {
    font-size: 20px;
}
 .bl_recommendation_list {
    margin-top: 10px;
}
 .bl_recommendation_item {
    font-size: 14px;
    line-height: 2.3;
    padding-left: 39px;
}
}

.col-photo {
    width: 60%;

}

@media screen and (max-width: 768px){.col-photo {
    width: 100%;

}}


/* オンラインコース受講生の声 */
ul.users_voice {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

ul.users_voice li:nth-of-type(2) {
    -webkit-flex-basis: 250px;
    flex-basis: 250px;
}
ul.users_voice li:nth-of-type(1) {
    -webkit-flex-grow: 1;
    flex-grow: 1;
}



#fh5co-explore ul.users_voice h3 {
    padding: 40px 0 0;
    font-family: auto;
    position: relative;
    padding: 0.6em;
    background: #ffcce647;
    margin: 10px;
}
#fh5co-explore ul.users_voice h3:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffcce647;
  width: 0;
  height: 0;
}


ul.users_voice span {
    font-size: 0.5em;
    line-height: 3px;
}

ul.users_voice p {}

div.users_voice {
    background: #fdfbed;
    padding-bottom: 1px;
}
@media screen and (max-width: 375px){

#fh5co-explore ul.users_voice h3 {padding: 10px 5px 10px 10px;line-height: 1.3em;font-size: 1.3em;margin: 10px 0 0;}

}

div.users_voice p {
    font-size: 0.9em;
}

div.users_voice p.udl {
    padding: 0.09em 0.5em;
    color: #666;
    background: transparent;
    border-left: solid 5px #a5dbe9;
    line-height: 1.3em;
    font-size: 0.8em;
}


/*-----------------------------------------
    選ばれる理由
------------------------------------------*/
/* ブロック */
.bl_reason {
  margin-top: 68px;
}

@media only screen and (max-width: 767px) {
  .bl_reason {
    margin-top: 40px;
  }
}

/* アイテム */
.bl_reason_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .bl_reason_item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.bl_reason_item + .bl_reason_item {
  margin-top: 90px;
}

@media only screen and (max-width: 767px) {
  .bl_reason_item + .bl_reason_item {
    margin-top: 40px;
  }
}

.bl_reason_item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

@media only screen and (max-width: 767px) {
  .bl_reason_item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/* テキストコンテンツ */
.bl_reason_body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  width: 49%;
}

@media only screen and (max-width: 767px) {
  .bl_reason_body {
    margin-top: 40px;
    padding: 0 30px;
    width: 100%;
  }
}

/* 画像 */
.bl_reason_image {
  max-width: 100%;
  width: 49%;
}
	.bl_reason_image img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
  .bl_reason_image {
    width: 100%;
  }
}

/* 見出し */
.bl_reason_heading {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
  font-size: 36px;
  line-height: 1.333;
}

@media only screen and (max-width: 767px) {
  .bl_reason_heading {
    font-size: 24px;
    line-height: 1.375;
  }
}

@media only screen and (max-width: 1199px) {
  .bl_reason_heading {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .bl_reason_heading {
    margin-top: 0;
    text-align: left;
  }
}

/* ラベル */
.bl_reason_label {
  display: inline-block;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  line-height: 2;
}

@media only screen and (max-width: 767px) {
  .bl_reason_label {
    text-align: left;
  }
}

/* 文章 */
.bl_reason_paragraph {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  margin: 64px auto 0;
  max-width: 420px;
  width: 100%;
  font-size: 16px;
  line-height: 1.875;
}

@media only screen and (max-width: 767px) {
  .bl_reason_paragraph {
    font-size: 12px;
    line-height: 2;
  }
}

@media only screen and (max-width: 1199px) {
  .bl_reason_paragraph {
    margin-top: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .bl_reason_paragraph {
    margin-top: 10px;
    max-width: 100%;
    color: #707F89;
  }
}



	/* ポップアップ */
	.popup-ad {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup-ad.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-ad-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 80%;
  max-width: 360px;
  padding: 0;
  /* background-color: #fff; */
  z-index: 2;
}
.popup-ad-inner img {
  width: 100%;
}
.close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 50px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
.close-btn i {
  font-size: 27px;
  color: #fff;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255 255 255 / 20%);
  z-index: 1;
  cursor: pointer;
}

	/* /ポップアップ */

/* キャンペーン情報 */
.cp500 {
    margin: 10px auto;
    text-align: center;
    font-size: 2.3rem;
    color: #ffffff;
    border-bottom: 1px solid;
    border-top: 1px solid;
    background: #97c633;
    padding: 20px 0;
    width: 50vmax;
}
.cp200 {
    margin: 10px auto;
    text-align: center;
    font-size: 2.2rem;
    color: #ffffff;
    border-bottom: 1px solid;
    border-top: 1px solid;
    background: #da6357;
    padding: 20px 0;
    width: 50vmax;
}

.cp200_txt {
    color: #d96457;
    font-size: 1.65rem;
}


@media screen and (max-width: 768px){
.cp200 {
    width: 100%;
    font-size: 1.8rem;

}
    .cp500 {
    width: 100%;
}

.cp_txt {
    color: #d96457;
    font-size: 1.5rem;
    margin:0 20px;
}

}
/* /キャンペーン情報 */

/* 卒業後のフォロー */
.img-follow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
ul.img-follow li {
  margin: 15px 0;
  width: 30%;
}
@media screen and (max-width: 768px){
  ul.img-follow li {
    width: 90%;
  }
}
/* ログインページ */
.alert-login {
  background-color: #db6357;
  border-color: #f5f5f5;
  color: #ffffff;
  padding: 1rem;
  margin: 2rem auto;
}
@media screen and (max-width: 768px){
  .alert-login {
    width: 100%;
  }
}
.alert-login a {
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}
.alert-loginnew {
  background-color: #f5f5f5;
  border: 0.2rem solid #db6356;
  color: #db6358;
  padding: 1rem;
  margin: 2rem auto;
}
@media screen and (max-width: 768px){
  .alert-loginnew {
    width: 100%;
  }
}
.alert-loginnew a {
  color: #db6358;
  font-weight: bold;
  font-size: 1rem;
}