/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 03 2025 | 08:43:55 */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

/* all */

a{
	text-decoration:none;
}
ul{
	list-style:none;
	padding: 0;
}
body {
	font-family: 'Montserrat', "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
h1, h2, h3, h4, p, ul{
	font-family: 'Montserrat', "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
h2{
	letter-spacing: 4px;
	font-weight: 400;
}
.l-footer__widgets{
	padding: 0;
}
.l-footer {
	padding-bottom:0 !important;
}

.sp_hidden{
	display: none;
}
@media screen and (min-width: 768px){
	.sp_hidden{
	display: block;
}
	
	.top_sect01-text h2{
		font-size: 42px;
	}
	p{
		font-size: 24px;
        line-height: 40px;
	}
	
	
	
	
	
	
	
	
	
}

/* ================
紋アニメーション
==================== */

@keyframes pulseMotion {
  0% {
    transform: translate(-50%, -50%) scale(1, 1);
    background-color: rgba(170, 143, 123, 0.4)
  }
  100% {
    transform: translate(-50%, -50%) scale(6.5, 6.5);
    background-color: rgba(170, 143, 123, 0)
  }
}
.point {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 20px;
  background-color: #ccc;
  border-radius: 50%;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
  cursor: pointer;
}

.point.-active {
  background-color: #B19B0D;
  margin-bottom: 30px;
}
.point.-active02 {
  background-color: #0D52B1;
  float: right;
}
.point.-active03 {
  background-color: #0D52B1;
  position: absolute;
  right: 9%;
  top: 25%;
}
.point.-active04 {
  background-color: #B19B0D;
   position: absolute;
    left: 13%;
    top: 48%;
}
.point.-active05 {
  background-color: #0D52B1;
   position: absolute;
    left: 63%;
    top: 102%;
}
.point.-active06 {
  background-color: #B19B0D;
   position: absolute;
    left: 82%;
    top: 55%;
}

.point.:focus {
  outline: none;
}

.point:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: opacity linear 0.4s;
  content: '';
}

.point.-active:after {
  animation: pulseMotion 1.4s linear infinite;
}
.point.-active02:after {
  animation: pulseMotion 1.4s linear infinite;
}
.point.-active03:after {
  animation: pulseMotion 1.4s linear infinite;
}
.point.-active04:after {
  animation: pulseMotion 1.4s linear infinite;
}
.point.-active05:after {
  animation: pulseMotion 1.4s linear infinite;
}
.point.-active06:after {
  animation: pulseMotion 1.4s linear infinite;
}





/* ===============================================
#header
=============================================== */

.c-gnav{
	font-weight: 800;
}



@media screen and (min-width: 768px) {
	
	.pc_nav-con{
		background: #171717;
		color: #fff;
		padding: 0 30px;
		padding: 10px 30px;
        border-radius: 23px;
	    display: inline-block;
	}
	.pc_nav-con:hover{
		background: #6D6A6A;
	}
	
	
	
}

/* ===============================================
# sp-menu
=============================================== */

.p-drawer{
	
}
.menu-item-523 .c-drawerNav__a, .menu-item-526 .c-drawerNav__a, .menu-item-509 .c-drawerNav__a, .menu-item-528 .c-drawerNav__a, .menu-item-529 .c-drawerNav__a{
	font-size: 31px;
    font-weight: 600;
	padding-top: 5px;
}
.c-drawerNav{
	border-top: 0;
	border-bottom: 0;
}
.c-drawerNav .menu-item{
	border-bottom: 0;
}
.menu-item-531 .c-drawerNav__a, .menu-item-532 .c-drawerNav__a, .menu-item-530 .c-drawerNav__a, .menu-item-535 .c-drawerNav__a, .menu-item-534 .c-drawerNav__a, .menu-item-533 .c-drawerNav__a{
	padding: 0 0 15px 10px;
}

@media screen and (min-width: 768px){
	
}

/* ===============================================
#footer
=============================================== */

#footer .l-container{
	width: 100%;
    max-width: 100%;
	margin: 0;
	padding: 0;
}
.-widget1{
	background: #0D172A;
}
.fot_contact{
	width: 100%;
	height: 464px;
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	overflow: hidden;
}
.fot_contact-text{
	padding-top: 44px;
    padding-bottom: 20px;
}
.fot_contact-text h2{
	font-size: 40px;
	margin-bottom: 20px;
}
.fot_contact-text p{
	font-size: 18px;
	line-height: 32px;
}
.fot_contact-right{
	display: flex;
    justify-content: right;
}
.fot_contact-form{
	width: 270px;
    height: 270px;
    background: #0D52B1;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	transition: transform .3s;
	will-change: transform;
}
.fot_contact-form:hover{
	background: #1c63c4;
	transform:scale(1.1,1.1);
}
.fot_contact-form h2{
	font-size: 18px;
	color: #000;
	font-weight; 500;
}
.fot_contact-form p{
	font-size: 30px;
	margin-bottom: 14px;
}

.-widget2, .l-footer__foot{
	background: #E7EDF3;
}
.fot_menu{
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	display: block;
}
.fot_menu h3{
	font-size:18px;
	padding: 12px 0;
}
.fot_menu a:hover{
	color: #565757;
}
.fot_menu ul li{
	font-size: 16px;
	margin-bottom: 13px;
}
.fot_menu-box04{
	text-align: center;
    padding: 50px 0;
}
.fot_menu-box04 img{
	width: 60%;
}

.p-fixBtnWraps{
	width: 100%;
	height: 48px;
	display: flex;
	position: fixed;
	bottom: 0;
}
.p-fixBtnWrap div{
	flex: 1:
}
.fyu_tel-button{
	background: #fff;
}
.fyu_cntact-button{
	background: #E7EDF3;
}
.fyu_tel-button:hover, .fyu_cntact-button:hover{
	opacity: 0.8;
}


@media screen and (min-width: 768px) {
	
	#footer .l-container{
		display: block;
	}
	.fot_contact{
		max-width: 1120px;
		height: 384px;
		display: flex;
	}
	.fot_contact div{
		flex: 1;
	}
	.fot_contact-right {
		display: block;
	}
	.fot_contact-form{
		width: 406px;
		height: 406px;
		margin-top: 54px;
        margin-left: 30px;
	}
	.fot_contact-form:hover{
		
}
	.fot_contact-form h2 {
		font-size: 22px;
        margin-bottom: 5px;		
	}
	.fot_contact-form p {
		font-size: 40px;
		margin-bottom: 26px;
	}
	.fot_contact-left{
		display: flex;
		align-items: center;
	}
	
	.l-footer__widgets .w-footer+.w-footer {
        margin-left: 0;
    }
	.fot_menu{
		max-width: 1200px;
		height: 384px;
		display: flex;
        padding: 80px 0;
	}
	.fot_menu div{
		flex: 1;
	}
	.fot_menu-box04 img{
		width: 80%;
	}
	.fot_contact-text p{
		font-size: 24px;
		line-height: 40px;
	}
	.fot_menu h3{
		font-size:24px;
		padding: 12px 0;
	}
	.fot_menu ul li {
		font-size: 24px;
		margin-bottom: 13px;
	}
	
	.p-fixBtnWraps{
		display: none;
	}
	
	
}



/* ===============================================
# M V
=============================================== */

.k-mv-slider{
	width:100%;
}
.sp-mv{
	display: block
}
.pc-mv{
	 display: none;
}
.wrap{
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	position: relative;
	overflow: hidden;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}

.pc_hidden{
	display: block;
}
.sp_slide-text{
    padding: 30px 20px 50px;
}
.sp_slide-text h2{
	font-size: 19px;
	font-weight: 600;
	margin-bottom: 20px;
}
.sp_slide-text h3{
	font-size: 10px;
	color: #575757;
	margin-bottom: 40px;
}

.mv_botton-next a{
	width: 315px;
	height: 64px;
	background: #fff;
	border: 1px #9C9C9C solid;
		border-radius: 27px;
		display: flex;
        justify-content: space-between;
		align-items: center;
		font-size: 18px;
		font-weight:bold;
		color: #000;
		padding-left: 20px;
        padding-right: 9px;
	}
	.mv-maru-link{
		position: relative;
		width: 46px;
		height: 46px;
		background: #000;
		border-radius: 50%;
		display: inline-block;
		transition: transform .1s ease-out;
		will-change: transform;
	}
	.mv-maru-link::after{
		content: '';
		display: inline-block;
		width: 21px;
		height: 14px;
		background-image: url(/images/ionic-ios-arrow-round-forward.png);
		background-size: contain;
		position: absolute;
        top: 38%;
        left: 13px;
	}
	.mv_botton-next a:hover{
		background: #E7EDF3;
	}
	.mv-maru-link:hover{
		transform:scale(1.1,1.1);
	}



@media screen and (min-width: 768px) {
	
	.sp-mv, .pc_hidden{
		display:none;
	}
	.pc-mv{
		display: block;
	}
	.slide-text{
		position: absolute;
		bottom: 6%;
		left: 11%;
	}
	.slide-text h2{
		font-size: 28px;
		font-weight: 700;
		color: #fff;
		margin-bottom: 10px;
		text-shadow: 0 0 10px #2d2d2d;
	}
	.slide-text h3{
		font-size: 12px;
		color: #BCBCBC;
		margin-bottom: 20px;
		text-shadow: 0 0 16px #fff;
	}
	
	.mv_botton-next a{
		width: 315px;
		height: 64px;
		background: #fff;
		border-radius: 27px;
		display: flex;
        justify-content: space-between;
		align-items: center;
		font-size: 18px;
		font-weight:bold;
		color: #000;
		padding-left: 20px;
        padding-right: 9px;
	}
	.mv-maru-link{
		position: relative;
		width: 46px;
		height: 46px;
		background: #000;
		border-radius: 50%;
		display: inline-block;
		transition: transform .1s ease-out;
		will-change: transform;
	}
	.mv-maru-link::after{
		content: '';
		display: inline-block;
		width: 21px;
		height: 14px;
		background-image: url(/images/ionic-ios-arrow-round-forward.png);
		background-size: contain;
		position: absolute;
        top: 38%;
        left: 13px;
	}
	.mv_botton-next a:hover{
		background: #E7EDF3;
	}
	.mv-maru-link:hover{
		transform:scale(1.1,1.1);
	}

	
}
/* ===============================================
# M V-sub
=============================================== */



@media screen and (min-width: 768px) {
	
}

/* ===============================================
# sub company link
=============================================== */

.sub_f-company-bg{
	background: #E7EDF3;
	border-radius: 100px;
    margin-bottom: 60px;
}
.sub_f-company-content{
	display: flex;
    flex-direction: column;
    padding: 20px 0 50px;
}
.sub_f-c-text-pc{
	display: none;
}
.sub_f-c-text-sp{
	display: block;
}
.sub_f-company-box01{
	border-radius: 159px;
    width: 90%;
    background: #fff;
    margin: 0 auto;
    height: 173px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}
.sub_f-company-box01 h2{
	font-family: "Zen Maru Gothic", serif;
	font-size: 40px;
	font-weight: 500;
	color: #0D52B1;
    margin-bottom: 5px;
}
.sub_f-company-box02{

}
.sub_f-company-box02-sp_img{
	display: block;
    background-image: url(../uploads/2024/09/sub_foter-company-pc.png);
    height: 190px;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
    margin-top: -30px;
    margin-bottom: 30px;
    border-radius: 159px;
}
.sub_f-company-box02 p{
	width: 80%;
    margin: 0 auto;
    line-height: 30px;
    padding-bottom: 50px;
}
.home .sub_foter-company{
	display: none;
}


@media screen and (min-width: 768px) {
	
	.sub_f-c-text-pc{
		display: block;
        margin-top: 18px;
		 font-size: 16px;
        line-height: 30px;
	}
	.sub_f-c-text-sp{
		display: none;
	}
	.sub_f-company-bg{
		border-radius: 159px;
		margin-bottom: 100px;
	}
	.sub_f-company-content { 
		flex-direction: row;
		padding: 30px;
	}
	.sub_f-company-box01{
        text-align: left;
        align-items: center;
        justify-content: flex-start;
        height: 265px;
        max-width: 600px;
	}
	.sub_f-company-box01 h2{
		font-size: 80px;
		margin-bottom: 0px;
	}
	.sub_f-company-box02-sp_img{
		display: none;
	}
	.sub_f-company-box02{
		border-radius: 159px;
		background-image: url(../uploads/2024/09/sub_foter-company-pc.png);
		background-size: cover;
        max-width: 640px;
        width: 100%;
        margin-left: -100px;
		display: flex;
        justify-content: center;
        align-items: end;
	}
	.sub_f-company-box02 .sub_bt-sp{
		margin-bottom: 30px;
        margin-left: 14%;
	}
	
	
}


/* ===============================================
# TOP
=============================================== */

/*text animetions*/

.scroll-up {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(50px);
  transition: all 1s;
}
.scroll-up.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

/*text animetions*/

.main_title{
	display: flex;
    flex-direction: column;
	margin-bottom: 40px;
}
.title_en-font{
	font-size: 60px;
	line-height: 75px;
}
.title_en{
	color: #0D52B1;
}
.title_jp-font{
	font-size: 16px;
	font-weight: 700;
}


.top_sect01-box01{
	margin-left: -10%;
    margin-right: -10%;
}
.top_sect01-text h2{
	font-size: 18px;
	font-weight: 700;
	color: #0D52B1;
    padding: 20px 0 30px;
}
.top_sect01-text p{
	line-height: 30px;
    padding: 0 10px 50px;
}
.sub_bt-sp{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}

.top_sect02{
	background: #E7EDF3;
	padding: 50px 20px;
	margin-left: -5%;
    margin-right: -5%;
    margin-bottom: 50px;
}
.top_sect02-img-area{
	background: #fff;
	padding: 50px 10px;
    border-radius: 50px;
}
.top_sect02-block{
	display: flex;
	flex-direction: column-reverse;
}
.top_sect02-img-text{
	display: flex;
    padding: 20px 0;
}
.top_sect02-i-area01{
	padding: 10px
}
.top_sect02-i-area02{
	padding: 10px
}
.top_sect02-i-area01 p, .top_sect02-i-area02 p{
	font-size: 9px;
	text-align: center;
}
.t_s02_i-tx-sp{
	border-bottom: 1px #707070 solid;
}

@media screen and (min-width: 768px) {
	
	.top_sect01{
		padding-top: 100px;
        padding-bottom: 100px;
	}
	.top_sect01-text h2{
		font-size: 42px;
	}
	.title_en-font {
		font-size: 80px;
		line-height: 88px;
	}
	.title_jp-font {
		font-size: 24px;
	}
	.top_sect01-block{
		display: flex;
        align-items: center;
	}
	.top_sect01-box01 {
		margin-left: -8%;
        margin-right: 8%;
	}
	.sub_bt-sp {
		justify-content: left;
	}
	.top_sect01-text p {
		line-height: 40px;
		padding: 0 0px 60px;
	}
	
	.top_sect02{
		margin-left: -8%;
        margin-right: -8%;
		padding: 80px 0;
	}
	.top_sect02-title-block{
		max-width: 1200px;
		margin: 0 auto;
		text-align: right;
	}
	.top_sect02-block{
		margin-left: 18%;
		justify-content: space-between;
        align-items: center;
        flex-direction: row;
	}
	.top_sect02-box01{
		width: 30%;
	}
	
	.top_sect02-img-text{
        justify-content: space-between;
		padding: 0;
	}
	.top_sect02-i-area01{
        width: 100%;
		border-bottom: 1px #707070 solid;
		padding:0 0 40px 0;
	}
	.top_sect02-i-area01 img{
		border-right: 1px #707070 solid;
		padding-right: 40px;
	}
	.top_sect02-i-area01 p{
		font-size: 16px;
		text-align: center;
		padding-right: 40px;
		padding-top: 10px;
	}
	.top_sect02-i-area02{
        width: 100%;
		border-bottom: 1px #707070 solid;
		padding-bottom:0 0 40px 0;
	}
	.top_sect02-i-area02 img{
		padding-left: 40px;
	}
	.top_sect02-i-area02 p{
		font-size: 16px;
		text-align: center;
		padding-left: 40px;
		padding-top: 10px;
	}
	.t_s02_i-tx{
		margin-top: 40px;
	}
	.t_s02_i-tx .top_sect02-i-area01{
        border: 0px;
	}
	.t_s02_i-tx .top_sect02-i-area02{
       border: 0px;
	}
	
	.top_sect02-box02{
		width: 60%;
		background: #fff;
        border-radius: 57px 0 0 57px;
	}
	.top_sect02-img-area{
		background: #fff;
        border-radius: 57px 0 0 57px;
        padding: 9% 10%;
        width: 94%;
	}
	.t_s02_i-tx-sp{
		border-bottom: 0px;
	}
	
	
}
@media screen and (min-width: 1430px) {
	.top_sect01-box01 {
		margin-left: -16%;
	}
	.top_sect02{
		margin-left: -16%;
		margin-right: -16%;
	}
	/*.top_sect02-img-area{
		margin-right: 16%;
	}*/
}
@media screen and (min-width: 1600px) {
	.top_sect01-box01 {
		margin-left: -30%;
	}
	.top_sect02{
		margin-left: -30%;
		margin-right: -30%;
	}
}
/* ===============================================
# sub-titles
=============================================== */

#top_title_area{
	display: none;
}
.sub_title_area{
	width: 100%;
	padding: 50px 20px 24px;
}
.sub_title_area h2{
	display: flex;
    flex-direction: column;
}
.sub_title-en{
	font-family: "Zen Maru Gothic", serif;
    font-size: 46px;
	font-weight: 500;
    line-height: 47px;
    color: #0D52B1;	
    margin-bottom: 10px;
}
.sub_title-en::after{
	content: '';
	display: inline-block;
	width: 26px;
	height: 26px;
	background: #0D52B1;
	border-radius: 50%;
	margin-left: 10px;
}
.sub_title-jp{
	font-size: 18px;
    font-weight: 500;
}
.sub_mv_text{
	padding: 30px 20px 20px;
}
.sub_mv_text h2{
	font-size: 19px;
	font-weight: 500;
	margin-bottom:6px;
}
.sub_mv_text h3{
	font-size: 10px;
	color: #575757;
}

@media screen and (min-width: 768px) {
	
	.sub_title_area{
		max-width: 1200px;
		margin: 0 auto;
		padding: 100px 0px 50px;
	}
	.sub_title-en {
		font-size: 80px;
        margin-bottom: 5px;
	}
	.sub_title-en::after{
		content: '';
		display: inline-block;
		width: 41px;
		height: 41px;
		margin-left: 20px;
	}
	.sub_title-jp {
		font-size: 24px;
		margin-top: 20px;
	}
	.sub_mv_area{
		width: 100%;
		height: 432px;
		overflow: hidden;
	}
	.sub_mv_text{
		max-width: 1200px;
		margin: 0 auto;
		position: relative;
		top: -175px;
	}
	.sub_mv_text h2 {
		font-size: 28px;
		font-weight: 500;
		margin-bottom: 6px;
		color: #fff;
	}
	.sub_mv_text h3 {
		font-size: 12px;
		color: #BCBCBC;
	}

	
}
@media screen and (min-width: 1640px){
	.sub_mv_text {
		top: -226px;
	}
}
@media screen and (min-width: 1840px){
	.sub_mv_text {
        top: -261px;
	}
}
@media screen and (min-width: 1860px){
	.sub_mv_text {
		top: -296px;
	}
}

/* ===============================================
# わたしたちの強み
=============================================== */

.strength_block{
	display: flex;
    flex-direction: column-reverse;
}
.strength_box02{
	margin-bottom: 40px;
}
.strength_box02 h2{
    font-size: 23px;
    font-weight: 500;
	margin-bottom: 20px;
}
.strength_box02 p{
	margin-bottom: 20px;
	padding: 0 10px;
}
.list_douns-block ul{
    padding: 50px 0;
}
.list_douns-block ul li{
	border-top: 1px #CBCBCB solid;
    margin: 0;
}
.list_douns-block ul li:last-child{
	border-bottom: 1px #CBCBCB solid;
}
.list_douns-block ul li a{
	color: #000;
	width: 100%;
	height: 100%;
	display: inline-block;
    padding: 24px 10px 22px;
    position: relative;
}
.list_douns-block ul li a::after{
	content: '';
	display: inline-block;
	width: 17px;
	height: 16px;
	background-image: url(../uploads/2024/09/arrow-down.png);
	background-size: contain;
	vertical-align: middle;
	position: absolute;
    right: 8%;
    top: 31px;
}
.list_douns-block ul li a:hover{
	background: #E7EDF3;
}
.main_title01 {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}
.title_en01{
	color: #B19B0D;
}
.title_en-font01{
	font-size: 32px;
}
.title_jp-font01{
	font-size: 16px;
    font-weight: 500;
}
.strength_sect02 .top_sect01-box01 {
    margin-left: 0;
    margin-right: 0;
}
.main_title02 {
	display: none;
}
.con-fon16{
	font-size: 16px;
	font-weight: 500;
	margin-top: 30px;
	margin-bottom: 30px;
}
.title_en02 {
    color: #0D52B1;
}
.title_en03 {
    color: #22B10D;
}
.strength-sub-text{
    margin: 30px 10px 50px;
}


@media screen and (min-width: 768px) {
	
	.pc_hidden{
		display: none;
	}
	.strength_block {
		flex-direction: row;
	}
	.strength_block div{
		flex: 1;
	}
	.strength_box01{
		text-align: center;
	}
	.strength_box01 img{
		width: 372px;
	}
	.strength_box02 h2 {
		font-size: 42px;
		line-height: 62px;
        margin-bottom: 40px;
	}
	.strength_box02 p {
		margin-bottom: 34px;
		padding: 0;
	}
	.list_douns-block ul {
		padding: 100px 0;
		display: flex;
		justify-content: center;
	}
	.list_douns-block ul li{
		flex: 1;
        margin: 0 20px;
	}
	.list_douns-block ul li:nth-child(1), .list_douns-block ul li:nth-child(2){
		border-bottom: 1px #CBCBCB solid;
	}
	.strength_sect02 .top_sect01-box01 {
		margin-left: -8%;
		margin-right: 8%;
	}
	.main_title02 {
		display: flex;
		flex-direction: column;
		margin-bottom: 40px;
	}
	.strength_sect02 .top_sect01-block div{
		flex: 1;
	}
	.top_sect01.strength_sect02 {
        padding-top: 0;
	}
	.title_en-font01{
		font-size: 40px;
	}
	.title_jp-font01{
		font-size: 24px;
	}
	.con-fon16 {
		font-size: 24px;
	}
	.list_douns-block ul li a{
		font-size: 24px;
	}
	
	
	
}
@media screen and (min-width: 1430px) {
    .strength_sect02 .top_sect01-box01 {
        margin-left: -16%;
    }
}
@media screen and (min-width: 1600px) {
    .strength_sect02 .top_sect01-box01 {
        margin-left: -30%;
    }
}

/* ===============================================
# 事業内容
=============================================== */

.sub_blue-bg{
	background: #E7EDF3;
	border-radius: 80px;
	margin-left: -20px;
    margin-right: -20px;
	margin-bottom: 70px;
	padding-top: 80px;
    padding-bottom: 30px;
}
.sub_b_title{
	display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    text-align: center;
}
.en-sub_b_title{
	font-family: "Zen Maru Gothic", serif;
    font-size: 30px;
	font-weight: 500;
	color: #0D52B1;
    letter-spacing: 1px;
}
.jp-sub_b_title{
	font-size: 16px;
    font-weight: 500;	
}
.jp-sub_b_title02{
	font-size: 26px;
}
.jp-sub_b_title03{
	font-size: 22px;
}
.en-sub_b_title02{
	font-family: "Zen Maru Gothic", serif;
	font-weight: 500;
	font-size: 14px;
	color: #0D52B1;
    font-weight: 500;
	letter-spacing: 0px;
}
.business_sect02-block{
	margin-bottom: 60px;
}
.business_sect02-box01{
	background: #fff;
    padding: 50px 20px;
    margin: 0 20px;
    border-radius: 40px;
	overflow: auto;
}
.business_sect01-text span{
	font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
	color: #0D52B1;	
}
.business_sect01-text p{
	margin-bottom: 50px;
}
.business_sect01-text h2{
	font-size: 20px;
	letter-spacing: 0;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 30px;
}
.business_sect01-img{
    margin-top: 50px;
}
.business_equipment-list{
    width: 890px;	
}
.business_equipment-list table{
    margin-bottom: 80px;
}
.business_equipment-list table {
    border: none;
    width: 890px;
}
.business_equipment-list th, .business_equipment-list tr {
    border-bottom: 1px #BCBCBC solid;
}
th.p_tlist01 {
    background: #fff;
    color: #0D52B1;
    border: none;
    font-weight: 400;
    text-align: center;
    padding-bottom: 20px !important;
	font-size: 18px;
    text-align: left;
}
.business_equipment-list td {
    padding: 20px !important;
    border: 0;
}
.sb_warehouse{
	margin-bottom: 50px;
}
.b_se02-h3-taitles-m{
	margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
	
	.business_main .strength_block{
        align-items: center;
	}
	.sb_page-link {
		max-width: 1200px;
		margin: 100px auto;
	}
	.en-sub_b_title {
		font-size: 50px;
	}
	.sub_blue-bg{
		margin-left: -8%;
        margin-right: -8%;
        margin-bottom: 100px;
        padding-top: 90px;
		padding-bottom: 80px;
	}
	.business_sect02-block {
		max-width: 1200px;
		margin: 0 auto;
        margin-bottom: 90px;
	}
	.sub_b_title {
		margin-bottom: 70px;
	}
	.jp-sub_b_title02{
		font-size: 42px;
	}
	.business_sect01-text h2 {
		font-size: 42px;
	}
	.business_sect02-box01{
		display: flex;
		align-items: center;
		padding: 60px;
	}
	.business_sect02-box01 div{
		flex: 1;
        padding: 0 30px;
	}
	.business_sect01-img {
		margin-top: 0;
	}
	.business_sect02 .sub_bt-sp {
        justify-content: center;
    }
	.jp-sub_b_title03{
		font-size: 30px;
	}
	.jp-sub_b_title{
		font-size: 24px;
	}
		
	
	
}

@media screen and (min-width: 1430px) {
    .sub_blue-bg {
        margin-left: -16%;
    }
}
@media screen and (min-width: 1600px) {
    .sub_blue-bg {
        margin-left: -30%;
		margin-right: -30%;
    }
}

/* ===============================================
# 工業用容器事業
=============================================== */

.industrial_sect01{
		margin-bottom: 80px;
}
.industrial_sect01-block{
	background: #E7EDF3;
	border-radius: 40px;
	margin: 50px 0;
	padding: 60px 20px;
}
.industrial_sect01-box01-text{
	margin-bottom: 30px;
}
.industrial_sect01-box01-text h3{
	font-size: 50px;
	font-weight: 500;
	color: #0D52B1;
}
.industrial_sect01-box01-text span{
	font-size: 50px;
	font-weight: 500;
	color: #0D52B1;
	display: block;
}
.industrial_sect01-box01-text h2{
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0 20px;
}
.industrial_sect01-box01-text p{
    margin-bottom: 30px;
}
.industrial_sect01-box01-list{
	background: #fff;
	border-radius: 40px;
	padding: 30px 20px 40px;
}
.industrial_sect01-box01-list h4{
	font-size: 17px;
    margin-bottom: 20px;
}
.industrial_sect01-box01-list ul{
    margin-bottom: 30px;
}
.industrial_sect01-box01-img img{
	border-radius: 40px;
}
.industrial_sect01-box02 p{
	margin: 40px 0;
}
.industrial_sect02{
	margin-bottom: 60px;
}
.industrial_sect03 .industrial_sect01-box01-text h3{
	font-size: 32px;
}
.industrial_sect03 .industrial_sect01-box01-text span{
	font-size: 32px;
}
.industrial_sect03 .industrial_sect01-box01-text h2{
	font-size: 26px;
}
.industrial_flow::before{
	content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #0D52B1;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 6px;
}
.industrial_sect01-box01-img02{
	text-align: center;
	transform: rotate(90deg);
}
.i_s01-t-color{
	color: #0D52B1;
	padding: 0 0 20px 16px;
}
.industrial_sect01-box01-dramu{
	display: flex;
	flex-direction: column-reverse;
}
.industrial_sect01-box01-dramu .industrial_sect01-box01-img{
	margin-bottom: 30px;
}
.i-f01z{
	margin-top: 70px;
}
.industrial_before-after p{
	width: 100%;
	margin:50px 0;
}
.industrial_before-after-text{
	background: #fff;
    border-radius: 40px;
	padding: 30px 20px 40px;
}
.industrial_before-after-text dt{
	font-weight: 600;
}
.industrial_before-after-text dd{
	margin-bottom: 10px;	
}

@media screen and (min-width: 768px) {
	
	.Industrial_main .list_douns{
		max-width: 746px;
		margin: 0 auto;
	}
	.industrial_sect01{
		margin-bottom: 100px;
	}
	.industrial_sect01-block{
		max-width: 1200px;
		margin: 0 auto;
        padding: 67px;
	}
	.industrial_sect01-box01{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.industrial_sect01-box01-text{
		width: 54%;
		margin-bottom: 0;
	}
	.industrial_sect01-box01-img{
		width: 40%;
	}
	.industrial_sect01-box01-list{
		padding: 30px 30px 20px;
	}
	.industrial_sect01-box01-list ul{
		display: flex;
		flex-wrap: wrap;
	}
	.industrial_sect01-box01-list ul li{
		padding: 0 6px;
	}
	.industrial_sect01-b02m{
		max-width: 860px;
	}
	.industrial_sect02-blck{
		display: flex;
		justify-content: space-between;
	}
	.industrial_sect02-blck div{
		flex: 1;
	}
	.industrial_sect02-blck p{
		width: 87%;
	}
	.industrial_sect03{
		margin-bottom: 100px;
	}
	.industrial_flow{
		font-size: 42px;
		margin-bottom: 60px;
	}
	.industrial_flow::before{
		width: 40px;
		height: 40px;
	}
	.processing_sect02 p {
		margin-bottom: 50px;
	}
	.industrial_sect03 .industrial_sect01-block{
		margin-bottom: 50px;
	}
	.industrial_sect01-box01-img02{
		width: 18%;
		transform: rotate(0deg);
	}
	.industrial_sect01-box01-dramu{
		display: flex;
        flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
	}
	.industrial_sect01-box01-dramu .industrial_sect01-box01-img {
		margin-bottom: 0px;
	}
	.i-f01z{
		margin-top: 90px;
	}
	.industrial_sect01-box01-text h2{
		font-size: 42px;
	}
	.industrial_sect03 .industrial_sect01-box01-text h2{
		font-size: 42px;
	}
	.industrial_before-after p {
		width: 90%;
	}
	.industrial_before-after-text {
		width: 65%;
		padding: 30px 30px 20px;
	}
	.industrial_before-after-text dl{
		display: flex;
		flex-wrap: wrap;
	}
	.industrial_before-after-text dt{
		width: 20%
	}
	.industrial_before-after-text dd{
		width: 80%	
	}
	
	
}

/* ===============================================
# 受託加⼯事業
=============================================== */

.processing_sect01{
	margin-bottom: 50px;
}
.processing_sect02 h3{
    margin-bottom: 30px;
}
.processing_main .industrial_sect01-box01-text h3{
	font-size: 40px;
}
.processing_main .industrial_sect01-box01-text h2{
	font-size: 20px;
	letter-spacing: 0;
}
.processing_sect06{
	margin:80px 0 0;
}
.last_processing-text{
	margin-bottom: 80px;
}


@media screen and (min-width: 768px) {
	
	.processing_main .industrial_sect01-box01-text h3{
		font-size: 50px;
	}
	.processing_main .industrial_sect01-box01-text h2{
		font-size: 42px;
	}
	.processing_sect03 .industrial_sect01-block{
		margin-bottom: 50px;
	}
	.processing_sect09 .industrial_flow {
        margin-bottom: 20px;
    }
	.processing_sect09 p{
		margin-bottom: 60px;
	}
	.processing_sect10 .industrial_sect01-block {
        padding: 40px 67px;
		margin-bottom: 50px;
    }
	.processing_sect10{
		margin-bottom: 100px;
	}
	
}

/* ===============================================
# お問い合わせフォーム
=============================================== */

.z_contact h2{
	margin-top: 50px;
	margin-bottom: 60px;
}
.wp-block-heading{
	letter-spacing: 0;
}
.contact_thanks{
	margin-bottom: 80px;
}
.contact_thanks h2{
		margin-bottom: 60px;
		text-align: center;
}
.contact_thanks h3{
		margin-bottom: 40px;
}
.contact_thanks p{
		margin-bottom: 30px;
}


@media screen and (min-width: 768px) {
	
	.z_contact{
		max-width: 860px;
		margin: 0 auto;
	}
	.z_contact h2{
		text-align: center;
        margin: 60px 0 90px;
	}
	.contact_confirmation{
		max-width: 860px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 90px;
	}
	.contact_confirmation h2{
		margin-bottom: 20px;
	}
	.contact_thanks{
		max-width: 860px;
		margin: 0 auto;
		padding-bottom: 100px;
	}
	
}

/* ===============================================
# 採用情報
=============================================== */

.recruit_sect01-box01{
    margin-left: -32px;
    margin-right: -50px;
}
.recruit_sect01-box02{
	margin: 50px;
}
.recruit_sect01-box03{
    margin-left: -24px;
    margin-right: -23px
}
.recruit_sect01-box02 h2{
	font-size: 23px;
	margin-bottom: 30px;
}

.r_s03-bg{
	background: #E7EDF3;
}
.r_s03-bg h3{
	color: #0D52B1;
}
.r_s03-bd{
	border: 1px #B19B0D solid;
}
.r_s03-bd h3{
	color: #B19B0D;
}
.r_s03-bd .industrial_flow::before{
	background: #B19B0D;;
}
.recruit_sect03-block h3{
	font-size: 36px;
}
.recruit_sect03-block p{
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
.recruit_sect03-box01, .recruit_sect03-box02{
	border-radius: 40px;
	padding: 30px 20px;
	position: relative;
	margin-bottom: 50px; 
}

.recruit_sect03-box01 img{
    width: 85%;
    position: relative;
    top: 40px;
    left: 16%;
    margin-bottom: 40px;
}
.recruit_sect03-box02 img{
    width: 85%;
    margin-bottom: 20px;
}
.recruit_sect05-list{
    width: 100%;
}
.recruit_sect05-list dl:nth-child(1) {
    border-top: 1px #707070 dotted;
}
.recruit_sect05-list dl{
	border-bottom: 1px #707070 dotted;
    padding: 16px 0 12px;
}
.recruit_sect05-list dt {
    color: #000;
    width: 137px;
    font-size: 17px;
	font-weight: 500;
    padding: 4px 0;
    margin-bottom: 10px;
}
.recruit_sect05-list dd {
    font-size: 16px;
}
.recruit_sect05-list{
	margin-bottom: 60px;
}
.recruit_sect06{
	margin-bottom: 40px;
}
.recruit_sect07{
	margin-bottom: 100px;
}
.recruit_sect07-box{
	background: #E7EDF3;
	border-radius: 40px;
	padding: 50px 20px;
	margin-bottom: 50px;
}
.recruit_sect07-box img{
	border-radius: 44px;
}

@media screen and (min-width: 768px) {
	
	.recruit_sect01-block{
		display: flex;
        justify-content: space-between;
		align-items: center;
		max-width: 1120px;
		margin: 0 auto;
	}
	.recruit_sect01-box01{
		width: 25%;
	}
	.recruit_sect01-box02{
		width: 46%;
        margin: 30px;
	}
	.recruit_sect01-box03{
		width: 25%;
	}
	.recruit_sect01-box02 h2{
		font-size: 42px;
	}
	.recruit_sect03-intervieew01, .recruit_sect03-intervieew02{
		display: flex;
        justify-content: space-between;
		max-width: 980px;
        margin: 0 auto;
	}
	.recruit_sect03-intervieew01 a, .recruit_sect03-intervieew02 a{
		flex: 1;
	}
	.recruit_sect03-intervieew01 a:hover, .recruit_sect03-intervieew02 a:hover{
		opacity: 0.8;
	}
	.recruit_sect03-box01, .recruit_sect03-box02{
		max-width: 430px;
		height: auto;
	}
	.recruit_sect03-box01 img{
		max-width: 282px;
		width: 100%;
	}
	.recruit_sect03-block h3{
		margin-bottom: 10px;
	}
	.recruit_sect03-box02 img{
		max-width: 282px;
		width: 100%;
		margin-left: 23%;
	}
	.recruit_sect03-box02{
		margin-top: 80px;
		margin-left: 10px;
	}
	
	.recruit_sect05-list{
		max-width: 860px;
		margin: 0 auto;
		padding-bottom: 80px;
	}
	.recruit_sect05-list dl {
        display: flex;
        align-items: center;
    }
	.recruit_sect05-list dt{
		width: 30%;
		padding: 14px 30px;
		margin-bottom: 0;
	}
	.recruit_sect06 .sub_b_title{
		margin-bottom: 30px;	
	}
	.recruit_sect06 p{
		text-align: center;
	}
	.recruit_sect07-block{
		display: flex;
	}
	.recruit_sect07-block div{
		flex: 1;
		margin: 16px;
	}
	.recruit_sect07 .industrial_sect01-box01-text{
		width: 90%;
	}
	.recruit_sect03-block p{
		font-size: 24px;
	}
	
	
	
}
/* ===============================================
# Interview
=============================================== */

.interview_sect01-block{
	width: 100%;
    margin-bottom: 100px;
}
.interview_sect01-box01 h2{
	background: #0D52B1;
	font-size: 22px;
	color: #fff;
	letter-spacing: 0;
	width: fit-content;
    padding: 6px 10px 5px;
}
.interview_sect01-box01 h3{
    font-size: 21px;
    font-weight: 400;
    color: #727070;
    margin-top: 20px;
    margin-bottom: 30px;
}
.interview_sect01-box01 p{
	font-size: 23px;
	font-weight: 500;
    margin-bottom: 60px;
}

.question_img01 h2{
		font-family: "Zen Maru Gothic", serif;
		font-size: 40px;
		color: #0D52B1;
	    font-weight: 500;
}
.question_img01 h3{
	font-size: 18px;
	font-weight: 500;
    margin-bottom: 40px;
}
.question_img01 img{
    width: 80%;
    margin-bottom: 80px;	
}
.question_text{
	margin-bottom: 80px;
}
.question_text h3{
		font-size: 23px;
		color: #0D52B1;
	    font-weight: 500;
	    margin-bottom: 30px;
	    font-feature-settings: "palt";
}
.interview-favorite{
		background: #E7EDF3;
		padding: 20px;
		border-radius: 40px;
		margin-bottom: 100px;
}
.interview_sect03{
		margin-bottom: 80px;
}
.iv_02 .interview_sect01-box01 h2, .iv_03 .interview_sect01-box01 h2{
	background: #B19B0D;
}
.question_img-add{
	margin-bottom: 80px;
	margin-left: 16%;
}

@media screen and (min-width: 768px) {
		
	.interview_sect01-block{
		max-width: 980px;
		margin: 0 auto;
		display: flex;
		padding-bottom: 100px;
	}
	.interview_sect01-block div{
		flex: 1;
	}
	.interview_sect01-box01 h2{
		font-size: 24px;
	}
	.interview_sect01-box01 p{
		font-size: 42px;
		line-height: 62px;
	}
	.interview_sect01-box02{
		margin-top:50px;
	}
	
	.interview_sect02-block{
		display: flex;
		max-width: 980px;
		margin: 0 auto;
	}
	.interview_sect02-box01{
		max-width: 400px;
        margin-right: 140px;
	}
	.interview_sect02-box02{
		max-width: 500px;
		padding: 100px 10px;
	}
	.question_img01{
		position: sticky;
		top: 150px;
	}
	.question_img01 img {
		width: 100%;
	}
	.question_img01 h2 {
		font-size: 50px;
	}
	.interview-favorite{
		padding: 30px 50px;
		border-radius: 40px;
		margin-bottom: 100px;
	}
	.interview-favorite .interview_sect02-box02{
		padding: 100px 0px 0px;
	}
	.interview-favorite .question_img01 img{
		margin-bottom: 27px;
	}
	.interview_sect03{
		margin-bottom: 80px;
	}
	.interview_sect03 .recruit_sect03-intervieew01 a {
		margin: 10px;
	}
	.interview_sect03 .recruit_sect03-box02 img{
        max-width: 200px;
	}
	.interview_sect03 .recruit_sect03-box01 img{
		max-width: 200px;
		margin-top: -20px;
		
	}
	.interview_sect03 .recruit_sect03-block h3 {
		font-size: 26px;
	}
	.interview_sect03 .recruit_sect03-block p {
		font-size: 17px;
		font-feature-settings: "palt";
	}
	.interview_sect03 .recruit_sect03-box01, .interview_sect03 .recruit_sect03-box02 {
        height: auto;
    }
	.question_img01 h3{
		font-size: 24px;
	}
	.question_text h3 {
		font-size: 42px;
	}

	
	
	
}

/* ===============================================
# 会社概要
=============================================== */

.company_sect01_block{
	width: 100%;
	margin-bottom: 80px;
}
.company_sect01_box01 h2{
	font-size: 28px;
    font-weight: 500;
    margin-bottom: 50px;
}
.company_sect01_box01 h3{
	font-size: 18px;
    font-weight: 500;
	margin-bottom: 3px;
}
.company_sect01_box01 p{
	font-size: 14px;
	 margin-bottom: 30px;
}
.company_sect01_box02 p{
	margin-bottom: 30px;
}
.company_sect02{
    margin-bottom: 60px;
}
.company_sect02_block{
	width: 100%;
    border-top: 1px #DCD7D7 solid;
    border-bottom: 1px #DCD7D7 solid;
    padding: 50px 16px;
}
.company_sect02_box01 h2, .c_hosin{
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 26px;
}
.company_sect02_box02 h3{
	font-size: 19px;
    font-weight: 500;
	line-height: 39px;
}
.company_sect02_box02 h4{
	font-size: 18px;
    font-weight: 600;
    line-height: 36px;
    margin-bottom: 17px;
}
.company_sect03{
	margin-bottom: 80px;
}
.company_sect03_block{
	border-bottom: 1px #DCD7D7 solid;
    padding: 50px 16px;
}
.c_hosin span{
	font-size: 14px;
}
.company_sect03_box01{
	margin-bottom: 50px;
}
.company_sect03_box01 h3{
	font-size: 19px;
    margin-bottom: 20px;
}
.company_sect03_box01 h4{
	font-size: 18px;
    font-weight: 500;
	line-height: 40px;
    margin-bottom: 20px;
}
.company_sect04 .recruit_sect05-list dl {
    border-bottom: 1px #c6c4c4 solid;
    padding: 16px 0 12px;
}
.company_sect04 .recruit_sect05-list dl:nth-child(1) {
    border-top: 1px #c6c4c4 solid;
}
.company_sect05{
	background: #E7EDF3;
	margin-left: -20px;
    margin-right: -20px;
	padding: 50px 0;
	margin-bottom: 60px;
}
.company_sect05_block{
	width: 90%;
	margin: 0 auto;
}
.company_sect05_block img{
	border-radius: 40px;
}
.company_sect-map_block, .company_sect-root_block{
	margin-bottom: 80px;
}
.root-text{
	margin-bottom: 50px;
}

@media screen and (min-width: 768px) {
	
	.company_sect01_block{
		display: flex;
		justify-content: space-between;
	    align-items: center;
	}
	.company_sect01_box01{
		width: 34%;
	}
	.company_sect01_box01 h2{
		font-size: 42px;
	}
	.company_sect01_box02{
		width: 63%;
	}
	.company_sect01_box02 p{
		margin-bottom: 40px;
	}
	.company_sect01_box01 h3{
		font-size: 21px;
	}
	.company_sect02{
		margin-bottom: 80px;
	}
	.company_sect02_block{
		max-width: 860px;
		margin: 0 auto;
		padding: 70px 20px;
		display: flex;
		justify-content: space-between;	
	}
	.company_sect02_box01{
		width: 20%;
	}
	.company_sect02_box02{
		width: 66%;
	}
	.company_sect03_block{
		max-width: 860px;
		margin: 0 auto;
		padding: 70px 20px 0;
	}
	.c_hosin{
		margin-bottom: 60px;
	}
	.c_hosin span{
		display: inline-block;
		margin-left: 30px;
	}
	.company_sect03_box01{
		display: flex;
		justify-content: space-between;
	}
	.company_sect03_title{
		width: 24%;
	}
	.company_sect03_text{
		width: 72%;
	}
	.company_sect05{
		background: #E7EDF3;
		margin-left: -8%;
		margin-right: -8%;
		padding: 80px 0;
		margin-bottom: 80px;
}
	.company_sect05_block{
		display: flex;
		max-width: 1200px;
	}
	.company_sect-map_block{
		margin-bottom: 100px;
	}
	.company_sect-root_block{
		max-width: 860px;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	.company_sect-root_block .industrial_flow {
        margin-bottom: 14px;
    }

	
	
}

@media screen and (min-width: 1430px) {

	.company_sect05{
		margin-left: -16%;
		margin-right: -16%;
	}

}
@media screen and (min-width: 1600px) {

	.company_sect05{
		margin-left: -30%;
		margin-right: -30%;
	}
}


/* ===============================================
# M V-sub
=============================================== */




@media screen and (min-width: 768px) {
	
}