@charset "utf-8";
@import url('destyle.css');
*:focus {
  outline: none;
}

* {
  font-size: 10px;
}

body {
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p, a, ul, li, span, dl, dt, dd, dd, dt {
	font-family: "Zen Old Mincho", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 0;
  color: #333333;
}

.goth,p.goth,span.goth,.goth * {
  font-family: "Zen Kaku Gothic New", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Helvetica Neue", メイリオ, Meiryo, "游ゴシック Medium", YuGothic, YuGothicM, sans-serif;
  font-weight: 400;
}

.cin {
  font-family: "Cinzel", serif;
}

.cor {
  font-family: "Cormorant", serif;
  }

p {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.06em;
}

.fl2 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
}

a[href]:hover {
  opacity: 0.7;
  transition: opacity .3s ease;
}

a.nohover:hover {
  opacity: 1.0;
}


/* fade */

.fi2 {
  opacity: 0;
  transition: opacity 1s ease-in;
  ;
}

.fi2.show {
  opacity: 1;
}

.fu {
  opacity: 0;
  transform: translate(0, 20px);
  transition: 1s;
}

.td_01 {
	transition-delay: 1s;
}

.td_02 {
	transition-delay: 2s;
}

.fu.show {
  transform: translate(0, 0);
  opacity: 1;
}

img {
  max-width: 100%;
  height: auto;
}



/* ---------------------
	header 
-----------------------*/

#header {
  height: 114px;
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 15;
  -webkit-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.15));
  -moz-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.15));
  -ms-filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.15));
  opacity: 1;
  transition: 0.3s ease;
}

.header_container {
	justify-content: space-between;
	align-items: center;
	height:100%;
	padding: 0 50px;
}

#header.view {
  opacity: 1;
}


.h_logo {
  height: auto;
  position: relative;
  z-index: 1;
  align-items: center;
}

.h_logo img {
  width: 290px;
}

.head_nav {
	    padding-right: 300px;
}
.head_nav ul {
	padding-left: 90px;
}

.head_nav ul li:not(:last-child) {
	margin-right: 40px
}

.entry_bt {
	color: #fff;
	position: relative;
	right:100px;
	top:0;
}

.entry_bt a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:120px;
	width: 320px;
	color: #fff;
	background: #000;
}

.entry_bt_pages {
	text-align: center;
	padding-top: 100px;
}

.entry_bt_pages a {
	font-size: 1.6rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #000;
	color: #fff;
	padding: 2em 6em;
	
}




/* ---------------------
	common 
-----------------------*/

#wrapper {
  margin: auto;
  width: 100%;
  position: relative;
      padding-top: 114px;
}

.main_container {
  margin: auto;
  width: 100%;
  position: relative;
  background: #fff;
  position: relative;
  z-index:3;
}

.main_inner {
	max-width: 1400px;
	width: 100%;
	margin: auto;
	padding-bottom:145px;
}

.main_inner.pd_0 {
	padding-bottom: 0;
}

h3.min {
	padding: 50px 0;
	font-size: 2.7rem;
	line-height: 2.5;
}


.bggr {
  background: #efefef;
}
.bgbl {
	background:#a7c2d1;
}

.cont_box {
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.cont_inner {
	max-width: 1000px;
	width: 100%;
	position: relative;
	z-index: 1;
}


/* -----------------------------------------------
	TOP 
-------------------------------------------------*/

.top_intro {
	max-width: 2000px;
	height: 1559px;
	background-image:url(../img/top/mv.jpg);
	background-size: contain;
	background-position: center top;
	background-size: 2000px;
	
}

.letterboard p {
  display: inline-block;
  background-color: #fff; 
    color: #0082ba;
  padding: 0 0.2em;
  margin: 0.3em 0; /* ←上下の margin で行間を作る */
  font-size: 3.2rem;
  line-height: 1.5;
}

.intro_tx h2 {
	font-size: 15rem;
	color: #fff;
}

.intro_tx {
	position: absolute;
	left:50%;
	top: 289px;
	margin-left: -62em;
	color: #fff;
}

.intro_tx {
  opacity: 0;
  animation: fadeInOnly 1s ease forwards;
  animation-delay: 2s; /* ←ここで遅らせる */
}

@keyframes fadeInOnly {
  to {
    opacity: 1;
  }
}


.intro_tx_sub {
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: auto;
	position: relative;
	top: 740px;
}

.intro_tx_sub h3 {
	font-size: 9.8rem;
	color: #fff;
}

.intro_tx_sub_ttl {
	font-size: 2.5rem;
	color: #fff;
	padding-top: 0.5em;
}

.intro_tx_sub_tx {
	font-size: 1.6rem;
	color: #fff;
	padding-top: 1.1em;
	line-height: 2.2;
}

.cont_item {
	position: relative;
}

.top_link h2 {
	font-size: 9.5rem;
	}

.top_about,.top_people {
	padding-top: 165px;
}

.top_special ,.top_recruit {
	padding-top: 145px;
}


.top_about h2,.top_special h2 {
	color:#162e7c;
}

.top_people h2,.top_recruit h2 {
	color:#5ab432;
}

.top_ttl_sub {
	font-size: 2.5rem;
	justify-content: flex-start;
	padding-bottom: 1.5em;
}

.top_people .top_ttl_sub {
	padding-bottom: 2.5em;
}

.top_ttl_sub::before {
	content: "";
	display: inline-block;
	width: 12px;
	height:1.4em;
	margin-right: 5px;
	
}

.top_about .top_ttl_sub::before,.top_special .top_ttl_sub::before {
	background:#162e7c;
}

.top_people .top_ttl_sub::before,.top_recruit .top_ttl_sub::before {
	background:#5ab432;
}


.link_img_box {
	justify-content: flex-end;
	align-items: flex-start;
}

.link_img_box figure:first-child {
	padding-right: 5px;
}

.link_img_box figure:last-child {
	max-width: 750px;
	width: 94%;
}

.top_special .link_img_box figure:last-child {
	max-width: 663px;
	width: 85%;
}

.top_link_bg {
	position: absolute;z-index: 0;
}

.top_people .link_img_box figure:last-child {
	flex: 1;
}

.top_people .cont_box,.top_recruit .cont_box {
	width: 100%;
	height:	100%;
	background-position: center 6em;
  background-repeat: no-repeat;
  padding-bottom: 10.5em;
  background-size: auto 568px;
}
	
	.top_people .cont_box {
	background-image:url(../img/top/people_bg_01.jpg);	
	}
	
	.top_recruit .cont_box {
	background-image:url(../img/top/recruit_bg_01.jpg);
	}

.top_people_box .cont_item {
	max-width: 235px;
	width: 30%;
}

.top_recruit_box .cont_item {
	max-width: 364px;
	width: 45.7%;
}

.top_link_box p {
	background: #162e7c;
	font-size: 2.2rem;
	padding: 0.1em 0.5em;
	display: inline-block;
	color: #fff;
	position: absolute;
	bottom: 0.5em;
	left: 0;
}

.top_people .top_link_box p,.top_recruit .top_link_box p {
	position: relative;
	bottom: initial;
  left: initial;
}

.top_people_tx,.top_special_tx,.top_recruit_tx {
	position: absolute;
	bottom: 0.5em;
	left: 0;
}

.top_recruit_tx {
    bottom: -1em;
    }

.top_people_tx_02 {
	bottom: 2.5em;
}

.top_people_num {
	font-size: 6rem;
	position: absolute;
	top: -0.5em;
	left: 0.3em;
}

.top_people_tx p:first-child,.top_recruit_tx p:first-child  {
	background: #5ab432;
	padding: 0.2em 0.8em;
	color: #fff;
	margin-bottom: 0.3em;
}

.top_people_tx p:first-child {
	font-size: 1rem;
}

.top_recruit_tx p:first-child {
	font-size: 2.1rem;
}

.top_people_tx p:nth-child(2),.top_people_tx p.year,.top_recruit_tx p:last-child {
	padding: 0.2em 0.8em;
	font-size: 1.3rem;
	background: #fff;
	color: #333333;
}

.top_people_tx p.year,.top_people_tx_02 p span {
	font-size: 1rem;
}

.top_people_tx_02 p span {
	padding-left: 0.5em;
}

.top_arrow {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.top_people .top_arrow {
	bottom: 25px;
}

.top_special_tx p {
	position: relative;
	bottom: 1em;
}

.top_special_tx p:first-child {
	background: none;
	display: block;
	font-size: 4.2rem;
	color:#162e7c;
	line-height: 1.3;
	padding: 0;
}
.top_special_tx p:nth-child(2) {
	margin-bottom: 0.2em;
}


/* -----------------------------------------------
	ABOUT 
-------------------------------------------------*/
.about_mv {
  height: 461px; /* 高さはお好みで */
  overflow: hidden;
  position: relative;
}

.about_mv figure {
  margin: 0;
  height: 100%;
  width: 100%;
  position: relative;
}

.about_mv figure img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  object-fit: cover;
}


.about .top_link_box p {
	bottom: 4.5em;
}


.main_inner.pages {
	max-width: 100%;
}

.pages_mv {
	justify-content: center;
	align-items: center;
}

.pages_mv h2 {
	position: absolute;
}

.pages_mv h2 span {
	display: block;
	text-align: center;
	color: #fff;
}

.pages_mv h2 span:first-child {
	font-size: 9.8rem;
	}

.pages_mv h2 span:last-child {
	font-size: 3.2rem;
	}

.about_cont .cont_box {
	margin-top: 100px;
	background-image: url(../img/about/sec_bg.png);
}

.about_top.cont_inner,.special_top.cont_inner {
	margin-top: -190px;
}

.about .link_img_box figure:first-child {
    padding-right: 15px;
} p {
	font-size: 3.2rem;
}

.about .link_img_box figure:first-child {
    padding-right: 15px;
}

.about .top_link_box p {
	font-size: 3.2rem;
}

.about_cont .cont_item {
	padding-bottom: 100px;
}

.about_ttl {
	justify-content: flex-start;
}

.about_ttl figure {
	margin-right: 30px;
}

.about_ttl p {
	line-height: 1.3;
}

.about_ttl p span {
	background:#fff;
	padding: 0.3em 0.6em;
	display: inline-block;
	font-size: 2.6rem;
	margin-bottom: 0.3em;
	color: #162e7c;
}

.cont_inner.about_cont {
	margin-top: 30px;
}

.about_tx {
	align-items: flex-start;
	padding-top: 3em;
}

.about_tx figure {
	max-width: 453px;
	width: 60%;
}

.about_tx p {
	flex: 1;
	font-size: 1.5rem;
}

.about_tx p{
	padding-right: 2.5em;
}

.about_tx p:nth-child(n + 2) {
	padding-left: 2.5em;
}

/* -----------------------------------------------
	PEOPLE & WORKS 
-------------------------------------------------*/

.people_bt {
	width: 800px;
	margin: auto;
	padding: 100px 0;
}

.people_bt a{
	max-width: 245px;
	width: 30.8%;
	
}

.people_cont_top {
	max-width: 1400px;
    width: 100%;
    margin: auto;
    
    background-size: 1400PX;
    background-repeat: no-repeat;
    padding-top: 60px;
    background-position: center top;
    position: relative;
	
}

.pct_01 {
	background-image: url(../img/people/itv_top_01.jpg);
}
.pct_02 {
	background-image: url(../img/people/itv_top_02.jpg);
}
.pct_03 {
	background-image: url(../img/people/itv_top_03.jpg);
}

.pc_01 {
	padding-bottom: 150px;
}
.pc_03 {
	padding-bottom: 200px;
}


.itv_ttl {
	position: absolute;
	left: 50px;
	top: 65px;
}

.ptb_inner {
	justify-content: flex-end;
	max-width: 1000px;
	width: 90%;
	margin: auto;
	position: relative;
	margin-bottom: 130px;
}
figure.ptb_img {
	max-width: 700px;
	width: 100%;
}

.itv_num {
	position: absolute;
	left: 0;
	top: 30px;
}

.ptb_tx_01 {
position: absolute;	
left: 0;
	top: 155px;
}

.ptb_tx_01>div p,.ptb_tx_02>div p {
	padding: 0.4em 0.6em;
	display: inline-block;
	line-height: 1;
}

.ptb_tx_01>div:first-child {
	padding-bottom: 0em;
}
.ptb_tx_01>div:first-child p {
    
	font-size: 1.4rem;
	color: #000000;
}

.ptb_tx_01>div:last-child p {
	font-size: 1.8rem;
	color: #333333;
}
.ptb_tx_01>div:last-child p span {
	font-size: 1.4rem;
}

.ptb_tx_02 {
position: absolute;	
left: 0;
	bottom: 8em;
}

.ptb_tx_02 p {
	background: #5D4026;
	font-size: 1.8rem;
	color: #fff;
	line-height: 1;
	font-size: 3.5rem;
}

.ptb_tx_02 p:first-child {
	margin-bottom: 0.4em;
}

.people_item {
	align-items: flex-start;
}

.people_item h3 span {
	display: inline-block;
	padding: 0.3em 0.5em;
	background-image: url(../img/people/ttl_bg.jpg);
	font-size: 2.5rem;
}

.people_item h3 span:first-child {
	margin-bottom: 0.5em;
}

.people_item p {
	font-size: 1.5rem;
	padding-top: 1.5em;
	
}
.people_item>div {
	flex: 1;
}
.itv_img {
	max-width: 380px;
	width: 49%;
}

.itv_img_r {
	padding-left: 40px;
}

.itv_img_l {
	padding-right: 40px;
}

.pi_02,.pi_03 {
	padding-top: 80px;
}
.people_item.pi_02 h3 span:first-child {
    margin-bottom: 0;
}

.itv_name {
	justify-content: flex-start;
}

.flow {
	padding: 100px 0 45px;
}

.offtime {
	padding-top: 30px;
	position: relative;

}

.ot_inner {
	background-image:url(../img/people/offtime_bg.jpg); 
	padding: 40px 35px 45px;	
}

.offtime figure {
	max-width: 350px;
	width: 48%;
	position: absolute;
	top: -15px;
	right: 40px;
}

.offtime h3 {
	font-size: 2rem;
    color: #fff;
	display: inline-block;
	padding: 0.5em 0.2em;
}

.offtime p {
	font-size: 1.3rem;
	max-width: 500px;
	width: 55%;
	padding-top: 2rem;
	line-height: 2;
    color: #fff;
}

.boss {
	justify-content: flex-end;
	margin-top: 65px;
	position: relative;
}

.boss dl {
	max-width: 700px;
	width: 90%;
	border: 1px solid #5ab432;
	flex-direction: column;
	align-items: flex-start;
	padding:40px 55px 40px 135px;
}

.boss dl dt {
	width: 100%;
}

.boss dl dt span {
	display: block;
	
}

.boss dl dd {
	font-size: 1.3rem;
	padding-top: 2em;
	line-height: 2;
}

.boss dl dt span:first-child {
	font-size: 1.45rem;
	padding-bottom: 1em;
}

.boss dl dt span:last-child {
	font-size: 1.8rem;
	padding-bottom: 1.9em;
	border-bottom: 1px solid #5ab432;
}

.boss p {
	position: absolute;
	left: 0;
	top: 40px;
	background: #5ab432;
	flex-direction: column;
	padding: 1.2em 0.7em;
}

.boss p span {
		color: #fff;
	font-weight: 500;
}

.boss p>span {
	display: block;

	
}

.boss p>span:first-child {
	font-size: 1.9rem;
}

.boss p>span:last-child {
	font-size: 2.8rem;
}

.boss p>span:last-child>span {
	font-size: 1.8rem;
}


/* -----------------------------------------------
	SPECIAL 
-------------------------------------------------*/

.special_cont .cont_box {
    margin-top: 100px;
}

.special_top_tx {
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	bottom: 2em;
	left: 0;
}

.special_top_tx p {
	background: none;
	position: relative;
	bottom: inherit;
	left: inherit;
    
	}

.special_top_tx p:first-child {
	font-size: 5rem;
	background: none;
	color: #162e7c;
	line-height: 1.4;
	padding-bottom: 0.4em;
}

.special_top_tx p:last-child span {
	display: inline-block;
	font-size: 2.6rem;
	color: #fff;
	padding:0.3em 0.6em;
}

.special_top_tx p:last-child span:first-child {
	margin-bottom: 0.5em;
}

.special_top_tx p span {
background:#162e7c;
}

.special .link_img_box figure:last-child {
    max-width: 640px;
    width: 80%;
}
.special_top_tx_02{
	font-size: 1.4rem;
	line-height: 1.7;
	position: relative;
	padding-top: 2em;
}

.member {
	background-image:url(../img/special/special_bg_01.jpg);
	padding: 40px 0;
	position: relative;
	margin-top: 85px;
}

.mem_tx {
	position: absolute;
	top: 0;
	left: 0;
}

.member_box {
	max-width: 560px;
	margin: auto;
	width: 70%;
	align-items: flex-start;
}


.member_box div {
	max-width: 145px;
	width: 30%;
}

.member_box div p,.member_box div span {
	font-size: 1rem;
	display: block;
	letter-spacing: 0;
}

.member_box div p:nth-child(2) {
	padding-top: 1.5em;
}

.member_box div p:nth-child(3) {
	font-size: 1.3rem;
	padding-top: 0.5em;
}

.mem_ob {
	padding-top: 11%;
}

.talk_top {
	align-items: flex-start;
	margin-top: 125px;
}

.talk_top_02 {
	margin-top: 90px;
}

.talk_right,.talk_left_02 {
	max-width: 379px;
	width: 50%;
}

.talk_left,.talk_right_02 {
	flex: 1;
	padding-right: 45px;
}

.talk_right_02 {
	padding: 0 0 0 45px;
}

.talk dl dt {
	max-width: 45px;
	width: 30%;
	margin-right: 30px;
}
.talk dl dd {
	flex: 1;
	font-size: 1.3rem;
	line-height: 1.9;
}

.ali_s {
	align-items: flex-start;
}

.ali_c {
	align-items: center;
}

.pt_01e {
	padding-bottom: 1.5em;
}

.talk h4 span {
	font-size: 2.2rem;
	padding: 0.3em;
	display: inline-block;
	background-image: url(../img/special/special_bg_01.jpg);
}

.talk h4 span:first-child {
	margin-bottom: 0.3em;
}

.talk h4 {
	margin-bottom: 2em;
}

.talk_02 {
	padding-top: 3em;
}

.mid_img {
	margin: 100px auto 0;
	max-width: 1400px;
	width: 100%;
	
}

/* ---------------------
	PC FOOTER 
-----------------------*/

.bottom_sp {
  height: 180px;
  position: relative;
}

a.pagetop {
  width: 40px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 10;
}


/* footer */

.footer_box {
  background-image:url(../img/common/footer_bg.jpg);
  padding: 50px 0 30px;
  height: 248px;
  justify-content: center;
}
.footer_box p {
	font-size: 1.1rem;
	color: #fff;
	padding-left: 5em;
}


.copyright {
  text-align: center;
  font-size: 1.1rem;
  padding-top: 3em;
  font-weight: 300;
  color: #fff;
}

@media only screen and (max-width: 1260px) {	
.intro_tx {
	left: 5vw;
	margin-left: 0;
	}	
}

@media only screen and (max-width: 1100px) {
.intro_tx h2 {
	font-size: 13vw;
	}
}

@media only screen and (max-width: 850px) {
.footer_nav {
	padding-left: 0;
	}
.footer_nav li a {
	font-size: 1.3rem;
	}    
}

@media only screen and (min-width: 769px) {
br.spbr, .spview, a.spview,.expand.spview{
	display: none;
  }
  
.about_ttl p span.spview,.people_item h3 span.spview {
	display: none;
}
}

@media only screen and (max-width: 768px) {
br.pcbr, .pcview {
	display: none;
	}

p {
	font-size: 1.4rem;
	}

#header {
	height: 60px;
	}

.head_nav {
	display: none;
}

.h_logo img {
	width: auto;
	height: 20px;
	}
	
.header_container {
    padding: 0 5vw;
    }

.entry_bt {
    width: 120px;
    right:55px;
}

#wrapper {
	padding-top: 60px;
	}

.main_inner {
	padding-bottom: 15vw;
	}


/* top sp */

.top_intro {
	width: 100%;
	max-width: 100%;
	height:auto;
	background-image: url(../img/top/mv_sp.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
  height: auto;
  aspect-ratio: 1500 / 2436;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
}

.intro_tx_sub {
	top: 0;
	padding-top: 15vw;
}

.intro_tx_sub h3,.intro_tx_sub *{
	color:#162e7c;
	
}
.intro_tx_sub.td_02 {
	transition-delay: 0s;
	width: 90vw;
}

.intro_tx {
	top: 75vw;
}

.intro_tx h2 {
	font-size: 19.6vw;
	padding-top: 3vw;
}

.letterboard p {
	font-size: 2rem;
}

.intro_tx_sub h3,.top_link h2 {
	font-size: 4rem;
}

.intro_tx_sub_ttl {
    font-size: 2rem;
    padding-top: 0em;
}

.intro_tx_sub_tx {
    font-size: 1.4rem;
    padding-top: 1.1em;
    line-height: 2;
}

.top_about, .top_people {
    padding-top: 15vw;
}

.cont_inner {
    max-width: 100%;
    width: 90%;
    }

.top_ttl_sub {
    font-size: 1.6rem;
    }
.link_img_box figure:first-child {
	width: 2.5vw;
}
.top_link_box p {
    font-size: 1.2rem;
    bottom: 1.2em;
}

.top_arrow {
    right: 15px;
    bottom: 13px;
    width: 25px;
}
.top_people .cont_box {
    background-image: url(../img/top/people_bg_01_sp.jpg);
}

.top_people .cont_box, .top_recruit .cont_box {
    width: 100%;
    height: 100%;
    padding-bottom: 6em;
    background-size: cover;
    background-position: center 2.5em;
}

.top_people_num {
    font-size: 3rem;
    }
.top_people_tx p:first-child {
    font-size: 6px;
}

.top_people_tx p:nth-child(2), .top_people_tx p.year, .top_recruit_tx p:last-child {
	font-size:7.5px;
}

.top_people_tx p.year, .top_people_tx_02 p span {
    font-size: 7px;
}

.top_people_tx, .top_special_tx, .top_recruit_tx {
    position: absolute;
    bottom: inherit;
    left: 0;
    top: 20vw;
}

.top_people .top_arrow {
    bottom: -10vw;
    margin: auto;
    right: 50%;
    margin-right: -12.5px;
}

.top_special, .top_recruit {
    padding-top: 15vw;
}

.top_special_tx p:first-child {
	font-size: 2.2rem;
}

.top_special_tx {
	top: 22vw;
}

.top_recruit .cont_box {
    background-image: url(../img/top/recruit_bg_01_sp.jpg);
}

.top_recruit_box .cont_item {
    max-width: 400px;
    width: 100%;
}

.top_recruit_tx p:first-child {
    font-size: 1.6rem;
}

.top_recruit_tx p:last-child {
font-size: 8.5px;	
}

.top_recruit_box .link_img_box:first-child {
	margin-bottom: 8vw;
}

.top_recruit .cont_box {
	padding-bottom: 4em;
}

.top_recruit_box .top_arrow {
	bottom: 10vw;
}

.top_recruit_tx {
        top: 28vw;
    }

.f_logo {
    max-width: 250px;
    width: 30vw;
}

.footer_box p {
    font-size: 7px;
    }

.footer_box {
    padding: 15px 0;
    height: auto;
}

/* about */

.about_mv {
    height: 61.5vw;
    }

.pages_mv h2 span:first-child {
    font-size: 4.2rem;
}

.pages_mv h2 span:last-child {
    font-size: 1.8rem;
    padding-top: 0.2em;
}

.about_top.cont_inner, .special_top.cont_inner {
    margin-top: -35vw;
}

.about .link_img_box figure:first-child {
	padding-right: 5px;
	width: 2.5vw;
}

.about .top_link_box p {
    font-size: 1.5rem;
    bottom: 1em;
}
    

.about_cont .cont_item {
	padding-bottom:0;
}

about_cont .cont_box {
    margin-top: 20vw;
    }

.cont_inner.about_cont {
    margin-top: 15vw;
}

.about_ttl figure {
    margin-right: 5vw;
    max-width: 40px;
    width: 8vw;
}

.about_ttl p {
    line-height: 1.3;
    flex: 1;
}

.about_ttl p span.pcview,.people_item h3 span.pcview {
	display: none;
}

.about_ttl p span {
	font-size: 1.8rem;
}

.about_tx figure {
    max-width: 100%;
    width: 100%;
    order: 1;
}

.about_tx p {
    flex: 1;
    font-size: 1.5rem;
    order: 2;
    width: 100%;
    padding: 2em 0 0 0;
}

.about_tx p:nth-child(n + 2) {
    padding-left: 0;
}

.about_tx {
    align-items: flex-start;
    padding-top: 3em;
    padding-bottom: 15vw;
}

.people_bt {
    width: 90%;
    margin: auto;
    padding: 10vw 0;
}
.people_bt a {
    max-width: 245px;
    width: 32%;
}

.pct_01 {
    background-image: url(../img/people/itv_top_01_sp.jpg);
}

.pct_02 {
    background-image: url(../img/people/itv_top_02_sp.jpg);
}

.pct_03 {
    background-image: url(../img/people/itv_top_03_sp.jpg);
}

.people_cont_top {
    max-width: 100%;
    width: auto;
    background-size: 100%;
    padding-top: 9vw;
}

.ptb_tx_02 {
        bottom: unset;
        top: 40vw;
        left: 2.2vw;
    }

.ptb_tx_02 p {
    font-size: 2.5rem;
}

figure.ptb_img {
    max-width: 640px;
    width: 95%;
    margin: auto;
}

.itv_ttl {
    position: absolute;
    left: 2vw;
    top: 9vw;
    width: 3vw;
    max-width: 15px;
}

.ptb_tx_01 {
    left: 0;
    top: initial;
    bottom: initial;
		position: relative;
		padding-top: 6em;
}

.ptb_inner {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ptb_tx_01>div:first-child p {
    font-size: 1.2rem;
}

.ptb_tx.ptb_tx_01 p:last-child {
	font-size: 1.3rem;
}

.ptb_tx_01>div:last-child p {
    font-size: 1.6rem;
    padding: 0;
    line-height: 1.5;
}

.ptb_tx_01>div:first-child {
    padding-bottom: 1em;
}

.ptb_tx_01>div:last-child p span {
    font-size: 1.2rem;
}

.itv_num {
	display: none;
}

    .itv_num_sp {
        max-width: 70px;
        margin-right: 6vw;
        width: 13vw;
    }

.ptb_tx_01.spview {
	justify-content: flex-start;
	width: 100%;
	padding-left: 2.5vw;
	align-items: flex-start;
	padding-bottom: 8vw;
}

.ptb_tx_01>div:last-child p.ins_01,.ptb_tx_01>div:last-child p.ins_02 {
	font-size: 1.2rem;
	background: #333;
	color: #fff;
	padding: 0.4em 0.5em;
    display: inline-block;
    line-height: 1;
}

.ptb_tx_01>div:last-child p.ins_03 {
	padding-top: 0.6em;
}

.people_item>div {
    flex: none;
    width: 100%;
}

.people_item h3 span {
    font-size: 2.2rem;
}

.itv_img_r {
    padding-left: 0;
    width: 100%;
    margin-top: 8vw;
    max-width: 500px;
    
}

.itv_img_l {
    padding-right: 0;
    width: 100%;
    max-width: 500px;
    margin-bottom: 15vw;
}

.pi_02, .pi_03 {
    padding-top: 15vw;
}

.people_item.pi_02 h3 span:nth-child(2) {
    margin-top: 2vw;
}

.flow {
    padding: 15vw 0 10vw;
    max-width: 400px;
}

.offtime {
            padding-top: 25vw;
    position: relative;
    width: 100vw;
    margin-left: -5vw;
}

.offtime figure {
    max-width: 210px;
    width: 85%;
    position: absolute;
    top: 0;
    right: 5vw;
}

.ot_inner {
    padding: 7vw 5vw 5vw;
}

.offtime p {
    max-width: 100%;
    width: 100%;
    }

.boss p>span:first-child {
    font-size: 1.1rem;
}

.boss p>span:last-child {
    font-size: 1.6rem;
}

.boss p>span:last-child>span {
    font-size: 1.1rem;
}

.boss p {
    position: absolute;
    left: 0;
    top: 40px;
    background: #5ab432;
    flex-direction: column;
    padding: 1.5em 0.7em;
}

.boss dl {
    border: 1px solid #5ab432;
    padding: 8vw 5vw 8vw 22vw;
}

.boss p {
        top: 5vw;
        }

.pc_01 {
    padding-top: 14vw;
    padding-bottom: 0vw;
}

.people_item.pi_02 span:nth-child(3) {
	margin-top:0.5em;
	
}

.special_top_tx {
	position: relative;
}

.special_top_tx p:first-child{
	bottom: unset;
	font-size: 2.7rem;
	padding-top: 0.3em;
}

.special .link_img_box figure:last-child {
    max-width: 500px;
    width: 90vw;
    margin: auto;
}

.special .link_img_box figure:first-child {
display: none;
    }

.special_top_tx {
    bottom: unset;
}
.special_top_tx p:last-child span {
    font-size: 1.5rem;
    }

.special_top_tx p:nth-child(2) {
	margin-top: 1.3em;
}

.special_top_tx_02 {
    padding-top: 1em;
}

.member {
    margin-top: 10vw;
    padding: 5vw 0;
}

.mem_tx {
    position: absolute;
    top: 0;
    left: 0;
    width: 10vw;
    max-width: 30px;
}

.member_box {
    width: 75%;
}
.member_box {
        width: 100%;
        justify-content: center;
        padding-left: 5vw;
        }
.member_box div {
	width: 24%;
}

.mem_ob {
    padding-top: 8%;
    margin: 0px 5px;
    width: 15px;
}

.member_box div p:nth-child(2) {
    padding-top: 1em;
}
.member_box div p, .member_box div span {
    font-size: 7px;
}

.member_box div p:nth-child(3) {
    font-size: 1.2rem;
    }

.talk_top {
    margin-top: 15vw;
}


.talk_right:not(.ord_02), .talk_left_02:not(.ord_02) {
max-width: 500px;
        width: 100%;
        order: 1;
        margin: auto;
}

.talk_left:not(.ord_02), .talk_right_02:not(.ord_02) {
    flex: none;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    order: 2;
    margin-top: 10vw;
}

.talk h4 span {
    font-size: 1.8rem;
}

.mid_img {
    margin: 8vw auto 0;
}

.talk_left.ord_02 {
	display: none;
}

.talk_left.mt0,.talk_top_02.mt0 {
	margin-top: 0;
}

.talk_right.spview,.talk_left_02.spview {
	margin-top: 10vw;
}

.talk dl dt {
    max-width: 40px;
    width: 30%;
    margin-right: 20px;
}

.talk_top.mt10 {
	margin-top: 10vw;
}

.talk_right_02.mt7 {
	margin-top: 7vw;
}

  /* ---------------------
	footer sp
-----------------------*/
   .copyright {
    font-size: 1.4rem;
    padding: 2vw 0;
  }
  a.pagetop {
    width: 40px;
    bottom: 16vw;
    position: fixed;
    right: 2vw;
  }
}


@media only screen and (max-width: 480px) {

/*  sp top */


  a.pagetop {
    bottom: 16vw;
  }

  .copyright {
    font-size: 3vw;
    padding: 2vw 0 0;
  }
  
  
}