@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/****************
 共通
****************/

body {
 font-family: "Noto Sans JP", sans-serif;
	margin-top: 93px;
}
img {
 max-width: 100%;
}
p,
ul {
 margin: 0;
 padding: 0;
}
.container {
 max-width: 1160px;
}

/***** スペース *****/
.con_space {
 padding-top: 150px;
 padding-bottom: 150px;
}
.con_space_top {
 padding-top: 150px;
}
@media (max-width: 767px) {
	body {
	margin-top: 0;
}
 .con_space {
  padding-top: 60px;
  padding-bottom: 60px;
 }
 .con_space_top {
  padding-top: 60px;
 }
}

/***** 背景 *****/
.bg_dot {
 background-color: #fff;
 background-image: radial-gradient(#e4e4e4 1.25px, transparent 1.25px);
 background-size: 20px 20px;
}
.bg_green_lp {
 background-color: #cbece8;
}

/***** 見出し *****/
.h2_area .h2_ttl {
 font-size: 30px;
 margin-bottom: 80px;
	font-weight: bold;
}
@media (max-width: 767px) {
 .h2_area .h2_ttl {
  font-size: 24px;
  margin-bottom: 40px;
 }
}
/***** font *****/
.fontM {
 font-size: 18px;
}
.fontL {
 font-size: 20px;
}
.fc_orange_lp {
 color: #ff6c00;
}
@media (max-width: 767px) {
 .fontM {
  font-size: 16px;
 }
 .fontL {
  font-size: 18px;
 }
}

/****************
 header
****************/
.header_wrap {
 position: fixed;
 top: 0;
 width: 100%;
 padding: 15px;
 background-color: #fff;
 z-index: 999;
}
.header_wrap .inner_wrap {
 max-width: 1800px;
 margin: auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 z-index: 9999;
}
.header_wrap .logo_link {
 width: 300px;
 display: block;
}
.header_wrap .nav_list {
 display: flex;
 gap: 20px;
 align-items: center;
 font-size: 15px;
}
.header_wrap .navigation {
	display: flex;
	gap:20px;
}
.header_wrap .cta_btn {
 display: block;
 background-color: #e66900;
 color: #fff;
 width: 150px;
 padding: 10px;
 text-align: center;
 border-radius: 50px;
}
.header_wrap .cta_group p {
line-height: 1;
margin-bottom: 5px;
	text-align: center;
}
.header_wrap .cta_group .cta_btn_list {
display: flex;
gap: 10px;
}
@media (max-width: 1050px) {
	.header_wrap .nav_list {
gap: 15px;
font-size: 1.2vw;
}
	
}
@media (max-width: 767px) {
 .header_wrap {
	 display: none;
 }
}

/****************
 footer
****************/
.footer_wrap {
 background-color: #f2f5f6;
 padding: 40px 0;
 text-align: center;
 font-size: 12px;
}

.footer_wrap img {
 width: 400px;
	max-width: 60%;
}
.footer_wrap.thanks {
	width: 100%;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
}
@media (max-width: 767px) {
.footer_wrap {
padding: 40px 0 130px;
}
}

/****************
 mv
****************/
.mv_wrap {
 background-image: url(/common/images/special/ad_lp_01/mv_bg.jpg);
 background-size: cover;
 background-position: center right;
 padding: 80px 0;
}
.mv_wrap h1 {
 margin-top: 45px;
 margin-bottom: 60px;
}
@media (max-width: 767px) {
 .mv_wrap {
  background-image: url(/common/images/special/ad_lp_01/mv_bg_sp.jpg);
  background-position: center;
  padding: 30px 0;
 }
 .mv_wrap .f_txt {
  margin-bottom: 250px;
 }
 .mv_wrap h1 {
  margin-bottom: 20px;
 }
}

/****************
 intro_wrap
****************/
.intro_wrap .intro_ttl {
 font-size: 45px;
 font-weight: bold;
}
.intro_wrap .border_arr {
 padding: 80px 0;
}
.intro_wrap .box_txt {
 background-color: #ff6c00;
 color: #fff;
 padding: 15px;
 font-size: 28px;
 text-align: center;
 margin-bottom: 40px;
}
.intro_wrap .main_txt {
 font-size: 45px;
 font-weight: bold;
 text-align: center;
}
.intro_wrap .main_txt span {
 font-size: 80px;
 color: #ff6c00;
}
@media (max-width: 767px) {
 .intro_wrap .intro_ttl {
  font-size: 26px;
  margin-bottom: 20px;
 }
 .intro_wrap .border_arr {
  padding: 20px 0;
 }
 .intro_wrap .deco_txt img {
  width: 130px;
 }
 .intro_wrap .box_txt {
  padding: 12px;
  font-size: 20px;
  margin-bottom: 20px;
 }
 .intro_wrap .main_txt {
  font-size: 26px;
 }
 .intro_wrap .main_txt span {
  font-size: 32px;
 }
}
/****************
 counselor_wrap
****************/
.counselor_wrap .counselor_flex_wrap {
 display: flex;
 gap: 70px;
}
.counselor_wrap .counselor_box {
 flex: 1;
}
.counselor_wrap .counselor_box p {
 line-height: 1.8;
}
.counselor_wrap .box_txt {
 background-color: #cbece8;
 text-align: center;
 padding: 10px;
 font-size: 30px;
 margin-top: 100px;
}
@media (max-width: 767px) {
 .counselor_wrap .counselor_flex_wrap {
  display: block;
 }
 .counselor_wrap .counselor_box {
  margin-bottom: 40px;
 }
 .counselor_wrap .counselor_box:last-child {
  margin-bottom: 0;
 }
 .counselor_wrap .box_txt {
  font-size: 20px;
  margin-top: 50px;
 }
}
/****************
 flow_wrap
****************/
.flow_wrap .flow_flex_box {
 display: flex;
 gap: 50px;
 margin-bottom: 30px;
}
.flow_wrap .flow_flex_box:last-child {
 margin-bottom: 0;
}
.flow_wrap .flow_flex_box .step_con {
 position: relative;
 padding-bottom: 60px;
 width: 148px;
}
.flow_wrap .flow_flex_box:last-child .step_con {
 padding-bottom: 0;
}
.flow_wrap .flow_flex_box .step_con::after {
 content: "";
 position: absolute;
 background-color: #333333;
 width: 1px;
 height: 40px;
 bottom: 0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.flow_wrap .flow_flex_box:last-child .step_con::after {
 display: none;
}
.flow_wrap .flow_flex_box .step_con p {
 color: #03a291;
 text-align: center;
 font-size: 22px;
 font-weight: bold;
}
.flow_wrap .flow_flex_box .txt_con {
 flex: 1;
}
.flow_wrap .flow_flex_box .txt_con .h3_ttl {
 font-weight: bold;
 font-size: 24px;
 position: relative;
 padding-left: 24px;
 margin-bottom: 15px;
}
.flow_wrap .flow_flex_box .txt_con .h3_ttl::before {
 content: "";
 position: absolute;
 background-color: #03a291;
 width: 16px;
 height: 16px;
 border-radius: 30px;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}
.flow_wrap .flow_flex_box .txt_con p.dtl_txt {
 background-color: #fff;
 border-radius: 10px;
 padding: 30px;
}
@media (min-width: 768px) {
 .flow_wrap .flow_flex_box .txt_con .ttl_area .left_box {
  display: none;
 }
 .flow_wrap .flow_flex_box .txt_con .ttl_area .right_box p {
  display: none;
 }
}
@media (max-width: 767px) {
 .flow_wrap .flow_flex_box .step_con {
  display: none;
 }
 .flow_wrap .flow_flex_box .txt_con .ttl_area {
  display: flex;
  align-items: center;
  gap: 4%;
  margin-bottom: 15px;
 }
 .flow_wrap .flow_flex_box .txt_con .ttl_area .left_box {
  width: 20%;
 }
 .flow_wrap .flow_flex_box .txt_con .ttl_area .right_box {
  width: 76%;
 }
 .flow_wrap .flow_flex_box .txt_con .ttl_area .right_box p {
  color: #03a291;
  font-weight: bold;
 }
}
/****************
 area_wrap
****************/
.area_wrap .ttl_txt {
 text-align: center;
 font-weight: bold;
 font-size: 40px;
}
.area_wrap .ttl_txt .fs_big {
 font-size: 80px;
}
.area_wrap .bg_border {
 width: 400px;
 max-width: 100%;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 margin-top: 60px;
 margin-bottom: 40px;
 text-align: center;
}
.area_wrap .bg_border::before {
 content: "";
 position: absolute;
 background-color: #006900;
 width: 100%;
 height: 2px;
 top: 50%;
 left: 0%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 z-index: 1;
}
.area_wrap .bg_border span {
 display: inline-block;
 background-color: #fff;
 padding: 0 15px;
 position: relative;
 z-index: 9;
 font-size: 24px;
 color: #006900;
 font-weight: bold;
}
.area_wrap .con_box {
 background-color: #cbece8;
 padding: 30px;
 border-radius: 10px;
 margin-top: 80px;
}
.area_wrap .con_box ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 15px 1%;
}
.area_wrap .con_box ul li {
 width: 24%;
 background-color: #006900;
 color: #fff;
 border-radius: 30px;
 padding: 8px;
 text-align: center;
}
.area_wrap .con_box .bg_border {
 margin-top: 0;
}
.area_wrap .con_box .bg_border span {
 background-color: #cbece8;
}

@media (max-width: 767px) {
 .area_wrap .ttl_txt {
  font-size: 24px;
 }
 .area_wrap .ttl_txt .fs_big {
  font-size: 35px;
 }
 .area_wrap .bg_border {
  margin-top: 40px;
  margin-bottom: 20px;
 }
 .area_wrap .bg_border span {
  font-size: 18px;
 }
 .area_wrap .con_box ul li {
  width: 49%;
 }
}

/****************
 voice_wrap
****************/
.voice_wrap .voice_flex_box {
 display: flex;
 align-items: flex-start;
 gap: 40px;
 margin-bottom: 40px;
}
.voice_wrap .voice_flex_box:last-child {
 margin-bottom: 0;
}
.voice_wrap .voice_flex_box .img_area {
 width: 180px;
}
.voice_wrap .voice_flex_box .txt_area {
 position: relative;
 padding: 30px;
 background-color: #cbece8;
 z-index: 9;
 margin-left: 40px;
 flex: 1;
 border-radius: 10px;
 line-height: 1.8;
}
.voice_wrap .voice_flex_box .txt_area::before {
 content: url(/common/images/special/ad_lp_01/voice_arr.svg);
 position: absolute;
 left: -35px;
 top: 50px;
}
@media (max-width: 767px) {
 .voice_wrap .voice_flex_box {
  flex-wrap: wrap;
  gap: 30px;
 }
 .voice_wrap .voice_flex_box .img_area {
  width: 100%;
  text-align: center;
 }
 .voice_wrap .voice_flex_box .img_area img {
  width: 90px;
 }
 .voice_wrap .voice_flex_box .txt_area {
  margin-left: 0;
  padding: 20px;
 }
 .voice_wrap .voice_flex_box .txt_area::before {
  top: -25px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
 }
}

/****************
 faq_wrap
****************/
.accordion {
 background-color: #fff;
 border-radius: 10px;
 padding: 40px 50px;
 margin-bottom: 60px;
}
.accordion__title {
 font-size: 20px;
 color: #006900;
 cursor: pointer;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 20px;
}
.accordion__title .q_ttl {
 display: flex;
 align-items: baseline;
 gap: 15px;
 font-size: 24px;
 font-weight: bold;
 flex: 1;
}
.accordion__title .plus {
 position: relative;
 background-color: #03a291;
 width: 40px;
 height: 40px;
 border-radius: 50px;
}
.accordion__title .plus::before {
 content: "";
 display: inline-block;
 width: 20px;
 height: 4px;
 background-color: #fff;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: opacity 0.4s;
}
.accordion__title .plus::after {
 content: "";
 display: inline-block;
 width: 20px;
 height: 4px;
 background-color: #fff;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) rotate(90deg);
 transition: transform 0.4s;
}
.accordion__title.show .plus::before {
 opacity: 0;
}
.accordion__title.show .plus::after {
 transform: translate(-50%, -50%) rotate(180deg);
}
.accordion__content {
 display: none;
 padding-top: 40px;
 line-height: 1.8;
}
.accordion__content span{
		color: #FF6C00;
	font-weight: bold;
}

@media (max-width: 767px) {
 .accordion {
  padding: 20px;
  margin-bottom: 30px;
 }
 .accordion__title .q_ttl {
  font-size: 18px;
 }
 .accordion__title .plus {
  width: 30px;
  height: 30px;
 }
 .accordion__title .plus::before,
 .accordion__title .plus::after {
  width: 15px;
  height: 3px;
 }
 .accordion__content {
  padding-top: 20px;
 }
}

/****************
 contact_wrap
****************/
.form_support_wrap > div > div:last-child,
.form_support_wrap .horizontal ul.form_box_list li label {
 display: flex;
	flex-wrap: wrap;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password{
	box-shadow: initial;
}
form#mailformpro label.mfp_not_checked ,
form#mailformpro label.mfp_checked {
border: initial;
	padding: 0;
	background-color: initial;
	box-shadow: initial;
}
.form-check .form-check-input {
	float: inherit;
}
div.mfp_err{
	width: 100%;
}
.mfp_element_all {
max-width: 100%;
}
div.mfp_err {
background-position: 0px 6px;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover,
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev{
	background: #006900;
	text-shadow: none;
	box-shadow: none;
}


.infoArea{
 padding-top: 80px;
}
.infoArea .infoList {
 display: flex;
	flex-wrap: wrap;
}
.infoArea .infoList .infoBox{
 width : -webkit-calc(25% - 15px) ;
 width : calc(25% - 15px) ;
	margin: 0px 20px 20px 0px;
	background: #FFF;
}
.infoArea .infoList .infoBox:nth-child(4n){
 margin: 0px 0px 20px 0px;
}
.infoArea .infoList .infoBox .title{
 padding: 5px;
	font-size:16px;
}
@media (max-width: 767px) {
.infoArea .infoList .infoBox{
 width : -webkit-calc(50% - 10px) ;
 width : calc(50% - 10px) ;
	margin: 0px 20px 20px 0px;
	background: #FFF;
}
.infoArea .infoList .infoBox:nth-child(2n){
	margin: 0px 0px 20px 0px;
}
.infoArea .infoList .infoBox .title{
 padding: 3px;
	font-size:14px;
}
}