@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');

body{
	width: 100%;
	margin: 0;
	letter-spacing: 0.04em;
	line-height: 1.8;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	color:black;
	position:relative;
	background: #F5F5F5;
	overflow-x: hidden;
}

body.scroll-none{
	overflow-y: hidden;
}

body.home{
	background: inherit;
}

.fig{
	font-family: "Figtree", serif;
}

header{
	padding: 25px 0;
	height: 145px;
	box-sizing: border-box;
	position:relative;
	z-index: 20;
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	transition: 0.4s;
	z-index: 99;
}

header.js_hide{
	transform: translateY(-100%);
}

.active .header__left p{
	color:black;
}

.home header.active, .home header.active.row2 .row2__left a, .home .active .header__right .row1 li a, .home .active .row2 .row2__left a{
	color:black;
}

.home .active .header__right .row1 li a span{
	border-color: black;
}

.home .active .header__right .row1 li:after{
	background: black;
}

header.active{
	background: white;
	box-shadow:0 -4px 13px 0px #707070;
}

.wrap1{
	width: 1440px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 40px;
	display:block;
	margin:0 auto;
	position: relative;
}

.wrap2{
	width: 1220px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 40px;
	display:block;
	margin:0 auto;
}

.wrap3{
	width: 1380px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 40px;
	display:block;
	margin:0 auto;
	position:relative;
}

.wrap4{
	width: 1340px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 40px;
	display:block;
	margin:0 auto;
}

.wrap5{
	width: 1440px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 20px;
	display:block;
	margin:0 auto;
	position:relative;
}

.wrap6{
	width: 1320px;
	max-width: 100%;
	box-sizing:border-box;
	padding:0 40px;
	display:block;
	margin:0 auto;
}

.inview1{
	opacity: 0;
	transform: translateY(30px);
	transition: 0.6s;
	transition-delay: 0.1s;
}

.inview1.show{
	opacity: 1;
	transform: translateY(0px);	
}

.inview2{
	opacity: 0;
	transform: translateY(30px);
	transition: 0.6s;
	transition-delay: 0.3s;
}

.inview2.show2{
	opacity: 1;
	transform: translateY(0px);	
}

.inview3{
	opacity: 0;
	transition: 0.6s;
	transition-delay: 0.3s;
}

.inview3.show3{
	opacity: 1;
}

.inview4{
	opacity: 0;
	transition: 0.5s;
	transition-delay: 0.1s;
}

.inview4.show4{
	opacity: 1;
}

.header__flex{
	display:flex;
}

.header__left{
	width: 40%;
	box-sizing: border-box;
	padding-right: 20px;
}

.header__left p{
	margin: 0;
	line-height: 1.6;
	position:relative;
	top: -10px;
	font-size: 11px;
	font-weight: bold;
}

.header__left h1{
	margin: 0;
	line-height: 1;
}

.header__left h1 a{
	transition:0.4s;
}

.header__left h1 a:hover{
	opacity: 0.6;
}

.header__left h1 a img{
	width: 160px;
}

.header__right{
	width: 60%;
	box-sizing: border-box;
	padding-left: 20px;
}

.header__right .row1{
	margin: 0;
	padding: 0;
	list-style: none;
	display:flex;
/*	align-items: center;*/
	justify-content: right;
}

.header__right .row1 li{
	position:relative;
	padding:0 15px;
	line-height: 1;
}

.header__right .row1 li:after{
	content: '';
	position:absolute;
	width: 1px;
	height: 11px;
	right: 0;
	top: 37%;
	background: black;
	opacity: 0.5;
	border-radius:4px;
}

.home .header__right .row1 li:after{
	background: white;
}

.header__right .row1 li:last-child{
	padding-right: 0;
}

.header__right .row1 li:last-child:after{
	display: none;
}

.header__right .row1 li a{
	font-size: 12px;
	font-weight: 500;
	color:black;
	text-decoration: none;
	position: relative;
	transition: 0.4s;
}

.header__right .row1 li a:hover{
	opacity: 0.6;
}

.header__right .row1 li a span{
	width: 28px;
	padding:1px 0;
	box-sizing: border-box;
	display:inline-block;
	border:1px solid black;
	border-radius: 6px;
	margin-left: 10px;
	font-size: 10px;
	text-align: center;
}

.header__right .row1 li:last-child a{
	top: 2px;
}

.row2{
	display:flex;
	align-items:start;
	margin-top: 13px;
}

.row2 .row2__left{
	width: 66.5%;
	box-sizing: border-box;
	padding-right: 25px;
	display:flex;
	flex-wrap: wrap;
}

.row2 .row2__right{
	width: 33.5%;
	box-sizing: border-box;
	padding-left: 23px;
	display:flex;
	justify-content: space-between;
}

.row2 .row2__left p{
	margin: 0;
}

.row2 .row2__left a{
	display:inline-block;
	color:black;
	font-weight: 900;
	font-size: 15px;
	margin-bottom:2px;
	text-decoration: none;
	transition: 0.4s;
	cursor: pointer;
	position:relative;
}

/*.row2 .row2__left a#button1:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: -80px;
	width:100%;
	background: black;
	height: 80px;
	z-index: 9999;
}*/

.row2 .row2__left a:hover{
	opacity: 0.6;
}

.row2 .row2__left p.size1{
	width: 32%;
}

.row2 .row2__left p.size2{
	width: 55%;
}

.row2 .row2__left p.size3{
	width: 13%;
}

.row2 .row2__right a{
	width: 48.5%;
	padding:11px 16px;
	box-sizing: border-box;
	border-radius: 4px;
	background:#5BA1E3;
	color:white;
	text-decoration: none;
	position:relative;
	font-size: 13px;
	font-weight: bold;
	transition: 0.4s;
}

.row2 .row2__left a.on:before{
	content: '';
	position:absolute;
	left: 0;
	bottom: -95px;
	width: 100%;
	height: 100px;
	z-index: 99;
}

/*.row2 .row2__left a.off{
	pointer-events: none;
}*/

.row2 .row2__right .header__search{
	width: 48.5%;
	margin-top: 0;
}

.row2__right .header__search.search__type1 input{
	background: white;
	padding:9px 8px;
	font-size: 13px;
	font-weight:bold;
	color:black;
	border-radius: 4px;
}

.row2__right .header__search.search__type1 button{
	right: 12px;	
}


.mb0{
	margin-bottom: 0!important;
}

.nav__area{
	margin-top: 30px;
	position:relative;
	top: 130px;
	font-size: 13px;
	color: #888;
}

.nav__area a{
	transition: 0.4s;
	position:relative;
	text-decoration: none;
	color:#888;
	display: inline-block;
}

.nav__area a:hover{
	opacity: 0.6;
}

.nav__area a:before{
	content: '';
	position:absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #888;
	transition: 0.4s;
}

.nav__area a:hover:before{
	width: 100%;
}

.nav__area span:first-child{
	margin-left: 0;
	margin-right: 5px;
}

.nav__area span{
	display: inline-block;
	margin-left:5px;
	margin-right: 5px;
}

.nav__area span span{
	position: relative;
	top: 1px;
}

.nav__area a span{
	margin: 0!important;
}

.page__area{
	width: 1400px;
	max-width: calc(100% - 40px);
	background: white;
	border-radius:50px;
	position:relative;
	padding:117px 45px;
	margin: 145px auto 0;
	box-sizing: border-box;
	margin-bottom: 55px;
	overflow-x: clip;
}

.page__area .page__title{
	margin:0 0 5px;
	font-size: 14px;
	font-weight: 500;
	color:#3B66D5;
	position:relative;
	padding-left: 21px;
}

.page__area .page__title:before{
	content: '';
	position:absolute;
	left: 5px;
	top: 50%;
	width:6px;
	height: 6px;
	border-radius: 50%;
	background:#3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.page__area p.page__en.fig{
	font-size: 100px;
	line-height: 1;
	margin: 0 0 25px;
}

.page__area p.page__text1{
	margin: 0;
	font-size: 15px;
	color: #141A1D;
}

.page__content{
	margin-top: 80px;
	min-width: 100%;
	display:inline-flex;
}

.page__left{
	width: 280px;
	height: 100%;
	position: sticky;
	left: 0;
	top: 165px;
	padding-top: 25px;
}

.page__right{
	width: calc(100% - 280px);
	box-sizing: border-box;
	padding-left: 160px;
	margin-left: auto;
/*	margin-top: -608px;*/
}

.page__left p.fig{
	margin:0 0 25px;
	font-size: 18px;
	color:#3B66D5;
}

.page__left ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.page__left ul li{
	border-top:1px solid #DCDBD1;
	transition: 0.4s;
}

.page__left ul li:hover{
	border-color:#3B66D5;
}

.page__left ul li a{
	font-size: 15px;
	font-weight: bold;
	display:block;
	color:black;
	position:relative;
	padding:17px 0;
	padding-left: 10px;
	padding-right: 15px;
	text-decoration: none;
	transition: 0.4s;
}

.page__left ul li a:hover{
	background: #3B66D5;
	color:white;
	
}

.page__left ul li a:after{
	content: '';
	position:absolute;
	right: 10px;
	top: 50%;
	width: 8px;
	height: 8px;
	background:#3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	border-radius: 50%;
	transition: 0.4s;
}

.page__left ul li a:hover:after{
	background: white;
}

.page__left ul.arrow__type li a:after{
	width: 19px;
	height: 13px;
	transition: 0.4s;
	background-color: rgba(255,255,255,0)!important;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.page__left ul.arrow__type li a:hover:after{
	background-color: rgba(255,255,255,0)!important;
	background-image: url('img/arrow6.png');
}

.page__left ul li:last-child{
	border-bottom:1px solid #DCDBD1;
}

.privacy p{
	font-size: 16px;
	font-weight: 500;
	margin:0 0 20px;
}

.privacy p.mb0{
	margin-bottom: 0;
	color: #888;
	font-weight: bold;
}

.privacy p.mt20{
	margin-top: 20px;
}

.privacy h3 , .product h3{
	font-size: 40px;
	line-height: 1.6;
	position:relative;
	padding-bottom: 15px;
	margin:65px 0 25px;
}

.privacy h3:before , .product h3:before{
	content: '';
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height:2px;
	background: #DCDBD1;
}

.privacy h3:after , .product h3:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height:2px;
	background: #3B66D5;
	z-index: 3;
}

.privacy ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

.privacy ol li{
	margin-bottom: 22px;
	padding-left:45px;
	position:relative;
	width: 780px;
	max-width: 100%;
	box-sizing: border-box;
}

.privacy ol li:before{
	content: '';
	position:absolute;
	font-family: "Figtree", serif;
	font-size: 16px;
	font-weight: 500;
	left: 0;
	top: 2px;
	color: #3B66D5;	
}

.privacy ol li:nth-child(1):before{
	content: '(01)';
}

.privacy ol li:nth-child(2):before{
	content: '(02)';
}

.privacy ol li:nth-child(3):before{
	content: '(03)';
}

.privacy ol li:nth-child(4):before{
	content: '(04)';
}

.privacy ol li:nth-child(5):before{
	content: '(05)';
}

.privacy ol li:nth-child(6):before{
	content: '(06)';
}

.privacy ol li:nth-child(7):before{
	content: '(07)';
}

.privacy ol li:nth-child(8):before{
	content: '(08)';
}

.privacy ol li:nth-child(9):before{
	content: '(09)';
}

.privacy ol li:nth-child(10):before{
	content: '(10)';
}

.privacy h4{
	font-size: 18px;
	font-weight: bold;
	margin:60px 0 23px;
}

.privacy h4.half{
	margin-top: 30px;
}

.privacy h4 span{
	font-size: 18px;
	color: #3B66D5;
	display:inline-block;
	margin-right: 20px;
	font-family: "Figtree", serif;
	font-weight: 500;
}

.privacy a{
	display:inline-block;
	position:relative;
	font-size: 16px;
	font-weight: bold;
	color:#888;
	padding-right: 22px;
	transition: 0.4s;
}

.privacy a:hover{
	opacity: 0.6;
}

.privacy a:after{
	content: '';
	position:absolute;
	right: 0;
	bottom: 5px;
	width: 12px;
	height: 15px;
	background-image:url('img/link.png');
	background-size: cover;
}


.privacy a.mail{
	color: #3B66D5;
	font-weight: 500;
	padding-right: 0;
}

.privacy a.mail:after{
	display:none;
}

.footer__section1{
	background: white;
	padding:50px 0;
	border-bottom:2px solid rgba(220,219,209,0.5);
}

.fs1__flex{
	display:flex;
	align-items: center;
}

.fs1__flex .fs1__left{
	width: 240px;
	box-sizing: border-box;
	padding-right: 30px;
}

.fs1__flex .fs1__left h3{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color:#3B66D5;
}

.fs1__flex .fs1__right{
	width: calc(100% - 240px);
}

.fs1__flex .fs1__right p{
	font-size: 15px;
	font-weight: 500;
	color:#251E1C;
	margin: 0;
}

.footer__section2{
	background: white;
	position:relative;
	z-index: 1;
	padding:80px 0 ;
}

.fs2__flex{
	display:flex;
	align-items: center;
}

.fs2__left{
	width: 360px;
	box-sizing: border-box;
	padding-right: 30px;
}

.fs2__right{
	width: calc(100% - 360px);
	box-sizing: border-box;
	border-radius: 20px;
	border:2px solid #DCDBD1;
	padding:18px 36px;
}

.fs2__right .qa__area:last-child{
	margin-bottom: 0;
	border-bottom: 0;
}

.qa__area{
	position:relative;
	border-bottom:1px solid #3B66D5;
	margin-bottom: 11px;
}

.qa__area:after{
	position:absolute;
	content: '';
	right:0;
	top: 4px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background:#3B66D5;
	z-index: 1;
}

.qa__area .question:before{
	content: '';
	position:absolute;
	right: 7px;
	top: 16px;
	width: 12px;
	height: 2px;
	background: white;
	z-index: 2;
}

.qa__area .question:after{
	content: '';
	position:absolute;
	right: 7px;
	top: 16px;
	width: 12px;
	height: 2px;
	background: white;
	z-index: 2;
	transition: 0.4s;
	transform: rotate(90deg);
}

.qa__area .question.open:after{
	transform: rotate(0);
}

.qa__area .question{
	font-size: 16px;
	font-weight: 500;
	color: #141A1D;
	margin:0 ;
	padding-bottom: 11px;
	cursor: pointer;
	position: relative;
	padding-left: 34px;
}

.qa__area .question span{
	display:inline-block;
	color:#3B66D5;
	font-size: 22px;
	margin-right: 10px;
	font-weight: 600;
	position:absolute;
	left: 0;
	top: -4px;
}

.ca__flex{
	display:flex;
	align-items: center;
}

.ca__left{
	width: calc(100% - 280px);
	padding-right: 40px;
	box-sizing: border-box;
}

.ca__right{
	width: 280px;
}

.fs2__left h3{
	margin: 0 0 15px!important;
	font-size: 14px!important;
	color: #3B66D5!important;
	position:relative;
	font-weight: 500;
	padding-left: 11px;
}

.fs2__left h3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background:#3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.fs2__left--text1{
	line-height: 1.2;
	font-size: 46px;
	font-weight: 500;
	margin:0 0 5px;
}

.fs2__left--text2{
	font-size: 15px;
	margin: 0;
}

.footer__section3{
	background: white;
}

.contact__area{
	width: 100%;
	padding:63px 77px;
	box-sizing: border-box;
	background: #3B66D5;
	color: white;
	border-radius: 30px;
	position:relative;
	z-index: 2;
}

.ca__left h3{
	margin: 0 0 15px;
	font-size: 14px!important;
	color:white!important;
	position:relative;
	font-weight: 500;
	padding-left: 11px;
}

.ca__left h3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background:white;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.ca__left--text1{
	line-height: 1.2;
	font-size: 46px;
	font-weight: 500;
	margin:0 0 5px;
}

.ca__left--text2{
	font-size: 15px;
	margin: 0;
}

.ca__right a{
	display:block;
	box-sizing: border-box;
	background: white;
	font-size: 16px;
	font-weight: bold;
	height: 60px;
	line-height: 60px;
	color:black;
	text-decoration: none;
	position: relative;
	border-radius: 30px;
	padding:0 30px;
	transition: 0.4s;
}

.ca__right a:hover{
	opacity: 0.6;
}

.ca__right a:after{
	content: '';
	position:absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background-image: url('img/arrow.png');
	background-size: cover;
}

.footer__section4{
	background: #1E2C3B;
	padding:220px 0 145px;
	margin-top: -140px;

}

.slider-1{
	padding: 0 66px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
}

.slider-1 li{
	margin:0 15px;
}

.slider-1 li a{
	display:block;
	text-decoration: none;
	color:white;
	transition: 0.4s;
}

.slider-1 li a:hover{
	opacity: 0.6;
}

.slider-1 li a img{
	width: 100%;
}

.footer__section4 .slider-1 li a img{
	height: 150px;
	object-fit: cover;
	border-radius: 10px;
}

.slider-1 li a p{
	margin:6px 0 0;
	font-size: 15px;

}

.slider-1 .prev-arrow{
	position:absolute;
	left: 0;
	top: 45px;
	width:60px;
	cursor: pointer;
}

.slider-1 .next-arrow{
	position:absolute;
	right: 0;
	top: 50px;
	width:60px;
	cursor: pointer;
}

.fs4__row{
	padding-bottom:60px;
	border-bottom:1px solid rgba(255,255,255,0.3) ;
}

.fs4__row2{
	padding:115px 0 ;
}

.fs4__flex{
	color:white;
	display:flex;
}

.fs4__col1{
	width: 50%;
	box-sizing: border-box;
	padding-right: 60px;
}

.fs4__flex h3{
	font-size: 18px!important;
	font-weight: bold!important;
	margin:0 0 30px!important;
}

.fs4__flex h3.mb__plus{
	margin-bottom: 55px;
}

.fs4__flex h3 a{
	position:relative;
	padding-left: 25px;
	color:white;
	text-decoration: none;
	display:inline-block;
	transition: 0.4s;
}

.fs4__flex h3 a:hover{
	opacity: 0.6;
}

.fs4__flex h3 a:before{
	content: '';
	position:absolute;
	left: 0;
	top:8px;
	width: 18px;
	height: 18px;
	background-image: url('img/arrow2.png');
	background-size: cover;
}

.fs4__flex h4{
	font-size: 15px;
	font-weight:bold;
	margin:0 0 6px;
}

.fs4__flex ul{
	display:flex;
	justify-content: space-between;
	list-style: none;
	margin: 0 0 40px;
	padding: 0;
	line-height: 1.5;
}

.fs4__flex ul div:first-child{
	width: 38%;
}

.fs4__flex ul div{
	width: 31%;
}

.fs4__flex ul li a{
	font-size: 13px;
	letter-spacing: 0;
	font-weight: 500;
	transition: 0.4s;
	position:relative;
	text-decoration: none;
	color: rgba(255,255,255,0.5);
}

.fs4__flex ul li a:hover{
	opacity: 0.6;
}

.fs4__col2{
	width: 25%;
}

.fs4__col2 ul{
	display:block;
}

.footer__section5{
	background: white;
	padding: 100px 0 15px;
}

.footer__section5 .wrap1{
	padding:0 20px;	
}

.fs5__flex{
	display:flex;
}

.fs5__flex .fs5__left{
	width: 50%;
}

.fs5__flex .fs5__right{
	width: 50%;
}

.fs5__flex .fs5__left .footer__logo{
	width: 200px;
	transition: 0.4s;
	display:inline-block;
	margin-bottom: 22px;
}

.fs5__flex .fs5__left .footer__logo:hover{
	opacity: 0.6;
}

.fs5__flex .fs5__left .footer__logo img{
	width: 100%;
}

.map__area{
	position:relative;
	width: 100%;
	height: 50px;
}

.map__area .map{
	position:absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 0.4s;
	pointer-events: none;
}

.map__area .map.current{
	opacity: 1;
	pointer-events: auto;
}

.map p{
	font-size: 14px;
	margin: 0;
	font-weight: bold;
}

.map p a{
	color:black;
	transition: 0.4s;
/*	text-decoration: none;*/
	display: inline-block;
	margin-left: 5px;
}

.map p a:hover{
	opacity: 0.6;
}

.map__button{
	display:flex;
	margin:8px 0 0;
	padding: 0;
	list-style: none;
}

.map__button li{
	font-size: 13px;
	font-weight: bold;
	padding:2px 9px;
	margin-right: 5px;
	border-radius: 4px;
	background:#EDF1F2;
	color:#888;
	transition: 0.4s;
	cursor: pointer;
}

.map__button li:hover{
	color:black;
}

.map__button li.current{
	background: #1E2C3B;
	color:white;
	pointer-events: none;
}

.img__flex{
	display:flex;
	align-items: center;
	justify-content: right;
	margin-top: 14px;
}

.img__flex img{
	display:block;
	line-height: 1;
	margin-left: 15px;
}

.symbol1{
	width: 105px;
}

.symbol2{
	width: 51px;
}

.symbol3{
	width: 71px;
}

.symbol4{
	width: 66px;
}

.symbol5{
	width: 113px;
}

.symbol6{
	width: 75px;
}

.symbol7{
	width: 66px;
}

.symbol8{
	width: 88px;
}

.fs5__flex2{
	display:flex;
	margin-top: 75px;
}

.fs5__left2{
	width: 50%;
}

.fs5__left2 p{
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	color:#888;
}

.fs5__right2{
	display:flex;
	width: 50%;
	justify-content: right;
}

.fs5__right2 a{
	display:block;
	font-size: 12px;
	color:#888;
	text-decoration: none;
	position:relative;
	transition: 0.4s;
}

.fs5__right2 a:hover{
	opacity: 0.6;
}

.fs5__right2 a:first-child{
	margin-right: 30px;
}

.fs5__right2 a:first-child:before{
	content: '';
	position: absolute;
	right: -15px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 1px;
	height: 10px;
	background: #888;
}

.page__en.type2{
	font-size: 50px;
	font-weight: bold;
}

.page__en.type2.small__type{
	font-size: 40px;
}

.page__en.type2 span{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color:#3B66D5;
	margin-left: 20px;
}

.sustainability h3{
	font-size: 40px;
	font-weight: bold;
	color: #141A1D;
	margin:0 0 35px;
}

.sustainability h3 span{
	font-size: 18px;
	display: inline-block;
	margin-left: 12px;
}

.sustainability .partner__ver h3{
	font-size: 36px;
}

div.sustainability p{
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	margin: 0;
}

/*.page__right.sustainability ,
.page__right.sustainability2 ,
.page__right.sdgs{
	margin-top: -472px;
}

.page__right.partner ,
.page__right.faq{
	margin-top: -314px;
}

.page__right.location{
	margin-top: -311px;
}

.page__right.message ,
.page__right.outline ,
.page__right.history
{
	margin-top: -442px;
}

.page__right.news{
	margin-top: -272px;
}*/

div.sustainability p.right{
	text-align: right;
	font-size: 18px;
	font-weight: 500;
	margin-top: 40px;
}

.page__area.sustainability{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	padding-bottom: 230px;
}

.sustainability__area{
	background:#1E2C3B;
	padding:120px 0;
	margin-bottom: 75px;
}

.sustainability__area a{
	display:flex;
	height: 240px;
	color: #141A1D;
	text-decoration: none;
	transition: 0.4s;
}

.sustainability__area a:hover{
	opacity: 0.75;
}

.sustainability__area a:first-child{
	margin-bottom: 30px;
}

.sus__left{
	width: 413px;
}

.sus__right{
	width: calc(100% - 413px);
	background: white;
	box-sizing: border-box;
	padding:55px 45px;
}

.sus__left2{
	width: calc(100% - 413px);
	background: white;
	box-sizing: border-box;
	padding:55px 45px;	
}

.sus__right2{
	width: 413px;
}

.sus__left img , .sus__right2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.sustainability__area a .sr__text1{
	font-size: 15px;
	margin:0 0 5px;
	font-weight: 500;
	color:#3B66D5;
}

.sustainability__area a h3{
	font-size: 26px;
	line-height: 1.45;
	font-weight: bold;
	margin:0 ;
}

.sustainability__area a .sr__text2{
	font-size: 18px;
	font-weight: 500;
	margin:3px 0 0;
}

.sustainability__area a .sr__text3{
	display:flex;
	align-items: center;
	font-size: 15px;
	justify-content: right;
	font-weight: bold;
}

.sustainability__area a .sr__text3 img{
	margin-left: 13px;
	width: 19px;
	display:block;
}

.sustainability__area a .sr__text1.type2{
	display:flex;
	align-items: start;
}

.sustainability__area a .sr__text1.type2 img{
	width: 26px;
	height: 26px;
	display:block;
	margin-right: 10px;
	position:relative;
	top: -1px;
}

.sustainability .sustainability2 p{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 50px;
}

.privacy ol.ver2 li:nth-child(1):before{
	content: '01';
}

.privacy ol.ver2 li:nth-child(2):before{
	content: '02';
}

.privacy ol.ver2 li:nth-child(3):before{
	content: '03';
}

.privacy ol.ver2 li:nth-child(4):before{
	content: '04';
}

.privacy ol.ver2 li:nth-child(5):before{
	content: '05';
}

.privacy ol.ver2 li:nth-child(6):before{
	content: '06';
}

.privacy ol.ver2 li:nth-child(7):before{
	content: '07';
}

.privacy ol.ver2 li:nth-child(8):before{
	content: '08';
}

.privacy ol.ver2 li:nth-child(9):before{
	content: '09';
}

.privacy ol.ver2 li:nth-child(10):before{
	content: '10';
}

.privacy ol.ver2 li:before{
	font-size: 18px;
	top: 2px;
}

.privacy ol.ver2 li{
	width: 100%;
	padding-left: 60px;
	margin-bottom: 32px;
	padding-bottom: 32px;
	border-bottom:2px solid #F5F5F5;
	font-size: 18px;
	font-weight: bold;
}

.page__right .environment__title{
	font-size: 28px;
	font-weight: bold;
	margin:85px 0 30px;
}

.page__right .environment__title.mt-half{
	margin: 60px 0 25px;
}

.page__right .environment__title.mt0{
	margin-top: 0;
}

.page__right.faq .mt0{
	margin-top: 0;
}

.page__right .environment__title span{
	display: inline-block;
	width: 50px;
	height: 50px;
	position:relative;
	top: -3px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	background: #3861CA;
	color:white;
	margin-right: 20px;
}

.sustainability .sdgs p{
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.8;
}

.sustainability .sdgs p.size2{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 14px;
}

.sdgs__flex{
	display:flex;
	padding:30px;
	margin:20px 0 0;
	border-top:1px solid #DCDBD1;
	border-bottom:1px solid #DCDBD1;
}

.sdgs__flex img{
	display:block;
	width: 116px;
	margin-right: 20px;
}

h3.mt__plus{
	margin-top: 140px!important;
}

.privacy ol.ver3 li:nth-child(1):before{
	content: '01';
}

.privacy ol.ver3 li:nth-child(2):before{
	content: '02';
}

.privacy ol.ver3 li:nth-child(3):before{
	content: '03';
}

.privacy ol.ver3 li:nth-child(4):before{
	content: '04';
}

.privacy ol.ver3 li:nth-child(5):before{
	content: '05';
}

.privacy ol.ver3 li:nth-child(6):before{
	content: '06';
}

.privacy ol.ver3 li:nth-child(7):before{
	content: '07';
}

.privacy ol.ver3 li:nth-child(8):before{
	content: '08';
}

.privacy ol.ver3 li:nth-child(9):before{
	content: '09';
}

.privacy ol.ver3 li:nth-child(10):before{
	content: '10';
}

.sustainability .environment p{
	line-height: 1.8;
}

.sustainability .sdgs p.bg__plus ,
.page__area .partner p.bg__plus ,
.vision p.bg__plus{
	color:white;
	box-sizing: border-box;
	padding:6px 20px;
	background:#1E2C3B;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0;
}

.privacy ol.ver2.size2 li{
	font-size: 18px;
}

.privacy.environment ol.ver2.size2 li{
	font-weight: 500;
}

.privacy ol.ver2 li span{
	display:block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.4;
}

.privacy ol.ver3.size3 li{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 16px;
}

.privacy ol.ver3.size3 li:before{
	font-size: 18px;
	top: 5px;
}

.privacy ol.mt__plus{
	margin-top: 75px!important;
}

.privacy ol.ver2.mt__plus li:last-child ,
.privacy ol.ver2.mt__half li:last-child{
	border-bottom: 0;
}

.privacy ol.ver2.mt__half.border-plus li:last-child{
	border-bottom: 2px solid #F5F5F5;
}

.privacy ol.mt__half{
	margin-top: 35px;
}

.award__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:34px 0;
}

.award__flex .award__col{
	background:#F5F5F5;
	border-radius: 10px;
	padding:25px 48px;
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.sustainability .sdgs p.ac__text1{
	position:relative;
	margin:0 0 8px;
	font-size: 20px;
	font-weight: bold;
}

.sustainability .sdgs p.ac__text1:before{
	content: '';
	position:absolute;
	left: -17px;
	top: 16px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3B66D5;
}

.sustainability .sdgs p.ac__text2{
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.privacy ol.ver2.size2.jp{
	margin-top: 30px;
}

.privacy ol.ver2.size2.jp li{
	padding-left: 75px;
}

.privacy ol.ver2.size2.jp li:first-child{
	border-top: 2px solid #F5F5F5;
	padding-top:32px;
}

.privacy ol.ver2.jp li:before{
	top: -3px;
	letter-spacing: 0;
}

.privacy ol.ver2.jp li:nth-child(1):before{
	content: '第一条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	top: 28px;
}

.privacy ol.ver2.jp li:nth-child(2):before{
	content: '第二条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(3):before{
	content: '第三条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(4):before{
	content: '第四条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(5):before{
	content: '第五条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(6):before{
	content: '第六条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(7):before{
	content: '第七条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(8):before{
	content: '第八条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(9):before{
	content: '第九条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.privacy ol.ver2.jp li:nth-child(10):before{
	content: '第十条';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
}	

.award__flex.w100 .award__col{
	width: 100%;
}

.page__right .message__flex{
	display: flex;
	margin-bottom: 140px;
}

.page__right .message__flex .mf__left{
	width:calc(100% - 400px);
	box-sizing: border-box;
	padding-right: 30px;
}

.page__right .message__flex .mf__right{
	width: 400px;
}

.page__right .message__flex .mf__left .fig{
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
	margin:0 0 35px;
}

.page__right .message__flex .mf__right img.mfr1{
	width: 100%;
	display:block;
	margin-bottom: 20px;
}

.page__right.message p.rightspace{
	position:relative;
	left: -64px;
	margin: 0;
	font-size: 16px;
	text-align: right;
}

.page__right img.mfr2{
	display:block;
	margin-top: 4px;
	width: 181px;
	margin-left: auto;
}

.page__right .message__flex .mf__left p{
	line-height: 1.7;
}

.page__right .bg__plus.flex{
	display:flex;
	justify-content: space-between;
	background:#1E2C3B;
	border-radius: 3px;
	box-sizing: border-box;
	padding:4px 20px;
}

.page__right .bg__plus.flex p{
	color:white;
	margin: 0;
	font-weight: bold;
	font-size: 15px;
}

.sustainability .environment p.big{
	font-size: 20px;
	margin:30px 0;
	font-weight: bold;
}

.philosophy__area{
	background: #F5F5F5;
	display:flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	padding:52px 40px 32px;
	margin-bottom: 58px;
}

.sustainability .environment .philosophy__area p{
	font-size: 16px;
	background: white;
	font-weight: bold;
	border:1px solid #DCDBD1;
	border-radius: 5px;
	margin-bottom:20px;
	margin-right: 20px;
	padding:5px 17px;

}

.page__right .outline__flex{
	display:flex;
	flex-wrap: wrap;
	margin-bottom: 110px;
}

.page__right .outline__flex .of__left{
	width:190px;
	padding-bottom:28px;
	margin-bottom: 33px;
	border-bottom:2px solid #F5F5F5;
}

.page__right .outline__flex .of__right{
	width: calc(100% - 190px);
	padding-bottom:28px;
	margin-bottom: 33px;
	border-bottom:2px solid #F5F5F5;
	position:relative;
	padding-left: 35px;
	box-sizing: border-box;
}

.page__right .outline__flex .of__left p{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}

.page__right .outline__flex .of__right p{
	font-size: 16px;
	margin: 0;
	font-weight: 500!important;	
}

.page__right .outline__flex .of__right .map__link{
	color:#3B66D5;
	text-decoration: none;
	padding-right: 0;
	margin:20px 0;
}

.page__right .outline__flex .of__right .map__link span{
	text-decoration: underline;
}

.page__right .outline__flex .of__right .map__link img{
	display: inline-block;
	margin-right: 13px;
	position:relative;
	top: 5px;
}


.page__right .outline__flex .of__right .map__link:after{
	display:none;
}

.sustainability .environment p.bold{
	font-size: 16px;
	font-weight: bold;
}

.certification__flex{
	display:flex;
	align-items: start;
	flex-wrap: wrap;
	margin:35px 0 70px;
}

.certification__flex .certification1{
	width: 195px;
	display:block;
	margin-right: 60px;
}

.certification__flex .certification2{
	width: 152px;
	display:block;
	margin-right: 60px;
}

.certification__flex .certification3{
	width: 115px;
	display:block;
	margin-right: 60px;
}

.certification__flex .certification4{
	width: 101px;
	display:block;
	margin-right: 0px;
}

.certification__flex .donation{
	width: 140px;
}

.certification__flex .approach{
	width: 232px;	
}

.certification__flex .declaration1{
	width: 437px;
	display:block;
	margin-right: 40px;
}

.certification__flex .declaration2{
	width: 200px;
	display:block;
	margin-top: 10px;
}

.sustainability h3.mt__plus2{
	margin-top: 150px!important;
}

.page__right .outline__flex.type2 .of__right{
	padding-right: 270px;
}

.page__right .outline__flex.type2 .of__right .company__link{
	width: 242px;
	box-sizing: border-box;
	border:1px solid #DCDBD1;
	border-radius: 30px;
	box-sizing: border-box;
	display:block;
	text-decoration: none;
	color:black;
	font-size: 15px;
	line-height: 1.9;
	padding:14px 22px;
	position:absolute;
	right: 0;
	bottom: 28px;
}

.page__right .outline__flex.type2 .of__right .company__link:hover{
	border-color:#3B66D5;
	background: #3B66D5;
	color: white;
	opacity: 1;
}

.page__right .outline__flex.type2 .of__right .company__link:after{
	width: 40px;
	height: 40px;
	right: 10px;
	top: 9px;
	background-image: url('img/company/arrow1.png');
	background-size: cover;
	transition: 0.4s;
}

.page__right .outline__flex.type2 .of__right .company__link:hover:after{
	background-image: url('img/company/arrow2.png');
}

.privacy a.pdf__link{
	width: 358px;
	box-sizing: border-box;
	border-radius: 30px;
	border:2px solid #DCDBD1;
	color:black;
	font-size: 15px;
	display:block;
	text-decoration: none;
	position: relative;
	margin-bottom: 21px;
	position:relative;
	padding:14px 24px;
	letter-spacing: 0;
}

.privacy a.pdf__link:after{
	display:none;
}

.sustainability .environment p.h__text{
	margin-bottom: 35px;
}

.privacy a.pdf__link span{
	position:absolute;
	right: 15px;
	top: 51%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	display: block;
	width: 34px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 10px;
	color: white;
	background: #3B66D5;
	border-radius: 8px;
	transition: 0.4s;
}

.privacy a.pdf__link:hover{
	opacity: 1;
	background:#3B66D5;
	border-color: #3B66D5;
	color:white;
}

.privacy a.pdf__link:hover span{
	background: white;
	color:#3B66D5;
}

.history__area{
	margin: 60px 0;	
}

.history__row{
	position:relative;
	padding-left: 50px;
	display:flex;
	padding-bottom: 78px;
}

.history__row:before{
	content: '';
	position:absolute;
	left:12px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #3B66D5;
}

.history__row:after{
	content: '';
	position:absolute;
	left: 0;
	top: -8px;
	width: 25px;
	height: 25px;
	background-image: url('img/company/dot.png');
	background-size: cover;

}

.history__row .hr__text1{
	font-size: 18px;
	font-weight: bold;
	color:#3B66D5;
	margin: 0;
	width: 170px;
	position: relative;
	top: -12px;
}

.history__row .hr__text2{
	width: calc(100% - 170px);
	font-size: 18px;
	font-weight: bold;
	margin:0;
	position: relative;
	top: -12px;	
}

.history__area .history__row:last-child:before{
	display: none;
}

.privacy ol.ver2.mt__half.last-border li:last-child{
	border-bottom: 2px solid #F5F5F5;
}

.page__area .list{
	list-style: none;
	padding: 0;
	margin: 0;
}

.privacy.partner h3{
	margin-top: 80px;
}

.privacy.partner h3.mt0{
	margin-top: 0!important;
}

.page__content2{
	position:relative;
	margin: 190px 0 0;
}

.privacy a.arrow__link{
	width: 498px;
	box-sizing: border-box;
	border:2px solid #3B66D5;
	border-radius: 40px;
	font-weight: 500;
	box-sizing: border-box;
	display:block;
	text-decoration: none;
	color:white;
	background: #3B66D5;
	font-size: 20px;
	line-height: 1.9;
	padding:19px 22px;
	padding-left: 5px;
	display:block;
	margin:0 auto;
	text-align: center;
	position:relative;
	transition: 0.4s;
}

.privacy a.arrow__link.left{
	margin-left: 0;
	margin-top: 40px;
}

.privacy a.arrow__link:hover{
/*	border-color:#DCDBD1;*/
	background: white;
	color: black;
	opacity: 1;
}

.privacy a.arrow__link:after{
	content: '';
	position:absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 19px;
	background-image: url('img/company/arrow2.png');
	background-size: cover;
	transition: 0.4s;
}

.privacy a.arrow__link:hover:after{
	background-image: url('img/company/arrow1.png');
}

.loaction__tab{
	display:flex;
}

.loaction__tab a{
	display:block;
	width: 50%;
	cursor: pointer;
	font-size: 18px;
	position:relative;
	text-align: center;
	background: #F5F5F5;
	color:black;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 3px solid #1E2C3B;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding:14px 0;
	transition: 0.4s;
}

.loaction__tab a:after{
	content: '';
	position:absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	right: 15px;
	top: 21px;
	background-image: url('img/icon1.png');
	background-size: cover;
	transition: 0.4s;
}

.loaction__tab a.current{
	background: #1E2C3B;
	color:white;
	pointer-events: none;
}

.loaction__tab a:hover{
	opacity: 0.6;
}

.loaction__tab a.current:after{
	background-image: url('img/icon2.png');
}

.loaction__area.current{
	display:block;
}

.loaction__area{
	display:none;
	width: 100%;
	box-sizing: border-box;
	padding:67px 30px;
	background: #F5F5F5;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;

}

.page__right .gmap__link{
	width: 128px;
	display:block;
	box-sizing: border-box;
	border:1px solid #3B66D5;
	color:#3B66D5;
	text-decoration: none;
	position:relative;
	padding:5px 0;
	padding-left: 34px;
	font-size: 14px;
	border-radius: 20px;
	font-weight: bold;
	transition: 0.4s;
}

.page__right .gmap__link img{
	position:absolute;
	left: 11px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 16px;
	height: 18px;
	transition: 0.4s;
}

.page__right .gmap__link:hover{
	background:#3B66D5;
	color:white;
	opacity: 1!important;
}

.page__right .gmap__link:hover img.pin1{
	opacity: 0;
}

.page__right .gmap__link:hover img.pin2{
	opacity: 1;
}


.page__right .gmap__link img.pin2{
	opacity: 0;
}

.office-sp{
	width: 100%;
}

.la__box{
	margin-bottom: 105px;
}

.la__flex{
	display:flex;
	margin-top: 10px;
}

.la__flex .laf__left{
	width: 50%;
}

.la__flex .laf__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
}

.la__flex .laf__right img{
	width: 100%;
}

div.sustainability p.laf__text1{
	margin: 0;
	line-height: 1.6;
	font-size: 18px;
	font-weight: bold;
}

div.sustainability p.laf__text2{
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: bold;
}

.container img{
	width: 100%;
}

.container{
	margin-top: 90px;
}

.container .thumbnail ,
.container .thumbnail-ver2 ,
.container .thumbnail-ver3{
	margin-bottom: 5px;
}

.container .thumbnail img ,
.container .thumbnail-ver2 img ,
.container .thumbnail-ver3 img{
	cursor: pointer;
}

.container .thumbnail .slick-track ,
.container .thumbnail-ver2 .slick-track ,
.container .thumbnail-ver3 .slick-track{
	margin-right: 0;
}

.container .thumbnail .thumbnail-img ,
.container .thumbnail-ver2 .thumbnail-img ,
.container .thumbnail-ver3 .thumbnail-img{
	box-sizing: border-box;
	padding:0 2px;
}

div.sustainability p.showroom__1{
	margin:7px 0 4px;
	font-size: 17px;
	font-weight: bold;
}

.la__box.last{
	margin-bottom: 35px;
}

.la__flex.w100 .laf__left{
	width: 100%;
}

.slick-slide{
	display:block!important;
}

.faq__area{
	border-bottom:2px solid #F5F5F5;
}

.faq .question{
	cursor: pointer;
	position:relative;
}

.faq .question:after{
	content:'';
	position:absolute;
	right: 20px;
	top: 8px;
	width: 20px;
	height: 13px;
	background-image: url('img/arrow4.png');
	background-size: cover;
	transition: 0.4s;
}

.faq .question.open:after{
	transform: rotate(180deg);
}

.faq .question h4{
	position: relative;
	padding-left: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	margin: 25px 0 0;
}

.faq .question h4:before{
	content: 'Q.';
	position:absolute;
	left: 0;
	top:0;
	font-size: 18px;
	font-weight: bold;
	color:#3B66D5;
}

.faq__area .answer{
	width: 100%;
	box-sizing: border-box;
	padding:44px 50px;
	background:#F5F5F5;
	display:none;
/*	opacity: 0;
	height: 0;*/
	pointer-events: none;
/*	transition: 0.4s;*/
}

.faq__area .answer.open{
	pointer-events: auto;
	height: auto;
	
	opacity: 1;
	position:relative;
}

.faq__area .answer.open:before{

}

.faq__area .answer p{
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 10px;
	position:relative;
}

.faq__area .answer p:first-child:before{
	content: 'A.';
	opacity: 1;
	position:absolute;
	left: -25px;
	top:0;
	font-size: 18px;
	font-weight: bold;
	color:#3B66D5;	
}


.faq__area .answer p:last-child{
	margin-bottom: 0;
}


.page__area.faq{
	padding-bottom: 230px;
}

.arrow__link{
	z-index: 2;
}

.page__content2 .slider-4{
	margin-top: -170px;
}

.staff__main{
	position: relative;
	width: calc(100% + 90px);
	left: -45px;
	margin-top:-48px;
}

h3.staff__message{
	color: white;
	font-size: 38px;
	line-height: 1.2;
	font-weight: bold;
	margin:28px 0;
}

h3.staff__message span{
	display: inline-block;
	background:#3B66D5;
	padding:1px 5px;
	margin-bottom: 3px;
}

.staff__info{
	display:flex;
}

.staff__info p{
	margin: 0;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #3B66D5;
	text-decoration: underline;
}

.staff__info p.black{
	color:#888;
}

.st__flex{
	display: flex;
	border-top:2px solid #DCDBD1;
	padding-top: 18px;
	margin-bottom: 75px;
	position:relative;
}

.st__left{
	width: 30.7%;
}

.st__right{
	width: 69.3%;
	margin-top: 45px;
}

.st__left2{
	width: 50%;
	box-sizing: border-box;
	padding-right: 40px;
}

.st__right2{
	width: 50%;
	margin-top: 45px;
}

.arrow__link5{
	font-size: 15px;
	color:#000;
	font-weight: bold;
	transition: 0.4s;
	position: relative;
	padding-right:28px;
	text-decoration: none;
	display:inline-block;
	margin-top: 18px;
}

.arrow__link5.right{
	margin-left: auto;
	text-align: right;
}

.arrow__link5:hover{
	opacity: 0.6;
}

.arrow__link5:after{
	content: '';
	position:absolute;
	right: 0;
	top: 52%;
	width: 19px;
	height: 13px;
	background-image: url('img/arrow3.png');
	background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.st__right p.right{
	text-align: right;
}

.st__right img{
	max-width: 100%;
	display:block;
	margin-bottom: 25px;
}

.st__right.st__right2 img{
	margin-bottom: 0;
}

.st__right img.img7{
	width: 100%;
}

.st__img2{
	display:block;
	margin-bottom: 125px;
}

.st__right p{
	font-size: 16px;
	margin: 0;
/*	letter-spacing: 0;*/
}

.staff__textarea img{
	max-width: 100%;
}

.page__right.staff{
	padding-left: 120px;
}

.st__num{
	margin:0 0 20px;
	font-size: 12px;
	font-weight: 500;
	color:#3B66D5;
}

.st__left h2{
	margin: 0 0 5px;
	color: #141A1D;
	font-size: 30px;
	line-height: 1.35;
}

.st__en{
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color:#3B66D5;
}

.arrow__link2{
	width: 246px;
	box-sizing: border-box;
	border-radius: 30px;
	display:block;
	font-weight: 500;
	text-decoration: none;
	border:1px solid #DCDBD1;
	position:relative;
	padding:16px 20px;
	font-size: 15px;
	font-weight: bold;
	color:black;
	background: white;
	transition: 0.4s;
}

.arrow__link2:after{
	content: '';
	position:absolute;
	right: 10px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 40px;
	height: 40px;
	background-image: url('img/arrow.png');
	background-size: cover;
	transition: 0.4s;
}

.arrow__link2:hover{
	background: #3B66D5;
	color:white;
	border-color: #3B66D5;
}

.arrow__link2:hover:after{
	background-image: url('img/arrow5.png');
}

.arrow__link2.abo{
	position:absolute;
	left: 0;
	bottom: 0;
}

.arrow__link2.abo2{
	position:absolute;
	right: 0;
	bottom: 0;
}

.page__area.no-clip{
	overflow-x: visible;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0;
	padding-bottom: 25vw;
}

.staff__bottom{
	position:relative;
	z-index: 3;
}

.page__area.staff{
	padding-bottom: 200px!important;
	position:relative;
}

.page__area.staff:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: -7vw;
	width: 100%;
	height: 15vw;
	background: white;
	z-index: 3;	
}

.slider-3{
	margin: -7vw 0 0;
	padding: 0;
	position:relative;
	z-index: 4;
}

.page__area.staff.staff__parent:after{
	display:none!important;
}

.slider-3 li{
	padding:0 30px;
}

.slider-3 li img{
	max-width: 100%;
}

.slider-3 .slick-track {
  display: flex;
  align-items: center;
}

.other__area{
	position:relative;
	z-index: 1;
	background: #EEF4F5;
	padding:35vw 0 283px;
	margin-top: -29vw;
}

.page__title2{
    margin: 0 0 5px;
    font-size: 14px;
    font-weight: 500;
    color: #3B66D5;
    position: relative;
    padding-left: 21px;
}

.page__title2:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.other__area h3{
	margin: 0;
	color:#141A1D;
	font-size: 38px;
	font-weight: bold;
}

.card__area{
	width: 80%;
	display:block;
	margin-left: auto;
}

.card__col{
	overflow: hidden;
	background: #F5F5F5;
	border-radius: 25px;
}

.card__info img{
	max-width: 100%;
	line-height: 1;
}

.card__info{
	box-sizing: border-box;
	padding:18px 25px 25px;
}

.ci__text1{
	font-size: 13px;
	margin:0 0 24px;
}

.ci__text2{
	line-height: 1.4;
	color:#3B66D5;
	margin:0 0 35px;
	font-size: 23px;
	font-weight: bold;
	color:#3B66D5;
}

.ci__info{
	display:flex;
}

.ci__info p{
	margin:0;
	margin-right: 10px;
	border-radius: 17px;
	padding:1px 5px;
	border:1px solid #3B66D5;
	color:#3B66D5;
	font-size: 14px;
	font-weight: bold;
}

.mainV{
	width: 100%;
	height: 975px;
/*	margin-top: -145px;*/
	position:relative;
}

.mainV, .mv__slick, .mv__slick .slick-list, .mv__slick .slick-track{
	height: 850px;
}

.mv__slick{
	position:absolute!important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.mv__slick img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mv__slick .slick-dots{
	position:absolute;
	left: 40px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}

.mv__slick .slick-dots li{
	width: 15px;
    height: 15px;
    position: relative;
    margin: 10px 0;
    cursor: pointer;
}

.mv__slick .slick-dots li:before{
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: white;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.mv__slick .slick-dots li:after{
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transition: 0.6s;
    box-sizing: border-box;
    border-radius: 50%;
    /* border: 1px solid white; */
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*.mv__slick .slick-dots li.slick-active:after{
	width: 15px;
	height: 15px;
}
*/

svg.demo{
    margin:0;
    width: 15px;
    display:block;
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    display:none;  
}

.mv__slick .slick-dots li.slick-active svg.demo{
	display:block;
}

circle.demo{
    fill:none;
    stroke:white;
    stroke-width:10px;
    stroke-dasharray: 314;
    animation: demo_kururi linear 5.2s;
}

@keyframes demo_kururi {
    from {
        stroke-dashoffset: 314;
    }
    to {
        stroke-dashoffset: 0;
    }
}





.mv__slick .slick-dots li button{
	display:none;
}

.about__slider .slick-dots{
	position:absolute;
	left: 40px;
	bottom: -25px;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
	display:flex
}

.about__slider .slick-dots li{
	width: 15px;
    height: 15px;
    position: relative;
    margin: 0px 8px;
    cursor: pointer;
}

.about__slider .slick-dots li:before{
	content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #3B66D5;
}

.about__slider .slick-dots li:after{
	 content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    transition: 0.6s;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #3B66D5;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.about__slider .slick-dots li.slick-active:after{
	width: 15px;
	height: 15px;
}

.about__slider .slick-dots li button{
	position:absolute;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width:34px;
    height: 2px;
    background:#DCDBD1;
    left: 120px;
    top:7px;
    transition: 0.4s;
}

.about__slider .slick-dots li.slick-active button{
	background: #3B66D5;
}

.mainV .wrap1{
	position:relative;
	z-index: 3;
}

.home header , .home header.row2 .row2__left a ,
.home .header__right .row1 li a , .home .row2 .row2__left a{
	color:white;
}

.home .header__right .row1 li a span{
	border-color: white;
}

.mainV h2{
	font-size: 70px;
	font-weight: 500;
	color: white;
	margin:0;
	padding-top: 630px;
	line-height: 1.15;
	position: relative;
	z-index:3;
}


.pickup__area{
	padding:35px 0;
	border-bottom:2px solid rgba(147,147,147,0.2);
}

.wrap1.flex{
	padding:0 70px;
	display: flex;
	text-decoration: none;
	transition: 0.4s;
}

.wrap1.flex .pickup__left{
	width: 105px;
}

.wrap1.flex .pickup__right{
	width: calc(100% - 105px);
}

.wrap1.flex .pickup__left h3{
	font-weight: 500;
	font-size: 18px;
	margin: 0;
	color:#3B66D5;
}

.wrap1.flex .pickup__right{
	display:flex;
	text-decoration: none;
	position:relative;
	top: 2px;
	transition: 0.4s;
}

a.wrap1.flex:hover{
	opacity: 0.6;
}

.wrap1.flex .pickup__right .p__date{
	font-size: 13px;
	margin: 0;
	color:#939393;
	width: 100px;
	position:relative;
	top: 3px;
}

.wrap1.flex .pickup__right .p__title{
	width: calc(100% - 100px);
	font-size: 14px;
	margin: 0;
	color:#141A1D;
}


.circle__logo{
	position:absolute;
	right: 20px;
	bottom: -30px;
	width: 230px;
	height: 230px;
	padding:20px;
	box-sizing: border-box;
	transition: 0.4s;
	line-height: 1;
}

.circle__logo img{
	width: 100%;
}

.circle__logo .abo{
	position:absolute;
   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
}

.circle__logo img.circle__text{
	width: 236px;
	animation: loop_animation 20s linear infinite;
}

@keyframes loop_animation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.circle__logo:hover{
	opacity: 0.6;
}

.top__section1{
	padding:150px 0 200px;
	position:relative;
}

.ts1__flex{
	display:flex;
}

.ts1__left{
	width: 54%;
}

.ts1__left img{
	width:100%;
}

.ts1__right{
	width: 46%;
	box-sizing: border-box;
	padding-left: 70px;
}

.sec__title{
	margin: 0 0 30px;
    font-size: 14px;
    font-weight: 500;
    color: #3B66D5;
    position: relative;
    padding-left: 21px;	
}

.sec__title:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.sec__title2{
	margin: 0 0 28px;
	font-size: 38px;
	font-weight: bold;
	line-height: 1.2;
}

.ts1__text1{
	margin: 0 0 45px;
	font-size: 16px;
	font-weight: bold;
}

.arrow__link2.type2{
	width: 200px;
}

.arrow__link2.type3{
	width: 270px;
}

.top__section1 .left{
	position:absolute;
	left: 0;
	top: 50%;
	width: 53%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.top__section1 .left img{
	width: 100%;
}

.ts2__box{
	background: #F5F5F5;
	padding:155px 0;
	border-radius: 50px;
}

.al-center{
	align-items: center;
}

.ts2__flex{
	display:flex;
	justify-content: space-between;
	padding:0 72px;
}

.ts2__flex .sec__title{
	margin-bottom: 0;
}

.sec__title2.fig{
	font-size: 100px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
}

.ts2__text1{
	font-size: 15px;
	margin: 0;
}

.tab__area{
	width: 1140px;
	display:block;
	margin: auto;
	margin:180px auto 0;
	max-width: calc(100% - 80px);
}

.tab__area .loaction__tab a{
	background: rgba(30,44,59,0.1);
}

.tab__area .loaction__tab a.current{
	background: #1E2C3B;
}

.loaction__area2{
	background: white;
	padding:64px 80px 30px;
	width: 100%;
	box-sizing: border-box;
	display: none;
}

.loaction__area2.current{
	display:block;
}

.la__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.loaction__area2 .la__flex a{
	width: 30.65%;
	display:flex;
	align-items: center;
	text-decoration: none;
	color:#141A1D;
	background: #F5F5F5;
	border-radius: 40px;
	box-sizing: border-box;
	padding:10px ;
	transition: 0.4s;
	margin-bottom: 24px;
}

.la__flex a:hover{
	opacity: 0.6;
}

.loaction__area2 ..la__flex{
	margin-top: 10px;
}

.loaction__area2 .la__flex a img{
	width: 60px;
	display: block;
	margin-right:20px;
}

.loaction__area2 .la__flex a p{
	margin:0;
	color:#141A1D;
	font-size: 18px;
	font-weight: bold;
}

.search__area{
	border-top:1px solid #DCDBD1;
	padding:40px 0;
	background: white;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
}

.top__section3{
	margin-top: 20px;
}

.ts3__box{
	background: #F5F5F5;
	padding:155px 0 78px;
	border-radius: 50px;
}


.ts3__flex{
	display:flex;
	justify-content: space-between;
	padding:0 72px;
	margin-bottom: 80px;
}

.ts3__flex .sec__title{
	margin-bottom: 0;
}

.sec__title2.fig{
	font-size: 100px;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
}

.ts3__text1{
	font-size: 15px;
	margin: 0 0 48px;
}

.ts3__flex .ts3__left{
	width: calc(100% - 390px);
	box-sizing: border-box;
	padding-right: 40px;
}

.ts3__flex .ts3__right{
	width: 390px;
	box-sizing: border-box;
}

.ts3__flex .ts3__right ol{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
}

.ts3__flex .ts3__right ol li{
	position:relative;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom:1px solid #DCDBD1;
	padding-left: 57px;
	font-weight: bold;
}

.ts3__flex .ts3__right ol li span{
	font-weight: 500;
	position:absolute;
	left: 0;
	top: 0;
	letter-spacing: 0;
}

.ts3__flex .ts3__right ol li:last-child{
	margin-bottom: 0;
}

.ts3__benefits{
	width: 1300px;
	display:block;
	max-width: calc(100% - 80px);
	margin:0 auto 50px;
	background: white;
	border-radius: 50px;
	padding: 30px 50px;
	box-sizing: border-box;
}

.tsb__flex{
	display:flex;
/*	align-items: center;*/
}

.tsb__flex.reverse{
	flex-direction: row-reverse;
} 

.tsb__left{
	width: 48.5%;
}

.tsb__right{
	width: 51.5%;
	box-sizing: border-box;
	padding-right: 60px;
	padding-left: 50px;
}

.tsb__text4{
	letter-spacing: 0;
}

.reverse .tsb__right{
	padding-left: 60px;
	padding-right: 50px;
}

.tsb__left img{
	width: 100%;
	border-radius: 30px;
}

.tsb__text1{
	margin:40px 0 25px;
	font-size: 20px;
	font-weight: bold;
	color:#3B66D5;
}

.tsb__text1 span{
	font-weight: 500;
}

.tsb__text1 span span{
	display:inline-block;
	margin:0 12px;
}

.tsb__text2{
	font-size: 38px;
	font-weight: 900;
	margin:0 0 38px;
	line-height: 1.2;
}

.tsb__text3{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
}

.top__section4{
	margin-top: 70px;
}

.ts4__box{
	background: #1E2C3B;
	padding:155px 72px 110px;
	border-radius: 50px;
}

.ts4__box .ts2__left{
	color:white;
}

.ts4__box .sec__title{
	color:white;
}

.ts4__box .sec__title:before{
	background: white;
}

.ts4__flex.ts2__flex{
	padding: 0;
}

.ts4__flex2{
	display:flex;
	justify-content: space-between;
	margin-top: 70px;
}

.ts4__flex2 a{
	position:relative;
	width: 33.3%;
	height:665px;
	padding: 0 20px;
	box-sizing: border-box;
	text-decoration: none;
	color:white;
	overflow: hidden;
}

.ts4__flex2 a img{
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s;
	width: 100%;
}

.ts4__flex2 a:hover img{
	transform: scale(1.1);
}

.ts4__flex2 a .co__text1{
	font-size: 28px;
	font-weight: bold;
	margin:0 0 15px;
	position:relative;
	z-index: 2;
	padding-top: 440px;
}


.ts4__flex2 a .co__text2{
	font-size: 15px;
	margin: 0;
	position:relative;
	z-index: 2;
}

.sustainability__area.top__ver{
	padding: 0;
	margin-bottom: 0;
	margin-top:50px;
}

.slider-2.top__ver .slick-track{
  display: flex;
  align-items: center;
}

.slider-2.top__ver .slick-track div{
	padding:0 20px;
}

.slider-2.top__ver{
	margin-top: 140px;
}

.top__section5{
	background: #EEF4F5;
	padding:300px 0 150px;
	margin-top: -230px;
}

.left__space{
	width: 90vw;
	display:block;
	margin-left: auto;
}

.ts2__flex.ts5__flex{
	padding-left: 0;
	padding-right: 70px;
}

.ts5__flex2{
	position:relative;
	padding-left:230px;
	margin-top: 20px;
}

.ts5__flex2 .ts5__right{
	position: relative;
	width: auto;
	padding-bottom: 60px;
}

.news__flex{
	display: flex;
	flex-wrap: nowrap;
	justify-content: unset;		
}

.page__right .news__flex{
	flex-wrap: wrap;
	justify-content: inherit;
}

.ts5__flex2 .ts5__right a{
	min-width: 330px;
	width: 330px;
	display: block;
	color:#141A1D;
	text-decoration: none;
	margin-right: 30px;
	transition: 0.4s;
}

.page__right .news__flex a{
	width:32%;
	display: block;
	color:#141A1D;
	text-decoration: none;
	transition: 0.4s;
	margin-bottom: 42px;
}

.ts5__flex2 .ts5__right a:hover{
	opacity: 0.6;
}

/*.ts5__flex2 .ts5__right a:last-child{
	margin-right: 0;
}*/

.ts5__flex2 .ts5__right a img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 5px;
}

.thm__box3{
	line-height: 1;
	height: 180px;
}

.ts5__flex2 .ts5__right a .noimage , .news .page__right .news__flex a .noimage{
	width: 100%;
	height: 180px;
	background: #F5F5F5;
	border-radius: 5px;
	position:relative;
}

.pf__col1 .noimage{
	width: 100%;
	height: 200px;
	background: #F5F5F5;
	border-radius: 5px;
	position:relative;	
}

.page__right .page__ver .news__flex a .noimage{
	width: 100%;
	height: 221px;
	background: #EEF4F5;
	border-radius: 5px;
	position:relative;	
}

.lh1{
	line-height: 1;
	height: 180px;
}

.ts5__flex2 .ts5__right a .noimage .mask , .news .page__right .news__flex a img.mask , .tax__all .product__flex1 .pf__col1 img.mask ,
.page__right .page__ver .news__flex a .noimage img.mask{
	position:absolute;
	width: 52%;
	height: auto;
	left: 50%;
	top: 50%;

/*	line-height: 1;*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
    border-radius: 0!important;
    object-fit: inherit!important;
}



.ts5__flex2 .ts5__right a .noimage p , .news__flex .noimage p , .product__flex1 .pf__col1 .noimage p{
	margin: 0;
	text-align: center;
	font-size: 18px;
	height: auto!important;
	color:#888;
	position:absolute;
	left: 50%;
	top: 50%;
	line-height: 1;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
    z-index: 5;
}

.news .page__right .news__flex a img{
	line-height: 1;
}


.ts5__flex2 .ts5__right a .news__info{
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.tax__all .product__flex1 .pf__col1 img{

}

.ts5__flex2 .ts5__right a .news__info .news__date{
	font-size:14px;
	margin: 0;
	color:#888;
}

.ts5__flex2 .ts5__right a .news__info .news__category{
	border:1px solid #3B66D5;
	color:#3B66D5;
	font-size: 13px;
	border-radius:14px;
	padding: 1px 10px;
	margin:0;
}

.ts5__flex2 .ts5__right a .news__title{
	font-size: 16px;
	margin:16px 0 0;
}

/* simplebar用 */
.simplebar-track {
    background: #E5E5E5;
    border-radius: 10px;
    width:calc(100% - 120px);
    padding:0;
}

.rel__area .simplebar-track{
	width:calc(100% - 60px);
}

.simplebar-track .simplebar-scrollbar.simplebar-visible::before{
  opacity:1;　/* デフォルトだと薄くなっています。*/
}

.simplebar-track .simplebar-scrollbar::before{
	border-radius: 15px;
  background: #1E2C3B;　/* ここでバーの色を設定 */
}

.ts5__left{
	position:absolute;
	left: 0;
	top:0;
	box-sizing: border-box;
	padding-left:10px;
}

.ts5__left .category__area{
	list-style: none;
	margin: 0;
	padding: 0;
}

.ts5__left .category__area li{
	display:block;
	margin-bottom: 12px;
}

.ts5__left .category__area li a{
	border:1px solid #3B66D5;
	color:#3B66D5;
	text-decoration: none;
	transition: 0.4s;
	padding:3px 10px;
	font-size: 13px;
	border-radius:15px;
}

.ts5__left .category__area li a:hover{
	color:white;
	background:#3B66D5;
}

.news .page__left{
	width: 120px;
}

.news .page__right{
	width: calc(100% - 120px);
}

.news .page__right .news__flex a:hover{
	opacity: 0.6;
}

.news .page__right .news__flex a:last-child{
	margin-right: 0;
}

.news .page__right .news__flex a img{
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 5px;
}

.news .page__right .news__flex a .news__info{
	display:flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.news .page__right .news__flex a .news__info .news__date{
	font-size:14px;
	margin: 0;
	color:#888;
}

.news .page__right .news__flex a .news__info .news__category{
	border:1px solid #3B66D5;
	color:#3B66D5;
	font-size: 13px;
	border-radius:14px;
	padding: 1px 10px;
	margin:0;
}

.news .page__right .news__flex a .news__title{
	font-size: 16px;
	margin:16px 0 0;
}

.page__right .news__flex a:nth-child(1) ,
.page__right .news__flex a:nth-child(4) ,
.page__right .news__flex a:nth-child(7) ,
.page__right .news__flex a:nth-child(10) ,
.page__right .news__flex a:nth-child(13) ,
.page__right .news__flex a:nth-child(16){
	margin-right:1.3%;
}

.page__right .news__flex a:nth-child(2) ,
.page__right .news__flex a:nth-child(5) ,
.page__right .news__flex a:nth-child(8) ,
.page__right .news__flex a:nth-child(11) ,
.page__right .news__flex a:nth-child(14) ,
.page__right .news__flex a:nth-child(17){
	margin-right:0.65%;
	margin-left:0.65%;
}

.page__right .news__flex a:nth-child(3) ,
.page__right .news__flex a:nth-child(6) ,
.page__right .news__flex a:nth-child(9) ,
.page__right .news__flex a:nth-child(12) ,
.page__right .news__flex a:nth-child(15) ,
.page__right .news__flex a:nth-child(18){
	margin-left:1.3%;
}

.page__right.news{
	padding-top:40px ;
}

.page__left ul.category__type li{
	display:block;
	border: 0;
	margin-bottom: 12px;
}

.page__left ul.category__type li a{
	display:inline-block;
	font-size: 13px;
	color:#3B66D5;
	border:1px solid #3B66D5;
	padding: 2px 10px;
	border-radius:15px;
	transition: .4s;
}

.page__left ul.category__type li a:hover{
	opacity: 1;
	background:#3B66D5;
	color:white;	
}

.page__left ul.category__type li a:after{
	display:none;
}

.pagenavi__area{
	background: #1E2C3B;
	padding: 100px 0;
	width: 100%;
}

.page__area.news{
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius:0 ;
	padding-bottom: 160px;
}

.single__title{
	font-size: 38px;
	line-height: 1.4;
	margin:20px 0 15px;
}

.single__info{
	display:flex;
	align-items: center;
	position:relative;
	z-index: 3;
}

.single__info .single__date p{
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color:#888;
	margin-right: 40px;
}

.single__category{
	display:flex;
}

.single__category a{
	border:1px solid #3B66D5;
	color:#3B66D5;
	text-decoration: none;
	transition: 0.4s;
	padding:3px 10px;
	font-size: 13px;
	border-radius:15px;
	display:block;
	margin-right: 13px;
	transition: 0.4s;
}

.single__category a:hover{
	background:#3B66D5;
	color:white;
}

.single__thm{
	position:relative;
	left: -45px;
	margin-top: -40px;
	width: calc(100% + 90px);
}

.single__thm:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 108px;
	background-image: url('img/clip1.png');
	background-size: cover;
	background-position: top;
	z-index: 2;
}

.single__thm:after{
	content: '';
	position:absolute;
	left: 0;
	bottom: 7px;
	width: 100%;
	height: 106px;
	background-image: url('img/clip2.png');
	background-size: cover;
	background-position: bottom;
	z-index: 2;
}


.single__thm img{
	width: 100%;
	height: 610px;
	object-fit: cover;
	position:relative;
	z-index: 1;
}

.single__content p{
	font-size: 18px;
	margin:16px 0;
	display:block;
}

.single__content h2{
  background: linear-gradient(transparent 60%, #EEF4F5 0%);
  display: inline;
  font-size: 38px;
  margin:0 0 38px;
  line-height: 1.5;
}

.single__content img{
	margin: 35px 0;
	max-width: 100%;
}

.single__content a{
	color:#3B66D5;
	transition: 0.4s;
}

.single__content a:hover{
	opacity: 0.6;
}

.single__content a[target="_blank"]{
	display: inline-block;
	padding-right: 22px;
	position:relative;
}

.single__content a[target="_blank"]:after{
	content: '';
	position: absolute;
	right:1px;
	bottom: 6px;
	width: 13px;
	height: 17px;
	background-image: url('img/link2.png');
	background-size: cover;

}

.single__content .box1{
	background: #F5F5F5;
	padding:28px 40px;
	box-sizing: border-box;
	width: 100%;
	margin: 38px 0;
}

.single__content .box2{
	margin: 26px 0;
	padding:26px 0;
	border-top:2px solid rgba(220,219,209,0.5);
	border-bottom:2px solid rgba(220,219,209,0.5);
}

.single__content h3{
	font-size: 30px;
	font-weight: bold;
	margin:65px 0 38px ;
}

.singlebottom__area{
	display:flex;
	justify-content: space-between;
	margin-top: 100px;
}

.singlebottom__area .next__link{
	width: 39%;
	position:relative;
}

.singlebottom__area .next__link a:before{
	content: '';
	position:absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 30px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	background:#1E2C3B;
	pointer-events: none;
	z-index: 2;
	transition: 0.4s;
}


.singlebottom__area .all__link{
	width: 16%;
}

.singlebottom__area .all__link a{
	display:block;
	width: 100%;
	height: 130px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
	padding:42px 0;
	color: white;
	box-sizing: border-box;
	border-radius:8px;
	background: #1E2C3B;
}

.singlebottom__area .all__link a:hover{
	opacity: 0.6;
}

.singlebottom__area .all__link a span{
	display:block;
	font-size: 12px;
}


.singlebottom__area a{
	transition: 0.4s;
	color: white;
	box-sizing: border-box;
	border-radius:8px;
	background: #1E2C3B;
	height: 130px;
	text-decoration: none;
	display:block;
	width: 100%;
}

.singlebottom__area .next a{
	position:relative;
	padding:60px 35px 30px;
	padding-right: 110px;
	font-size: 14px;
	line-height: 1.5;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;	
}

.singlebottom__area .next:before{
	content: '次の記事';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	position:absolute;
	left: 35px;
	top: 28px;
	font-size: 16px;
	z-index: 3;
	color:white;
	pointer-events: none;
}

.singlebottom__area .next a:after{
	content: '';
	position:absolute;
	right:20px;
	top: 50%;
	width: 60px;
	height:60px;
	background-image:url('img/next.png');
	background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
    transition: 0.4s;
}

.singlebottom__area .next a:hover:after{
	right: 14px;
}

.singlebottom__area .prev a{
	position:relative;
	padding:60px 35px 30px;
	padding-left: 110px;
	font-size: 14px;
	line-height: 1.5;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;	
}

.singlebottom__area .prev:before{
	content: '前の記事';
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	position:absolute;
	left: 110px;
	top: 28px;
	font-size: 16px;
	z-index: 3;
	color:white;
	pointer-events: none;
}

.singlebottom__area .prev a:after{
	content: '';
	position:absolute;
	left:20px;
	top: 50%;
	width: 60px;
	height:60px;
	background-image:url('img/prev.png');
	background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: 0.4s;
}

.singlebottom__area .prev a:hover:after{
	left: 14px;
}

.clip__mainV{
	position: relative;
	width: calc(100% + 90px);
	left: -45px;
	margin-top: -25px;
}

.clip__mainV img{
	width: 100%;
}

.page__area .page__title{
	position:relative;
	z-index: 3;
}

.company__area{
	margin-top: 80px;
}

.company__area .company__flex{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.company__area .company__flex .cf__col{
	width: 31.4%;
	margin-bottom: 60px;
}

.company__area .company__flex .cf__col:nth-child(2) ,
.company__area .company__flex .cf__col:nth-child(5){
	transition-delay: 0.3s;
}

.company__area .company__flex .cf__col:nth-child(3) ,
.company__area .company__flex .cf__col:nth-child(6){
	transition-delay: 0.5s;
}

.company__area .company__flex .cf__col img{
	width: 100%;
}

.company__flex .cf__col .cf__text1{
	font-size: 14px;
	color:#3B66D5;
	margin:14px 0 2px;
}

.company__flex .cf__col .cf__text2{
	font-size: 20px;
	margin:0 0 4px;
}

.company__flex .cf__col .cf__text3{
	font-size: 16px;
	margin:0 0 10px;
	line-height: 1.6;
}

.company__flex .cf__col a{
	display:block;
	width: 100%;
	position:relative;
	border:1px solid #DCDBD1;
	text-align: center;
	text-decoration: none;
	color:black;
	font-size: 15px;
	font-weight: bold;
	transition: 0.4s;
	padding: 6px 0;
	border-radius: 6px;
}

.company__flex .cf__col a:after{
	content: '';
	position:absolute;
	right: 15px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width:19px;
	height: 13px;
	transition: 0.4s;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.company__flex .cf__col a:hover{
	background:#3B66D5 ;
	color:white;
	border-color: #3B66D5;
}

.company__flex .cf__col a:hover:after{
	background-image: url('img/arrow6.png');
}

.page__area.company{
	padding-bottom: 80px;
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.sustainability__mainV img{
	width: 1238px;
	max-width: 100%;
	display:block;
	margin:40px auto 0;
}

.company__flex.type2 a.cf__col{
	text-decoration: none;
}

.company__flex.type2 .cf__col .cf__text2{
	font-size: 18px;
	position:relative;
	margin: 0;
	letter-spacing: 0;
	box-sizing: border-box;
	padding-right: 30px;
}

.company__flex.type2 .cf__col .cf__text2:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 19px;
	height: 13px;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.company__area .company__flex.type2 .cf__col{
	margin-bottom: 45px;
}

.company__flex.type2 .cf__col .cf__text1{
	margin:7px 0 0;
	line-height: 1.4;
}

.company__area .company__flex.type2 .hidden{
	line-height: 1;
	overflow: hidden;
	border-radius: 10px;
}

.company__area .company__flex.type2 .hidden img{
	transition: 0.4s;
}

.company__area .company__flex.type2 .cf__col:hover .hidden img{
	transform: scale(1.1);
}

.page__area.company.sustainability{
	padding-bottom: 110px;
}

.page__404.page__area .page__title{
	color:black;
	font-size: 100px;
	padding-left: 0;
	line-height: 1.4;
}

.page__404.page__area .page__title:before{
	display:none;
}

.page__404.page__area .page__title span{
	font-size: 14px;
	display:inline-block;
	margin-left:28px;
	color:#3B66D5;
}

.page__404.page__area .page__en{
	font-size: 40px;
	margin:0 0 50px;
	line-height: 1.4;
}

.page__404.page__area .page__en a{
	color:black;
	border-bottom:2px solid #3B66D5;
	text-decoration: none;
	transition: .4s;
}

.page__404.page__area p.page__text1{
	font-size: 20px;
}

.page__404.page__area p.page__text1 a{
	color:black;
	border-bottom:2px solid #3B66D5;
	text-decoration: none;
	transition: .4s;	
}

.page__404.page__area .page__en a:hover{
	opacity: 0.6;
}

.page__404.page__area p.page__text1 a:hover{
	opacity: 0.6;
}

.privacy h3.mt0{
	margin-top: 0!important;
}


.quality.page__right p.bg__plus{
	color:white;
	box-sizing: border-box;
	padding:4px 20px;
	background:#1E2C3B;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0;

}

.quality__area{
	background:#F5F5F5;
	box-sizing: border-box;
	padding:55px 40px;
	width: 100%;
	margin-top: 55px;
}

.quality__area .quality__flex{
	display:flex;
	margin-bottom: 48px;
	padding-bottom: 48px;
	border-bottom: 2px solid #DBDBDB;
}

.quality__area .quality__flex:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.qf__left{
	width: 50%;
}

.qf__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 30px;
}

.qf__right img{
	width:100%;
}

.qf__left .qf__text1{
	font-size: 20px;
	font-weight: bold;
	margin:0 0 18px;
}

.qf__left .qf__text2{
	font-size: 16px;
	margin: 0;
}

.qf__left .qf__text2.type2{
	margin-top:15px;
}

.page__area.quality{
	padding-bottom: 250px;
}

.service .page__en.type2{
	font-size: 64px;
	line-height: 1.4;
	font-weight: bold;
	margin:0 0 15px;
}

.page__right h3.border__title{
	background: linear-gradient(transparent 60%, #EEF4F5 0%);
    display: inline;
    font-size: 38px;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    line-height: 1.5;
}

.page__right h3.border__title:before{
	display:none;
}

.page__right h3.border__title:after{
	display:none;
}

.service__main{
	display:block;
	width: 100%;
	margin: 50px 0 40px;
}

.service p.bold{
	font-size: 18px;
	font-weight: bold;
	margin:0 0 50px;
}

.page__right.service{
	padding-left:118px;
	box-sizing: border-box;
}

.page__content{
	max-width: 100%;
}

.si__flex{
	display:flex;
	margin-bottom: 23px;
}

.si__flex .si__left{
	width: 200px;
}

.si__flex .si__left img{
	width: 159px;
	max-width: 100%;
}

.si__flex .si__right{
	width: calc(100% - 180px);
}

.si__flex .si__right.rel{
	position:relative;
	box-sizing: border-box;
	padding-right: 200px;
}

.si__flex .si__right ul{
	margin:4px 0 0;
	padding: 0;
	list-style: none;
}

.si__flex .si__right ul li{
	font-size: 15px;
	line-height: 1.9;
	font-weight: 500;
	color:#251E1C;
	position:relative;
	padding-left: 12px;
}

.si__flex .si__right ul li:before{
	content: '';
	position:absolute;
	left: 0;
	top:12px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background:#251E1C;
}

.si__flex .si__right.rel .logo1{
	width: 101px;
	position:absolute;
	right:78px;
	top: -8px;
}

.si__flex .si__right.rel .logo2{
	width: 68px;
	position:absolute;
	right:0;
	top:-8px;
}

.section__image{
	width: calc(100% + 45px);
	display:block;
	margin-top: -40px;
}

.service__info{
	margin-bottom: 175px;
}

.rel__area{
	width: calc(100% + 45px);
	box-sizing: border-box;
	background: #F5F5F5;
	padding:40px 50px 47px;
	padding-right: 0;
	margin-top: 48px;
}

.arrow__link3{
	width: 162px;
	box-sizing: border-box;
	display:block;
	text-decoration: none;
	position:relative;
	font-size: 16px;
	font-weight: bold;
	color:black;
	transition: 0.4s;
}

.arrow__link3:hover{
	opacity: 0.6;
}

.arrow__link3:after{
	content: '';
	position:absolute;
	right: 0px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 33px;
	height: 33px;
	background-image: url('img/arrow.png');
	background-size: cover;
	transition: 0.4s;
}

.ra__flex{
	display:flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 45px);
	margin-bottom: 35px;
	padding-bottom: 13px;
	border-bottom:2px solid white;
}

.ra__flex h3{
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.page__right .page__ver .news__flex{
	display:flex;
	flex-wrap: nowrap;
    justify-content: unset;
    padding-bottom: 53px;
}

.page__right .page__ver .news__flex a{
	display:block;
	min-width: 335px;
	margin-right: 40px;
	margin-bottom: 0!important;
	transition: 0.4s;
}

.page__right .page__ver .news__flex a:hover{
	opacity: 0.6;
}

.page__right .page__ver .news__flex a:last-child{
	margin-right: 0;
}

.page__right .page__ver .news__flex a img{
	width: 100%;
	height: 221px;
	object-fit: cover;
	border-radius: 5px;
}

.page__right .page__ver .news__flex a .rel__text1{
	font-size: 18px;
	font-weight: bold;
	margin:10px 0 12px;
}

.page__right .page__ver .news__flex a .rel__text2{
	font-size: 15px;
	margin: 0;
	 overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;	
}

h3.service__sec__title{
	padding: 20px 50px;
	display:inline-flex;
	justify-content: center;
	align-items: center;
	margin:135px 0 0;
	color: white;
	background:#1E2C3B;
	border-radius: 10px;
	font-size: 28px;
	font-weight: bold;
	position:relative;
	z-index: 2;
}


h3.service__sec__title span{
	position:relative;
	font-size: 16px;
	padding-left:38px;
	display:inline-block;
	top: 3px;
}

h3.service__sec__title span:before{
	content: '';
	position:absolute;
	left: 19px;
	top: 50%;
	width: 1px;
	height: 23px;
	background: white;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

h4.service__sec1{
	font-size: 30px;
	letter-spacing: 0;
	line-height: 1.6;
	font-weight: bold;
	margin:30px 0 24px;
}

p.service__sec2{
	font-size: 18px;
	margin: 0;
}

.service__award{
	display:flex;
	align-items: start;
	margin-top: 40px;
}

.service__award .sa__text1{
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	width: 93px;
}

.service__award .sa__text1 p{
	margin:2px 0 0;
}

.service__award .sa__text2{
	display:flex;
	flex-wrap: wrap;
	width: calc(100% - 93px);
}

.service__award .sa__text2 p{
	font-size: 16px;
	font-weight: bold;
	border:1px solid #DCDBD1;
	border-radius: 8px;
	padding:5px 17px;
	margin:0 0 20px;
	margin-right: 20px;	
}

.page__area.service{
	margin-bottom: 0;
	padding-bottom: 170px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.page__right.product{
	padding-left:60px;
}


.product__flex1{
	display:flex;
	flex-wrap: wrap;
}

.product__flex1 .pf__col1{
	width: 32%;
	display:block;
	margin-bottom: 60px;
}

.product__flex1 .pf__col1:nth-child(1) ,
.product__flex1 .pf__col1:nth-child(4) ,
.product__flex1 .pf__col1:nth-child(7){
	margin-right: 1.3%;
} 

.product__flex1 .pf__col1:nth-child(2) ,
.product__flex1 .pf__col1:nth-child(5) ,
.product__flex1 .pf__col1:nth-child(8){
	margin-right: 0.65%;
	margin-left: 0.65%;
} 

.product__flex1 .pf__col1:nth-child(3) ,
.product__flex1 .pf__col1:nth-child(6) ,
.product__flex1 .pf__col1:nth-child(9){
	margin-left: 1.3%;
} 

.product__flex1 .pf__col1 img{
	width: 100%;
/*	height: 310px;*/
	object-fit: cover;
	border-radius: 5px;
}

.product__flex1.height1 .pf__col1 img{
	height: 310px;
}

.product__flex1.height2 .pf__col1 img{
	height: 170px;
}

.product__flex1 .pf__col1 h4{
	font-size: 22px;
	margin:14px 0 8px;
	display:flex;
	align-items: center;
}

.tax .product__flex1 .pf__col1 h4{
	display:block;
}

.product__flex1 .pf__col1 h4 span{
	font-size: 12px;
	display:block;
	position: relative;
	top: 2px;
	margin-right: 12px;
}

.page__right .arrow__link4{
    display: block;
    width: 100%;
    position: relative;
    border: 1px solid #DCDBD1;
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 15px;
    font-weight: bold;
    transition: 0.4s;
    line-height: 1.6;
    padding: 7px 40px;
    box-sizing: border-box;
    border-radius: 6px;	
}

.page__right .arrow__link4:after{
	content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 19px;
    height: 13px;
    transition: 0.4s;
    background-image: url(img/arrow3.png);
    background-size: cover;
}

.page__right .arrow__link4:hover{
	background:#3B66D5;
	opacity: 1;
	color:white;
}

.page__right .arrow__link4:hover:after{
	background-image: url(img/arrow6.png);
}

.product__flex1 .pf__col1 p{
	font-size: 15px;
	height: 108px;
	margin-bottom: 25px;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; 
}

.product__flex2{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pf__col2{
	width: 48.7%;
	display:flex;
	margin-bottom: 35px;
}

.pf__col2 .pf2__left{
	width: 140px;
}

.pf__col2 .pf2__left img{
	width: 100%;
}

.pf__col2 .pf2__right{
	width: calc(100% - 140px);
	box-sizing: border-box;
	padding-left:20px;
}

.w100 .pf__col2 .pf2__right{
	width: 100%!important;
	padding-left: 0!important;
}

.pf__col2 .pf2__right h4{
	margin:0 0 10px;
	font-size: 22px;
	line-height: 1.65;
	font-weight: bold;
}

.pf__col2 .pf2__right p{
	font-size: 15px;
	margin:0 0 8px;
	letter-spacing: 0;
	line-height: 1.7;
}

.product a.arrow__link5{
	display:block;
	width: 105px;
	position:relative;
	margin-left: auto;
	color:black;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
}

.product a.arrow__link5:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 19px;
	height: 13px;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.product .category__area{
	display:flex;
	margin-bottom: 12px;
	margin: 0 0 18px;
	padding: 0;
}

.product .category__area li{
	border:1px solid #3B66D5;
	color:#3B66D5;
	display:block;
	text-decoration: none;
	transition: 0.4s;
	padding:3px 10px;
	margin-right: 7px;
	font-size: 13px;
	border-radius:15px;
}

.product__flex1.type2 .pf__col1 p{
	margin-bottom: 18px;
}

.page__area.product{
	padding-bottom: 190px;
}

.page__en.type2{
	margin: 0;
}

.product p.mt__plus{
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
}

.tax__flex{
	display:flex;
	margin-top: 50px;
}

.tax__flex .tf__left{
	width: 54.4%;
}

.tax__flex .tf__right{
	width: 45.6%;
	box-sizing: border-box;
	padding-left: 43px;
}

.tax__flex .tf__left img{
	width: 100%;
	height:337px;
	object-fit: cover;
	border-radius: 20px;
}

.product .category__area{
	flex-wrap: wrap;
	align-items: start;
}

.product .category__area li{
	margin-bottom: 10px;
}

.tax__flex .tf__right p{
	font-size: 18px;
	font-weight: bold;
	margin: 18px 0 30px;
}

.page__right.product.tax{
	padding-left: 110px;
}

.page__right.product.tax.tax__all{
	padding-left: 55px;
}

.tax__all .product__flex1 .pf__col1 img{
	height: 200px;
	object-fit: cover;
}

.thm__box{
	height: 200px;
	line-height: 1;
}

.thm__box2{
	height: 221px;
	line-height: 1;
}

.product h3.mt__plus{
	margin-top: 120px;
}

.event__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
}

.event__flex .ef__col{
	width: 47.8%;
	margin-bottom: 80px;
}

.event__flex .ef__col h4{
	box-sizing: border-box;
	margin:0;
	font-size: 16px;
	font-weight: bold;
	color:white;
	background:#1E2C3B;
	border-radius: 3px;
	padding:6px 20px;
}

.event__flex .ef__col .container{
	margin-top: 30px;
}

.event__flex .container .thumbnail ,
.event__flex .container .thumbnail-ver2 ,
.event__flex .container .thumbnail-ver3{
	margin-top: 10px;
}

.event__flex .container .thumbnail .slick-track ,
.event__flex .container .thumbnail-ver2 .slick-track ,
.event__flex .container .thumbnail-ver3 .slick-track{
	margin-left: 0;
}

.event .event__flex .ef__col p{
	font-size: 18px;
	margin:25px 0 0;
}

.event__area2{
	margin-top: 55px;
}

.event__area2 .ef__col2{
	display:flex;
	margin-bottom: 45px;
}

.event__area2 .ef__col2 .ef2__left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
}

.event__area2 .ef__col2 .ef2__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 20px;	
}

.event__area2 .ef__col2 .ef2__left img{
	width: 100%;
}

.event__area2 .ef__col2 .ef2__right h4{
	margin:8px 0 16px;
	font-size: 22px;
	font-weight: bold;
}

.event .event__area2 .ef__col2 .ef2__right p{
	margin: 0;
	font-size: 18px;
	line-height: 1.6;
}

.event h3.mt__plus{
	margin-top: 120px;
}

.benefits__flex{
	display:flex;
	margin-top: 55px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.benefits__flex .benefits__col{
	width: 48%;
	background: #F5F5F5;
	border-radius: 10px;
	box-sizing: border-box;
	padding:20px 40px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.benefits__flex .benefits__col h4{
	font-size: 20px;
	position:relative;
	letter-spacing: 0;
	margin:0 0 10px;
}

.benefits__flex .benefits__col h4:before{
	content: '';
	position:absolute;
	left: -17px;
	top: 15px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background:#3B66D5;
}

.benefits__flex .benefits__col p{
	margin: 0;
	font-size: 16px;
	color:#6E6E6E;
}

.page__area.event{
	padding-bottom:130px;
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.interview__flex{
	display:flex;
	text-decoration: none;
	transition: 0.4s;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 30px;
}

.interview__flex:hover{
	opacity: 0.6;
}

.interview__flex.reverse{
	flex-direction: row-reverse;
} 

.if__left{
	width: calc(100% - 303px);
	background:#3B66D5;
	box-sizing: border-box;
	padding:23px 30px;
}

.if__right{
	width: 303px;
	line-height: 1;
}

.if__right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.page__right .if__left .ifl__text1{
	font-size: 15px;
	font-weight: bold;
	margin:0 0 43px;
	color:white;
}

.page__right .if__left .ifl__text2{
	font-size: 34px;
	color:#3B66D5;
	margin: 0;
	line-height: 1.2;
	letter-spacing: 0;
}

.page__right .if__left .ifl__text2 span{
	background: white;
	display:inline-block;
	padding:0 5px;
	padding-bottom: 1px!important;
	margin-bottom: 8px;
}

.page__right .if__left .ifl__text3{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin:55px 0 0;
	color:white;
}

.page__right.interview{
	padding-left: 120px;
}

.interview__flex2{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 95px;
}

.interview__flex2 .if__col2{
	width: 46.2%;
	border-radius: 8px;
	overflow: hidden;
	display:block;
	transition: 0.4s;
	text-decoration: none;
	margin-bottom: 68px;
}

.interview__flex2 .if__col2:nth-child(even){
	transition-delay: .3s;
}

.interview__flex2 .if__col2 a{
	display:block;
	text-decoration: none;
	color:#3B66D5;
}

.interview__flex2 .if__col2:hover{
	opacity: 0.6;
}

.interview__flex2 .if__col2 .ifc__info{
	width: 100%;
	background: #F5F5F5;
	box-sizing: border-box;
	padding:24px 30px;
	margin-top: -8px;
}

.interview__flex2 .if__col2 img{
	width:100%;
	line-height: 1;
}

.page__right.interview p.ifc__text1{
	font-size: 14px;
	margin:0 0 18px;
}

.page__right.interview h3.ifc__text2{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	margin:0 0 30px;
}

.page__right.interview .if__category{
	display:flex;
	align-items: start;
	flex-wrap: wrap;
}

.page__right.interview .if__category .ifc1{
	font-size: 15px;
	margin: 0;
	font-weight: bold;
	letter-spacing: 0;
	border: 1px solid #3B66D5;
	color:#3B66D5;
	border-radius: 18px;
	margin-right:8px;
	margin-bottom: 5px;
	padding:3px 15px;
}

.page__right.interview .if__category .ifc2{
	font-size: 15px;
	margin: 0;
	border: 1px solid #888;
	color:#888;
	border-radius: 18px;
	padding:3px 15px;
}

.page__right.interview p.ifc__text3{
	margin:16px 0 0;
	font-size: 15px;
	color:#888;
}

.slider-2.interview__slider{
	width: calc(100% + 90px);
	position:relative;
	left: -45px;
	margin-top: 80px;
}

.slider-2.interview__slider .slick-track{
	display:flex;
	align-items: center;
}

.slider-2.interview__slider .slick-track .slick-slide{
	margin:0 10px;
}

.page__area.staff{
	margin-bottom: 0;
	padding-bottom: 140px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.news__flex.interview__ver a{
	display:block;
	max-width: 360px;
	min-width: 360px;
	text-decoration: none;
	border-radius: 8px;
	overflow: hidden;
	margin-right: 30px;
	transition: 0.4s;
}

.news__flex.interview__ver a:hover{
	opacity: 0.6;
}


.news__flex.interview__ver a .ifc__info{
	width: 100%;
	background: #F5F5F5;
	box-sizing: border-box;
	padding:24px 22px;
	margin-top: -8px;
}

.news__flex.interview__ver a img{
	width:100%;
	line-height: 1;
}

.news__flex.interview__ver a p.ifc__text1{
	font-size: 13px;
	margin:0 0 18px;
	color:#3B66D5;
}

.news__flex.interview__ver a p.ifc__text2{
	font-size: 20px;
	font-weight: bold;
/*	height: 100px;*/
	line-height: 1.5;
	margin:0 0 30px;
	color:#3B66D5;
}

.news__flex.interview__ver a .if__category{
	display:flex;
	align-items: start;
	flex-wrap: wrap;

}

.news__flex.interview__ver a .if__category .ifc1{
	font-size: 14px;
	margin: 0;
	font-weight: bold;
	border: 1px solid #3B66D5;
	color:#3B66D5;
	border-radius: 17px;
	margin-right:8px;
	padding:3px 15px;
	margin-bottom: 5px;
}

.news__flex.interview__ver a .if__category .ifc2{
	font-size: 14px;
	margin: 0;
	border: 1px solid #888;
	color:#888;
	border-radius: 17px;
	padding:3px 15px;
}

.news__flex.interview__ver a p.ifc__text3{
	margin:8px 0 0;
	font-size: 15px;
	color:#888;
}

.card__area{
	margin-top: 70px;
}

.card__area .scroll-area{
	padding-bottom: 75px;
}

.st__textplus1{
	font-size: 22px;
	font-weight: bold;
	margin:44px 0 0;
}

.st__textplus2{
	font-size: 16px;
	margin:10px 0 0;
}

.rel__area .ra__flex h3{
	padding-bottom: 0;
}

.rel__area .ra__flex h3:before{
	display:none;
}

.rel__area .ra__flex h3:after{
	display:none;
}

.body.scroll-none{
	overflow: hidden;
}

.pr__categoryarea{
	position:relative;
	padding:0 80px;
	box-sizing: border-box;
	width: 100%;
	margin-top: 100px;
	display:flex;
	align-items: stretch;
}

.pr__categoryarea .prc__left{
	width:50%;
	position:relative;
	display:block;
	box-sizing: border-box;
	padding-right: 20px;
}

.prc__right{
	position:relative;
	width: 50%;
	display:block;
	box-sizing: border-box;
	padding-left: 60px;
	box-sizing: border-box;
	padding-bottom: 0px;
	height: 100%;	
}

.prc__right img.position1{
	position:absolute;
	right: 0;
	top: -65px;
	width: 88.5%;
	height: auto;
	transition: 0.4s;
	opacity: 0;
	z-index: 2;
	visibility: hidden;
	border-radius:10px;
}

.prc__right img.position2{
	position:absolute;
	left: 20px;
	top: 65%;
	width: 58%;
	height: auto;
	transition: 0.4s;
	opacity: 0;
	z-index: 3;
	visibility: hidden;
	border-radius:10px;
}


.prc__right img.current{
	visibility: inherit;
	opacity: 1;
}


.pr__categoryarea .prc__left a{
	transition: 0.4s;
	display:block;
	padding:28px 0;
	text-decoration: none;
	color:#141A1D;
	border-top: 1px solid #DCDBD1;
	position:relative;
}

.pr__categoryarea .prc__left a:before{
	content: '';
	position:absolute;
	left: -80px;
	top: 0;
	width: 0;
	height: 100%;
	background:#3B66D5;
	transition: 0.8s;
}

.pr__categoryarea .prc__left a:hover:before{
	width: calc(200% + 200px);
}

.pr__categoryarea .prc__left a:last-child{
	border-bottom: 1px solid #DCDBD1;
}

.visible__area{
	display:flex;
	align-items: center;
	position:relative;
	z-index: 2;
}

.visible__area .va__text1{
	font-size: 12px;
	margin: 0;
	width: 50px;
	color:#3B66D5;
	transition: 0.4s;
	position: relative;
	top: 2px;
}

.pr__categoryarea .prc__left a:hover .va__text1 ,
.pr__categoryarea .prc__left a:hover .va__text2 ,
.pr__categoryarea .prc__left a:hover .va__text3{
	color: white;
}

.visible__area .va__text2{
	font-size: 26px;
	margin: 0;
	width: calc(100% - 270px);
	transition: 0.4s;
}


.visible__area .va__text3{
	text-align: right;
	width: 220px;
	font-size: 14px;
	margin:0;
	color:#3B66D5;
	transition: 0.4s;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.pr__categoryarea .prc__left a:hover .hidden__area{
	height: 70px;
	padding-top: 30px;
	color:white;
	visibility: inherit;
	opacity: 1;
}

.hidden__area{
/*	max-height: 0;*/
	visibility: hidden;
/*	transition: ;*/
  	transition: 0.5s;
  	height: 0;
  	position:relative;
  	opacity: 0;
	z-index: 2;
	pointer-events: none;
}

.hidden__area.active{
	pointer-events: auto;
}

.hidden__area p{
	margin:0;
	position:relative;
	font-size: 15px;
	box-sizing: border-box;
	padding-right: 80px;
}

.hidden__area p:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 40px;
	height: 40px;
	background-image: url('img/arrow5.png');
	background-size: cover;
}

.search__area{
	padding-left: 80px;
	padding-right: 80px;
	position:relative;
}

.search__area form{
	position:relative;
}

.search__area input , .search__area button , .sp__search input ,
.sp__search button , .search__type1 input , .search__type1 button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

.search__area input{
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 15px;
	letter-spacing: 0.02em;
	line-height: 1.7;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	border:2px solid #DCDBD1;
	padding:15px 25px;
	padding-right: 50px;
}

.search__area button{
	position:absolute;
	width: 18px;
	height: 18px;
	right: 40px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}


.search__area button img{
	width: 100%;
}

.search__type1{
	width: 490px;
	position:relative;
	margin-top: 40px;
}

.search__type1.small{
	max-width: 100%;
	margin-top: 30px;
}

.search__type1 input{
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 15px;
	letter-spacing: 0.02em;
	line-height: 1.7;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	border:2px solid #DCDBD1;
	padding:15px 25px;
	padding-right: 50px;
}

.search__type1.small input{
	padding-left: 15px;
}

.search__type1 button{
	position:absolute;
	width: 18px;
	height: 18px;
	right: 20px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.search__type1 button img{
	width: 100%;
}

.search__type1 input::placeholder{
	color:#888;
}



.slider-1 .slick-dots{
	list-style: none;
	padding:0;
	margin:35px 0 0;
	display:flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}

.slider-1 .slick-dots li{
	width: 15px;
	height: 15px;
	position:relative;
	margin:0 15px;
	cursor: pointer;
}

.slider-1 .slick-dots li:before{
	content:'';
	position:absolute;
	left: 50%;
	top: 50%;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: white;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
}

.slider-1 .slick-dots li:after{
	content:'';
	position:absolute;
	left: 50%;
	top: 50%;
	width: 0;
	height: 0;
	transition: 0.6s;
	box-sizing: border-box;
	border-radius: 50%;
	border:1px solid white;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
}

.slider-1 .slick-dots li.slick-active:after{
	width: 15px;
	height: 15px;
}

.slider-1 .slick-dots li button{
	display:none;
}

.fs4__flex h4 a{
	transition: .4s;
	color:white;
	text-decoration: none;
}

.fs4__flex h4 a:hover{
	opacity: 0.6;
}

.sp__search{
	position:relative;
	margin-top: 50px;
	width: 300px;
}

.sp__search input{
	font-family: "Zen Kaku Gothic New", serif;
	font-size: 14px;
	letter-spacing: 0.02em;
	line-height: 1.7;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	border:2px solid white;
	color:white;
	padding:15px 15px;
	padding-right: 50px;
}

.sp__search input::placeholder{
	color:white;
}

.sp__search button{
	position:absolute;
	width: 20px;
	height: 20px;
	right: 20px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.sp__search button img{
	width: 100%;
}

.nav__area a.circle__logo.page-ver{
	position:absolute;
	top: 5px;
	right: 25px;
	width: 230px;
    height: 230px;
    padding: 20px;
	z-index: 10;
}

.nav__area a.cl__logo img{
	width: 100%;
}

.nav__area a.circle__logo.page-ver:before{
	display:none;
}

.vision p.vision__text1{
	font-size: 24px;
	margin:0 0 80px;
	font-weight: bold;
}

.vision h3.vision__ver{
	font-size: 28px;
	margin:0;
	color:#3861CA;
}

.vision h3.vision__ver:before{
	display:none;
}

.vision h3.vision__ver:after{
	display:none;
}

.privacy ol.ver2.mt__half.border li:last-child{
	border-bottom: 2px solid #F5F5F5;
}

.privacy ol.ver2.mt__half.border{
	margin-bottom: 70px;
}

/*.privacy.policy ol.ver2.mt__half.border{
	margin-bottom: 120px;
}*/

div.sustainability p.right.mt{
	margin-top: 10px;
}

.sec__position{
	position:relative;
	top: -70px;
	display:inline-block;
}

.sec__position2{
	position:absolute;
	left: 0;
	top: -160px;
	display:block;	
}

.ph__flex{
	display:flex;
	justify-content: space-between;
}

.phf__col{
	width: 31.6%;
	box-sizing: border-box;
	margin-bottom: 30px;
}

.ph__flex .phf__col:nth-child(2){
	transition-delay: 0.3s;
}

.ph__flex .phf__col:nth-child(3){
	transition-delay: 0.5s;
}

.phf__col img{
	width: 100%;
}

.phf__col .phf__text1{
	font-size: 17px;
	font-weight: bold;
	margin:15px 0;
	letter-spacing: 0;
	line-height: 1.7;
}

.phf__col .phf__text2{
	font-size: 16px;
	margin: 0;
	letter-spacing: 0;
	line-height: 1.7;
}

.page__right h3.border__title.size2{
	font-size: 30px;
}

.vision p.vision__text2{
	font-size: 18px;
	margin:25px 0 0;
	letter-spacing: 0;
}

.philosophy__ver{
	margin:0 0 160px;
	padding: 0;
	list-style: none;
}

.philosophy__ver li{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom: 34px;
	margin-bottom: 34px;
	border-bottom: 1px solid #DCDBD1;
}

.philosophy__ver li p{
	font-size: 18px;
	font-weight: bold;
	color:#3B66D5;
	line-height: 1.4;
	margin:0 0 10px;
}

.philosophy__ver li p span{
	font-weight: 500;
	font-size: 38px;
	display:inline-block;
	margin-right:12px;
}

.privacy ol.border__ver{
	margin-bottom: 160px;
}

.privacy ol.border__ver li{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 28px;
	padding-bottom: 28px;
	border-bottom: 2px solid #F5F5F5;
}

.privacy ol.border__ver li:before{
	font-size: 18px;
}

.philosophy p.spirit1{
	font-size: 20px;
	font-weight: bold;
	margin:48px 0 12px;
	color:#3B66D5;
}

.philosophy p.spirit2{
	font-size: 18px;
	margin: 0;
}

.philosophy p.spirit2.last{
	margin-bottom: 160px;
}

.privacy h4.ph__ver{
	font-size: 28px;
	font-weight: bold;
	color:#3B66D5;
}

.policy p.policy__text1{
	font-size: 60px;
	color:#3B66D5;
	margin: 0;
	font-weight: bold;
	line-height: 1.4;
}

.policy p.policy__text2{
	font-size: 28px;
	color:#3B66D5;
	font-weight: bold;
	margin: 0 0 55px;
	line-height: 1.4;
}

.policy ol.border__ver li:first-child{
	padding-top: 28px;
	border-top: 2px solid #F5F5F5;
}

.policy ol.border__ver li:first-child:before{
	top: 30px;
}

.phrase__area{
	background: #F5F5F5;
	width: 100%;
	box-sizing: border-box;
	padding:40px 42px;
}

.phrase__col{
	padding:33px 0;
	border-top:2px solid #DBDBDB;
	cursor: pointer;
}

.phrase__area .phrase__col:last-child{
	border-bottom:2px solid #DBDBDB;
}

.phrase__col .phrase__title{
	font-size: 20px;
	font-weight: bold;
	position:relative;
}

.phrase__col .phrase__title:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 20px;
	height: 13px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('img/arrow4.png');
	background-size: cover;
	transition: .4s;
}

.phrase__col.pe-none{
	cursor:inherit;
}

.phrase__col.pe-none .phrase__title:after{
	display:none;
}

.phrase__col .phrase__title.open:after{
	transform: rotate(180deg);
}

.phrase__col .phrase__title span{
	display:inline-block;
	font-size: 16px;
	font-weight: bold;
	color:#3B66D5;
	margin-right: 50px;
}

.phrase__col .phrase__hidden.close{
	visibility: hidden;
	padding:0px 40px;
	max-height: 0;
	margin-top: 0;
}

.phrase__col .phrase__hidden{
	width: 100%;max-height:1000px;
	padding:30px 40px;
	margin-top: 34px;
	box-sizing: border-box;
	background:#EBEBEB;
	transition: 500ms max-height ease;
	visibility: inherit;
}



.phrase__col .phrase__hidden ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

.phrase__col .phrase__hidden ol li{
	position:relative;
	padding-left: 47px;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
	margin-bottom: 18px;
}

.phrase__col .phrase__hidden ol li:before{
	content: '';
	position:absolute;
	left: 0;
	top: 2px;
	font-family: "Figtree", serif;
	font-weight: 500;
	font-size: 16px;
	color:black;
}

.phrase__col .phrase__hidden ol li:nth-child(1):before{
	content: '01';
}

.phrase__col .phrase__hidden ol li:nth-child(2):before{
	content: '02';
}

.phrase__col .phrase__hidden ol li:nth-child(3):before{
	content: '03';
}

.phrase__col .phrase__hidden ol li:nth-child(4):before{
	content: '04';
}

.phrase__col .phrase__hidden ol li:nth-child(5):before{
	content: '05';
}

.phrase__col .phrase__hidden ol li:nth-child(6):before{
	content: '06';
}

.phrase__col .phrase__hidden ol li:nth-child(7):before{
	content: '07';
}

.phrase__col .phrase__hidden ol li:nth-child(8):before{
	content: '08';
}

.phrase__col .phrase__hidden ol li:nth-child(9):before{
	content: '09';
}

.phrase__col .phrase__hidden ol li:nth-child(10):before{
	content: '10';
}

.phrase__col .phrase__hidden ol li:last-child{
	margin-bottom: 0;
}

.mt170{
	margin-top: 170px;
}

.sustainability .environment p.policy__text3{
	font-size: 22px;
	font-weight: bold;
}

.sustainability .environment p.policy__text4{
	font-size: 20px;
	font-weight: bold;
}

.policy__flex{
	display:flex;
}

.policy__flex .pf__left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 12px;
}

.policy__flex .pf__left img{
	width: 100%;
}

.policy__flex .pf__right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 15px;
}

.policy__flex .pf__right p{
	margin: 0;
}

.privacy a.right__link{
	position:absolute;
	display:inline-flex;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	right: 0;
	top: 10px;
	color:black;
	padding-right: 0;
}

.privacy a.right__link:after{
	display: none;
}

.privacy a.right__link img{
	width: 33px;
	display:block;
	margin-left: 13px;
}

.rel{
	position:relative;
}

.row2 .row2__right a.header__contact:after{
	content:'';
	position:absolute;
	right:12px;
	top: 50%;
	width: 24px;
	height: 19px;
	background-image: url('img/dot.png');
	background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.row2 .row2__right a:hover{
	opacity: 0.6;
}


.popup6 , .popup7{
  display: none;
  height: 100vh;
  width: 100%;
  background:rgba(0,0,0,0.25);
/*  opacity:0;*/
/*  transition: 0.4s;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
 
}

.popup1 , .popup2 , .popup3 , .popup4 , .popup5{
/*  display: none;*/
  height: 100vh;
  width: 100%;
  background:rgba(0,0,0,0.25);
  opacity:0;
  transition: 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}


.popup1.open-nav , .popup2.open-nav , .popup3.open-nav , .popup4.open-nav , .popup5.open-nav{
	display:block;
	opacity: 1;
	pointer-events: auto;
	z-index: 20;
}

.outside{
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  cursor: pointer;

}

.content{
  line-height: 1.7;
  position: fixed;
  z-index: 99999;
  top: 150px;
  left: 50%;
  width:1300px;
  box-sizing: border-box;
  padding:70px 70px 52px;
  margin:0;  
  max-width: 92%;
  max-height: 90vh;
  overflow-y: scroll;
  border-radius: 15px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  display:block;
  background: white;
   pointer-events: auto;  
}

.content.pb2{
	padding-bottom: 70px;
}

.popup7 .content{
	top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);	
}

.cl__text1{
	font-size: 14px;
    font-weight: 500;
    color: #3B66D5;
    position: relative;
    padding-left: 21px;
    margin: 0;
}

#ma__close{
	position:absolute;
	right: 20px;
	top: 20px;
	width: 48px;
	transition: 0.4s;
	cursor: pointer;
	padding: 0;
}

#ma__close:after{
	display:none;
}

#ma__close:hover{
	opacity: 0.6;
}

#ma__close img{
	width: 100%;
}

div.sustainability p.mandara1{
	font-size: 50px;
	font-weight: bold;
	margin:0 0 24px;
	text-align: center;
	color:#3B66D5;
}

.mandara2{
	width: 890px;
	display:block;
	margin:0 auto 35px;
	max-width: 100%;
}

div.sustainability p.mandara3{
	width: 780px;
	max-width: 100%;
	display:block;
	margin:0 auto;
	font-size: 18px;
}

.cl__text1:before{
	content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.sps__title{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin:0 0 20px;
}

.sps__category{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding:0;
	list-style: none;
}

.sps__category li a{
	border:1px solid #3B66D5;
	color:#3B66D5;
	display:inline-block;
	padding:3px 15px;
	font-size: 15px;
	text-decoration: none;
	border-radius: 25px;
	margin:0 8px 10px;
	transition: 0.4s;
}

.sps__category li a:hover{
	color: white;
	background:#3B66D5;
}

.sp__searcharea .search__type1.cl__type{
	margin-bottom: 45px;
}

.content.sp__searcharea{
	overflow-y: hidden;
	padding-top: 70px;
	padding-bottom: 70px;
}

#search__close{
	display:block;
	position:absolute;
	width: 40px;
	height: 20px;
	right: 20px;
	top: 35px;
	cursor: pointer;
	transition: 0.4s;
}

#search__close:hover{
	opacity: 0.6;
}

#search__close:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 2px;
	background: #3B66D5;
	transform: rotate(30deg);
}

#search__close:after{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 2px;
	background: #3B66D5;
	transform: rotate(150deg);
}


.cl__text2{
	font-size: 34px;
	font-weight: bold;
	margin:5px 0 40px;
	line-height: 1.4;
}

.cl__list{
	list-style: none;
	padding: 0;
	margin: 0;
}

.cl__list li{
	border-top: 1px solid #DCDBD1;
	transition: 0.4s;
}

.cl__list li:last-child{
	border-bottom: 1px solid #DCDBD1;
}

.cl__list li a{
	font-size: 15px;
    font-weight: bold;
    display: block;
    color: black;
    position: relative;
    padding: 17px 0;
    padding-left: 10px;
    padding-right: 15px;
    text-decoration: none;
    transition: 0.4s;
}

.cl__list li a span{
	font-size: 12px;
	position:relative;
	top: -11px;
	left: -2px;
	color:#3B66D5;
	font-weight: 500;
	transition: 0.4s;
}

.cl__list li a:hover span{
	color:white;
}

.cl__list li:hover{
	border-color:#3B66D5;
}

.cl__list li a:hover{
	background:#3B66D5;
	color:white;
}

.content__flex{
	display:flex;
}

.content__left{
	width: 30%;
	box-sizing: border-box;
	padding-right: 55px;
}

.content__right{
	width: 70%;
}

.search__type1.cl__type{
	margin: 20px 0 30px;
	width: 100%;
}

.cr__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.cr__flex a{
	width: 23%;
	display:block;
	color:black;
	text-decoration: none;
	font-weight: bold;
	transition: 0.4s;
	margin-bottom: 20px;
	line-height: 1.4;
}

.cr__flex.type2 a{
	width: 31.5%;
}

.cr__flex a:hover{
	opacity: 0.6;
}

/*252 158*/
.cr__flex a img{
	display:block;
	margin-bottom: 6px;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 10px;
	aspect-ratio:16/10;
}

.content__left .search__type1 input{
	padding:10px 20px;
}

.content__left .arrow__link2{
	margin-top: 40px;
}

.pagenavi__area{
	text-align: right;
}

.pagenavi__area .wp-pagenavi{
	display:flex;
	align-items: center;
	justify-content: right;
}

.pagenavi__area span.pages{
	border: 0;
	margin:0;
	margin-right: 50px;
	padding: 0;
	color:white;
	font-size: 16px;
	font-weight: 500;
	font-family: "Figtree", serif;
}

.pagenavi__area .nextpostslink{
	position:relative;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	box-sizing: border-box;
	border-radius: 50%;
	display:block;
	border:0!important;
	color:#1E2C3B;
	transition: 0.4s;
}

.pagenavi__area .nextpostslink:after{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	background-image: url('img/next2.png');
	background-size: cover;
}

.pagenavi__area .previouspostslink{
	position:relative;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border-radius: 50%;
	display:block;
	border:0!important;
	color:#1E2C3B;
	transition: 0.4s;
}

.pagenavi__area .previouspostslink:after{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	background-image: url('img/prev2.png');
	background-size: cover;
}

.pagenavi__area .nextpostslink:hover{
	opacity: 0.6;
}

.pagenavi__area .previouspostslink:hover{
	opacity: 0.6;
}

.page__left ul.category__type li a.current{
	background:#3B66D5;
	color: white;
	pointer-events: none;
}

.privacy p.search__result{
	font-size: 26px;
	margin-bottom: 50px;
}

.sustainability__banner{
	position:relative;
}

.sustainability__banner:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background-image: url('img/sus-line.png');
	background-size: cover;
}

.spb{
	width:100%;
}

.sustainability .environment p.m__text1{
	margin:42px 0 45px;
	font-size: 26px;
	line-height: 1.5;
	font-weight: bold;
}

.page__right .message__flex .mf__left .fig.type2{
	font-size: 44px;
	letter-spacing: 0;
	white-space: nowrap;
}

.page__right .message__flex .mf__left p.m__text2{
	font-size: 20px;
}

.page__right .message__flex .mf__left p.m__text2 span{
	font-weight: bold;
}

.page__right .message__flex{
	margin-bottom: 30px;
}

.sustainability .sdgs p.m__text3{
	font-size: 20px;
	margin-bottom: 70px;
	line-height: 1.6;
}

.right__area{
	margin-bottom: 180px;
}

.privacy a.blue{
	color:#3B66D5;
	font-size: 20px;
}

.privacy a.blue:after{
	width: 15px;
	height: 19px;
	background-image: url(img/link2.png);
}

.philosophy__img{
	display:block;
	width: 485px;
	margin:0 auto 40px;
}

.new__type{
	display:flex;
	align-items: center;
}

.sustainability .sdgs p.bp__text2{
	font-size: 38px;
	color:#3962CD;
	margin: 0;
	margin-right: 10px;
	
}

.sustainability .sdgs p.bp__text1{
	font-size: 18px;
	margin: 0;
	color:#3962CD;
	font-weight: bold;
	position:relative;
	top: 3px;
}

.sustainability .environment p.big.margin{
	margin: 0 0 25px;
}

.philosophy__area{
	background: inherit;
	padding:0 0 30px;
	border-bottom: 1px solid #DCDBD1;
	margin-bottom: 45px;
}

.privacy p.q__text1{
	font-size: 18px;
}

.privacy p.q__text1 .bold{
	font-weight: bold;
}

.privacy p.q__text1 .sizeup{
	font-size: 26px;
	font-weight: bold;
	display:block;
	margin-bottom: 40px;
}

.privacy p.q__text2{
	font-size: 22px!important;
	line-height: 1.7;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

.en__flex{
	display: flex;
}

.enf__left{
	width: calc(100% - 230px);
	box-sizing: border-box;
}

.sustainability .sdgs p.enf__text1{
	margin:0 0 25px;
	font-size: 20px;
	font-weight: bold;
}

.sustainability .sdgs p.enf__text2{
	font-size: 18px;
	margin: 0;
}

.sustainability .sdgs p.enf__text3{
	font-size: 14px;
	margin:18px 0 0;
}

.enf__right{
	width:230px;
	box-sizing: border-box;
	padding-left:25px;
}


.enf__right img{
	display:block;
	max-width: 100%;
	margin-left: auto;
}

.enf__right img.emviroment1{
	width: 196px;
}

.enf__right img.emviroment3{
	width: 179px;
}

.enf__right img.emviroment4{
	width: 178px;
}

.enf__right img.emviroment5{
	width: 196px;
}

.enf__right img.emviroment7{
	width: 189px;
}

.enf__right img.emviroment8{
	width: 222px;
}

.award__flex.type2 .award__col{
	background: inherit;
	border:1px solid #DCDBD1;
	position:relative;
	padding-bottom:45px;
	padding-right: 25px;
}

.privacy .award__flex.type2 .award__col a.right__link img{
	width: 19px;
	margin-left: 9px;
}

.privacy .award__flex.type2 .award__col a.right__link{
	bottom: 16px;
	right: 25px;
	font-size: 15px;
	top: inherit;
	align-items: center;
}

.enf__right img.social1{
	width: 198px;
}

.enf__right img.social2{
	width: 192px;
}

.sustainability .environment p.mt15{
	margin-top: 15px;
}

.award__flex.type2.pb .award__col{
	padding-bottom: 25px;
}

.award__flex.type2.pb{
	margin-top: 50px;
}

.sustainability .sdgs p.enf__text1 span{
	display:block;
	font-size: 15px;
}

.privacy .policy__ver a:after{
	display:none;
}

.privacy .policy__ver a.arrow__link2{
	font-size: 15px;
	color:black;
	font-weight: bold;
}

.privacy .policy__ver a.arrow__link2{
	display: inline-flex;
	align-items: center;
	width: auto;
	padding:9px 20px;
}

.privacy .policy__ver a.arrow__link2 img{
	width: 40px;
	display:block;
	margin-left: 15px;
}

.privacy .policy__ver a.arrow__link2:hover{
	opacity: 1;
	color:white;
}

.event__flex .ef__col:nth-child(even) ,
.benefits__flex .benefits__col:nth-child(even) ,
.award__flex .award__col:nth-child(even){
	transition-delay: 0.3s;
}

.event__area2 .ef__col2 .ef2__right.w100{
	padding: 0;
	width: 100%;
}

.sustainability .sdgs p.size2.blue{
	color: #3B66D5;
}

.privacy ol.ver2.size2.jp.bg{
	background:#F5F5F5;
	box-sizing: border-box;
	padding:37px;
}

.privacy ol.ver2.size2.jp.bg li{
	padding-left: 240px;
	padding-top: 44px;
}

.privacy ol.ver2.bg li span{
	position:absolute;
	margin: 0;
	left: 0;
	top: 48px;
	letter-spacing: 0;
}

.privacy ol.ver2.jp.bg li:before{
	top: 0!important;
}

.privacy ol.ver2.size2.jp.bg li:first-child{
	border-top: 0;
}

.privacy ol.ver2.bg li{
	border-color:#DBDBDB;
}

.award__flex.white .award__col{
	background: inherit;
	border:1px solid #DCDBD1;
}

.award__flex.white .award__col p{
	font-size: 18px;
	line-height: 1.6;
}

.sustainability .sdgs .white p.ac__text1:before{
	top: 13px;
}

.cer__flex{
	display:flex;
}

.cer__left{
	width:calc(100% - 168px);
	box-sizing: border-box;
	padding-right: 40px;
}

.cer__left p span{
	display:block;
	font-size: 20px;
	margin-bottom: 20px;

}

.cer__right{
	width: 168px;

}

.cer__right img{
	width: 100%;
}

.privacy p.mb__plus{
	margin-bottom: 50px;
}

.privacy p.q__text2.mb__plus{
	margin-bottom: 18px;
}

.award__flex.white .award__col{
	transition-delay: 0.1s;
}

.page__right.w100{
	width: 100%;
	margin: 0;
	padding: 0;
}

div.sustainability p.pa__size2{
	font-size: 26px!important;
	font-weight: bold;
	line-height: 1.55;
	margin:0 0 30px;
}

div.sustainability p span.bold{
	font-weight: bold;
}

div.sustainability p.pa__size3{
	font-size: 20px!important;
	font-weight: bold;
	line-height: 1.55;
	margin:0 0 40px;
}

.partner__flex{
	display:flex;
	justify-content: space-evenly;
	margin-top: 50px;
}

.partner__flex .pf__col{
	width: 28%;
	border-radius: 20px;
	box-sizing: border-box;
	border: 1px solid #DCDBD1;
	padding:40px 20px;
	text-align: center;

}

.partner__flex .pf__col .pfc__1{
	margin: 0 0 22px;
	font-size: 18px;
	height: 52px;
	color: #6E6E6E;
	line-height: 1.45;
}

.partner__flex .pf__col .pfc__2{
	font-size: 26px;
	font-weight: bold;
	color:#3B66D5;
	line-height: 1.4;
}

.partner__flex .pf__col:nth-child(2){
	transition-delay: 0.3s;
}

.partner__flex .pf__col:nth-child(3){
	transition-delay: 0.5s;
}

.sustainability .partner p{
	font-size: 18px;
}

.privacy ol.ver2.partner__ol li{
	font-size: 20px;
	font-weight: bold;
}

.privacy ol.ver2.partner__ol li:before{
	top: 4px;	
}

.sustainability .history p{
	font-size: 18px;
}

.pdf__flex{
	display:flex;
	align-items: center;
	border:1px solid #DCDBD1;
	box-sizing: border-box;
	width: 100%;
	border-radius: 10px;
	padding:28px 50px;
	margin:50px 0 22px;
}

.pdf__flex.last{
	margin-top: 0;
}

.pdf__flex .pdf__left{
	width: calc(100% - 220px);
	box-sizing: border-box;
	padding-right:40px;
}

.pdf__flex .pdf__right{
	width: 220px;
}

.pdf__flex .pdf__left .pdf__title{
	font-size: 22px;
	color:#3B66D5;
	margin:0 0 16px;
	font-weight: bold;
}

.pdf__flex .pdf__left .pdf__title span{
	position:relative;
	display: inline-block;
    width: 40px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    color: white;
    background: #3B66D5;
    border-radius: 8px;
    transition: 0.4s;	
    margin-left:17px;
    top: -2px;
}

.pdf__flex .pdf__left a{
	font-size: 15px;
	color:black;
	margin-top: 25px;
	text-decoration: none;
	padding-right: 35px;
}

.pdf__flex .pdf__left a:before{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	width: 19px;
	height: 13px;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.pdf__flex .pdf__left a:after{
	display:none;
}

.pdf__flex .pdf__right img{
	display:block;
	margin-left: auto;
	max-width: 100%;
}

.pdf__flex .pdf__right img.pdf1{
	width: 210px;
}

.pdf__flex .pdf__right img.pdf2{
	width: 210px;
}

.op__flex{
	display:flex;
	margin-bottom: 50px;
}

.op__flex .op__left{
	width:calc(100% - 255px);
	box-sizing: border-box;
	padding-right: 50px;
}

.op__flex .op__right{
	width: 255px;

}

.op__flex .op__right img{
	max-width: 100%;
	display:block;
	margin:0 auto;
}

.op__flex .op__left .opl__1{
	font-size: 28px;
	margin:0 0 4px;
	color:#3B66D5;
	font-weight: bold;
}

.op__flex .op__left .opl__2{
	font-size: 18px;
	margin: 0;
}

.share__container{
	margin-top:45px;
}

.sns-link{
	display:block;
	width: 170px;
	max-width: 100%;
	box-sizing: border-box;
	border:1px solid #DCDBD1;
	color:#888;
	text-decoration: none;
	font-size: 15px;
	font-weight:bold;
	position:relative;
	border-radius: 5px;
	padding:10px 20px;
	margin-bottom: 13px;
	cursor: pointer;
	transition: 0.4s;
}

.sns-link:hover{
	opacity: 0.6;
}

/*.share__container button{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:block;
	width: 170px;
	max-width: 100%;
	box-sizing: border-box;
	border:1px solid #DCDBD1;
	color:#888;
	text-decoration: none;
	font-size: 15px;
	font-weight:bold;
	position:relative;
	border-radius: 5px;
	padding:10px 20px;
	text-align: left;
	cursor: pointer;
	margin-bottom: 13px;	
}
*/

.fb .sns-link:after{
	content: '';
	position:absolute;
	right: 18px;
	top: 50%;
	width: 21px;
	height: 21px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('img/facebook.png');
	background-size: cover;
}

.x .sns-link:after{
	content: '';
	position:absolute;
	right: 18px;
	top: 50%;
	width: 16px;
	height: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('img/x.png');
	background-size: cover;
}

.line .sns-link:after{
	content: '';
	position:absolute;
	right: 18px;
	top: 50%;
	width: 22px;
	height: 21px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('img/line.png');
	background-size: cover;
}

.url .sns-link:after{
	content: '';
	position:absolute;
	right: 18px;
	top: 50%;
	width: 18px;
	height: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	background-image: url('img/link3.png');
	background-size: cover;
}

.staff__bottom .time-slide{
	margin: 0;
}

.time-slide{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    overflow: hidden;
/*    width: 4500px;*/
    margin-top: 15px;
    margin-bottom: 25px;
}

.time-slide .list{
	display: flex;
	align-items: center;
}

.time-slide.type1{
	width: calc(100% + 90px);
	left: -45px;
	margin-top: 80px;
}

.time-slide .sm-t{
	flex-shrink: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
     -webkit-animation: slide-left 24s linear infinite;
     animation: slide-left 24s linear infinite;
}

.time-slide.type2 .sm-t{
	-webkit-animation: slide-left2 24s linear infinite;
     animation: slide-left2 24s linear infinite;
}

.time-slide.type3 .sm-t{
	-webkit-animation: slide-left3 24s linear infinite;
     animation: slide-left3 24s linear infinite;
}

.time-slide.type4 .sm-t{
	-webkit-animation: slide-left4 20s linear infinite;
     animation: slide-left4 20s linear infinite;
}

.time-slide.type5 .sm-t{
	-webkit-animation: slide-left5 30s linear infinite;
     animation: slide-left5 30s linear infinite;
}

.time-slide.type6 .sm-t{
	-webkit-animation: slide-left6 30s linear infinite;
     animation: slide-left6 30s linear infinite;
}


.time-slide .sm-t div{
	flex-shrink: 0;
}

/*合計4484*/
@keyframes slide-left{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

.top__section4 .time-slide.type5 , .top__section4 .time-slide.type6{
	padding-top: 200px;
}

.time-slide.type5 .sm-t.s-img5 , .time-slide.type6 .sm-t.s-img3 , .time-slide.type6 .sm-t.s-img8{
	position:relative;
	top: -80px;
}

.time-slide .sm-t img{
	width: 100%;
}

.time-slide .sm-t.s-img1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.time-slide .sm-t.s-img2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img6{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}


/*合計3436*/
@keyframes slide-left2{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

/*合計4484*/
@keyframes slide-left3{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

/*合計4484*/
@keyframes slide-left4{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

/*合計5790*/
@keyframes slide-left5{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}

/*合計*/
@keyframes slide-left6{
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}


.time-slide.type5 .sm-t.s-img1{
	width: 475px;
	box-sizing: border-box;
	padding:0 20px;
}

.time-slide.type5 .sm-t.s-img2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img4{
	width: 982px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img5{
	width: 959px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img6{
	width: 801px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img7{
	width: 460px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type5 .sm-t.s-img8{
	width: 619px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.time-slide.type6 .sm-t.s-img2{
	width: 781px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img6{
	width: 781px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide.type6 .sm-t.s-img8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}




.time-slide .sm-t.s-img1-1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.time-slide .sm-t.s-img1-2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-6{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.time-slide .sm-t.s-img1-8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.spr2 a .white{
	display:none;
}

.open .spr2 a .white{
	display:block;
}

.open .spr2 a .blue{
	display:none;
}

.fs2__right .answer{
	display:none;
	padding-left:34px;
	line-height: 1.6;
	position:relative;
}

.fs2__right .open .answer{
	max-height: 600px;
	height: auto;
	opacity: 1;
	visibility: inherit;
	pointer-events: auto;
}

.fs2__right .answer:before{
	content:'A.';
	position:absolute;
	left: 0;
	top: -5px;
    color: #3B66D5;
    font-size: 22px;
    margin-right: 10px;
    font-weight: 600;
}

.fs2__right .answer p{
	margin:0 0 10px;
	font-size: 16px;
}

.fs2__right .answer p:last-child{
	margin-bottom: 15px;
}

div.sustainability p.mt45{
	margin-top: 45px!important;
}

.ps__title{
	font-size: 50px;
	font-weight: bold;
	margin: 0;
}

.ps__title span{
	font-size: 14px;
	display:inline-block;
	color: #3B66D5;
	font-weight: 500;
	margin-left: 20px;
}

.page__right.product.product2{
	padding-left: 120px;
}

.privacy p.ps__text1{
	font-size: 18px;
	font-weight: bold;
	margin:30px 0 50px;
}

.category__product{
	border:1px solid #DCDBD1;
	box-sizing: border-box;
	width: 100%;
	padding:40px;
	display:block;
}

.cp__flex{
	display:flex;
	margin-bottom: 40px;
}

.category__product .cp__flex:last-child{
	margin-bottom: 0;
}

.cp__left{
	width: 175px;
}

.privacy .cp__left p{
	margin:0;
	position:relative;
	font-size: 16px;
	font-weight: bold;
	padding-left: 16px;
}

.privacy .cp__left p:before{
	content: '';
	position:absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #3B66D5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.cp__right{
	width: calc(100% - 175px);
}

.privacy .cp__right a:after{
	display:none;
}

.cp__right ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display:flex;
	flex-wrap: wrap;
}

.cp__right ul li{
	display:block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.cp__right ul li a{
	font-size: 13px;
	color:#3B66D5;
	border-radius: 15px;
	display:block;
	border:1px solid #3B66D5;
	text-decoration: none;
	padding:2px 11px;
}

.product__info{
	display:flex;
	margin-top: 50px;
}

.pi__left{
	width: calc(100% - 227px);
	box-sizing: border-box;
	padding:34px 45px;
	background: #EEF4F5;
}

.product .pi__left h4{
	font-size: 21px;
	font-weight: bold;
	position:relative;
	margin:0 0 15px;
	padding-left: 17px;
}

.product .pi__left h4:before{
	content: '';
	position:absolute;
	left: 0;
	top:8px;
	width: 4px;
	height: 22px;
	background:#3B66D5;
}

.product .pi__left p{
	margin: 0;
}

.pi__right{
	width: 227px;
	min-height: 200px;
}

.pi__right img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product__ex{
	box-sizing: border-box;
	width: 100%;
	background: #F5F5F5;
	padding:45px 40px 10px;
	margin: 55px 0 80px;
}

.product__ex h4{
	background: #1E2C3B;
	color:white;
	border-radius: 3px;
	margin: 0 0 23px;
	padding:2px 20px;
	font-size: 20px;
	font-weight: bold;
}

.product__ex .pe__1{
	font-size: 18px;
	font-weight: bold;
	margin:0 0 50px;
}

.imgex__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.imgex__flex .imgf__col{
	width: 48%;
	margin-bottom:40px;
}

.imgex__flex .imgf__col .imgf__title{
	font-size: 19px;
	font-weight: bold;
	margin:0 0 10px;
	position:relative;
	padding-left: 37px;
}

.imgex__flex .imgf__col .imgf__title:before{
	content: '';
	position:absolute;
	left: 0;
	top: 2px;
	font-family: "Figtree", serif;
	font-size: 18px;
	font-weight: 500;
	color:#3B66D5;
} 

.imgex__flex .imgf__col:nth-child(1) .imgf__title:before{
	content: '01';
} 

.imgex__flex .imgf__col:nth-child(2) .imgf__title:before{
	content: '02';
} 

.imgex__flex .imgf__col:nth-child(3) .imgf__title:before{
	content: '03';
} 

.imgex__flex .imgf__col:nth-child(4) .imgf__title:before{
	content: '04';
} 

.imgex__flex .imgf__col:nth-child(5) .imgf__title:before{
	content: '05';
} 

.imgex__flex .imgf__col:nth-child(6) .imgf__title:before{
	content: '06';
} 

.imgex__flex .imgf__col:nth-child(7) .imgf__title:before{
	content: '07';
} 

.imgex__flex .imgf__col:nth-child(8) .imgf__title:before{
	content: '08';
} 

.imgex__flex .imgf__col:nth-child(9) .imgf__title:before{
	content: '09';
} 

.imgex__flex .imgf__col:nth-child(10) .imgf__title:before{
	content: '10';
} 

.container.product__ver{
	margin-top: 0;
}

.container.product__ver .thumbnail2{
	margin-top: 10px;
}

.container.product__ver .thumbnail2 .slick-track{
	margin: 0;
}

.container.product__ver .thumbnail2 .thumbnail-img{
	margin:0 4px;
}

.privacy p.imgf__text{
	margin:15px 0 0;
	line-height: 1.7;
}

.oa__flow{
	margin:80px 0 0;
}

.oa__row{
	position:relative;
	padding:0 80px 50px;
}

.oa__row .oa__num{
	position:absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background:#3B66D5;
	color:white;
	text-align: center;
	line-height: 50px;
	margin: 0;
	font-size: 18px;
	z-index: 2;
}

.oa__row .oa__1{
	font-size: 24px;
	margin:0 0 10px;
	font-weight: bold;
	color:#3B66D5;
}

.oa__row .oa__2{
	font-size: 18px;
	margin: 0;
}

.oa__row:before{
	content: '';
	position:absolute;
	left: 24px;
	top: 0;
	width:1px;
	height: 100%;
	background:#3B66D5;
}

.oa__row.last:before{
	display:none;
}

.center a.arrow__link{
	width: 498px;
	box-sizing: border-box;
	border:2px solid #3B66D5;
	border-radius: 40px;
	font-weight: 500;
	box-sizing: border-box;
	display:block;
	text-decoration: none;
	color:white;
	background: #3B66D5;
	font-size: 20px;
	line-height: 1.9;
	padding:19px 22px;
	padding-left: 5px;
	display:block;
	margin:0 auto;
	text-align: center;
	position:relative;
	transition: 0.4s;
}



.center a.arrow__link:hover{
/*	border-color:#DCDBD1;*/
	background: white;
	color: black;
	opacity: 1;
}

.center a.arrow__link:after{
	content: '';
	position:absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 19px;
	background-image: url('img/company/arrow2.png');
	background-size: cover;
	transition: 0.4s;
}

.center a.arrow__link:hover:after{
	background-image: url('img/company/arrow1.png');
}

.product__center{
	margin-top: 120px;
	position:relative;
}

.product__center a{
	position:relative;
	z-index: 2;
}

.product__center .slider-4{
	position:absolute;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.page__area.product.p-single{
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.relative__area{
	background: #1E2C3B;
	padding:95px 0 65px;
}

.relative__area h3{
	color:white;
	margin: 0;
	font-size: 36px;
	position:relative;
	padding-bottom: 15px;
}

.relative__area h3:before{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #DCDBD1;
}

.relative__area h3:after{
	content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #3B66D5;
    z-index: 3;
}

.relative__link{
	display:flex;
	flex-wrap: wrap;
	margin-top: 65px;
}

.relative__link a{
	display:flex;
	text-decoration: none;
	width: 23%;
	min-height: 90px;
	transition: 0.4s;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 30px;
}

.relative__link a:nth-child(1) ,
.relative__link a:nth-child(5) ,
.relative__link a:nth-child(9){
	margin-left: 0;
	margin-right: 2%;
}

.relative__link a:nth-child(4) ,
.relative__link a:nth-child(8) ,
.relative__link a:nth-child(12){
	margin-right: 0;
	margin-left: 2%;
}

.relative__link a:hover{
	opacity: 0.7;
}

.relative__link a img{
	width: 90px;

	height: 100%;
	object-fit: cover;
	line-height: 1;
}

.relative__link a div{
	width: calc(100% - 90px);
	box-sizing: border-box;
	background: white;
	padding:15px 18px;
	display:flex;
	align-items: center;
}

.relative__link a div p{
	margin:0 ;
	font-size: 18px;
	color:black;
	font-weight: bold;
	line-height: 1.3;
}

.page__area p.page__text1.mb__plus{
	margin-bottom: 40px;
	position:relative;
	z-index: 2;
}

.page__area.product.pro__page{
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.cookie__area.op0{
	opacity: 0;
	pointer-events: none;
}

.op0-im{
	opacity: 0!important;
	pointer-events: none!important;
}

.cookie__area{
	width: 1400px;
	max-width: calc(100% - 40px);
	box-sizing: border-box;
	position: fixed;
	padding:19px 20px;
	border-radius: 10px;
	background:#3B66D5;
	color:white;
	z-index: 50;
	left: 50%;
	bottom: 25px;
	 transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    opacity: 1;
    pointer-events: auto;
    transition: 0.6s;
}

.cookie__flex{
	display:flex;
	align-items: center;
}

.cookie__left h3{
	position:relative;
	color:white;
	font-size: 16px;
	font-weight:bold;
	margin:0 0 5px;
	line-height: 1.5;
	padding-left: 18px;
}

.cookie__left h3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 13px;
	width: 6px;
	height: 1px;
	background:white;
}

.cookie__left p{
	font-size: 12px;
	margin: 0;
	line-height: 1.5;
	font-weight: 500;
}

.cookie__left p a{
	color:white;
	transition: 0.4s;
}

.cookie__left p a:hover{
	opacity: 0.6;
}

.cookie__left{
	width: calc(100% - 395px);
	padding-right: 40px;
	box-sizing: border-box;
}

.cookie__right{
	width: 395px;
	display:flex;
	justify-content: space-between;
}

.cookie__right a{
	display:block;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	font-size: 12px;
	font-weight: bold;
	transition: 0.4s;
	padding:10px 0;
	cursor: pointer;
}

.cookie__right a:hover{
	opacity: 0.7;
}

.cookie__right a#button1{
	width: 97px;
	text-decoration: none;
	background: white;
	color: black;
}

.cookie__right a#c__button2{
	width: 160px;
	background: white;
	color: black;	
}

.cookie__right a#c__button3{
	width: 128px;
	background: #1E2C3B;
	color: white;	
}

.rand.block1 .ts-2{
	display:none;
}

.rand.block2 .ts-1{
	display:none;
}

.rand.block3 .ts-1{
	display:none;
}

.rand.block3 .ts-2{
	display:none;
}

.rand.block1 .ts-3{
	display:none;
}

.rand.block2 .ts-3{
	display:none;
}

.vision__box{
	background: #F5F5F5;
	padding:46px 42px;
	box-sizing: border-box;
	margin:25px 0 32px;
}

.vision__box img{
	width: 775px;
	max-width: 100%;
	display:block;
	margin:0 auto;
}

.vision__box img.v__img{
	margin-bottom: 40px;	
}

.vb__area{
	border-top:1px solid #DBDBDB;
}

.vision__box .vb__area:last-child{
	border-bottom:1px solid #DBDBDB;
}

.vb__text{
	display:flex;
	align-items: center;
	padding:27px 0;
	cursor: pointer;
	position:relative;
}

.vb__text:after{
	content: '';
    position: absolute;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 20px;
    height: 13px;
    background-image: url(img/arrow4.png);
    background-size: cover;
    transition: 0.4s;	
}

.open.vb__text:after{
	transform: rotate(180deg);
}

.vb__text .vbt1{
	font-size: 30px;
	margin: 0;
	color:#3B66D5;
	width: 275px;
	line-height: 1.5;
}

.vb__text .vbt2{
	width: calc(100% - 275px);
	font-size: 20px;
	font-weight: bold;
	box-sizing: border-box;
	padding-right:45px;
}

.vb__hidden{
	height: 0;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}

.vb__hidden.open{
	opacity: 1;
	visibility: inherit;
	height: 506px;
	padding-bottom: 28px;
}

.mandara__area{
	box-sizing: border-box;
	width: 100%;
	border:1px solid #DCDBD1;
	padding:30px 45px;
	display:flex;
	align-items: center;
	margin-bottom: 65px;
	border-radius: 10px;
}

.mandara__area .ma__left{
	width: calc(100% - 171px);
	box-sizing: border-box;
	padding-right: 20px;
}

.mandara__area .ma__right{
	width: 171px;
}

.mandara__area .ma__right img{
	width: 100%;
}

.mandara__area .ma__left h4{
	margin: 0 0 10px;
	font-size: 22px;
	color:#3B66D5;
	font-weight: bold;
}

.mandara__area .ma__left p{
	margin: 0;
	line-height: 1.6;
}

.privacy .mandara__area .ma__left a:after{
	display:none;
}

.privacy .mandara__area .ma__left a{
	display:inline-flex;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
	color:black;
	text-decoration: none;
	transition: 0.4s;
	margin-top: 14px;
	padding: 0;
	cursor: pointer;
}

.privacy .mandara__area .ma__left a img{
	width: 36px;
	display:block;
	margin-left: 13px;
}

.privacy .mandara__area .ma__left a:hover{
	opacity: 0.6;
}

.tsb__text2{
	font-weight: bold;
	color: #3B66D5;
	line-height: 1.4;
}

.tsb__text2 span{
	display:block;
	position:relative;
	left:-22px;
}

.tsb__text3{
	font-size: 26px;
	font-weight: 900;
	margin:0 0 30px;
	line-height: 1.5;
}

.tsb__text4{
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
}

.rel__product{
	margin-top: 40px;
	position:relative;
	width: 100%;
}

p.relp__title {
	margin:0 0 15px;
}

p.relp__title:before{
	display:none;
}

p.relp__title span{
	display:inline-block;
	background: #3B66D5;
	color:white;
	border-radius: 16px;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	padding:2px 12px;
}

.relp__flex{
	display:flex;
	flex-wrap: wrap;
}

.relp__flex a{
	width: 32%;
	display:block;
	text-decoration: none;
	color:black;
	padding:0;
	margin-bottom:25px;
}

.relp__flex a:after{
	display:none;
}

.relp__flex a:nth-child(1) , .relp__flex a:nth-child(4) , .relp__flex a:nth-child(7){
	margin-right: 1.3%;
}

.relp__flex a:nth-child(2) , .relp__flex a:nth-child(5) ,.relp__flex a:nth-child(8){
	margin-right: 0.65%;
	margin-left: 0.65%;
}

.relp__flex a:nth-child(3) , .relp__flex a:nth-child(6) ,.relp__flex a:nth-child(9){
	margin-left: 1.3%;
}

.relp__flex a img{
	width: 100%;
	height: 162px;
	object-fit: cover;
	border-radius: 8px;
}

.relp__flex a .relp__1{
	font-size: 18px;
	line-height: 1.5;
	margin:10px 0;
	font-weight: bold;
}

.relp__flex a .relp__2{
	font-size: 15px;
	margin: 0;
}

.content .cl__list li a{
	position:relative;
}

.content .cl__list li a:after{
	content: '';
	position:absolute;
	width: 19px;
    height: 13px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-radius: 50%;
    transition: 0.4s;
    background-color: rgba(255,255,255,0)!important;
    background-image: url(img/arrow3.png);
    background-size: cover;
}

.content .cl__list li a:hover:after{
	background-image: url(img/arrow6.png);
}

.fs1__flex .fs1__right p a{
	color: #251E1C;
	transition: 0.4s;
}

.fs1__flex .fs1__right p a:hover{
	opacity: 0.6;
}

.fs1__flex .fs1__right p{
	letter-spacing: 0;
}

.page__right .rel__area .page__ver .news__flex{
	padding-bottom:30px;
}


.fs2__flex .fs2__right .qa__area:first-child{
	display:none;
}

.fs2__flex.al-start{
	align-items: start;
}

.fs2__flex.al-start .fs2__left{
	margin-top: 63px;
}



.mt__type1{
	padding-top: 200px;
}

@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
   align-items: center;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 45s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 8);
}
.scroll-infinity__item>img {
  width: 100%;
}

.scroll-infinity__item.s-img1{
	width: 475px;
	box-sizing: border-box;
	padding:0 20px;
}

.scroll-infinity__item.s-img2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img4{
	width: 982px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img5{
	width: 959px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img6{
	width: 801px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img7{
	width: 460px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity__item.s-img8{
	width: 619px;
	box-sizing: border-box;
	padding:0 20px;	
}


.img__size2 .scroll-infinity__item.s-img1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.img__size2 .scroll-infinity__item.s-img2{
	width: 781px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img6{
	width: 781px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size2 .scroll-infinity__item.s-img8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

 .s-img3 , .s-img5{
	position:relative;
	top: -60px;
}

.img__size3 .scroll-infinity__item.s-img1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.img__size3 .scroll-infinity__item.s-img2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img6{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size3 .scroll-infinity__item.s-img8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.scroll-infinity.width__plus{
	margin-top: 100px;
	position:relative;
	width: calc(100% + 90px);
	left: -45px;
}




.img__size4 .scroll-infinity__item.s-img1{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;
}

.img__size4 .scroll-infinity__item.s-img2{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img3{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img4{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img5{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img6{
	width: 761px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img7{
	width: 433px;
	box-sizing: border-box;
	padding:0 20px;	
}

.img__size4 .scroll-infinity__item.s-img8{
	width: 615px;
	box-sizing: border-box;
	padding:0 20px;	
}

.rel3.scroll-infinity{
	position:relative;
	z-index: 3;
	margin-top: -100px;
}

.ts3__benefits{
	margin-bottom: 300px;
	padding:40px 30px;

}

.ts3__benefits .inview1{
	transition-delay: 0.3s;
}

.inherit.white{
	background: white;
	position:relative;
	z-index: 3;
}

.space{
	background: white;
	width: 100%;
	height:300px;
	position:relative;
	z-index: 5;
}

.ts4__box{
	position:relative;
}

.ts4__box:before{
	content: '';
	position:absolute;
	left: 0;
	top: -300px;
	width: 100%;
	height: 300px;
	background: white;
	z-index: 3;
}

.row2 .row2__left a span{
	font-size: 12px;
	color:#3B66D5;
	position:relative;
	top: -10px;
	font-weight: 500;
}

.company__flex .cf__col .cf__text2.mb20{
	margin-bottom: 20px;
}

.enf__left.width100{
	width: 100%;
	display:block;
}

.showroom__2{
	letter-spacing: 0;
}

.company__area .company__flex .cf__col img{
	border-radius: 13px;
}

/*386 241*/

.ratio{
	height: auto;
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16 / 10;
}

.page__left ul li a span.fig , ul.scroll li a span.fig{
	font-size: 11px;
	font-weight: 500;
	position:relative;
	top: -10px;
	color:#3B66D5;
	transition: 0.4s;
}

ul.scroll li a span.fig{
	color:white!important;
}

.page__left ul li a:hover span.fig{
	color:white;
}

.single__thm.mt0{
	margin-top: -20px!important;
}

.page__area p.page__text1{
	position:relative;
	z-index: 3;
}

.single__thm.mt0:before ,
.single__thm.mt0:after{
	display:block!important;
}

.contact__wrap.wrap1{
	width: 1220px;
}

.contact p.contact__text1{
	margin:95px 0 40px;
	font-size: 18px;
	font-weight: bold;
}

.arrow__link2.c__ver{
	width: 265px;
}

.taisei__contact{
	margin: 100px 0 130px;
	display:flex;
}

.taisei__left{
	width: 240px;
/*	height:100%;*/
}

.taisei__right{
	width: calc(100% - 240px);
	background: #F5F5F5;
	padding:45px 50px;
	display:flex;
	align-items: center;
	box-sizing: border-box;
}

.taisei__left img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.taisei__right .tr__col1{
	width: calc(100% - 265px);
	box-sizing: border-box;
	padding-right: 50px;
}

.contact .taisei__right .tr__col1 h3{
	font-size: 26px;
	margin:0 0 10px;
	color:#141A1D;
	font-weight: bold;
}

.contact .taisei__right .tr__col1 p{
	font-size: 18px;
	color:#141A1D;
	font-weight: 500;
	margin: 0;
	line-height: 1.55;
}

.taisei__right .tr__col2{
	width: 265px;
}

div.sustainability p.contact__text2{
	font-size: 16px;
	font-weight: bold;
	background: #1E2C3B;
	border-radius: 3px;
	color:white;
	box-sizing: border-box;
	margin: 0 0 50px;
	padding:4px 10px;
}

div.sustainability p.contact__text3{
	font-size: 16px;
	margin-bottom: 60px;
}

.form__flex{
	display:flex;
	border-right:1px solid #DCDBD1;
	border-left:1px solid #DCDBD1;
	border-top:1px solid #DCDBD1;
}

.form__flex.last{
	border-bottom:1px solid #DCDBD1;
}

.form__left{
	width: 314px;
	box-sizing: border-box;
	background: #F5F5F5;
	padding:25px;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
}

.form__right{
	width: calc(100% - 314px);
	box-sizing: border-box;
	padding:25px 30px;
	display:flex;
	flex-wrap: wrap;
	align-items: center;
}

div.sustainability .form__left p{
	font-size: 16px;
	margin: 0;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5;
	width: 100%;
}

div.sustainability .form__left p.must{
	width: 35px;
	font-size: 10px;
	line-height: 1.8;
	text-align: center;
	font-weight: bold;
	display:inline-block;
	margin:6px 0 0;
	color:white;
	background:#D70202;
	border-radius: 3px;
}

div.sustainability .form__left p.sub__info{
	font-size: 12px;
	display:inline-block;
	color:#888;
	margin-left: 10px;
	margin-top: 5px;
	width: auto!important;
}

.check .wpcf7-list-item{
	margin: 0;
}

div.sustainability .form__right p{
	font-size: 14px;
	width: 100%;
}

.check .wpcf7-list-item label input{
	margin: 0;
	margin-right: 6px;
	width: 17px;
	height: 17px;
	position:relative;
	top: 3px;
}

div.sustainability .form__right p.fr__1{
	padding-left: 28px;
}

.radio .wpcf7-list-item{
	display:block;
	margin-left: 0;
	margin-bottom: 10px;
}

.radio .wpcf7-list-item label input{
	margin: 0;
	margin-right: 6px;
	width: 17px;
	height: 17px;
	position:relative;
	top: 3px;
	color:#DCDBD1;
}

div.sustainability .form__left p span.fig{
	font-size: 12px;
	font-weight: 500;
	color:#3B66D5;
	display: inline-block;
	margin-right:18px;
	font-family: "Figtree", serif;
	position:relative;
	top: -1px;
}

div.sustainability .form__left p a{
	color:black;
	font-size: 16px;
	font-weight: bold;
	padding-right: 0;
}

div.sustainability .form__left p a:after{
	display:none;
}

.product2 .wpcf7-checkbox{
	display:flex;
	flex-wrap: wrap;
}

/*.text2 .form__left{
	display:block;
	padding-top: 60px;
} */

.check2 .form__left{
	display:block;
	padding-top: 40px;
} 

.product2 .wpcf7-checkbox .wpcf7-list-item{
	display:block;
	width: 33.33%;
	margin-bottom: 5px;
}

.form__flex.product2{
	border-top: 0;
}

.form__flex.product2 .form__left ,
.form__flex.product2 .form__right{
	padding-top: 20px;
	padding-bottom: 20px;
	display:block;
}

div.sustainability .form__left p span.fl__sub{
	font-size: 12px;
	color:#888;
	display: inline-block;
	margin-left:8px;
	position:relative;
	top: -1px;
}

.text input , .text2 textarea{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

.text input{
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.04em;
	border:2px solid #EDEDED;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	padding:10px;
	border-radius: 3px;
}


.text2 textarea{
	width: 100%;
	height: 150px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.04em;
	border:2px solid #EDEDED;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	padding:11px 10px;
	resize: none;
	border-radius: 3px;
}


div.sustainability .form__left p.must.type2{
	background: #888;
}

.radio2.radio .wpcf7-list-item{
	display:inline-block;
	margin-bottom: 0;
	margin-right: 30px;
}

.check2 .wpcf7-checkbox{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.check2 .wpcf7-checkbox .wpcf7-list-item{
	width: 50%;
	display:block;
	margin: 0;
	margin-bottom: 5px;
	font-size: 15px;
	letter-spacing: 0;
}

.check2.check3 .wpcf7-checkbox .wpcf7-list-item{
	width: 25%;
}

.check2.check3 .wpcf7-checkbox{
	justify-content: inherit;
}

.check2 .wpcf7-checkbox .wpcf7-list-item input{
	margin: 0;
    margin-right: 6px;
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
}


.contact .arrow__link2{
	box-sizing: border-box;
	border-radius: 30px;
	display:block;
	font-weight: 500;
	text-decoration: none;
	border:1px solid #DCDBD1;
	position:relative;
	padding:16px 20px;
	font-size: 15px;
	font-weight: bold;
	color:black;
	background: white;
	transition: 0.4s;
}

.contact .arrow__link2:after{
	content: '';
	position:absolute;
	right: 10px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 40px;
	height: 40px;
	background-image: url('img/arrow.png');
	background-size: cover;
	transition: 0.4s;
}

.contact .arrow__link2:hover{
	background: #3B66D5;
	color:white;
	border-color: #3B66D5;
	opacity: 1;
}

.contact .arrow__link2:hover:after{
	background-image: url('img/arrow5.png');
}

div.sustainability .form__right p.input-sub{
	font-size: 13px;
	color:#888;
}

.form__flex.name .form__right p{
	display:flex;
}

.form__flex.name .form__right p span{
	width: 250px;
	display:block;
	margin-right:20px;
}

.form__flex.address .form__right p{
	display:flex;
	align-items: center;
	margin-bottom:28px;
}



.form__flex.address .form__right p:last-child{
	margin-bottom: 0;
}

.form__flex.address .form__right p.add1 span{
	width: 120px;
}

.form__flex.address .form__right p.add1 span.bar{
	width: 40px;
	text-align: center;
}

.form__flex.address .form__right p.add1 span.auto{
	width: 75px;
	color:white;
	display: block;
	margin-left: 20px;
	font-size: 13px;
	border-radius: 13px;
	background: #3B66D5;
	text-align: center;
}

.form__flex.address .form__right p.add2 span{
	width: 380px;
}

.form__flex.address .form__right p.add3 span{
	width:calc(100% - 105px);
}

.form__flex.address .form__right p span.ad__title{
	width: 105px;
}

div.sustainability .form__right p.mail-confirm{
	color:#888;
	margin-top: 20px;
}

div.sustainability .form__right p.sns-small{
	color:#888;
	font-size: 12px;
	font-weight: bold;
}

.submit__area{
	position:relative;
	z-index: 10;
	text-align: center;
	margin:190px 0 60px;
}

div.sustainability .submit__area p{
	width: 353px;
	position: relative;
	display:block;
	margin:0 auto;
}

div.sustainability .submit__area p input{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;		
}

div.sustainability .submit__area p:after{
	content: '';
	position:absolute;
	right: 15px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 50px;
	height: 50px;
	background-image: url('img/arrow5.png');
	background-size: cover;
	transition: 0.4s;
	pointer-events: none;	
}

div.sustainability .submit__area p:hover:after{
	background-image: url('img/arrow.png');
}

div.sustainability .submit__area p input{
	width: 100%;
	background:#3B66D5;
	color:white;
	box-sizing: border-box;
	border-radius: 40px;
	border:2px solid #3B66D5;
	padding:20px 26px;
	text-align: left;
	font-size: 20px;
	color:white;
	cursor: pointer;
	transition: 0.4s;
	letter-spacing: 0.04em;
	line-height: 1.8;
	font-family: "Zen Kaku Gothic New", serif;
}

div.sustainability .submit__area p input:hover{
	background: white;
	color:#3B66D5;
}

.page__area.company.sustainability.contact{
	margin-bottom: 55px;
	border-radius: 50px;
	padding-bottom: 170px;
}

.wpcf7-spinner{
	display:none!important;
}

.slider-3.contact{
	width: calc(100% + 90px);
	position:relative;
	left: -45px;
	margin-top: -230px;
}

.other input{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

div.sustainability .form__right p.other{
	position:absolute;
	left: 37%;
	bottom: 30px;
	width: 280px;
	box-sizing: border-box;
	padding:0 15px;
}

.other input{
	width: 100%;
	box-sizing: border-box;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	font-size:16px;
	position:relative;
	top: 1px;
}

.other:before{
	content: '(';
	position:absolute;
	left: 0;
	top: 0;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	font-size:16px;
}

.other:after{
	content: ')';
	position:absolute;
	right: 0;
	top: 0;
	font-family: "Zen Kaku Gothic New", serif;
	font-weight: 500;
	font-size:16px;
}

.form__right{
	position:relative;
}

.form__flex.other2.check.check4 .form__right p {
	display:flex;
}

div.sustainability .form__flex.other2.check.check4 .form__right p{
	width: auto;
}

div.sustainability .form__flex.other2.check.check4 .form__right p.other{
	position:relative;
	top: 0;
	left: 0;
	width: 200px!important;
	margin-left: 10px;
	margin-right: 30px;
}

.text2.text3 textarea{
	height: 120px;
}

.form__area .hidden{
	display:none;
}

.wpcf7 form .wpcf7-response-output{
	position: relative;
	z-index: 6;
}

.page__404.page__area.thanks .page__title{
	font-size: 44px;
	margin-bottom: 50px;
}

.page__404.page__area.thanks .page__en{
	font-size: 22px;
	line-height: 1.6;
}

.page__404.page__area.thanks p.page__text1{
	font-size: 16px;
	color:#888;
}

.thanks .arrow__link2{
	width: 210px;
	padding:15px 20px;
	margin-top: 40px;
}

.confirm .form__flex.address .form__right p.add1 span.bar{
	width:auto;

}

.submit__area.flex{
	display:flex;
	justify-content: center;
}

div.sustainability .submit__area .sf1 ,
div.sustainability .submit__area .sf2{
	margin:0 20px;
}

div.sustainability .submit__area .sf1 p input{
	background: gray;
	border-color: gray;
	color:white!important;
	transition: 0.4s;
}

div.sustainability .submit__area .sf1 p input:hover{
	opacity: 0.7;
}

div.sustainability .submit__area .sf1 p:after{
	display:none;
}

.submit__area.flex{
	margin:110px 0 0;
}

.sustainability h3.confirm__title{
	margin-top: 90px;
}

.slider-3.contact img{
	margin:0 30px;
}

.contact .taisei__right .tr__col1 h3:before ,
.contact .taisei__right .tr__col1 h3:after{
	display:none!important;
}

.contact .taisei__right .tr__col1 h3{
	padding-bottom: 0!important;
}

.tc__flex{
	display:flex;
	justify-content: space-between;
	margin: 90px 0 110px;
}

.tc__flex .tcf__col{
	width: 48.3%;
	display:block;
	margin: 0;
	background-image: url('img/contact-bg1.jpg');
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	border-radius:15px;
	color:white;
	padding:35px 10px;
}

.tc__flex .tcf__col.tcf__col2{
	background-image: url('img/contact-bg2.jpg');
}

.tc__flex .tcf__col.tcf__col2.tcf__col3{
	background-image: url('img/contact-bg3.jpg');
}

div.sustainability .tc__flex .tcf__col p.tcf__text1{
	font-size: 26px;
	line-height: 1.6;
	position:relative;
	font-weight: bold;
	margin-bottom: 34px;
	text-align: center;
}

div.sustainability .tc__flex .tcf__col p.tcf__text1:before{
	content: '';
	position:absolute;
	left: 50%;
	bottom: -16px;
	width: 20px;
	height: 1px;
	background: white;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

div.sustainability .tc__flex .tcf__col p.tcf__text2{
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: center;
}

div.sustainability .tc__flex .tcf__col a{
	margin:0 auto;
}

.contact .tc__flex .tcf__col .arrow__link2{
	padding:9px 20px;
	text-align: left;
	width: 233px;
	font-weight: 500;
}

.contact .tc__flex .tcf__col.tcf__col2 .arrow__link2{
	width: 297px;
}

.contact .tc__flex .tcf__col .arrow__link2:after{
	width: 32px;
	height: 32px;
}

.contact__text2.mt__plus2{
	margin-top: 110px!important;
}

.confirm .check4 .form__right{
	
}

.confirm .check4 .form__right div{
	width: 100%;
	display:flex;
}

.confirm .check2 .form__left{
	padding-top: 25px;
}

.sec__title2 .position__left{
	position:relative;
	left: -20px;
}

.sustainability .sdgs p span.rightmark{
	display: inline-block;
	font-size:18px;
	line-height: 1;
	letter-spacing: 0;
	transform: scale(0.75);
	position: relative;
	top: -4px;
	left: -1px;
}













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

	.about__slider .slick-dots{
		left: 20px;
	}

	.arrow__link2.abo2{
		right: 40px;
	}

	.card__area{
		width: 90%;
	}

	.circle__logo{
		right: 50px;
	}

	 .left__space{
	 	width: 100%;
	 	box-sizing: border-box;
	 	padding-left: 60px;
	 }

} 



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


	.header__left{
		width: 35%;
	}

	.header__right{
		width: 65%;
	}

	.row2 .row2__left a{
		font-size: 13px;
	}

	.row2 .row2__left a span{
		font-size: 11px;
	}

	.row2 .row2__right{
		padding-left: 15px;
	}

	.row2 .row2__left{
		padding-right: 10px;
	}

	.row2 .row2__right a{
		font-size: 12px;
		padding:11px;
	}

	header{
		padding:18px 0;
	}

	.prc__right img.position1{
		height: 75%;
		object-fit: cover;
	}

	.prc__right img.position2{
		width: 75%;
		height: 40%;
		top: 64%;
		object-fit: cover;
	}


	
} 





/*基本配置変更なし、フォントサイズダウン*/
@media screen and (max-width: 1200px) {

	.page__404.page__area.thanks .page__title{
		font-size: 36px;
		margin-bottom: 40px;
	}

	div.sustainability .tc__flex .tcf__col p.tcf__text2{
		font-size: 14px;
	}

	div.sustainability .tc__flex .tcf__col p.tcf__text1{
		font-size: 20px;
	}

	.page__404.page__area.thanks .page__en{
		font-size: 20px;
	}

	.page__404.page__area.thanks p.page__text1{
		font-size: 15px;
	}

	div.sustainability .form__right p.other{
		left: 39%;
		bottom: 28px;
		width: 200px;
	}

	div.sustainability .form__flex.other2.check.check4 .form__right p.other:last-child{
		margin-right: 0;
	}

	.single__thm.mt0{
		margin-top: 0px!important;
	}

	.contact__wrap.wrap1{
		padding:0;
	}

	.contact p.contact__text1{
		font-size: 16px;
	}

	.contact .taisei__right .tr__col1 h3{
		font-size: 22px;
	}

	.contact .taisei__right .tr__col1 p{
		font-size: 16px;
	}

	.taisei__right{
		padding:35px;
		width: calc(100% - 200px);
	}

	.taisei__right .tr__col1{
		padding-right: 30px;
	}

	.taisei__left{
		width: 200px;
	}

	.single__thm.mt0 img{
		height:100%;
		object-fit: cover;
		aspect-ratio:16/9;
	}

	.prc__right img.position1{
		top: -40px;
	}

	.prc__right img.position2{
		width: 80%;
		top:63%;
	}

	.page__right.product{
		padding-left: 30px;
	}

	.pf__col2 .pf2__right{
		width: calc(100% - 50px);
		padding-left: 10px;
	}

	.pf__col2 .pf2__left{
		width: 100px;
	}

	p.relp__title span{
		font-size: 14px;
	}

	.relp__flex a .relp__2{
		font-size: 14px!important;
	}

	.relp__flex a img{
		height: 12vw;
	}

	.rel__product{
		margin-top: 30px;
	}

	.tsb__text2 span{
		left: -15px;
	}

	.product__flex1 .pf__col1 img{
/*		height:18vw;*/
	}

	.product__flex1.height1 .pf__col1 img{
		height: 18vw;
	}

	.product__flex1.height2 .pf__col1 img{
		height: 12vw;
	}

	.vb__text .vbt1{
		font-size: 24px;
		width: 180px;
	}

	.mandara__area .ma__right{
		width: 120px;
	}

	.mandara__area .ma__left{
		width: calc(100% - 120px);
	}

	.mandara__area .ma__left h4{
		font-size: 19px;
	}

	.mandara__area{
		padding:30px 25px;
	}

	.vb__text .vbt2{
		font-size: 18px;
		width: calc(100% - 180px);
	}

	.vb__hidden.open{
		height: 38vw;
	}

	.cookie__left{
		padding-right: 20px;
	}

	.tax__all .product__flex1 .pf__col1 img{
		height: 130px;
		object-fit: cover;
	}

	.thm__box{
		height: 130px;
	}

	.tax__all .product__flex1 .pf__col1 img.mask{
		width: 70%;
	}

	.product__flex1 .pf__col1 .noimage p{
		font-size: 1.8vw;
	}

	.pf__col1 .noimage{
		height: 130px;
	}

	.product__flex1 .pf__col1 h4{
		font-size: 19px;
	}

	.page__right .arrow__link4:after{
		right: 5px;
	}

	.page__right .arrow__link4{
		padding:7px 25px;
	}

	.product__flex1 .pf__col1 p{
		font-size: 14px;
		height: 101px;
	}

	.privacy p.ps__text1{
		font-size: 16px;
	}

	.product .pi__left h4{
		font-size: 19px;
		line-height: 1.5;
	}

	.product__ex h4{
		font-size: 18px;
	}

	.ps__title{
		font-size: 44px;
	}

	.page__right.product.product2{
		padding-left: 60px;
	}

	.cp__flex{
		margin-bottom: 30px;
	}

	.relative__link a div p{
		font-size: 16px;
	}

	.relative__area h3{
		font-size: 32px;
	}

	.oa__row .oa__num{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.oa__row{
		padding:0 60px 45px;
		padding-right: 0;
	}

	.oa__row .oa__1{
		font-size: 20px;
	}

	.oa__row .oa__2{
		font-size: 16px;
	}

	.oa__row:before{
		left: 19px;
	}

	.imgex__flex .imgf__col .imgf__title{
		font-size: 18px;
		line-height: 1.5;
	}

	.product__ex .pe__1{
		font-size: 16px;
		margin-bottom: 40px;
	}

	.pi__left{
		padding:25px 30px;
	}

	.product .pi__left h4:before{
		top: 5px;
		height: 20px;
	}

	.category__product{
		padding:40px 30px;
	}

	.page__left{
		padding-top: 10px;
	}

	.wrap1.flex{
		padding:0 20px;
	}

	.wrap1.flex .pickup__left{
		width: 90px;
	}

	.wrap1.flex .pickup__right{
		width: calc(100% - 90px);
	}

	.ts1__left{
		width: 50%;
	}

	.ts1__right{
		width: 50%;
		padding-left: 40px;
	}

	.time-slide.type1{
		width: calc(100% + 50px);
		left: -25px;
		margin-top: 80px;
	}

	.op__flex .op__left .opl__1{
		font-size: 22px;
	}

	.op__flex .op__left .opl__2{
		font-size: 16px;
	}

	.op__flex .op__left{
		padding-right: 20px;
	}

	.sustainability .partner__ver h3{
		font-size: 30px;
	}

	.privacy .policy__ver a.arrow__link2 img{
		width: 34px;
		margin-left: 10px;
	}

	.privacy ol.ver2.partner__ol li{
		font-size: 18px;
		font-weight: bold;
	}

	.sustainability .partner p{
		font-size: 16px;
	}

	.partner__flex{
		justify-content: space-between;
	}

	div.sustainability p.pa__size2{
		font-size: 22px!important;
	}

	.partner__flex .pf__col{
		width: 31%;
		padding:30px 10px;
	}

	.partner__flex .pf__col .pfc__2{
		font-size: 20px;
	}

	.partner__flex .pf__col .pfc__1{
		font-size: 16px;
		height: 44px;
	}

	.cer__right{
		width: 120px;
	}

	.privacy ol.ver2.size2.jp.bg li{
		padding-left: 210px;
	}

	.cer__left{
		width: calc(100% - 120px);
	}

	.privacy p.q__text2.mb__plus{
		margin-bottom: 10px;
	}

	.privacy p.mb__plus{
		margin-bottom: 40px;
	}

	.cer__left p span{
		font-size: 18px;
	}

	.enf__left{
		width: calc(100% - 180px);
	}

	.enf__right{
		width: 180px;
	}

	.sustainability .sdgs p.enf__text1{
		font-size: 18px;
	}

	.sustainability .sdgs p.enf__text1 span{
		font-size: 14px;
	}

	.sustainability .sdgs p span.rightmark{
		font-size: 16px!important;
		top:-3px;
	}

	.sustainability .sdgs p.enf__text2{
		font-size: 16px;
	}

	.sustainability .sdgs p.enf__text3{
		font-size: 13px;
	}

	.privacy .award__flex.type2 .award__col a.right__link{
		font-size: 14px;
	}

	.privacy p.q__text1 .sizeup{
		font-size: 22px;
		margin-bottom: 30px;
	}

	.privacy p.q__text1{
		font-size: 16px;
	}

	.privacy p.q__text2{
		font-size: 20px!important;
	}

	.sustainability .environment p.m__text1{
		font-size: 20px;
	}

	.page__right .message__flex .mf__left p.m__text2{
		font-size: 18px;
	}

	.sustainability .sdgs p.m__text3{
		font-size: 18px;
	}

	.page__right.message p.rightspace{
		left: -68px;
	}

	.sustainability .sdgs p.bp__text2{
		font-size: 30px;
	}

	.sustainability .sdgs p.bp__text1{
		font-size: 17px;
	}

	.philosophy__area{
		padding:0 0 30px!important;
	}

	.page__area.staff{
		padding-bottom: 150px!important;
	}

	.page__area.staff:after{
		height: 200px;
		bottom: -199px;
	}

	.faq .question:after{
		top: 10px;
	}

	.faq__area .answer{
		padding:40px 40px;
	}

	.faq__area .answer.open{
		
	}

	.faq__area .answer.open:before{
		left: 17px;
	    top: 40px;
	    font-size: 16px;
	}

	.faq__area .answer p{
		font-size: 16px;
	}

	.faq__area .answer p:first-child:before{
		font-size: 16px;
	}

	.single__title{
		font-size:30px;
	}

	.single__info .single__date p{
		margin-right: 30px;
	}

	.single__info{
		margin-bottom: 20px;
	}

	.single__content h2{
		font-size: 28px;
	}

	.single__content h3{
		font-size: 24px;
	}

	.single__content p{
		font-size: 16px;
	}

	.single__content img{
		margin:30px 0;
	}

	.singlebottom__area .all__link{
		width: 20%;
	}

	.singlebottom__area .all__link a{
		font-size: 15px;
	}

	.singlebottom__area .all__link a span{
		font-size: 11px;
	}

	.singlebottom__area .prev a{
		padding-left: 70px;
	}

	.singlebottom__area .next a{
		padding-right: 70px;
	}

	.singlebottom__area .prev:before{
		left: 70px;
		font-size: 15px;
	}

	.singlebottom__area .prev a:after{
		left: 15px;
		width: 40px;
		height: 40px;
	}

	.singlebottom__area .next a:after{
		right: 15px;
		width: 40px;
		height: 40px;
	}

	.singlebottom__area .prev a{
		font-size: 13px;
	}

	.single__content .box1{
		padding:25px 20px;
	}

	.content{
		max-width: 95%;
		padding:55px 40px 40px;
	}

	.content.pb2{
		padding-bottom: 55px;
	}

	.content__left{
		width: 35%;
		padding-right: 40px;
	}

	.content__right{
		width: 65%;
	}

	.cl__text2{
		font-size: 28px;
	}

	.cr__flex a{
		font-size: 14px;
	}

	.row2__right .header__search.search__type1 input{
		font-size: 12px;
		padding:10px 5px;
	}

	.row2__right .header__search.search__type1 button{
		right: 8px;
		width: 15px;
		height: 15px;
	}

	.philosophy__ver li{
		font-size: 18px;
	}

	.philosophy__ver li p span{
		font-size: 28px;
	}

	.philosophy__ver li p{
		font-size: 16px;
	}

	.privacy ol.border__ver li{
		font-size: 16px;
	}

	.privacy ol.border__ver li:before{
		font-size: 16px;
	}

	.privacy h4.ph__ver{
		font-size: 22px;
	}

	.philosophy p.spirit1{
		font-size: 18px;
	}

	.philosophy p.spirit2{
		font-size: 16px;
	}

	.vision p.vision__text1{
		font-size: 20px;
	}

	.vision h3.vision__ver{
		font-size: 22px;
	}

	.phf__col .phf__text1{
		font-size: 16px;
	}

	.phf__col .phf__text2{
		font-size: 15px;
	}

	.page__right h3.border__title.size2{
		font-size: 24px;
	}

	.vision p.vision__text2{
		font-size: 16px;
	}

	.news .page__right .news__flex a img{
		height: 140px;
	}

	.news__flex .noimage p{
		font-size: 1.5vw;
	}

	.news .page__right .news__flex a .noimage{
		height: 140px;
	}

	.lh1{
		height: 140px;
	}

	.news .page__right .news__flex a .news__info .news__date{
		font-size: 13px;
	}

	.news .page__right .news__flex a .news__info .news__category{
		font-size: 12px;
	}

	.news .page__right .news__flex a .news__title{
		font-size: 15px;
	}

	.nav__area a.cl__logo{
		width: 150px;
		right: 25px;
	}

	.search__area{
		padding-left: 20px;
		padding-right: 20px;
	}

	.hidden__area p{
		font-size: 14px;
		padding-right: 70px;
	}

	.visible__area .va__text1{
		font-size: 11px;
		width: 45px;
	}

	.visible__area .va__text2{
		font-size: 20px;
		width: calc(100% - 220px);
	}

	.visible__area .va__text3{
		width: 175px;
		font-size: 12px;
	}

	.pr__categoryarea{
		padding:0 20px;
	}

	.pr__categoryarea .prc__left a:before{
		left: -20px;
	}

	.pr__categoryarea .prc__left a:hover:before{
		width: calc(200% + 40px);
	}

	.prc__right img.position1{
		width: 90%;
	}

	.header__left p{
		font-size: 10px;
		top: -5px;
		margin-bottom: 5px;
		line-height: 1.3;
	}

	.nav__area{
		margin-top: 20px;
	}

	.page__area{
		padding:80px 25px;
		border-radius: 30px;
	}

	.scroll-infinity.width__plus{
		margin-top: 100px;
		position:relative;
		width: calc(100% + 50px);
		left: -25px;
	}

	.page__404.page__area .page__title{
		font-size: 80px;
	}

	.page__404.page__area .page__en{
		font-size: 30px;
	}

	.page__404.page__area p.page__text1{
		font-size: 18px;
	}

	.fs2__left--text1{
		font-size: 38px;
	}

	.fs2__left h3{
		font-size: 13px!important;
	}

	.fs2__left--text2{
		font-size: 14px;
	}

	.fs2__right{
		padding: 18px 30px;
	}

	.qa__area .question{
		font-size: 15px;
	}

	.contact__area{
		padding:55px 40px;
	}

	.fs1__flex .fs1__left h3{
		font-size: 13px;
	}

	.fs1__flex .fs1__right p{
		font-size: 14px;
	}

	.qa__area .question span{
		font-size: 20px;
		top: -3px;
	}

	.ca__left h3{
		font-size: 13px!important;
	}

	.ca__left--text1{
		font-size: 38px;
	}

	.ca__left--text2{
		font-size: 14px;
	}

	.ca__right a{
		font-size: 15px;
	}

	.ca__right a{
		padding:0 25px;
		height: 55px;
		line-height: 55px;
	}

	.ca__left{
		width: calc(100% - 240px);
	}

	.ca__right{
		width: 240px;
	}

	.slider-1 .prev-arrow{
		width: 42px;
	}

	.slider-1 .next-arrow{
		width: 42px;
	}

	.slider-1{
		padding:0 48px;
	}

	.slider-1 li a p{
		font-size: 14px;
	}

	.slider-1 li{
		margin:0 10px;
	}

	.fs4__row2 .wrap3{
		padding: 0;
	}

	.fs4__flex h3 a{
		padding-left: 20px!important;
	}

	.fs4__flex h3{
		font-size: 16px!important;
	}

	.fs4__flex h4{
		font-size: 14px;
	}

	.fs4__flex ul li a{
		font-size: 12px;
	}

	.fs4__flex h3 a:before{
		width: 14px;
		height: 14px;
		top: 9px;
	}

	.img__flex{
		flex-wrap: wrap;
	}

	.img__flex img{
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.fs5__flex .fs5__left .footer__logo{
		width: 160px;
	}

	.fs4__col1{
		padding-right: 40px;
	}

	.map p{
		font-size: 13px;
	}

	.fs4__row2{
		padding-bottom: 0;
	}

	.wrap1{
		padding:0 20px;
	}

	.row2 .row2__left p.size3{
		width: 15%;
	}

	.row2 .row2__left p.size1{
		width: 30%;
	}

	.row2 .row2__right{
		padding-left: 10px;
	}

	.wrap2{
		padding:0 20px;
	}

	.qa__area .question{
		padding-right: 30px;
		padding-left: 32px;
		box-sizing: border-box;
	}

	.fs2__right .answer{
		padding-left: 32px;
	}

	.fs2__right .answer:before{
		font-size: 20px;
	}

	.fs2__right .answer p{
		font-size: 15px;
	}

	.qa__area:after{
		top: 2px;
	}

	.qa__area .question:after , .qa__area .question:before{
		top: 14px;
	}

	.wrap3{
		padding:0 20px;
	}

	.wrap6{
		padding:0 20px;
	}

	.wrap6{
		font-size: 16px;
		line-height: 1.5;
	}

	.company__area .wrap6{
		padding: 0;
	}
	
	.sus__left2 , .sus__right{
		width: calc(100% - 340px);
		padding:35px 30px;
	}

	.sus__right2 , .sus__left{
		width: 340px;
	}

	.sustainability__area a .sr__text1{
		font-size: 14px;
	}

	.sustainability__area a h3{
		font-size: 21px;
	}

	.sustainability__area a .sr__text2{
		font-size: 16px;
	}

	.sustainability__area a .sr__text3{
		font-size: 14px;
	}

	.page__left{
		width: 220px;
	}

	.page__right{
		width: calc(100% - 220px);
		padding-left: 60px;
	}

	.page__left ul li a{
		font-size: 14px;
		padding:13px 0;
		padding-left: 5px;
		padding-right: 22px;
	}

	.page__left ul.arrow__type li a:after{
		width: 16px;
		height: 10px;
		right: 5px;
	}

	.sustainability h3{
		font-size: 24px;
	}

	.page__right .environment__title{
		font-size: 21px;
	}

	.page__right .environment__title span{
		top: -2px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-right: 15px;
	}

	.sustainability .sdgs p{
		font-size: 16px;
	}

	.sustainability h3.mt__plus{
		margin-top: 100px;
	}

	.privacy ol.ver3.size3 li{
		font-size: 19px;
		padding-left: 42px;
	}

	.privacy ol.ver3.size3 li:before{
		font-size: 16px;
		top: 4px;
	}

	.privacy ol.ver2.size2 li{
		font-size: 16px;
		padding-left: 55px;
	}

	.privacy ol.ver2 li span{
		font-size: 18px;
	}

	.page__en.type2{
		font-size: 40px;
	}

	.page__en.type2.small__type{
		font-size: 32px;
	}

	.sustainability .sdgs p.ac__text1{
		font-size: 18px;
	}

	.sustainability .sdgs p.ac__text2{
		font-size: 15px;
	}

	.sustainability .sdgs p.ac__text1:before{
		left: -15px;
		top: 14px;
		width: 5px;
		height: 5px;
	}

	.award__flex .award__col{
		padding:25px 35px;
	}

	.privacy ol.ver2 li{
		padding-left: 45px;
	}

	.sdgs__flex{
		padding:20px 0;
		padding-left: 0;
		padding-right: 0;
	}

	.sdgs__flex img{
		width: 80px;
		margin-right: 15px;
	}

	.clip__mainV{
		margin-top:5px;
	}

	.page__right h3.border__title{
		font-size: 27px;
	}

	.product p.mt__plus{
		font-size: 16px;
	}

	 .product h3{
	 	font-size: 24px;
	 }

	 .tax__flex .tf__left{
	 	width: 50%;
	 }

	 .tax__flex .tf__right{
	 	width: 50%;
	 	padding-left: 30px;
	 }

	 .tax__flex .tf__right p{
	 	font-size: 16px;
	 }

	 .arrow__link3{
	 	width: 145px;
	 	font-size: 15px;
	 }

	 .arrow__link3:after{
	 	width: 27px;
	 	height: 27px;
	 }

	 .page__right .page__ver .news__flex a .rel__text1{
	 	font-size: 16px;
	 }

	 .page__right .page__ver .news__flex a .rel__text2{
	 	font-size: 14px;
	 }

	 .rel__area{
	 	padding-left: 35px;
	 }

	 .product h3.mt__plus{
	 	margin-top: 100px;
	 }

	 .tax__flex{
	 	margin-top: 35px;
	 }

	 .page__right .page__ver .news__flex a{
	 	min-width: 290px;
	 	margin-right: 30px;
	 }

	 .page__right .page__ver .news__flex a:last-child{
	 	margin-right: 0!important;
	 }

	 .page__right .page__ver .news__flex a img ,
	 .thm__box2{
	 	height: 191px;
	 }

	 .scroll-area .news__flex .noimage p{
	 	font-size: 16px;
	 }

	 .page__right .page__ver .news__flex a .noimage{
	 	height: 191px;
	 }

	 .page__right.product.tax{
	 	padding-left: 60px;
	 }

	 .page__right.service{
	 	padding-left: 60px;
	 }

	 .service__info{
	 	margin-bottom: 30px;
	 }

	 .service p.bold{
	 	font-size: 16px;
	 }

	 .si__flex .si__left{
	 	width: 180px;
	 }

	 .si__flex .si__right{
	 	width: calc(100% - 180px);
	 }

	 .si__flex .si__left img{
	 	width: 160px;
	 }

	 h3.service__sec__title{
	 	padding:20px 35px;
	 	margin-top: 110px;
	 	font-size: 23px;
	 }

	 h3.service__sec__title span{
	 	font-size: 15px;
	 }

	 .section__image{
	 	width: calc(100% + 25px);
	 }

	 h4.service__sec1{
	 	font-size: 24px;
	 }

	 p.service__sec2{
	 	font-size: 16px;
	 }

	 .service__award .sa__text1{
	 	font-size: 18px;
	 	width: 80px;
	 }

	 .service__award .sa__text2{
	 	width: calc(100% - 80px);
	 }

	 .service__award .sa__text2 p{
	 	font-size: 15px;
	 	padding:4px 12px;
	 	margin-right: 15px;
	 	margin-bottom: 10px;
	 }

	 .page__right .message__flex .mf__right{
	 	width: 270px;
	 }

	 .page__right .message__flex .mf__left{
	 	width: calc(100% - 300px);
	 }

	 .page__right .message__flex .mf__right img.mfr2{
	 	width: 140px;
	 }

	 .page__right.message p.rightspace{
	 	font-size: 15px;
	 	left: -30px;
	 }

	 .page__right .message__flex .mf__left .fig{
	 	font-size: 24px;
	 }

	 .philosophy__area{
	 	padding:30px 30px 20px;
	 }

	 .sustainability .environment .philosophy__area p{
	 	font-size: 15px;
	 	margin-bottom: 13px;
	 	margin-right: 13px;
	 }

	 .sustainability .environment p.big{
	 	font-size: 18px;
	 }

	 .page__right .outline__flex .of__left{
	 	width: 115px;
	 }

	 .page__right .outline__flex .of__right{
	 	width: calc(100% - 115px);
	 }

	 .page__right .outline__flex .of__left p{
	 	font-size: 15px;
	 }

	 .page__right .outline__flex .of__right p{
	 	font-size: 15px;
	 }

	 .privacy a{
	 	font-size: 15px;
	 }

	 .page__right .outline__flex .of__right .map__link img{
	 	width: 14px;
	 }

	 .certification__flex .certification1{
	 	width: 156px;
	 	margin-right: 30px;
	 	margin-bottom: 15px;
	 }

	 .certification__flex .certification2{
	 	width: 130px;
	 	margin-right: 30px;
	 	margin-bottom: 15px;
	 }

	 .certification__flex .certification3{
	 	width: 92px;
	 	margin-right: 30px;
	 	margin-bottom: 15px;
	 }

	 .certification__flex .certification4{
	 	width: 80px;
	 }

	 .sustainability .environment p.bold{
	 	font-size: 15px;
	 }

	 .certification__flex .donation{
	 	width: 112px;
	 }

	 .certification__flex .approach{
	 	width: 200px;
	 }

	 .certification__flex .declaration1{
	 	width: 350px;
	 	margin-right: 20px;
	 	margin-bottom: 15px;
	 }

	 .certification__flex .declaration2{
	 	width: 160px;
	 }

	 .page__right .outline__flex.type2 .of__right{
	 	padding-right: 210px;
	 	padding-left: 15px;
	 }

	 .page__right .outline__flex.type2 .of__right .company__link{
	 	width: 206px;
	 	font-size: 14px;
	 }

	 .page__right .outline__flex.type2 .of__right .company__link:after{
	 	width: 32px;
	 	height: 32px;
	 	top: 12px;
	 	display:block!important;
	 }

	 .history__row .hr__text1{
	 	font-size: 16px;
	 	top: -10px;
	 	width: 140px;
	 }

	 .history__row .hr__text2{
	 	font-size: 15px;
	 	top: -9px;
	 	width: calc(100% - 140px);
	 }

	 .pdf__flex{
	 	padding:25px;
	 }

	 .pdf__flex .pdf__left .pdf__title{
	 	font-size: 19px;
	 	margin-bottom: 13px;
	 }

	 .pdf__flex .pdf__left{
	 	padding-right: 20px;
	 }

	 .history__area{
	 	margin-bottom: 0;
	 }

	 .privacy h3{
	 	font-size: 32px;
	 }

	 .sustainability h3 span{
		font-size: 16px;
		display: inline-block;
		margin-left: 18px;
	}

	 .privacy p{
	 	font-size: 15px;
	 }

	 .privacy ol li{
	 	font-size: 15px;
	 }

	 .quality__area{
	 	padding:50px 30px;
	 }

	 .qf__left .qf__text1{
	 	font-size: 18px;
	 	margin-bottom: 15px;
	 }

	 .qf__left .qf__text2{
	 	font-size: 15px;
	 }

	 .quality__area .quality__flex{
	 	margin-bottom: 35px;
	 	padding-bottom: 35px;
	 }

	 .page__right.interview{
	 	padding-left: 60px;
	 }

	 .if__right{
	 	width: 200px;
	 }

	 .if__left{
	 	width: calc(100% - 200px);
	 	padding:20px 25px;
	 }

	 .page__right .if__left .ifl__text1{
	 	font-size: 14px;
	 	margin-bottom: 30px;
	 }

	 .page__right .if__left .ifl__text2{
	 	font-size: 24px;
	 }

	 .page__right .if__left .ifl__text3{
	 	font-size: 16px;
	 	margin-top: 50px;
	 }

	 .interview__flex2 .if__col2 .ifc__info{
	 	padding:20px 25px;
	 }

	 .page__right.interview h3.ifc__text2{
	 	font-size: 20px;
	 	height: 92px;
	 }

	 .page__right.interview .if__category .ifc1{
	 	font-size: 13px;
	 }

	 .page__right.interview .if__category .ifc2{
	 	font-size: 13px;
	 }

	 .page__right.interview p.ifc__text3{
	 	font-size: 14px;
	 }

	 .st__left h2{
	 	font-size: 24px;
	 }

	 .st__right p{
	 	font-size: 15px;
	 }

	 .st__right{
	 	box-sizing: border-box;
	 	padding-left: 0px;
	 }

	 .st__flex{
	 	margin-bottom: 60px;
	 }

	 .st__right img{
	 	margin-bottom: 0px!important;
	 }

	 .staff__textarea img{
	 	margin-bottom: 80px;
	 }

	 .other__area h3{
	 	font-size: 28px;
	 }

	 .card__area{
	 	width: 100%;
	 	box-sizing: border-box;
	 	padding-left: 80px;
	 }

	 .arrow__link2{
	 	width: 230px;
	 	font-size: 14px;
	 }

	 .arrow__link2:after{
	 	width: 32px;
	 	height: 32px;
	 }

	 .news__flex.interview__ver a .ifc__info{
	 	padding:20px 25px;
	 }

	 .news__flex.interview__ver a p.ifc__text1{
	 	margin-bottom: 15px;
	 }

	 .news__flex.interview__ver a p.ifc__text2{
	 	font-size: 20px;
	 	height: 92px;
	 }

	 .news__flex.interview__ver a .if__category .ifc1 , .news__flex.interview__ver a .if__category .ifc2{
	 	font-size: 13px;
	 	padding: 3px 10px;
	 }

	 .news__flex.interview__ver a p.ifc__text3{
	 	font-size: 15px;
	 }

	 .news__flex.interview__ver a{
	 	max-width: 330px;
	 	min-width: 330px;
	 	margin-right: 20px;
	 }

	 .card__area .scroll-area{
	 	padding-bottom: 50px;
	 }

	 .slider-3 li{
	 	padding:0 20px;
	 }

	 h3.staff__message{
	 	font-size: 28px;
	 }

	 .staff__info p{
	 	font-size: 13px;
	 }

	 .page__right.staff{
	 	padding-left: 60px;
	 }

	 div.sustainability p.laf__text1{
	 	font-size: 16px;
	 }

	 div.sustainability p.laf__text2{
	 	font-size: 16px;
	 }

	 div.sustainability p.showroom__1{
	 	font-size: 15px;
	 }

	 div.sustainability p{
	 	font-size: 16px;
	 }

	 .loaction__tab a{
	 	font-size: 16px;
	 }

	 .loaction__tab a:after{
	 	right: 10px;
	 }

	 .event .event__flex .ef__col p{
	 	font-size: 16px;
	 }

	 .event .event__area2 .ef__col2 .ef2__right p{
	 	font-size: 16px;
	 }

	 .event__area2 .ef__col2 .ef2__right h4{
	 	font-size: 19px;
	 }

	 .event__area2 .ef__col2 .ef2__left{
	 	padding-right: 15px;
	 }

	 .event__area2 .ef__col2 .ef2__right{
	 	padding-left: 15px;
	 }

	 .benefits__flex .benefits__col h4{
	 	font-size: 18px;
	 }

	 .benefits__flex .benefits__col h4:before{
	 	top: 14px;
	 }

	 .event__flex .ef__col{
	 	margin-bottom: 60px;
	 }

	 .mainV h2{
	 	font-size: 55px;
	 	padding-top: 600px;
	 }

	 .circle__logo{
	 	width: 190px;
	 	height: 190px;
	 	right: 35px;
	 }

	.nav__area a.circle__logo.page-ver{
		width: 190px;
		height: 190px;
	}

	 .circle__logo img.circle__text{
	 	width: 190px;
	 }

	 .mainV , .mv__slick , .mv__slick .slick-list ,
	 .mv__slick .slick-track{
	 	height: 780px;
	 }

	 .mv__slick .slick-dots li{
	 	margin:7px 0;
	 }

	 .mv__slick .slick-dots{
	 	left: 15px;
	 }

	 .top__section1{
	 	padding:120px 0 200px;
	 }

	 .sec__title2{
	 	font-size: 28px;
	 }

	 .sec__title2 .position__left{
	 	left: -15px;
	 }

	 .ts1__text1{
	 	font-size: 15px;
	 }

	 .ts2__box{
	 	padding:120px 0;
	 }

	 .ts2__flex{
	 	padding:0 20px;
	 }

	 .sec__title2.fig{
	 	font-size: 80px;
	 }

	 .tab__area{
	 	max-width: calc(100% - 40px);
	 }

	 .loaction__area2{
	 	padding:60px 20px 30px;
	 }

	 .ts3__box{
	 	padding:120px 0 50px;
	 }

	 .ts3__flex{
	 	padding:0 20px;
	 }

	 .ts3__flex .ts3__right ol li{
	 	font-size: 15px;
	 }

	 .ts3__flex .ts3__right{
	 	width: 310px;
	 }

	 .ts3__flex .ts3__left{
	 	width: calc(100% - 310px);
	 }

	 .reverse .tsb__right{
	 	padding-left: 40px;
	 	padding-right: 20px;
	 }

	 .tsb__right{
	 	padding-right: 40px;
	 	padding-left: 20px;
	 }

	 .tsb__text1{
	 	font-size: 18px;
	 	margin-top: 5px;
	 	margin-bottom: 30px;
	 }

	 .tsb__text2{
	 	font-size: 28px;
	 	margin-bottom: 28px;
	 }

	 .tsb__text3{
	 	font-size: 20px;
	 }

	 .tsb__text4{
	 	font-size: 15px;
	 }

	 .ts4__box{
	 	padding:120px 20px 80px;
	 }

	 .ts4__flex2 a .co__text1{
	 	padding-top: 280px;
	 	font-size: 22px;
	 }

	 .ts4__flex2 a{
	 	height: 480px;
	 	padding:0 10px;
	 }

	 .ts4__flex2 a .co__text2{
	 	font-size: 14px;
	 }

	 .ts4__flex2 a .co__text2 br{
	 	display:none;
	 }

	 .ts4__flex2 a img{
	 	height: 100%;
	 	object-fit: cover;
	 }

	 .left__space{
	 	width: 100%;
	 	box-sizing: border-box;
	 	padding-left: 40px;
	 }

	 .ts5__left .category__area li{
	 	margin-bottom: 8px;
	 }

	 .ts5__flex2 .ts5__right a .news__title{
	 	font-size: 15px;
	 }

	 .ts5__flex2 .ts5__left{
	 	padding-left: 0;
	 	width: 180px;	 	
	 }

	 .ts5__flex2{

	 	padding-left: 200px;
	 }

	 .ts5__flex2 .ts5__right a .news__info .news__category{
	 	font-size: 12px;
	 }

	 .top__section5{
	 	padding:260px 0 120px;
	 	margin-top: -185px;
	 }

	 .ts2__flex.ts5__flex{
	 	padding-right: 20px;
	 }

	 .policy p.policy__text1{
	 	font-size: 48px!important;
	 }

	 .policy p.policy__text2{
	 	font-size: 22px!important;
	 }

	 .phrase__area{
	 	padding:35px 20px;
	 }

	 .phrase__col .phrase__title{
	 	box-sizing: border-box;
	 	padding-right: 30px;

	 }

	 .phrase__col .phrase__title:after{
	 	width: 15px;
	 	height: 10px;
	 }

	 .phrase__col{
	 	padding:25px 0;
	 }

	 .phrase__col .phrase__title span{
	 	font-size: 15px;
	 	margin-right: 30px;
	 }

	 .phrase__col .phrase__hidden{
	 	padding:30px 20px;
	 }

	 .phrase__col .phrase__hidden ol li{
	 	font-size: 15px;
	 	padding-left: 35px;
	 }

	 .phrase__col .phrase__hidden ol li:before{
	 	font-size: 15px;
	 }

	 .privacy a.right__link{
	 	font-size: 15px;
	 }

	 .sustainability .environment p.policy__text3{
	 	font-size: 20px;
	 }

	 .sustainability .environment p.policy__text4{
	 	font-size: 18px;
	 }

	 .page__right.message p.rightspace{
	 	left: -68px!important;
	 }

	 .privacy a.blue{
	 	font-size: 18px;
	 }


} 

.sp__right{
	display:none!important;
}

.mfr1__tb{
	display:none;
}

.sp__right{
	position:relative;
	box-sizing: border-box;
	padding-right: 40px;
}

.menu_button{
	 outline: none;
	 border: none;
	 font-size: 20px;
	 text-align: center;
	 margin-left:auto;
	 margin-top:0;
	 display:block;
	 position: absolute;
	 right: -3px;
	 top: 0;
	 z-index: 9999;
	 width: 40px;
}

.header-flex{
	padding-top: 22px;
}


.menu_button:hover{
	cursor:pointer;
}

.menu_button .menu_icon01 {
  display: block;
  float:left;
  cursor: pointer;
  transition: .7s;
  position: relative;
  top:33px;
  left:20px;
}

.menu_button .menu_icon01 span {
  display: block;
  width: 27px;
  height: 2px;
  background: black;
  margin-bottom: 15px;
  transition: .7s;
}

.menu_button.open .menu_icon01 span{
	background:black; 
}

.news-flex article .news-content img{
	height:170px;
}


.menu_button .menu_icon01{
	top: 22px;
	left: 16px;
}

.menu_button:hover{
	cursor:pointer;
}

.menu_button .menu_icon01 {
  display: block;
  float:left;
  cursor: pointer;
  transition: .5s;
  position: relative;
  top:7px;
  left:0px;

}

.menu_button{
	top: 5px;
}

.menu_button .menu_icon01 span {
  display: block;
  width: 40px;
  height: 2px;
  background: black;
  margin-bottom: 6px;
  transition: .5s;
}

.menu_button .menu_icon01 span.bar2{
	width: 36px;
}

.menu_button .menu_icon01 span.bar3{
	width: 32px;
}	

.menu_button.open .menu_icon01 span.bar2{
	width: 40px;
}

.menu_button.open .menu_icon01 span.bar3{
	width: 40px;
}	

.menu_button.open .menu_icon01{
  transform: rotate(-45deg);
  left: 6px;

}
.menu_button.open .menu_icon01 .bar1 {
  transform: rotate(7deg) translateY(7px);
}
.menu_button.open .menu_icon01 .bar2 {
  opacity: 0;
}
.menu_button.open .menu_icon01 .bar3 {
 transform: rotate(-97deg) translateX(9px);

}

.menu_button .menu_icon02 {
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.menu_button .menu_icon02 span {
  display: block;
  width: 30px;
  height: 2px;
  background: #707070;
  margin-bottom: 4px;
  transition: all 0.4s ease-out;
}
.menu_button.open .menu_icon02 .bar1 {
  transform: translateY(10px) rotate(135deg);
}
.menu_button.open .menu_icon02 .bar2 {
 opacity: 0;
 transform:translateX(-100px);
}
.menu_button.open .menu_icon02 .bar3 {
 transform:  translateY(-6px)
 rotate(45deg);
}

.menu_button .menu_icon03 {
  display: block;
  float: left;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.menu_button .menu_icon03 span {
  display: block;
  width: 30px;
  height: 2px;
  background: #707070;
  margin-bottom: 4px;
  transition: all 0.4s ease-out;
}
.menu_button.open .menu_icon03 .bar1 {
  transform: translateY(10px) rotate(45deg);
}
.menu_button.open .menu_icon03 .bar2 {
 opacity: 0;
 width:150px;
 transform: translateX(-60px)
}
.menu_button.open .menu_icon03 .bar3 {
 transform: translateY(-6px)
 rotate(135deg);
 }

 .active .spr1 a{
 	color:black!important;
 }

 .active .spr1 a span{
 	border-color: black!important;
 }

 .active .menu_button .menu_icon01 span{
 	background: black!important;
 }

.menu_button p{
	margin: 0;
	font-size: 12px;
	position: relative;
	top: 6px;
	text-align: center;
}

#nav{
	position: fixed;
    overflow-y: scroll;
    min-height: 100vh;
    max-height: 100vh;
    width: 100%;
    top: 0;
    background:#3B66D5;
    margin-top: 0px;
    padding: 120px 0 50px;
    box-sizing: border-box;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: .6s;
    color: #fff;
}

#nav.in{
	opacity: 1;
	pointer-events: auto;
	z-index: 98;

}

.spr1 a{
	transition: .4s;
}

header.open .spr1 a{
	color:white;
}

header.open .spr1 a span{
	border-color: white;
}

header.open .menu_button .menu_icon01 span{
	background: white;
}

/*.menu_button p{
	transition: .4s;
}*/

header.open .menu_button p{
	color:white;
}

.nav__wrap{
	padding:0 30px;
}

.nav__box{
	border-top:1px solid #DCDBD1;
	padding:20px 0;
}

.nav__wrap .nav__box.last{
	border-bottom:1px solid #DCDBD1;
}

.nav__parent{
	position:relative;
	margin: 0;
	box-sizing: border-box;
	padding:0;
	padding-left: 0;
	font-size: 24px;
	line-height: 1.5;
/*	cursor: pointer;*/
	font-weight: bold;
}

.nav__parent a span.fig{
	position:relative;
	font-size: 12px;
	top: -16px;
}

.nav__arrow2{
	margin:40px 0 20px;
	font-size: 20px;
}

.nav__child ul{
	display:flex;
	flex-wrap: wrap;
	list-style: none;
	margin:0 0 30px;
	padding: 0;
}

.nav__child ul.type2{
	display:block;
	margin: 25px 0 15px;
}

.nav__child ul.type2 li{
	width: 100%;
}

.nav__child ul.type2 li.small{
	padding-left: 30px;
	margin-bottom: 0;	
	font-size: 15px;
}

.nav__child ul.type2 li.small2{
	margin-bottom: 15px;
}

.nav__child ul li{
	width: 50%;
	margin-bottom: 6px;
}

.nav__child ul li a{
	font-size: 16px;
	text-decoration: none;
	color:#DCDBD1;
}

.nav__arrow2 a{
	display:inline-block;
	color:white;
	text-decoration: none;
	position:relative;
	padding-right: 60px;
	font-weight: bold;
}

.nav__arrow2 a:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
	width: 19px;
	height: 13px;
	background-image: url('img/arrow3.png');
	background-size: cover;
}

.nav__child p a{
	color: white;
	text-decoration: none;
	transition: 0.4s;
}

.nav__child p a:hover{
	opacity: 0.6;
}

.nav__parent.lonly{
	color: white;
	display:block;
	text-decoration: none;
}

p.nav__parent a{
	color:white;
	text-decoration: none;
}

.parent__button{
	position:absolute;
	display:block;
	width: 35px;
	height: 35px;
	right: 0;
	top: -3px;
	z-index: 10;
	cursor: pointer;
}

.nav__parent.lonly:before ,
.nav__parent.lonly:after{
	display:none!important;
}

.nav__parent:before{
	content: '';
	position:absolute;
	right: 10px;
	top: 50%;
	width: 15px;
	height: 1px;
	background:#3B66D5;
	transform: rotate(90deg);
	transition: 0.4s;
	z-index: 3;
}

.nav__parent.open:before{
	transform: rotate(180deg);
}

.nav__parent:after{
	content: '';
	position:absolute;
	right: 10px;
	top: 50%;
	width: 15px;
	height: 1px;
	background:#3B66D5;
	transition: 0.4s;
	z-index: 3;
}


.nav__child{
	overflow: hidden;
	margin: 0;
	width: 100%;
	margin-top: 0;
	opacity: 1;
	transition: 0.4s;
	transition: 500ms max-height ease;
	max-height: 1000px;
}

.nav__child.close{
	height: 0;
	opacity: 0;
}
.category-csr .news__info .category{
	border-color:#13871E;
}

.category-tech .news__info .category{
	border-color:#0085FF;
}

.nav__box{
	position:relative;
}

.nav__box:after{
	content: '';
	position:absolute;
	right: 0;
	top: 20px;
	width: 35px;
	height: 35px;
	background: white;
	border-radius: 50%;
	z-index: 2;
	pointer-events: none;
}

.nav__wrap .nav__box.last:after{
	top: 38px;
}

.nav__wrap .nav__box.last{
	margin-bottom: 40px;
}

.nav__arrow{
	margin:0 0 17px;
}

.nav__arrow a{
	display:inline-block;
	position:relative;
	padding-left: 25px;
	font-size: 18px;
	color: white;
	text-decoration: none;
}

.nav__arrow a:before{
	content: '';
	position:absolute;
	left:0;
	top: 50%;
	width: 18px;
	height: 18px;
	background-image: url('img/arrow2.png');
	background-size: cover;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.nav__contact{
	width: 400px;
	box-sizing: border-box;
	border-radius: 40px;
	font-weight: 500;
	box-sizing: border-box;
	display:block;
	text-decoration: none;
	color:#3B66D5;
	background: white;
	font-size: 20px;
	line-height: 1.9;
	padding:14px 22px;
	font-weight: bold;
	display:block;
	margin:40px auto 35px;
	position:relative;
	transition: 0.4s;
}

.nav__contact:after{
	content: '';
	position:absolute;
	width: 40px;
	height: 40px;
	right: 15px;
	top: 13px;
	background-image: url('img/arrow.png');
	background-size: cover;
	transition: 0.4s;
	z-index: 2;
}

.com__link{
	display:block;
	width: 400px;
	max-width: 400px;
	margin:0 auto;

}

.com__link img{
	width: 100%;border-radius: 10px;
}



/*ヘッダーナビ部分変更*/
@media screen and (max-width: 1000px){

	header.open{
		background:#3B66D5!important;
		box-shadow: none!important;
	}

	div.sustainability .form__right p.other{
		left: 67%;
		bottom: 31px;
		width: 92px;
	}

	div.sustainability .form__flex.other2.check.check4 .form__right p.other{
		width: 120px!important;
	}

	.other input{
		position:relative;
		top: 1px;
		font-size: 15px;
	}

	div.sustainability .form__flex.other2.check.check4 .form__right p.other{
		top: -2px;
		margin-right: 25px;
	}

	.check2.check3 .wpcf7-checkbox .wpcf7-list-item{
		width: 50%;
	}

	.other:before{
		font-size: 15px;
	}

	.other:after{
		font-size: 15px;
	}

	header.open.active .spr1 a{
		color: white!important;
	}

	header.open.active .spr1 a span{
		border-color: white!important;
	}

	header.open.active .menu_button .menu_icon01 span{
		background: white!important;
	}

	.navp__button{
		display:block;
		position:absolute;
		right: 0;
		top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);		
		width: 35px;
		height: 35px;
		z-index: 9;
		cursor: pointer;
	}

	.nav__child{
		transition: 0.5s;
		height: 0;
	}

	.nav__child#child-1.open{
		height:840px;
	}

	.nav__child#child-2.open , .nav__child#child-5.open{
		height:242px;
	}

	 .nav__child#child-4.open{
	 	height: 145px;
	 }

	.nav__child#child-3.open{
		height:307px;
	}

	.mfr1__tb{
		display:block;
		width: 400px;
		max-width: 100%;
		margin:0 auto 30px;
	}

	.philosophy__img{
		max-width:100%;
	}

	.mf__right{
		display:none;
	}

	.page__right .message__flex{
		display:block;
	}

	.page__right .message__flex .mf__left{
		width: 100%;
		padding: 0;
	}

	.header__left p{
		display:none;
	}

	.header__right{
		display:none;
	}

	header{
		height: 98px;
	}

	.nav__area{
		top: 90px;
	}

	.nav__area a.cl__logo{
		top: 20px;
		width: 120px;
	}

	.page__area{
		margin-top: 100px;
	}

	.map__button{
		flex-wrap: wrap;
	}

	.map__button li{
		margin-bottom: 5px;
		white-space: nowrap;
	}

	.fs4__flex h3.mb__plus{
		margin-bottom: 35px;
	}

	.page__area p.page__en.fig{
		font-size: 80px;
	}

	.interview__flex2{
		display:block;
	}

	.interview__flex2 .if__col2{
		width: 100%;
		margin-bottom: 45px;
	}

	.page__right.interview h3.ifc__text2{
		height: auto;
	}

	.page__right .if__left .ifl__text2{
		font-size: 20px;
	}

	.arrow__link2.abo{
		position:relative;
		margin-top: 40px;
	}

	.sp__right{
		display:flex!important;
		align-items: center;
	}

	.header__flex{
		justify-content: space-between;
	}

	.spr1 a{
		color:black;
		font-size: 16px;
		text-decoration: none;
		display:block;
		position:relative;
		top: -2px;
	}

	.spr1 a span{
		width: 28px;
		height: 16px;
		line-height: 12px;
	    padding: 1px 0;
	    box-sizing: border-box;
	    display: inline-block;
	    border: 1px solid black;
	    border-radius: 20px;
	    margin-left: 5px;
	    font-size: 10px;
	    text-align: center;
	    position:relative;
	    top: -1px;
	}

	.spr2{
		margin:0 25px;
	}

	.spr2 a{
		display:block;
		cursor: pointer;
	}

	.spr2 a img{
		width:45px;
	}

	.home .spr1 a{
		color: white;
	}

	.home .spr1 a span{
		border-color: white;
	}

	.home .menu_button .menu_icon01 span{
		background: white;
	}

	.prc__right img.position2{
		width: 87%;
	}

	.contact p.contact__text1{
		margin-top: 65px;
	}

	.taisei__contact{
		margin:60px 0 90px;
	}

	.contact .arrow__link2{
		font-size: 14px;
	}

	.arrow__link2.c__ver{
		max-width: 100%;
	}

	.taisei__right .tr__col2{
		width: 225px;
	}

	.taisei__right .tr__col1{
		padding-right: 20px;
		width: calc(100% - 225px);
	}

	.product2 .wpcf7-checkbox .wpcf7-list-item{
		width: 50%;
	}

	.check2 .wpcf7-checkbox .wpcf7-list-item{
		width: 100%;
	}

	.form__left{
		padding:25px 15px;
		width: 250px;
	}

	.form__right{
		width: calc(100% - 250px);
		padding:25px 20px;
	}

	/* div.sustainability .form__left p{
		font-size: 16px;
	}

	div.sustainability .form__right p{
		font-size: 15px;
	} */

	.radio .wpcf7-list-item{
		margin-bottom: 5px;
	}

	/* div.sustainability .form__left p a{
		font-size: 16px;
	} */

	div.sustainability .form__left p span.fig{
		margin-right: 14px;
	}

	.form__flex.address .form__right p.add3 span ,
	.form__flex.address .form__right p.add2 span{
		width: calc(100% - 80px);
	}

	.form__flex.address .form__right p span.ad__title{
		width: 80px;
	}



}

.sp{
	display:none!important;
}

/*SP用配置変更、見出しのみフォントサイズダウン*/
@media screen and (max-width: 800px){

	header.lock , ul.scroll.lock , .sp.sp__bottom.lock{
		transform: translateY(0%)!important;
	}

	.tax__flex .tf__left img{
		height: 47vw;
	}

	.la__flex a img{
		width: 42px;
		display: block;
		margin-right:20px;
	}
	
	.la__flex a p{
		margin:0;
		color:#141A1D;
		font-size: 15px;
		font-weight: bold;
	}

	.page__right .gmap__link{
		margin-bottom: 40px;
	}

	ul.scroll{
		transition: 0.5s;
	}

	ul.scroll.js_hide{
		transform: translateY(-170px);
	}

	.nav__area a.circle__logo.page-ver{
		display:none;
	}

	.tc__flex{
		display:block;
		margin:70px 0;
	}

	.tc__flex .tcf__col{
		width: 100%;
	}

	.tc__flex .tcf__col.tcf__col2{
		width: 100%;
		margin-top: 30px;
	}

	div.sustainability .form__right p.other{
		left: 56vw;
		bottom: 20px;
	}

	div.sustainability .form__flex.other2.check.check4 .form__right p.other{
		top: 0;
	}

	.check .wpcf7-list-item label input{
		top: 2px;
	}

	.single__thm.mt0{
		left: -20px;
		width:calc(100% + 40px);
	}


	.fs2__flex.al-start .fs2__left{
		margin-top: 0px;
	}

	.relp__flex a img{
		height: 15vw;
	}

	.sp.sp__bottom{
		position:fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background: #3B66D5;
		display:flex!important;
		z-index: 9;
		transition: 0.4s;
		opacity: 1;
		pointer-events: auto;
	}

	/*.sp.sp__bottom.hidden{
		opacity: 0;
		pointer-events: none;
	}*/

	.sp.sp__bottom.js_hide{
		transform: translateY(100%);
	}

	.sp__bottom a{
		display:block;
		width: 33.33%;
		border-right:1px solid white;
		color:white;
		text-decoration: none;
		text-align: center;
		padding:7px 0 3px;
		font-size: 14px;
	}

	.sp__bottom a img{
		width: 33px;
		display:block;
		margin:0 auto;
	}

	.sp__bottom a img.sb__logo1{
		padding:3px 0;
	}

	.sp__bottom a img.sb__logo2{
		width: 39px;
	}

	.sp__bottom a img.sb__logo3{
		padding:2px 1px;
	}

	.sp__bottom a span{
		display: inline-block;
		position: relative;
	}

	.sp__bottom a span:after{
		content: '';
		position:absolute;
		right: -17px;
		top: 5px;
		width: 12px;
		height: 16px;
		background-image: url('img/link4.png');
		background-size: cover;
	}

	.sp__bottom a:last-child{
		border:0;
	}

	.vb__hidden.open{
		height: 51vw;
	}

	div.sustainability p.mandara1{
		font-size: 30px;
	}

	div.sustainability p.mandara3{
		font-size:15px;
	}

	.vb__text{
		padding:20px 0;
		padding-right: 45px;
		display:block;
	}

	.vb__text .vbt1{
		width: 100%;
		font-size: 20px;
	}

	.vb__text .vbt2{
		width: 100%;
		padding:0 ;
	}

	.product__flex1 .pf__col1 img{
/*		height: 40vw;*/
	}

	.product__flex1.height1 .pf__col1 img{
		height: 42vw;
	}

	.product__flex1.height2 .pf__col1 img{
		height: 23vw;
	}

	.footer__ver .nav__box{
		border-color: white;
	}

	.footer__ver .nav__parent:before ,
	.footer__ver .nav__parent:after{
		background: white;
	}

	.footer__ver .nav__box:after{
		background: #3B66D5;
	}

	.tab__area .loaction__tab a{
		opacity: 1!important;
	}

	.nav__child{
		transition: 0.5s;
		height: 0;
	}

	.nav__child#child6.open , .nav__child#child7.open , .nav__child#child8.open , .nav__child#child9.open{
		height: 220px;
	}

	.nav__child#child7.open{
		height: 250px;
	}

	.nav__child#child8.open{
		height: 120px;
	}

	.cookie__flex{
		display:block;
	}

	.cookie__left{
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}

	.cookie__right{
		width: 100%;
	}

	.cookie__right a#button1{
		width: 23%;
	}

	.cookie__right a#c__button2{
		width: 32%;
	}

	.cookie__right a#c__button3{
		width: 27%;
	}

	.page__right.product.tax.tax__all{
		padding-left: 0;
	}

	.ps__title{
		font-size: 36px;
		line-height: 1.4;
	}

	.tax__all .product__flex1 .pf__col1 img{
		height: 27vw;
	}

	.thm__box{
		height: 27vw;
	}

	.pf__col1 .noimage{
		height: 27vw;
	}

	.cp__flex{
		display:block;
	}

	.cp__left{
		width: 100%;
		margin-bottom: 10px;
	}

	.cp__right{
		width: 100%;
	}

	.product__info{
		display: block;
	}

	.product__center{
		margin-top: 60px;
	}

	h3.mt__plus{
		margin-top: 110px!important;
	}

	.center a.arrow__link{
		width: 340px;
		font-size: 17px;
		padding:15px 22px;
	}

	.center a.arrow__link:after{
		width: 32px;
		height: 32px;
		top: 17px;
	}

	.relative__area h3{
		font-size: 26px;
	}

	.relative__link a{
		width: 48%;
		margin:0 0 20px!important;
	}

	.relative__link{
		justify-content: space-between;
	}

	.relative__link{
		margin-top: 50px;
	}

	.relative__area{
		padding:80px 0 50px;
	}

	.oa__flow{
		margin-top: 50px;
	}

	.imgex__flex{
		display:block;
	}

	.imgex__flex .imgf__col{
		width: 100%;
	}

	.product__ex{
		padding:45px 30px 10px;
	}

	.pi__left{
		width: 100%;
	}

	.pi__right{
		width: 100%;
	}

	.pi__right img{
		height: auto;
	}

	.page__right.product.product2{
		padding-left: 0;
	}

	.ps__title span{
		margin-left: 15px;
	}

	.nav__area{
		margin-top: 0;
		left: 0;
		top: 80px;
		width: 100%;
		box-sizing: border-box;
		padding:20px;
		z-index: 2;
		transition: 0.4s;
	}

	ul.scroll{
		transition: 0.4s;
	}

	.nav__area.in , ul.scroll.in{
		pointer-events: none;
		opacity: 0;
	}

	header.active2{
		box-shadow:inherit;
	}

/*	.nav__area.active{
		background: white;
	}*/

	.nav__area .wrap1{
		padding:0;
	}

	.wrap1.flex{
		display:block;
	}

	.wrap1.flex .pickup__left{
		display:flex;
		align-items: center;
		width: 100%;
	}

	.wrap1.flex .pickup__left h3{
		width: 85px;
		font-size: 20px;
	}

	.wrap1.flex .pickup__right .p__title{
		font-size: 15px;
		width: 100%;
	}

	.wrap1.flex .pickup__left p{
		width: calc(100% - 80px);
		font-size: 14px;
		margin: 0;
		position:relative;
		top: 2px;
    	color: #939393;
	}

	.wrap1.flex .pickup__right{
		display: block;
		top: 0;
	}

	.wrap1.flex{
		padding:0 40px;
	}

	.wrap1.flex .pickup__right{
		width: 100%;
		margin-top: 5px;
	}

	.wrap1.flex .pickup__right a .p__title{
		width: 100%;
	}

	.qa__area .question{
		padding-left: 0;
	}

	.fs2__right .answer{
		padding-left: 0;
	}

	.fs2__right .answer:before{
		display:none;
	}

	.footer__section4 .slider-1 li a img{
		height: 35vw;
	}

	.time-slide.type1{
		width: calc(100% + 40px);
		left: -20px;
		margin-top: 80px;
	}

	.sp__share{
		margin-top: 80px;
	}

	.singlebottom__area{
		margin-top: 50px;
	}

	.sp__share .fig{
		color:#3B66D5;
		margin:0 0 10px;
		font-size: 16px;
	}

	.sp__share .category__type{
		display:flex;
		flex-wrap: wrap;
		list-style: none;
		padding:0;
		margin: 0;
	}

	.sp__share .category__type li{
		display:block;
		border: 0;
	}

	.sp__share .category__type li a{
		 display: inline-block;
		font-size: 13px;
		color: #3B66D5;
		border: 1px solid #3B66D5;
		padding: 2px 10px;
		border-radius: 15px;
		transition: .4s;
		text-decoration: none;
		margin-right: 10px;
	}

	.sns-list{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.sns-list div{
		width: 48%;
	}

	.sns-list div a{
		width: 100%;
	}

	.sustainability .partner__ver h3{
		font-size: 24px;
	}

	.privacy .policy__ver a.arrow__link2 img{
		width: 30px;
	}

	.privacy ol.ver2.bg li span{
		position:relative;
		top: 0;
		margin-bottom: 10px;
	}

	.privacy ol.ver2.size2.jp.bg li{
		padding-left: 0;
	}

	.company__area .company__flex .cf__col:nth-child(odd){
		transition-delay: 0.1s;
	}

	.company__area .company__flex .cf__col:nth-child(even){
		transition-delay: 0.3s;
	}

	.enf__left{
		width: calc(100% - 150px);
	}

	.enf__right{
		width: 150px;
		padding-left: 20px;
	}

	.sustainability .sdgs p.enf__text1 br{
		display:none;
	}

	.privacy p.q__text2 br{
		display:none;
	}

	.about__slider .slick-dots{
		left: 10px;
	}

	.faq .question:after{
		right: 10px;
	}

	.faq .question h4{
		padding-right: 40px;
		padding-bottom: 25px;
	}

	.single__thm img{
		height: auto;
	}

	.single__title{
		font-size: 24px;
	}

	.slider-3 li img.slider1-1{
		width: 186px;
	}

	.slider-3 li img.slider1-2{
		width: 360px;
	}

	.slider-3 li img.slider1-3{
		width: 196px;
	}

	.slider-3 li img.slider1-4{
		width: 288px;
	}

	.slider-3 li img.slider1-5{
		width: 196px;
	}

	.slider-3 li img.slider1-6{
		width: 360px;
	}

	.interview__flex2 .if__col2:nth-child(even){
		transition-delay: .1s;
	}

	.nav__area a.cl__logo{
		width: 100px;
		top: 35px;
		right: 20px;
	}

	.page__area{
		padding:80px 20px 70px;
	}

	.scroll-infinity.width__plus{
		margin-top: 100px;
		position:relative;
		width: calc(100% + 40px);
		left: -20px;
	}

	.pr__categoryarea .prc__left a:before{
		display:none;
	}

	.prc__right{
		display:none;
	}

	.pr__categoryarea .prc__left{
		width: 100%;
	}

	.visible__area{
		display:block;
	}

	.switch__box{
		position:relative;
		padding:25px 0;
		border-top:1px solid #DCDBD1;
		border-bottom:1px solid #DCDBD1;
	}

	.page__404.page__area .page__title{
		font-size: 64px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.visible__area .va__text1{
		width: 100%;
		font-size: 13px;
	}

	.visible__area .va__text2{
		width: 100%;
		box-sizing: border-box;
		padding-left: 45px;
		margin-top: 5px;
		position:relative;
		z-index: 2;
	}

	.switch__box:after{
		content: '';
	    position: absolute;
	    right: 0;
	    top: 53px;
	    width: 35px;
	    height: 35px;
	    background: #3B66D5;
	    border-radius: 50%;
/*	    z-index: 2;*/
	}

	.hidden__area{
		opacity: 0;
		transition: 0.5s;
		transition: 500ms max-height ease;
	}

	.arrow__link2.type3.sp{
		display:block;
		margin:40px auto 0;
	}

	.hidden__area{
		transition: 0.4s;
		opacity: 0;
		max-height: auto!important;
		visibility: inherit;
	}

	.switch__box:after{
		top: 54px;
	}

	.hidden__area.active{
		opacity: 1;
		visibility: inherit;
		height: 84vw;
		padding-top: 30px;
	}

	.search__area input{
		font-size: 14px;
		padding-left: 15px;
		padding-right: 40px;
	}

	.search__area button{
		right: 20px;
	}

	.hidden__area p:after{
		display:none;
	}

	.hidden__area p{
		padding: 0;
		font-size: 14px;
		margin:0 0 15px;
	}

	.hidden__area img{
		width: 100%;
	}

	.hidden__area img.cate{
			height: 63vw;
			object-fit: cover;
			border-radius: 20px;	
	}

	.hidden__area a{
		display:flex!important;
		align-items: center;
		color:black;
		text-decoration: none;
		transition: .4s;
		font-size: 14px;
		font-weight: bold;
		justify-content: right;
		border:0!important;
		padding: 0!important;
		margin-top: 15px!important;
	}

	.active .visible__area .va__text2:before{
		transform: rotate(0deg);
	}

	.hidden__area a:hover{
		opacity: 0.6;
	}

	.hidden__area a img{
		width: 19px;
		display:block;
		margin-left: 8px;
	}

	.switch__box .visible__area{
		cursor: pointer;
	}

	.visible__area .va__text2:before{
		content: '';
	    position: absolute;
	    right: 10px;
	    top: 50%;
	    width: 15px;
	    height: 1px;
	    background: white;
	    transform: rotate(90deg);
	    transition: 0.4s;
	    z-index: 3;
	}

	.visible__area .va__text2:after{
		content: '';
	    position: absolute;
	    right: 10px;
	    top: 50%;
	    width: 15px;
	    height: 1px;
	    background: white;
	    transition: 0.4s;
	    z-index: 3;
	}

	.page__area p.page__en.fig{
		font-size: 64px;
		line-height: 1.2;
		margin-bottom: 20px;
	}

	.page__404.page__area .page__title span{
		display:block;
		margin-left: 0;
	}

	.page__404.page__area .page__en{
		font-size: 24px;
		margin-bottom: 40px;
	}

	.page__404.page__area p.page__text1{
		font-size: 16px;
	}

	.fs1__flex{
		display:block;
	}

	.fs1__flex .fs1__left{
		width: 100%;
		padding: 0;
	}

	.fs1__flex .fs1__right{
		width: 100%;
	}

	.fs1__flex .fs1__left h3{
		margin-bottom: 25px;
	}

	.fs2__flex{
		display:block;
	}

	.fs2__left{
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	.fs2__right{
		width: 100%;
	}

	.fs2__left--text1{
		font-size: 60px;
		margin-bottom: 0;
	}

	.fs2__left h3{
		margin-bottom: 5px;
	}

	.qa__area .question span{
		display:none;
	}

	.fs2__right{
		padding:25px 20px ;
	}

	.qa__area:after{
		top:2px;
	}

	.qa__area .question:before{
		top:15px;
	}

	.qa__area .question:after{
		top: 15px;
	}

	.ca__flex{
		display:block;
	}

	.ca__flex .ca__left{
		width: 100%;
		padding:0 ;
	}

	.ca__right{
		max-width: 100%;
	}

	.ca__left h3{
		margin-bottom: 5px!important;
	}

	.ca__left--text1{
		font-size: 60px;
		margin-bottom: 0;
	}

	.ca__right{
		margin-top: 30px;
	}

	.contact__area{
		padding:40px 30px;
	}

	.slider-1{
		padding:0 25px 10px;
	}

	.slider-1 .slick-dots{
		position:relative;
		top: 10px;
	}

	.slider-1 .prev-arrow{
		top: inherit;
		bottom: -13px;
		left: 30px;
	}

	.slider-1 .next-arrow{
		top: inherit;
		bottom: -13px;
		right: 30px;
	}

	.fs4__row2{
		padding-top: 60px;
	}

	.fs4__flex{
		display:block;
	}

	.fs4__col1 , .fs4__col2 , .fs4__col3{
		width: 100%;
		padding: 0;
	}

	.fs4__flex h3 a{
		padding: 0!important;
	}

	.fs4__flex h3 a:before{
		display:none;
	}

	.fs4__flex ul{
		flex-wrap: wrap;
	}

	.fs4__flex ul div{
		width: 50%!important;
	}

	.pc{
		display:none!important;
	}

	.sp{
		display:block!important;
	}

	.staff__message .sp{
		display:inline-block!important;
	}

	.fs5__flex{
		display:block;
	}

	.fs5__flex .fs5__left{
		width: 100%;
	}

	.fs5__flex .fs5__right{
		width: 100%;
		margin-top: 45px;
	}


	.img__flex{
		justify-content: space-between;
	}

	.img__flex div{
		width: 33.3%;
		margin-bottom: 30px;
	}

	.img__flex div img{
		display:block;
		margin:0 auto;
	}

	.fs5__flex2{
		margin-top: 30px;
		display:block;
	}

	.spf__link{
		margin-bottom: 25px;
	}

	.spf__link p{
		margin:0 0 5px;
	}

	.spf__link p a{
		display:inline-block;
		color:#888;
		transition: 0.4s;
		text-decoration: none;
		font-size: 13px;
	}

	.spf__link p a:hover{
		opacity: 0.6;
	}

	.company__area .company__flex.type2 .cf__col{
		width: 48%;
		margin-bottom: 35px;
	}

	.sustainability__area a{
		display:block;
		height: auto;
	}

	.sus__left2, .sus__right{
		width: 100%;
		padding: 50px 30px;
	}

	.sus__right2, .sus__left{
		width: 100%;
	}

	.sus__left img, .sus__right2 img{
		height: auto;
	}

	.page__content{
		display:block;
	}

	.page__left{
		width: 100%;
		position:inherit;
	}

	.page__right{
		width: 100%;
		margin-top: 60px;
		padding: 0;
	}

	.page__en.type2 span{
		display:block;
		margin:8px 0 0;
	}

	.page__en.type2{
		line-height: 1.5;
		margin-bottom: 20px;
	}

	.sus__right2, .sus__left{
		line-height: 1;
	}

	.sus__left img, .sus__right2 img{
		line-height: 1;
	}

	.award__flex{
		display:block;
	}

	.award__flex .award__col{
		width: 100%;
	}

	.page__right.product.tax{
		padding-left: 0;
	}

	.page__right h3.border__title{
		font-size: 25px;
	}

	.tax__flex{
		display:block;
	}

	.tax__flex .tf__left{
		width: 100%;
	}

	.tax__flex .tf__right{
		width: 100%;
		padding: 0;
	}

	.rel__area{
		padding-left: 20px;
	}

	.product h3{
		font-size: 20px;
	}

	.tax.product h3{
		font-size: 25px;
	}

	.tax.product .rel__area h3{
		font-size: 20px;
	}

	.arrow__link3{
		width: 135px;
		font-size: 14px;
	}

	.ra__flex{
		width: calc(100% - 30px);
	}

	.product .category__area li{
		margin-bottom: 10px;
	}

	.privacy a.arrow__link{
		width: 390px;
		font-size: 17px;
		padding:12px 10px;
	}

	.arrow__link:after{
		width: 32px;
		height: 32px;
		right:10px;
		top: 13px;
	}

	.page__content2 .slider-4 img{
		width: 1200px;
	}

	.page__content2{
		margin-top: 100px;
	}

	.page__content2 .slider-4{
		margin-top: -100px;
	}

	.page__right.service{
		padding-left: 0;
	}

	.service__main{
		margin:30px 0 25px;
	}

	.si__flex{
		display:block;
	}

	.si__flex .si__right{
		width: 100%;
		margin-top: 0px;
	}

	h3.service__sec__title{
		padding:10px 25px;
		margin-top: 100px;
		font-size: 20px;
	}

	.section__image{
		margin-top: -28px;
	}

	h3.service__sec__title span{
		font-size: 13px;
		top: 1px;
	}

	h4.service__sec1{
		font-size: 20px;
	}

	p.service__sec2{
		font-size: 15px;
	}

	.service .page__en.type2{
		font-size: 50px;
	}

	.company__area .company__flex .cf__col{
		width: 48%;
	}

	.page__right .message__flex{
		display:block;
		margin-bottom: 100px;
	}

	.page__right .message__flex .mf__left{
		width: 100%;
		padding: 0;
	}


	.page__right .message__flex .mf__right{
		width: 100%;
		margin-top: 40px;
	}

	.page__right .outline__flex .of__left{
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 0;
		border-bottom: 0;
	}

	.outline__flex{
		display:block;
	}

	.page__right .outline__flex .of__right{
		width: 100%;
		padding-left: 0;
	}

	.page__right .outline__flex.type2 .of__right{
		padding: 0 0 35px;
	}

	.page__right .outline__flex.mbsp0{
		margin-bottom: 0;
	}

	.history__row{
		display:block;
	}

	.history__row .hr__text1{
		width: 100%;
		top: -14px;
	}

	.history__row .hr__text2{
		width: 100%;
	}

	.history__row{
		padding-bottom: 50px;
	}

	.privacy a.pdf__link{
		max-width: 100%;
	}

	.history__row{
		padding-left: 40px;
	}

	.privacy a.pdf__link{
		font-size: 13px;
	}

	.privacy a.pdf__link span{
		right: 12px;
	}

	.quality__area .quality__flex{
		display:block;
	}

	.qf__left{
		width: 100%;
	}

	.qf__right{
		width: 100%;
		padding:0;
		margin-top: 25px;
	}

	.page__right.interview{
		padding-left: 0;
	}

	.interview__flex{
		display:block;
	}

	.if__left{
		width: 100%;
		padding:30px 25px 55px;
		position:relative;
		z-index: 2;
	}

	.if__right{
		width: 100%;
		height: auto;
	}

	.if__right img{
		height: auto;
		width: 100%;
		margin-top: -20px;
	}

	.page__right.staff{
		padding-left: 0;
	}

	.staff__textarea .st__flex:first-child{
		border-top: 0;
	}

	.st__flex{
		display:block;
	}

	.st__left{
		width: 100%;
	}

	.st__right{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.st__right img.img7{
		max-width: 100%;
		margin:0 auto;
	}

	.page__area.staff{
		padding-bottom: 100px;
	}

	.other__area{
		padding:34vw 0 150px;
	}

	.clip__mainV{
		width: calc(100% + 80px);
		left: -40px;
	}

	h3.staff__message{
		font-size: 23px;
	}

	.arrow__link2.abo2{
		position:relative;
		margin-top: 30px;
		right: 0;
	}

	.card__area{
		padding-left: 50px;
	}

	.loaction__area{
		padding:55px 30px 40px;
	}

	.la__flex{
		display:block;
	}

	.la__flex .laf__left{
		width: 100%;
	}

	.la__flex .laf__right{
		width: 100%;
		padding: 0;
		margin-top: 30px;
	}

	.container{
		margin-top: 60px;
	}

	.loaction__tab a{
		font-size: 15px;
	}

	.page__right .bg__plus.flex p , .page__right .bg__plus.flex p{
		font-size: 14px;
	}

	.vision p.bg__plus{
		font-size: 14px;
	}

	div.sustainability p.showroom__1{
		margin:15px 0 3px;
	}

	.event__flex{
		display:block;
	}

	.event__flex .ef__col{
		width: 100%;
	}

	.event__area2 .ef__col2{
		display:block;
		margin-bottom: 60px;
	}

	.event__area2 .ef__col2 .ef2__left{
		width: 100%;
		padding: 0;
	}

	.event__area2 .ef__col2 .ef2__right{
		width: 100%;
		padding: 0;
	}

	.benefits__flex{
		display:block;
	}

	.benefits__flex .benefits__col{
		width: 100%;
	}

	.ts1__flex{
		display:block;
	}

	.top__section1 .left{
		position:relative;
		width:calc(100% - 20px);
		top: 0;
		transform: translateY(0%);
    	-webkit-transform: translateY(0%);
    	-ms-transform: translateY(0%);
	}

	.ts1__left{
		width: 100%;
	}

	.ts1__right{
		width: 100%;
		padding: 0;
		margin-top: 40px;
	}

	.sec__title{
		margin-bottom: 20px;
	}

	.sec__title2{
		line-height: 1.4;
	}

	.top__section1{
		padding-bottom: 80px;
	}

	.ts2__box{
		padding:80px 0 ;
	}

	.ts2__flex{
		display: block;
	}

	.sec__title2.fig{
		font-size: 64px;
	}

	.tab__area{
		margin-top: 80px;
	}

	.loaction__tab a:after{
		display:none;
	}

	.loaction__tab a{
		display:flex;
		align-items: center;
		justify-content: center;
		line-height: 1.2;
	}

	.loaction__area2 .la__flex{
		margin-top: 0;
		display:flex;
		justify-content: space-between;
	}

	.loaction__area2 .la__flex a{
		width: 48%;
	}

	.ts3__flex .ts3__right ol{
		display:none;
	}

	.ts3__flex .ts3__left{
		width: 100%;
		padding: 0;
	}

	.ts3__flex{
		display:block;
	}

	.tsb__flex{
		display:block;
	}

	.tsb__right{
		width: 100%;
		padding: 0!important;
		margin-bottom: 30px;
	}

	.tsb__left{
		width: 100%;
	}

	.ts3__benefits{
		border-radius: 35px;
		max-width: calc(100% - 40px);
	}

	.ts3__box{
		border-radius: 35px;
	}

	.ts3__benefits{
		padding:30px 20px;
	}

	.ts4__box{
		padding:80px 20px;
	}

	.ts4__flex2{
		display:block;
	}

	.ts4__flex2 a{
		display:block;
		width: 100%;
		padding:0 20px;
		height: 87vw;
	}

	.ts4__flex2 a .co__text1{
		padding-top: 50vw;
	}

	.ts5__flex2 .ts5__left{
		position:relative;
		width: 100%;
		padding-left: 0;
		margin-bottom: 50px;
	}

	.ts5__left .category__area{
		display:flex;
	}

	.ts5__flex2{
		padding-left: 0;
	}

	.ts5__left .category__area li{
		margin-right: 8px;
	}

	.ts5__flex2 .ts5__right a .news__title{
		width: 100%;
	}

	.ts5__flex2 .ts5__right{
		padding-bottom: 50px;
	}

	.top__section5{
		padding:250px 0 80px;
		margin-top: -160px;
	}

	.mainV, .mv__slick, .mv__slick .slick-list, .mv__slick .slick-track{
		height:800px;
	}

	.mv__slick .slick-dots{
		top: 50%;
	}

	.mv__slick .slick-dots li{
		width: 12px;
		height: 12px;
	}

	.mv__slick .slick-dots li.slick-active:after{
		width: 12px;
		height: 12px;
	}

	.mainV h2{
		padding:500px 0 0px;
		font-size: 50px;
		line-height: 1.1;
	}

	.circle__logo{
		display:none;
	}

	.arrow__link2.type2{
		width: 320px;
		padding-left: 25px;
	}

	.ts2__box{
		border-radius: 35px;
	}

	.ts3__box{
		padding:80px 0 50px;
	}

	.ts4__box{
		border-radius: 35px;
	}

	.fs4__flex ul{
		display:flex!important;
	}

	.fs4__flex ul.pc{
		display:none!important;
	}

	.fs4__flex ul.w100{
		display:block!important;
		margin-top: 20px;
	}

	.fs4__flex ul.w100 li{
		width: 100%;
		margin-bottom: 8px;
	}

	.fs4__flex ul.w100 li a{
		font-size: 14px;
		color: rgba(255, 255, 255, 0.5);
	}

	.fs4__flex h4{
		font-size: 16px;
	}

	.fs4__flex ul li a{
		font-size: 14px;
	}

	.fs4__flex h3{
		font-size: 18px!important;
	}

	.sp__area{
		margin-top:30px;
	}

	.sp__area .nav__parent{
		font-size: 20px;
	}

	.sp__area .nav__box:after{
		top: 17px;
	}

	.lo__link{
		display:block;
		color:white;
		transition: 0.4s;
		font-size: 20px;
		text-decoration: none;
		border-bottom: 1px solid white;
		padding:17px 0;
	}

	.lo__link.first{
		border-top:1px solid white;
	}
	
	.sp__search{
		position:relative;
		margin-top: 50px;
		width: 100%;
	}

	.sp__search input{
		font-family: "Zen Kaku Gothic New", serif;
		font-size: 15px;
		letter-spacing: 0.02em;
		line-height: 1.7;
		font-weight: bold;
		width: 100%;
		box-sizing: border-box;
		border-radius: 10px;
		border:1px solid white;
		color:white;
		padding:15px 25px;
		padding-right: 50px;
	}

	.sp__search input::placeholder{
		color:white;
	}

	.sp__search button{
		position:absolute;
		width: 20px;
		height: 20px;
		right: 20px;
		top: 50%;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);	
	}

	.sp__area  button img{
		width: 100%;
	}

	.footer__section4{
		padding-bottom: 80px;
	}

	.fs4__flex ul div li{
		margin-bottom: 5px;
	}

	.page__right.product{
		padding-left: 0;
	}

	.search__type1{
		width: 100%;
	}

	.page__area.product{
		padding-bottom: 80px;
	}

	.product__flex1{
		justify-content: space-between;
	}

	.product__flex1 .pf__col1{
		width: 48%;
		margin:0 0 45px!important;
	}

	.product__flex1 .pf__col1 h4{
		font-size: 18px;
	}

	.product__flex1 .pf__col1 p{
		font-size: 14px;
	}

	.pf__col2{
		display:block;
	}

	.pf__col2 .pf2__left{
		width: 100%;
	}

	.pf__col2 .pf2__right{
		width: 100%;
		padding: 0;
	}

	.pf__col2 .pf2__right h4{
		font-size: 18px;
		margin-top: 10px;
	}

	.pf__col2 .pf2__right p{
		font-size: 14px;
	}

	.product a.arrow__link5{
		font-size: 14px;
		width: 95px;
	}

	.product a.arrow__link5:after{
		width: 16px;
		height: 10px;
	}

	.page__right.news{
		padding-left: 0;
		width: 100%;
	}

	.page__right.news{
		padding-top: 0;
	}

	.page__left ul.category__type{
		display:flex;
		flex-wrap: wrap;
	}

	.page__left ul.category__type li{
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.news .page__left{
		width: 100%;
	}

	.page__right .news__flex a{
		width: 48%;
		margin:0 0 40px!important;
	}

	.rel__area{
		width: calc(100% + 40px);
	}

	.page__right .page__ver.scroll-area .news__flex a{
		margin-right: 30px!important;
	}

	.page__right .news__flex{
		justify-content: space-between;
	}

	.news .page__right .news__flex a img , .lh1 , .news .page__right .news__flex a .noimage{
		height: 24vw;
	}

	.news__flex .noimage p{
		font-size: 2.2vw;
	}

	.news .page__right .news__flex a .news__title{
		margin-top: 10px;
	}

	.page__area.news{
		padding-bottom: 80px;
	}

	.vision p.vision__text1{
		font-size: 18px;
		margin-bottom: 55px;
	}

	.ph__flex{
		overflow-x:scroll;
	}

	.phf__col{
		display:block;
		min-width: 200px;
		max-width: 200px;
/*		margin-bottom: 40px;*/
	}

	.phf__col{
		margin-right: 15px;
	}

	.phf__col .phf__text1{
		margin-top: 10px;
	}

	.philosophy__ver , .privacy ol.border__ver ,
	.philosophy p.spirit2.last , .privacy ol.ver2.mt__half.border{
		margin-bottom: 120px;
	}

	.policy__flex{
		display:block;
	}

	.policy__flex .pf__left{
		width: 100%;
		padding: 0;
	}

	.policy__flex .pf__right{
		padding: 0;
		width: 100%;
		margin-top: 30px;
	}

	.page__area.staff{
		padding-bottom: 150px!important;
	}

	.slider-3{
		margin-top: -19vw;
	}

	.other__area{
		margin-top: -24vw;
		padding-top: 29vw;
	}

	.page__left.single__ver{
		display: none;
	}

	.page__area.faq{
		padding-bottom: 120px;
	}

	.page__right .message__flex{
		margin-bottom: 30px;
	}

	.page__left{
		padding: 0;
	}

	.page__left p.fig{
		display:none;
	}

	.page__content{
		margin-top: 50px;
	}

	.page__left ul li a:after{
		display:none;
	}

	.page__left ul{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.page__left ul li{
		width: 49%;
		border: 0;
		
		color:black;
			
		margin-bottom: 15px;		
		text-align: center;
		box-sizing: border-box;
		display:block;
	}

	.page__left ul li.sp100{
		width: 100%;
	}

	.page__left ul li a{
		display:flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		background: #F5F5F5;
		width: 100%;
		height: 100%;
		box-shadow:4px 4px 4px #EFEFEF;	
		line-height: 1.4;
		padding:20px 0;

	}

	.page__left ul li a:hover{
		background: #F5F5F5;
		color:black;
	}

	.nav__area a.cl__logo{
		display:none;
	}

	.page__area{
		position:relative;
		overflow-x: visible;
	}

	ul.scroll{
		position:fixed;
		left: 0px;
		top: 95px;
		width:100%;
		list-style: none;
		margin: 0;
		padding:8px 0;
		display:flex!important;
		background: #1E2C3B;
		overflow-x: auto;
		min-width:auto;
		z-index: 99;
	}

	.page__area{
		margin-top: 140px;
	}

	ul.scroll li{
		position:relative;
		padding:0 18px;
		flex-shrink: 0;
	}

	ul.scroll li:after{
		content: '';
		position: absolute;
		right: 0px;
		top: 50%;
	    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
		width: 1px;
		height: 15px;
		background: white;
	}

	ul.scroll li:last-child:after{
		display:none;
	}

	ul.scroll li a{
		color:white;
		text-decoration: none;
		font-size: 18px;
		display:block;
		position:relative;
	}

	ul.scroll li.current a:before{
		content: '';
		position:absolute;
		left: 0;
		bottom: -8px;
		width: 100%;
		height: 6px;
		background:#3B66D5;
		z-index: 9;
	}

	.page__left .search__type1{
		display:none;
	}

	.single__thm{
		left: -35px;
		margin-top: 0;
		width: calc(100% + 70px);
	}

	.single__thm:before{
		display:none;
	}

	.single__thm:after{
		display:none;
	}

	.ph__flex .phf__col:nth-child(2) ,.ph__flex .phf__col:nth-child(3){
		transition-delay: 0.1s;
	}

	.ph__flex .phf__col.inview1{
		transform: translateY(0px);
	}

	.event__flex .ef__col:nth-child(even) ,
	.benefits__flex .benefits__col:nth-child(even) ,
	.award__flex .award__col:nth-child(even){
		transition-delay: 0.1s;
	}

	.privacy a.arrow__link:after{
		top: 15px;
		width: 28px;
		height: 28px;
	}

	.privacy a.arrow__link{
		width: 400px;
	}

	div.sustainability p.pa__size2{
		font-size: 18px!important;
		line-height: 1.65;
	}

	div.sustainability p.pa__size3{
		font-size: 17px!important;
		margin-bottom: 30px;
	}

	.partner__flex{
		display:block;
	}

	.partner__flex .pf__col{
		width: 100%;
		margin-bottom: 20px;
	}

	.partner__flex .pf__col .pfc__1{
		height: auto;
		margin-bottom: 15px;
	}

	.partner__flex .pf__col:nth-child(2){
		transition-delay: 0.1s;
	}

	.partner__flex .pf__col:nth-child(3){
		transition-delay: 0.1s;
	}

	.pdf__flex{
		display:block;
	}

	.pdf__flex .pdf__left{
		width: 100%;
		padding:0;
	}

	.pdf__flex .pdf__right{
		width: 100%;
	}

	.pdf__flex .pdf__right img{
		margin:25px auto 0;
	}

	.op__flex .op__left{
		width: calc(100% - 180px);
	}

	.op__flex .op__right{
		width: 180px;
	}

	.op__flex .op__left .opl__1{
		font-size: 20px;
	}

	.sp__share .category__type li a.current{
		pointer-events: none;
		background: #3B66D5;
		color:white;
	}

	.page__area.no-clip{
		overflow-x: visible;
	}

	.product__center{
		width: calc(100% + 40px);
		position:relative;
		left: -20px;
	}

	.product__center .slider-4{
		overflow: hidden;
		width: 100%;
	}

	.page__area{
		margin-top: 75px;
	}

	.nav__area{
		top: 155px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.product__flex1 .pf__col1 .noimage p{
		font-size: 3vw;
	}

	.taisei__contact{
		display:block;
	}

	.taisei__left{
		width: 100%;
		line-height: 1;
	}

	.taisei__right{
		width: 100%;
		display:block;
		margin-top:-3px;
	}

	.taisei__right .tr__col1{
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}

	.taisei__right .tr__col2{
		width: 240px;
	}

	div.sustainability p.contact__text2{
		margin-bottom: 25px;
	}

	.form__flex{
		display:block;
	}

	.form__left{
		width: 100%;
		padding:15px;
	}

	.confirm .check2 .form__left{
		padding-top: 15px;
	}

	.form__right{
		width: 100%;
		padding:15px;
	}

	.slider-3.contact img{
		width: 600px;
		margin:0 20px;
	}

	.slider-3.contact{
		width: calc(100% + 40px);
		left: -20px;
		margin-top: -180px;
	}

	.submit__area{
		margin:100px 0 10px;
	}

	.form__left{

	}

	.check .wpcf7-list-item label input{
		width: 15px;
		height: 15px;
		margin-right: 4px;
	}

	div.sustainability .form__right p.fr__1{
		padding-left: 23px;
	}

	.check2 .form__left{
		padding-top: 15px;
	}

	.submit__area.flex{
		display:block;
	}

	div.sustainability .submit__area .sf1, div.sustainability .submit__area .sf2{
		margin:20px 0;
	}

	.submit__area.flex{
		margin-top: 75px;
	}






}


.sp2{
	display:none;
}

/*フォントサイズダウン*/
@media screen and (max-width: 480px){

	.hidden__area img.cate{
		height: 57vw;
	}

	.tax__flex .tf__left img{
		height: 57vw;
	}

	ul.scroll.js_hide{
		transform: translateY(-140px);
	}

	.sp2{
		display:block;
	}

	.sustainability .partner p{
		font-size: 14px;
	}

	.header__left h1 a img{
		width: 110px;
	}

	.spr1 a{
		font-size: 14px;
	}

	.spr2 a img{
		width: 40px;
	}

	.spr2{
		margin:0 14px;
	}

	.menu_button .menu_icon01{
		top: 4px;
	}

	.menu_button p{
		font-size: 12px;
		top: 2px;
	}


	header{
		height: 80px;
		padding:17px 0;
	}

	.nav__area{
		padding:10px 20px;
		top: 65px;
	}

	ul.scroll{
		top: 110px;
	}

	.nav__area{
		padding-bottom: 10px;
	}

	.page__area{
		padding:65px 15px 70px;
		border-radius: 25px;
	}

	.wrap1 , .wrap2 , .wrap3 , .wrap4{
		padding:0 15px;
	}

	.page__404.page__area .page__title{
		font-size: 52px;
	}

	.page__404.page__area .page__en{
		font-size: 20px;
	}

	.page__404.page__area p.page__text1{
		font-size: 15px;
	}

	.footer__section1 .wrap2{
		padding:0 30px;
	}

	.qa__area{
		margin-bottom: 14px;
	}

	.qa__area .question{
		font-size:14px;
		padding-bottom: 14px;
	}

	.qa__area:after{
		top: 1px;
	}

	.qa__area .question:before{
		top: 13px;
	}

	.qa__area .question:after{
		top: 13px;
	}

	.fs2__right .answer p{
		margin-bottom: 5px;
	}

	.fs2__right .answer p:last-child{
		margin-bottom:13px;
	}

	.footer__section2{
		padding-bottom: 60px;
	}
	

	.ca__left--text1{
		font-size: 53px;
		margin-bottom: 10px;
	}

	.ca__left--text2 br{
		display:none;
	}

	.ca__right{
		width: 100%;
	}

	.fs4__row{
		padding-bottom: 45px;
	}

	.slider-1{
		padding:0 15px 10px;
	}

	.slider-1 .prev-arrow{
		left: 15px;
	}

	.slider-1 .slick-dots li{
		margin:0 8px;
	}

	.slider-1 .next-arrow{
		right: 15px;
	}

	.slider-1 li{
		margin: 0 5px;
	}

	.footer__section4{
		padding-bottom: 60px;
	}

	.footer__section5{
		padding:60px 0 15px;
	}

	.fs5__flex .fs5__left .footer__logo{
		margin-bottom: 10px;
	}

	.fs5__left2{
		width: 100%;
	}

	.map__area{
		height: 70px;
	}

	.page__area p.page__en.fig{
		font-size: 45px;
	}

	.page__area p.page__text1{
		font-size: 15px;
	}

	.company__area .company__flex.type2 .cf__col{
		width: 100%;
	}

	.company__flex .cf__col .cf__text1{
		font-size: 13px;
	}

	.company__flex.type2 .cf__col .cf__text2{
		font-size: 17px;
	}

	.page__area.company.sustainability{
		padding-bottom: 60px;
	}

	.sustainability__area{
		padding:80px 0;
		margin-bottom: 60px;
	}

	.sus__left2, .sus__right{
		padding:40px 20px;
	}

	.nav__area{
		font-size: 12px;
	}

	.nav__area span{
		margin-bottom: 2px;
	}

	.sustainability h3{
		font-size: 25px;
		line-height: 1.55;
	}

	.page__right .environment__title{
		font-size: 18px;
	}

	.page__right .environment__title span{
		width: 30px;
		height: 30px;
		line-height: 31px;
		font-size: 14px;
		margin-right: 12px;
	}

	.sustainability .sdgs p{
		font-size: 14px;
	}

	.privacy ol.ver3.size3 li{
		font-size: 17px;
		padding-left: 34px;
	}

	.privacy ol.ver3.size3 li:before{
		font-size: 14px;
	}

	.sustainability .sdgs p.bg__plus, .page__area .partner p.bg__plus{
		margin:25px 0;
		font-size: 15px;
		padding:4px 15px;
	}

	.privacy ol.ver2.size2 li{
		padding-left: 40px;
		font-size: 15px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.privacy ol.ver2 li{
		padding-left: 35px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.privacy ol.ver2 li span{
		font-size: 17px;
	}

	.privacy ol.ver2 li:before{
		font-size: 15px;
	}

	.page__area.sustainability{
		padding-bottom: 80px;
	}

	.page__area .page__title{
		margin-bottom: 10px;
	}

	.page__en.type2{
		font-size: 30px;
		line-height: 1.35;
	}

	.page__en.type2.small__type{
		font-size: 28px;
	}

	.page__en.type2 span{
		margin:10px 0 0;
	}

	div.sustainability p.right{
		margin-top: 30px;
	}

	.page__right .environment__title{
		margin: 70px 0 20px;
	}

	h3.mt__plus{
		margin-top: 80px!important;
	}

	.page__content{
		margin-top: 50px;
	}

	.page__left p.fig{
		margin-bottom: 20px;
	}

	.privacy ol.ver2.size2.jp li:first-child{
		padding-top: 25px;
	}

	.privacy ol.ver2.jp li:nth-child(1):before{
		top: 24px;
	}

	.privacy ol.ver2.size2.jp li{
		padding-left: 63px;
	}

	.privacy ol.ver2.jp li:before{
		top: -2px;
	}

	.sustainability .sdgs p.ac__text1{
		font-size: 17px;
	}

	.sustainability .sdgs p.ac__text2{
		font-size: 14px;
	}

	.sustainability .sdgs p.ac__text1:before{
		top: 13px;
	}

	.award__flex .award__col{
		padding:25px 30px;
	}

	.basic-policy .privacy ol.ver2 li:before{
		top: 2px;
	}

	div.sustainability p{
		font-size: 15px;
	}

	div.sustainability p.right{
		font-size: 15px;
	}

	.pc2{
		display:none!important;
	}

	.sustainability .sdgs p.size2{
		font-size: 18px;
		line-height: 1.5;
	}

	.sdgs__flex img{
		width: 60px;
		margin-right: 10px;
	}

	.sdgs__flex{
		padding:15px 0;
	}

	.page__right h3.border__title{
		font-size: 23px;
		line-height: 1.6;
	}

	.product p.mt__plus , .tax__flex .tf__right p{
		font-size: 15px;
	}

	.rel__area{
		margin-top: 55px;
		padding:35px 0;
		padding-left:15px;
	}

	.product h3{
		font-size: 18px;
	}

	.arrow__link3{
		width: 125px;
		font-size: 13px;
	}

	.arrow__link3:after{
		width: 22px;
		height: 22px;
	}

	.page__right .page__ver .news__flex a{
		min-width: 220px;
		margin-right: 20px;
	}

	.page__right .page__ver .news__flex a img ,
	.thm__box2{
		height: 145px;
	}

	.page__right .page__ver .news__flex a .noimage{
		height: 145px;
	}

	.page__right .page__ver .news__flex a .rel__text1{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.page__right .page__ver .news__flex a .rel__text2{
		font-size: 13px;
	}

	.page__right .page__ver .news__flex{
		padding-bottom: 35px;
	}

	.product h3.mt__plus{
		margin-top: 80px;
	}

	.product .category__area li{
		font-size: 11px;
	}

	.page__area.product{
		padding-bottom: 80px;
	}

	.page__area .list{
		font-size: 14px;
	}

	.privacy a.arrow__link{
		width: 300px;
		text-align: left;
		padding-left: 10px;
		font-size: 14px;
	}

	.arrow__link:after{
		width: 30px;
        height: 30px;
        right: 8px;
        top: 10px;
	}

	.page__content2 .slider-4 img{
		width: 1300px;
	}

	.page__content2 .slider-4{
		margin-top: -95px;
	}

	.page__content2{
		margin-top: 65px;
	}

	.service .page__en.type2{
		font-size: 38px;
	}

	.service p.bold{
		font-size: 15px;
	}

	.si__flex .si__right ul{
		margin: 0;
	}

	.si__flex .si__right ul li{
		font-size: 14px;
	}

	.si__flex .si__right ul li:before{
		top: 11px;
	}

	.si__flex .si__right.rel{
		padding-right: 0;
	}

	.si__flex .si__right.rel .logo1{
		position:relative;
		display:inline-block;
		top: 0;
		right: 0;
		margin-top: 15px;
	}

	.si__flex .si__right.rel .logo2{
		position:relative;
		display:inline-block;
		margin-left: 15px;
		top: -12px;
		right: 0;
	}

	.section__image{
		margin-top: -12px;
		width: calc(100% + 15px);
	}

	h3.service__sec__title span{
		font-size: 12px;
		padding-left: 35px;
	}

	h3.service__sec__title{
		margin-top: 80px;
		font-size: 17px;
		padding:8px 15px;
	}

	h4.service__sec1{
		font-size: 18px;
		margin-bottom: 20px;
	}

	.ra__flex h3{
		font-size: 20px;
	}

	p.service__sec2{
		font-size: 14px;
	}

	.service__award .sa__text1{
		font-size: 14px;
		width: 64px;
	}

	.service__award .sa__text2{
		width: calc(100% - 64px);
	}

	.service__award .sa__text2 p{
		font-size: 12px;
		margin-right: 5px;
		padding:5px 10px;
		line-height: 1.5;
	}

	.page__area.service{
		padding-bottom: 80px;
	}

	.company__area{
		margin-top: 50px;
	}

	.company__area .company__flex .cf__col{
		width: 100%;
		margin-bottom: 40px;
	}

	.company__flex .cf__col .cf__text3{
		font-size: 15px;
		margin-bottom: 15px;
	}

	.company__flex .cf__col .cf__text1{
		margin-top:10px;
	}

	.page__area.company{
		padding-bottom: 60px;
	}

	.page__right .message__flex .mf__left .fig{
		margin-bottom: 30px;
		font-size: 21px;
	}

	.page__right .bg__plus.flex p{
		font-size: 13px;
	}

	.sustainability .environment p.big{
		font-size: 16px;
		margin:30px 0 24px;
	}

	.philosophy__area{
		padding:20px 20px 15px;
	}

	.sustainability .environment .philosophy__area p{
		font-size: 13px;
		margin-bottom: 5px;
		margin-right: 5px;
		padding:4px 12px;
	}

	.page__right .bg__plus.flex{
		padding:4px 10px;
	}

	.page__right .bg__plus.flex p.bp__text1{
		font-size: 14px;
	}

	.page__right .bg__plus.flex p.bp__text2{
		font-size: 12px;
		position:relative;
		top: 2px;
	}

	.page__right .message__flex{
		margin-bottom: 80px;
	}

	.page__right .outline__flex .of__left{
		margin-bottom: 5px;
	}

	.page__right .outline__flex .of__left p{
		font-size: 15px;
	}

	.page__right .outline__flex .of__right p{
		font-size:14px;
	}

	.page__right .outline__flex .of__right{
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.page__right .outline__flex .of__right .map__link{
		margin:15px 0;
	}

	.page__right .outline__flex{
		margin-bottom: 80px;
	}

	.certification__flex .certification1{
		width: 120px;
		margin-right: 20px;
	}

	.certification__flex .certification2{
		width: 100px;
		margin-right: 20px;
	}

	.certification__flex .certification3{
		width: 70px;
		margin-right: 20px;
	}

	.certification__flex .certification4{
		width: 60px;
	}

	.sustainability .environment p.bold{
		font-size: 14px;
	}

	.certification__flex{
		margin:25px 0 55px;
	}

	.certification__flex .donation{
		width: 80px;
	}

	.certification__flex .approach{
		width: 160px;
	}

	.certification__flex .declaration1{
		margin-right: 0;
		width: 300px;
	}

	.certification__flex .declaration2{
		width: 120px;
	}

	.sustainability h3.mt__plus2{
		margin-top: 80px!important;
	}

	.page__right .outline__flex.type2 .of__right .company__link{
		position:relative;
		bottom:0;
		margin-top: 15px;
	}

	.privacy p{
		font-size: 14px;
	}

	.privacy h3{
		font-size: 27px;
	}

	.privacy ol li{
		font-size: 14px;
	}

	.privacy ol li:before{
		font-size: 14px;
		top: 1px;
	}

	.privacy h4{
		font-size: 17px;
		margin:55px 0 18px;
	}

	.privacy a{
		 word-break: break-all;
		 padding-right: 0;
		box-sizing: border-box;
	}

	.privacy a:after{
		display: none;
	}

	.quality.page__right p.bg__plus{
		font-size: 16px;
		margin:25px 0;
	}

	.quality__area{
		padding:40px 20px;
	}

	.qf__left .qf__text1{
		font-size: 17px;
	}

	.qf__left .qf__text2{
		font-size: 14px;
	}

	.quality__area .quality__flex{
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.qf__right{
		margin-top: 15px;
	}

	.page__area p.page__en.fig{
		line-height: 1.1 ;
	}

	.if__left{
		padding:30px 15px 45px;
	}

	.page__right .if__left .ifl__text1{
		margin-bottom: 20px;
	}

	.page__right .if__left .ifl__text2{
		font-size: 18px;
		letter-spacing: 0;
	}

	.page__right .if__left .ifl__text2 span{
		padding:1px 3px;
		margin-bottom: 10px;
	}

	.page__right .if__left .ifl__text3{
		font-size: 15px;
		margin-top: 35px;
	}

	.interview__flex2 .if__col2 .ifc__info{
		padding:20px 15px;
	}

	.page__right.interview .if__category .ifc1 , .page__right.interview .if__category .ifc2{
		font-size: 12px;
		padding:3px 10px;
	}

	.s-img1 img{
		width: 190px;
	}

	.s-img2 img{
		width: 360px;
	}

	.s-img3 img{
		width: 145px;
	}

	.s-img4 img{
		width: 288px;
	}

	.s-img5 img{
		width: 190px;
	}

	.s-img6 img{
		width: 360px;
	}

	.s-img7 img{
		width: 196px;
	}

	.s-img8 img{
		width: 288px;
	}

	.interview__slider .slick-track{
		height: auto!important;
	}

	.slider-2.interview__slider{
		left: -15px;
		width: calc(100% + 30px);
	}

	h3.staff__message{
		font-size: 22px;
		letter-spacing: 0;
		color:#3B66D5;
		padding:0;
	}

	h3.staff__message span{
		padding:0;
		line-height: 1.7;
		letter-spacing: -0.01em;
		background: white!important;
	}

	.st__num{
		margin-bottom: 15px;
	}

	.st__right p{
		font-size: 14px;
	}

	.st__flex{
		margin-bottom: 40px;
	}

	.staff__textarea img{
		margin-bottom: 60px;
	}

	.st__en{
		font-size:13px;
	}

	.st__textplus1{
		font-size: 19px;
	}

	.st__textplus2{
		font-size: 14px;
	}

	.arrow__link2.abo{
		margin-top: 30px;
	}

	.slider-3 li{
		padding:0 10px;
	}

	.staff__info p{
		font-size: 12px;
		margin-right: 5px;
	}

	.other__area h3{
		font-size: 22px;
	}

	.card__area{
		padding-left: 30px;
	}

	.news__flex.interview__ver a .ifc__info{
		padding:20px 15px;
	}

	.news__flex.interview__ver a{
		max-width: 230px;
		min-width: 230px;
		margin-right: 10px;
	}

	.news__flex.interview__ver a p.ifc__text2{
		font-size: 17px;
		height: auto;
	}

	.news__flex.interview__ver a p.ifc__text2 br{
		display:none;
	}

	.news__flex.interview__ver a .if__category .ifc1, .news__flex.interview__ver a .if__category .ifc2{
		font-size: 10px;
		padding:3px 4px;
	}

	.news__flex.interview__ver a .if__category .ifc1{
		margin-right: 5px;
	}

	.news__flex.interview__ver a p.ifc__text3{
		font-size: 14px;
	}

	.card__area .scroll-area{
		padding-bottom: 35px;
	}

	.other__area{
		padding-bottom: 80px;
	}

	.loaction__tab a:after{
		display:none;
	}

	.loaction__tab a{
		font-size: 13px;
	}

	.loaction__area{
		padding:40px 15px 30px;
	}

	.page__right .bg__plus.flex{
		display:block;
		padding:7px 10px;
	}

	.page__right .bg__plus.flex p{
		line-height: 1.6;
	}

	div.sustainability p.laf__text1 , div.sustainability p.laf__text2{
		font-size: 15px;
	}

	.container{
		margin-top: 45px;
	}

	.la__box{
		margin-bottom: 60px;
	}

	.event__flex .ef__col h4{
		font-size: 15px;
		padding:8px 15px;
	}

	.event__flex .ef__col .container{
		margin-top: 20px;
	}

	.event__flex , .event__area2{
		margin-top: 40px;
	}

	.event .event__flex .ef__col p{
		font-size: 15px;
		margin:20px 0 0;
	}

	.event__flex .ef__col , .event__area2 .ef__col2{
		margin-bottom: 50px;
	}

	.event__area2 .ef__col2 .ef2__right h4{
		font-size: 18px;
	}

	.event .event__area2 .ef__col2 .ef2__right p{
		font-size: 15px;
	}

	.benefits__flex .benefits__col{
		padding-right: 20px;
		padding-left:25px;
	}

	.benefits__flex .benefits__col h4{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.benefits__flex .benefits__col h4:before{
		width: 5px;
		height: 5px;
		left: -12px;
		top: 12px;
	}

	.benefits__flex .benefits__col p{
		font-size: 14px;
	}

	.page__area.event{
		padding-bottom: 80px;
	}

	#nav{
		padding:95px 0 40px;
	}

	.nav__parent{
		font-size: 20px;
	}

	.nav__box:after{
		top: 16px;
	}

	.nav__wrap .nav__box.last:after{
		top: 33px;
	}

	.nav__wrap .nav__box.last{
		margin-bottom: 30px;
	}

	.nav__wrap{
		padding:0 15px;
	}

	.nav__arrow{
		margin-bottom: 14px;
	}

	.nav__arrow a{
		font-size: 16px;
		padding-left: 21px;
	}

	.nav__arrow a:before{
		width: 16px;
		height: 16px;
	}

	.nav__contact{
		max-width: 100%;
		font-size: 18px;
		padding:10px 20px;
/*		margin-top: 30px;*/
	}

	.nav__contact:after{
		width: 36px;
		height: 36px;
		top: 9px;
	}

	.com__link{
		max-width: 100%;
	}

	.nav__arrow2{
		margin:35px 0 20px;
		font-size: 18px;
	}

	.nav__child ul{
		margin-bottom: 25px;
	}

	.nav__child ul li a{
		font-size: 14px;
	}

	.nav__child ul.type2 li.small{
		margin-top: -4px;
		padding-left: 20px;
	}

	.nav__child ul li{
		margin-bottom: 4px;
	}

	.mainV h2{
		font-size: 48px;
		line-height: 1;
		padding:110vw 0 60px;
	}

	.mainV{
		background-position: top;
	}

	.top__section1{
		padding:60px 0 80px;
	}

	.sec__title2{
		font-size: 28px;
	}

	.ts1__text1{
		line-height: 1.6;
	}

	.arrow__link2.type2{
		width: 100%;
	}

	.wrap5{
		padding:0 15px;
	}

	.ts2__box{
		padding:60px 0;
	}

	.sec__title2.fig{
		font-size: 54px;
	}

	.ts2__text1{
		font-size: 14px;
	}

	.tab__area{
		margin-top: 60px;
	}

	.loaction__area2{
		padding:45px 15px 30px;
	}

	.la__flex a p{
		font-size: 13px;
		margin-top: 2px;
	}

	.ts3__text1{
		font-size: 14px;
		margin-bottom: 25px;
	}

	.ts3__flex{
		margin-bottom: 30px;
	}

	.ts3__box{
		padding:60px 0 30px;
	}

	.tsb__text1{
		font-size: 13px;
		margin-bottom: 20px;
	}

	.tsb__text2 br{
		display:none;
	}

	.tsb__text2{
		line-height: 1.4;
		font-size: 25px;
	}

	.tsb__text3{
		font-size: 14px;
		line-height: 1.6;
	}

	.ts3__benefits{
		padding:30px 15px;
	}

	.ts4__box{
		padding:60px 20px ;
	}

	.ts2__text1{
		margin-top: 10px;
	}

	.ts4__flex2{
		margin-top: 35px;
	}

	.ts4__flex2 a .co__text1{
		padding-top: 45vw;
	}

	.sustainability__area a h3{
		font-size: 18px;
	}

	.left__space{
		padding-left: 30px;
	}

	.ts5__left .category__area li a{
		font-size: 12px;
	}

	.ts5__flex2 .ts5__right a .news__info .news__category{
		padding:0 8px;
	}

	.ts5__flex2 .ts5__right a .news__info .news__date{
		font-size: 13px;
	}

	.ts5__flex2 .ts5__right a .news__title{
		font-size: 14px;
		margin-top: 12px;
	}

	.ts5__flex2 .ts5__right a{
		min-width: 290px;
		width: 290px;
		margin-right: 20px;
	}

	.ts5__flex2 .ts5__right a img{
		height: 158px;
	}

	.tv__img4 img{
		width: 210px;
	}

	.tv__img3 img{
		width: 135px;
	}

	.tv__img2 img{
		width: 254px;
	}

	.tv__img1 img{
		width: 300px;
	}

	.slider-2.top__ver .slick-track div{
		padding:0 10px;
	}

	.slider-2.top__ver{
		margin-top: 80px;
	}

	.pr__categoryarea{
		margin-top: 40px;
	}

	.visible__area .va__text2{
		margin-top: 2px;
	}

	.switch__box{
		padding:20px 0;
	}

	.switch__box:after{
		top: 49px;
		width: 29px;
		height: 29px;
	}

	.hidden__area.active{
		padding-top: 25px;
	}

	.hidden__area a{
		margin-top: 12px!important;
	}

	.visible__area .va__text2:after{
		width: 13px;
		right: 8px;
	}

	.visible__area .va__text2:before{
		width: 13px;
		right: 8px;
	}

	.arrow__link2{
		padding:12px 20px;
	}

	.search__area input{
		font-size: 13px;
		padding-left: 12px;
		padding-right: 32px;
	}

	.search__area button{
		width: 16px;
		height: 16px;
		right: 15px;
	}

	.fs4__flex ul li a{
		font-size: 13px;
		letter-spacing: 0;
	}

	.sp__area .nav__parent{
		font-size: 18px;
	}

	.sp__area .nav__box:after{
		width: 28px;
		height: 28px;
		top: 19px;
	}

	.nav__parent:before{
		width: 12px;
		right: 8px;
	}

	.nav__parent:after{
		width: 12px;
		right: 8px;
	}

	.lo__link{
		font-size: 18px;
	}

	.sp__search input{
		font-size: 14px;
	}

	.sp__search input{
		padding-left: 20px;
	}

	.search__type1{
		margin-top: 0;
	}

	.product__flex1 .pf__col1 h4{
		font-size: 16px;
	}

	.product__flex1 .pf__col1 h4 span{
		font-size: 10px;
		margin-right: 5px;
		top: 1px;
	}

	.product__flex1 .pf__col1 p{
		font-size: 12px;
		margin-bottom: 15px;
		height: auto;
	}

	.page__right .arrow__link4{
		font-size: 13px;
	}

	.privacy h3{
		font-size: 25px;
	}

	.product a.arrow__link5{
		width: 93px;
		font-size: 13px;		
	}

	.product a.arrow__link5:after{
		display:block!important;
	}

	.pf__col2 .pf2__right p{
		font-size: 13px;
	}

	.pf__col2 .pf2__right h4{
		font-size: 16px;
	}

	.product__flex1 .pf__col1 h4{
		line-height: 1.5;
	}

	.privacy h3, .product h3{
		margin-top: 45px;
	}

	.product__flex1 .pf__col1{
		margin-bottom: 40px!important;
	}

	.clip__mainV{
		left: -35px;
		width: calc(100% + 70px);
	}

		.nav__area a.cl__logo{
		width: 75px;
		top: 55px;
		right: 20px;
	}

	#nav .nav__parent:after{
		right: 11px;
	}

	#nav .nav__parent:before{
		right: 11px;
	}

	#nav .nav__box:after{
		top: 17px;
	}

	.news .page__right .news__flex a .news__info .news__date{
		font-size: 12px;
	}

	.news .page__right .news__flex a .news__info .news__category{
		padding:1px 5px;
	}

	.news .page__right .news__flex a .news__title{
		font-size: 13px;
	}

	#nav .nav__wrap .nav__box.last:after{
		top: 32px;
	}

	.vision p.vision__text1{
		font-size: 17px;
		margin-bottom: 40px;
	}

	.vision h3.vision__ver{
		font-size: 20px;
	}

	.privacy ol.ver2.mt__half.border{
		margin-bottom: 80px;
	}

	.ph__flex{
		margin-bottom: 60px;
	}

	.vision p.vision__text2{
		font-size: 15px;
		margin-top: 20px;
	}

	.page__right h3.border__title.size2{
		font-size: 20px;
	}

	.philosophy__ver li p span{
		font-size: 22px;
	}

	.philosophy__ver li{
		font-size: 16px;
		margin-bottom: 25px;
		padding-bottom: 25px;
	}

	.philosophy__ver li br{
		display:none;
	}

	.philosophy__ver, .privacy ol.border__ver, .philosophy p.spirit2.last, .privacy ol.ver2.mt__half.border{
		margin-bottom: 80px;
	}

	.privacy ol.border__ver li{
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 15px;
	}

	.philosophy p.spirit1{
		font-size: 16px;
		margin:40px 0 8px;
	}

	.philosophy p.spirit2{
		font-size: 15px;
	}

	.privacy h4.ph__ver{
		font-size: 20px;
	}

	.policy p.policy__text1{
		font-size: 38px!important;
	}

	.policy p.policy__text2{
		font-size: 19px!important;
		margin-bottom: 40px;
	}

	.phrase__col .phrase__title span{
		display:block;
		margin-bottom: 2px;
	}

	.phrase__col .phrase__title{
		font-size: 16px;
		line-height: 1.5;
	}

	.mt170{
		margin-top: 80px;
	}

	.sustainability .environment p.policy__text3{
		font-size: 18px;
	}

	.policy__flex .pf__right{
		margin-top: 20px;
	}

	.sustainability .environment p.policy__text4{
		font-size: 16px;
	}

	.privacy a.right__link{
		position:relative;
		display:flex;
		align-items: center;
		margin:-35px 0 45px;
		font-size: 14px;
		justify-content: right;
	}

	.privacy a.right__link img{
		width: 20px;
		margin-left: 5px;
	}

	.phrase__col{
		padding: 15px 0;
	}

	.phrase__area{
		padding:35px 15px;
	}

	.phrase__col .phrase__hidden{
		max-height: 1500px;
	}

	.phrase__col .phrase__hidden{
		padding:30px 15px;
	}

	.phrase__col .phrase__hidden ol li{
		font-size: 14px;
		padding-left: 30px;
	}

	.phrase__col .phrase__hidden ol li:before{
		font-size: 14px;
	}

	.phrase__col .phrase__title{
		padding-right: 20px;
	}

	.phrase__col .phrase__hidden ol li{
		margin-bottom: 25px;
	}

	.phrase__col .phrase__hidden ol li:last-child{
		margin-bottom: 0;
	}

	.phrase__col .phrase__hidden{
		margin-top: 20px;
	}

	.sustainability .environment p.policy__text3 br{
		display:none;
	}

	.menu_button{
		top: -2px;
	}

	.slider-3{
		margin-top: -23vw;
	}

	.page__area.staff{
		padding-bottom: 110px!important;
	}

	.other__area{
		padding-top: 38vw;
	}

	.slider-3 li{
		padding:0 5px;
	}

	.slider-3 li img.slider1-1{
		width: 114px;
	}

	.slider-3 li img.slider1-2{
		width: 230px;
	}

	.slider-3 li img.slider1-3{
		width: 114px;
	}

	.slider-3 li img.slider1-4{
		width: 180px;
	}

	.slider-3 li img.slider1-5{
		width: 140px;
	}

	.slider-3 li img.slider1-6{
		width: 230px;
	}

	.slider-3 li img.slider2-1{
		width: 110px;
	}

	.slider-3 li img.slider2-2{
		width: 288px;
	}

	.slider-3 li img.slider2-3{
		width: 170px;
	}

	.slider-3 li img.slider2-4{
		width: 230px;
	}

	.slider-3 li img.slider2-5{
		width: 180px;
	}

	.slider-3 li img.slider2-6{
		width: 288px;
	}

	.slider-3 li img.slider3-1{
		width: 180px;
	}

	.slider-3 li img.slider3-2{
		width: 300px;
	}

	.slider-3 li img.slider3-3{
		width: 200px;
	}

	.slider-3 li img.slider3-4{
		width: 270px;
	}

	.slider-3 li img.slider3-5{
		width: 180px;
	}

	.slider-3 li img.slider3-6{
		width: 288px;
	}

	.slider-3 li img.slider4-1{
		width: 140px;
	}

	.slider-3 li img.slider4-2{
		width: 300px;
	}

	.slider-3 li img.slider4-3{
		width: 190px;
	}

	.slider-3 li img.slider4-4{
		width: 230px;
	}

	.slider-3 li img.slider4-5{
		width: 180px;
	}

	.slider-3 li img.slider4-6{
		width: 300px;
	}

	.slider-3 li img.slider4-7{
		width: 180px;
	}

	.slider-3 li img.slider4-8{
		width: 230px;
	}

	.slider-3 li img.slider5-1{
		width: 140px;
	}

	.slider-3 li img.slider5-2{
		width: 300px;
	}

	.slider-3 li img.slider5-3{
		width: 190px;
	}

	.slider-3 li img.slider5-4{
		width: 230px;
	}

	.slider-3 li img.slider5-5{
		width: 180px;
	}

	.slider-3 li img.slider5-6{
		width: 300px;
	}

	.slider-3 li img.slider5-7{
		width: 180px;
	}

	.slider-3 li img.slider5-8{
		width: 230px;
	}

	.slider-3 li img.slider6-1{
		width: 140px;
	}

	.slider-3 li img.slider6-2{
		width: 300px;
	}

	.slider-3 li img.slider6-3{
		width: 190px;
	}

	.slider-3 li img.slider6-4{
		width: 230px;
	}

	.slider-3 li img.slider6-5{
		width: 180px;
	}

	.slider-3 li img.slider7-1{
		width: 140px;
	}

	.slider-3 li img.slider7-2{
		width: 300px;
	}

	.slider-3 li img.slider7-3{
		width: 190px;
	}

	.slider-3 li img.slider7-4{
		width: 230px;
	}

	.slider-3 li img.slider7-5{
		width: 180px;
	}

	.slider-3 li img.slider8-1{
		width: 140px;
	}

	.slider-3 li img.slider8-2{
		width: 300px;
	}

	.slider-3 li img.slider8-3{
		width: 190px;
	}

	.slider-3 li img.slider8-4{
		width: 230px;
	}

	.slider-3 li img.slider8-5{
		width: 180px;
	}

	.slider-3 li img.slider9-1{
		width: 140px;
	}

	.slider-3 li img.slider9-2{
		width: 300px;
	}

	.slider-3 li img.slider9-3{
		width: 190px;
	}

	.slider-3 li img.slider9-4{
		width: 230px;
	}

	.slider-3 li img.slider9-5{
		width: 180px;
	}

	.slider-3 li img.slider10-1{
		width: 140px;
	}

	.slider-3 li img.slider10-2{
		width: 300px;
	}

	.slider-3 li img.slider10-3{
		width: 190px;
	}

	.slider-3 li img.slider10-4{
		width: 230px;
	}

	.slider-3 li img.slider10-5{
		width: 180px;
	}

	.slider-3 li img.slider11-1{
		width: 140px;
	}

	.slider-3 li img.slider11-2{
		width: 300px;
	}

	.slider-3 li img.slider11-3{
		width: 190px;
	}

	.slider-3 li img.slider11-4{
		width: 230px;
	}

	.slider-3 li img.slider11-5{
		width: 180px;
	}

	.slider-3 li img.slider11-6{
		width: 300px;
	}

	.slider-3 li img.slider11-7{
		width: 180px;
	}

	.slider-3 li img.slider11-8{
		width: 230px;
	}

	.slider-3 li img.slider12-1{
		width: 140px;
	}

	.slider-3 li img.slider12-2{
		width: 300px;
	}

	.slider-3 li img.slider12-3{
		width: 190px;
	}

	.slider-3 li img.slider12-4{
		width: 230px;
	}

	.slider-3 li img.slider12-5{
		width: 180px;
	}

	.slider-3 li img.slider12-6{
		width: 300px;
	}

	.slider-3 li img.slider12-7{
		width: 180px;
	}

	.slider-3 li img.slider12-8{
		width: 230px;
	}

	.slider-3 li img.slider13-1{
		width: 140px;
	}

	.slider-3 li img.slider13-2{
		width: 300px;
	}

	.slider-3 li img.slider13-3{
		width: 190px;
	}

	.slider-3 li img.slider13-4{
		width: 230px;
	}

	.slider-3 li img.slider13-5{
		width: 180px;
	}

	.slider-3 li img.slider13-6{
		width: 300px;
	}

	.slider-3 li img.slider13-7{
		width: 180px;
	}

	.slider-3 li img.slider13-8{
		width: 230px;
	}

	.slider-3 li img.slider14-1{
		width: 140px;
	}

	.slider-3 li img.slider14-2{
		width: 300px;
	}

	.slider-3 li img.slider14-3{
		width: 190px;
	}

	.slider-3 li img.slider14-4{
		width: 230px;
	}

	.slider-3 li img.slider14-5{
		width: 180px;
	}

	.slider-3 li img.slider14-6{
		width: 300px;
	}

	.slider-3 li img.slider14-7{
		width: 180px;
	}

	.slider-3 li img.slider14-8{
		width: 230px;
	}

	.slider-3 li img.slider15-1{
		width: 140px;
	}

	.slider-3 li img.slider15-2{
		width: 300px;
	}

	.slider-3 li img.slider15-3{
		width: 190px;
	}

	.slider-3 li img.slider15-4{
		width: 230px;
	}

	.slider-3 li img.slider15-5{
		width: 180px;
	}

	.slider-3 li img.slider15-6{
		width: 300px;
	}

	.slider-3 li img.slider15-7{
		width: 180px;
	}

	.slider-3 li img.slider15-8{
		width: 230px;
	}

	.single__title{
		font-size: 20px;
	}

	.single__info .single__date p{
		font-size: 13px;
	}

	.single__category a{
		font-size: 12px;
		margin-right: 6px;
		padding:3px 7px;
	}

	.single__thm:before{
		height: 30px;
	}

	.single__thm:after{
		height: 30px;
		bottom: 6px;
	}

	.single__thm{
		margin-top: 0;
		left: -35px;
		width: calc(100% + 70px);
	}

	.single__content h2{
		font-size: 23px;
	}

	.single__content p{
		font-size: 15px;
	}

	.single__content img{
		margin:25px 0;
	}

	.single__content a[target="_blank"]:after{
		right: 3px;
		bottom: 7px;
		width: 11px;
		height: 14px;

	}

	.single__content .box1 a[target="_blank"]:after{
		display:none;
	}

	.single__content .box1{
		padding:25px 15px;
		margin:30px 0;
	}

	.single__content h3{
		font-size: 19px;
		margin:60px 0 30px;
	}

	.singlebottom__area .prev a:after{
		display: none;
	}

	.singlebottom__area .prev a{
		padding:42px 15px 25px;
		font-size: 12px;
	}

	.singlebottom__area .prev:before{
		left: 15px;
		font-size: 13px;
		top: 15px;
	}

	.singlebottom__area .next:before{
		left: 15px;
		font-size: 13px;
		top: 15px;
	}

	.singlebottom__area .next__link{
		width: 37%;
	}

	.singlebottom__area .next a{
		padding:42px 15px 25px;
		height: 100px;
		font-size: 12px;
	}

	.singlebottom__area .all__link{
		width: 24%;
	}

	.singlebottom__area .all__link a{
		height: 100px;
		padding:30px 0;
		font-size: 14px;
	}

	.singlebottom__area .all__link a span{
		font-size: 10px;
	}

	.singlebottom__area .prev a{
		height: 100px;
	}

	.singlebottom__area .next a:after{
		display:none;
	}

	.singlebottom__area .next__link a:before{
		height: 20px;
	}

	.faq .question h4{
		padding-bottom: 15px;
	}

	.faq__area .answer{
		padding:20px 30px;
	}

	.faq__area .answer.open{
		
	}

	.faq__area .answer p{
		font-size: 15px;
	}

	.faq__area .answer p:first-child{
		padding-left: 0;
	}

	.faq__area .answer.open:before{
		left: 10px;
        top: 20px;
        font-size: 15px;
	}
	
	.faq .question h4{
		font-size: 16px;
		padding-left: 25px;
		padding-right: 30px;
	}

	.faq .question h4:before{
		font-size: 16px;
	}

	.faq .question:after{
		right: 5px;
		width:15px;
		height: 10px;
	}

	.page__area.faq{
		padding-bottom: 80px;
	}

	.page__area.staff:after{
		height: 100px;
		bottom: -99px;
	}

	.privacy p.search__result{
		font-size: 20px;
	}

	.mainV, .mv__slick, .mv__slick .slick-list, .mv__slick .slick-track{
		height:700px;
	}

	.mainV h2{
		padding:470px 0 0;
	}

	.about__slider .slick-dots li button{
		height: 1px;
	}

	.page__right .message__flex .mf__left .fig.type2{
		font-size: 31px;
	}

	.sustainability .environment p.m__text1{
		margin:30px 0;
		line-height: 1.7;
	}

	.page__right .message__flex .mf__left p.m__text2{
		font-size: 16px;
	}
	
	.page__right .message__flex{
		margin-bottom: 30px;
	}

	.sustainability .sdgs p.m__text3{
		font-size: 16px;
	}

	.privacy a.blue{
		font-size: 16px;
		position:relative;
		left: 2px;
	}

	.right__area{
		margin-bottom: 80px;
	}

	.new__type{
		margin-bottom: 15px;
	}

	.sustainability .sdgs p.bp__text2{
		font-size: 28px;
		line-height: 1.2;
	}

	.sustainability .sdgs p.bp__text1{
		font-size: 13px;
	}

	.sustainability .environment .philosophy__area p{
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.philosophy__area{
		padding-bottom:20px!important;
	}

	.philosophy__area.last{
		margin-bottom: 0;
	}

	.privacy p.q__text1 .sizeup{
		font-size: 20px;
	}

	.privacy p.q__text1 .sizeup br{
		display:none;
	}

	.privacy p.q__text2{
		font-size: 18px!important;
	}

	.en__flex{
		display:block;
	}

	.enf__left{
		width: 100%;
	}

	.enf__right{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}

	.enf__right img{
		max-width: 100%;
		display:block;
		margin:0 auto;
	}

	.sustainability .sdgs p.enf__text1{
		font-size: 17px;
		margin-bottom: 15px;
	}

	.sustainability .sdgs p.enf__text1 span{
		font-size: 13px;
	}

	.sustainability .sdgs p.enf__text2{
		font-size: 15px;
	}

	.sustainability .sdgs p.enf__text3{
		font-size: 12px;
	}

	.page__right .environment__title.mt-half{
		margin-top: 60px;
	}

	.privacy .award__flex.type2 .award__col a.right__link{
		margin: 0!important;
		bottom: -15px;
		right: 0;
	}

	.award__flex.type2 .award__col{
		padding-bottom: 30px;
	}

	.page__left ul li a{
		font-size: 14px;
	}

	.page__left ul li a{
		padding:13px 5px;
	}

	ul.scroll li{
		padding:0 16px;
	}

	ul.scroll li a{
		font-size: 16px;
	}

	.page__right{
		margin-top: 40px;
	}
	
	.nav__area{
		margin-top: 0;
	}

	.rel__area{
		width: calc(100% + 35px);
	}

	.page__right .page__ver.scroll-area .news__flex a{
		margin-right: 20px!important;
	}

	div.sustainability p.right.policy__ver{
		margin-top: 40px;
	}

	.privacy .policy__ver a.arrow__link2{
		font-size: 13px;
		letter-spacing: 0;
		padding:10px 12px;
		border-radius: 20px;
	}

	.privacy .policy__ver a.arrow__link2 img{
		display:none;
	}

	div.sustainability p.right.policy__ver.mt{
		margin-top: 10px;
	}

	.privacy ol.ver2.mt__half.border{
		margin-bottom: 50px;
	}

	.single__thm:before{
		display: none;
	}

	.single__thm:after{
		display: none;
	}

	body{
		overflow-x: hidden;
	}

	.company__area .company__flex .cf__col:nth-child(odd){
		transition-delay: 0.1s;
	}

	.company__area .company__flex .cf__col:nth-child(even){
		transition-delay: 0.1s;
	}

	.sustainability .environment p.m__text1{
		font-size: 19px;
	}

	.phf__col{
		margin-bottom: 20px;
	}

	.phf__col .phf__text1{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.phf__col .phf__text2{
		font-size: 14px;
	}

	.sustainability__area a .sr__text3{
		margin-bottom: 0;
	}

	.page__area .page__title{
		font-size: 15px;
	}

	.privacy ol.ver2.size2.jp.bg{
		padding:35px 20px;
	}

	.privacy ol.ver2.size2.jp li:first-child{
		padding-top: 44px;
	}

	.sustainability .sdgs .white p.ac__text1:before{
		top: 12px;
	}

	.cer__flex{
		display:block;
	}

	.cer__left{
		display:block;
		padding:0;
		width: 100%;
	}

	.cer__right{
		display:block;
		width: 100%;
	}

	.cer__right img{
		display:block;
		width: 120px;
		margin:20px auto 0;
	}

	.cer__left p span{
		font-size: 15px;
		margin-bottom: 15px;
	}

	.privacy p.mb__plus{
		margin-bottom: 30px;
	}

	.award__flex.white{
		margin-bottom: 0;
	}

	div.sustainability p.pa__size2{
		font-size: 18px;
		line-height: 1.65;
	}

	div.sustainability p.pa__size3{
		font-size: 17px;
		margin-bottom: 30px;
	}

	.partner__flex{
		display:block;
	}

	.partner__flex .pf__col{
		width: 100%;
		margin-bottom: 20px;
	}

	.partner__flex .pf__col .pfc__1{
		height: auto;
		margin-bottom: 15px;
	}

	.privacy .policy__ver a.arrow__link2 img{
		display:block;
		width: 20px;
		margin-left: 6px;
	}

	.privacy a.arrow__link:after{
		display:block;
	}

	.privacy a.arrow__link:after{
		top: 10px;
		width: 24px;
		height: 24px;
	}

	.privacy a.arrow__link{
		width: 300px;
		padding: 9px 10px;
	}

	.privacy ol.ver2.partner__ol li{
		font-size: 16px;
		font-weight: bold;
	}

	.privacy ol.ver2.partner__ol li:before{
		top: 3px;	
	}

	.sustainability .partner__ver h3{
		font-size: 21px;
	}

	.sustainability .history p{
		font-size: 16px;
	}

	.history__row .hr__text1{
		top: -10px;
	}

	.pdf__flex{
		padding:25px 15px;
	}

	.pdf__flex .pdf__left .pdf__title{
		font-size: 18px;
	}

	.pdf__flex .pdf__right img{
		width: 100%!important;
	}

	.op__flex{
		display:block;
		margin-bottom: 40px;
	}

	.op__flex .op__left{
		width: 100%;
		padding: 0;
	}

	.op__flex .op__right{
		width: 100%;
		margin-top: 20px;
	}

	.op__flex .op__left .opl__1{
		font-size: 19px;
	}

	.op__flex .op__left .opl__2{
		font-size: 15px;
	}

	.content.sp__searcharea{
		padding-top: 60px;
		padding-bottom: 40px;
	}

	.sps__title{
		font-size: 19px;
		margin-bottom: 15px;
	}

	.content{
		padding-left: 15px;
		padding-right: 15px;
	}

	.sps__category li a{
		font-size: 13px;
		margin:0 5px 10px;
		padding:3px 12px;
	}

	 .content.sp__searcharea .search__type1 input{
		padding:20px ;
	}

	.content{
		top: 95px;
	}

	.sns-list div a{
		foint-size:13px;
		padding:10px;
	}

	.fb .sns-link:after{
		right: 8px;
	}

	.x .sns-link:after{
		right: 8px;
	}

	.url .sns-link:after{
		right: 8px;
	}

	.line .sns-link:after{
		right: 8px;
	}

	.singlebottom__area{
		margin-top: 50px;
	}

	.sp__share{
		margin-top: 65px;
	}

	.sp__share .fig{
		margin-bottom: 10px;
	}

	.share__container{
		margin-top:30px;
	}

	.page__right .news__flex{
		display:block;
	}

	.page__right .news__flex a{
		width: 100%;
		margin:0 0 35px!important;
	}

	.news .page__right .news__flex a img , .lh1{
		height: auto;
	}

	.news .page__right .news__flex a .noimage{
		height:42vw;
	}

	.news__flex .noimage p{
		font-size: 4.4vw;
	}

	.active.sp__share{
		margin:50px 0 ;
	}

	.page__area.no-clip{
		overflow-x: visible;
	}

	.no-clip .page__content , .no-clip .page__right{
		margin-top: 0;
	}

	.no-clip .clip__mainV{
		margin: 30px 0 20px;
	}

	.time-slide.type1{
		width: calc(100% + 30px);
		left: -15px;
		margin-top: 80px;
	}

	.time-slide .sm-t.s-img1{
		width: 216px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img2{
		width: 380px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img3{
		width: 216px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img4{
		width: 308px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img5{
		width:216px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img6{
		width: 380px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img7{
		width: 216px;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img8{
		width: 308px;
		padding:0 10px;
	}

	.time-slide .sm-t{
		flex-shrink: 0;
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-negative: 0;
	    flex-shrink: 0;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	     -webkit-animation: slide-left 24s linear infinite;
	     animation: slide-left 24s linear infinite;
	}

	/*合計4484*/
	@keyframes slide-left{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-2040px);
	  }
	}

	/*合計3436*/
	@keyframes slide-left2{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-1715px);
	  }
	}

	/*合計3436 524*/
	@keyframes slide-left3{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-2239px);
	  }
	}


	/*合計4484*/
	@keyframes slide-left4{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-1335px);
	  }
	}

	.time-slide .sm-t.s-img1-1{
		width: 216px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-2{
		width: 380px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.time-slide .sm-t.s-img1-3{
		width: 216px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-4{
		width: 307px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-5{
		width: 216px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-6{
		width: 380px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-7{
		width: 216px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide .sm-t.s-img1-8{
		width: 308px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.staff__bottom .time-slide{
		margin-top: -30px;
	}

	.time-slide.type5 .sm-t.s-img1{
		width: 266px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.time-slide.type5 .sm-t.s-img2{
		width: 360px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img3{
		width: 196px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img4{
		width: 460px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img5{
		width: 460px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img6{
		width: 380px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img7{
		width: 210px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5 .sm-t.s-img8{
		width: 240px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	@keyframes slide-left5{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-2772px);
	  }
	}

	@keyframes slide-left6{
	  0% {
	  transform: translateX(0px);
	  }

	  100% {
	  transform: translateX(-2120px);
	  }
	}

	.time-slide.type6 .sm-t.s-img1{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.time-slide.type6 .sm-t.s-img2{
		width: 360px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img3{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img4{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img5{
		width: 190px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img6{
		width: 370px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img7{
		width: 210px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type6 .sm-t.s-img8{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.time-slide.type5{
		margin-top: 80px;
		margin-bottom: 0;
	}

	.top__section5{
		padding-top: 195px;
	}

	.fs2__right .answer p{
		font-size: 14px;
	}

	.faq__area .answer p:first-child:before{
		left: -20px;
		top: -1px;
	}

	.pagenavi__area .previouspostslink , .pagenavi__area .previouspostslink:after{
		width: 50px;
		height: 50px;
	}

	.pagenavi__area .nextpostslink , .pagenavi__area .nextpostslink:after{
		width: 50px;
		height: 50px;
	}

	.pagenavi__area{
		padding:80px 0;
	}

	.sec__position2{
		position:absolute;
		left: 0;
		top: -100px;
		display:block;	
	}

	.wrap1.flex{
		padding:0 30px;
	}

	.new__type{
		flex-wrap: wrap;
	}

	.page__area{
		margin-top: 120px;
	}

	.philosophy__ver li p span{
		margin-right: 5px;
	}

	.sustainability h3 span{
		font-size: 15px;
		margin-left: 0;
	}

	.philosophy__ver li p{
		font-size: 15px;
	}

	.simplebar-track {
	    background: #E5E5E5;
	    border-radius: 10px;
	    width:calc(100% - 30px);
	    padding:1px 0;
	}

	.rel__area .simplebar-track{
		width:calc(100% - 30px);
	}

	.nav__area{
		padding:10px 15px 18px;
		top: 67px;
		font-size: 11px;
		line-height: 1.2;
	}

	.nav__area span{
		margin-right: 2px;
		margin-left: 2px;
	}

	.nav__area span:first-child{
		margin-left: 0;
		margin-right: 2px;
	}

	.privacy ol.ver2 li{
		font-size: 16px;
	}

	.enf__right img.emviroment6{
		width: 154px;
	}

	.quality__area{
		margin-top: 40px;
	}

	.page__left ul li{
		width: 48%;
	}

	.spr1 a{
		top: -4px;
	}

	.switch__box{
		border-bottom: 0;
	}

	.pr__categoryarea .switch__box:last-child{
		border-bottom: 1px solid #DCDBD1;
	}

	.ps__title{
		font-size: 28px;
	}

	.ps__title span{
		display:block;
		margin:4px 0 0;
		line-height: 1.4;
		font-size: 12px;
	}

	.privacy p.ps__text1{
		font-size: 14px;
		margin:30px 0 40px;
	}

	.category__product{
		padding:30px 20px;
	}

	.cp__right ul li a{
		font-size: 12px;
		padding:2px 8px;
	}

	.pi__left{
		padding:25px 20px;
	}

	.product .pi__left h4{
		font-size: 17px;
	}

	.product__ex h4{
		margin-top: 0;
		font-size: 16px;
		padding:3px 10px;
	}

	.product__ex{
		padding:40px 20px 10px;
	}

	.product__ex .pe__1{
		font-size: 15px;
	}

	.imgex__flex .imgf__col .imgf__title{
		font-size: 17px;
		padding-left: 30px;
	}

	.imgex__flex .imgf__col .imgf__title:before{
		font-size: 16px;
		top: 2px;
	}

	.oa__row .oa__num{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 15px;
	}

	.oa__row .oa__1{
		font-size: 19px;
		margin-bottom: 5px;
	}

	.oa__row .oa__2{
		font-size: 15px;
	}

	.oa__row{
		padding-left: 50px;
		padding-bottom: 40px;
	}

	.center a.arrow__link{
		width: 290px;
	}

	.center a.arrow__link:after{
		display:none;
	}

	.product__center .slider-4 img{
		width: 900px;
	}

	.product__center{
		margin-top: 40px;
	}

	.relative__area h3{
		font-size: 22px;
	}

	.relative__link a img{
		width: 60px;
	}

	.relative__link a div{
		width: calc(100% - 60px);
		padding:12px 10px;
	}

	.relative__link a{
		min-height:60px;
	}

	.relative__link a div p{
		font-size: 13px;
		line-height: 1.2;
	}

	.relative__link{
		margin-top: 40px;
	}

	.container.product__ver .thumbnail2 .thumbnail-img{
		margin:0 2px;
	}

	.container.product__ver .thumbnail2{
		margin-top: 5px;
	}

	.product__center{
		width: calc(100% + 30px);
		position:relative;
		left: -15px;
	}

	.product__center .slider-4{
		overflow: hidden;
		width: 100%;
	}

	.page__area p.page__text1.mb__plus{
		margin-bottom: 20px;
	}

	.page__right .arrow__link4:after{
		width: 14px;
		height: 10px;
	}

	.cookie__left h3{
		font-size: 14px;
	}

	.cookie__left p{
		font-size: 11px;
	}

	.cookie__right a{
		font-size: 11px;
		padding:8px 0;
	}

	.cookie__right a#button1{
		width: 23%;
		border-radius: 30px;
	}

	.cookie__right a#c__button2{
		width: 41%;
		border-radius: 30px;
	}

	.cookie__right a#c__button3{
		width: 31%;
		border-radius: 30px;
	}

	.cookie__area{
		padding:15px ;
	}

	.cookie__left{
		margin-bottom: 10px;
	}

	.cookie__area{
		max-width: calc(100% - 20px);
		bottom: 15px;
	}

	.cookie__left h3:before{
		top: 10px;
	}

	.time-slide.type5 .sm-t.s-img5, .time-slide.type6 .sm-t.s-img3, .time-slide.type6 .sm-t.s-img8{
		top: -50px;
	}

	.top__section4 .time-slide.type5, .top__section4 .time-slide.type6{
		padding-top: 80px;
	}

	.parent__button{
		position:absolute;
		display:block;
		width: 28px;
		height: 28px;
		right: 0;
		top: -1px;
		z-index: 10;
	}

	.nav__child#child-1.open{
		height:755px;
	}

	.nav__child#child-2.open , .nav__child#child-4.open , .nav__child#child-5.open{
		height:225px;
	}

	.nav__child#child-3.open{
		height:290px;
	}

	.menu_button p{
		top: 3px;
	}

	.spr1 a{
		top: -3px;
	}

	.menu_button.open{
		top: 0;
	}

	.menu_button.open .menu_icon01{
		left: 4px;
	}

	.sp__right{
		align-items: start;
	}

	.spr1{
		margin-top: 10px;
	}

	.hidden__area.active{
		height: 105vw;
	}

	.nav__child#child-4.open{
	 	height: 130px;
	 }

	 .vision__box{
	 	padding:35px 20px;
	 }

	 .vb__text .vbt2{
	 	font-size: 16px;

	 }

	 .vb__text:after{
	 	right: 0;
	 }

	 .vb__text{
	 	padding-right: 30px;
	 }

	 .mandara__area{
	 	padding:30px 20px;
	 	display:block;
	 }

	 .mandara__area .ma__left{
	 	width: 100%;
	 	padding: 0;
	 }

	 .mandara__area .ma__right{
	 	width: 100%;
	 	margin-top: 20px;
	 	line-height: 1;
	 }

	 .privacy .mandara__area .ma__left a{
	 	font-size: 14px;
	 }

	 .privacy .mandara__area .ma__left a img{
	 	width: 30px;
	 }

	 .vb__hidden.open{
	 	height: 49vw;
	 }

	 div.sustainability p.mandara1{
	 	font-size: 21px;
	 	margin-bottom: 10px;
	 }

	 .mandara2{
	 	margin-bottom: 20px;
	 }

	 #ma__close{
	 	right: 15px;
	    top: 15px;
	    width: 36px;
	 }

	 .tsb__text1{
	 	font-size: 18px;
	 	margin-top: 0;
	 }

	 .tsb__text2{
	 	font-size: 21px;
	 }

	 .tsb__text2 span{
	 	top: 3px;
	 	left: -10px;
	 }

	 .tsb__text3{
	 	font-size: 18px;
	 }

	 .tsb__text4{
	 	font-size: 14px;
	 }

	.sp__bottom a{
		display:block;
		width: 33.33%;
		border-right:1px solid white;
		color:white;
		text-decoration: none;
		text-align: center;
		padding:7px 0 3px;
		font-size: 12px;
	}

	.sp__bottom a img{
		width: 29px;
		display:block;
		margin:0 auto;
	}

	.sp__bottom a img.sb__logo1{
		padding:3px 0;
	}

	.sp__bottom a img.sb__logo2{
		width: 34px;
	}

	.sp__bottom a img.sb__logo3{
		padding:2px 0 1px;
	}

	.sp__bottom a span:after{
		content: '';
		position:absolute;
		right: -12px;
		top: 5px;
		width: 9px;
		height: 13px;
		background-image: url('img/link4.png');
		background-size: cover;
	}

	ul.scroll{
		padding:6px 0;
	}

	ul.scroll li a{
		font-size: 14px;
	}

	ul.scroll li.current a:before{
		bottom:-6px;
		height: 5px;
	}

	.page__right h3.border__title{
		font-size: 20px;
	}

	.product h3{
		font-size: 20px;
	}

	.sp__bottom a span{
		position:relative;
		left: -5px;
	}

	.relp__flex{
		display:block;
	}

	.relp__flex a{
		width: 100%;
		margin:0 0 30px!important;
	}

	.relp__flex a img{
		height: auto;
	}

	.relp__flex a:last-child{
		margin-bottom: 15px!important;
	}

	.relp__flex a .relp__2{
		font-size: 13px!important;
	}

	p.relp__title span{
		font-size: 13px;
	}


	.page__area{
		margin-top: 75px;
	}

	.nav__area{
		top: 110px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}

	ul.scroll{
		top: 70px;
	}

	.page__area{
		margin-top: 30px;
	}

	.page__right h3.border__title.bt__size2{
		font-size: 25px;
	}

	.page__area{
		max-width: calc(100% - 30px);
	}

	.rel__area{
		max-width: calc(100% + 30px);
	}

	.clip__mainV{
		left: -15px;
		max-width: calc(100% + 30px);
	}

	.clip__mainV img{
		height: 220px;
		object-fit: cover;
	}

	.if__right img{
		margin-top: -10px;
	}

	.la__flex{
		margin-top: 25px;
	}

	.container{
		margin-top: 30px;
	}

	.ts5__flex2 .ts5__right a .noimage{
		height: 158px;
	}

	.ts5__flex2 .ts5__right a .noimage p{
		font-size: 16px;
	}

	.tax__all .product__flex1 .pf__col1 img.mask{
		width: 70%;
	}

	.product__flex1 .pf__col1 .noimage p{
		font-size: 3.5vw;
	}

	.page__right .page__ver .news__flex a{
		width: 220px;
	}

	.rel__area .ra__flex h3{
		margin-top:0!important;
	}

	.thm__box3{
		height: 158px;
	}

	.tsb__left img{
		border-radius: 20px;
	}

	.product__flex1.height1 .pf__col1 img{
		height: 40.5vw;
	}

	.mt__type1{
		padding-top: 100px;
	}


	.scroll-infinity__item.s-img1{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.scroll-infinity__item.s-img2{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img3{
		width: 180px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img4{
		width: 370px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img5{
		width: 380px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img6{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img7{
		width: 190px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item.s-img8{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.scroll-infinity__item img{
		width: 100%!important;
	}

	.img__size2 .scroll-infinity__item.s-img1{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.img__size2 .scroll-infinity__item.s-img2{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img3{
		width: 190px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img4{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img5{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img6{
		width: 320px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img7{
		width: 180px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size2 .scroll-infinity__item.s-img8{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.top__slider .s-img3 , .top__slider .s-img7{
		position:relative;
		top: -45px;
	}

	.scroll-infinity.width__plus{
		margin-top: 100px;
		position:relative;
		width: calc(100% + 30px);
		left: -15px;
	}


	.img__size3 .scroll-infinity__item.s-img1{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.img__size3 .scroll-infinity__item.s-img2{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img3{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img4{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img5{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img6{
		width: 320px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img7{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size3 .scroll-infinity__item.s-img8{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}


	.img__size4 .scroll-infinity__item.s-img1{
		width: 190px;
		box-sizing: border-box;
		padding:0 10px;
	}

	.img__size4 .scroll-infinity__item.s-img2{
		width: 300px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img3{
		width: 180px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img4{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img5{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img6{
		width: 320px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img7{
		width: 200px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.img__size4 .scroll-infinity__item.s-img8{
		width: 260px;
		box-sizing: border-box;
		padding:0 10px;	
	}

	.rel3.scroll-infinity{
		margin-top: -75px;
	}

	.space{
		height: 200px;
	}

	.ts4__box:before{
		height: 200px;
		top: -200px;
	}

	.company__flex .cf__col .cf__text2{
		font-size: 18px;
	}

	ul.scroll li a span.fig{
		font-size: 10px;
	}

	.single__thm.mt0{
		left: -15px;
		width:calc(100% + 30px);
		margin-top: 15px!important;
	}

	.single__thm.mt0 img{
		height:220px;
		object-fit: cover;
		aspect-ratio:auto;
	}

	.contact p.contact__text1{
		font-size: 14px;
	}

	.contact .arrow__link2:after{
		display:block!important;
	}

	.taisei__right{
		padding:35px 15px;
	}

	.contact .taisei__right .tr__col1 h3{
		font-size: 19px;
		margin-bottom: 15px;
	}

	.contact .taisei__right .tr__col1 p{
		font-size: 14px;
		line-height: 1.7;
	}

	.taisei__right .tr__col1{
		margin-bottom:25px;
	}

	div.sustainability p.contact__text3{
		font-size: 14px;
	}

	div.sustainability .form__right p{
		font-size: 14px;
	}

	.radio .wpcf7-list-item label input{
		width: 15px;
		height: 15px;
		margin-right: 3px;
	}

	.check2 .wpcf7-checkbox .wpcf7-list-item input{
		width: 15px;
		height: 15px;
		top: 2px;
		margin-right: 3px;
	}

	div.sustainability .form__right p.fr__1{
		font-size: 12px;
	}

	.product2 .wpcf7-checkbox .wpcf7-list-item{
		width: 100%;
		margin-bottom: 2px;
	}

	.form__flex.product2 .form__left, .form__flex.product2 .form__right{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.text input{
		font-size: 13px;
	}

	.check2 .wpcf7-checkbox .wpcf7-list-item{
		display: block;
		text-indent: -1.5em;
		padding-left: 1.5em;
	}

	div.sustainability .form__right p.input-sub{
		font-size: 12px;
		line-height: 1.5;
		margin-top: 5px;
	}

	.form__flex.name .form__right p{
		justify-content:space-between;
	}

	.form__flex.name .form__right p span{
		width:47%;
		margin: 0;
	}

	.form__flex.address .form__right p span.ad__title{
		font-size: 13px;
		width: 80px;
	}

	.form__flex.address .form__right p.add1 span.bar{
		width: 30px;
	}

	.form__flex.address .form__right p.add1 span.auto{
		display:none;
	}

	.form__flex.address .form__right p.add1 span{
		width: 80px;
	}

	.form__flex.address .form__right p{
		margin-bottom: 15px;
	}

	div.sustainability .submit__area p{
		width: 280px;
	}

	div.sustainability .submit__area p input{
		font-size: 18px;
		padding: 15px 20px;
	}

	div.sustainability .submit__area p:after{
		width: 36px;
		height: 36px;
	}

	.slider-3.contact img{
		width: 450px;
	}

	.page__area.company.sustainability.contact{
		padding-bottom: 90px;
	}

	.slider-3.contact{
		margin-top: -102px;
	}

	.submit__area{
		margin-top: 60px;
	}

	div.sustainability .form__left p.must{
		margin-top: 0;
	}

	.form__left{
		display:block;
	}

	div.sustainability .form__left p span.fig{
		margin-right: 10px;
	}

	div.sustainability .form__flex.other2.check.check4 .form__right p.other{
		margin-right: 34%;
	}

	div.sustainability .form__right p.other{
		left: 24vw;
		bottom: 22px;
	}

	.page__404.page__area.thanks .page__title{
		font-size: 28px;
		margin-bottom: 40px;
		line-height: 1.5;
	}

	.page__404.page__area.thanks .page__en{
		font-size: 22px;
	}

	.page__404.page__area.thanks .page__en{
		font-size: 18px;
	}

	.page__404.page__area.thanks p.page__text1{
		font-size: 12px;
	}

	.submit__area.flex{
		margin-top: 50px;
	}

	.sustainability h3.confirm__title{
		margin-top: 50px;
	}

	div.sustainability .tc__flex .tcf__col p.tcf__text1{
		font-size: 18px;
	}

	div.sustainability .tc__flex .tcf__col p.tcf__text2 br{
		display:none;
	}

	.contact .tc__flex .tcf__col .arrow__link2{
		width: 218px;
	}

	.contact .tc__flex .tcf__col.tcf__col2 .arrow__link2{
		width: 275px;
	}

	.tc__flex{
		margin:60px 0;
	}

	.single__thm:before{
		top: -1px;
		left: -1px;
		width: calc(100% + 1px);
	}

	.page__right .arrow__link4{
		padding:7px 2px;
	}

	.tax__all.page__right .arrow__link4:after{
		display:none;
	}

	.product__flex1{
		display:block;
	}

	.post-type-archive-product .product__flex1{
		display:flex;
	}

	.product__flex1 .pf__col1{
		width: 100%;
	}

	.post-type-archive-product  .product__flex1 .pf__col1{
		width: 48%;
	}

	.pf__col1 .noimage , .tax__all .product__flex1 .pf__col1 img , .thm__box{
		height: 52vw;
	}

	.sustainability .sdgs p.phrase__title{
		font-size: 16px;
		line-height: 1.5;
	}

	.phrase__col .phrase__title span{
		margin-bottom: 5px;
	}

	.tax__all .product__flex1 .pf__col1 .noimage p{
		font-size:6vw;
	}

	.ts5__flex2 .ts5__right a .noimage .mask, .news .page__right .news__flex a img.mask, .tax__all .product__flex1 .pf__col1 img.mask, .page__right .page__ver .news__flex a .noimage img.mask{
		width: 65%;
	}

	.scroll-area .news__flex .noimage p{
		font-size: 18px;
	}

	h3.staff__message span{
		margin-bottom: 0;
	}

	.pdf__flex .pdf__right img.pdf1{
		width: 210px!important;
	}

	.pdf__flex .pdf__right img.pdf2{
		width: 217px!important;
	}



}

@media screen and (max-width: 380px){
	div.sustainability .form__flex.other2.check.check4 .form__right p.other{
		margin-right: 27%;
	}
}

.sticky-container {
	position: relative;
	width: 100vw;
	overflow: hidden;
}

.sticky-section {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100vw;
}

.sticky-content {
	width:1300px;
	margin: 0 auto;
	padding: 40px 30px;
	box-sizing: border-box;
	border-radius: 50px;
	background: white;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	display: flex;
	will-change: opacity;
	pointer-events: none;
	visibility: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
}

.sticky-content.active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

.content-text {
	flex: 1;
	min-width: 45%;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0.2s;
}

.sticky-content.active .content-text {
	opacity: 1;
	transform: translateY(0);
}

.content-image {
	flex: 1;
	min-width: 45%;
	overflow: hidden;
	border-radius: clamp(8px, 1vw, 16px);
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0.3s;
	aspect-ratio: 16/9;
}

.content-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.sticky-content.active .content-image {
	opacity: 1;
	transform: translateY(0);
}


.content-body {
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	transition-delay: 0.5s;
}

.content-body p {
	font-size: clamp(1rem, 2vw, 1.25rem);
	line-height: 1.6;
	margin-bottom: 1em;
}

.sticky-content.active h2,
.sticky-content.active .content-body {
	opacity: 1;
	transform: translateY(0);
}

.sticky-section.op0{
	opacity: 0!important;
	min-height: 1vh;
}

.cr__flex.arrow__type a{
	width:32%;
	background:#F5F5F5;
	box-sizing: border-box;
	color:black;
	border-radius: 15px;
	line-height: 1.7;
	padding:15px 25px;
}

.al-center.content__flex{
	align-items: center;
}

.cr__flex.arrow__type a img{
	display: inline-block;
	width: 19px;
	height: auto;
	margin-left: 15px;
	margin-bottom: 0;
	position: relative;
}













@media (max-width: 1440px){
	.sticky-content{
		width: 90vw;
	}
}

@media (max-width: 1390px){
	.cr__flex.arrow__type a{
		width: 48%;
	}
}

@media (max-width: 768px) {
	.sticky-content {

	}

	.content-text,
	.content-image {
		width: 100%;
		min-width: 100%;
	}

	.content-image {
		order: -1;
		aspect-ratio: 16/10;
	}

	.sticky-section , .sticky-container{
		width:100%;
	}

	.sticky-content{
		width: calc(100% - 120px);
	}

}

@media (max-width: 480px){
	.sticky-content{
		width: calc(100% - 80px);
		padding: 25px;
		border-radius: 30px;
	}

	.tsb__text3{
		font-size: 14px;
	}

	.tsb__text1{
		margin-bottom: 10px;
	}

	.loaction__area2 .la__flex a{
		width: 100%;
		margin-bottom:15px;
	}

	.loaction__area2 .la__flex a img{
		width: 42px;
		display: block;
		margin-right:20px;
	}
	
	.loaction__area2 .la__flex a p{
		margin:0;
		color:#141A1D;
		font-size: 15px;
		font-weight: bold;
	}


}

.tax__flex .tf__right.w100{
	width: 100%;
	padding: 0;
}

.w100 .pf__col2 .pf2__right{
	padding:0 ;
}