@charset "utf-8";

body{font-family: lineseed,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
header {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #002b69;
    overflow: hidden;
	position: fixed;
    z-index: 15;
    transition:0.2s;
}

#head_btnbox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #002b69;
    overflow: hidden;
    padding: 5px;
}

/*追従ヘッダー*/
header #head_btnbox{
	position: fixed;
	height: 65px;
    top: 0;
	width: 100%;
	z-index: 500;
}
@media screen and (max-width: 767px){
	header #head_btnbox{
		height: 43px;
	}
}

/* ---------------------------------------------------------
■ TOPボタン
--------------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
}
#page-top a {
	text-decoration: none;
	text-align: center;
	color: #444;
	font-size: 70%;
	font-weight: bold;
	background: rgba(237, 237, 237,.8);
	width: 60px;
	aspect-ratio:3/2;
	border-radius: 15px;
	display: flex;
	transition: .1s;
}
#page-top a span{
	display: block;
	margin: auto;
}
@media screen and (min-width: 767px) {
	#page-top a:hover{
		opacity: .7;
	}
}

/*-----------------------------------------
 TOP申し込みボタン
 -----------------------------------------*/

.head_apply_btn{padding-right:8px;}

.head_apply_btn a{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    background-color:#FFF000;
    border: 3px solid #FFF000;
	padding:6px 12px;
    border-radius: 3px;
    transition: .2s;
}
.head_apply_btn a span{margin:auto 0;display:block;}
.head_apply_btn a span:nth-child(1){width:30px;line-height:0;transition: .2s;}
.head_apply_btn a svg{transition: .2s;}
.head_apply_btn a svg path {fill:#222;stroke-width: 0px;}
.head_apply_btn a span:nth-child(2){width:calc(100% - 35px);color:#222;font-weight:700;}

@media screen and (min-width:768px) {
	.head_apply_btn a:hover{background-color:rgba(0,0,0,0);}
	.head_apply_btn a:hover span:nth-child(2){color:#FFF000;}
	.head_apply_btn a:hover svg path {fill:#FFF000;}
}

/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
footer {
	width: 100%;
	text-align: center;
  	background-color:#002B69;
	color:#fff;
	padding:60px 0;
}
footer a{
	color:#fff;
}
footer .logo{
	width:50%;
	max-width: 570px;
}

footer ul {
    margin: 40px auto 0;
    text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
footer ul div {
    display: inline-block;
}
footer ul li {
    display: inline-block;
    color: #fff;
    letter-spacing: -0.01em;
}
footer ul li::before {
	content: "｜";
    padding: 0 10px;
}
footer ul li:first-child:before {
    content: "";
    padding: 0;
}


/* ---------------------------------------------------------
■ ライトボックス
--------------------------------------------------------- */
.featherlight{ padding: 2%}

.lightbox{ 
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: left;
    padding: 20px;
	background-color:#fff;
}

@media screen and (max-width: 767px){
	.lightbox {
	    padding: 25px 20px;
	}
}


/* ---------------------------------------------------------
■ フェードイン
--------------------------------------------------------- */
.fadein {
  visibility: hidden; }

.fadein_delay {
	-webkit-animation-delay: 0.8s;
	-ms-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

.fadeInDown {
  visibility: visible !important;
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0); } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }


/* ---------------------------------------------------------
■ フェードインｊｓ
--------------------------------------------------------- */
.Fade_In{
	opacity: 0;
  	transition: all .5s ease;
	transform: translate(0, 100px);
}

.Fade_In.show{
  opacity: 1;
  transform: none;
}

/*----------------------------------------------------------
ハンバーガーメニュー
----------------------------------------------------------*/

.head-02.open {
  transform: translateX(10%);
  visibility: visible;
}
.lp-header__trigger.open span:nth-child(1) {
  transform: rotate(45deg);
}

.lp-header__trigger.open span:nth-child(2) {
  opacity: 0;
}

.lp-header__trigger.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.head-wrap {
  position: relative;
}
.head-nav {
  display: flex;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
	padding:8px 0;
}
.head-nav img {
  margin: 0 auto;
  display: block;
}
.head-items {
  display: flex;
  list-style: none;
  color: #ffffff;
  padding: 0;
  margin: 0 0 0 auto;
}
.head-items li {
  margin-right: 3em;
}
@media screen and (max-width: 1000px) {
  .head-items li {
    margin-right: 1.2em;
	  font-size:80%;
  }
}

.head-items a {
  text-decoration: none;
  color: #ffffff;
}
.head-items a:hover {
  color: #c6c6c6;
}
.lp-header__trigger {
  position: absolute;
  z-index: 5;
  top: 16px;
  right: 10px;
  background: none;
  border: none;
  padding: 0;
  height: 24px;
  cursor: pointer;
  margin: 0 0 0 auto;
  display: none;
}
.lp-header__trigger span {
  display: block;
  width: 22px;
  height: 2px;
  background: #e6e6e6;
  margin-bottom: 7px;
  transform-origin: center left;
  border-radius: 1px;
  transition: all 600ms ease;
}
.lp-header__trigger.open span{
  width: 25px;
}

.head-02 {
  width: 100%;
  transform: translateX(100%);
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  padding-top: 50px;
  padding-bottom: 21px;
  top: 0;
  right: 0;
  height: 100vh;
  z-index: 1;
  transition: all 600ms ease;
  visibility: hidden;
}
.head-02__wrap {
  padding: 0 10px;
}
.head-02 hr {
  margin: 0;
}
hr {
  border: none;
  border-top: 1px solid #888888;
  background: transparent;
}
.head-02__item {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 33%;
  color: #c6c6c6!important;
  padding: 17px;
}

.head-nav .head-logo{
	margin-left: 10px;
	height:40px;
	width:auto;
}

@media screen and (max-width: 767px) {
  .head-items {
    display: none;
    color: #dadada;
  }
  .lp-header__trigger{
    top: 20px;
    right: 20px;
    display: block;
  }
}

.header_after{
	height:56px;
}


/*----------youtube動画---------*/
.youtube{
	
}
.youtube iframe{
	aspect-ratio: 16 / 9;
	width:100%;
	height:auto;
}



/*=======================================
 ■ 追加分
=========================================*/

/*----------準備中---------*/
.preparation_box{
	padding:50px 30px;
	font-size:30px;
	line-height:1.4em;
	font-weight:900;
}


/*----------メインビジュアル---------*/

.mv_box{
	width:100%;
	background: linear-gradient(to right,#5DAADD,#fff 10%,#fff 90%,#5DAADD);
}

.mv_box h1{line-height:0;}
.mv_img{max-width:1100px;margin:auto;background-color:#fff;}

.mv_period{
	margin:auto;
	width:90%;
	max-width:1100px;
	display:flex;flex-wrap:wrap;
	gap:0 10px;
	padding:0 0 20px;
}
.mv_period img{margin:auto;}
.mv_period img[src*="title"]{width:calc(70% - 10px);}
.mv_period img[src*="period"]{width:30%;}


/*----------導入---------*/

.intro_box{background: linear-gradient(to right,#D2E4E9,#fff 10%,#fff 90%,#D2E4E9);}

.intro_problem{
	background-color:#D2E4E9;
	padding:60px 20px 30px;
}


.intro_problem_main{
	display:flex;flex-wrap:wrap;justify-content:center;
	margin:auto;
	gap:25px;
	max-width:760px;
}
.intro_problem_img{width:200px;margin:auto 0 0;}

.intro_problem_text{
	margin:auto 0;
	width:calc(100% - 225px);
}

/*あるある　こんなお悩み*/
.intro_problem_text h2{
	position:relative;
	font-size:44px;
	margin: auto;
	width:fit-content;
	padding:20px 0 0;
	color:#003685;
	font-weight:700;
}
.intro_problem_text h2 span:nth-child(1){
	position: absolute;
	top:-6%;
	left:-3%;
	font-size:.5em;
	transform: rotate(-6deg);
}
.intro_problem_text h2 span:nth-child(2){
	font-weight:900;
	letter-spacing:0.05em;
}

.intro_problem_textcom{
	position:relative;
	background-color:#fff;
	padding:35px 50px;
	border-radius: 20px;
}

.intro_problem_textcom::after{
	content: "";
	position: absolute;
	top:25px;
	left:-20px;
	background-color:#fff;
	width:30px;
	height:40px;
	clip-path: polygon(100% 100%, 0 50%, 100% 0%);
}

.intro_problem_textcom p{
	font-size:24px;
	font-weight:700;
	padding:0 0 8px;
}

.intro_problem_arrow{
	display:flex;flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	background-color:#D2E4E9;
	width:100%;
	height:200px;
	clip-path: polygon(0 0, 50% 100%, 100% 0%);
}

.intro_problem_arrow > div{
	display:flex;flex-wrap:wrap;
	justify-content:center;
	padding-top:10px;
	font-size:60px;
	color:#2f2f2f;
	line-height:1.2em;
	font-weight: 700;
}
.intro_problem_arrow > div span{width:100%;}
.intro_problem_arrow > div span:nth-child(1){font-size:.6em;line-height:1.2em;}

.intro_problem_notice{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size:54px;
	font-weight: 900;
    line-height:1.4em;
    margin: auto;
    color: #ed2278;
	padding:20px 20px 0;
}
.intro_problem_notice span{display: block;width:100%;}
.intro_problem_notice span:nth-child(1){font-size:.7em;color:#231815;line-height:1.2em;}
.intro_problem_notice span:nth-child(3){font-size:1.4em;}


.intro_problem_comment{
	display:flex;flex-wrap:wrap;
	justify-content:center;
	margin:0 auto;
	max-width:860px;
	gap:40px;
}

.intro_problem_comtext{
	position:relative;
	margin:auto 0;
	width:calc(100% - 40px - 280px);
	padding:20px;
	font-size:24px;
	font-weight:700;
	background-color:#fff;
	border-radius:10px;
	filter: drop-shadow(0 0 4px rgba(0,0,0,.25));
}

.intro_problem_comtext::after {
    content: "";
    position: absolute;
    bottom: 13px;
    right: -20px;
    background-color: #fff;
    width: 30px;
    height: 40px;
    clip-path: polygon(0% 0%, 0 100%, 100% 50%);
}


.intro_problem_comimg{
	width:280px;
}



/*---------強くすべき理由----------*/

.point_box{background-color:#FFD100;}


.point_h2box{
	background-color:#FFD100;
	padding:100px 20px 0;
}

.point_h2box h2{
	display:flex;flex-wrap:wrap;justify-content:right;
	gap:10px;
	font-size:55px;
	text-align: right;
	line-height:1.2em;
	margin:auto;
	max-width:1000px;
}
.point_h2box h2 > span{font-weight:900;}
.point_h2box h2 > span:nth-child(1){
	margin: auto 0 0;
}
.point_h2box h2 > span:nth-child(2){
	display:flex;flex-wrap:wrap;
	font-size:2.3em;
	line-height: 1em;
	margin: auto 0 0;
	color:#ed2278;
}
.point_h2box h2 > span:nth-child(2) span:nth-child(1){
	font-size:1.6em;line-height: .48em;
}

/*理由comment*/

.point_top_commentbox{
	margin-top:-35px;
	margin-bottom:-50px;
}

.point_top_comment{
	display:flex;flex-wrap:wrap;justify-content:center;
	margin:auto;
	max-width: 1000px;
	gap:0 30px;
}

.point_top_commenttext{
	position:relative;
	margin:auto 0;
	background-color:#fff;
	width:calc(100% - 280px);
	
	letter-spacing:0.07em;
	font-size:30px;
	font-weight: 900;
	border-radius:20px;
	padding:15px;
}
.point_top_commenttext::after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: -20px;
    background-color: #fff;
    width: 30px;
    height: 40px;
    clip-path: polygon(100% 100%, 0 50%, 100% 0%);
}

.point_top_commenttext img[src*="honto"]{
	position:absolute;
	z-index: 2;
	top:-19px;
	left:10px;
	transform:rotate(-5deg);
	width:180px;
}

.point_top_commentimg{
	width:250px;
}




/*理由*/

.point_wrap{
	background-color:#FFD100;
	background-image: radial-gradient(circle, #fff 2px, rgba(255,255,255,0) 2px), radial-gradient(circle, #fff 2px, rgba(255,255,255,0) 2px);
	background-position:0px 9px, 12px 34px;
	background-size: 24px 48px;
	padding:75px 20px 50px;
	background-attachment: fixed;
}

.point_inner{
	position: relative;
	z-index: 5;
	margin:0 auto 120px;
	max-width:1100px;
	background-color:#fff6d4;
	padding:30px;
	border-radius:20px;
	filter: drop-shadow(2px 2px 8px rgba(96,63,0,0.7));
}

.point_inner_h3box{
	margin-top:-70px;
	display:flex;flex-wrap:wrap;gap:25px;
	background-color:#fff;
	border-radius:70px;
}
.point_h3icon{
	display:flex;flex-wrap:wrap;
	justify-content: center;
	width:125px;
	height:auto;
	aspect-ratio:1/1;
	border-radius:50%;
	background-color:#ed2278;
	color:#fff;
}
.point_h3icon span{margin:auto 0;font-family:lineseed, sans-serif;font-weight:700;font-size:20px;}
.point_h3icon span:nth-child(1){padding-top:1.5em;}
.point_h3icon span:nth-child(2){font-size:4.5em;}
.point_inner_h3box h3{
	text-align:left;
	width:calc(100% - 125px - 25px);
	font-family:lineseed, sans-serif;
	font-size:50px;
	font-weight:900;
	letter-spacing:.05em;
	margin: auto 0;
}

.point_inner_text{padding:25px;}

.point_inner_maintext{
	font-size:34px;
	font-weight:900;
	letter-spacing:0.08em;
}
.point_inner_maintext.point01{display:flex;flex-wrap:wrap;justify-content:center;}
.point_inner_maintext.point01 > div:nth-child(1){padding-top:.9em;}
.point_inner_maintext.point01 > div:nth-child(2){display:flex;flex-wrap:wrap;justify-content:center;}
.point_inner_maintext.point01 > div:nth-child(2) div:nth-child(1){padding-top:.9em;}
.point_inner_maintext.point01 > div:nth-child(2) div:nth-child(2){color:#ed2278;font-size:200%;}

.point_inner_maintext.point02-1{
	display:flex;flex-wrap:wrap;justify-content: center;
	gap:30px;margin:0 auto;max-width:900px;
}
.point_inner_maintext.point02-1 > div:nth-child(1){width:calc(48% - 30px);padding-top:30px;}
.point_inner_maintext.point02-1 > div:nth-child(2){width:52%;margin:auto 0;text-align:left;}
.point_inner_maintext.point02-1 > div:nth-child(2) div:nth-child(1){line-height:1.2em;}
.point_inner_maintext.point02-1 > div:nth-child(2) div:nth-child(2){color:#ed2278;font-size:200%;line-height:1.3em;}

.point_inner_maintext.point02-2{padding:30px 0;}
.point_inner_maintext.point02-2 > div:nth-child(1){
	background-color:#fff;
	line-height:1.3em;
	font-weight:900;
	width:fit-content;
	padding:0 25px;
	margin:auto;
}
.point_inner_maintext.point02-2 > div:nth-child(2){line-height:1.5em;}
.point_inner_maintext.point02-2 > div:nth-child(2) span{color:#ed2278;font-size:140%;}
.point_inner_maintext.point02-2 > div:nth-child(3){font-size:16px;font-weight:700;}

.point_inner_maintext.point03 div:nth-child(1){padding-bottom:20px;}
.point_inner_maintext.point03 div:nth-child(2){margin:auto;max-width:700px;}
.point_inner_maintext.point03 div:nth-child(1){padding-top:20px;}


.point_inner_comment{
	margin:-20px auto 0;
	display:flex;flex-wrap:wrap;justify-content: center;
	gap:40px;
}

.point_commentimg{width:300px;}
.point_commenttext{
	position:relative;margin:auto 0;
	width:calc(100% - 300px - 40px);
	background-color:#fff;
	border-radius:10px;
	padding:20px;
}
.point_commenttext::after {
    content: "";
    position: absolute;
    bottom:10px;
    left: -20px;
    background-color: #fff;
    width: 30px;
    height: 40px;
    clip-path: polygon(100% 100%, 0 50%, 100% 0%);
}
.point_commenttext div{
	font-size:20px;
	text-align:left;
	font-weight:700;
}

.point_inner_comment.rtl{flex-direction: row-reverse;}
.point_inner_comment.rtl .point_commenttext::after{left:auto;right:-20px;clip-path: polygon(0% 0%, 0 100%, 100% 50%);}

.point_inner_comment.point01{max-width:800px;}
.point_inner_comment.point01 .point_commentimg{width:370px;}
.point_inner_comment.point01 .point_commenttext{width:calc(100% - 370px - 40px);}

.point_inner_comment.point02-1{margin-top:-60px;max-width:700px;}
.point_inner_comment.point02-1 .point_commentimg{width:250px;}
.point_inner_comment.point02-1 .point_commenttext{width:calc(100% - 250px - 40px);}

.point_inner_comment.point02-2 div span{font-size:140%;font-weight:900;}

.point_inner_comment.point03{margin-top:0;max-width:700px;}
.point_inner_comment.point03 .point_commentimg{width:240px;}
.point_inner_comment.point03 .point_commenttext{width:calc(100% - 280px);}


.point_comment_triangle{display:flex;flex-wrap:wrap;}
.point_comment_triangle div{
	margin:auto;width:60px;height:40px;
	clip-path:polygon(0 0, 50% 100%, 100% 0%);
	background-color:#ed2278;
}

.point_inner_notice{
	display:flex;flex-wrap:wrap;
	justify-content: center;
	gap:15px;
	margin: auto;
	width: fit-content;
}
.point_inner_notice div{margin:auto;}
.point_inner_notice div:nth-child(1){width:80px;}
.point_inner_notice div:nth-child(2){
	text-align:left;
	width:calc(100% - 95px);
	color: #ed2278;
	font-size: 26px;
    font-weight: 900;
    letter-spacing: 0.05em;
}


.point_inner.summary{
	margin:-60px auto 120px;
}
.point_summary{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align:center;
    font-size:35px;
    font-weight: 900;
    letter-spacing: 0.05em;
}
.point_summary div:nth-child(1){width:100%;}
.point_summary div:nth-child(2){transform:rotate(90deg);width:fit-content;}
.point_summary div:nth-child(3){width:100%;color:#ed2278;font-size:140%;}


/*理由ここまで*/

.point_answer_box{
	padding:0 20px;
}

.point_answer_comment{
	display:flex;flex-wrap:wrap;
	justify-content: center;
	gap:40px;
	margin:-70px auto 0;
	max-width:1200px;
}

.point_answer_comment div:nth-child(1){width:400px;}
.point_answer_comment div:nth-child(2){
	position:relative;
	text-align:left;
	width:calc(100% - 440px);
	font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.05em;
	background-color:#fff;
	margin: auto 0;
	padding:20px 30px;
	border-radius:17px;
}
.point_answer_comment div:nth-child(2)::after {
	content: "";
	position: absolute;
	top: 20px;
	left: -20px;
	background-color: #fff;
	width: 30px;
	height: 40px;
	clip-path: polygon(100% 100%, 0 50%, 100% 0%);
}


/*---------武器にするなら----------*/

.answer_area{background-color:#fcf8e8;}

.answer_title_box{
	background-color:#fff;
	padding:40px 20px 0;
	margin-bottom:-40px;
}

.answer_title{
	margin: auto;
	max-width:1300px;
}

.answer_title h2 span{display:block;}
.answer_title_text{
	color:#ed2278;
	font-size: 36px;
    font-weight: 900;
    letter-spacing: 0.05em;
	line-height:1.2em;
	padding:0 0 70px;
}
.answer_title_text > span:nth-child(1){}
.answer_title_text > span:nth-child(2){font-size:150%;padding-top:.5em;}
.answer_title_text > span:nth-child(2) > i{position:relative;font-style:normal;}
.answer_title_text > span:nth-child(2) > i::before{content:"・";position:absolute;left:50%;top:-.35em;transform:translateX(-50%);}

.answer_title h2 span.answer_titleimg{display:flex;flex-wrap:wrap;}
.answer_titleimg img[src*="high"]{width:55%;}
.answer_titleimg img[src*="atwill"]{width:45%;}


.answer_title_h3box h3{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.answer_title_h3box h3 span{
	margin:0 0 auto;
	text-align:right;
	width:60%;
	font-size:30px;
	font-weight:900;
	letter-spacing:0.05em;
	line-height:1.3em;
	padding:10px 0 0;
	transform:rotate(2deg);
}
.answer_title_h3box h3 img[src*="h3img"]{width:calc(40% - 10px);}
.answer_title_h3box h3 img[src*="h3nanda"]{
	position: absolute;
	top:0;
	right:0;
	width:15%;
}

/*-----------*/

.answer_reason_inner{padding:0;}

.answer_reason_h3box{
	color:#fff;
	background-color:#ed2278;
	font-size:60px;
	padding:.8em 1.5em 1em;
}
.answer_reason_h3box div{font-size:50%;}
.answer_reason_h3box div span{font-size:150%;font-weight:900;}
.answer_reason_h3box h3{
	margin: auto;
	font-weight:900;
	line-height:1.2em;
	letter-spacing:0.08em;
}

.answer_three_box{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	gap:30px;
	margin: auto;
	max-width:1200px;
}
.answer_three_inner{width:calc((100% - (30px * 2))/ 3);}

.answer_three_inner:nth-child(1),
.answer_three_inner:nth-child(3){background-color:#5acded;}

.answer_three_inner h4{
	font-size:30px;
	font-weight:900;
	padding:10px 0;
}
.answer_three_inner ul{padding:10px 20px 10px 40px;}
.answer_three_inner ul li{text-align:left;list-style:disc;padding-bottom: 10px;}
.answer_three_inner ul p{text-align:right;}

.answer_three_box-arrow{
	margin: auto;
	max-width:1200px;
}

.answer_three_box-arrow div:nth-child(1){
	margin: auto;
	width:calc(((100% - (30px * 2))/ 3)*2);
	border-left:#5acded 5px solid;
	border-right:#5acded 5px solid;
	border-bottom:#5acded 5px solid;
	height:80px;
}
.answer_three_box-arrow div:nth-child(2){
	margin:-1px auto 20px;
    width: 60px;
    height: 40px;
    clip-path: polygon(0 0, 50% 100%, 100% 0%);
    background-color:#5acded;
}

.answer_blue_box{
	background-color:#5acded;
	margin: auto;
	padding:30px;
	max-width:1200px;
}
.answer_blue_box h3{
	font-size:45px;
	font-weight:900;
	line-height:1.2em;
	letter-spacing:0.1em;
	padding-left:1em;
}

.tensaku_img{
	margin:auto;max-width:700px;
	padding-top:10px;
}


.answer_reason_contents{
	padding:30px;
}

.answer_reason_lecture{padding:60px 0 30px;}
.answer_reason_lecturewrap{font-size:30px;padding:10px 0 0;}

.answer_reason_lecturewrap div:nth-child(1){}
.answer_reason_lecturewrap div:nth-child(2){
	margin:auto; font-size:240%;line-height:1.2em;color:#A80000;font-weight:900;width:fit-content;
	background:linear-gradient(to bottom,rgba(255,255,255,0) 50%,#ffff00 50%,#ffff00 93%,rgba(255,255,255,0) 93%);
}
.answer_reason_lecturewrap div:nth-child(3){color:#A80000;font-weight:700;line-height:1.2em;}

.answer_reason_contents h3{
	font-size:32px;
	font-weight:700;
}

.answer_reason_teacher{
	background-color:#fff;
	padding:50px 40px;
	margin:auto;
	max-width:1300px;
}

.answer_reason_teacher h4{
	position:relative;
	z-index: 4;
	margin: auto;
	width: fit-content;
	margin-bottom:-.8em;
	background-color:#fff;
	padding:0 1.2em;
	font-size:40px;
	letter-spacing:0.08em;
	font-weight:700;
}

.answer_reason_teacherbox{
	padding:70px 50px 50px;
	border:3px solid rgba(0,0,0,.55);
}

.answer_reason_teacherwrap{
	display:flex;
	flex-wrap:wrap;
	gap:30px;
}

.answer_reason_teacherinner{
	width:calc((100% - (30px * 2))/ 3);
}

.teacherinner_title{
	background-color:#D19A3D;
	padding:12px 10px;
	color:#fff;
	font-size:22px;
	font-weight:700;
	line-height:1.3em;
	letter-spacing:0.08em;
	text-shadow: 0 0 4px rgba(110,75,0,.75);
}
.teacherinner_name{
	font-size:28px;
	font-weight:700;
	padding:5px 0;
}
.teacherinner_name span{font-size:80%;padding-left:5px;}

.teacherinner_intro div{
	text-align:justify;
	padding-bottom:10px;
}

.teacherinner_intro div.att{
	color:#003685;
	font-weight:700;
}



.answer_reason_webtretitle{
	font-size:26px;
	font-weight:700;
	letter-spacing:0.08em;
}
.answer_reason_webtretitle span{display:block;}

.answer_reason_webtretitle span:nth-child(1){}
.answer_reason_webtretitle span:nth-child(2){font-size:200%;font-weight:900;line-height:1.3em;color:#1C74BA;}


.answer_reason_webtreimg{
	margin:0 auto;
	max-width:600px;
}

.answer_reason_webtrelist{
	padding:30px 0;
	margin: auto;
	width:fit-content;
}
.answer_reason_webtrelist ul li{padding-bottom:20px;}

.answer_reason_webtrelist ul li h4{
	position: relative;
	text-align: left;
	font-size:40px;
	font-weight:900;
	line-height: 1.3em;
	padding-left: 1.7em;
	color:#003685;
}
.answer_reason_webtrelist ul li h4::before{
	content: "";
    position: absolute;
	z-index:5;
    top: 0.1em;
    left: 0;
    height: 1.2em;
    width: auto;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	background-image: url(../images/check.svg);
}
.answer_reason_webtrelist ul li h4::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .7em;
    width: auto;
    aspect-ratio: 1 / 1;
	background-color:#FFE500;
	border-radius:50%;
}

.answer_reason_webtrelist ul li p{
	letter-spacing:0.05em;
	padding-left:calc(40px * 1.7);
}

.answer_reason_webtresummary{
	margin: auto;
    font-size: 240%;
    line-height: 1.2em;
    color: #A80000;
    font-weight: 900;
    width: fit-content;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffff00 50%, #ffff00 93%, rgba(255, 255, 255, 0) 93%);
}


.answer_reason_comment{
	display:flex;flex-wrap:wrap;
	margin:-105px auto 0;
	gap:40px;
	max-width:1100px;
	padding:0 30px;
}
.answer_reason_commentimg{width:360px;}
.answer_reason_commenttext{
	position: relative;
    margin: auto 0 70px;
    width: calc(100% - 360px - 40px);
    background-color: #fff;
    border-radius: 10px;
	padding:20px;
	font-size:24px;
	letter-spacing:.08em;
	font-weight:900;
	filter: drop-shadow(2px 2px 8px rgba(90,75,46,0.45));
}

.answer_reason_commenttext::after {
    content: "";
    position: absolute;
    top: 20px;
    left: -20px;
    background-color: #fff;
    width: 30px;
    height: 40px;
    clip-path: polygon(100% 100%, 0 50%, 100% 0%);
}


/*---------申し込みボタン----------*/

.apply_box{
	background:linear-gradient(to right,#1C75BA,#5acded 10%,#5acded 90%,#1C75BA);
	color:#fff;
	padding:0 20px;
}

.apply_wrap{
	display:flex;flex-wrap:wrap;
	margin:auto;
	gap:10px;
	max-width:1100px;
}

.apply_imgbox{width:45%;}
.apply_imgbox_comment{
	margin: auto;
	position:relative;
	padding:24px 20px 0;
	width:fit-content;
	font-size:20px;
	font-weight:700;
	letter-spacing:0.1em;
}
.apply_imgbox_comment::before {
	content: "";
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0px;
	height: 55%;
	width: 10px;
	border-left: 3px solid #fff;
	transform: skewX(26deg);
}

.apply_imgbox_comment::after {
	content: "";
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0px;
	height: 55%;
	width: 10px;
	border-right: 3px solid #fff;
	transform: skewX(-26deg);
}


.apply_textbox{
	width:calc(55% - 10px);margin: auto 0;
	font-weight:700;
	letter-spacing:0.1em;
	padding: 20px 0 0;
}

.apply_textbox_atwill{font-size:27px;line-height:1.2em;filter: drop-shadow(0 0 4px rgba(0,0,0,.4));}
.apply_textbox_atwill i{font-style:normal;position:relative;}
.apply_textbox_atwill i::before {
    content: "・";
    position: absolute;
    left: 50%;
    top: -.55em;
    transform: translateX(-50%);
}
.apply_textbox_now{font-size:38px;font-weight:900;filter: drop-shadow(0 0 4px rgba(0,0,0,.4));}

.apply_textbox_button{
	padding: 20px 0;
}

.apply_textbox_button a{
	position: relative;
	display: inline-block;
	background-color:#fff;
	color:#059ef7;
	font-weight:900;
	font-size:30px;
	padding:.2em 2em;
	border-radius:2em;
	filter: drop-shadow(0 0 4px rgba(0,0,0,.4));
	transition: .2s;
}

.apply_textbox_button a::after {
	content: "";
	position: absolute;
	top: 46%;
	right: 22px;
	width: 10px;
	height: 10px;
	border-bottom: #059ef7 4px solid;
	border-right: #059ef7 4px solid;
	transform: rotate(-45deg) translateY(-50%);
	transition: .2s;
}

@media screen and (min-width: 768px){
	.apply_textbox_button a:hover{
		background-color:rgba(255,255,255,.2);
		color:#002b69;
		filter: drop-shadow(0 0 4px rgba(0,0,0,0));
	}
	.apply_textbox_button a:hover::after {
		border-color:#002b69;
	}
}



/*---------公開説明会ボタン----------*/

.orien_area{
	background-color:#a80000;
}

.orien_box{
	margin: auto;
	color:#fff;
	padding:0 20px;
}

.orien_box h2{
	padding-top:10px;
	font-size:75px;
	font-weight:900;
	letter-spacing:0.1em;
}


.orien_wrap{
	display:flex;flex-wrap:wrap;
	margin:auto;
	gap:10px;
	max-width:1100px;
}

.orien_imgbox{width:60%;}
.orien_textbox{
	margin: auto 0;
	width:calc(40% - 10px);
	font-weight:700;
	letter-spacing:0.1em;
}

.orien_textbox_wrap{
	margin: auto;
	width:fit-content;
}
.orien_textbox_eng{
	background-color: #D19A3D;
	padding:.1em 1.4em;
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.3em;
	letter-spacing: 0.08em;
	text-shadow: 0 0 4px rgba(110, 75, 0, .75);
}

.orien_textbox_teacher{
	padding-top:5px;
	font-size:44px;line-height:1.4em;filter: drop-shadow(0 0 4px rgba(0,0,0,.4));
}

.orien_textbox_button{
	padding: 20px 0;
}

.orien_textbox_button a{
	position: relative;
	display: inline-block;
	background-color:#fff;
	color:#a80000;
	font-weight:900;
	font-size:30px;
	padding:.2em 2em;
	border-radius:2em;
	filter: drop-shadow(0 0 4px rgba(0,0,0,.4));
	transition: .2s;
}

.orien_textbox_button a::after {
	content: "";
	position: absolute;
	top: 46%;
	right: 22px;
	width: 10px;
	height: 10px;
	border-bottom: #a80000 4px solid;
	border-right: #a80000 4px solid;
	transform: rotate(-45deg) translateY(-50%);
	transition: .2s;
}

@media screen and (min-width: 768px){
	.orien_textbox_button a:hover{
		background-color:rgba(0,0,0,.25);
		color:#fff;
		filter: drop-shadow(0 0 4px rgba(0,0,0,0));
	}
	.orien_textbox_button a:hover::after {
		border-color:#fff;
	}
}

/*---------特典----------*/

.winter_box{
	background-color:#d2e2f4;
	padding-bottom:40px;
}


.winter_title_box{
	padding:60px 0 0;
}

.winter_title{
	color:#0a3563;
	margin:auto;
	font-size:70px;
	font-weight:900;
	letter-spacing:0.1em;
	line-height:1.2em;
}

.winter_h2box{
	background:repeating-linear-gradient(45deg,rgba(255,255,255,0),rgba(255,255,255,0) 15px,#fff 0,#fff 30px);
}

.winter_h2box_space{
	padding:0 0 40px;
}

.winter_h2box h2{
	display:flex;flex-wrap:wrap;
	margin:auto;
	font-size:30px;
	color:#036eb7;
	background-color:#d2e2f4;
	width: fit-content;
	line-height:.8em;
	padding:0 20px;
}
.winter_h2box h2 span{
	margin:auto 0 0;
    font-weight: 900;
}
.winter_h2box h2 span:nth-child(1),.winter_h2box h2 span:nth-child(2){padding-top:1em;}
.winter_h2box h2 span:nth-child(3){font-size:1.8em;padding-bottom:.1em;}

.winter_wrap{
	display:flex;
	flex-wrap:wrap;
	margin:auto;
	gap:15px;
	max-width:1260px;
	padding:0 30px;
}
.winter_inner{
	position:relative;
	display:flex;flex-wrap:wrap;
	margin:auto;
	width:calc((100% - 15px)/ 2);
	border:#036eb7 5px solid;
	padding-left:10px;
	border-right:none;
	border-radius:60px 0 0 60px / 50% 0 0 50%;
}
.winter_inner > span.tag{
	position:absolute;
	right:24%;
	top:-.8em;
	background-color:#036eb7;
	color:#fff;
	font-weight:700;
	padding:0 1.5em;
	border-radius: 2em;
	font-size:120%;
}


.winter_inner_num{
	display:flex;flex-wrap:wrap;
	width:90px;
	margin: auto;
	color:#036eb7;
}
.winter_inner_num div{width: 100%;font-weight:900;font-size:16px;}
.winter_inner_num div:nth-child(1){line-height:1.2em;}
.winter_inner_num div:nth-child(2){font-size:3.2em;line-height:1em;}


.winter_inner_text{
	position:relative;
	text-align: left;
	width:calc(80% - 90px);
	margin:auto;
}

.winter_inner_text div{
	font-size:16px;
	line-height:1.2em;
	font-weight:700;
	letter-spacing:0.05em;
}
.winter_inner_text h3{
	font-size:32px;
	font-weight:700;
	line-height:1.2em;
	color:#2ca6e0;
}
.winter_inner_text h3 span{color:#e57273;}
.winter_inner_text div.innernote{
	font-weight:normal;
	font-size:14px;
}

.winter_inner_img{
	width:20%;
}

.winter_box .note{
	margin: auto;
	max-width: 1260px;
	padding:10px 30px;
	font-size:13px;
	letter-spacing:0.05em;
	text-align:left;
}


/*-----------60thキャンペーン----------------*/

.campaign_60th{
	padding: 120px 20px 100px;
	background: linear-gradient(166deg, #e50012, #e50012 25%, #bb121a 45%, #E95533 50%, #e50012, 61%, #e50012);
}

.campaign_60th_box{
	position: relative;
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding:40px 40px;
	background-color: #fff;
	border:#b1643a solid 5px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
}

.campaign_60th_box img[src*="logo"]{
	position: absolute;
	max-width: 460px;
	width: 100%;
	top: -129px;
	left: -40px;
}

.campaign_60th_box img[src*="ribbon"]{
	position: absolute;
	max-width:600px;
	width:100%;
	top:-80px;
	left:50%;
	transform: translateX(-50%);
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
}

.campaign_60th_box img[src*="new-student"]{
	position: absolute;
	max-width:340px;
	width:100%;
	top:-50px;
	right:-20px;
}

.campaign_60th_box-h3area{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	z-index: 2;
}

.campaign_60th_box-h3{
	display: flex;
	flex-wrap: wrap;
	width:78%;
	padding:35px 10px 20px;
	background: linear-gradient(to bottom,rgba(255,255,255,0) 70%,#fff33f 70%,#fff33f 90%,rgba(255,255,255,0) 90%);
}
.campaign_60th_box-h3 span{
	display: block;
	display: flex;
	flex-wrap: wrap;
}
.campaign_60th_box-h3 span img{
	margin-top: auto;
}

.campaign_60th_box-h3 span:nth-child(1){
	width:19%;
	padding:0 0.5% 0.5% 0;
}
.campaign_60th_box-h3 span:nth-child(2){
	width:42%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.4));
}
.campaign_60th_box-h3 span:nth-child(3){
	width:39%;
	padding-bottom: 0.5%;
}

.campaign_60th_wrap{
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	padding:20px 0 0;
}

.campaign_60th_inner{
	width:calc((100% - 20px)/ 3);
}

.campaign_60th_note{
	padding-top: 20px;
	color: #222;
    font-size: 0.9em;
    font-weight: 600;
}


/*-----------ガイダンス---------------*/
.guidance{
	padding: 0 0 60px;
}

.guidance_box{
	width: 100%;
	max-width: 1360px;
	margin: auto;
	padding:50px 20px 0;
}

.guidance_box h2{
	color:#036eb7;
	font-size: 2.6em;
    letter-spacing: 0.06em;
	font-weight:600;
}

.guidance_wrap{
	margin: 10px auto 0;
	display: flex;
	flex-wrap: wrap;
	padding:0 0 30px;
	justify-content:flex-start;
}
.guidance_inner{
	width:calc((100% - 40px) / 3);
	margin:10px 20px 60px 0;
	display: flex;
	flex-wrap: wrap;
}
.guidance_inner:nth-child(3n){
	margin-right: 0;
}

.guidance_inner_img{
	margin: 0;
	width: 100%;
}
.guidance_inner_text{
	margin:0;
	width: 100%;
	padding:10px 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.guidance_inner_text span{
	display: block;
	width:100%;
	padding-bottom: 10px;
}

.guidance_inner a{
	transition: .2s;
}

.guidance_inner a.guidance_btn{
	display: block;
    width: 100%;
    margin: auto auto 0;
    position: relative;
    text-align: center;
    font-size: 110%;
    padding: 8px;
    font-weight: bold;
    color: #002b69;
    border: solid 3px #002b69;
    transition: .2s;
}
.guidance_inner a.guidance_btn::after{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 15px;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    z-index: 1;
    border-top: 3px solid #002b69;
    border-right: 3px solid #002b69;
}
.guidance_inner.gray a{
	pointer-events:none;
}
.guidance_inner a img{
	transition: .2s;
}

.guidance_inner.gray a.guidance_btn{
	color:#1a1a1a;
	background: #ddd;
	border: solid 3px #ddd;
}
.guidance_inner.gray a.guidance_btn::after{
	content: none;
}


@media screen and (min-width: 768px){
	.guidance_inner a img:hover{
		opacity: .7;
	}
	.guidance_inner.gray a img:hover{
		opacity: 1;
	}
	
	.guidance_inner a.guidance_btn:hover {
		background-color: #002b69;
		color: #fff;
	}
	.guidance_inner a.guidance_btn:hover::after{
		border-top: 3px solid #fff;
    	border-right: 3px solid #fff;
	}
	.guidance_inner.gray a.guidance_btn:hover{
		color:#1a1a1a;
		background: #ddd;
	}
}