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

@font-face {
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans CJK JP"),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
 }


html{
	font-size: 62.5%; /*16px ×62.5％=10px*/
}
body{
  	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.6rem;
    font-feature-settings: "palt";
	letter-spacing: 0.05em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
/*
	max-width: 1500px;
	margin: 0 auto;
*/
	box-sizing: border-box;
}
img{
	max-width: 100%;
	height: auto;
}
.br-sp{
	display: none;
}


/*ヘッダー*/
.top-header {
/*	width: 100vw;*/
/*
	width: 1300px;
	margin: 0 auto;
*/
/*	height: 100vh;*/
	position: relative;
	padding-bottom: 50px;
}

.glmenu-wrap{
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    position: fixed;
    top: 0;
	z-index: 100;
}
.hed_menu ul{
	display: flex;
	justify-content: space-between;
}
.hed_logowrap{
	width: 100px;
	margin-left: 10px;
}
.hed_menu li{
	text-align: center;
	padding: 5px 30px;
	line-height: 1.4rem;
	font-style: italic;
	text-shadow: 2px 1px 1px #fff;
}
.hed_menu span{
	font-style: normal;
	font-size: 0.9rem;
}
.hed_menu a{
	color: #d90202;
}
/*赤帯*/
.bgc_red{
	background-color: #d90202;
	max-width: 47%;
	height: 1500px;
	position: relative;
	z-index: 0;
}
/*heroimg*/

.example1{
	height: 1px;
	border: none;
	border-top: 1px #000000 solid;
	width: 100%;
	position: absolute;
	top: 115px;
}
.rec2022-black{
	position: absolute;
    z-index: 90;
    top: 93px;
    left: 0;
    width: 40%;
    height: 67px;
    background-color: #020018;
    text-align: right;
	
	
}
.company_name{
	font-size: 2.7rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	letter-spacing: 0.1rem;
	position: relative;
	top: -23px
}
.rec_2022{
	font-size: 2.7rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	letter-spacing: 0.2rem;
	color: #fff;
	position: relative;
	top: -8px;
}
h1 {
	display: none;
}


.heroimg-wrap{
	position: absolute;
	top: 138px;
	left: 0;
  	right: 0;
  	bottom: 0;
  	margin: auto;
	max-width: 1350px;
}
.movie_wrap_sp{
	display: none;
}
.movie_wrap{
	position: absolute;
    right: 0;
    width: 1000px;
}
.movie_wrap video{
	width: 100%;
	position: relative;
	right: 0;
}
.gradiention {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(
0.25turn
, rgba(184, 184, 184, 0.3), rgba(239, 239, 239, 0.3) ) fixed;
}
.slogan-wrap{
	position: absolute;
    top: 367px;
    left: 7%;
    z-index: 20;
    text-align: right;
}
.en-copy{
	font-size: 9rem;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	font-style: italic;
	font-weight: 600;
	text-shadow: #888888 1px 0 10px;
}
.jn-copy{
	font-size: 3.5rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin-top: 20px;
	letter-spacing: 0.6rem;
	font-weight: 500;
	text-shadow: #888888 1px 0 10px;
}
hr.example5 {
	height: 1px;
	border: none;
	border-top: 1px #000000 solid;
	width: 100%;
	position: absolute;
	top: 707px;
}
/*エントリーボタン*/
.entry-bottom{
	border: 1px solid #FFF;
    background-color: #d90202;
    position: fixed;
    bottom: 30px;
    right: 36px;
    z-index: 999;
    padding: 20px 40px;
    text-align: center;
    color: #fff;
    line-height: 1.4rem;
    font-style: italic;
    font-size: 2rem;
}
.entry-bottom a{
	color: #fff;
	
}
.entry-bottom span {
	font-size: 1.3rem;
}


/*メッセージセクション*/
.message{
	position: relative;
/*	height: 644px;*/
	margin-bottom: -1260px;
}
.bgc_red_mes {
	background-color: #d90202;
	max-width: 47%;
	height: 0px;
	position: relative;
	top: -50px;
	z-index: 0;
}
.mes-white{
	max-width: 800px;
	margin: 0 auto 10px;
	padding: 80px 50px;
	position: relative;
	top: -667px;
	z-index: 20;
	background-color: #fff;
	box-shadow: 2px 2px 11px #8f8f8f;
}


.mes-white:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 150px;
    height: 8px;
    background-color: #11e67f;
}
h2{
	font-size: 5rem;
	letter-spacing: 0.1em;
	font-family: "Futura Medium Italic",;
	font-style: italic;
	font-weight: 600;
	
}
h2 span{
	font-size: 2rem;
    letter-spacing: 0.04em;
    font-weight: 300;
    font-style: normal;
    margin-left: 15px;
}
.h2-messe{
	position: absolute;
    top: -41px;
    left: 21px;
	
}
.mes-text{
	font-size: 1.7rem;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	letter-spacing: 0.2rem;
	line-height: 3rem;
	margin-right: 50px;
	
}
.mes-text span{
	font-size: 2.5rem;
}

.bgc_black_mes {
	display: table;
    position: relative;
    top: -1509px;
    width: 100%;
    height: 793px;
    background: #020018;
    transform: skewY(
-18deg
);
    z-index: 0;
	
}
.secondphase-en {
	writing-mode: vertical-rl;
	font-feature-settings: normal;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	position: absolute;
	right: -29px;
	top: 40px;
	font-size: 4rem;
	line-height: 4.3rem;
	color: #d90202;
/*	text-transform: uppercase;*/
	letter-spacing: 0.3rem;
}
.secondphase-jp {
    writing-mode: vertical-rl;
    font-feature-settings: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    position: absolute;
    right: 10px;
    top: 227px;
    font-size: 2.8rem;
    line-height: 4.3rem;
    color: #d90202;
    /* text-transform: uppercase; */
    letter-spacing: 0.3rem;
}







/*ビジネスセクション*/
.bus-title-wrap{
	max-width: 980px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 50px;
	
}
.red-square{
	width: 80px;
	height: 80px;
	background-color: #d90202;
}
.green-line-bus{
	width: 200px;
	height: 8px;
	background-color: #11e67f;
	position: absolute;
	left: 50px;
	top: 76px;
}
.h2-business{
	position: absolute;
	top: 34px;
	left: 30px;
}
.bus-subtext{
	max-width: 780px;
	margin: 0 auto;
	line-height: 2.5rem;
	letter-spacing: 0.1em;
	font-size: 1.6rem;
}
.bus-redband{
	background-color: #d90202;
    width: 100%;
    height: 344px;
    margin-top: 130px;
    position: relative;
    top: -49px;
    z-index: 0;
}
.eventmedia-div{
	max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: -422px;
    z-index: 1;
}
.event-textwrap{
	position: absolute;
	left: 0;
	top: 83px;
	color: #fff;
	width: 380px;
}
.event-imgwrap{
	position: absolute;
	right: 0;
}
.busdiv-title{
	font-size: 3rem;
	font-style: italic;
	letter-spacing: 0.5rem;
	font-weight: 600;
	margin-bottom: 12px;
}
.busdiv-title span{
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	font-weight: 300;
}
.busdiv-text{
	padding-top: 10px;
	font-size: 1.6rem;
	letter-spacing: 0.1rem;
	line-height: 2.5rem;
}
.bus-line{
	width: 60%;
}
.media-textwrap{
	position: absolute;
	right: 0;
	top: 83px;
	color: #fff;
	width: 370px;
}
.media-imgwrap{
	position: absolute;
	left: 0;
}
/*WORKセクション*/
.work-sec{
	padding-top: 120px;
}

.slider-wrap{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}



.h2-work{
	writing-mode: vertical-rl;
    font-feature-settings: normal;
    position: absolute;
    left: 85px;
    top: -3px;
    z-index: 4;
}
.work-red-square{
	width: 80px;
    height: 80px;
    background-color: #d90202;
    position: absolute;
    left: 80px;
    top: -37px;
    z-index: 2;
}
.work-green-line-bus{
	width: 8px;
    height: 200px;
    background-color: #11e67f;
    position: absolute;
    left: 88px;
    top: 33px;
	z-index: 3;
}
.work-subtext{
	position: absolute;
    left: 200px;
    top: -69px;
    line-height: 2rem;
    max-width: 688px;
	line-hight: 2.5rem;
    letter-spacing: 0.1em;
	
}


/*スライダー*/
.slider{
    margin: 0px auto;
    max-width: 900px;
    padding: 0 20px;
	position: absolute;
	left: 50px;
	z-index: 1;
}
.slide_contents{
	position: relative;
	display: block;
	max-width: 1000px;
}
.slide-textwrap{
	position: absolute;
    right: 100px;
    top: 427px;
    max-width: 540px;
    height: auto;
    padding: 15px 20px;
    background-color: #020018;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
/*
	display: flex;
  	justify-content: center;
  	align-items: center;
*/
}

.slide-textwrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    width: 6px;
    height: 100%;
    background-color: #d90202;
}
.work_title{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 1.9rem;
    etter-spacing: 0.03rem;
    color: #fff;
    margin-bottom: 12px;
}
.divsion{
	letter-spacing: 0.2rem;
	margin-left: 15px;
	font-size: 1.4rem;
	color: #fff;
}
.work_text{
	font-size: 1.5rem;
	letter-spacing: 0.03rem;
	line-height: 2rem;
	color: #fff;
}
.slider img{
    height: auto;
  	max-width: 708px;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*背景ななめ*/
.bgc-grey {
    position: relative;
	z-index: 0;
	margin-bottom: -131px;
}
.bgc-grey:before {
    content: "";
    position: absolute;
    top: -400px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 100vw 250px 0;
    border-color: transparent transparent #eae9da transparent;
	z-index: 0;
	
}


/*CULTUREセクション*/
.culture-sec {
    background-color: #eae9da;
    padding: 254px 0;
}

.cul-inner{
	max-width: 4000px;
	margin: 0 auto;
}
.cul-line{
	background-color: #020018;
}

.cul-title-wrap {
    position: relative;
	display: flex;
  	align-items: center; /* 垂直中心 */
  	justify-content: space-between;
}
.cul-title-wrap:before {
  	border-top: 1px solid;
  	content: "";
  	width: 50%; /* 線の長さ */
}
.cul-title-wrap:after {
  	border-top: 1px solid;
  	content: "";
  	width: 14%; /* 線の長さ */
}


.cul-title-wrap:before {
  	margin-right: 1em;  
}
.cul-title-wrap:after {
  	margin-left: 1em;   
}


.cul-red-square {
    width: 80px;
    height: 80px;
	margin: 0 auto 0 0;
    background-color: #d90202;
	position: absolute;
	left: 51%;
}
.cul-green-line {
    width: 200px;
    height: 8px;
    background-color: #11e67f;
    position: absolute;
    left: 53%;
    top: 37px;
}
.h2-culture {
	position: absolute;
    left: 55%;
    top: -4px;
}
.cul-imgwrap{
	width: 900px;
	margin: 0 auto;
	padding: 200px 0;
	position: relative;
}
.cul-img-sp{
	display: none;
}

.cul-img-pc{
	width: 450px;
}
.vision-wrap{
	position: absolute;
    top: 185px;
    left: 380px;
}
.cred-title{
	font-size: 3rem;
	color: #d90202;
}
.cred-text{
	font-size: 2rem;
	margin: 6px 0 8px 20px;
}
.cred-sub-text {
	font-size: 1.5rem;
	margin: 6px 0 18px 20px;
	
}
.cre-cul-wrap{
	position: absolute;
    top: 254px;
    left: 421px;
}
.values-wrap{
	position: absolute;
    top: 358px;
    left: 459px;
}
/*背景ななめ*/
.bgc-grey2 {
    position: relative;
	z-index: 0;
	background-color: #eae9da;
/*	margin-bottom: -131px;*/
}
.bgc-grey2:after {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 100vw 250px 0;
    border-color: transparent transparent #ffffff transparent;
    z-index: 0;
}
/*INTERVIEWセクション*/
.inter-title-wrap{
	max-width: 980px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
}
.red-square-interview{
	width: 80px;
    height: 80px;
    background-color: #d90202;
}

.green-line-interview{
	width: 279px;
    height: 8px;
    background-color: #11e67f;
    position: absolute;
    left: 50px;
    top: 76px;
	
}
.h2-interview{
	position: absolute;
    top: 34px;
    left: 30px;
}
.in-samne-1wrap {
	max-width: 1500px;
	margin: 0 auto 50px;
	height: 410px;
	background-image: url("../img/interview-bg-sales.jpg");
/*	background-position: center;*/
	background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
.in-samne-2wrap {
	max-width: 1500px;
	margin: 0 auto 50px;
	height: 410px;
	background-image: url("../img/interview-bg-arisa.jpg");
/*	background-position: center;*/
	background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
.in-samne-3wrap {
	max-width: 1500px;
	margin: 0 auto 50px;
	height: 410px;
	background-image: url("../img/interview-bg-keita.jpg");
/*	background-position: center;*/
	background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
.inter-main-wrap{
	max-width: 954px;
	margin: 0 auto;
	padding: 60px 0;
	display: flex;
	justify-content: space-between;
}
.inter-text-wrap{
	color: #CB0202;
	position: relative;
	top: 67px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.inter-text-wrap2{
	color: #CB0202;
	position: relative;
	top: 67px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.in-text-div{
	font-size: 1.8rem;
	font-weight: 600;
	margin-bottom: 13px;
	text-shadow: #FFF 1px 4px 10px;
}
.in-text-line{
	width: 55%;
	height: 1px;
	background-color: #d90202;
	margin-bottom: 10px;
}
.in-text-title{
	font-size: 2.7rem;
	font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.3rem;
    margin-bottom: 19px;
	text-shadow: #FFF 1px 4px 10px;
}
/*
.viewmore-a{
	color: #fff;
}
.viewmore-box {
    background-color: #d90202;
    width: 140px;
    text-align: center;
    padding: 8px 0;
    font-size: 1.3rem;
	letter-spacing: 0.2rem;
	box-shadow: 2px 2px 6px #fff;
}	
*/
.inter-img-wrap{
	position: relative;
}
.inter-img-wrap2{
	position: relative;
}
.inter-img-wrap3{
	position: relative;
}
.inter-img{
	width: 498px;
	box-shadow: 2px 2px 11px #8f8f8f;
}
.in-red-line {
    width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
   	top: 191px;
    right: -16px;
}
.interview-number{
	font-size: 3rem;
	letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
	color: #d90202;
	position: absolute;
	top: 209px;
    right: 9px;
}
.interview-number span{
	font-size: 9rem;
	letter-spacing: -0.7rem;
	font-family: "MS Serif";
}

.in-red-line2{
	width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
   	top: 191px;
    left: -16px;
}
.interview-number2 {
    font-size: 3rem;
    letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
    color: #d90202;
    position: absolute;
    top: 209px;
  	left: 9px;
}
.interview-number2 span{
	font-size: 9rem;
	letter-spacing: -0.7rem;
	font-family: "MS Serif";
}



/*RECRUITセクション*/

.recruit-sec{
	padding-top: 100px;
}
.rec-title-wrap{
	width: 432px;
	margin: 0 auto;
	position: relative;
	
}
.rec-red-square{
	width: 80px;
    height: 80px;
    margin: 0 auto 0 0;
    background-color: #d90202;
    position: absolute;
    left: 0%;
	z-index: 0;
}
.rec-green-line{
    width: 182px;
    height: 8px;
    background-color: #11e67f;
    position: absolute;
    left: 13%;
    top: 77px;
    z-index: 1;
}
.h2-rec{
    position: absolute;
    left: 11%;
    top: 24px;
    z-index: 2;
}
.recruit_data{
	max-width: 800px;
	margin: 0 auto;
	font-size: 1.6rem;
	letter-spacing: 0.05rem;
	line-height: 1.8rem;
	padding: 150px 10px 0;
	margin-bottom: 150px;
}
tbody{
/*
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
*/
}
.r_data_detail{
	max-width: 900px;
	margin: 0 auto;
}
tr{
	border-bottom: 1px solid #d90202;
}
th{
	width: 250px;
	font-weight: 600;
	text-align: right;
}
td{
	width: 550px;
	padding: 50px 0 50px 80px;
}

/*footer*/
footer{
	background-color: #020018;
}
footer p{
	text-align: center;
	padding: 15px;
}

small{
	color: #fff;
	
}

/*--------------------------------------------------
★インタビューページ＿共通
---------------------------------------------------*/
.inpage-header{
	margin-bottom: 10px;
}
.interview_glmenu-wrap{
	display: flex;
	padding: 20px 0;
}

.interview-prof-sec{
	max-width: 800px;
	margin: 0 auto;
	padding:  50px 0 60px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.prof-messe{
	border-top: solid 1px #CB0202;
    border-bottom: solid 1px #CB0202;
	padding: 15px 0;
	
}
.interview_hed_logowrap{
	width: 100px;
	margin-left: 10px;
}
.in-rec-2022{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 11px 0 0 5px;
    font-size: 1.5rem;
}
.pankuzu{
	padding: 0 0 10px 10px;
	color: #CB0202;
	font-size: 1.35rem;
}
.pankuzu a{
	color: #CB0202;
}
/*インタビューFVセクション*/
.interpage-main-wrap {
    max-width: 954px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
}
.interpage-text-wrap {
    color: #CB0202;
    position: relative;
    top: 67px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.inpage-text-div {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 23px;
    text-shadow: #fff 1px 4px 10px;
}
.inpage-text-line {
    width: 55%;
    height: 1px;
	background-color: #d90202;
}
.inpage-text-title{
	font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    letter-spacing: 0.24rem;
    margin: 19px 0;
    text-shadow: #fff 1px 4px 10px;
}
.interpage-img-wrap {
    position: relative;
}
.interpage-img{
	width: 498px;
    box-shadow: 2px 2px 11px #8f8f8f;
}
.inpage-red-line {
    width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
    top: 191px;
    right: -16px;
}
.interviewpage-number {
    font-size: 3rem;
    letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
    color: #d90202;
    position: absolute;
    top: 209px;
    right: 9px;
}
.interviewpage-number span{
    font-size: 9rem;
    letter-spacing: -0.7rem;
    font-family: "MS Serif", "New York", "serif";
}
/*インタビューFVセクション_左に写真ver*/
.interpage-main-wrap {
    max-width: 954px;
    margin: 0 auto;
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
}
.interpage-text-wrap2 {
    color: #CB0202;
    position: relative;
    top: 67px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.inpage-text-div2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 23px;
    text-shadow: #fff 1px 4px 10px;
}
.inpage-text-line2 {
    width: 55%;
    height: 1px;
	background-color: #d90202;
}
.inpage-text-title2 {
	font-size: 2.7rem;
    font-weight: 600;
    line-height: 4rem;
    letter-spacing: 0.24rem;
    margin: 19px 0;
    text-shadow: #fff 1px 4px 10px;
}
.interpage-img-wrap2 {
    position: relative;
}
.interpage-img2 {
	width: 498px;
    box-shadow: 2px 2px 11px #8f8f8f;
}
.inpage-red-line2 {
    width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
    top: 191px;
    left: -16px;
}
.interviewpage-number2 {
    font-size: 3rem;
    letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
    color: #d90202;
    position: absolute;
    top: 209px;
    left: 9px;
}
.interviewpage-number2 span{
    font-size: 9rem;
    letter-spacing: -0.3rem;
/*    font-family: "MS Serif", "New York", "serif";*/
}




/*インタビューテキストセクション*/
.text-redbold{
	color: #CB0202;
	font-weight: 600;
}
.text-redbold2{
	color: #d90202;
/*
	font-weight: 600;
	background: linear-gradient(transparent 60%, #d90202 30%);
*/
}

.more-interview-sec{
	padding: 200px 0 108px;
}

.in-text-sec{
	max-width: 1500px;
	margin: 0 auto;
}
.in-title-black{
	background-color: #020018;
	margin-bottom: 30px;
	padding: 6px;
}
.interview-catch{
	max-width: 800px;
	margin: 0 auto;
	color: #fff;
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 600;
	padding: 15px 20px;
	border-left: 5px solid #11e67f;
}
.in-text-section{
	max-width: 820px;
    margin: 58px auto 70px;
}
.inter-text-img{
	box-shadow: 1px 1px 8px #8f8f8f;
}
/*OTHER INTERVIEW セクション*/
.more-wrap{
	display: flex;
	max-width: 820px;
	margin: 50px auto 100px;
	justify-content: space-between;
}
.more-wrap-left{
	width: 49%;
}
.more-inter-img-wrap {
    position: relative;
}
.more-inter-img {
    width: 400px;
    box-shadow: 2px 2px 11px #8f8f8f;
}
.more-in-red-line1 {
    width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
    top: 145px;
    left: -16px;
}
.more-in-red-line2 {
    width: 60px;
    height: 8px;
    background-color: #d90202;
    position: absolute;
    top: 145px;
    right: -16px;
}
.more-interview-number1 {
    font-size: 3rem;
    letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
    color: #d90202;
    position: absolute;
    top: 163px;
    left: 9px;
}
.more-interview-number1 span {
    font-size: 8rem;
    letter-spacing: -0.3rem;
    font-family: "MS Serif";
}
.more-interview-number2 {
    font-size: 3rem;
    letter-spacing: 0.1em;
    font-style: italic;
    font-weight: 600;
    color: #d90202;
    position: absolute;
    top: 163px;
    right: 9px;
}
.more-interview-number2 span {
    font-size: 8rem;
   	letter-spacing: -0.3rem;
    font-family: "MS Serif";
}
.more-inter-text-wrap1 {
    color: #CB0202;
    position: relative;
    top: 36px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.more-inter-text-wrap2 {
    color: #CB0202;
    position: relative;
    top: 36px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	text-align: right;
}
.more-in-text-line1 {
    width: 55%;
    height: 1px;
	position: absolute;
	left: 0;
    background-color: #d90202;
    margin-bottom: 10px;
}
.more-in-text-line2 {
    width: 55%;
    height: 1px;
	position: absolute;
	right: 0;
    background-color: #d90202;
    margin-bottom: 10px;
}
.more-in-text-title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3.2rem;
    letter-spacing: 0.3rem;
    margin: 24px 0 19px;
    text-shadow: #fff 1px 4px 10px;
}
.more-viewmore-box1 {
    background-color: #d90202;
    width: 140px;
    text-align: center;
    padding: 8px 0;
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
    box-shadow: 2px 2px 6px #fff;
}
.more-viewmore-box2 {
    background-color: #d90202;
    width: 140px;
	position: absolute;
	right: 0;
    text-align: center;
    padding: 8px 0;
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
    box-shadow: 2px 2px 6px #fff;
}
/**/

.custom-btn {
  	width: 140px;
  	height: 33px;
  	color: #fff;
	text-align: center;
    padding: 8px 0;
    font-size: 1.3rem;
    letter-spacing: 0.2rem;
    box-shadow: 2px 2px 6px #fff;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  	background: transparent;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	position: relative;
  	display: inline-block;
  	box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  	outline: none;
}

/* btn-gold */
.btn-gold {

background: linear-gradient(0deg, rgba(197, 2, 2) , rgba(217, 2, 2)100%);
  line-height: 36px;
  padding: 0;
  border: none;
}
.btn-gold span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-gold:before,
.btn-gold:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: rgba(217, 2, 2);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-gold:before{
   height: 0%;
   width: 2px;
}
.btn-gold:after {
  width: 0%;
  height: 2px;
}
.btn-gold:hover{
  color: rgba(217, 2, 2);
  background: transparent;
}
.btn-gold:hover:before {
  height: 100%;
}
.btn-gold:hover:after {
  width: 100%;
}
.btn-gold span:before,
.btn-gold span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(217, 2, 2);
  box-shadow:
   -7px -7px 20px 0px rgba(255,255,255,.9),
   -4px -4px 5px 0px rgba(255,255,255,.9),
   7px 7px 20px 0px rgba(0,0,0,.2),
   4px 4px 5px 0px rgba(0,0,0,.3);
  transition: all 0.3s ease;
}
.btn-gold span:before {
  width: 2px;
  height: 0%;
}
.btn-gold span:after {
  height: 2px;
  width: 0%;
}
.btn-gold span:hover:before {
  height: 100%;
}
.btn-gold span:hover:after {
  width: 100%;
}




@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/**/



.more-inter-title-wrap {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
}
.more-red-square-interview {
    width: 80px;
    height: 80px;
    background-color: #d90202;
}
.more-green-line-interview {
    width: 462px;
    height: 8px;
    background-color: #11e67f;
    position: absolute;
    left: 50px;
    top: 76px;
}
.more-h2-interview {
    position: absolute;
    top: 34px;
    left: 30px;
}
.inpage-arisa-wrap{
	max-width: 1500px;
    margin: 0 auto;
    height: 410px;
    background-image: url("../img/interview-bg-arisa.jpg");
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}
.inpage-keita-wrap{
	max-width: 1500px;
    margin: 0 auto;
    height: 410px;
    background-image: url("../img/interview-bg-keita.jpg");
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}

/*
.solo-prof-title{
	font-size: 2rem;
	padding: 0 20px;
	margin-bottom: 14px;
}
*/
.solo-prof-name {
    font-size: 2rem;
	padding: 0 19px;
	margin-bottom: 10px;
	font-weight: 600;
}
.solo-prof-name span {
	font-size: 1.8rem;
	
	
}

.solo-prof {
    font-size: 1.7rem;
    line-height: 2.3rem;
	padding: 0 20px;
}
.solo-prof span{
	font-size: 2rem;
	margin-bottom: 5px;
	
}



/*---------------------------------------------------
インタビューページ＿営業
---------------------------------------------------*/
.inpage-sales-wrap{
	max-width: 1500px;
    margin: 0 auto 50px;
    height: 410px;
    background-image: url(../img/interview-bg-sales.jpg);
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 80%;
}

.sales-3men-wrap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.men-img{
	width: 200px;
	box-shadow: 1px 1px 8px #8f8f8f;
}
.sales-prof-wrap{
	text-align: center;
	
}
.sales-name{
	margin: 25px 0 10px;
	font-size: 2rem;

}
.sales-div{
	margin-bottom: 10px;
	
}
.sales-year{
	font-size: 1.3rem;
	
}
.sales-messe{
	text-align: center;
	font-size: 1.7rem;
	line-height: 2.3rem;
}
.cross-talk-wrap{
	display: flex;
	justify-content: space-between;
}
.cross-talk-img{
	width: 100px;
	box-shadow: 1px 1px 8px #8f8f8f;
	align-self: flex-start;
}
.talk-p {
    max-width: 697px;
    margin: 15px 0 40px;
    font-size: 1.7rem;
    line-height: 3rem;
}
.text-name{
	font-size: 1.8rem;
	font-weight: 600;
}

.talk-p-solo {
    font-size: 1.7rem;
    line-height: 3rem;
	margin-bottom: 50px;
}


/*タブレットレスポンシブ*/
@media screen and (max-width:960px) {
	.hed_menu li {
   	 	padding: 5px 19px;
	}
	.rec2022-black {
    	top: 114px;
	}
	.example1 {
    	top: 134px;
	}
	.rec_2022 {
   		font-size: 2.4rem;
    	top: -7px;
	}
	.movie_wrap {
    	width: 701px;
		top: 19px;
	}
	.slogan-wrap {
    	top: 360px;
    	left: 1%;
	}
	.en-copy {
    	font-size: 8.3rem;
	}
	.jn-copy {
    	margin-top: 12px;
	}
	hr.example5 {
    	top: 629px;
	}
	.bgc_red {
    	height: 1369px;
	}
	.entry-bottom {
    	bottom: 16px;
    	right: 15px;
	}
	
/*メッセセクション*/
	.mes-white {
    	max-width: 610px;
    	padding: 80px 50px;
	}
/*ビジネスセクション*/
	.business-sec{
		
	}
	.bus-title-wrap {
		max-width: 650px;
		margin-bottom: 29px;
	}
	.bus-subtext {
		max-width: 680px;
		margin-bottom: 81px;
	}
	.bus-redband {
		margin-top: 52px;
	}
	.eventmedia-div {
    	max-width: 714px;
    	top: -422px;
	}
	.event-imgwrap, .media-imgwrap {
    	width: 360px;
		top: 74px;
	}
	.event-textwrap,.media-textwrap {
    	width: 330px;
		top: 79px;
	}
	
/*WORKセクション	*/
	.work-sec{
		
	}
	.work-subtext {
    	left: 29px;
	    top: -101px;

	}
	.work-red-square {
	    left: 8px;
	}
	.h2-work {
	    left: 16px;
	}
	.work-green-line-bus {
	     left: 17px;
	}
	.slider-wrap {
		width: 750px;
	}
	.slider {
	    max-width: 700px;
		left: 10px;
	}
	.slide-textwrap {
    	right: 4px;
    	top: 362px;
    	max-width: 547px;
	}
	
	.slider img {
	    max-width: 618px;
	}
	
/*カルチャーセクション*/
	.cul-title-wrap:before {
    	width: 36%;
	}
	.cul-red-square {
    	left: 40%;
	}
	.cul-imgwrap {
    	width: 735px;
	}
	.cul-img-pc {
    	width: 410px;
	}
	.h2-culture {
    	left: 43%;
	}
	.cul-green-line {
	    left: 46%;
	}
	.vision-wrap {
	    left: 344px;
	}
	.cre-cul-wrap {
    	top: 247px;
    	left: 384px;
	}
	.values-wrap {
    	top: 343px;
    	left: 419px;
	}
	.bgc-grey2:after {
		top: -15px;
	}
	
/*インタビューセクション	*/
	.inter-title-wrap {
    	max-width: 682px;
	}
	.in-samne-1wrap ,.in-samne-2wrap ,.in-samne-3wrap {
		height: 355px;
		margin: 0px auto 44px;
	}

	.inter-text-wrap {
    	top: 54px;
    	left: 14px;
	}
	.inter-text-wrap2 {
    	color: #CB0202;
    	position: relative;
    	top: 44px;
		left: -10px;
    	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.inter-img-wrap {
    	position: relative;
    	top: 18px;
		left: -10px;
	}
	.inter-img-wrap2 {
    	position: relative;
    	top: 18px;
		left: 5px;
	}
	.inter-img-wrap3 {
    	position: relative;
    	top: 18px;
		left: -10px;
	}
	
	.inter-img {
    	width: 371px;
	}
	.inter-main-wrap {
    	max-width: 735px;
	}
	.in-text-title {
    	font-size: 2rem;
	    letter-spacing: 0.2rem;
	}
	.interview-number {
    	font-size: 2.7rem;
    	top: 153px;
    	right: 15px;
	}
	.interview-number span {
    	font-size: 7rem;
	}
	.in-red-line {
    	width: 48px;
    	height: 6px;
    	background-color: #d90202;
    	position: absolute;
    	top: 128px;
    	right: -8px;
	}
	.interview-number2 {
    	font-size: 2.7rem;
    	top: 154px;
    	right: 16px;
	}
	.interview-number2 span {
    	font-size: 7rem;
	}
	.in-red-line2 {
    	width: 53px;
    	height: 6px;
    	background-color: #d90202;
    	position: absolute;
    	top: 143px;
    	left: -10px;
	}
	th {
    	width: 147px;
	}
	td {
    	width: 398px;
	}
/*--------------------------
	インタビューページ
----------------------------*/
	.interpage-main-wrap {
    	max-width: 740px;
    	margin: 0 auto;
    	padding: 97px 10px;
	}
	.inpage-text-div {
    	font-size: 1.6rem;
    	margin-bottom: 14px;
	}
	.inpage-text-title {
    	font-size: 2.2rem;
    	font-weight: 600;
    	line-height: 3.2rem;
    	letter-spacing: 0.24rem;
    	margin: 12px 0;
    	text-shadow: #fff 1px 4px 10px;
	}
	.interpage-img {
    	width: 400px;
	}
	.inpage-red-line {
    	width: 54px;
    	height: 7px;
    	position: absolute;
    	top: 124px;
    	right: -10px;
	}
	.interviewpage-number {
    	font-size: 3rem;
    	letter-spacing: 0.1em;
    	font-style: italic;
    	font-weight: 600;
    	color: #d90202;
    	position: absolute;
    	top: 152px;
    	right: 9px;
	}
	.inpage-arisa-wrap {
	    background-position: right;
	}
	.inpage-text-div2 {
    	font-size: 1.6rem;
    	margin-bottom: 14px;
	}
	.inpage-text-title2 {
    	font-size: 2rem;
    	font-weight: 600;
    	line-height: 3rem;
    	letter-spacing: 0.24rem;
    	margin: 12px 0;
    	text-shadow: #fff 1px 4px 10px;
	}
	.interpage-img2 {
    	width: 400px;
	}
	.inpage-red-line2 {
    	width: 54px;
    	height: 7px;
    	position: absolute;
    	top: 124px;
    	right: -10px;
	}
	.interviewpage-number2 {
    	font-size: 3rem;
    	letter-spacing: 0.1em;
    	font-style: italic;
    	font-weight: 600;
    	color: #d90202;
    	position: absolute;
    	top: 152px;
    	right: 9px;
	}
	.interview-prof-sec {
    	max-width: 800px;
    	margin: 0 auto;
    	padding: 35px 15px 52px;
    	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.cross-talk-wrap {
    	display: flex;
    	padding: 0 15px;
    	justify-content: space-between;
	}
	.talk-p {
    	max-width: 625px;
    	margin: 15px 0 40px;
    	font-size: 1.7rem;
    	line-height: 3rem;
	}
	.talk-p-solo {
    	padding: 0 20px;
	}
	
	.interpage-pic-wrap{
		padding: 0 10px;
	}
	.more-inter-title-wrap {
    	max-width: 723px;
    	margin: 0 auto;
    	position: relative;
    	margin-bottom: 100px;
	}
	.more-wrap {
    	display: flex;
    	max-width: 722px;
    	margin: 50px auto 100px;
    	justify-content: space-between;
	}
	.more-inter-img {
    	width: 353px;
    	box-shadow: 2px 2px 11px #8f8f8f;
	}
	.more-interview-number1 {
		top: 134px;
	}
	.more-interview-number2 {
		top: 134px;
	}
	.more-in-red-line1 {
    	top: 114px;
	}
	.more-in-red-line2 {
    	top: 114px;
	}
	.in-text-div {
    	font-size: 1.5rem;
	}
	.more-in-text-title {
    	font-size: 2rem;
    	margin: 22px 0 19px;
	}
}

/*SPレスポンシブ*/
@media screen and (max-width:420px) {
	.br-sp{
		display: block;
	}
	.br-pc{
		display: none;
	}
	.glmenu-wrap {
	    padding-top: 9px;
	}
	.hed_logowrap {
    	width: 60px;
	}
	.en-copy {
    	font-size: 4.5rem;
	}
	.jn-copy {
    	font-size: 2.5rem;
	    margin-top: 3px;
	    letter-spacing: 0.2rem;
	}
	.bgc_red {
    	max-width: 61%;
		height: 858px;
	}
	.example1 {
    	top: 63px;
	}
	.rec2022-black {
	    top: 51px;
    	left: 0;
    	width: 56%;
    	height: 40px;
	}
	.rec_2022 {
    	font-size: 1.5rem;
    	top: -5px;
	}
	.company_name {
    	font-size: 1.7rem;
	    letter-spacing: 0.1rem;
    	top: -15px;
	}
	.hed_menu{
		display: none;
	}
	.movie_wrap {
/*
    	width: 375px;
    	height: auto;
		top: -30px;
*/
		display: none;
	}
	.movie_wrap_sp{
		display: block;
		position: absolute;
		height: auto;
		top: -59px;
	}
	.slogan-wrap {
    	top: 407px;
    	left: 3%;
	}
	hr.example5 {
    	top: 626px;
	}
	.entry-bottom {
    	bottom: 5px;
    	width: 31%;
    	right: 10px;
    	/* left: 0; */
    	/* margin: 0 auto; */
    	padding: 5px 20px;
    	line-height: 1.2rem;
    	font-size: 1.5rem;
	}
	.entry-bottom span {
    	font-size: 1rem;
	}

/*メッセージセクション*/
	h2 {
    	font-size: 3.2rem;
    	letter-spacing: 0.05em;
	}
	h2 span {
    	font-size: 1.4rem;
    	letter-spacing: 0.04em;
    	margin-left: 8px;	
	}
	.message {
    	margin-bottom: -1192px;
	}
	.bgc_black_mes {
	    height: 1096px;
		top: -1333px;
	}
	.h2-messe {
    	top: -25px;
    	left: 2px;
	}
	.mes-text span {
    	font-size: 2rem;
	}
	.mes-white {
    	max-width: 301px;
    	padding: 42px 10px;
		top: -200px;
	}
	.mes-text {
    	font-size: 1.3rem;
    	letter-spacing: 0.03rem;
    	line-height: 2.3rem;
    	margin-right: 30px;
	}
	.secondphase-en {
    	right: -22px;
    	top: 17px;
    	font-size: 3.3rem;
    	line-height: 3rem;
    	letter-spacing: 0.3rem;
	}
	.secondphase-jp {
    	right: 8px;
    	top: 161px;
    	font-size: 2rem;
    	line-height: 3rem;
    	letter-spacing: 0.3rem;
	}
	
	.uniq-work span {
    	font-size: 2rem;
	}
/*ビジネスセクションｓ	*/
	.bus-title-wrap {
    	max-width: 330px;
    	smargin-bottom: 29px;
	}
	.red-square {
    	width: 50px;
    	height: 50px;
	}
	.h2-business {
    	top: 19px;
    	left: 33px;
	}
	.busdiv-title {
    	font-size: 2.3rem;
    	letter-spacing: 0.4rem;
	    margin-bottom: 9px;
	}
	.busdiv-title span {
    	font-size: 1.3rem;
	}
	
	.bus-subtext {
    	max-width: 350px;
    	line-height: 2rem;
    	letter-spacing: 0.1em;
    	font-size: 1.3rem;
    	margin-bottom: 81px;
	}
	.green-line-bus {
    	width: 200px;
    	height: 8px;
    	left: 22px;
    	top: 46px;
	}
	.event-imgwrap, .media-imgwrap {
    	width: 311px;
    	top: -68px;
	}
	.bus-redband {
    	margin: 0px 0 131px 0;
    	top: 61px;
	}
	.event-textwrap, .media-textwrap {
    	width: 350px;
		margin: 0 auto;
    	top: 175px;
	}
	.busdiv-text {
    	padding-top: 2px;
    	font-size: 1.25rem;
    	line-height: 1.9rem;
	}
	.event-textwrap {
	    left: 13px;
		top: 172px;
	}
	.media-textwrap {
	    right: 13px;
		top: 172px;
	}
/*WORKセクション	*/
	.work-subtext {
    	left: 2px;
    	top: -135px;
    	max-width: 350px;
    	line-height: 2rem;
    	letter-spacing: 0.1em;
    	font-size: 1.3rem;
	}
	.work-red-square {
    	width: 50px;
    	height: 50px;
    	background-color: #d90202;
    	position: absolute;
    	left: -8px;
    	top: -37px;
    	z-index: 2;
	}
	.h2-work {
    	left: -5px;
    	top: -15px;
		text-shadow: 1px 1px 2px #CCCCCC;
	}
	.work-green-line-bus {
    	left: -4px;
    	top: 13px;
		width: 6px;
    	height: 106px;
	}
	.bgc-grey:before {
	    top: -360px;
 	   border-width: 20px 100vw 122px 0;
 
	}
	.bgc-grey2:after {
	    top: -16px;
    	border-width: 20px 100vw 122px 0;

	}
	
	.slider-wrap {
    	width: 350px;
	}
	.slider {
		padding: 0;
		left: 6px;
		
	}

	.slider img {
    	max-width: 332px;
	}
	.slide-textwrap {
    	left: 32px;
    	top: 184px;
    	max-width: 80%;
	}
	.work_title {
    	font-size: 1.7rem;
    	etter-spacing: 0.02rem;
    	margin-bottom: 10px;
	}
	.divsion {
    	letter-spacing: 0.15rem;
    	margin-left: 9px;
    	font-size: 1.2rem;
	}
	.work_text {
    	font-size: 1.25rem;
    	letter-spacing: 0.03rem;
    	line-height: 1.55rem;
	}
/*カルチャーセクション*/
	.culture-sec {
	    padding: 300px 0;
		position: relative;
		height: 767px;
    	top: -87px;
	}
	
	.cul-title-wrap:before {
    	width: 4%;
	}
	.cul-red-square {
    	left: 9%;
    	width: 50px;
    	height: 50px;
	}
	.h2-culture {
    	left: 15%;
	}
	.cul-green-line {
    	left: 14%;
    	width: 179px;
    	height: 7px;
    	top: 22px;
	}
	
	.cul-img-pc {
    	display: none;
	}
	.cul-img-sp{
		display: block;
		margin-bottom: 30px;
	}
	.cul-imgwrap {
    	width: 330px;
		padding: 87px 0;
	}
	.cred-title {
    	font-size: 2.5rem;
	}
	
	.vision-wrap {
		position: static;
		margin-bottom: 18px;
	}
	.cre-cul-wrap{
		position: static;
		margin-bottom: 18px;
	}
	.values-wrap{
		position: static;
		margin-bottom: 18px;
	}
/*インタビューセクション*/
	.interview-sec{
		
	}
	.red-square-interview {
    	width: 50px;
    	height: 50px;
    	background-color: #d90202;
	}
	.inter-title-wrap {
    	max-width: 335px;
	}
	.h2-interview {
    	top: 18px;
    	left: 25px;
	}
	.green-line-interview {
    	width: 192px;
    	height: 7px;
    	background-color: #11e67f;
    	left: 35px;
    	top: 45px;
	}
	.in-samne-1wrap {
    	background-image: url("../img/sp_interview-bg-sales.jpg");
	    margin: 156px auto 96px;
	}
	.in-samne-2wrap {
    	background-image: url("../img/sp_interview-bg-arisa.jpg");
		margin: 100px auto 96px;
	}
	.in-samne-3wrap {   
    	background-image: url("../img/sp_interview-bg-keita.jpg");
		margin: 118px auto 96px;
	}
	.inter-main-wrap{
		display: block;
		padding:  0;
		width: 370px;
		margin: 0 auto;
	}
	.inter-img-wrap {
    	top: -223px;
		width: 335px;
    	left: 35px;

	}
	.inter-img-wrap2 {
    	position: relative;
    	top: -66px;
		width: 335px;
/*    	left: 26px;*/
    	left: 15px;
	}
	.inter-img-wrap3 {
    	position: relative;
    	top: -241px;
    	width: 335px;
    	left: 35px;
	}
	.inter-img {
    	width: 319px;
	}
	.interview-number {
    	font-size: 2.4rem;
    	top: 131px;
    	right: 27px;
	}
	.interview-number2 {
    	font-size: 2.4rem;
    	top: 131px;
    	right: 16px;
	}
	.interview-number span {
    	font-size: 6rem;
	}
	.interview-number2 span {
    	font-size: 6rem;
	}
	.in-red-line {
    	width: 41px;
    	height: 5px;
	    top: 119px;
    	right: 4px;
	}
	.in-red-line2 {
    	width: 41px;
    	height: 5px;
    	top: 119px;
    	left: -10px;
	}
	.inter-text-wrap {
		top: 143px;
		left: 0px;
		width: 330px;
		margin: 0 auto;
	}
	.inter-text-wrap2 {
		top: -37px;
    	left: 0px;
    	width: 330px;
    	margin: 0 auto;
	}
	.in-text-div {
	    margin-bottom: 10px;
	}
	.in-text-title {
	    line-height: 2.5rem;
		margin-bottom: 11px;
	}
	.in-text-line {
    	margin-bottom: 8px;
	}
	
	

	
/*RECRUITセクション*/
	.rec-title-wrap {
    	width: 243px;
	}
	.recruit-sec {
     	padding-top: 0px; 
	}
	.rec-red-square {
    	width: 50px;
    	height: 50px;
    	margin: 0 auto 0 0;
	    left: 0%;
	}
	.h2-rec {
    	left: 6%;
    	top: 24px;
	}
	.rec-green-line {
    	width: 164px;
    	height: 8px;
    	background-color: #11e67f;
    	left: 5%;
    	top: 47px;
	}
	.recruit_data {
	    padding: 108px 10px 0;
    	margin-bottom: 100px;
	}
	th {
    	display: block;
    	width: 90%;
    	margin: 0 auto;
    	font-size: 1.4rem;
    	padding: 20px 0 15px 0;
		text-align: left;
	}
	td {
    	display: block;
    	width: 90%;
    	margin: 0 auto;
   		padding: 0;
    	font-size: 1.3rem;
    	line-height: 1.5rem;
    	padding-bottom: 20px;
	}
	small {
    	font-size: 0.8rem;
	}
	
/*---------------------------------
		インタビューページ
-----------------------------------*/
	.interview_glmenu-wrap {
    	display: flex;
    	padding: 12px 0 8px;
	}
	.interview_hed_logowrap {
    	width: 68px;
    	margin-left: 10px;
	}
	.in-rec-2022 {
    	margin: 7px 0 0 5px;
    	font-size: 1rem;
	}

	.inpage-sales-wrap {
    	background-image: url(../img/sp_interview-bg-sales.jpg);
    	margin: 118px auto 21px;
    	height: 297px;
	}
	.inpage-arisa-wrap {
    	background-image: url(../img/sp_interview-bg-arisa.jpg);
    	margin: 118px auto 0px;
    	height: 297px;
	}
	.inpage-keita-wrap {
    	background-image: url(../img/sp_interview-bg-keita.jpg);
    	margin: 118px auto 0px;
    	height: 297px;
	}
	.interpage-main-wrap {
    	display: block;
		margin: 0px auto;
		padding: 0px;
	}
	.interpage-img-wrap {
    	position: relative;
    	top: -213px;
    	width: 335px;
    	left: 35px;
	}
	.interpage-img {
    	width: 325px;
	}
	.interviewpage-number {
    	font-size: 2.4rem;
	    top: 137px;
    	right: 11px;
	}
	.interviewpage-number span {
    	font-size: 6rem;
	}
	.inpage-red-line {
    	width: 36px;
    	height: 5px;
    	top: 125px;
    	right: -2px;
	}
	.interpage-text-wrap {
    	top: 143px;
    	left: 0px;
    	width: 349px;
		height: 140px;
    	margin: 0 auto;
	}
	
	.interpage-img-wrap2 {
    	position: relative;
    	top: -72px;
    	width: 335px;
    	left: 16px;
	}
	.interpage-img2 {
    	width: 325px;
	}
	.interviewpage-number2{
    	font-size: 2.4rem;
	    top: 135px;
    	right: 11px;
	}
	.interviewpage-number2 span {
    	font-size: 6rem;
	}
	.inpage-red-line2 {
    	width: 36px;
    	height: 5px;
    	top: 125px;
    	right: -2px;
	}
	.interpage-text-wrap2 {
    	top: -40px;
    	left: 5px;
    	width: 349px;
    	height: 140px;
    	margin: 0 auto;
	}
	.inpage-text-title {
	    line-height: 3.1rem;
	}
	
	.interview-prof-sec {
    	margin: 0 auto;
    	padding: 35px 15px;
	}
	
	
	
	
/*インタビューページ*/
	.cross-talk-img {
    	width: 79px;
    	box-shadow: 1px 1px 8px #8f8f8f;
    	align-self: flex-start;
	}
	.in-title-black {
		margin-bottom: 0px;
		padding: 6px 7px;
	}
	.interview-catch {
	    font-size: 2rem;
		line-height: 2.4rem;
    	padding: 12px 5px;
	}
	.pankuzu {
    	padding: 0 0 0 9px;
    	font-size: 1.1rem;
	}
	
/*インタビューページ_営業3人*/
	.sales-messe {
    	text-align: center;
    	font-size: 1.4rem;
    	line-height: 2.2rem;
	}
	.sales-3men-wrap {
    	display: block;
	}
	.sales-name {
    	margin: 12px 0 10px;
	}
	.sales-prof-wrap {
    	text-align: center;
   		margin-bottom: 55px;
	}
	.in-text-section {
    	max-width: 820px;
   	    margin: 27px auto 70px;
	}
	.talk-p {
   		max-width: 253px;
    	margin: 15px 0 40px;
    	font-size: 1.5rem;
    	line-height: 2.7rem;
	}
	.text-name {
    	font-size: 1.5rem;
	}
	.text-redbold {
    	font-size: 1.5rem;
    	font-weight: 500;
	}
	
	.solo-prof {
    	font-size: 1.4rem;
    	line-height: 2.2rem;
    	padding: 0 11px;
	}
	.solo-prof-name {
    	font-size: 1.8rem;
		padding: 0 11px;
	}
	.solo-prof-name span {
    	font-size: 1.3rem;
	}
	.talk-p-solo {
    	font-size: 1.5rem;
		line-height: 2.7rem;
	}
	
/*インタビューページ_OTHER INTERVIEW*/
	.more-interview-sec {
    	padding: 100px 0 60px;
	}
	.more-inter-title-wrap {
    	max-width: 353px;
	}
	
	.more-green-line-interview {
    	width: 202px;
	    left: 25px;
    	top: 43px;
	}
	.more-red-square-interview {
    	width: 50px;
    	height: 50px;
	}
	.more-h2-interview {
    	position: absolute;
    	top: -13px;
    	left: 30px;
	}
	
	.more-wrap {
    	display: block;
		width: 333px;
    	margin: -38px auto 100px;
		padding: 0 10px;
	}
	.more-2wrap{
		margin-bottom: 95px;
	}
	.more-in-red-line1{
		top: 126px;
    	width: 36px;
    	height: 5px;
		left: -10px;
	}
	.more-in-red-line2  {
    	top: 126px;
    	width: 36px;
    	height: 5px;
    	right: -9px;
	}
	
	.more-interview-number1 {
    	top: 141px;
    	font-size: 2.4rem;
	}	
	.more-interview-number2 {
    	top: 141px;
    	font-size: 2.4rem;
	}
	.more-interview-number1 span {
    	font-size: 6rem;
	}
	.more-interview-number2 span {
    	font-size: 6rem;
	}
	.more-inter-text-wrap1,.more-inter-text-wrap2  {
    	top: 27px;
	}
	.more-in-text-title {
    	font-size: 1.8rem;
    	margin: 17px 0 11px;
		line-height: 2.8rem;
	}
	
}

@media screen and (max-width:360px) {
	.movie_wrap_sp {
    	width: 360px;
    	height: auto;
	}
	
	.event-textwrap, .media-textwrap {
		width: 330px;
	}
}