@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+JP:wght@100..900&display=swap');

body{
	width: 100%;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-family: "Noto Sans JP", serif;
	color:black;
	font-weight: 400;
	margin: 0!important;
	overflow-x:hidden;
	position:relative;
}

.jos{
	font-family: "Josefin Sans", serif;
}

.bar{
	font-family: "Barlow Condensed", serif;
}

.beb{
	 font-family: "Bebas Neue", serif;
}

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

.inview.is-show{
  opacity: 1;
  transform: translateY(0px);
}

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

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

.inview3{
  opacity: 0;
  transition: 0.5s;
  transition-delay: 0.2s;
}

.inview3.is-show3{
  opacity: 1;
}

.page-web header .hf__right ul li a ,
.page-pr header .hf__right ul li a ,
.page-salon header .hf__right ul li a ,
.page-about header .hf__right ul li a{
	color:white;
	transition: 0.4s;
}

.page-web header.black .hf__right ul li a ,
.page-pr header.black .hf__right ul li a ,
.page-salon header.black .hf__right ul li a ,
.page-about header.black .hf__right ul li a{
	color:black;
}

.page-web header .hf__right ul li a:before ,
.page-pr header .hf__right ul li a:before ,
.page-salon header .hf__right ul li a:before ,
.page-about header .hf__right ul li a:before{
	background: white;
}

.page-web header.black .hf__right ul li a:before ,
.page-pr header.black .hf__right ul li a:before ,
.page-salon header.black .hf__right ul li a:before ,
.page-about header.black .hf__right ul li a:before{
	background: black;
}

.white{
	opacity: 0;
}

.page-web header .black ,
.page-pr header .black ,
.page-salon header .black ,
.page-about header .black{
	opacity: 0;
}

.page-web header .white ,
.page-pr header .white ,
.page-salon header .white ,
.page-about header .white{
	opacity: 1;
}

.page-web header.black .white ,
.page-pr header.black .white ,
.page-salon header.black .white ,
.page-about header.black .white{
	opacity:0;
}

.page-web header.black .black ,
.page-pr header.black .black ,
.page-salon header.black .black ,
.page-about header.black .black{
	opacity: 1;
}

.section__1{
	background: #F8ECEA;
	padding:0 0 45px;
}

header{
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 20;
	transition: 0.4s;
	
}

header.active{
	backdrop-filter: blur(20px);
}

.wrap{
	width: 1260px;
	max-width: 100%;
	padding:0 30px;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	position:relative;
}

.wrap2{
	width: 1060px;
	max-width: 100%;
	padding:0 30px;
	box-sizing: border-box;
	display: block;
	margin:0 auto;
	position:relative;
}

.header__flex{
	display:flex;
	padding:22px 0 10px;
}

.hf__left{
	width: 40%;
}

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

.hf__left h1 a{
	width: 200px;
	height: 42px;
	transition: 0.4s;
	position: relative;
}

.hf__left h1 a img{
	position:absolute;
	left: 0;
	top: -2px;
	transition: 0.4s;
}

.hf__left h1 a:hover{
	opacity: 0.7;
}

.hf__left h1 img{
	width: 200px;
}

.hf__right{
	width: 60%;
}

.hf__right ul li.long{
	width: 30%;
	text-align: center;
}

.hf__right ul li.short{
	width: 20%;
	text-align: center;
}

.hf__right ul{
	list-style: none;
	display:flex;
	justify-content: space-between;
	margin:5px 0 0;
	padding: 0;
}

.hf__right ul .parent{
	position:relative;
	padding-bottom: 15px;
}

.hf__right ul li a{
	font-size: 17px;
	color:black;
	text-decoration: none;
	transition: 0.4s;
	font-weight: 500;
	position: relative;
}

.hf__right ul li a:before{
	content: '';
	position:absolute;
	left: 0;
	bottom: -3px;
	width: 0;
	height: 1px;
	background: black;
	transition: 0.4s;
}

.hf__right ul li a:hover:before{
	width: 100%;
}

.hf__right ul li.active a:before{
	width: 100%;
}

.child{
	position:absolute;
	left: 50%;
	bottom: -100px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
	width: 170px;
	box-sizing: border-box;
	padding:15px 10px 10px;
	background: #303638;
	text-align: left;
	opacity: 0;
	transition: 0.4s;
	pointer-events: none;
}

.child.active{
	opacity: 1;
	pointer-events: auto;
}

.hf__right ul li .child a{
	font-size: 12px;
	text-decoration: none;
	color:white!important;
	transition: 0.4s;
	display:block;
	margin-bottom: 5px;
}

.hf__right ul li .child a:before{
	display:none;
}

.child a:hover{
	opacity: 0.7;
}

.mainV{
	padding: 170px 0 60px;
}

.mainV h2{
	margin: 0;
	padding-left:90px;
}

.mainV h2 img{
	width: 200px;
}

.mv1{
	position:absolute;
	z-index: 1;
	left: 50%;
	top:35px;
	width: 600px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);	
}

.item1{
	position:absolute;
	left:0;
	top: 70px;
	width: 70px;
}

.item2{
	position:absolute;
	left:50px;
	bottom: -40px;
	width: 160px;
}

.item3{
	position:absolute;
	right: 30.5%;
	top: -17px;
	width: 180px;
	z-index: 2;
}

.item4{
	position:absolute;
	left: 32%;
	bottom: -35px;
	width: 170px;
	z-index: 2;
}

.item5{
	position:absolute;
	right: 32%;
	bottom: -35px;
	width: 150px;
	z-index: 2;
}

.item6{
	position:absolute;
	right: 80px;
	top: 0;
	width: 38px;
	z-index: 2;
}

.item7{
	position:absolute;
	right: 15%;
	top: 26%;
	width: 100px;
	z-index: 2;
}

.item8{
	position:absolute;
	right: 40px;
	bottom: -55px;
	width: 280px;
	z-index: 2;
}

.topics__area{
	width: 380px;
	position: relative;
	box-sizing: border-box;
	background: white;
	padding:27px 25px 22px;
}

.topics__area h2{
	margin: 0;
	font-size: 20px;
	font-weight: 500;
	position:absolute;
	left: 20px;
	top:-8px;
	letter-spacing: 0.08em;
	line-height: 1;
}

.topics__area a{
	display:block;
	text-decoration: none;
	transition: 0.4s;
	padding-right:65px;
	box-sizing: border-box;
	width: 100%;
	text-decoration: none;
	color:black;
	position:relative;
	line-height: 1.6;
	transition: 0.4s;
}

.topics__area a:hover{
	opacity: 0.6;
}

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

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

.topics__title{
	font-size: 15px;
	margin:5px 0 0;
	line-height: 1.5;
}

.section__2{
	padding:80px 0;
	position:relative;
	color:white;
}

.section__2 .video1{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}

.section__2:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #454A5A;
	opacity: 0.75;
	z-index: 2;
}

.z2{
	position:relative;
	z-index: 2;
}

.section__2 h2{
	margin:0 0 15px;
	font-size: 18px;
	font-weight: 400;
}

.section__2 h3{
	line-height: 1.55;
	font-size: 40px;
	margin:0 0 50px;
}

.more__link{
	display:inline-flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	transition: 0.4s;
}

.more__link.black{
	color:black;
}

.more__link img{
	display:block;
	width: 44px;
	margin-left:10px;
}

.more__link:hover{
	opacity: 0.6;
}

.s2__text{
	font-size: 18px;
	margin:-60px 0 0;
	width: 55%;
	margin-left: auto;
}

.section__3{
	padding:80px 0;
	position:relative;
}

.section__3 .wrap{
	position:relative;
	z-index: 2;
}

.section__3:before{
	content: '';
	position:absolute;
	left: 0;
	top: 200px;
	background: #F2F1E5;
	width: 75%;
	height: calc(100% - 220px);
}

.section__3 h2{
	text-align: center;
	font-size: 38px;
	font-weight: 500;
	margin:0 0 130px;
}

.sec3__mainarea{
	padding-left: 70px;
	width: 100%;
	box-sizing: border-box;
	position:relative;
}

.en1{
	position:absolute;
	left: 0;
	top: 10px;
}

.section__3 h3{
	font-size: 31px;
	margin:0 0 10px;
}

.right{
	text-align: right;
	margin: 0;
}

.sec3__flex{
	display:flex;
	justify-content: space-between;
	position:relative;
	z-index: 2;
}

.sec3__flex.type2{
	margin-top:10px;
}

.sec3__left{
	width: 50%;
	box-sizing: border-box;
}

.sec3__right{
	width: 50%;
	box-sizing: border-box;
	margin-top: 30px;
}

/*.sec3__right.size2{
	width: 620px;
	box-sizing: border-box;
}

.sec3__right.size3{
	width: 330px;
	box-sizing: border-box;
}*/

.sec3__right .right{
	margin-bottom:30px;
}

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

.sub__flex .num{
	font-size: 50px;
	letter-spacing: 0;
	margin: 0;
	width: 100px;
	top: 12px;
	padding-right: 40px;
	box-sizing: border-box;
	position: relative;
}

.sub__flex .num:before{
	content: '';
	position:absolute;
	right: 20px;
	width: 20px;
	height: 1px;
	background: black;
	top: 50%;
}

.sub__flex .sf__text{
	position:relative;
	width: calc(100% - 70px);
	font-size: 28px;
	font-weight:bold;
	margin:20px 0 0;
	line-height: 1.5;
}

.sub__flex .sf__text span{
	font-size: 16px;
	display:block;
	font-weight: 500;
}

.service1 img{
	width: 100%;
}

.service1__img{
	width: 496px;
	max-width: 100%;
	display:block;
	margin-left: auto;
}

.service2__img{
	width:620px;
	position:relative;
	left: -6%;
}

.service3__img{
	width: 480px;
	max-width: 100%;
	display:block;
	margin-left: auto;

}

.service__title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin:-10px 0 0;
}

.s3__text{
	font-size: 18px;
	margin:30px 0 0;
}

.service__title.size2{
	text-align: center;
	font-size: 21px;
	font-weight: bold;
	margin:0;
}

.service__title.size2 span{
	display:inline-block;
	font-size: 15px;
	font-weight: 500;
	margin-left: 8px;
}

.flex{
	display:flex;
}

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

.section__4{
	padding:90px 0 0;
	position:relative;
}

.section__4:after{
/*	content: '';
	position:absolute;
	right: 0;
	top: 180px;
	width: 80%;
	max-width: 1400px;
	height: calc(100% - 130px);
	background: #F2F1E5;*/
	display:none!important;
}


.section__4 .wrap{
	z-index: 2;
}

.section__4 h2{
	font-size: 36px;
	font-weight: 500;
	margin:8px 0 0;
	margin-right: 50px;
	line-height: 1;
}

.news__area{
	margin:50px 0 0;
	position:relative;
}

.en2{
	position:absolute;
	right: -54px;
	top: 5px;
}

.news__area .news__box{
	display:flex;
	align-items: center;
	margin:15px 0;
	padding-bottom:15px;
	border-bottom:1px solid black;
	text-decoration: none;
	color:black;
	font-weight: 500;
}

.news__area .news__box .news__date{
	width: 130px;
	box-sizing: border-box;
	font-size: 16px;
	margin: 0;
}

.news__area .news__box .news__category{
	width: 125px;
	box-sizing: border-box;
	font-size: 14px;
	margin:1px 0 0;
	text-align: center;
	padding-right: 70px;
}

.news__area .news__box .news__category a{
	text-decoration: none;
	color:black;
	padding:2px 0 0;
	width: 55px;
	display:block;
	transition: 0.4s;
}

.news__area .news__box .news__category a:hover{
	opacity: 0.6;
}

.news__area .news__box .news.news__category a{
	border-bottom:2px solid #CD1515;
}

.news__area .news__box .csr.news__category a{
	border-bottom:2px solid #13871E;
}

.news__area .news__box .tech.news__category a{
	border-bottom:2px solid #0085FF;
}

.news__area .news__box .news__title{
	font-size: 18px;
	margin: 0;
	line-height: 1.5;
}

.news__area a.front__nl{
	box-sizing: border-box;
	width: calc(100% - 255px);
	display:block;
	transition: 0.4s;
	text-decoration: none;
	color:black;
}

.news__area a:hover{
	opacity: 0.6;
}

.section__5{
	position:relative;
	padding:120px 0 0px;
}

.section__5 h2{
	font-size: 36px;
	font-weight: 500;
	margin: 0 0 30px;
}

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

.topics__flex .tf__col{
	width: 46%;
	box-sizing: border-box;
	border:2px solid black;
	padding:35px 30px;
	display:block;
	color:black;
	text-decoration: none;
	transition: 0.4s;
	border-radius: 7px;
}

.topics__flex .tf__col:hover{
	background: #CD1515;
	color:white!important;
}

.tf__col .a{
	position:relative;
	text-decoration: none;
	padding-right: 30px;
	font-size: 24px;
	font-weight: bold;
	margin:0 0 18px;
	line-height: 1.5;
	display:block;
}

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

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

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

.tf__col .a span{
	font-size: 15px;
	display:block;
}

.tf__col p{
	font-size: 16px;
	margin: 0;
}

footer{
	background: #F5F5F5;
	padding:50px 0 0;
}

.footer__flex{
	display:flex;
	margin-bottom: 70px;
}

.ff__left{
	width: 220px;
	box-sizing: border-box;
	padding-right: 30px;
}

.ff__left img{
	width: 170px;
}

.ff__right{
	width: calc(100% - 220px);
}

.ff__right p{
	margin: 0 0 18px;
	font-size: 18px;
	font-weight: 500;
}

.ff__right div a{
	display: inline-block;
	color:black;
	font-size: 16px;
	transition: 0.4s;
}

.ff__right div a:hover{
	opacity: 0.6;
}

.ff__right div{
	margin-bottom: 2px;
}

.footer__list{
	display:flex;
	justify-content: center;
	margin:80px 0 35px;
	list-style: none;
	padding:0;
}

.footer__list li{
	padding:0 25px;
	position:relative;
	line-height: 1.5;
}

.footer__list li:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height:16px;
	background:#0E1618;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);	
}

.footer__list li a{
	font-size: 16px;
	color:black;
	transition: 0.4s;
}

.footer__list li a:hover{
	opacity:0.6;
}

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

.copy{
	text-align: center;
	color: white;
	margin: 0;
	font-size: 14px;
	background: #0E1618;
	padding:10px 0;
}

.page__area{
	padding: 165px 0 200px;
}

.page__title{
	font-size: 34px;
	font-weight:500;
	text-align: center;
	margin:0 0 65px;
}

.contact__text1{
	font-size: 16px;
	text-align: center;
	margin:0 0 65px;
}

.contact__link{
	display:block;
	margin:0 auto;
	width: 280px;
	box-sizing: border-box;
	border:2px solid black;
	padding:5px 0;
	color: black;
	text-align: center;
	font-size: 16px;
	transition: 0.4s;
}

.contact__link:hover{
	background:#CD1515;
	color:white;
}

.contact__text2{
	font-size: 14px;
	text-align: center;
	margin:10px 0 60px;
}

.contact__text3{
	width: 850px;
	max-width: 100%;
	font-size: 14px;
	margin:0 auto;
	line-height: 2.4;
}

.video__sec1{
	padding:170px 0;
	position:relative;
}

.video__sec1:before{
	content: '';
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(69,74,90);
	opacity: 0.75;
	z-index: 2;
}

.video__sec1 .video2{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
}

.video__sec1 .wrap{
	position:relative;
	z-index: 3;
}

.video__sec1 h2{
	font-size: 48px;
	color:white;
	margin: 0 0 15px;
	line-height: 1.5;
}

.video__sec1 .vs__text1{
	font-size: 18px;
	color: white;
	margin: 0;
}

.video__sec1 .vs__text2{
	width: 60%;
	font-size: 18px;
	color: white;
	line-height: 1.9;
	margin:45px 0 0;
	margin-left: auto;
}

.service__sec1{
	padding:90px 0 0;
	position:relative;
}

.service__sec1:after{
	content: '';
	position:absolute;
	right: 0;
	top: 215px;
	width: 78%;
	background: #F2F1E5;
	height: calc(100% - 140px);
}

.service__sec1 h2{
	font-size: 38px;
	text-align: center;
	font-weight: 500;
	margin:0 0 140px;
	position:relative;
	z-index: 2;	
}

.solution__flex{
	display:flex;
	justify-content: space-between;
	padding:0 80px;
	position:relative;
	z-index: 2;
}

.sf__col{
	width: 32%;
}

.sf__col.sf__col2{
	transition-delay: 0.3s;
}

.sf__col.sf__col3{
	transition-delay: 0.5s;
}

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

.sf__num .sfn1{
	font-size: 50px;
	font-weight: 400;
	margin: 0;
	position:relative;
	width: 25%;
}

.sf__num .sfn1:before{
	content: '';
	position:absolute;
	right: 13px;
	width: 20px;
	height: 1px;
	background: black;
	top: 50%;
}

/*.page-web .sf__num .sfn1:before{
	right: 13px;
}*/

.sf__num .sfn2{
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	line-height: 1.1;
	width: 75%;
}

.sfc__text1{
	font-size: 16px;
	margin:5px 0 25px;
	font-weight: 500;
}

.sfc__text2{
	font-size: 17px;
	margin: 0 0 36px;
}

.sf__col img{
	width: 100%;
}

.service__sec2{
	padding:160px 0 0;
	position:relative;
}

.service__sec2:after{
	content: '';
	position:absolute;
	left: 0;
	top: 310px;
	width: 75%;
	background: #F2F1E5;
	height: calc(100% - 345px);
}

.service__sec2 h2{
	font-size: 38px;
	text-align: center;
	font-weight: 500;
	margin:0 0 100px;
	position:relative;
	z-index: 2;	
}

.ss2__flex{
	display:flex;
	position:relative;
	z-index: 2;
}

.ss2__left{
	width: 50%;
	box-sizing: border-box;
	padding-right: 30px;
}

.ss2__left.type1{
	margin-top: 80px;
}

.ss2__left h3{
	font-size:28px;
	font-weight:bold;
	margin:0 0 18px;
}

.ss2__right{
	width: 50%;
}

.ss2__left p{
	font-size: 17px;
	margin: 0 0 50px;
}

.ss2__right img{
	width: 100%;
}

.solution__flex.type2 .sf__col1 img{
	width: calc(100% + 50px);
	position:relative;
	left: -25px;
}

.solution__flex.type2 .sf__col2 img{
	width: calc(100% + 40px);
	position:relative;
	left: -20px;
}

.solution__flex.type2 .sf__col3 img{
	width: calc(100% - 30px);
	display:block;
	margin:0 auto;
}

.type2 .ss2__left h3{
	margin-bottom: 0;
}

.type2 .ss2l__text1{
	margin-bottom: 28px;
	font-weight: 500;
}

.type2 .ss2l__text2{
	margin-bottom: 28px;
}

.type2 .ss2__left a{
	display:block;
	width: 280px;
	background: white;
	border:2px solid black;
	text-align: center;
	padding:4px 0;
	margin-bottom: 5px;
	color:black;
	font-size: 16px;
	box-sizing: border-box;
	transition: 0.4s;
}

.type2 .ss2__left a:hover{
	background: #CD1515;
	color:white;
}

.type2 .ss2l__text3{
	font-size: 14px;
	margin: 0;
}

.type2 .ss2__right img{
	width: calc(100% + 60px);
}

.type2.service__sec2:after{
	height: calc(100% - 290px);
}

.solution__flex.type3 .sf__col1 img{
	width: calc(100% - 20px);
	margin:0 auto;
	display:block;	
}

.type2.type3 .ss2__right img{
	width: 100%;
}

.type2.type3.service__sec2:after{
	top: 273px;
	height: calc(100% - 240px);
}

.about__flex{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding:0 120px;
	position:relative;
	z-index: 2;
}

.af__col{
	width: 42%;
}

.af__col.col1 , .af__col.col2{
	margin-bottom: 145px;
} 

.af__col .jos{
	font-size: 14px;
	margin:0 0 30px;
}

.af__col h3{
	font-size: 36px;
	font-weight: bold;
	margin:0 0 30px;
	line-height: 1.4;
}

.af__col .afc__text{
	font-size: 17px;
	margin: 0;
}

.service__sec1.about:after{
	right: inherit;
	left: 0;
}

.service__sec2.about{
	padding:200px 0 0;
}

.about .ss2__left{
	padding: 0;
}

.about .ss2__right{
	box-sizing: border-box;
	padding:0 50px;

}

.about .ss2__left img{
	width: 100%;
}

.about.type2.type3.service__sec2:after{
	top: 318px;
	height: calc(100% - 270px);
	left: inherit;
	right: 0;
}

.message__text1{
	font-size: 16px;
	font-weight: 500;
	margin:0 0 12px;
}

.message__text2{
	font-size: 20px;
	font-weight: 500;
	margin:0 0 24px;
}

.message__text3{
	font-size: 17px;
	margin:0;
}

.service__sec1.about-3{
	padding-top: 200px;
}

.about__flex2{
	display:flex;
	justify-content: space-between;
	padding-left: 150px;
	padding-right: 50px;
	position:relative;
	z-index: 2;
}

.about__flex2 .af__col2{
	width: 57%;
}

.about__flex2 .af__col2.size2{
	width: 40%;
}

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

.afc__box p{
	font-size: 17px;
	margin: 0;
}

.afc__box p a{
	color:black;
	transition: 0.4s;
}

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

.afc__box{
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom:1px solid black;
	font-weight: 500;
}

.af__col2 .afc__box:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.afc__box h3.type2{
	margin:35px 0 10px;
}

.service__sec1.about-3:after{
	top: 335px;
	height: calc(100% - 270px);
}

.section__5.page__type{
	padding-top: 180px;
}

.news__flex{
	display:flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 100px;
}

.slider-1 , .slider-1-sp{
	list-style: none;
	margin:0;
	padding: 0;
}

.slider-1 .news__article{
	width: 100%;
	margin: 0 5px;
}

.news__article{
	width: 32.8%;
	box-sizing: border-box;
	border:1px solid black;
	border-radius: 10px;
	padding:20px 20px 55px;
	margin-bottom: 30px;
}

.news__article a img{
	width: 100%;
	height: 229px;
	object-fit: cover;
}

.news__flex .news__article:nth-child(1) ,
.news__flex .news__article:nth-child(4) ,
.news__flex .news__article:nth-child(7){
	margin-right: 0.5%;
}

.news__flex .news__article:nth-child(2) ,
.news__flex .news__article:nth-child(5) ,
.news__flex .news__article:nth-child(8){
	margin-left: 0.25%;
	margin-right: 0.25%;
	transition-delay: 0.3s;
}

.news__flex .news__article:nth-child(3) ,
.news__flex .news__article:nth-child(6) ,
.news__flex .news__article:nth-child(9){
	margin-left: 0.5%;
	transition-delay: 0.5s;
}

.news__flex .news__article a{
	transition: 0.4s;
}

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

.news__info{
	display:flex;
	align-items: center;
	margin:10px 0;
}

.news__info .date{
	font-size: 16px;
	margin: 0;
	margin-right: 25px;
}

.news__info .category{
	color:black;
	display:inline-block;
	font-family: "Josefin Sans", serif;
	font-size: 14px;
	font-weight: 500;
	padding:2px 4px 0;
	line-height: 1.4;
	text-decoration: none;
	border-bottom: 3px solid #CD1515;
	position:relative;
	top: -2px;
	transition: 0.4s;
}

.news__info .category:hover{
	opacity: 0.6;
}


.news__info .csr .category{
	border-color:#13871E;
}

.news__info .tech .category{
	border-color:#0085FF;
}

.np__title{
	display:block;
	text-decoration: none;
	font-size: 18px;
	color: black;
	line-height: 1.4;
	font-weight: 500;
}

.np__title h3{
	margin: 0;
	font-weight: 500;
}

.page__flex.flex{
	margin:60px auto 0;
	justify-content: center;
	text-align: center;
}

.page__flex.flex .wp-pagenavi span.current{
	background: white;
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	width: 35px;
	height: 35px;
	background: black;
	color:white;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	margin:0 3px;
}

.page__flex.flex .wp-pagenavi a{
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	width: 35px;
	height: 35px;
	color:black;
	transition: 0.4s;
	line-height: 34px;
	text-align: center;
	display: inline-block;
	margin:0 3px;	
}

.page__flex.flex .wp-pagenavi a:hover{
	opacity: 0.6;
}

.single__page .news__info{
	margin: 0;
}

.single__title{
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5;
	margin:10px 0 30px;
}

.thm__area img{
	width: 100%;
	height:auto!important;
}

.item9{
	position:absolute;
	right: -30px;
	top: -10px;
	width: 130px;
}

.item10{
	position:absolute;
	left: -30px;
	top: -195px;
	width: 130px;
}

.item11{
	position:absolute;
	right: 0px;
	top: -30px;
	width: 65px;
}

.web-item1{
	position: absolute;
	left: 95px;
	top: -395px;
	width: 130px;
	z-index: 3;
}

.web-item2{
	position: absolute;
	right: 45px;
	top: -235px;
	width: 130px;
	z-index: 3;
}

.web-item3{
	position: absolute;
	left: 75px;
	top: -170px;
	width: 185px;
	z-index: 3;
}

.web-item4{
	position: absolute;
	right: 95px;
	top: -190px;
	width: 100px;
	z-index: 3;
}

.web-item5{
	position: absolute;
	right: -20px;
	top: -130px;
	width: 78px;
	z-index: 3;
}

.bottom__area{
	padding:80px 0 100px;
}

.web-item6{
	position: absolute;
	left: 10px;
	top: -160px;
	width: 130px;
	z-index: 2;
}

.web-item7{
	position: absolute;
	right: 60px;
	bottom: -80px;
	width: 100px;
	z-index: 2;
}

.pr-item1{
	position: absolute;
	left: -15px;
	top: -360px;
	width: 220px;
	z-index: 3;
}

.pr-item2{
	position: absolute;
	right: 35px;
	top: -235px;
	width: 130px;
	z-index: 3;
}

.pr-item3{
	position: absolute;
	left: 75px;
	top: -120px;
	width: 85px;
	z-index: 3;
}

.pr-item4{
	position: absolute;
	right: 95px;
	top: -215px;
	width: 100px;
	z-index: 3;
}

.bold.ss2__left h3{
	font-weight: bold;
}

.pr-item5{
	position: absolute;
	right: 45px;
	top: -55px;
	width: 130px;
	z-index: 3;
}

.pr-item6{
	position: absolute;
	left: 10px;
	bottom: -50px;
	width: 175px;
	z-index: 2;
}

.pr-item7{
	position: absolute;
	right: 60px;
	top: -180px;
	width: 94px;
	z-index: 2;
}

.salon-item1{
	position: absolute;
	left: -15px;
	top: -360px;
	width: 110px;
	z-index: 3;
}

.salon-item2{
	position: absolute;
	right: 35px;
	top: -470px;
	width: 190px;
	z-index: 3;
}

.salon-item3{
	position: absolute;
	left: 75px;
	top: -190px;
	width: 105px;
	z-index: 3;
}

.salon-item4{
	position: absolute;
	right: 95px;
	top: -215px;
	width: 80px;
	z-index: 3;
}

.salon-item5{
	position: absolute;
	left: -15px;
	top: -140px;
	width: 110px;
	z-index: 3;
}

.salon-item6{
	position: absolute;
	right: 15px;
	top: -25px;
	width: 130px;
	z-index: 3;
}

.salon-item7{
	position: absolute;
	left: 10px;
	bottom: -80px;
	width: 95px;
	z-index: 2;
}

.salon-item8{
	position: absolute;
	right: 60px;
	top: -180px;
	width: 130px;
	z-index: 2;
}

.single__content{
	display:flex;
	width: 100%;
	margin-top: 40px;
}

.single__left{
	width: 65%;
	box-sizing: border-box;
}

.single__right{
	width: 35%;
	box-sizing: border-box;
	padding-left: 30px;
	margin-top: 25px;
}

.single__right img{
	width: 100%;
	transition: 0.4s;
}

.single__right .banner1{
	display:block;
	margin-bottom: 25px;
	transition: 0.4s;
}

.single__right .banner1:hover img{
	opacity: 0.6;
}

.single__right .banner2{
	display:block;
	margin-bottom: 90px;
	position:relative;
	transition: 0.4s;
}

.single__right .banner2:hover img{
	opacity: 0.6;
}

.single__right .banner2:after{
	content: '';
	position:absolute;
	width: 100%;
	height: 1px;
	background: #E5E2C1;
	left: 0;
	bottom: -44px;
}

.right__title{
	font-size: 20px;
	font-weight: 500;
	margin:0 0 35px;
}

.pac__info{
	display:flex;
}

.pac__info .beb{
	font-size: 15px;
	margin: 0;
	position:relative;
	top: -1px;
	margin-right: 15px;
	font-family: "Noto Sans JP", serif;
}

.pac__info .jos{
		color: black;
    display: inline-block;
    font-family: "Josefin Sans", serif;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 4px 0;
    line-height: 1.4;
    text-decoration: none;
    border-bottom: 3px solid #CD1515;
    position: relative;
    top: -5px;
    transition: 0.4s;
}

.pac__info .csr .jos{
	border-color:#13871E;
}

.pac__info .tech .jos{
	border-color:#0085FF;
}

.pac__info .jos:hover{
	opacity: 0.6;
}

.pac__title{
	font-size: 16px;
	margin:4px 0 0;
	font-weight: 500;
	line-height: 1.6;
	color:black;
	text-decoration: none;
	display: block;
	transition: 0.4s;
}

.pac__title:hover{
	opacity: 0.6;
}

.pac__title p{
	margin:0 0 27px;
}

.popular__area{
	position:relative;
	margin-bottom:90px;
}

.popular__area:after{
	content: '';
	position:absolute;
	width: 100%;
	height: 1px;
	background: #E5E2C1;
	left: 0;
	bottom: -44px;
}

.blog__link{
	display: block;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	color:black;
	border:3px solid black;
	margin-bottom: 12px;
	padding:18px 0;
	transition: 0.4s;
	border-radius: 7px;
}

.blog__link .bl__text1{
	font-size: 21px;
	font-weight: bold;
	margin: 0;
	line-height: 1.5;
}

.blog__link .bl__text2{
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	line-height: 1.5;
}

.blog__link:hover{
	background: #CD1515;
	color: white;
}

.single__left h2{
	font-size: 24px;
	font-weight: bold;
	border-bottom:1px solid black;
	margin:40px 0 30px;
	padding-bottom: 15px;
	line-height: 1.5;
}

.single__left h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin:50px 0 30px;
}

.slider-1 .news__article a{
	transition: 0.4s;
}

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

.single__left img{
	max-width: 100%;
	margin-bottom: 10px;
}

.single__left .wp-element-caption{
	color:#797979;
	font-size: 14px;
	margin:0 0 25px;
}

.single__left p{
	font-size: 16px;
	margin:16px 0;
}

.recommend__area{
	margin-top: 100px;
}

.recommend__area .recommend__title{
	font-size: 23px;
	font-weight: 500;
	text-align: center;
	margin:0 0 10px;
}

.recommend__area .recommend__sub{
	font-size: 16px;
	margin: 0 0 80px;
	position:relative;
	text-align: center;
}

.recommend__area .recommend__sub:after{
	content: '';
	position:absolute;
	left: 50%;
	bottom: -30px;
	width: 1px;
	height: 20px;
	background: black;
}

.slider-1 , .slider-1-sp{
	height: auto;
	position:relative;
}

.slider-1 .prev-arrow , .slider-1-sp .prev-arrow{
	width: 50px;
	height: 50px;
	position:absolute;
	left: -25px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    transition: 0.4s;
}

.slider-1 .next-arrow , .slider-1-sp .next-arrow{
	width: 50px;
	height: 50px;
	position:absolute;
	right: -25px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 3;	
    cursor: pointer;
    transition: 0.4s;
}

.slider-1 .prev-arrow:hover , .slider-1-sp .prev-arrow:hover{
	opacity: 0.8;
}

.slider-1 .next-arrow:hover , .slider-1-sp .next-arrow:hover{
	opacity: 0.8;
}

.slider-2{
	margin: 0;
	padding: 0;
}

.slider-2 li{
	margin:0 60px;
}

.slider-2 li img{
	width: 1052px;
}

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

.text3-1{
	position:absolute;
	z-index: 2;
	right: 33px;
	top: 13px;
}

.text3-2{
	position:absolute;
	z-index: 2;
	left: -33px;
	top: 60px;
}

.ss2__left.type2{
	margin-top: 50px;
}

.text3-2.type3{
	top: 20px;
}

.text4{
	position:absolute;
	left: 40px;
	top: 0;
	z-index: 2;
}

.text5{
	position:absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.text6{
	position:absolute;
	left: 110px;
	top: 0;
	z-index: 2;
}

.sp{
	display:none;
}

.single #ez-toc-container{
	width: 100%;
	box-sizing: border-box;
	border: 0!important;
	padding:20px 25px;
	position:relative;
	margin-bottom: 40px;
	background: #F2F1E5;
}

.ez-toc-icon-toggle-span , .ez-toc-js-icon-con{
	display:none!important;
}

.single #ez-toc-container a.ez-toc-toggle{
	width: 13px;
	height: 8px;
	margin: 0;
	padding: 0;
	position:relative;

}

.single .ez-toc-pull-right:after{
	content: '';
	position:absolute;
	left: 0;
	top: 12px;
	width: 13px;
	height: 8px;
	background-image: url('img/arrow7.png');
	background-size: cover;
	transition: 0.4s;
}

.single .toc_close .ez-toc-pull-right:after{
	transform: rotate(180deg);
}

.single div#ez-toc-container .ez-toc-title{
	font-size: 20px;
}

.single nav ul.ez-toc-list{
	margin-top: 20px!important;
}

.single div#ez-toc-container ul li{
	margin-bottom: 5px;
	font-size: 18px;
}

.single div#ez-toc-container ul li a{
	color:black;
	transition: 0.4s;
	text-decoration: underline!important;
}

.single div#ez-toc-container ul li a:hover{
	opacity: 0.6;
}

.fix{
	position: fixed;
	right: 40px;
	bottom: 40px;
	transition: 0.4s;
	z-index: 5;
	pointer-events: none;
	opacity:0;
}

.fix.op1{
	opacity: 1;
	pointer-events: auto;
	cursor:pointer;
}

.fix.op1:hover{
	opacity: 0.6;
}

.fix img{
	width: 64px;
}


.fuwafuwa{
/*	position:relative;*/
  animation: wobbling_x 5s ease-in-out infinite alternate;
}
@keyframes wobbling_x {
  0% {
    transform:translate(0, 5px) rotate(2deg);
  }

  50% {
    transform:translate(18px, 5px) rotate(0deg);
  }

  100% {
    transform:translate(0, 10px) rotate(-2deg);
  }
}

.fuwafuwa2{
/*	position:relative;*/
  animation: wobbling_x2 5s ease-in-out infinite alternate;
}
@keyframes wobbling_x2 {
  0% {
    transform:translate(0, 5px) rotate(2deg);
  }

  50% {
    transform:translate(15px, 25px) rotate(0deg);
  }

  100% {
    transform:translate(0, 10px) rotate(-2deg);
  }
}

.fuwafuwa3{
/*	position:relative;*/
  animation: wobbling_x3 6s ease-in-out infinite alternate;
}
@keyframes wobbling_x3 {
  0% {
    transform:translate(0, 0) rotate(2deg);
  }

  50% {
    transform:translate(20px, 0) rotate(0deg);
  }

  100% {
    transform:translate(0, 0) rotate(-2deg);
  }
}

.fuwafuwa4{
  animation: wobbling_x4 5s ease-in-out infinite alternate;
}
@keyframes wobbling_x4 {
  0% {
    transform:translate(0, 0) rotate(2deg);
  }

  50% {
    transform:translate(20px, 15px) rotate(0deg);
  }

  100% {
    transform:translate(0, 0) rotate(-2deg);
  }
}

.fuwafuwa5{
  animation: wobbling_x5 4s ease-in-out infinite alternate;
}
@keyframes wobbling_x5 {
  0% {
    transform:translate(0, 0) rotate(2deg);
  }

  50% {
    transform:translate(17px, 3px) rotate(0deg);
  }

  100% {
    transform:translate(0, 0) rotate(-2deg);
  }
}


	.menu_button{

	 outline: none;
	 border: none;
	 font-size: 20px;
	 text-align: center;
		margin-left:auto;
	 margin-top:0;
	 display:block;
	 position: absolute;
	 right: 40px;
	 top: 0;
	 	z-index: 9999;
	}

	.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: #fefbee;
	  margin-bottom: 15px;
	  transition: .7s;
	}

	.menu_button.open .menu_icon01 span{
		background:white; 
	}
	
	.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:28px;
	  left:20px;

	}
	.menu_button .menu_icon01 span {
	  display: block;
	  width: 40px!important;
	  height: 3px;
	  background: white;
	  margin-bottom: 7px;
	  transition: .5s;
	}

	.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);

	}
	.menu_button.open .menu_icon01 .bar1 {
	  transform: rotate(0deg) translateY(7px);
	}
	.menu_button.open .menu_icon01 .bar2 {
	  opacity: 0;
	}
	.menu_button.open .menu_icon01 .bar3 {
	 transform: rotate(-90deg) translateX(11px);

	}

	.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);
	 }

#nav{
		position: fixed;
    overflow-y: scroll;
    min-height: 100vh;
    max-height: 100vh;
    width: 100%;
    top: 0;
    background:#303638;
    margin-top: 0px;
    padding-top: 120px;
    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: 19;

}

.nav__wrap{
	padding:0 30px;
}

.nav__parent{
	position:relative;
	margin-top: 25px;
	margin-bottom: 0;
	box-sizing: border-box;
	padding:7px 20px;
	border-bottom:1px solid white;
	font-size: 18px;
	cursor: pointer;
	font-weight: bold;
}

.nav__child p{
	margin: 0 0 4px;
	padding:0 20px;
}

.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;
}

.nav__parent.lonly:before ,
.nav__parent.lonly:after{
	display:none!important;
}

.nav__parent:before{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 15px;
	height: 1px;
	background: white;
	transform: rotate(90deg);
	transition: 0.4s;
}

.nav__parent.open:before{
	transform: rotate(180deg);
}

.nav__parent:after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 15px;
	height: 1px;
	background: white;
	transition: 0.4s;
}

.nav__child.close{
	height: 0;
	opacity: 0;
}

.nav__child{
	overflow: hidden;
	height: 98px;
	width: 100%;
	margin-top: 15px;
	opacity: 1;
	transition: 0.4s;
}

.category-csr .news__info .category{
	border-color:#13871E;
}

.category-tech .news__info .category{
	border-color:#0085FF;
}

.author__area{
	box-sizing: border-box;
	width: 100%;
	border:2px solid #D9D9D9;
	padding:20px;
	border-radius: 4px;
}

.author__area.area1{
	margin: 25px 0;
}

.aa__flex{
	display:flex;
	
}

.aa__left{
	width: 110px;
}

.aa__left img{
	width: 85px;
	border-radius: 50%;
	height: 85px;
	object-fit: cover;
}

.aa__right{
	width: calc(100% - 110px);
}

.aa__right .aa__text1{
	font-size: 15px;
	font-weight: 500;
	margin: 22px 0 0;
	color:#797979;
	line-height: 1;
}

.aa__right .aa__text2{
	font-size: 18px;
	font-weight: 500;
	margin:0;
}

.single__left .aa__text3{
	font-size: 14px;
	font-weight: 400;
	margin:0;
}




















@media screen and (max-width: 1240px){
	.about__flex{
		padding:0 60px;
	}

	.about__flex2{
		padding-left: 60px;
		padding-right: 20px;
	}

	.news__article a img{
		width: 100%;
		height: 18vw;
		object-fit: cover;
	}

}



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

	.fix{
		right: 15px;
	}

	.item9{
		right: 10px;
		width: 104px;
	}

	.mainV h2{
		padding-left: 40px;
	}

	.mainV h2 img{
		width: 160px;
	}

	.mainV{
		padding:170px 0 120px;
	}

	.mv1{
		width: 480px;
	}

	.section__2 h2{
		font-size: 17px;
		margin-bottom: 10px;
	}

	.section__2 h3{
		font-size: 32px;
	}

	.s2__text{
		font-size: 17px;
	}

	.section__3 h2{
		font-size: 32px;
	}

	.section__3 h3{
		font-size: 25px;
	}

	.sub__flex .num{
		font-size: 40px;
		width: 82px;
	}

	.sub__flex .num:before{
		right: 16px;
	}

	.sub__flex .sf__text{
		width: calc(100% - 82px);
		font-size: 22px;
		margin:17px 0 0 ;
	}

	.sub__flex .sf__text span{
		font-size: 15px;
	}

	.s3__text{
		font-size: 17px;
	}

	.sec3__left{
		width: calc(100% - 250px);
		box-sizing: border-box;
		padding-right: 30px;
	}

	.service__title{
		font-size: 17px;
	}

	.type2 .sec3__left{
		width: calc(100% - 320px);
		box-sizing: border-box;
	}

/*	.sec3__right{
		width: 250px;
	}

	.sec3__right.size2{
		width: 320px;
	}
*/
	.service__title.size2{
		font-size: 18px;
	}

	.service__title.size2 span{
		font-size: 13px;
	}
/*
	.sec3__right.size3{
		width: 280px;
	}*/

	.service2__img{
		width: 100%;
		left: 0;
	}

	.news__area{
		padding-right: 0px!important;
	}

	.en2{
		right: -10px;
	}

	.section__4 h2 , .section__5 h2{
		font-size: 30px;
	}

	.more__link{
		font-size: 17px;
	}

	.more__link img{
		width: 38px;
	}

	.news__area .news__box .news__date{
		width: 110px;
		font-size: 15px;
	}

	.news__area .news__box .news__category{
		padding-right: 50px;
		width: 105px;
	}

	.news__area .news__box .news__title{
		font-size: 17px;
	}

	.news__area a.front__nl{
		width: calc(100% - 215px);
	}

	.topics__flex .tf__col{
		width: 48%;
		padding:30px 20px;
	}

	.tf__col p{
		font-size: 15px;
	}

	.hf__left{
		width: 30%;
	}

	.hf__right{
		width: 70%;
	}

	.hf__left h1 img{
		width: 160px;
	}

	.hf__right ul li a{
		font-size: 15px;
	}

	.hf__right ul{
		margin: 0;
	}

	.item1{
		width: 56px;
	}

	.item2{
		width: 128px;
	}

	.item3{
		width: 148px;
		top: -40px;
	}

	.item4{
		width: 136px;
	}

	.item5{
		width: 120px;
	}

	.item6{
		width: 64px;
	}

	.item7{
		width: 80px;
	}

	.item8{
		width: 224px;
	}

	.item10{
		width: 104px;
		left: -20px;
	}

	.video__sec1 h2{
		font-size: 40px;
	}

	.video__sec1 .vs__text1{
		font-size: 16px;
	}

	.video__sec1 .vs__text2{
		font-size: 16px;
		width: 70%;
	}

	.video__sec1{
		padding:140px 0;
	}

	.service__sec1 h2{
		font-size: 30px;
	}

	.af__col h3{
		font-size: 30px;
	}

	.af__col .afc__text{
		font-size:16px;
	}

	.message__text1{
		font-size: 15px;
	}

	.message__text2{
		font-size: 18px;
	}

	.message__text3{
		font-size: 16px;
	}

	.about__flex{
		padding: 0 30px;
	}

	.af__col{
		width: 46%;
	}

	.web-item1 , .web-item2{
		width: 104px;
	}

	.solution__flex{
		padding: 0;
	}

	.sf__num .sfn1{
		font-size: 40px;
		width: 75px;
	}

	.sf__num .sfn2{
		font-size: 21px;
		width: calc(100% - 75px);
	}

	.sf__num .sfn1:before{
		width: 15px;
		right: 15px;
	}

	.sfc__text1{
		font-size: 15px;
	}

	.sfc__text2{
		font-size: 16px;
	}

	.web-item3{
		width: 150px;
		top: -122px;
	}

	.service__sec2 h2{
		font-size: 30px;
	}

	.web-item4{
		width: 80px;
	}

	.web-item5{
		right: 10px;
		width: 60px;
	}

	.ss2__left h3{
		font-size: 22px;
	}

	.ss2__left p{
		font-size: 16px;
	}

	.web-item6{
		width: 104px;
	}

	.web-item7{
		width: 80px;
	}

	.pr-item1{
		width: 176px;
		left: 10px;
	}

	.pr-item2{
		right: 20px;
		width: 104px;
	}

	.pr-item4{
		width: 80px;
	}

	.pr-item3{
		width: 68px;
	}

	.type2 .ss2l__text3{
		font-size: 13px;
	}

	.pr-item5{
		width: 104px;
	}

	.pr-item7{
		width: 75px;
	}

	.pr-item6{
		width: 140px;
	}

	.salon-item2{
		width: 140px;
	}

	.salon-item1{
		width: 88px;
		left: 10px;
	}

	.salon-item4{
		width: 64px;
	}

	.salon-item3{
		width: 84px;
	}

	.salon-item5{
		left: 10px;
		width: 88px;
	}

	.salon-item6{
		width: 104px;
	}

	.salon-item8{
		right: 40px;
		width: 104px;
	}

	.salon-item7{
		width: 76px;
	}

	.np__title{
		font-size: 16px;
	}

	.page__area{
		padding:150px 0 150px;
	}

	.page__title{
		font-size: 27px;
	}

	.contact__text1{
		font-size: 15px;
	}

	.contact__text2{
		font-size: 13px;
	}

	.contact__text3{
		font-size: 13px;
	}

	.text4{
		left: -30px;
	}

	.text6{
		left: 0;
	}




}

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

	.nav__rel{
		position:relative;
	}

	.abo1{
		position:absolute;
		left: 20px;
		top:10px;
		width: 170px;
		height: 28px;
		z-index: 2;
	}

	.abo2{
		position:absolute;
		left: 20px;
		top:10px;
		width: 78px;
		height: 28px;
		z-index: 2;
	}


	header{
		height: 75px;
	}

	.hf__right{
		display:none;
	}

	.news__article a img{
		height: auto;
	}

	.menu_button{
		display:flex;
		align-items: center;
		right: 30px;
		top: 28px;
	}

	.menu_button.open .menu_icon01 .bar1{
		transform: rotate(0deg) translateY(7px) translateX(0px);
	}

	.menu_button.open .menu_icon01 .bar3{
		transform: rotate(-90deg) translateX(2px);
	}

	.open.menu_button .menu_icon01{
		top: -1px;
		left: 14px;
	}

	.menu_button p{
		transition: 0.4s;
	}

	.open.menu_button p{
		color:white;
	}

	header.open .black{
		opacity: 0;
	}

	header.open .white{
		opacity: 1;
	}


	header.open{
		backdrop-filter: blur(0px);
	}

	.menu_button p{
		margin:-1px 0 0;
		font-size: 14px;
	}

	.menu_button .menu_icon01 span{
		width: 36px;
		background: black;
	}

	.menu_button .menu_icon01{
		top: 0;
		left: 10px;
	}

	.pc{
		display:none!important;
	}

	.sp{
		display:block;
	}

	.item8 , .item2{
		display:none;
	}

	.mainV h2 img{
		width: 330px;
	}

	.mainV h2{
		padding-left: 14%;
	}

	.mainV{
		padding:140px 0 83vw;
	}

	.mv1{
		width: calc(100% - 80px);
		top: 180px;
	}

	.item1{
		width: 50px;
		left: 20px;
		top: 122px;
	}

	.item3{
		width: 32%;
		right: 10%;
		top: 100%;
	}

	.item5{
		width: 27%;
		right: 14%;
		top:68vw;
	}

	.item7{
		display:none;
	}

	.item4{
		width: 18%;
		top: 62vw;
		left:16%;
	}

	.item6{
		width: 46px;
		right: 40px;
		top: -22px;
	}

	.more__link{
		position:absolute;
		right: 0;
		
	}

	.home .section__2 .more__link{
		top: -42px;
	}

	.s2__text{
		margin-left: 0;
		width: 100%;
	}

	.rel{
		position:relative;
	}

	.s2__text{
		margin-top: 50px;
	}

	.section__2 h3{
		font-size: 44px;
		line-height: 1.4;
		margin-top: 20px;
	}

	.section__2{
		padding:80px 0 100px;
	}

	.section__3{

	}

	.news__area .news__box{
		flex-wrap: wrap;
	}

	.news__area .news__box .news__title{
		width: 100%;
	}

	.news__area a.front__nl{
		width: 100%;
		margin:4px 0 0;
	}

	.topics__flex{
		display:block;
	}

	.topics__flex .tf__col{
		width: 100%;
		margin-bottom: 20px;
	}

	.video__sec1 .vs__text2{
		width: 100%;
		margin-top: 60px;
	}

	.solution__flex{
		display:block;
	}

	.sf__col{
		width: 100%;
		margin-bottom: 45px;
		padding:0 40px;
		box-sizing: border-box;
	}

	.ss2__flex{
		display:block;
		padding:0 40px;
	}

	.ss2__left.type1{
		margin: 0;
	}

	.ss2__left{
		width: 100%;
	}

	.ss2__right{
		width: 100%;
	}

	.ss2__left p{
		margin: 0;
	}

	.service__sec2:after{
		top: 260px;
		height: calc(100% - 260px);
		width: 85%;
	}

	.web-item3{
		width: 120px;
		top: -130px;
	}

	.text3-2{
		left: 10px;
		top: 12px;
	}

	.text3-1{
		right: 10px;
	}

	.service__sec1:after{
		width: 88%;
	}

	.slider-2 li img{
		width: 800px;
	}

	.bottom__area{
		padding:60px 0 80px;
	}

	.footer__flex{
		display:block;
		padding:0 40px;
	}

	.ff__left{
		width: 100%;
		padding: 0;
	}

	.ff__right{
		width: 100%;
	}

	.ff__right p{
		margin:20px 0 0;
	}

	.footer__list li{
		padding:0 15px;
	}

	.footer__list li a{
		font-size: 14px;
	}

	.news__flex{
		display:block;
	}

	.news__article{
		width: 100%;
		margin:0 0 20px!important;
	}

	.single__content{
		display:block;
	}

	.single__left{
		width: 100%;
	}

	.single__right{
		width: 100%;
		padding: 0;
		margin-top: 80px;
		padding-top: 80px;
		border-top:1px solid #E5E2C1;
	}

	.single__page .news__info{
		margin:10px 0;
	}

	.slider-1-sp .news__article{
		margin-left: 5px!important;
		margin-right: 5px!important;
	}

	.salon-item1{
		width: 70px;
	}

	.salon-item2{
		width: 110px;
		top: -420px;
	}

	.ss2__right{
		margin-top: 30px;
	}

	.sec3__flex{
		display:block;
	}

	.section__3 h3{
		font-size: 40px;
		margin:0 0 90px;
		line-height: 1.4;
	}

	.sec3__mainarea{
		padding-left:40px ;
	}

	.sec3__left{
		width: 100%;
		padding: 0;
	}

	.sec3__right{
		margin:30px 0 0;
		width: 100%;
	}

	.service__title{
		font-size: 22px;
	}

	.section__3 a{
		width: 280px;
		display:block;
		margin:40px auto 0;
		border:2px solid black;
		text-decoration: none;
		color:black;
		text-align: center;
		color: black;
		background: white;
		padding:3px 0 1px;
		transition: 0.4s;
	}

	.section__3 a:hover{
		background:#CD1515 ;
		color:white;
	}

	.sub__flex{
		justify-content: center;
	}

	.en1{
		top: 190px;
		left: -30px;
	}

	.sec3__right.size2{
		width: 100%;
	}

	.section__3:before{
		top: 260px;
		height: calc(100% - 285px);
	}

	.service__title.size2{
		font-size: 24px;
		margin-top: 30px;
	}

	.service__title.size2 span{
		display:block;
		margin: 0;
	}

	.sec3__right.size3{
		width: 100%;
	}

	.item10{
		width: 90px;
		left: 10px;
		top: -175px;
	}

	.item11{
		top: -80px;
	}

	.home .more__link{
		top: 0;
	}

	.sub__flex .sf__text{
		margin-top: 0;
		line-height: 1.2;
	}

	.sub__flex .num{
		top: 0px;
	}

	.sp__sub{
		margin:5px 0 18px;
		font-size: 15px;
		font-weight: 500;
	}

	.about__flex{
		padding-right: 0;
	}

	.af__col{
		width: 100%;
		margin-bottom: 75px!important;
	}

	.af__col .jos{
		margin-bottom: 20px;
	}

	.about .ss2__right{
		padding: 0;
		margin-top: 30px;
	}

	.about__flex2{
		padding-left: 20px;
		padding-right: 0;
		display:block;
	}

	.about__flex2 .af__col2{
		width: 100%;
	}

	.afc__box{
		margin-bottom: 25px;
		padding-bottom: 25px;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
	}

	.about__flex2 .af__col2.size2{
		width: 100%;
		margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid black;
	}

	.afc__box h3{
		margin-bottom: 10px;
	}

	.afc__box h3.type2{
		margin-top: 25px;
	}

	.page-web header .menu_button p, .page-pr header .menu_button p, .page-salon header .menu_button p, .page-about header .menu_button p{
			color: white;
	}

	.page-web header .menu_button .menu_icon01 span, .page-pr header .menu_button .menu_icon01 span,
	.page-salon header .menu_button .menu_icon01 span , .page-about header .menu_button .menu_icon01 span{
		background: white;
	}

	.page-web header.black .menu_button p, .page-pr header.black .menu_button p,
	.page-salon header.black .menu_button p, .page-about header.black .menu_button p{
			color: black;
	}

	.page-web header.black .menu_button .menu_icon01 span, .page-pr header.black .menu_button .menu_icon01 span,
	.page-salon header.black .menu_button .menu_icon01 span , .page-about header.black .menu_button .menu_icon01 span{
		background: black;
	}

	.page-web header.black.open .menu_button p, .page-pr header.black.open .menu_button p,
	.page-salon header.black.open .menu_button p, .page-about header.black.open .menu_button p{
			color: white;
	}

	.page-web header.black.open .menu_button .menu_icon01 span, .page-pr header.black.open .menu_button .menu_icon01 span,
	.page-salon header.black.open .menu_button .menu_icon01 span , .page-about header.black.open .menu_button .menu_icon01 span{
		background: white;
	}

	.page-web header.black.open .white, .page-pr header.black.open .white,
	.page-salon header.black.open .white, .page-about header.black.open .white{
		opacity: 1;
	}

	.page-web header.black.open .black, .page-pr header.black.open .black,
	.page-salon header.black.open .black, .page-about header.black.open .black{
		opacity: 0;
	}

	.inview2{
		transition-delay: 0.1s;
	}

	.item8-sp{
		position:absolute;
		left: 35px;
		bottom: -40px;
		width: 120px;
		z-index: 4;
	}

	.item7-sp{
		position:absolute;
		right: 55px;
		top: -64px;
		width: 40px;
	}

	.hf__left h1 a img{
		top: -5px;
	}

	.sub__box{
		width: 265px;
		display:block;
		margin:0 auto;
	}

	.service1__img{
		width: 300px;
		display:block;
		margin:20px auto 0;
	}

	.service2__img{
		width: 380px;
		display:block;
		margin:20px auto 0;
	}

	.s3__text{
		margin-top: 5px;
	}

	.section__3 a{
		margin-top: 20px;
	}

	.s3__col{
		margin-bottom: 65px;
	}

	.sp__sub{
		margin-top: -15px;
	}

	.service3__img{
		width: 300px;
		display:block;
		margin:20px auto;
	}

	.section__3 h2{
		margin-bottom: 85px;
	}

	.section__3:before{
		top: 180px;
		height: calc(100% - 245px);
	}


}

.sp2{
	display:none;
}

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

	.pc2{
		display: none;
	}

	.sp2{
		display:block;
	}

	.video__sec1{
		padding:110px 0 120px;
	}

	.video__sec1 h2{
		font-size: 37px;
	}

	.video__sec1 .vs__text2 , .video__sec1 .vs__text1{
		font-size: 14px;
	}

	.web-item1, .web-item2{
		width: 75px;
	}

	.header__flex{
		padding-top: 24px;
	}

	.web-item1{
		top: -305px;
		left: 15px;
	}

	.web-item2{
		top: -210px;
		right: 30px;
	}

	.service__sec1 h2{
		font-size: 24px;
	}

	.service__sec1{
		padding:80px 0 0;
	}

	.service__sec1 h2{
		margin-bottom: 110px;
	}

	.sf__col{
		padding:0 20px;
	}

	.service__sec1:after{
		height: calc(100% - 170px);
	}

	.service__sec2{
		padding-top:120px;
	}

	.web-item3{
		width: 82px;
		top: -100px;
		left: 18px;
	}

	.service__sec2 h2{
		margin-bottom: 80px;
	}

	.web-item4{
		width: 64px;
	}

	.web-item5{
		width: 48px;
	}

	.service__sec2:after{
		top: 197px;
		height: calc(100% - 190px);
	}

	.ss2__flex{
		padding:0 30px;
	}

	.ss2__left{
		padding: 0;
	}

	.ss2__left h3{
		font-size: 20px;
	}

	.ss2__left p{
		font-size: 14px;
	}

	.tf__col .a{
		font-size: 20px;
	}

	.tf__col .a span{
		font-size: 13px;
		margin-top: 4px;
	}

	.tf__col p{
		font-size: 14px;
	}

	.web-item6{
		width: 80px;
		top: -140px;
	}

	.web-item7{
		right: 40px;
		width: 60px;
	}

	.footer__flex {
		padding: 0;
	}

	.footer__list li{
		padding:0 10px;
	}

	.footer__list li a{
		font-size: 11px;
	}

	.footer__list li:after{
		height: 10px;
	}

	.ff__right p{
		font-size: 17px;
		margin-bottom: 3px;
	}

	.ff__right div a{
		font-size: 15px;
	}

	.footer__flex{
		margin-bottom: 50px;
	}

	.copy{
		font-size: 12px;
	}

	.contact__text1{
		text-align: left;
	}

	.footer__list{
		width: calc(100% + 40px);
		position:relative;
		left: -20px;
	}

	.page__title{
		font-size: 23px;
		margin-bottom: 40px;
	}

	.news__flex{
		margin-top: 55px;
	}

	.news__info .date{
		font-size: 15px;
	}

	.news__info .category{
		top: -3px;
	}

	.page__flex.flex{
		flex-wrap: wrap;
	}

	.page__flex.flex .wp-pagenavi a , .page__flex.flex .wp-pagenavi span.current{
		margin-bottom: 3px;
		font-size: 15px;
		width: 28px;
		height: 28px;
		line-height: 27px;
	}

	.page__area{
		padding:130px 0;
	}

	.single__title{
		font-size: 20px;
	}

	.single__left h2{
		font-size: 18px;
	}

	.single__left .wp-element-caption{
		font-size: 12px;
	}

	.single__left p{
		font-size: 14px;
	}

	.single__left h3{
		font-size: 18px;
	}

	.recommend__area .recommend__title{
		font-size: 20px;
	}

	.recommend__area .recommend__sub{
		font-size: 15px;
		margin-bottom: 60px;
	}

	.slider-1 .prev-arrow, .slider-1-sp .prev-arrow{
		width: 40px;
		height: 40px;
		left: -15px;
	}

	.slider-1 .next-arrow, .slider-1-sp .next-arrow{
		width: 40px;
		height: 40px;
		right: -15px;
	}

	.single__right{
		margin-top: 60px;
		padding-top: 70px;
	}

	.pr-item1{
		top: -315px;
		width: 130px;
	}

	.pr-item2{
		width: 80px;
		top: -245px;
	}

	.pr-item4{
		right: 25px;
		top: -240px;
	}

	.pr-item3{
		left: 30px;
		width: 54px;

	}

	.service__sec2 h2{
		font-size: 26px;
	}

	.type2 .ss2l__text3{
		font-size: 12px;
	}

	.pr-item5{
		right: 20px;
		width: 84px;
	}

	.pr-item6{
		width: 110px;
		bottom: -67px;
	}

	.pr-item7{
		width: 70px;
		right: 18px;
		top: -173px;
	}

	.salon-item1{
		width: 50px;
		top: -225px;
	}

	.salon-item2{
		width: 70px;
		top: -310px;
	}

	.service__sec1:after{
		top: 190px;
	}

	.salon-item4{
		width: 52px;
		right: 40px;
	}

	.service__sec2 h2{
		margin-bottom: 60px;
	}

	.salon-item3{
		width: 70px;
		left: 20px;
	}

	.type2.type3.service__sec2:after{
		top: 200px;
		height: calc(100% - 145px);
		width: 78%;
	}

	.salon-item6{
		width: 80px;
	}

	.salon-item5{
		width: 64px;
		top: -110px;
	}

	.section__4 h2, .section__5 h2{
		font-size: 26px;
	}

	.salon-item8{
		width: 84px;
		top: -165px;
		right: 20px;
	}

	.salon-item7{
		width:62px;
		bottom: -70px;
	}

	.type2 .ss2__left a{
		font-size: 15px;
	}

	.service__sec1:after{
		width: 80%;
	}

	.section__5{
		padding-top: 100px;
	}

	.mainV h2 img{
		width: 240px;
	}

	.item6{
		width: 32px;
		right: 45px;
		top: -33px;
	}

	.mv1{
		width: calc(100% - 40px);
		top: 150px;
	}

	.item1{
		width: 40px;
		top: 100px;
	}

	.item3{
		width: 35%;
		top: 122%;
	}

	.mainV{
		padding:110px 0 93vw;
	}

	.topics__area{
		max-width: calc(100% + 20px);
		left: -10px;
		padding:30px 20px 25px;
	}

	.topics__area a:after{
		width: 36px;
		height: 36px;
	}

	.topics__area a{
		padding-right: 50px;
	}

	.topics__area h2{
		font-size: 18px;
		top: -5px;
	}

	.topics__title{
		line-height: 1.6;
		font-size: 13px;
	}

	.section__2 h2{
		font-size: 16px;
	}

	.more__link{
		font-size: 15px;
	}

	.more__link img{
		width: 32px;
	}

	.section__2 h3{
		font-size: 36px;
	}

	.s2__text{
		font-size: 14px;
	}

	.sec3__mainarea{
		padding-left: 0;
	}

	.section__3 h3{
		font-size: 34px;
	}

	.s3__text{
		font-size: 14px;
	}

	.slick-slide{
		overflow: hidden;
	}

	.service3__img{
		width: 98%;
		display:block;
		margin:0 auto;
	}

	.item9{
		width: 70px;
		top: -60px;
	}

	.sub__flex .num{
		width: 70px;
	}

	.sub__flex .num:before{
		width: 14px;
		right: 14px;
	}

	.sp__sub{
		margin-top: -8px;
		font-size: 14px;
	}

	.service__title{
		font-size: 20px;
	}

	.service__title.size2{
		font-size: 20px;
	}

	.item10{
		width: 74px;
		top: -145px;
	}

	.section__4:after{
		top: 165px;
		height: calc(100% - 120px);
	}

	.news__area{
		padding-right: 30px;
	}

	.news__area .news__box .news__date{
		font-size: 14px;
	}

	.news__area .news__box .news__title{
		font-size: 16px;
		line-height: 1.6;
		margin-top: 3px;
	}

	.news__area .news__box .news__category a{
		line-height: 1.5;
	}

	.news__area .news__box{
		padding-bottom:18px;
		margin:18px 0;
	}

	.bottom__area{
		padding:60px 0 70px;
	}

	.single div#ez-toc-container .ez-toc-title{
		font-size: 20px;
	}

	.single #ez-toc-container{
		padding:15px 20px;
	}

	.single div#ez-toc-container ul li{
		font-size: 15px;
	}

	.af__col .jos{
		font-size: 12px;
		margin-bottom: 15px;
	}

	.af__col h3{
		font-size: 26px;
		margin-bottom: 20px;
	}

	.af__col .afc__text{
		font-size: 14px;
	}

	.service__sec2.about{
		padding-top: 130px;
	}

	.about.type2.type3.service__sec2:after{
		top: 210px;
		height: calc(100% - 170px);

	}

	.message__text3{
		font-size: 14px;
	}

	.ss2__flex{
		padding-left: 0;
	}

	.service__sec1.about-3{
		padding-top: 130px;
	}

	.service__sec1 h2#about3{
		margin-bottom: 90px;
	}

	.service__sec1.about-3:after{
		top: 225px;
		height: calc(100% - 180px);
	}

	.afc__box{
		padding-left: 15px;
		padding-right: 15px;
	}

	.afc__box h3{
		font-size: 14px;
		margin-bottom: 10px;
	}

	.afc__box p{
		font-size: 14px;
		line-height: 1.6;
	}

	.section__5.page__type{
		padding-top: 130px;
	}

	.slider-2 li{
		margin:0 35px;
	}

	.fix{
		bottom: 10px;
	}

	.fix img{
		width: 50px;
	}

	.item4{
		top: 77vw;
	}

	.item5{
		top: 85vw;
	}

	#nav{
		padding-top: 85px;
		padding-bottom: 60px;
	}

	.menu_button p{
		font-size: 12px;
	}

	.hf__left h1 img{
		width: 130px;
	}

	header{
		height: 70px;
	}

	.service__title.size2{
		margin-top: 20px;
	}

	.en2{
		right: -20px;
	}

	.news__area{
		padding-right: 20px;
	}

	.item8-sp{
		left: 20px;
	}

	.ss2__right{
		margin-top: 20px;
	}

	.sfc__text2{
		margin-bottom: 25px;
	}

	.text3-2{
		left: 0;
	}

	.news__info{
		margin:5px 0;
	}

	.news__article{
		padding:20px 15px 55px;
	}

	.blog__link .bl__text1{
		font-size: 20px;
	}

	.blog__link .bl__text2{
		font-size: 13px;
	}

	.ff__left img{
		width: 153px;
	}

	.hf__left h1 img{
		width: 122px;
	}

	.sfc__text2{
		font-size: 14px;
	}

	.sfc__text1{
		font-size: 14px;
	}

	.np__title h3{
		font-size: 18px;
	}

	.tf__col .a:after{
		width: 9px;
		height: 19px;
	}

	.service2__img{
		width: calc(100% + 50px);
		position:relative;
		left: -25px;
	}

	.section__3 h2{
		font-size: 25px;
		margin-bottom: 70px;
	}

	.service3__img{
		margin-bottom: 25px;
	}

	.section__3:before{
		top: 155px;
	}

	.aa__left{
		width: 80px;
	}

	.aa__left img{
		width: 65px;
		height: 65px;
		border-radius: 50%;
		object-fit: cover;	
		margin-bottom: 5px;
	}

	.aa__right{
		width: calc(100% - 80px);
	}

	.aa__right .aa__text1{
		font-size:13px;
		margin-top: 11px;
	}

	.aa__right .aa__text2{
		font-size: 16px;
	}

	.single__left .aa__text3{
		font-size: 13px;
	}

	.author__area{
		padding:15px;
	}


}