@charset "UTF-8";
html, body, div, span, main, header, footer, section, ::before, ::after,
p, a, img, strong,
dl, dt, dd, ol, ul, li,
table, caption, tr, th, td,
input, button, textarea, select, option {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box !important; 
}
ol, ul {
  list-style: none; }

img {
  vertical-align: bottom;
  box-shadow: #000 0 0 0;
  -webkit-backface-visibility: hidden;
  max-width: 100%;
  height: auto; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
figure{ margin: 0;}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: all .3s;
  box-sizing: border-box; }

svg {
  width: 100%; }

select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="submit"],
input[type="radio"],
button {
  -webkit-appearance: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  border-radius: 0; }

textarea:focus,
input:focus {
  outline: none; }

.red{color: red;}


.fixed_sns{
  position: fixed;
  top: 200px;
  right: 20px;
  z-index: 2;
}
.fixed_sns .sns-list li{
  margin-right: 0;
  display: block;
}
/*
.fixed_sns .sns-list li +*{
  margin-top: 25px;
}*/
.fixed_sns .sns-list li svg{
  width: 20px;
}


/*共通*/
.inter{
	width: 88%;
  margin: 0 auto;
	max-width: 1280px;
}
.inter_02{
	width: 88%;
  margin: 0 auto;
	max-width: 950px;
	padding-top:90px;
}
.image_box{
 width:50%; 
 margin:0 auto; 
}
.image_box img{
 transition:0.7s all;
}
.image_box img:hover{
  transform:scale(1.1,1.1);
}
.viewmore {
	letter-spacing: 0.1em;
	font-size: 20px;
}
.font_16{
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.08em;
}
.small_text{
	font-size: 12px;
	margin: auto;
	line-height: 1.8;
}
.btn01 a{
	border: 1px solid var(--takeda-black);
  text-transform: uppercase;
  background-color: #1c1c1c;
  font-family: alternate-gothic-atf, sans-serif;
  line-height: 1em;
  transition: all 0.3s;
}
.btn01 a:hover {
  color: var(--takeda-black);
  background-color: #1c1c1c00;
}
.padin_20{padding-top: 20px;}
.btm20{margin-bottom: 20px}
.btm50{margin-bottom: 100px}
.btm40{margin-bottom: 40px}
.pc_only{display: block}
.sp_only{display: none}
.top80{margin-top: 80px;}
.line_gry{border-bottom: 1px solid #cecece;}
.text_link{text-decoration: underline;color: blue;}
.text_link:hover{text-decoration: none;}
.big{font-weight: 600;}
.gray{background-color: #f3f2f0;}
.white{background-color: #ffffff!important;}
.black_t{color: #000000}
.page-191 h1,.page-324 h1,.page-220 h1,.page-339 h1{color: #000000}
.t_pink{color: #FF4FBA}
.bk_black{background-color: #000000;}
.magin_0{margin-bottom: 0 !important;}
.arrow_w,.icon_down,.icon_other{position: relative}
.center{text-align: center !important;}
.arrow_w::after{
	content: "";
  position: absolute;
  right: 15px;
  margin: auto;
  background-image: url(../../common/images/arrowtate_w.png);
  background-size: 8px auto;
  width: 8px;
  height: 15px;
  background-repeat: no-repeat;
}
.arrow_w:hover::after{ background-image: url(../../common/images/arrowtate.png);}
.icon_down::after{
	content: "";
  position: absolute;
  right: 15px;
  margin: auto;
  background-image: url("../../common/images/icon_down_w.png");
  background-size: 23px auto;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;	
}
.icon_down:hover::after{ background-image: url(../../common/images/icon_down.png)!important;}
.icon_other::after{
	content: "";
  position: absolute;
  right: 15px;
  margin: auto;
  background-image: url("../../common/images/icon_other_w.png");
  background-size: 18px auto;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;	
}
.icon_other:hover::after{ background-image: url(../../common/images/icon_other.png);}


@media screen and (max-width: 991px) {
.image_box{
 width:80%; 
}
.fixed_sns .sns-list li svg {
  width: 36px;
}	
	
	
}
@media screen and (max-width: 767px) {
.image_box{
 width:100%;
	
}
.viewmore{
	text-align: center;
	margin: 10px auto ;
}
.font_16{
	font-size: 14px;
	line-height: 2;
}
.pc_only{display: none}
.top80 {margin-top: 30px;}

.inter_02{
	padding-top:50px;
}
	
}
@media screen and (max-width: 479px) {
	.sp_only{display: block}
	.btm50{margin-bottom: 30px}

}


/*under 共通*/
.under_top{
	padding-top: 80px;
	padding-bottom: 80px;
}
.h1_sub{display: block;}
.h1_jpn{
	padding-left: 80px;
  padding-right: 80px;
  font-size: 40px;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin: 90px auto auto;
  line-height: 1.5;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  letter-spacing: 0.08em;
  font-weight: 600;
  text-shadow: 1px 1px 2px #605e5e;
}
.h1_jpn .h1_sub{
	margin: 0 0 5px;
}
.title_h2{
	margin: 0 0 20px;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: 600;
}
.title_h3{font-size: 20px;line-height: 1.5em;font-weight: 600;}
.first_ara{
	margin-bottom: 30px
}
.first_ara p{
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.05em;
}
.table_nomal{}
.table_gray,.price_table .white td{text-align: center}
.table_gray td{vertical-align: middle;}
.table_nomal tr,.table_rows tr,.table_rows7 tr,.table_gray,.price_table{
    border-right: 1px solid #D7D7D7;
}
.table_nomal th,.table_rows th,.table_rows7 th,.table_gray td,.table_gray th{
    border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	border-top: 1px solid #D7D7D7;
	background-color: #E8E8E8;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
.table_nomal td,.table_rows td,.table_rows7 td,.white td{
	padding: 10px 10px;
	 border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	font-size: 14px;
	line-height: 1.5;
	vertical-align:middle;
}

.table_nomal td:first-child,.table_nomal td:nth-of-type(3){
	text-align: center;
}
.table_nomal td:nth-of-type(2){
	text-align: left;
}
.table_nomal td:last-child,.table_rows td:last-child,.table_rows7 td:last-child{text-align: right;}
.table_rows td{text-align: center;width: 20%;}
.table_rows7 td{text-align: center;width: 14%;}
.nav_scroll {width: 100%;}
.track{margin-bottom: 50px;}
.track tr {
  display: table-row;
}
.track td:nth-of-type(4){
	text-align: left;
}
.table-box h4 ,.seat_list h4{margin-bottom: 20px;}
.imges_50{text-align: center !important;}
.imges_50 img{width: 50%;margin: auto;}
.nav--typeA{
	background-color: #FFFFFF;
	border-bottom: 1px solid #000;
	border-top: 5px solid #000;
	box-shadow: 0 3px 3px rgba(0,0,0,.05);
}

.nav--typeA ul{
	display: flex;
}
.nav--typeA ul li{
	width: 25%;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
	border-left: 1px solid #000;
	letter-spacing: 0.1em;
}
.nav--typeA ul li:first-child{border-left: none}
.nav--typeA ul li .num{
	font-size: 14px;
  position: absolute;
  top: 0px;
  left: 22px;
}
.nav--typeA ul li a {
  position:relative;
  display:block;
  transition:ease all .2s;
	    padding: 20px 0 25px;
	color: #000000;
	margin: 5px;
}
.nav--typeA ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	margin: auto;
	color: #000000;
	transition: transform .3s ease;
	transition: transform .3s ease,-webkit-transform .3s ease;
	background-image: url(../../common/images/arrow.png);
	background-size: 16px auto;
	width: 16px;
	height: 8px;
	background-repeat: no-repeat;
}
.nav--typeA ul li a:hover,
.nav--typeA ul li a .active {
  background-color:#E8E8E8;
  color:#000000;
}
.nav--typeA ul li a:hover:after {
  transform:translateY(4px);
  color:#E8E8E8;
}
body.is-fixed .gatatuki {
 margin-bottom: 64px;
}
body.is-fixed .nav--typeA {
  position: fixed;
  top: 90px;;
  left: 0;
	animation: areaVisible .3s ease forwards;
	z-index: 1;
}
body.is-fixed .nav--typeA  ul li a {
	    padding: 5px 0 25px;
}
body.is-fixed .nav--typeA  ul li .num {
  top: 0px;
}
@keyframes areaVisible {
  0% {
    opacity:0
  }
  100% {
    opacity:1
  }
}
@media screen and (max-width: 767px) {
.under_top {
  padding-top: 30px;
  padding-bottom: 30px;
}
.h1_jpn{
	padding-left: 20px;
  padding-right: 20px;
	}
.nav--typeA {
  border-bottom: none;
  border-top: 3px solid #000;
}
body.is-fixed .nav--typeA {
  top: 60px;
}
.nav--typeA .inter {
  width: 100%;
}
.nav--typeA ul{
	flex-wrap: wrap;
    align-items: flex-start;
	-webkit-box-pack: center;
	justify-content: center;
  -webkit-box-align: center;
}	
.nav--typeA ul li{width: 50%;border-left: none;position: relative;}	
.nav--typeA ul li:last-child {border-right: none;}
.nav--typeA ul li:nth-child(2n){}
.nav--typeA ul li:nth-of-type(2n+1)::after {
    content: "";
    border-right: 1px solid #000;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50px;
  }	
.nav--typeA ul li:not(:nth-child(1)):not(:nth-child(2))::before {
    content: "";
    border-top: 1px solid #000;
    position: absolute;
    top: 0;
    left: 50%;
    width: 168px;
    transform: translateX(-50%);
  }
.nav--typeA ul li a::after {
  background-size: 11px auto;
  width: 11px;
  height: 6px;
	bottom: 12px;
}
.table-scroll{overflow-x: scroll;}
.table-scroll .table_nomal{width: 800px;}
.table_rows,.table_rows7{width: 800px;}
}
@media screen and (max-width: 479px) {
.h1_jpn .h1_sub{
	font-size: 13px;
}
.h1_jpn{
	font-size: 23px;
	padding-left: 20px;
  padding-right: 20px;
	text-shadow: 1px 1px 1px #626262;
	}
.title_h2{
	margin: 0 0 10px;
  font-size: 18px;
}
.title_h3{font-size: 16px;}
.table-box h4 {margin-bottom: 5px;}
.first_ara {margin-bottom: 15px;}
.first_ara p{font-size: 14px;}
.table_nomal th{font-size: 3.525vw;	}
.table_nomal td{font-size: 3.125vw;	}

.nav--typeA ul li .num {
  font-size: 2.899vw;
  top: 10px;
  left: 10px;
}
.nav--typeA ul li a{
  padding: 15px 0 25px;
 font-size: 3.299vw;
	line-height: 1.5;
}
body.is-fixed .nav--typeA ul li a {
  padding: 5px 0 15px;
}
body.is-fixed .nav--typeA ul li a::after {
    bottom: 3px;
}
.track {margin-bottom: 30px;}
}

/*SERVICE*/

.service_title_h2{
	margin: 0 0 20px;
  font-size: 36px;
  font-weight: 600;
	letter-spacing: 0.1em;
	position: relative;
	padding-top: 24px;
	margin-bottom: 46px;
  line-height: 1.8;
}
.service_title_h2 .num{
	font-size: 20px;
	display: block;
}
.service_title_h2::before {
  content: "";
  width: 76px;
  height: 7px;
  border-radius: 15px;
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 0;}
.service_title_h3{
	margin: 0 0 25px;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: 600;
	border-left:4px solid #000000;
	padding: 2px 0 2px 16px;
	letter-spacing: 0.1em;
}
#sec2,#sec3,#sec4{padding: 100px 0;}
.second_service_card:not(:first-of-type) {
   padding-top: 20px;
}
.second_service_card:last-of-type{
	border-bottom: none;
	padding-bottom: 0;	
}
.service_link_list{
	font-size: 16px;
	line-height: 2;
}
.manufacturers{
    margin: 20px 0;
    background-color: #EEEEEE;
    width: 100%;
    padding: 10px 20px;
    border-radius: 3px;	
}
.manufacturers dt{
	font-size: 14px;
	font-weight: 600;
	line-height: 2;
}
.manufacturers dd{
	font-size: 14px;
	line-height: 2;
}
.tieup{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap; 
	align-items:stretch;
}
.sheet_images{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap; 
	align-items:stretch;
}
.sheet_images figure{width: 50%;}
.one_box{
	margin-bottom: 40px;
	background-color: #fff;
  border: 1px solid #D7D7D7;

}
.details .box{
	width: 48.5%;
	margin-bottom: 40px;
	background-color: #fff;
	border: 1px solid #D7D7D7;
}
.details .acordion_tree .box {
  width: 100%;
  margin-bottom:0;
  background-color: #fff;
  border: none;
}

.no_imag{
    background-color: #E8E8E8;
    text-align: center;
    padding: 100px 0;
}
.details .box dl{}
.details .box dt,.details .one_box dt{
    padding: 20px 20px 25px;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 600;
}
.details .box dd,.details .one_box dd{
	padding: 0 20px 25px;
	font-size: 16px;
	line-height: 2;
}
.details .box dd li,.details .one_box dd li{
	  padding-left: 1.2em;
  text-indent: -1.2em;
}

.border dt,.border dd{
    border: none !important ;
}

.box_specification{
	margin-bottom: 80px;
	font-size: 16px;
	line-height: 2;
}
.box_specification:last-of-type{margin-bottom: 0px;}
.fication_dl{
	margin-bottom: 30px;
}
.fication_dl dt{
	font-weight: 600;
}
.fication_dl dd{
	padding: 0 0 0 18px;
}
.fication_dl:last-of-type{
	margin-bottom: 0px;
}
.typ_option{}
.typ_option ul,.typ_option02 ul{
	display: flex;
  justify-content: space-between;
}
.typ_option ul li,.typ_option02 ul li:first-child{
	width: 32%;
	margin-bottom: 8px;
  padding: 30px 30px 45px;
  background: #fff;
  border: 4px solid #e3e3e3;
  border-radius: 10px;
  font-size: 18px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.08em;
}
.typ_option02 ul li:nth-child(2){
	width: 64%;
	margin-bottom: 8px;
  padding: 20px 30px 35px;
  background: #fff;
  border: 4px solid #e3e3e3;
  border-radius: 10px;
  font-size: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.08em;
}
.columns_02 ul li{
	width: 48.5%
}
.typ_option02 .btn_2column{
		display: flex;
  justify-content: space-between;
	margin-bottom: 20px;
	
}

.btn_2column a {padding: 10px 15px !important;}

.typ_option02 .btn_2column a{
	width: 47%;
}
.o_icon{width: 67px;margin: 0 auto 20px;}
.typ_option .btn01{margin: 20px 0 0;}
.btn01 a{font-size: 14px;padding: 20px 15px;display: block;line-height: 1.5;}
.option_title{line-height: 1.5;font-size: 20px;}
.o_tn20{margin-bottom: 50px;}
.o_tn10{margin-bottom: 30px;}
.o_tn80{margin-bottom: 80px;}
.price .table-box .title_h3{
	margin-bottom: 10px;
	padding-left: 1em;
	text-indent: -1em;
}
.price .table-box{
	margin-bottom: 50px;
}
.magin_none{margin-bottom: 0px !important;}

.precautions{
	font-size: 14px;
	line-height: 2;
	  padding-left: 1em;
  text-indent: -1em;
	margin: 25px 0 0;
}
.tax{font-size: 12px;}
.dealer,.last_box{padding: 60px 0;}   
.dealer_a{
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 600;
	border: 1px solid #FFFFFF;
	display: block;
	padding: 20px 70px 20px 50px;
	max-width: 600px;
	width: 100%;
	margin: auto;
	border-radius: 5px;
}
.dealer_a:hover {
  color: var(--takeda-black);
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.dealer .arrow_w::after{
  right: 35px;
  background-size: 15px auto;
  width: 15px;
  height: 25px;
	top: 50%;
	transform: translateY(-50%);
}
.qaf{
    padding: 70px 0;
}
/*
.acordion_tree {
  display: none; 
  opacity: 0; 
  transition: opacity 0.3s ease;}/* アニメーションでスムーズに表示 */


/* activeクラスが付いた場合の表示 */
.trigger.active + .acordion_tree {
  opacity: 1; /* 透明度を1にして表示 */
}


.acordion {
  width: 100%;
  background-color: #f3f2f0;
  border-radius: 3px;
  margin: 0 auto 18px;
}

.trigger {
	padding: 16px 60px 18px 75px;
	border-radius: 8px;
	font-size: 16px;
	background-size: 24px 24px;
	position: relative;
	font-weight: 600;
	line-height: 1.5;
	background-image: url(../../common/images/new_p.png);
	background-repeat: no-repeat;
	 background-position: left 20px center;
}

.trigger.active {
 
}

.acordion_tree {
	/*  padding: 0px 10px 25px 15px;*/
	background-size: 32px 32px;
	position: relative;
	background-color: #FFFFFF;
	
}
.answer {
  position: absolute;
  top: 20px;
  left: 20px;
}
.open-close {
    text-indent: -9999px;
    display: block;
    background-repeat: no-repeat;
    background-image: url(../../common/images/up.png);
    background-size: 20px 20px;
    padding: 10px;
    background-position: center center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.trigger.active .open-close {
  background-repeat: no-repeat;
	background-image: url(../../common/images/down.png);
}
.acordion_tree .box {
  clear: both;

}
.region {
  text-align: justify;
  font-size: 14px;
  line-height: 2;
	padding: 15px  100px 15px 70px;
}
.connection_title_h2 {
  margin: 0 0 20px;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.8;
	text-align: center;
}
.one_box .left_box{
	width: 48%
}
.one_box .rigt_box{
	width: 48%
}
.border{border: 1px solid #D7D7D7;}
.tieup_one_column .border{padding: 30px}
#first{
	padding-top: 100px;
  padding-bottom: 100px;
}
.seat_list{
	margin-bottom: 80px;
}
.seat_list:last-of-type{
	margin-bottom: 120px;
}
.seat_list ul{
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.seat_list ul li{
	width: 22%;
	text-align: center;	
	margin-right: 3%;
}
.seat_list ul li a{
	font-weight: 600;
}
.seat_list ul li figcaption{
	margin: 15px 0 ;
}
#sec4 .service_title_h3{
	border-left: none;
  padding: 0;
	
}

@media screen and (max-width: 991px) {
.seat_list ul li {
  width: 30%;
}
.sp_center{
	text-align: center;
	}
}
@media screen and (max-width: 767px) {
.second_service_card{
	padding-bottom: 30px;
	}
.second_service_card .small_text{
	margin-bottom: 20px;
	}
.service_link_list{
	font-size: 13px;
	line-height: 2;
}
.manufacturers dt{
	font-size: 13px;
	font-weight: 600;
	line-height: 2;
}
.manufacturers dd{
	font-size: 12px;
	line-height: 2;
}
#first{padding: 70px 0 50px;}
#sec1{padding: 50px 0 20px;}
#sec2, #sec3, #sec4 { padding: 50px 0;}
.service_title_h2 { margin-bottom: 20px;font-size: 22px; padding-top: 20px;}
.connection_title_h2{margin-bottom: 20px;font-size: 22px;}
.service_title_h2 .num {font-size: 15px;}
.service_title_h3 {font-size: 18px;border-left: 3px solid #000;margin: 0 0 15px;}
.box_specification{font-size: 14px;margin-bottom: 50px;}
.tieup { margin-bottom: 0px;}
.typ_option ul, .typ_option02 ul,.typ_option02 .btn_2column{
	flex-direction: column;
    gap: 10px 0;
	margin-bottom: 10px;
}
.typ_option ul li,.one_box .left_box,.one_box .rigt_box, .typ_option02 ul li:first-child ,.typ_option02 ul li:nth-child(2),.typ_option02 .btn_2column a  {
  width: 100%;
}

.one_box .rigt_box{margin-top: 10px;}
.tieup_one_column .border {
  padding: 0 0 10px 0;
}
.seat_list {margin-bottom: 50px;}
.seat_list:last-of-type{
	margin-bottom: 80px;
}
.details .box dt, .details .one_box dt {
  padding: 20px 20px 15px;
  font-size: 16px;
}
}

@media screen and (max-width: 479px) {
.item a {padding: 10px 15px;}
.service_title_h2::before {width: 46px;}
.details .box dt,.details .one_box dt {
  padding: 10px 10px 10px;
  font-size: 15px;
}
.details .box dd,.details .one_box dd {
  font-size: 12px;
padding: 0 10px 10px;
	line-height: 1.5
}
.details .box {
  margin-bottom: 30px;
}
.second_service_card:not(:first-of-type) {
   padding-top: 0px;
}
.trigger {
  font-size: 14px;
}
.typ_option .btn01 a ,.seat_list .btn01 a{
  padding: 13px 15px;
}
	
.box_specification { margin-bottom: 50px;}
.o_tn20{margin-bottom: 0px;}
.dealer_a{
	font-size: 18px;
	padding: 20px 70px 20px 20px;
}
.qaf{ padding: 50px 0;}
.o_tn80{margin-bottom: 40px;}	
.seat_list ul{
	 justify-content: space-between;	
	}	
.seat_list ul li {
  width: 48.5%;
	margin: 0 0 30px;
}
.seat_list ul li figcaption {
  margin: 8px 0;
	line-height: 1.8;
}
.sp_one{
	width: 100% !important;
}
/* .box要素が3つ以上の時、最後と最後から2番目にmargin: 0 */
.tieup .box:nth-last-child(-n+2) , .seat_list ul li:nth-last-child(-n+2){
  margin: 0;
}
.magin_30,.sp_30{margin-bottom: 30px !important;}
.seat_list {margin-bottom: 40px;}
.box_specification .padin_20{padding-top: 0}
.icon_other::after {
  right: 15px;
	top: 17px;
  background-size: 12px auto;
  width: 12px;
  height: 12px;
}
.seat_list .btn01 a {
  font-size: 12px;
	}
.option_title {
  font-size: 18px;
}
}





.slider-1 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.slider-1 .slick-slide {
  height: auto;
}
.slider-2 {
  width: 50%;
  padding: 30px 0;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin: 100px auto;
  text-align: center;
}
.slider-3 {
  width: 90%;
  margin: 0 auto;
}
.slider-3 article {
  height: 290px;
  margin: 0.5%;
}
.slider-3 .thum {
  height: 140px;
}
.slider-3 .thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-3 .title {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 10px;
  margin-bottom: 10px;
}
.slider-3 .slick-arrow:before {
  color: #2196F3;
}
.slider-4 {
  height: 300px;
  width: 80%;
  margin: 0 auto;
}
.slider-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-4 .slick-arrow:before {
  color: #CCCCCC;
}
.slider-5-thum, .slider-5-nav {
  width: 80%;
  margin: 0 auto;
}
.slider-5-thum li {
  height:50vh;
}
.slider-5-thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-5-nav li {
  width: 200px;
  height: 20vh;
}
ul.slider-5-nav img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
	font-size: 0  !important;
	line-height: 0  !important;
	position: absolute  !important;;
	bottom: -48px  !important;
	display: block  !important;
	padding: 0  !important;
	cursor: pointer  !important;
	color: transparent  !important;
	outline: none  !important;
	background: transparent  !important;;
	width: 50px  !important;
	height: 50px  !important;
	top: auto !important;
z-index: 1;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next02.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px  ;
    line-height: 1  ;
    opacity: .75;
    color: #000000 ;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-weight: 600;
	
}

.slick-prev
{
    right: calc(50% + 60px) ;
	left: auto !important;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '<'  !important;;
}
[dir='rtl'] .slick-prev:before
{
    content: '<';
}

.slick-next
{
   left: calc(50% + 60px) ;
	right: auto !important;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 25px;
}
.slick-next:before
{
    content: '>'  !important;;
}
[dir='rtl'] .slick-next:before
{
    content: '<';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute !important;
    bottom: -35px  !important;
    display: block;
    width: 100%;
    padding: 0  !important;
    margin: 0  !important;
    list-style: none  !important;
    text-align: center  !important;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px !important;
    height: 20px !important;
    margin: 0 5px !important;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px !important;
    height: 20px !important;
    padding: 5px !important;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}

.mission_strength .swiper-pagination-bullet-active {
  background: #ed2446;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 12px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #000000;
	
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	z-index: 0 !important;
}



.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slider-1 .slick-list{

	
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@media screen and (max-width: 479px) {
.slick-prev, .slick-next {

}
.slick-prev::before,.slick-next::before {
  font-size: 15px;
}
}



/* 404 */
.t_black .h1{
	color: #000000;
}
.h404{
	font-size: 146px;
	line-height: 1;
}
.t_black .h1_sub{font-weight: 600;letter-spacing: 0.1em;font-size: 20px}
.header_second .viewmore{display: block;}
.t_black .viewmore p{
	font-weight: normal;
	line-height: 1.8;
	font-family: Noto Sans JP, sans-serif;
	margin: 0px 0 10px;
	font-size: 16px;
}
.sp_404{display: none;}
@media screen and (max-width: 991px){
.h404{font-size: 80px;}	
}
@media screen and (max-width: 767px) {
.t_black .h1{display: none;}
.sp_404{display: block;margin: 50px 20px;text-align: center;}	
.sp_404 p{font-size: 14px;line-height: 2;letter-spacing: 0.08em;}
.sp_404 h1{
	font-size: 50px;
	font-family: alternate-gothic-atf, sans-serif;
	line-height: 1;
	text-align: center;
	margin-bottom: 30px
	}
.sp_404 .h1_sub{line-height: 1.7;}
.sp_404 .viewmore .viewmore_button{
	margin: 30px auto 0;
	font-size: 14px;
	padding: 20px 80px;
	line-height: 1.3;
	
	}	
}
/* privacy-policy */
.privacy-policy{margin-bottom: 120px}
.privacy-policy p{font-size: 16px;line-height: 2;letter-spacing: 0.08em;}
.privacy-policy dl{margin: 40px 0 0; font-size: 16px;line-height: 2;letter-spacing: 0.08em;}
.privacy-policy dl dt{font-weight: 600;}
.privacy-policy dl dd{padding: 0 0 0 25px;}

@media screen and (max-width: 767px) {
.privacy-policy{margin-bottom: 60px}
.privacy-policy dl,.privacy-policy p{font-size: 14px;}
.privacy-policy dl dd{padding: 0px;}
}

/* news */
.news .news_content{
	padding: 0px 0 5px;
	margin: 0px 0 15px;
}
.news .news_content:last-of-type{
	margin: 0px 0 100px;
}
.news a:hover{
	transition: all 0.3s;
	color: #878787;
}
.pagination{
	text-align: center;
	margin: 100px auto 100px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";
	font-size: 16px;
}
.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-numbers li .current {
	background: #000;
	width: 2rem;
	height: 2rem;
	border: 1px solid #000000;
	border-radius: 5px;
	color: #FFFFFF;
	margin: 0 7px;
}
.page-numbers li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-numbers li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	 width: 2rem;
  height: 2rem;
	margin: 0 5px;
border: 1px solid #000000;
 border-radius: 7px;
}
.new_detail .news_title{
	font-size: 30px;
}

.content{
	font-size: 16px;
	line-height: 2;
	margin: 50px 0 100px;
	letter-spacing: 0.08em;
}
.content img{
	max-width: 100%;
	margin: 0 0 20px;
}
.news .viewmore{
	margin: 100px 0 120px;
}
.news .viewmore_button{
	margin: auto;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
.pagination{
	margin: 50px auto 50px;
	font-size: 13px;
}	
.content{
	font-size: 14px;
	margin: 0px 0 50px;
}
.new_detail .news_title{
	font-size: 20px;
}
.news .viewmore{
	margin: 50px 0 80px;
}
.news .viewmore_button{
	font-size: 14px;
	line-height: 2;
	padding: 20px 60px;
}
.news .news_content:last-of-type{
	margin: 0px 0 80px;
}
}



/* works */
.works_top dl{
	display: flex;
	position: relative;
}
.works_top dt{
	width: 15%;
	font-family: Noto Sans JP, sans-serif;
	font-size: 16px;
	font-weight: 600;
	/*position: relative;*/
}
.works_top dd{
	width: 80%;
}/*
.works_top dl dd .label_wrapper li,.results_list li{
	grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white);
  color: #fff;
  text-transform: uppercase;
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: 1px solid #cecece;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 6px 10px 6px 40px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  line-height: 1em;
  display: flex;
	max-width: 100%;
}*/
.works_top .label_wrapper{
	display: flex;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-transform: uppercase;
  flex-wrap: wrap;
  height: auto;
  align-items: flex-start;
}
.works_top dl dd .label_wrapper li,.results_list li{
  background-color: var(--white);
  color: #fff;
  text-transform: uppercase;
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border: 1px solid #cecece;
  height: 32px;
  padding: 6px 10px 6px 40px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  line-height: 1em;
	max-width: 100%;
	display: inline-block;
}
.works_cat li{background-image: url("../../common/images/folder.svg");}
.works_tag li{
	background-image: url("../../common/images/tag.svg");
  background-position: 10px;
  border-radius: 16px;}
.works_list .works_title{
	margin-top: 0px !important;
}
.results_list{
	margin-top: 15px;
}
.works_cat{
	margin-bottom: 10px;
	height: 100%;
}
.works_cat  span,.works_tag span{
	 display: flex;
	grid-column-gap: 8px;
  grid-row-gap: 8px;
	  text-transform: uppercase;
	flex-wrap: wrap;
	height: auto; 
	 align-items: flex-start; 
}
.works_cat  span a{
  background-image: url("../../common/images/folder.svg");
  color: #000000;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  line-height: 1em;
	max-width: 100%;
font-size: 13px;
	border: 1px solid #cecece;
  padding: 10px 10px 8px 40px;
	 background-position: 10px;
  background-color: var(--white);
}
.works_tag span a{
	 background-image: url("../../common/images/tag.svg");
  color: #000000;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  font-family: alternate-gothic-atf, sans-serif;
  font-weight: 700;
  line-height: 1em;
	max-width: 100%;
font-size: 13px;
	border: 1px solid #cecece;
  padding: 10px 10px 8px 40px;
	 background-position: 10px;
  background-color: var(--white);
	border-radius: 16px;	
}
.works_top dl dd .label_wrapper li a ,.results_list li a{
  color: var(--takeda-black);
  font-family: Noto Sans JP, sans-serif;
  font-size: 12px;
  line-height: 1.1;
}
.works_top .label_wrapper {
  margin-top: 0px;
}

.lists{
 margin: 0 auto;
	display: grid;
gap: 24px 30px;
grid-template-columns: repeat(3,1fr);
}
.lists .top_li{
	--item-gap: 1.875vw;
--item-padding: 8.5%;	
	margin: 0 auto 80px;
	
}

.lists .works_card {
	min-width:  auto;
	width: 33%;
}
.lists  .works_image {
  width: auto;
	min-width:   auto;
	height: auto;
}
.works_cat .trigger,.works_tag .trigger{
	padding: 0px 30px 8px 0px;
  border-radius: 0;
  background: none;
  position: relative;
  font-weight: 600;
  line-height: 1.5;
	margin: 0;
}
.works_cat .acordion_tree,.works_tag .acordion_tree{
		margin: 0;
	padding: 0px 10px 25px 0px;
}

.works_cat .open-close ,.works_tag .open-close{
 top: 13px;
  right: -20px;
	position: absolute;
}
.works_list .card_h3{
	margin-bottom: 50px;
	text-align: center;
}
.lists .w-inline-block {
  overflow: hidden;
}
.works_btm{
	margin-bottom: 200px;
}
@media screen and (max-width: 767px) {
.works_top dl {
  display:block;
}
.works_top dt {
  width: 100%;
	margin-bottom: 10px;
}
.works_top dd {
  width: 100%;
}
.lists{
		gap: 6.4vw 10.6666666667vw;
  grid-template-columns: 2fr;		
	}
.lists .top_li{
		--item-gap: 6.4vw;
  --item-padding: 5.3333333333vw;
  display: block;
	margin: 0 auto 20px;
}
.works_cat .open-close,.works_tag .open-close {
  top: -23px;
  right: 0px;
}
.works_btm{
	margin-bottom: 100px;
	margin-top: 60px;
}
.works_cat span a,.works_tag span a {
  font-size: 10px;
}
}
@media screen and (max-width: 479px) {
.lists .top_li{
	margin: 0 auto 20px;
}
.works_list .card_h3{
	margin-bottom: 30px;
}
.works_btm{
	margin-bottom: 50px;
	margin-top: 60px;
}
}


.works_under{
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}
.photoes {
  margin: 0 2% 30px 0;
	max-width: 610px;
	
}
.mainImage img{
max-width: 610px;
  height: auto;
	width: 100%;
}
.thumbnails {
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 ;
}
.thumbnails li img {
  margin: 0 10px 10px 0;
  max-width:145px;
  height: auto;
}
.thumbnails li:nth-child(4n) img{
	 margin: 0 0 10px 0;
}
.content_box{
	width: 48%;
	margin: 0 0 0 2%;
	max-width: 530px;
	
}
.content_box .works_detail {
  margin-top: 0px;
}
.content_box .works_title {
  font-size: 25px;
  line-height: 1.5em;
}
.content_box .works_code {
	margin: 5px 0 0;
}
.content_box .text_ara{
	margin: 50px 0 ;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.08em;
	
}
.return{
	border-bottom: 1px solid #cecece;
}
.return .viewmore {
  margin: 100px 0 120px;
}
.return .viewmore_button{
	margin: auto;
	line-height: 1.5;
}
@media screen and (max-width: 1350px) {
.content_box {
  width: 38%;
}
}
@media screen and (max-width: 1210px) {
.photoes {
  max-width: 480px;
	margin-right: 40px;
}
.mainImage img {
  max-width: 480px;
}	
.thumbnails li img {
  max-width: 112px;
}
.content_box {
  width: 38%;
  max-width: 100%;
}
}


@media screen and (max-width: 991px) {
.photoes {  order: 2;}
.content_box{  order: 1;}
 .photoes {
    max-width: 100%;
	 text-align: center;
	 margin: 0px;
	 width: 100%;
  }	
.thumbnails li:nth-child(4n) img{
	  margin: 0 10px 10px 0;
}
.content_box {
  width: 100%;
  max-width: 100%;
  margin-left: 0px;
}
}
@media screen and (max-width: 767px) {
.content_box .works_title {
 font-size: 20px;
}
  .mainImage {
    height: auto;
    margin: 0 auto 20px;
  }
  .mainImage img {
    max-width: 100%;
  }
.thumbnails li{
  margin: 0 1% 10px 0;
	max-width: 24%;
}
 .thumbnails li img {
    max-width: 100%;
	 margin: 0;
  }
.thumbnails li:nth-child(4n) img{
	 margin: 0 0 0 0;
}
.return .viewmore {
    margin: 50px 0 80px;
  }
.return  .viewmore_button	{
	padding: 20px 50px;	
	}
	
}
@media screen and (max-width: 479px) {
.content_box .text_ara {
  font-size: 14px;
	margin: 30px 0 ;
}

}

/* company */
.colum_02,.colum_pattern_80{
	grid-column-gap: 2%;
  grid-row-gap: 2%;
  justify-content: space-between;
  width: 100%;
  display: flex;
	flex-wrap: wrap;
}
.colum_02 .rigt_box,.colum_02 .left_box{
	width: 45%;
}
.name{
	text-align: right;
	margin-top: 10px;
}
.name img{
	width: 230px;
}
.font_18{
	font-size: 18px;
	line-height: 2.2;
	letter-spacing: 0.08em;
}
#mvv,#philosophy,#brand,#history,#Company_Profile,#con_faq,#con_tel,#con_form{padding: 100px 0}

.company .colum_pattern_80{
	margin-bottom: 100px;
}
.company .colum_pattern_80:last-of-type{
	margin-bottom: 0px;
}
.colum_pattern_80 .rigt_box{
	width: 10%;
	position:relative;
	text-align: center;
}
.colum_pattern_80 .rigt_box::after{
	content:"";
position:absolute;
left:50%;
background:#000000;
width:1px;
height:75%;
}
.colum_pattern_80 .left_box{
	width: 85%;
	letter-spacing: 0.08em;
}
.big_font{
	font-family: alternate-gothic-atf, sans-serif;
	font-size: 120px;
	font-weight: 700;
	line-height: 1;
}
.colum_pattern_80 .left_box h3{
  font-weight: 600;
	margin-bottom: 15px;
	
}
.colum_pattern_80 .left_box h4,.company .frame h3{
  font-weight: 600;
	font-size: 30px;
	margin-bottom: 20px;
	line-height: 1.5;
}
.colum_pattern_80 .left_box .box{
	padding: 40px 50px;
	background-color: #FFFFFF;
	border-radius: 10px;
}
.magin__30{
	margin-bottom: 50px;
}
#mvv .box ol{margin-top: 20px;}

.box ol{
	counter-reset: listnum; /* カウンターをリセット */
	list-style: none; /* 標準のスタイルは消す */
}
.box ol li::before{
    	counter-increment: listnum;
    	content: counter(listnum) "."; /* 半角スペースを入れて""の中にピリオドを追加 */
    	padding-right: 5px;
    }
.company .frame{
	padding: 40px 50px;
  border-radius: 10px;
}
#brand .frame ul{
	display: flex;
	flex-wrap: wrap;
	 justify-content: space-between;
	align-items: center;
}
#brand .frame ul li{
	width: 19%;
	text-align: center;
}
#brand .frame ul li img{
	max-width: 180px;
	margin: auto;
	width: 100%;
}
#history .colum_02 li{
	width: 45%;
	text-align: center;
	font-size: 14px;
}
.info-list {
  margin: 100px 0 0;
}
.info-list .item {
  display: flex;
  padding: 25px 0;
}
.info-list .item:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
.info-list dt {
  padding: 0 70px;
  width: 300px;
	font-weight: 700;
}

.info-list dd {
  width: calc(100% - 300px);
}

@media screen and (max-width: 767px) {
.colum_02 .rigt_box{
	width: 100%;
	margin-bottom: 40px;
}
.colum_02 .left_box{
	width: 100%;
}	
.font_18{
	font-size: 16px;
	line-height: 2;
}
.name{
	margin-top: 20px;
}
.name img{
	width: 200px;
}
#mvv,#philosophy,#brand,#history,#Company_Profile,#con_faq,#con_tel,#con_form{padding: 50px 0}
.info-list .item {display: block;}
.info-list dt {
  padding: 0 0 5px 0;
  width: 100%;
}
.info-list dd {
  width: 100%;
}

}

@media screen and (max-width: 479px) {
.colum_pattern_80 .left_box .box .sp_only{
	display: inline!important;
	}	
.big_font {
  font-size: 60px;
}	

.company .colum_pattern_80 {
  margin-bottom: 60px;
}
.colum_pattern_80 .rigt_box::after {
  height: 85%;
}
.colum_pattern_80 .rigt_box {
  width: 15%;
}	
.colum_pattern_80 .left_box {
  width: 80%;
}
.colum_pattern_80 .left_box .box {
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.colum_pattern_80 .left_box h4,.company .frame h3 {
  font-size: 20px;
	margin-bottom: 15px;
	line-height: 1.3;
}
.magin__30 {
  margin-bottom: 30px;
}
.company ol li{
	  padding-left: 1.2em;
  text-indent: -1.2em;
	}
.company .frame{
	padding: 0;
  border-radius: 0;
background-color: transparent !important;
}
#brand .frame ul{
	display: block;
}
#brand .frame ul li {
  width: 35%;
	margin: 0 auto 30px;
}
#brand .frame ul li img{
	max-width: 100%;
}
#brand .frame ul li:last-child{
	margin: 0 auto 0px;
	}
.info-list {
  margin: 10px 0 0;
}
#history .colum_02 li {
  width: 48%;
  font-size: 11px;
}
}



/* contact */
.frame_con{
	padding: 40px 50px;
border: 4px solid #e3e3e3;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 80px;
}
#con_faq ul li{
	font-size: 20px;
	font-weight: 700;
	font-family: alternate-gothic-atf, sans-serif;
	letter-spacing: 0.05em;
}
#con_faq .trigger{
  background-image: url(../../common/images/new_p.png);
  background-repeat: no-repeat;
  background-position: left 30px top 25px;
	padding: 25px 25px 25px 70px;
}
#con_faq .acordion .acordion_tree .region {
  margin: 0 40px;
  padding: 15px 0px 40px;
	font-weight: normal;
}
#con_faq ul li a{}
#con_faq ul li a:hover{
	color: #ABABAB;
}

.contact .viewmore,.s_faq.viewmore{
	margin: 60px 0 0;
}
.contact .viewmore_button,.s_faq .viewmore_button{
	margin: auto;
	font-size: 16px;
	padding: 30px 70px;
	line-height: 1.5;
}
.s_faq{
	position: relative;
}
.s_faq .viewmore_button{
	position: relative;
/* 	z-index: 5; */
}

#con_tel .typ_option ul li{
	margin-bottom: 30px;
}
#con_tel .line{
	margin: 20px 0 0;
}
.tel_fone{
	font-size: 40px;
	font-weight: 700;
	font-family: alternate-gothic-atf, sans-serif;
	margin: 30px 0 0;
	line-height: 1;
}
.font_13{font-size: 14px;font-weight: normal;}
.columns_03 .tel_fone{
	margin-top: 40px;
}
.columns_03 .font_13 {
  line-height: 1.9;
	margin: 20px 0 0; 
}
.columns_03 .line img{
	width: 100px;
}
.con_box{
 padding: 30px 30px 45px;
  background: #fff;
  border: 4px solid #e3e3e3;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.08em;
}
.con_box .font_16{
	font-weight: normal;
margin: 30px 0 0;
}
.con_box ul{
	width: 80%;
	margin: 20px auto 0;
	display: flex;
	flex-wrap: wrap;
}
.con_box ul li{
	width: 45%;
	margin: 10px;
}
.con_box ul li:last-child{margin-bottom:0;}
.thanks{
	margin-bottom: 100px;
	text-align: center;
}
.thanks h2{
	font-weight: 600;
  font-size: 30px;
  margin-bottom: 50px;
  line-height: 1.5;
	letter-spacing: 0.05em;
}
.thanks .viewmore_button{
	margin: 70px auto 0;
  font-size: 16px;
  padding: 30px 70px;
  line-height: 1.5;
}
@media screen and (max-width: 991px)  {
.con_box ul{
	width: 100%;
}	
}
@media screen and (max-width: 767px) {
.con_box ul li{
	width: 100%;
	margin: 10px 0;
}
.thanks h2{
  margin-bottom: 30px;
}
.frame_con{
	margin-bottom: 0px;
}
.columns_03 .tel_fone{
	margin-top: 20px;
}
.columns_03 .font_13 {
  margin: 0;
}
.columns_03 .line{
	margin-bottom: 5px;
	}
}
@media screen and (max-width: 479px) {
.frame_con {
 padding: 30px ;
	text-align: left;
}
	#con_faq ul li {
  font-size: 17px;	
}	
.contact .viewmore {
  margin: 40px 0 0;
}	
.contact .viewmore_button {
  font-size: 14px;
	padding: 20px 15px;
	width: 80%;
}
#con_tel .typ_option ul li {
  margin-bottom: 10px;
}
.con_box ul li{
	text-align: left;
}
.tel_fone {
  font-size: 40px;
	margin: 20px 0 10px;
}
.con_box .font_16 {
  margin: 15px 0 0;
text-align: left;
}
.thanks {
  margin-bottom: 50px;
}
.thanks h2{
  font-size: 20px;
}
.thanks .font_16{
	text-align: left;
	}
.thanks .viewmore_button {
  margin: 40px auto 0;
padding: 20px 70px;
	font-size: 14px;
}
}


/***********************************
contact
************************************/
.btn_10{
	margin-bottom: 10px;
}
.necessary{font-size: 14px;margin-top: 20px;text-align:left;}
.privacy{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 0 0;
	font-size: 16px;
  font-weight: normal;
}
.privacy .wpcf7-not-valid-tip{
	text-align: center;
}
.privacy_link{
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	
}
.privacy_link a{
	text-decoration: underline;
}
.privacy_link a:hover{
	text-decoration: none;
}
.wpcf7-not-valid-tip {
  font-size: 14px !important;
}
input[type="radio"] {
    appearance: auto;
}
input[type="radio"] {
  position: relative;
  width: 19px;
  height: 19px;
  border: 1px solid #000000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex-shrink: 0;
}
input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000000;
  content: '';
}
span.wpcf7-list-item {
  display: block !important;
  margin: 0 !important;
  line-height: 2.5;
}
.text_con{
	font-size: 18px;
  line-height: 2.5;
  letter-spacing: 0.03em;
  font-weight: 500;
	text-align: center;
	margin-bottom: 100px;
}

.table-box02 {
	padding: 0 0 25px;
	margin-bottom: 25px;
}
.table-box02-last {
    width: 100%;
    box-sizing: border-box;
}
.table-box02-l {
    font-size: 16px;
    line-height: 1.8;
    vertical-align: middle;
    text-align: left;
	position: relative;
	margin-bottom: 5px;
}

.table-box02-r {
    text-align: left;   
    box-sizing: border-box;
}
.wpcf7-form input[type="text"],
input[type="text01"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
.wpcf7 textarea,
textarea.form-control,
.wp-editor-container {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	padding: 20px;
	margin: 2px 0;
	box-sizing: border-box;
	border: 1px solid #ddd;
	color: #000000;
	font-size: 15px;
	line-height: 1.6em;
	border-radius: 5px;
}
::placeholder {
  color: #CCCCCC;
}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #CCCCCC;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #CCCCCC;
}
.text02 {
    width: 100%;
}

span.wpcf7-list-item {
    margin: 0 5px 0 0 !important;
}
input[type="date"],
select {
    font-size: 15px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #999 !important;
    background: #fff !important;
    box-sizing: border-box;
}

.wpcf7 {
    margin: 60px auto 0;
}
.must {
    font-size: 12px;
    color: #e60012;
    margin-left: 7px;
    font-weight: normal;
	display: inline-block;
	line-height: 3.2;
}

.submitbtn input {
    width: 110px;
    border: none;
    padding: 10px 10px;
}

.submitbtn input[type='submit'] {
    display: block;
	width: 350px;
padding: 30px 25px;
    margin: 80px auto 0;
    text-align: center;
    color: #fff;
    background-color: #000000;
	font-size: 16px;
	font-weight: 600;
}

.submitbtn input[type="submit"]:hover {
    color: #fff;
    opacity: 0.8;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
 input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
.thanks{
	min-height:500px;
}
.thanks .inner{
	
}
.c_big_text{
	font-size: 30px;
  color: #e60012;
  font-weight: 900;
  margin-bottom: 50px;
  font-family: toppan-bunkyu-midashi-go-std, sans-serif;
  letter-spacing: 0.2em;
}
.nonal_text{
	font-size: 16px;
  line-height: 2;
  letter-spacing: 0.08em;
  font-weight: 500;
}
.p_404{
	text-align: center;
}
/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
.text_con {
font-size: 16px;
    line-height: 2;
  text-align: left;
  margin-bottom: 50px;
}
    .wpcf7 {
        width: 100%;
        max-width: 100%;
		margin: 30px auto 0;
    }
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {
.must {top: 7px;right: 8px;}
.table-box02-l {
        width: 100%;
        vertical-align: middle;
        box-sizing: border-box;
        line-height: 1.6em;
        display: block;
	font-size: 16px;
    }
.table-box02 {
  padding: 0 0 15px;
  margin-bottom: 15px;
}
.terms {
    margin: 30px 0 0 0;
}
.terms .box h4 {
    font-size: 16px;
}
.privacy {
    width: 100%;
}
span.wpcf7-list-item {
  display: inline !important;
}
.privacy label {
  display: inline}
.submitbtn input[type="submit"] {
    max-width: 300px;
	width: 80%;
	padding: 20px 7%;
	margin: 40px auto 0;
}
    .kibou .wpcf7-list-item {
        display: table !important;
    }

    .wpcf7-list-item input {
  
    }

    .wpcf7-list-item-label {
        display: table-cell;
        padding-left: 5px;
		font-size: 14px;
		line-height: 2;
    }
.p_404{
	text-align: left;
}
}

@media screen and (max-width: 640px) {
    .wpcf7-list-item-label {
        display: inline-flex;
    }
}


/***********************************
faq
************************************/
.faq_top {
	margin-bottom: 100px;
}
.faq_top ul{
display: grid;
gap: 22px 10px;
grid-template-columns: repeat(3,1fr);
	
}
.faq_top ul li{
	--item-gap: 1.875vw;
--item-padding: 8.5%;	
}
.faq_top ul li a{
	border-radius: 50px;
	padding: 15px 25px;
	position: relative;
	font-size: 14px;
	font-weight: 600;

}
.faq_top ul li a::after {
	content: "";
	position: absolute;
	right: 25px;
	top: 20px;
	margin: auto;
	width: 15px;
	height: 15px;
	background-image: url(../../common/images/arrow_w.png);
	background-repeat: no-repeat;
	background-size: 15px auto;	
}
.faq_top ul li a:hover::after{ background-image: url(../../common/images/arrow.png);}
.faq_list{margin: 15px 0} 
.faq_list li{  padding-left: 1.5em;
  text-indent: -1.5em;} 
.faq {
	margin-bottom: 80px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 80px;

}
.faq:last-of-type{border-bottom: none;}
.faq h2{
	font-size: 25px;
  margin-bottom: 25px;
}
.faq h3 {
  font-size: 18px;
}
.faq .btm40{margin-bottom: 40px !important;}
.order_form{
	margin-top: 35px;
}
.order_form h4,.h4_form{
	font-size: 16px;
	margin-bottom: 3px;
}
.order_form ul{
display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.order_form ul li {
  width: 28%;
  text-align: center;
  margin-right: 3%;
	display: block !important;
}
.order_form ul li {
  margin-top: 20px !important;
}
.order_form ul li a{
	font-weight: 600;
}


@media screen and (max-width:992px) {
.faq_top ul{
grid-template-columns: repeat(2,1fr);
}
}	
@media screen and (max-width: 767px) {
.faq_top {
	margin-bottom: 60px;
}
.faq {
  margin-bottom: 50px;
	padding-bottom: 53px;
}
.faq h2{
	font-size: 18px;
  margin-bottom: 5px;
}	
.faq h3 {
  font-size: 16px;
	margin-top: 0px;
}	
.order_form ul li {
  width: 100%;
  margin-right: 0;
}	
}
	
@media screen and (max-width:640px) {
.faq_top ul{
gap: 4vw 10.6666666667vw;
  grid-template-columns: 1fr;		
}	
.faq_top ul li{
	--item-gap: 6.4vw;
  --item-padding: 5.3333333333vw;
  display: block;	
}	
.trigger {
background-size: 20px 20px;
  padding: 16px 60px 18px 55px;
	}
.open-close {
  background-size: 13px 13px;
	right: 20px;
	}	
.region {
  padding: 15px 20px 15px 20px;}
.order_form {
  margin-top: 25px;
}
.order_form h4,.h4_form {
  font-size: 14px;
  margin-bottom: 0;
	margin-top: 0;
}
	
	
	
	
	}

	
.c-flow ol {
  list-style: none;
}
.c-flow {
  position:relative;
  margin-top:30px;
  --flow-number-width: 80px;
  --flow-number-margin: 40px
}
	
@media screen and (max-width: 960px) {
  .c-flow {
    --flow-number-width: 70px;
    --flow-number-margin: 30px
  }
}
@media screen and (max-width: 767px) {
  .c-flow {
    --flow-number-width: 60px;
    --flow-number-margin: 18px;
    margin-top:30px
  }
}
.c-flow::before {
  content:"";
  position:absolute;
  z-index:0;
  top:20px;
  left:calc(var(--flow-number-width)/2 - 1px);
  width:2px;
  height:calc(100% - 180px);
  background-color:#000
}
@media screen and (max-width: 960px) {
  .c-flow::before {
  
  }
}
@media screen and (max-width: 767px) {
  .c-flow::before {
    --flow-last-size: 115px;
    height:calc(100% - var(--flow-last-size))
  }
}
	
	
.c-flow li {
  position:relative;
  z-index:1;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex
}
.c-flow li .c-flow__number {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:var(--flow-number-width);
  height:var(--flow-number-width);
  margin-right:var(--flow-number-margin);
  background-color:#fff;
  border:2px solid #000;
  border-radius:50%
}
.c-flow li .c-flow__number span {
font-family: Noto Sans JP, sans-serif;
  font-size:1.6rem;
  line-height:1;
	  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .c-flow li .c-flow__number span {
    font-size:1.5rem
  }
}
@media screen and (max-width: 767px) {
  .c-flow li .c-flow__number span {
    font-size:1.4rem
  }
}
.c-flow li .c-flow__content {
  -webkit-transform:translateY(-8px);
  transform:translateY(-8px);
  width:calc(100% - var(--flow-number-width) - var(--flow-number-margin))
}
.c-flow li .c-flow__content h3 {
  margin-bottom:8px;
  font-size:22px;
}
@media screen and (max-width: 767px) {
  .c-flow li .c-flow__content h3 {
    margin-bottom:5px;
    font-size:18px;
  }
}
@media screen and (max-width: 640px) {
  .c-flow li .c-flow__content h3 {
    margin-bottom:3px;
    font-size:16px;
  }
}
.c-flow li .c-flow__content p {
  font-size:16px;
  line-height:1.8
}
.c-flow li+li {
  margin-top:52px
}
@media screen and (max-width: 767px) {
  .c-flow li+li {
    margin-top:45px
  }
.c-flow li .c-flow__content p {
  font-size:14px;
}
}
@media screen and (max-width: 767px) {
  .c-flow li:last-child .c-flow__number {
    position:relative
  }
  .c-flow li:last-child .c-flow__number::after {
    content:"";
    position:absolute;
    z-index:1;
    bottom:-202px;
    left:0;
    width:50px;
    height:200px;
    background-color:#fff
  }
}
.c-flow__button {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-top:16px
}
@media screen and (max-width: 767px) {
  .c-flow__button {
    display:block
  }
}
.c-flow__button>div {
  margin-right:9px
}
@media screen and (max-width: 767px) {
  .c-flow__button>div {
    margin:10px 0 0
  }
}
.c-flow__button>div:last-child {
  margin-right:0
}
.c-footer {
  position:relative;
  padding:60px 30px 30px;
  text-align:center;
  background-color:#fff
}
@media screen and (max-width: 960px) {
  .c-footer {
    padding:45px 30px
  }
	
	
	
	
}
@media screen and (max-width: 767px) {
  .c-footer {
    padding:20px 30px 30px
  }
}
.c-footer__nav {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center
}
@media screen and (max-width: 767px) {
  .c-footer__nav {
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
}
.c-footer__nav li {
  position:relative;
  margin:0 25px 0 0
}
@media screen and (max-width: 767px) {
  .c-footer__nav li {
    margin:0 15px 0 0
  }
}
.c-footer__nav li:last-child {
  margin-right:0
}
.c-footer__nav li:last-child::after {
  display:none
}
.c-footer__nav li::after {
  content:"|";
  margin-left:25px
}
@media screen and (max-width: 767px) {
  .c-footer__nav li::after {
    margin-left:10px
  }
}
.c-footer__nav li a,
.c-footer__nav li button {
  position:relative;
  display:inline-block;
  font-size:1.4rem;
  font-weight:500;
  line-height:2.1;
  text-decoration:none
}
.c-footer__nav li a::before,
.c-footer__nav li button::before {
  content:"";
  position:absolute;
  right:0;
  bottom:-2px;
  width:0;
  height:1px;
  background-color:#000;
  -webkit-transition:all .3s;
  transition:all .3s
}
.c-footer__nav li a:hover::before,
.c-footer__nav li button:hover::before {
  right:initial;
  left:0;
  width:100%
}
@media screen and (max-width: 960px) {
  .c-footer__nav li a,
  .c-footer__nav li button {
    font-size:1.3rem
  }
}
@media screen and (max-width: 767px) {
  .c-footer__nav li a,
  .c-footer__nav li button {
    font-size:1.2rem
  }
}
.c-footer__logo {
  margin-top:75px
}
@media screen and (max-width: 960px) {
  .c-footer__logo {
    margin-top:60px
  }
}
@media screen and (max-width: 767px) {
  .c-footer__logo {
    margin-top:50px
  }
}
@media screen and (max-width: 960px) {
  .c-footer__logo img {
    width:auto;
    height:40px
  }
}
@media screen and (max-width: 767px) {
  .c-footer__logo img {
    height:23px
  }
}


/***********************************
RECRUIT
************************************/

.recruit_top h1{
	top: 23%;
}
.recruit_top .sub_area{
	position: absolute;
  bottom: 8%;
  left: 0%;
  z-index: 1;
	padding: 0 80px;
}
.recruit_top .sub_area h2{
	font-family: alternate-gothic-atf, sans-serif;
  font-size: 130px;
  line-height: 0.9em;
}
.recruit_top .sub_area p,.numbers li dl dt,.inte_profile p span,.question{
	font-family: Noto Sans JP, sans-serif;
font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
  letter-spacing: 0.1em;
	
}
.recruit p ,.ideal_candidate .box .text_ara ol li,.inte_profile p,.answer_in{
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.08em;
}
.ideal_candidate{
	margin-bottom: 100px;
}

.ideal_candidate .box,.numbers,.interview .box,.staff_list{
	display: flex;
	flex-wrap: wrap;
	 justify-content: space-between;
}
.ideal_candidate .box .text_ara,.ideal_candidate .box .photo_area,.interview .box li{
	width: 47%;
}
.ideal_candidate .box .text_ara h3{
	 font-size: 16px;
  line-height: 2;
  letter-spacing: 0.08em;
	margin: 20px 0;
}
.ideal_candidate .box .text_ara ol{
	margin-bottom: 30px;
}
.numbers{
	
}
.numbers li{
	width: 23%;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 30px 10px ;
	text-align: center;
	margin-bottom: 30px;
}
.numbers li dl dt span{
	font-size: 30px;
	font-family: alternate-gothic-atf, sans-serif;	
	margin-right: 13px;
}
.sub_area p,.numbers li dl dt{
	line-height: 1;	
}
.numbers li dl dd {
  padding: 25px 40px 10px;
}

.interview{}
.interview .box{
	
}
.interview .box  li,.staff_list li{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
	
}
.interview .box  li .title_ara,.staff_list li .title_ara{
	order: 2;
	margin-top: 12px;
	display: flex;
	flex-wrap: wrap;
}
.interview .box  li .title_ara h3,.staff_list li .title_ara h3 {
	order: 2;
	margin: 0;
	width: 100%;
	font-size: 20px;
	letter-spacing: 0.08em;
}
.interview .box  li .title_ara p,.staff_list li .title_ara p{
	order: 1;
	width: 100%;
}
.interview .box  li .img,.staff_list li img{
	order: 1;
}
.interview .box .image_box ,.staff_list .image_box{
  width: 100%;
}

.recruit .acordion{
	border: 1px solid #000000;
	background-color: #FFFFFF;
	border-radius: 0;
} 
.recruit  .acordion .trigger{
	padding: 30px 25px 30px 50px;
	background-image: none;
	font-size: 20px;
}
.recruit .acordion .acordion_tree .region{
	border-top: 1px solid #000000;	
	margin: 0 40px;
	padding: 15px 0px 40px;
}
.work-list{
  margin-right: auto;
  line-height: 2;
  margin-left: auto;
}

.work-list dt {
  padding-left: 50px;
}
.button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.button::after {
	animation: 4s 0s shine linear infinite;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
}
@keyframes shine {
	20% {
		left: 150%;
	}
	100% {
		left: 150%;
	}
}

.gmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  margin-top: 50px;
  overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.work-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
  font-size: 15px;
}

.work-list .item:not(:last-child) {
  border-bottom: 1px solid #dadada;
}

.work-list dt {
  padding: 0 20px;
  width: 220px;
	font-weight: 700;
}

.work-list dd {
  width: calc(100% - 220px);
}
.standard_button{
	text-align: center;
}
.standard_button .viewmore_button{
	margin: auto;
}

#recruitment .viewmore_button,.aboutcompany .viewmore_button{
  font-size: 16px;
  padding: 30px 70px;
  line-height: 1.5;
	width: 400px;
	max-width: 65%;
}

.recruit .inter {
 overflow: hidden;
}
/* 画像ループ */
.wrap {
  overflow: hidden;
	margin: 5px 0 0;
}
.sliding {
	background-repeat: repeat-x;
	background-image: url("../../images/recruit/slider_left.jpg");
	height: 270px;
	width: 100%; /* 幅を100%に変更 */
	animation: slide 60s linear infinite;
	background-size: auto 270px;
}
.sliding_02 {
  background-repeat: repeat-x;
  background-image: url("../../images/recruit/slider_right.jpg");
  height: 270px;
  width: 100%; /* 幅は100%にして、レスポンシブ対応 */
  animation: slide02 60s linear infinite;
  background-size: auto 270px; /* 画像の高さは固定、幅は自動調整 */
}

@keyframes slide02 {
  0% {
    background-position: 0 0; /* 初期位置 */
  }
  100% {
    background-position: 2880px 0; /* 背景画像がスムーズに左に動く */
  }
}
@keyframes slide{
  0%{
    background-position: 0 0; 
  }
  100%{
    background-position: -2880px 0;
  }
}
@media screen and (max-width: 1200px) {
  .numbers li dl dd {
    padding: 25px 10px 0;
  }
}
.recruit .top_text_animation.second {
  margin-bottom: 50px;
}





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

.recruit{
	padding: 50px 0;
	}
.recruit:first-of-type{
	padding: 0;
	}
.recruit_top h1{
	top: 130px;
}
.recruit_top .sub_area h2{
  font-size: 60px;
  line-height: 0.9em;
}
.recruit_top .sub_area{
 top: 200px;
	bottom: auto;
	padding: 0 20px;
}
.recruit_top .sub_area p,.numbers li dl dt,.interview .box li .title_ara h3,.inte_profile p span,.question{
	font-size: 16px;
}
.ideal_candidate{
	margin-bottom: 0px;
}
.ideal_candidate .box .text_ara,.ideal_candidate .box .photo_area{
	width: 100%;
}
.ideal_candidate .box .text_ara{
	margin-bottom: 50px;
	}
.ideal_candidate .box .text_ara ol {
  margin-bottom: 15px;
}
.recruit p ,.ideal_candidate .box .text_ara ol li,.inte_profile p,.answer_in{
  font-size: 14px;
}

.numbers li{
	width: 47%;
	padding: 30px 10px 20px;
	margin-bottom: 20px;
}
.numbers li dl dt{letter-spacing: 0.1em;}
.numbers li dl dd {
  padding: 20px 8px 0;
}
.numbers li dl dt span{
	font-size: 20px;
}
.interview .box li{
	width: 100%;
}
.interview .box li .title_ara {
  margin-top: 8px;
}
.interview .box li {
  margin-bottom: 30px;
}
.interview .box li:last-of-type {
  margin-bottom: 0px;
}
.title_ara h3{
	line-height: 1.3;	
	}
.recruit .acordion .trigger {
  padding: 30px 60px 30px 20px;
  font-size: 16px;
}
#con_faq .trigger {
  background-position: left 20px center;
  padding: 25px 70px 25px 55px;
}
.recruit .acordion .acordion_tree .region {
  margin: 0 20px;
  padding: 0px 0px 30px;
}
.work-list .item {

}
.work-list dt {
    padding-left: 0;
    width: 100px;
	  font-size: 14px;
line-height: 1.7;
  }
.work-list dd {
    width: calc(100% - 100px);
	  font-size: 14px;
line-height: 1.7;

  }
#recruitment .viewmore_button,.aboutcompany .viewmore_button {
  font-size: 14px;
  padding: 30px 10px;
}	
	
}


/***********************************
INTERVIEW
************************************/
.interview_top{position: relative;}
.interview_top h1{
	top: 200px;
}
.inte_profile{
	position: absolute;
	background-color: #000000;	
	color: #FFFFFF;
	padding: 30px;
	bottom: -60px;
	left: 80px;
	width: 90%;
	max-width: 520px;
}
.inte_profile h2{
	font-family: alternate-gothic-atf, sans-serif;
	margin: 0 0 10px;
}
.inte_profile p span{margin-left: 10px;}
.more_top{
	margin-top: 70px;
}
.top_180 {
  margin-top: 180px;
}
.question{
	margin-bottom: 30px;
}
.interview_box{
	margin-bottom: 100px;
}
.opposite .text_ara{
	  order: 2;
}
.opposite .photo_area{
	  order: 1;
}
.staff_list{
	
}
.staff_list li{
	width: 23%;
  flex-direction:column;/*子要素に追加*/
}
.interview .title_ara p{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 3px;
}
.staff_list li .title_ara h3{
	font-size: 18px;
}
.w-layout-blockcontainer .inta{
	padding: 70px 0;
}
.inta .top_text_animation.second{
	margin: 70px 0 0 ;
}
.entry{
	padding-bottom: 100px;
}
.entry .big_font{
	font-size: 80px;
}
.entry .left_box h3{
	margin-top: 15px;
}
.entry .colum_pattern_80 {
  margin-bottom: 100px;
}
.entry .colum_pattern_80:last-of-type {
  margin-bottom: 0px;
}
.last::after {
  display: none !important;
}
@media screen and (max-width: 991px) {
.inte_profile {
  left: 40px;
}
.staff_list li{
	width: 47%;
}
}
@media screen and (max-width: 767px) {
.top_180 {
  margin-top: 130px;
}
.inte_profile{
	  left: 0;
  right: 0;
  margin:0 auto;
	bottom: -60px;
	width: 90%;
}
.inte_profile p span{
	margin: 0 0 5px 0px;
	display: block;
	}
.inte_profile h2{
	font-size: 26px;
	}
.more_top {
  margin-top: 50px;
}
.question {
  margin-bottom: 15px;
}
.interview_box {
  margin-bottom: 50px;
}
.interview .box{
margin-bottom: 50px;	
	}
.opposite .text_ara{
	  order: 1;
}
.opposite .photo_area{
	  order: 2;
}
.sp_interview{
	padding: 50px 0 30px;
	}
.w-layout-blockcontainer .inta{
	padding: 0 0 20px;
}
.inta .top_text_animation.second{
	margin: 60px 0 0 ;
}
.entry{
	padding-bottom: 50px;
}
.entry .left_box h3{
	margin-top: 0px;
}
.entry .big_font{
	font-size: 50px;
}
.entry .colum_pattern_80 {
  margin-bottom: 50px;
}
}
@media screen and (max-width: 479px) {
.entry .big_font{
	font-size: 40px;
}
}

/***********************************
TOP
************************************/
@media screen and (max-width: 991px) {
.sp_center .paragraph,.sp_center h2,.sp_center .viewmore_button{
	margin-left: auto;
	margin-right: auto;
	}	
}



/* インスタ　MVを画像に */
.video-background {
  background-image: url('/wp-content/themes/takedasheet/images/instagram_bg.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 288px;
  position: relative;
}



.service_constructionmachinery{
	max-width: 650px;
	width: 100%;
	display: block;
}


/* モーダルの背景 */
.modal {
  display: none; /* 最初は非表示 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999;

}
/* モーダルの中身 */
.modal__content_top {
  max-width: 800px;
  width: 90%;
  position: relative;
  animation: fadeIn 0.5s ease;
		background-color:#ffffff;
	padding:4% 4% 6%;
}
.modal__content_top h2 {
  font-size: 28px; 
  color: red;
	margin-bottom:15px;
  }
/* 閉じるボタン */
.modal__close_top {
  position: absolute;
top: -46px;
  right: 0px;
  margin:0 auto;
  border: none;
  font-size: 24px;
  cursor: pointer;
  background-color: #000;
  padding: 10px 18px 12px;
  color: #fff;
  line-height: 1;
}
/* フワッと出るアニメーション */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width: 796px) {
.modal {
  background: rgba(0,0,0,0.6);
}
.modal__content_top h2 {
  font-size: 21px; 
  }
}