@charset "utf-8";

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

::-webkit-input-placeholder {
    color:    #CCC;
}
:-moz-placeholder {
    color:    #CCC;
}

.page_top
{
	position		: fixed;
	right			: 20px;
	bottom			: 10px;
}
.ac_point
{
	padding-top 	: 149px;
	margin-top 		: -149px;
}





/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select{
    font-size:14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
    border: 1px solid #B9C9CE;
    border-radius:3px;
    padding: 7px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.form_name
{
	width			: 10em;
}
.form_tel
{
	width			: 15em;
}
.form_mail
{
	width			: 25em;
}
.form_add
{
	width			: 30em;
}
.form_team
{
	width			: 20em;
}
.form_other
{
	width			: 30em;
	height			: 10em;
}
.form_name_s
{
	width			: 10em;
}
.form_tel_s
{
	width			: 15em;
}
.form_mail_s
{
	width			: 16em;
}
.form_add_s
{
	width			: 16em;
}
.form_zip
{
	width			: 4em;
}


/*▼table--------------------------------------------------------------*/
.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
}
.layout_table td,
.layout_table th
{
		padding:0;
}

.data_box table
{

	text-align      : left;
	width           : 95%;
	margin-left     : auto;
	margin-right    : auto;
	margin-bottom   : 15px;
}
.data_box th
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #f0f0f0;
	font-weight     : normal;
}
.data_box td
{
	border-bottom	: 1px solid #ccc;
	border-right	: 1px solid #ccc;
	padding			: 10px 14px;
	background		: #fff;
}
.text_box
{
	width: fit-content;
	max-width: 100%;
	text-align: left;
	margin 			: 0 auto 4rem; 
}


/*▼見出しタイトル--------------------------------------------------------------*/

.section_title
{
	margin 			: 0px;
	padding 		: 0px; 
	font-size 		: clamp(2.8rem, 5vw, 5rem);
	padding-top 	: 1.8em;
	margin-bottom 	: 1.1em;
	line-height 	: 1.3;
	text-align 		: center;
}
.section_title .sub_title
{
	font-size 		: .8em;
	display 		: block;
	margin-bottom 	: 1em; 
 
}
.section_title .title
{
	display 		: block;
}
.section_sub_title
{
	margin 			: 0px;
	padding 		: 0px; 
	font-weight 	: bold;
	font-size 		: clamp(2rem, 3vw, 2.4rem);
	margin-bottom 	: 2em;
	line-height 	: 1.3;
	text-align 		: center;
}
.doc_catch
{
	font-size 			: clamp(2.8rem, 4vw, 3.8rem);
	text-align 			: center;
	font-weight 		: bold;
}
.doc_text_learge
{
	font-size 			: clamp(2rem, 3vw, 2.4rem);
	text-align 			: center;
	font-weight 		: bold;
}



/*------------------------------------------------
	#feedback_section:ユーザーの声
------------------------------------------------*/

#feedback_section
{
	margin-bottom 		: 9rem;
}

.feedback_item_l
{
	background 			: #00abab;
	padding 			: 4rem;
	color 				: #FFF;
	margin-bottom 		: 3rem;
	display 			: flex;
	gap 				: 4rem;
	text-align 			: left;
}
.feedback_item_l .pic
{
	flex 				: 0 0 303px;
}
.feedback_item_l .feedback_item_title
{
	border-bottom 		: 1px #CCC solid;
	padding-bottom 		: 2.5rem;
	margin-bottom 		: 2.5rem; 
}
.feedback_item_l .feedback_item_title .catch
{
	display 			: block;
	font-weight 		: bold;
	font-size 			: clamp(2.2rem, 3.6vw, 3.3rem);
	color 				: #ffff5a;
	line-height 		: 1.3;
	margin-bottom 		: 1.5rem; 
}
.feedback_item_s
{
	background 			: #eeeeee;
	padding 			: 3rem 4rem;
	margin-bottom 		: 2.5rem;
	text-align 			: left;
}
.feedback_item_s:last-child
{
	margin-bottom 		: 0px; 
}
.feedback_item_s .feedback_item_title .catch
{
	color 				: #00abab;
	font-weight 		: bold;
	font-size 			: clamp(2.3rem, 3vw, 2.6rem);
	margin-right 		: .5rem; 
}
.feedback_item_s .feedback_item_title .prf
{
	display 			: inline-block;
}
.feedback_item_s .feedback_item_title
{
	border-bottom 		: #CCC solid 1px;
	padding-bottom 		: 1.5rem;
	margin-bottom 		: 1.5rem; 
}

/*------------------------------------------------
	#movie_section:YouTube動画90秒
------------------------------------------------*/

.mov_box
{
	margin-bottom 			: 3rem; 
}
.mov_box_inner
{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.mov_box_inner iframe 
{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*------------------------------------------------
#achievements_section:91%データ+企業採用実績
------------------------------------------------*/

#achievements_section
{
	background 			: #eeeeee;
	padding-bottom 		: 8rem; 
}
.com_list,
.com_list li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.com_list
{
	display 			: flex;
	gap 				: 2rem;
	justify-content 	: space-between;
	margin-bottom 		: 6rem;
	flex-flow: row wrap;
}
.com_list li
{
	flex 				: 1 1 23%;
	min-width 			: 125px; 
}



.ach_data_box
{
	background 			: #FFF;
	padding 			: 4rem;
	border-top 			: 5px solid #00abab;
	position 			: relative;
	overflow 			: hidden;
	margin-bottom 		: 3rem; 
}
.ach_data_box.grf_set
{
	padding-right 		: 35%; 
}
.ach_data_box.grf_set .grf_icon
{
	position 			: absolute;
	right 				: 3rem;
	top 				: 0px;
	bottom 				: 0px;
	margin 				: auto 0;
	width 				: 33%;
	height 				: auto;
}
.ach_data_box .ach_data_title
{
	line-height 		: 1.3;
	font-weight 		: bold;
	font-size 			: clamp(3rem, 4vw, 4.5rem);
	padding-left 		: .3em;
	padding-right 		: .3em; 
	padding-bottom 		: .3em;
	margin-bottom 		: .4em;
	border-bottom 		: 1px #CCC solid; 
}
.ach_data_box .check_list,
.ach_data_box .check_list li
{
	margin 				: 0px;
	padding 			: 0px;
	list-style 			: none;
}
.ach_data_box .check_list li
{
	position 			: relative;
	padding-left 		: 1.6em; 
}
.ach_data_box .check_list li:before
{
	content 			: "";
	background 			: url("../images/check_icon.png") 0 0/cover no-repeat;
	width 				: 28px;
	height 				: 25px;
	display 			: block;
	position 			: absolute;
	left 				: 0px;
	top 				: .5em; 
}
.ach_data_box .check_list
{
	font-size 			: clamp(2rem, 3vw, 3rem);
	font-weight 		: bold;
}
.ach_data_box .ach_data_box_inner
{
		padding-left 		: .3em;
	padding-right 		: .3em; 
}
.result_arr
{
	text-align: center;
	margin-bottom 		: 3rem; 
}
.result_area
{
	text-align 			: center;
	font-size 			: clamp(2.6rem, 4vw, 4.5rem);
	border-top 			: 1px #CCC solid;
	border-bottom 		: 1px #CCC solid;
	padding 			: .8em 0;
	line-height 		: 1.5;
	font-weight 		: bold;
}

/*------------------------------------------------
#diff_section:一般教材との3つの違い
------------------------------------------------*/

.diff_item
{
	background 			: #00abab;
	border-radius 		: 4px;
	padding 			: 3rem;
	color 				: #FFF;
	margin-bottom 		: 2rem; 
}
.diff_item .diff_item_title
{
	display 			: flex;
	font-size 			: clamp(2.6rem, 4vw, 3.6rem);
	font-weight 		: bold;
	gap 				: .8em;
	line-height 		: 1.0;
	align-items 		: center;
	margin-bottom 		: 2.5rem; 
}
.diff_item .diff_item_title .tag
{
	background 			: #FFF;
	padding 			: .2em 1em;
	color 				: #222;
	font-size 			: 1.1em; 
}
.diff_item .diff_item_title .tag em
{
	color 				: #00abab;
	font-style 			: normal;
}
.diff_item .cps_set
{
	display 			: flex;
	gap 				: 2.5rem;
	margin-bottom 		: 2rem; 
}
.diff_item .cps_box
{
	background 			: #FFF;
	border-radius 		: 13px;
	padding 			: 3rem; 
	color 				: #222;
	flex 				: 1 1 44%; 
	font-size 			: clamp(2rem, 2.3vw, 2.4rem);
	font-weight 		: bold;
	line-height 		: 1.3;
}
.diff_item .cps_box .step
{
	display 			: flex;
	flex-flow 			: row wrap;
	gap 				: .5em;
}
.diff_item .cps_box .step .arr
{
	color 				: #8b8b8b;
}

.diff_item .cps_box .cps_title
{
	display 			: flex;
	font-weight 		: bold;
	gap 				: .3em;
	line-height 		: 1.0;
	align-items 		: center;
	font-size 			: 1.5em;
	margin-bottom 		: .5em; 
}
.diff_item .cps_box p
{
	margin 				: 0px; 
}
.diff_result
{
	font-size 			: clamp(2rem, 3.3vw, 3rem);
	font-weight 		: bold;
	display 			: flex;
	gap 				: .5em;
	font-weight 		: bold;
	align-items 		: center;
}

/*------------------------------------------------
#change_section:英語脳だと、こう変わる!
------------------------------------------------*/
#change_section
{
	padding-bottom 		: 8rem; 
}
.change_img
{
	margin-bottom 		: 5rem; 
}
.que_text
{
	text-align 			: center;
	font-size 			: clamp(2rem, 3.3vw, 3rem);
	text-decoration 	: underline;
}

/*------------------------------------------------
#methods_section:英語脳だと、こう変わる!
------------------------------------------------*/

#methods_section
{
	background 			: #eeeeee;
	padding-bottom 		: 8rem; 
}
.pg_box
{
	background 				: #FFF;
	padding 				: 6rem 3rem;
	text-align 				: center;
	margin-bottom 			: 3rem; 
}
.pg_box .pg_img
{
	margin-bottom 			: 5rem; 
}
.pg_box .pg_bad
{
	border-radius 			: 30px;
	color 					: #FFF;
	background 				: #005e99;
	font-size 				: clamp(2rem, 3vw, 2.4rem);
	text-align 				: center;
	max-width 				: 740px;
	margin 					: 0 auto; 
}
.pg_box .pg_good
{
	border-radius 			: 30px;
	color 					: #FFF;
	background 				: #ff5a5f;
	font-size 				: clamp(2rem, 3vw, 2.4rem);
	text-align 				: center;
	max-width 				: 740px;
	margin 					: 0 auto; 
}
ul.cp_img_list,
ul.cp_img_list li
{
	margin 				: 0px;
	padding 			: 0px; 
	list-style 			: none;
}
ul.cp_img_list
{
	display 			: flex;
	gap 				: 2rem;
	justify-content 	: space-between;
	margin-bottom 		: 5rem; 
}
ul.cp_img_list li
{
	flex 				: 1 1 33%; 
}

/*▼methods_section------------------------------------------------------------*/


.met_step_item
{
	box-shadow 		: 5px 1px 19px -8px rgba(0, 0, 0, 0.33);
	position 		: relative;
	padding 		: 6rem 6rem 6rem 35%;
	text-align 		: left;
	overflow 		: hidden;
	margin-bottom 	: 2rem; 
}
.met_step_item_inner
{
	position 		: relative;
	z-index  		: 3; 
}
.met_step_item:before
{
	content 		: "";
	display 		: block;
	width 			: 45%;
	height 			: 100%;
	background-size : auto 100%;
	background-position: 0 0 ;
	background-repeat: no-repeat;
	position: absolute;
	left  			: 0px;
	top 			: 0px; 
}
.met_step_item.right_img:before
{
	left 			: auto;
	right 			: 0px;
	top 			: 0px; 
}

.met_step_item.step01:before
{
	background-image: url("../images/yomeba01.png");
}

.met_step_item.step02:before
{
	background-image: url("../images/yomeba02.png");
}
.met_step_item.step03:before
{
	background-image: url("../images/yomeba03.png");
}
.met_step_item.step04:before
{
	background-image: url("../images/yomeba04.png");
}
.met_step_item.step05:before
{
	background-image: url("../images/yomeba05.png");
}
.met_step_item.right_img
{
	padding 		: 6rem 40% 6rem 6rem;
}
.met_step_item .met_list,
.met_step_item .met_list li
{
	margin 			: 0px;
	padding 		: 0px; 
	list-style 		: none;
}
.met_step_item .met_list
{
	display 		: flex;
	gap 			: 1.5rem;
	position 		: absolute;
	right 			: 0px;
	top 			: 0px; 
}
.met_step_item .met_list li
{
	opacity 		: .25; 
}
.met_step_item .met_list li.active
{
	opacity 		: 1.0; 
}
.met_step_item .met_step_title
{
	position 		: relative;
	padding-right 	: 180px;
	margin-bottom 	: 2.5rem;
	display 		: flex;
	gap 			: 3rem;
}
.met_step_item .met_step_title .met_step_num
{
	font-weight 	: bold;
	line-height 	: 1.0;
	text-align 		: center;
}

.met_step_item .met_step_title .met_step_num .sub
{
	display 			: block;
	font-size 			: clamp(1.4rem, 2vw, 1.6rem);
	letter-spacing 		: .6em;
}
.met_step_item .met_step_title .met_step_num .num
{
	font-size 			: clamp(6rem, 8vw, 7rem);
}
.met_step_item .met_step_title .tag
{
	background 			: #00ABAB;
	color 				: #FFF;
	padding 			: .5rem 1rem;
	font-size 			: .8em;
	line-height 		: 1.3;
	width 				: fit-content;
	display 			: block;
}
.met_step_item .met_step_title .met
{
	font-size 			: clamp(2.7rem, 5vw, 3.5rem);
	font-weight 		: bold;
}
.add_box
{
	padding 			: 3rem;
	border 				: 1px #EEE solid;
	margin-bottom 		: 2rem;
	background 			: #FFF; 
}
.met_step_item .add_box
{
	margin-left 		: -50%;
	text-align 			: center;
}

/*------------------------------------------------
#debeloper_section:開発陣
------------------------------------------------*/

#debeloper_section
{
	padding-bottom 		: 8rem; 
}
.dblp_box
{
	background 			: #eeeeee;
	padding 			: 5rem;
	margin-bottom 		: 5rem; 
}
.dblp_box .bdlp_box_header
{
	display 			: flex;
	gap 				: 3.5rem;
	align-items 		: center;
	margin-bottom 		: 3rem; 
}
.dblp_box .bdlp_box_header .pic
{
	background 			: #e0dcdc;
	flex 				: 0 0 30%; 
}
.dblp_box .bdlp_box_header .bdlp_name 
{
	display 			: flex;
	gap 				: 1.5rem;
	flex-flow 			: column wrap;
	line-height 		: 1.0; 
}
.dblp_box .bdlp_box_header .bdlp_name .sub
{
	font-size 			: clamp(1.8rem, 3vw, 2.4rem);
}
.dblp_box .bdlp_box_header .bdlp_name .name
{
	font-weight 		: bold;
	font-size 			: clamp(3rem, 4vw, 4.4rem) 
}
.dblp_box .bdlp_box_header .bdlp_name .en
{
	font-size 			: clamp(1.8rem, 3vw, 2.4rem) 
}
.dblp_box .dblp_summary
{
	padding-bottom 		: 2.5rem;
	margin-bottom 		: 2.5rem;
	border-bottom 		: 1px #CCC solid; 
}
.dblp_box .other .title
{
	font-size 			: clamp(1.8rem, 3vw, 2.4rem);
	font-weight 		: bold;
	margin-bottom 		: .5rem; 
}

/*------------------------------------------------
#example_section:大人のリアル英会話
------------------------------------------------*/

#example_section
{
	background: #eeeeee;
	padding-bottom 	: 8rem;
	margin-bottom 	: 8rem;
}

.exa_area
{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}
.exa_area.woman
{
	background-image: url("../images/b_back02.jpg");
}
.exa_area.man
{
	margin-bottom 	: 6rem; 
	background-image: url("../images/b_back01.jpg");
}
.exa_area .exa_area_inner
{
	max-width 			: 1000px;
	width 				: 80%;
	margin 				: 0 auto;
	padding 			: 5rem 0 5rem; 
}
.exa_area.woman .exa_area_inner
{
	padding-left 		: 19%; 
}
.exa_area.man .exa_area_inner
{
	padding-right 		: 19%; 
}

.exa_area .exa_area_inner img
{
	display 			: block;
}
.exa_area.woman .exa_area_inner img
{
	margin-left: auto;
}
.exa_area.man .exa_area_inner img
{
	margin-right: auto;
}

/*------------------------------------------------
#life_change_section:英語が話せるとあなたの人生はこう変わります
------------------------------------------------*/
.life_change_item
{
	background-color 	: #00abab;
	color 				: #FFF;
	margin-bottom 		: 2.5rem;
	position 			: relative;
}
.life_change_item:last-child
{
	margin-bottom:0px;
}
.life_change_item .cont
{
	font-size:1.1em;
	font-weight:bold;
}
.life_change_item:before
{
	content 			: "";
	height 				: 100%;
	width 				: 100%;
	position 			: absolute;
	display 			: block;
	left 				: 0px;
	top 				: 0px; 
}

.life_change_item.after01:before
{
	background-image: url("../images/change01.png");
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .8;
}
.life_change_item.after02:before
{
	background-image: url("../images/change02.png");
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .8;
}
.life_change_item.after03:before
{
	background-image: url("../images/change03.png");
	background-position: right top;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .8;
}
.life_change_item_inner
{
	padding 			: 4rem;
	position 			: relative;
	z-index 			: 5; 
}
.after01 .life_change_item_inner,
.after03 .life_change_item_inner
{
	padding-right 		: 35%; 
}
.after02 .life_change_item_inner
{
	padding-left 		: 35%; 
}
.life_change_item .life_change_item_title
{
	font-size 			: clamp(2.2rem, 3vw, 2.6rem);
	color 				: #ffff5a;
	border-bottom 		: 1px #FFF solid;
	padding-bottom 		: 2rem;
	margin-bottom 		: 2rem;
	display 			: flex;
	gap 				: .5em;
	font-weight 		: bold;
	align-items 		: center;
	line-height 		: 1.3;
}
.life_change_item .life_change_item_title .num
{
	font-size 			: 1.3em;
}
.check_list02,
.check_list02 li
{
	margin 				: 0px;
	padding 			: 0px; 
	list-style 			: none;
}
.life_change_item .check_list02
{
	color 				: #ffff5a;
	margin-bottom 		: 2rem; 
}
.life_change_item .arrow_text
{
	display 			: flex;
	gap 				: .3em;
	margin 				: 0px; 
}
.life_change_item .arrow_text:before
{
	content 			: "→"; 
}
.check_list02 li
{
	position 			: relative;
	padding-left 		: 1.8rem; 
}
.check_list02 li:before
{
	content 			: "";
	display 			: block;
	width 				: 13px;
	height 				: 13px;
	background 			: url("../images/check_icon02.png") center center/cover no-repeat;
	position 			: absolute;
	left 				: 0px;
	top 				: .5em;
}

/*------------------------------------------------
#gift_section:3大特典プレゼント
------------------------------------------------*/
#gift_section
{
	margin-bottom 		: 5rem; 
}

.gift_item
{
	background 			: #f1f1f1;
	margin-bottom 		: 1.5rem;
	position 			: relative;
}
.gift_item .gift_item_inner
{
	padding 			: 5rem 6rem;
	position 			: relative;
	z-index 			: 5; 
}
.gift_item:before
{
	content 			: "";
	width 				: 100%;
	height 				: 100%;
	position 			: absolute;
	left 				: 0px;
	top 				: 0px;
}
.gift_item.gift01,
.gift_item.gift03
{
	padding-right 		: 30%; 
}
.gift_item.gift02
{
	padding-left 		: 30%; 
}


.gift_item.gift01:before
{
	background: url("../images/otameshi01.jpg") right top /cover no-repeat;

}
.gift_item.gift02:before
{
	background: url("../images/otameshi02.jpg") left top /cover no-repeat;

}
.gift_item.gift03:before
{
	background: url("../images/otameshi03.jpg") right top /cover no-repeat;

}
.gift_item .gift_item_title
{
	display 		: flex;
	gap 			: 2rem;
	align-items 	: center;
}

.gift_item .gift_item_title .gift_num
{
	flex 			: 0 0 58px;
	text-align 		: center;
}

.gift_item .gift_item_title .gift_num .sub
{
	font-size 		: clamp(1.8rem, 2vw, 1.8rem);
	display: block;
	letter-spacing: .5em;
	line-height: 1.0;
}
.gift_item .gift_item_title .gift_num .num
{
	font-size 		: clamp(4rem, 4vw, 5rem);
	line-height: 1.0;
	font-weight: bold;
	display: block;
}
.gift_item .gift_item_title .gift_title .title
{
	font-size 		: clamp(2.5rem, 3.5vw, 3.4rem);
	line-height 	: 1.3;
	display 		: block;
	font-weight: bold;
}
.gift_item .gift_item_title .gift_title .tag
{
	background 			: #cb415e;
	color 				: #FFF;
	padding 			: 0em 1em;
	line-height 		: 1.0;
	font-size 			: 1.4rem; 
}

/*------------------------------------------------
#cta_section:CTA
------------------------------------------------*/

.startup
{
	border 			: 1px #EEE solid;
	padding 		: 4rem; 
}
.startup .title
{
	margin 			: 0px;
	margin-bottom 	: 2.5rem;
	padding-bottom 	: 2.5rem; 
	border-bottom 	: 1px #EEE solid;
	font-size 		: clamp(1.8rem, 3vw, 2.1rem);
	gap 			: 1em;
	display 		: flex;
	gap 			: .8em;
}
.product_img
{
	background 		: #01abab;
	text-align 		: center;
	margin-bottom 	: 5rem; 
	padding 		: 0px 5rem; 
}
.cta_arr
{
	text-align 		: center;
	margin 			: 7rem 0; 
}
.recommended_box
{
	border 			: 1px #EEE solid;
	padding 		: 4rem;
	max-width 		: 900px;
	width 			: 90%; 
	margin 			: 0 auto; 
}
.recommended_box .title
{
	display 		: flex;
	justify-content : center;
	font-size 		: clamp(1.8rem, 3vw, 2.4rem);
	line-height 	: 1.3; 
	font-weight 	: bold;
	gap 			: 1rem;
	align-items 	: center;
	border-bottom 	: 1px #CCC solid;
	padding-bottom 	: 3rem;
	margin-bottom 	: 3rem; 
}
.ps_exa_list,
.ps_exa_list li
{
	margin 			: 0px;
	padding 		: 0px;
	list-style  	: none;
}
.ps_exa_list
{
	width 			: fit-content;
	margin 			: 0 auto 3rem;
}
.ps_exa_list li
{
	position 		: relative;
	padding-left 	: 2.5rem;
	margin-bottom 	: 1.5rem;
	font-size 		: 1.1em;
	font-weight:bold;
}
.ps_exa_list li:before
{
	content 		: "";
	display 		: block;
	width 			: 17px;
	height 			: 17px;
	background 		: url("../images/check_icon04.png") 0 0 no-repeat;
	left 			: 0px;
	top 			: 5px;
	position 		: absolute;
}
.feature_icon_list,
.feature_icon_list li
{
	margin 			: 0px;
	padding 		: 0px;
	list-style 		: none;
}
.feature_icon_list
{
	display 		: flex;
	gap 			: 2rem;
	flex-flow 		: row nowrap;
	margin-bottom 	: 5rem; 
}
.feature_icon_list li
{
	flex 			: 0 0 23%; 
}
.cta_catch
{
	text-align 		: center;
	font-weight 	: bold;
	margin-bottom 	: 5rem; 
}

.cta_catch .sub_text
{
	font-size 		: clamp(2rem, 3vw, 3.1rem);
	line-height 	: 1.3;
}
.cta_catch .main_text
{
	font-size 		: clamp(2.8rem, 5vw, 5rem);
	line-height 	: 1.3;
}
a.cta_btn
{
	background 		: #cb415e;
	display 		: block;
	color 			: #FFF;
	line-height 	: 1.2;
	text-decoration : none;
	padding 		: .8em 3em .8em 2em;
	position 		: relative;
	text-align 		: center;
	font-weight 	: bold;
}
a.cta_btn i
{
	font-size 		: 1.3em;
	position 		: absolute;
	right 			: 1em;
	top 			: 0px;
	bottom 			: 0px;
	margin 			: auto 0;
	line-height 	: 1.0;
	height 			: 1em; 
}
a.cta_btn.learge_btn
{
	font-size 		: clamp(2.8rem, 5vw, 5rem);
}
.cta_btn_area
{
	margin-bottom 	: 4rem; 
}


/*1024以下の指定（タブレット）*/
@media screen and (max-width: 1024px) {

.ac_point
{
	padding-top 	: 70px;
	margin-top 		: -70px;
}

.page_top
{
	width 			: 40px;
	height 			: auto;
}
.page_top img
{
	width		: 100%;
	height  		: auto;
}
/*------------------------------------------------
	#feedback_section:ユーザーの声
------------------------------------------------*/

.feedback_item_l
{
	padding 		: 3.5rem; 
}
.feedback_item_l .pic
{
	flex 			: 0 0 35%; 
}
/*------------------------------------------------
#achievements_section:91%データ+企業採用実績
------------------------------------------------*/
.com_list
{
	margin-bottom: 4rem;
}
.ach_data_box .check_list li:before
{
 	width: 23px;
    height: 20px;
}
.ach_data_box
{
	padding 		: 3rem; 
}
/*------------------------------------------------
#methods_section:英語脳だと、こう変わる!
------------------------------------------------*/
.pg_box
{
	padding 			: 3rem; 
}

/*▼methods_section------------------------------------------------------------*/

.met_step_item,
.met_step_item.right_img
{
	padding 		: 0px; 
}
.met_step_item:before
{
	display 	: block;
	position 	: static;
	width 		: 100%;
	padding-top : 55%;
	background-size: cover;
	background-color: #EEE;
}
.met_step_item_inner
{
	padding 	: 5rem; 
}
.met_step_item .add_box
{
	margin-left: 0;
}

/*------------------------------------------------
#debeloper_section:開発陣
------------------------------------------------*/

.dblp_box
{
	padding 		: 3.5rem; 
}
.dblp_box .bdlp_box_header .pic
{
	flex 			: 0 0 40%; 
}

/*------------------------------------------------
#example_section:大人のリアル英会話
------------------------------------------------*/

.exa_area.man
{
    background-position: top 0 left 70%;
}




}

/*767以下の指定（スマホ横)*/
@media screen and (max-width: 767px) {



/*------------------------------------------------
	#feedback_section:ユーザーの声
------------------------------------------------*/
#feedback_section
{
	margin-bottom:3rem;
}
.feedback_item_l
{
	padding 		: 2rem;
	gap 			: 2rem;
	flex-flow 		: column wrap;
	margin-bottom 	: 2rem; 
}
.feedback_item_l .pic
{
	position 		: relative;
	width 			: 100%;
	height 			: 0px;
	padding-top 	: 70%; 
	overflow  		: hidden;
}
.feedback_item_l .pic img
{
	position 		: absolute;
	left 			: 0px;
	top 			: 0px;
	width 			: 100%;
	height 			: auto;
}
.feedback_item_l .feedback_item_title,
.feedback_item_s .feedback_item_title
{
	padding-bottom 	: 1.5rem;
	margin-bottom 	: 1.5rem; 
}
.feedback_item_l .feedback_item_title .catch
{
	margin-bottom 	: 1rem; 
}
.feedback_item_s
{
	padding 		: 2rem; 
}
/*------------------------------------------------
	#movie_section:YouTube動画90秒
------------------------------------------------*/

.ach_data_box,
.result_arr,
.com_list
{
	margin-bottom 		: 2rem; 
}

/*------------------------------------------------
#achievements_section:91%データ+企業採用実績
------------------------------------------------*/

.ach_data_box.grf_set,
.ach_data_box
{
	padding 				: 2rem; 
}
.ach_data_box.grf_set .grf_icon
{
	position 				: static;
	margin 					: 0 auto;
	display 				: block;
	max-width 				: 80%;
	width 					: 100%; 
}
#achievements_section
{
	padding-bottom 			: 5rem; 
}

/*------------------------------------------------
#diff_section:一般教材との3つの違い
------------------------------------------------*/

.diff_item
{
	padding 				: 2rem; 
}
.diff_item .diff_item_title
{
	gap 					: .3em;
	margin-bottom 			: 2rem;
}
.diff_item .diff_item_title .tag
{
	font-size 				: 1em;
    padding 				: .2em .3em;
}
.diff_item .cps_set
{
	flex-flow 				: column wrap;
	gap 					: 2rem;
}
.diff_item .cps_box
{
	flex 					: 1 1 100%;
	padding 				: 2rem; 
}
.diff_item .cps_box .cps_title
{
	font-size 				: 1.3em; 
}
.diff_item .cps_box .cps_title img
{
	width 					: 30px; 
}
.diff_result
{
	line-height 			: 1.3; 
}

/*------------------------------------------------
#change_section:英語脳だと、こう変わる!
------------------------------------------------*/

.change_img
{
	margin-bottom 			: 3rem; 
}

/*------------------------------------------------
#methods_section:英語脳だと、こう変わる!
------------------------------------------------*/
#methods_section
{
	padding-bottom 		: 3rem; 
}

.pg_box .pg_img
{
	margin-bottom 			: 3rem; 
}
ul.cp_img_list
{
	flex-flow 				: column;
	margin-bottom 			: 2rem; 
}

/*▼methods_section------------------------------------------------------------*/

.met_step_item_inner
{
	padding 		: 2.5rem; 
}
.met_step_item .met_step_title
{
	padding-right 	: 0px;
	flex-flow 		: row wrap;
	gap 			: 1rem;
}
.met_step_item .met_list
{
	position 		: static;
	flex 			: 1 1 100%; 
}
.met_step_item .met_step_title .tag
{
	font-size 		: 1.2rem; 
}
.add_box
{
	padding 		: 2rem; 
}

/*------------------------------------------------
#debeloper_section:開発陣
------------------------------------------------*/
#debeloper_section
{
	padding-bottom: 3rem;
}
.dblp_box
{
	padding 		: 2.5rem;
	margin-bottom 	: 3rem; 
}
.dblp_box .bdlp_box_header
{
	flex-flow: column wrap;
	align-items: flex-start;
	gap 			: 2rem;
	margin-bottom 	: 2rem; 
}
.dblp_box .dblp_summary
{
	margin-bottom 	: 1.5rem;
	padding-bottom 	: 1.5rem; 
}

/*------------------------------------------------
#example_section:大人のリアル英会話
------------------------------------------------*/
#example_section
{
	padding-bottom 	: 3rem;
	margin-bottom 	: 3rem;
}
.exa_area.man .exa_area_inner,
.exa_area.woman .exa_area_inner
{
	width 			: 85%;
    padding 		: 3rem 0 3rem;
}
.exa_area.man
{
	padding-right 	: 20%; 
}
.exa_area.woman
{
	padding-left 	: 20%; 
}
.exa_area.man
{
	margin-bottom 	: 3rem; 
}

/*------------------------------------------------
#life_change_section:英語が話せるとあなたの人生はこう変わります
------------------------------------------------*/
.life_change_item.after01:before,
.life_change_item.after02:before,
.life_change_item.after03:before
{
	display: none;
}
.after01 .life_change_item_inner,
.after02 .life_change_item_inner,
.after03 .life_change_item_inner
{
	padding 			: 2.5rem; 
}
.life_change_item .life_change_item_title .num
{
	white-space: nowrap;
}
.life_change_item .life_change_item_title
{
	border-bottom 			: 0px;
	padding 				: 0px;
}

.life_change_item .cont:before
{
	content 			: "";
	width 				: 100%;
	height 				: 130px;
	background 			: #FFF;
	display 			: block;
	margin-bottom 		: 2rem; 
}
.life_change_item.after01 .cont:before
{
	background: #FFF url("../images/change01_sp.png") right top /cover no-repeat;
}
.life_change_item.after02 .cont:before
{
	background: #FFF url("../images/change02_sp.png") left top /cover no-repeat;
}
.life_change_item.after03 .cont:before
{
	background: #FFF url("../images/change03_sp.png") right top /cover no-repeat;
}
/*------------------------------------------------
#gift_section:3大特典プレゼント
------------------------------------------------*/



.gift_item.gift01,
.gift_item.gift02,
.gift_item.gift03
{
	padding 			: 0rem; 
}
.gift_item .gift_item_inner
{
	padding: 2rem;
}
.gift_item.gift01:before,
.gift_item.gift02:before,
.gift_item.gift03:before
{
	display: none;
}

.gift_item .cont:before
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 152px;
	background 	 	: #FFF;
	margin-bottom 	: 2rem; 
}

.gift_item.gift01 .cont:before
{
	background: url("../images/otameshi01_sp.jpg") top left /cover no-repeat;
}
.gift_item.gift02 .cont:before
{
	background: url("../images/otameshi02_sp.jpg") top left /cover no-repeat;
}
.gift_item.gift03 .cont:before
{
	background: url("../images/otameshi03_sp.jpg") top left /cover no-repeat;
}
.gift_item .gift_item_title
{
	gap 			: 1.5rem;
}

/*------------------------------------------------
#cta_section:CTA
------------------------------------------------*/
.feature_icon_list
{
	flex-flow: row wrap;
}
.feature_icon_list li
{
	flex 		: 0 0 44%; 
}
.recommended_box
{
	width 				: 100%; 
}
.startup,
.recommended_box
{
	padding 			: 2.5rem; 
}
.product_img
{
	margin-bottom 		: 3rem; 
}
.cta_arr
{
	margin 				: 3rem 0; 
}

}
/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {
}










/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/