@charset "UTF-8";
/* CSS Document */

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    
}
 body {
	-webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html{
    overflow-y: scroll;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
input, textarea{
    margin: 0;
    padding: 0;
}
ol, ul{
    list-style:none;
}
table{
    /**border-collapse: collapse;**/
    border-spacing:0;
}
a:focus {
    outline:none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*促*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.both{
    clear:both;
}
.inline_block {
    display: inline-block;
    *display: inline;
    *zoom: 1;
	border-bottom: dashed 1px #818181;
	font-size: 24px;
	padding-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important; }
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 25px !important; }
.mt30 {margin-top: 30px !important; }
.mt40 {margin-top: 40px !important; }
.mt50 {margin-top: 50px !important; }
.mt60 {margin-top: 60px !important; }
.mt-20 {margin-top: -20px !important; }
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important; }
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 25px !important; }
.mb30 {margin-bottom: 30px !important; }
.mb40 {margin-bottom: 40px !important; }
.mb50 {margin-bottom: 50px !important; }
.mb60 {margin-bottom: 60px !important; }
.mb70 {margin-bottom: 70px !important; }
.mb80 {margin-bottom: 80px !important; }
.mb90 {margin-bottom: 90px !important; }
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}
.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important; }
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 25px !important; }
.pt30 {padding-top: 30px !important; }
.pt40 {padding-top: 40px !important; }
.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important; }
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 25px !important; }
.pb30 {padding-bottom: 30px !important; }
.pb40 {padding-bottom: 40px !important; }
.pl0 {padding-left: 0px !important;}
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pr0 {padding-right: 0px !important;}
.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.font40{font-size:40px !important;}
.font36{font-size:36px !important;}
.font30{font-size:30px !important;}
.font24{font-size:24px !important;}
.font20{font-size:20px !important;}
.font18{font-size:18px !important;}
.font14{font-size:14px !important;}
.font12{font-size:12px !important;}
.font10{font-size:10px !important;}
.bold {font-weight:bold;}
.red{color:#E53743;}
.black{color:#000;}
.blue {color:#004896 !important;}
.pink {color:#db436b !important;}
img{margin: 0;padding: 0;vertical-align: bottom;}
.text-left{ text-align:left;}
.center{text-align: center;}
.rigth{float:right;}
.left {float:left;}
.width30 {width:30px !important;}
.under{	text-decoration:underline;}
.pc-none {display:none;}
.web-font {
font-family: 'Alfa Slab One', cursive;
font-family: 'Ceviche One', cursive;
font-family: 'Fugaz One', cursive;
}
/****************************************
          Link
*****************************************/
nav a:link {
	text-decoration:none;
	color:#000;
}
nav a:visited {
	text-decoration:none;
	color:#000;
}
.link1 a:link {
	color:blue !important;
}
.link1 a:visited{
	color:blue !important;
}
a:hover {
	text-decoration:none;
}
a:active {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
a:hover {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
a:active img {
	-ms-filter:"alpha(opacity=80)";
	zoom:1;
}
a:hover img {
	-ms-filter:"alpha(opacity=80)";
	zoom:1;
}
a:active img:not(:target) {
	-ms-filter:"alpha(opacity=100)";
	zoom:1;
}
a:hover img:not(:target) {
	-ms-filter:"alpha(opacity=100)";
	zoom:1;
}
.hover {
	-ms-filter:"alpha(opacity=80)";
	filter:alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
/****************************************
         top link
*****************************************/

a {
	text-decoration: none;
}
a:hover {
	opacity: 1.0;
	transition: 0.2s;
}
img {
	width: 100%;
}

html {
	margin-top: 0!important;
	height: 100%;
	scroll-behavior: smooth;
	font-size: 62.5%;
}

.anchor {
	padding-top: 60px;
	margin-top: 60px;
}
.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.wrapper > footer {
  margin-top: auto;
}



body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	font-size: 1.6em;
	line-height: 3.4rem;
	font-feature-settings: "palt" 1;
	
	overflow: hidden;
}
.pc-none {
	disply: none!important;
}
.sp-none {
	display: block!important;
}
.wrapper {
	flex: 1;
}
.important_orange {
	color: #FF6200;
	font-weight: 700;
	margin: 0 0.5rem;
}
.small_text {
	font-size: 1.2rem;
	font-weight: 400;
}




.header_logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 10rem;
	z-index: 1000;
}
.hero {
	position: relative;
	width: 100vw;
}
.slider {
	position: relative;
	z-index: 1;	
	width: 100%;
}
.slider_item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height: 100vh!important;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}
.slider_item01_junior {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/fv01.jpg");
}
.slider_item02_junior {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/fv02.jpg");
}
.slider_item03_junior {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/fv03.jpg");
}
.hero_inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.hero_inner_title {
	position: absolute;
	bottom: 0rem;
	left: 0;
	z-index: 1;
	color: #fff;
}
.hero_inner_title h2 {
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	font-size: 12rem;
	line-height: 11rem;
	letter-spacing: 0.5rem;
}
.hero_inner_title p {
	margin: 0 0 2rem;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 0.4rem;
}
.hero_inner_title_target {
	font-size: 2.6rem!important;
}
.hero_cta {
	position: absolute;
	bottom: 5rem;
	right: 0;
	z-index: 1;
}
.hero_btn_outer p {
	margin: 0 0 -1rem;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.hero_btn {
	width: 18rem;
	border-radius: 2rem 0 0 2rem;
	margin: 1.5rem 0;
	padding: 1rem 1rem 1rem 1.5rem;
	background: #fff;
	font-weight: 700;
	text-align: center;
}
.hero_experience_btn {
	border: solid 0.3rem #FF6200;
	border-right: none;
	box-shadow: 0 0.5rem 0.1rem #FF6200;
}
.hero_experience_btn a {
	font-size: 2rem;
	color: #FF6200;
}
.hero_line_btn {
	border: solid 0.3rem #3DC657;
	border-right: none;
	box-shadow: 0 0.5rem 0.1rem #3DC657;
}
.hero_line_btn a {
	position: relative;
	margin: 0 0 0 2rem;
	font-size: 1.8rem;
	color: #3DC657;
}
.hero_line_btn a::before {
	position: absolute;
	top: 0;
	left: -3.5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/line-icon.png") no-repeat;
	background-size: contain;
	width: 2.7rem;
	height: 2.7rem;
}



.hero2 {
	width: 100%;
	background-color: #000;
	padding: 0.1rem 0;
}
.hero2_bg {
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/hero2-bg.png") no-repeat;
	background-size: cover;
	background-position: center;
	margin: 15rem auto;
}
.hero2_inner {
	display: flex;
	justify-content: center;
	min-width: 1100px;
	width: 90%;
	margin: 0 auto;
	padding: 10rem 0;
}
.hero2_bg h2 {
	margin: 0 5rem 0 0;
	font-size: 6rem;
	font-weight: 900;
	line-height: 8rem;
	color: #fff;
}
.hero2_bg p {
	width: 40%;
	margin: 15rem 0 0;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 3rem;
	color: #fff;
}




.concept {
	display: flex;
	align-items: center;
	background: #D21B18;
	min-width: 1200px;
}
.concept img {
	width: 30%;
	margin: 0 15rem 0 0;
}
.concept_right {
	color: #fff;
}
.concept_right h2 span {
	font-size: 5rem;
}
.concept_right h2 {
	margin: 0 0 5rem;
	font-size: 4rem;
	line-height: 6rem;
}
.concept_list {
	margin: 4rem 0;
	padding: 2rem;
	border-radius: 1rem;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #D21B18;
	background: #fff;
}
.concept_list li {
	position: relative;
	margin: 0 0 0 3rem;
}
.concept_list li::before {
	position: absolute;
	top: 0.8rem;
	left: -3rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/concept_list-icon.png") no-repeat;
	background-size: contain;
	width: 2.1rem; 
	height: 2.1rem;
}
.concept_right p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 3rem;
}




.hero_video {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background: #000;
	padding: 0.1rem 0;
}
.hero_video::before {
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translate(-50%);
	content: "RE-SPAWN FIGHTERS";
	min-width: 1200px;
	width: 90%;
	font-family: "Roboto", sans-serif;
	font-size: 10rem;
	font-weight: 900;
	letter-spacing: 0.5rem;
	color: #fff;
	text-align: center;
	opacity: 0.1;
}
.hero_video::after {
	position: absolute;
	bottom: 3rem;
	left: 50%;
	transform: translate(-50%);
	content: "RE-SPAWN FIGHTERS";
	width: 90%;
	min-width: 1200px;
	font-family: "Roboto", sans-serif;
	font-size: 10rem;
	font-weight: 900;
	letter-spacing: 0.5rem;
	color: #fff;
	text-align: center;
	opacity: 0.1;
}
.hero_video h2 {
	margin: 8rem auto 0;
    font-size: 3rem;
    letter-spacing: 0.2rem;
    text-align: center;
    color: #fff;
}
.hero_video iframe {
	display: block;
	width: 80%;
	margin: 2rem auto 10rem;
	aspect-ratio: 16 / 9;
	height: 500px;
}



.gray_bg {
	background: #555555;
	padding: 0.1rem 0;
}
.points {
	min-width: 1000px;
	width: 80%;
	margin: 5rem auto;
}
.points h2 {
	padding: 2rem 0;
	background: #B98F32;
	border-radius: 2rem 2rem 0 0;
	font-size: 3rem;
	line-height: 4.5rem;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #fff;
}
.points_list {
	display: flex;
	justify-content: center;
	background: #F4F4F4;
	border-radius: 0 0 2rem 2rem;
	padding: 2rem 0 5rem;
}
.points_list li {
	width: 20%;
	margin: 1rem;
	padding: 2rem 1rem;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 0.1rem 1rem 0.1rem #E3E3E3;
}
.points_list li img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.points_list li p {
	font-size: 1.6rem;
	text-align: center;
	line-height: 2.5rem;
}


.staff {
	max-width: 1400px;
	min-width: 1000px;
	width: 80%;
	margin: 15rem auto;
}
.staff h2 {
	position: relative;
	margin: 0 0 0 5rem;
	font-size: 3rem; 
	font-weight: 900;
	letter-spacing: 0.2rem;
	color: #fff;
}
.staff h2::before {
	position: absolute;
	top: 0.4rem;
	left: -5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/title-icon-white.png") no-repeat;
	background-size: contain;
	width: 3.6rem; 
	height: 3.6rem;
}
.staff h2::after {
	position: absolute;
	content: "STAFF";
	margin: 0 0 0 2rem;
	font-size: 2rem; 
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #fff;
}
.staff_list li {
	display: flex;
	align-items: center;
	margin: 5rem auto;
	padding: 5rem 8rem;
}
.staff_list li:nth-child(1),
.staff_list li:nth-child(3) {
	background: #B98F32;
	color: #fff;
}
.staff_list li:nth-child(2) {
	background: #fff;
	color: #B98F32;
}
.staff_list li img {
	max-width: 30rem;
	width: 40%;
	margin: 0 5rem 0 0;
}
.staff_position {
	font-weight: 700;
	line-height: 2.6rem;
}
.staff_text h3 {
	margin: 2rem auto 2rem;
	padding: 0 1rem 1rem;
	font-size: 3rem;
	letter-spacing: 0.4rem;
}
.staff_text h3 span {
	margin: 0 0 0 2rem;
	font-size: 1.5rem;
	font-weight: 400;
}
.staff_maintext {
	padding: 0 1rem;
	font-size: 1.4rem;
	line-height: 2.6rem;
}
.yumesen {
	display: inline-block;
	border-bottom: solid 0.1rem #fff;
	font-size: 1.2rem;
	color: #fff;
}



.overview {
	background: #D21B17;
	width: 100%;
	margin: 0 auto ;
}
.overview h2 {
	position: relative;
	margin: 0 0 0 5rem;
	font-size: 3rem; 
	font-weight: 900;
	letter-spacing: 0.2rem;
	color: #fff;
}
.overview h2::before {
	position: absolute;
	top: 0.4rem;
	left: -5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/title-icon-white.png") no-repeat;
	background-size: contain;
	width: 3.6rem; 
	height: 3.6rem;
}
.overview h2::after {
	position: absolute;
	content: "OVERVIEW";
	margin: 0 0 0 2rem;
	font-size: 2rem; 
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #fff;
}
.overview_wrapper {
	max-width: 1400px;
	min-width: 1000px;
	width: 90%;
	margin: 0 0 0 auto;
	padding: 15rem 0 10rem;
}
.overview_flex {
	display: flex;
	justify-content: flex-end;
	background: #fff;
	width: 95%;
	margin: 5rem 0 0 auto;
	padding: 5rem 0;
}
.overview_wrapper table {
	margin: 1rem auto;
}
.overview_wrapper table th {
	padding: 1rem 2rem;
	border-bottom: solid 0.1rem #B5B5B5;
	font-size: 1.5rem;
	text-align: left;
	line-height: 2.5rem;
}
.overview_wrapper table td {
	padding: 1rem 2rem;
	border-bottom: solid 0.1rem #B5B5B5;
	font-size: 1.5rem;
	text-align: left;
	line-height: 2.5rem;
}
.bordernone {
	border-bottom: none!important;
}
.overview_flex_right {
	width: 45%;
	margin: -10rem 0 0;
}
.overview_wrapper img {
	object-fit: contain;
	margin: 0 0 2rem;
}
.overview_flex_right iframe {
	width: 100%;
    aspect-ratio: 16 / 9;
}




.voice {
	width: 100%;
	background-color: #000;
}
.voice_bg {
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/voice-bg.png") no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	padding: 10rem 0;
}
.voice_bg_inner {
	width: 80%;
	margin: 0 auto;
}
.voice h2 {
	position: relative;
	margin: 0 0 0 5rem;
	font-size: 3rem; 
	font-weight: 900;
	letter-spacing: 0.2rem;
	color: #fff;
}
.voice h2::before {
	position: absolute;
	top: 0.4rem;
	left: -5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/title-icon-white.png") no-repeat;
	background-size: contain;
	width: 3.6rem; 
	height: 3.6rem;
}
.voice h2::after {
	position: absolute;
	content: "VOICE";
	margin: 0 0 0 2rem;
	font-size: 2rem; 
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #fff;
}

.voice_list {
	position: relative;
	width: 100%;
	height: 60rem;
}
.voice_list li {
	position: absolute;
	display: inline-block;
	padding: 3rem 3rem 3rem;
	font-size: 1.4rem;
	line-height: 2.8rem;
	border-radius: 3rem;
}
.voice_white {
	border: solid 0.2rem #B88F32;
	background: #fff;
	color: #B88F32;
}
.voice_blue {
	background: #B88F32;
	color: #fff;
}
.voice_list li:nth-child(1) {
	width: 35%;
	top: -5rem;
	right: 0;
}
.voice_list li:nth-child(2) {
	width: 35%;
	top: 8rem;
	left: 4%;
}
.voice_list li:nth-child(3) {
	width: 35%;
	bottom: 0rem;
	right: 10%;
}
.voice_title {
	margin: 0 0 2rem;
	font-size: 2rem;
	line-height: 3rem;
	font-weight: 700;
}
.voice_white .voice_title {
	color: #B88F32;
}
.voice_blue .voice_title {
	color: #fff;
}
.voice_name {
	display: inline-block;
	margin: 1.5rem 0 0;
	border-bottom: solid 0.1rem ;
}




.faq {
	position: relative;
	max-width: 1200px;
	min-width: 1000px;
	width: 80%;
	margin: 10rem auto;
}
.faq h2 {
	position: relative;
	width: 20rem;
	margin: 0 auto;
	font-size: 3rem; 
	font-weight: 900;
	letter-spacing: 0.2rem;
	text-align: center;
}
.faq h2::before {
	position: absolute;
	top: 0.4rem;
	left: -4.5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/junior/title-icon.png") no-repeat;
	background-size: contain;
	width: 3.6rem; 
	height: 3.6rem;
}
.faq h2::after {
	position: absolute;
	content: "FAQ";
	margin: 0 0 0 2rem;
	font-size: 2rem; 
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #D21B17;
}
/* FAQ 全体のレイアウト */
.faq ul {
  width: 90%;
  margin: 5rem auto 0;
}
.faq_content {
  margin: 2rem auto;
}
.faq_question {
  display: flex;
  align-items: center;
  padding: 1.5rem 5rem 1.5rem 1rem;
  border: solid 0.2rem #D21B17;
  background: #fff;
  cursor: pointer;
  position: relative; /* 擬似要素配置の基点 */
}

/* 回答部分（初期は完全に隠す） */
.faq_answer {
  display: none;          /* ←ここだけ */
  padding: 1.5rem 5rem 1.5rem 1rem;
  background: #F4F4F4;
  border: solid 0.2rem #D21B17;
  border-top: none;
}

/* Q/A のラベル文字 */
.faq_question p,
.faq_answer p {
  position: relative;
  padding-left: 7rem;
}
.faq_question p::before {
  position: absolute;
  left: 1rem;
  content: "Q";
  font-family: "Roboto", sans-serif !important;
  font-size: 3.5rem;
  color: #D21B17;
}
.faq_answer p::before {
  position: absolute;
  top: -1.5rem;
  left: -1rem;
  content: "A";
  font-family: "Roboto", sans-serif !important;
  font-size: 3.5rem;
  background: #D21B17;
  padding: 1.5rem 1.8rem 1.5rem 2rem;
  color: #fff;
}

/* + / − アイコン */
.faq_question::before,
.faq_question::after {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 0.2rem;
  background-color: #D21B17;
  top: 50%;
  right: 1.5rem;
  transition: transform 0.3s ease-in-out;
}
.faq_question::before {
  transform: translateY(-50%) rotate(0deg);   /* − */
}
.faq_question::after {
  transform: translateY(-50%) rotate(90deg);  /* ＋ */
}
.faq_question.open::after {
  transform: translateY(-50%) rotate(0deg);   /* − に回転 */
}







.contact {
	min-width: 1000px;
	width: 100%;
	background: #B88F32;
}
.contact h2 {
	display: block;
	width: 80%;
	margin: 10rem auto 6rem;
	font-size: 4rem;
	line-height: 6rem;
	color: #FFF
}
.contact_flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 80%;
	
}
.contact_flex img {
	width: 60%;
	object-fit: contain;
	margin: 0 10rem 0 0;
}
.contact_flex p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 3rem;
	color: #fff;
}
.contact_cta {
	position: relative;
	width: 80%;
	margin: 10rem auto;
}
.contact_cta_inner {
	position: relative;
	max-width: 900px;
	min-width: 600px;
	width: 60%;
	padding: 5rem;
	background: #D21B17;
	border-radius: 3rem;
}
.contact_cta_inner h3 {
	font-size: 2.5rem;
	line-height: 4rem;
	color: #FFF
}
.contact_cta img {
	position: absolute;
	bottom: -10rem;
	right: -15rem;
	width: 40%;
}
.contact_inner_btn {
	display: flex;
	justify-content: center;
	width: 90%;
	margin: 3rem auto;
}
.contact_btn {
	width: 24rem;
	border-radius: 1.5rem;
	margin: 1.5rem 1rem;
	padding: 1.5rem 1rem 1.5rem 1.5rem;
	background: #fff;
	font-weight: 700;
	text-align: center;
}
.cta_experience_btn {
	font-size: 2rem;
	color: #FF6200;
	border: solid 0.3rem #FF6200;
	border-right: none;
	box-shadow: 0.5rem 0.5rem 0.1rem 0 #FF6200;
}
.cta_line_btn {
	position: relative;
	font-size: 2rem;
	color: #3DC657;
	border: solid 0.3rem #3DC657;
	border-right: none;
	box-shadow: 0.5rem 0.5rem 0.1rem 0 #3DC657;
}
.cta_line_btn::before {
	position: absolute;
	top: 1.8rem;
	left: 3.2rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/line-icon.png") no-repeat;
	background-size: contain;
	width: 2.7rem;
	height: 2.7rem;
}



.footer {
	background: #000;
}
.footer p {
	padding: 2rem 0;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #fff;
}



.other_banner {
	width: 100%;
	background: #555555;
    padding: 15rem 0 5rem;
	margin: 0 auto;
}
.other_banner h2 {
	margin: 0 auto;
	font-size: 3rem; 
	font-weight: 900;
	letter-spacing: 0.2rem;
	text-align: center;
	color: #fff;
}
.other_banner_inner {
	background: #fff;
	max-width: 1200px;
	min-width: 900px;
	width: 80%;
	margin: 4rem auto;
	padding: 3rem 1rem;
}
.other_banner_inner ul {
	display: flex;
	justify-content: center;
}
.other_banner_inner ul li {
	width: 30%;
	margin: 0 2rem;
}
.other_banner_inner ul li img {
	width: 100%;
	box-shadow: 0 0.1rem 1rem 0.1rem #E3E3E3;
	border-radius: 2rem;
}











/*****リアル*****/

.slider_item01_real {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/fv01.jpg");
}
.slider_item02_real {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/fv02.jpg");
}
.slider_item03_real {
    background-image: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/fv03.jpg");
}


.real .hero2_bg {
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/hero2-bg.png") no-repeat;
	background-size: cover;
	background-position: center;
	margin: 15rem auto;
}
.real .concept {
	background: #B88F32;
}
.real .concept_list {
	color: #B88F32;
}
.real .concept_list li::before {
	position: absolute;
	top: 0.8rem;
	left: -3rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/concept_list-icon.png") no-repeat;
	background-size: contain;
	width: 2.1rem; 
	height: 2.1rem;
}

.real .points h2 {
	background: #3E86BA;
}
.real .points_list_outer {
	background: #F4F4F4;
	border-radius: 0 0 2rem 2rem;
	padding: 0rem 0 5rem;
}
.real .points_list {
	width: 90%;
	margin: 0 auto 3rem;
	border-bottom: solid 0.1rem #3E86BA;
	background: none;
	border-radius: 0;
	padding: 0 0 2rem;
}
.real .points_list li {
	width: 20%;
	margin: 1rem;
	padding: 2rem 1rem;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
.real .points_list li img {
	margin: 2rem auto;
}
.real .points_list_text {
	font-size: 3rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
	line-height: 4rem;
	text-align: center;
	color: #3E86BA;
}

.real .staff_list li:nth-child(1),
.real .staff_list li:nth-child(3) {
	background: #3E86BA;
}
.real .staff_list li:nth-child(2) {
	color: #3E86BA;
}
.real .overview {
	background: #B88F32;
}

.real .voice_bg {
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/voice-bg.png") no-repeat;
	background-size: cover;
	background-position: center;
	margin: 0 auto;
	padding: 10rem 0;
}
.real .voice_white {
	border: solid 0.2rem #3E86BA;
	color: #3E86BA;
}
.real .voice_blue {
	background: #3E86BA;
}
.real .voice_white .voice_title {
	color: #3E86BA;
}
.real .faq h2::before {
	position: absolute;
	top: 0.4rem;
	left: -4.5rem;
	content: "";
	background: url("https://re-spawn.jp/wp-content/themes/respawn/kick-lp/images/real/title-icon-brown.png") no-repeat;
	background-size: contain;
	width: 3.6rem; 
	height: 3.6rem;
}
.real .faq h2::after {
	position: absolute;
	content: "FAQ";
	margin: 0 0 0 2rem;
	font-size: 2rem; 
	font-weight: 700;
	letter-spacing: 0.2rem;
	color: #B88F32;
}
.real .faq_question {
  border: solid 0.2rem #B88F32;
}
.real .faq_answer {
  border: solid 0.2rem #B88F32;
  border-top: none;
}
.real .faq_question p::before {
  position: absolute;
  left: 1rem;
  content: "Q";
  font-family: "Roboto", sans-serif !important;
  font-size: 3.5rem;
  color: #B88F32;
}
.real .faq_answer p::before {
  position: absolute;
  top: -1.5rem;
  left: -1rem;
  content: "A";
  font-family: "Roboto", sans-serif !important;
  font-size: 3.5rem;
  background: #B88F32;
  padding: 1.5rem 1.8rem 1.5rem 2rem;
  color: #fff;
}
.real .faq_question::before,
.real .faq_question::after {
  content: "";
  position: absolute;
  width: 1.8rem;
  height: 0.2rem;
  background-color: #B88F32;
  top: 50%;
  right: 1.5rem;
  transition: transform 0.3s ease-in-out;
}
.real .contact {
	background: #3E86BA;
}
.real .contact_cta img {
	display: none;
}
.real .contact_cta_inner {
	background: #B88F32;
	border: solid 0.2rem #fff;
	width: 80%;
    padding: 5rem;
    margin: 0 auto;
}