@charset "UTF-8";
/* CSS Document */
body{
	font-family: "メイリオ","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	overflow-x: hidden;
}
h1{
	padding: 0px;
	font-size:3.0vw;
	letter-spacing : 0.02em;
	line-height: 1.3;
	color: #333;
	margin: 40px 0;
}

h2{
	font-weight: nomal;
	margin: 40px 0;
	color: #333;
	font-size: 2.5vw;
    text-align: center;
	margin: 40px 0;
    line-height: 4.5vw;
}


h4{
	font-size: 2.0vw;
    text-align: center;
	margin: 20px 0;

}
img{
	vertical-align:top;
}

p{font-size: 20px; text-align: center;/*width: 70%;margin:auto;/*padding-top: 40px;*/}

.center {
    text-align: center;
    margin: 4rem;
}

.mtop_60{
	margin-top: 60px;
}

.bg_kon{
	background-color: #0B1F4C;
}

.bg_green{
	background-color: #1F677F;
}



.f_60{
	font-size: 60pt;
}

.txt_gold {
    color: #FFD111;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.m30{margin: 30px 0}

span{
	color: #000;
}

.ss_h2{
	font-size: 36px;
}




@media screen and (min-width: 767px){

	.sp{display: none!important;} /*PCの時は無効にする*/

	.sp_br{display: none!important;}
}
	
	
.headerimg{
	background-color: #0B1F4C;
	}
.header_bg{
	background-color: #0B1F4C;
	padding: 5px;
	background-image: url("../img/fv/header-bar-img.png");
	background-repeat:no-repeat;
	background-size:15%;
	background-position:right 10% bottom 50%;
}

.header-bar{
	width: 70%;
	margin:0 130px;
	}
	
.header_bar_line{
	border: 1px solid #D3BE67;
	padding: 3px;
	}
	
.mainimg{
	background-color: #1f677f;
	}
.fv_main{
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
}
.pc-none{
	 display: none;
	}

.title_h1{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top:40px; 
}

.left img{
	 width: 4vw;
}

.right img{
	 width: 4vw;
}   

.comment_img img{
	width: 60%;
	margin: 0 auto;
}


.b_red{
	color: #A31A18;
	font-weight: 600;
}

.f_large{
	font-size: 4.0vw;
}
.supp img{
	width: 50%;
	margin: 10px 0 30px;
	}
	
.supp{
	text-align: center
	}


.present1{
	background-image: url("../img/present/pre_bg_img_pc.jpg");
    background-size: cover;
    padding-bottom: 40px;
}

.present2{
	background-image: url("../img/present/sarani_pc.png");
    background-size: cover;
    padding-bottom: 20px;
}

.present1_wrap{
	width: 70%;
    margin: 0 auto;
	text-align: center;
}

.present_head{
	text-align: center;
	padding-top: 6rem;
}
.present_head_box{
	display: inline-block;
    border: solid 2px #000;
    border-radius: 13px;
    padding: 2px 30px;
    background-color: #fff;
    box-shadow: 0px 4px 0 #000;
    font-weight: bold;
}

.present_title{
	color: #FFD111;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 3.5vw;
	margin: 20px auto;
}

.present_lead_tx{
	margin-bottom: 20px;
	color: #fff;
}

.plus {
	width: 30px;
    margin: 30px auto ;
}

.present2{
	/*background-color: #2F5994;*/
}

.present2_wrap{
		width: 70%;
    margin: 0 auto;
	padding-top: 50px;
}

.yazirusi{
	margin: 30px auto 0px;
    width: 30px;
}
.triangle{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;
}

.mazuha{
	margin: auto;
    width: 70%;
}

.kouza_pre{
	text-align: center;
	margin: 0 auto;
}

.mazuha h2{
	margin-top: 0px;
}

.kouza_pre_bar{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	}
.kouza_pre_txt{
	font-size: 1.6em;
	color:#FFD111;
	font-family: "Hiragino Mincho ProN", "serif";
	font-weight: nomal;
	}
.kouza_pre_img img{
	width: 60%;
}
.kouza_pre_img{
	text-align: center;
}



.kouza{
	color: #fff;
	font-size: 2.5vw;
	text-align: center;
	margin: 0 auto;	
	padding: 20px 0;
	font-weight: 600;
}

.muryo{
    padding: 5px 10px;
    margin: 0 10px;
    color: #1F677F;
    background-color: #fff;
    font-weight: 600;

}

.kouza_icon{
	background-image: url("../img/kouza/kouza_icon_bg.jpg");
	background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
	text-align: center;
}
.kouza_icon img{
	padding: 100px;
}

.step{
	text-align: center;
	margin: 80px 0 120px;
}

.step img{
	width: 40vw;
}

.merit_lead_txt{
	margin: 30px 0 60px;
}

.konnakata_txt{
	width: 80%;
	margin: 0 auto;
}

.konnakata_txt span{
	color: #A31A18;
}
.konnakata p{
	margin: auto;
	padding: 10px;
    border-bottom: 2px dotted #ccc;
}

.jyugyo_img{
	width: 60%;
	margin: 30px;
}

.seminar{
	width: 60%;
    margin: 0 auto;
}

.kouza_img{
	margin-top: 40px;
}
.support p{
	font-size: 20px;
	font-weight: nomal;
}

.support{
	margin: 80px 0 120px;
}
.support img{
	width: 40vw;
}

.fa-solid {
    padding-right: 10px;
}

.l_text{
	text-align: left;
}
.l_text span{
	color: #A31A18;
}

.media_graph p{
	text-align: center;
}

.media_graph p span{
	color: #A31A18;
}

.media_graph img{
	width: 50%;
}

.txt_36{
		font-size: 36pt;
}

.instructor p{
	text-align: left;
	}
	
.medal{
	display: flex;
    justify-content: center;
}

.medal img{
	width: 40%;
	display: block;
    margin: 0 auto;
}

.medal1 .medal2
{
	margin: 0 40px;

}

#ww_seminar {
    margin: 0;
    padding: 0px;
}
.ww_top_txt{
	text-align: center;
}

.ww_top_txt img{
    width: 25%;
    margin: 0px 0px 20px;
	}

.ww_text_l{
	font-size: 2.0em;
	font-weight: 600;
}
.kome{
	font-size: 0.4em;
	vertical-align: top;
}

.kome_txt{
    font-size: 0.3em;
    font-weight: 100;
    letter-spacing: 0;
}

.syusai{
	display: inline-block;
    border-radius: 35px;
    padding: 8px 40px;
    background-color: #ACD1E1;
    color: #000;
    font-weight: bold;
    font-size: 1.4em;
}

.topick span{
	color: #A31A18;
}

.ww_voice span{
	color: #A31A18;
}
	
.b_red_l{
	font-size: 4.0vw;	
	color: #A31A18;

	}
	
.ippo_img{
	width: 60%;
}

.ww_benefit_pc {
    width: 80%;
    margin: auto;
}

.ww_benefit span{
    font-weight: 600;
	color: #A31A18;
}

.benefit_back {
    background-color: #efeae7;
    padding: 40px 0;
	margin-bottom:120px; 
}

.kanzen{
	display: inline-block;
	background-color: #A31A18;
	color: #fff;
	padding: 0px 20px;
	letter-spacing: 0.03em;
}

.icon_q {
    padding-right: 10px;
    width: 50px;
}
.icon_a {
    padding-right: 10px;
    width: 50px;
}

.ww_voice img {
margin-bottom: 15px;
}

/*フォーム微調整pc*/
#booking-package_inputFormPanel{
	background-color: #f2f2f2;
	padding: 30px 250px;
}
#booking-package .bookingButton {
    background-color: #FFD814;
    font-weight: bold;
}
/*-------------------------------------
wannabe academy　体験授業LP　sp　767px以下に対応
-------------------------------------*/
@media screen and (max-width: 766px){
	
.pc{display: none!important;} /*スマホの時は無効にする*/

	
h1{
	padding: 0px;
	font-size: 6.7vw;
	letter-spacing : 0.02em;
	line-height: 1.3;

}

h2{
	font-size: 6.0vw;
    line-height: 1.5em;
	}

p{
	font-size: 4vw;
    text-align: left;
	}
	
h4{
		font-size: 4vw;
	}
	
.center {
    text-align: center;
    margin: 0rem;
	}
	
	
.f_large{
	font-size:8.5vw;
}
	
.comment_img img {
    width: 100%;
	}

.header_bg{

	background-size:25%;
	background-position:right -5% bottom 40%;
}
	
.header_bar_line{
	border: 1px solid #FFD111;
	padding: 3px;
	}	
	
.header-bar{
	width: 93%;
	margin:0 auto;
}
	
.supp img{
	width: 90%;
	}
	
.mainimg{
	background-color: #1f677f;
	}
.fv_main{
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

.left img{
		width: 50%;
	}
	
.right img{
		width: 50%;
	}
	
	
.support{
	margin:40px 0 60px;
}
	
.support p{
			text-align: center;

	}	
.support img{
	width: 90vw;
}


.mtop_60{
	margin-top: 60px;
}
	
.b_red{
	color: #A31A18;
}
	

	.seminar{
	width: 100%;
}
	
.present_title {
	font-size: 7.0vw;
	}
	
.present1{
	background-image: url("../img/present/pre_bg_img_sp.png");
	background-size: cover;
    padding-bottom: 20px;

}
	
.present2{
	background-image: url("../img/present/sarani_sp.png");
    background-size: cover;
    padding-bottom: 20px;
}
.present1_wrap {
    width: 90%;
	}

.present2_wrap {
    width: 90%;
	}
	
.triangle {

    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid black;
}

.mazuha {
    width: 100%;
	}
	
.kouza_pre_txt{
	font-size: 4.0vw;
	}

.kouza {
    font-size: 6.0vw;
	font-weight: nomal;
	}
	
.kouza_pre_img {
    text-align: center;
    width: 25vw;
}	

.kouza_icon{
	background-image: url("../img/kouza/kouza_icon_bg_sp.jpg");
	text-align: center;
	background-size: cover;
}
.kouza_icon img{
	padding: 10px;
}


.step{
	margin:40px 0 60px;

	}

.step img{
	width: 90%;
}
	
.step p{
	text-align: center;
	}
	
.jyugyo_img{
	width: 80%;
}

.seminar {
    width: 95%;
}

.yasasiku{
		font-size: 4vw;
	}
	
.media_graph p{
	text-align: left;
	}
	
.media_graph img{
	width: 90%;
}
	
.instructor .kousi_name	{
	text-align: center;
    margin-top: 20px;	
	line-height: 1.7rem;
	}
	
.instructor .green{
	text-align: center
	}
	
.medal img{
	width: 100%;
}

.medal1,.medal2{
	margin: 0 20px;
    line-height: 1em;
	font-size:3vw;
	}
	
.kome_txt {
    font-size: 0.5em;
	}
.ww_top_txt img{
	width: 90%;

	}

.ww_top_txt p{
		text-align: center;
	}
.ww_text_l{
	font-size: 6.0vw;
	line-height: 1.5em;
	font-weight: 600;
	text-align: center;
}
.b_red_l{
	font-size: 8.0vw;	
	color: #A31A18;
	}
	
.ippo_img{
	width: 100%;
}

	.card_white{
	margin: 10px;
	}
	
.benefit_back {
    background-color: #efeae7;
    padding: 20px 0 10px;
	}
	
.ww_voice__more {
	display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    color: #333333;
    width: 100%;
    font-size: 4.53vw;
    font-weight: 700;
    text-align: right;
    border: none;
    padding: 1.25em 1.5em;
		
	}

.ww_voice__more::after {
    content: '';
    display: inline-block;
    background:#333;
    width: 1.4em;
    height: 1.4em;
    clip-path: polygon(45% 0%, 45% 45%, 0% 45%, 0% 55%, 45% 55%, 45% 100%, 55% 100%, 55% 55%, 100% 55%, 100% 45%, 55% 45%, 55% 0%);
}
	
.ww_voice{
		height: 1000px;
		overflow: hidden;
	}
.ww_voice_all.js-show {
    height: auto !important;
}

.review {
	text-align: left;

}
	
/*フォーム微調整sp*/
#booking-package_inputFormPanel{
	background-color: #f2f2f2;
	padding: 30px 5px;
}
	

}


/* アクセスセクション全体 */
.access-section {
    padding: 60px 0;
    background-color: #f7f7f7;
}

/* アクセスセクション内コンテナ */
.access-inner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}

/* アクセス2カラムレイアウト */
.access-flex {
    display: flex;
    gap: 30px;
    align-items: stretch;
}

/* 左カラム：Googleマップ */
.access-map {
    flex: 0 0 55%;
}

/* 4:3 比率でマップを表示 */
.access-map__ratio {
    position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden;
}

.access-map__ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* 右カラム：アクセス情報 */
.access-info {
    flex: 0 0 45%;
    font-size: 16px;
    line-height: 1.8;
}

/* アクセス情報の定義リスト */
.access-info__list {
    margin: 0;
    padding: 0;
}

/* アクセス情報の項目名（dt） */
.access-info__list dt {
    margin-top: 10px;
    font-weight: 700;
}

/* アクセス情報の内容（dd） */
.access-info__list dd {
    margin: 2px 0 0 0;
}

/* 会場名・所在地強調 */
.access-info__large {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.8;
}

/* スマホ表示時のレイアウト */
@media screen and (max-width: 767px) {

    /* アクセス2カラムを縦並びに変更 */
    .access-flex {
        flex-direction: column;
    }

    .access-section {
        padding: 40px 0;
    }

    .access-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
}