@charset "UTF-8";
ul,ol{
	list-style: none;
}
section {
  width: 100%;
  overflow: hidden;
}
img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .pc768 {
    display: none !important;
  }
  .df-sp {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .sp767 {
    display: none !important;
  }
  .df-pc {
    display: flex;
    justify-content: space-between;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.fadeIn[style*="visible"] {
  opacity: 1;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.fadeInUp[style*="visible"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}
@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    -webkit-transition: none !important;
    animation: unset !important;
    transition: none !important;
  }
}
@keyframes rotate-loader {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes slideInFromRight {
  to {
    transform: translateX(0);
  }
}
@keyframes photo-move {
  from {
    transform: translateX(0) scale(1.2);
  }
  to {
    transform: translateX(-6em) scale(1.2);
  }
}
.wrap {
  margin: 0 auto;
  max-width: 1200px;
}
@media only screen and (max-width: 767px) {
  .wrap {
    box-sizing: border-box;
    padding: 0 5.3%;
  }
}
.ttl .ttl-en {
  font-family: "Manrope", sans-serif;
	font-weight: 600;
  font-size: 64px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 5px;
  letter-spacing: -1px;
}
.ttl .ttl-jp {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .ttl .ttl-en {
    font-size: 9vw;
  }
  .ttl .ttl-jp {
    font-size: 3.5vw;
  }
}
.mainView {
  margin: 80px auto 0;
  position: relative;
  width: 100%;
}
.mainView .kv_btn {
  position: absolute;
  z-index: 3;
  width: 183px;
  height: 183px;
  bottom: 55px;
  left: 68px;
	border-radius: 50%;
	transition: ease 0.3s;
}
.mainView .kv_btn:hover{
	background: rgba(230,6,23,0.3);
}
.mainView .kv_btn .kv-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mainView .kv_btn .kv-circle {
  width: 100%;
  height: 100%;
  animation-name: rotate-loader;
  animation-iteration-count: infinite;
  animation-duration: 20s;
  animation-timing-function: linear;
}
.mainView .kv_btn .circle-txt{
	position: absolute;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
  text-shadow: 0px 0px 6px rgba(66, 68, 90, 1);
}
.mainView .kv_btn .circle-txt span{
	display: block;
	font-size: 67%;
}
.mainView .kv-slide {
  width: 100%;
  position: relative;
  z-index: 0;
}
.mainView .slider-container {
  position: relative;
  width: 100%;
  height: 695px;
  overflow: hidden;
	background: url("../images/images/kv_img1.jpg") no-repeat center / cover;
}
.mainView .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  font-weight: bold;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 2;  
	
  -webkit-mask-image: url("../images/images/mask.webp");
  mask-image: url("../images/images/mask.webp");
  -webkit-mask-position: 100% center;
  mask-position: 100% center;
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
}
.mainView .slide .kv_img {
  width: 100%;
  height: 100%;
	filter: blur(10px);
	transform: scale(1.1);
}
.mainView .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.mainView .slide .kv-txt {
  position: absolute;
  z-index: 2;
  color: #fff;
  top: 50%;
  left: 95px;
  transform: translateY(-100%);
  width: calc(100% - 190px);
	/*opacity: 0;*/
}
.mainView .slide .kv-txt .kv-txt1 {
  font-weight: 700;
  font-size: 64px;
  line-height: 1.3;  
}
/*.mainView .slide .kv-txt-anime .kv-txt1{
	clip-path: inset(0 100% 0 0);
  transition: clip-path 1.3s 1.8s;
}
.mainView .slide .kv-txt-anime .kv-txt1 + .kv-txt1 {
  transition: clip-path 1.3s 2.2s;
}*/
.mainView .slide .kv-txt .kv-txt2 {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;  
}
/*.mainView .slide .kv-txt-anime .kv-txt2{
	clip-path: inset(0 100% 0 0);
  transition: clip-path 1.7s 2.7s;
}*/
.mainView .slide.is-animation{
  z-index: 1;
  
  -webkit-mask-position: 0% center;
  mask-position: 0% center;
  transition: transform 3s cubic-bezier(0.42, 0, 0.58, 1), filter 1.7s cubic-bezier(0.42, 0, 0.58, 1), -webkit-mask-position 1.5s cubic-bezier(0.42, 0, 0.58, 1);
  transition: mask-position 1.5s cubic-bezier(0.42, 0, 0.58, 1), transform 3s cubic-bezier(0.42, 0, 0.58, 1), filter 1.7s cubic-bezier(0.42, 0, 0.58, 1);
  transition: mask-position 1.5s cubic-bezier(0.42, 0, 0.58, 1), transform 3s cubic-bezier(0.42, 0, 0.58, 1), filter 1.7s cubic-bezier(0.42, 0, 0.58, 1), -webkit-mask-position 1.5s cubic-bezier(0.42, 0, 0.58, 1);
  
}
.mainView .slide.is-animation  .kv_img{
	filter: blur(0);
	transform: scale(1);
}
/*.mainView .slide.is-animation .kv-txt-anime .kv-txt1, .mainView .slide.is-animation .kv-txt-anime .kv-txt2{
  clip-path: inset(0 0 0 0);
}
.mainView .slide.is-animation .kv-txt{
	opacity: 1;
}*/
.mainView .slide.is-prep .kv_img {
  -webkit-mask-position: 100% center !important;
  mask-position: 100% center !important;
  transition: none !important;
  filter: blur(10px) !important;
  transform: scale(1.1) !important;
}
/*.mainView .slide.is-prep .kv-txt{
	opacity: 0;
}*/
.mainView .slide.is-top {
  z-index: 3 !important;
}
.mainView .thumbs-control {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  z-index: 100;
}
.mainView .thumb {
  width: 107px;
  height: 51px;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
}
.mainView .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



@media only screen and (min-width: 768px) {
  .mainView .slide.item1 .kv-txt > div, .mainView .slide.item2 .kv-txt > div {
    margin: 0 auto;
    max-width: 1260px;
  }
  .mainView .slide.item3 .kv-txt, .mainView .slide.item4 .kv-txt, .mainView .slide.item5 .kv-txt {
    display: flex;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1199px) {
  .mainView {
    margin-top: 50px;
    width: 100%;
  }
  .mainView .kv_btn {
    left: 40px;
  }
  .mainView .slide .kv-txt {
    text-align: center;
    left: 0;
    width: 100%;
  }
  .mainView .slide.item3 .kv-txt, .mainView .slide.item4 .kv-txt, .mainView .slide.item4 .kv-txt {
    display: block;
  }
}
@media only screen and (max-width: 940px) {
  .mainView .slider-container {
    height: 520px;
  }
  .mainView .kv_btn {
    width: 130px;
    height: 130px;
    left: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .mainView .thumbs-control {
    display: none;
  }
  .mainView .slider-container {
    height: 156vw;
		background: url("../images/images/kv_img1_sp.jpg") no-repeat center / cover;
  }
  .mainView .slider-container .kv-txt .kv-txt1 {
    font-size: 8.5vw;
  }
  .mainView .slider-container .kv-txt .kv-txt2 {
    font-size: 3.7vw;
  }
  .mainView .kv_btn {
    width: 114px;
    height: 114px;
    bottom: 25px;
    left: 20px;
  }
	.mainView .kv_btn .circle-txt{
		font-size: 15px;
	}
}
#strength {
  padding-top: 12vw;
  position: relative;
  z-index: 1;
}
#strength .slick-slide {
  margin: 0;
}
#strength .slider-nav2 {
  margin: 5vw 5.3%;
}
#strength .slider-nav2 .slick-list {
  padding: 0 !important;
}
#strength .slider-nav2 .slick-track {
  transform: translate3d(0px, 0px, 0px) !important;
  width: 100% !important;
  display: flex;
  flex-wrap: wrap;
}
#strength .slider-nav2 .strength-ttl {
  width: 50% !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
  color: #999;
  margin-bottom: 1vw;
  cursor: pointer;
  transition: ease 0.3s;
}
#strength .slider-nav2 .strength-ttl:hover {
  opacity: 0.7;
}
#strength .slider-nav2 .strength-ttl .strength-num {
  font-weight: 500;
  font-size: 4.3vw;
  display: inline-block;
  margin-right: 1vw;
}
#strength .slider-nav2 .strength-ttl .strength-txt1 {
  font-size: 3.5vw;
}
#strength .slider-nav2 .strength-ttl.slick-current {
  color: #000;
  font-weight: 700;
}
#strength .slider-nav2 .strength-ttl.slick-current .strength-num {
  color: #e60012;
  font-weight: 900;
  font-size: 5.3vw;
}
#strength .slider-nav2 .strength-ttl.slick-current .strength-txt1 {
  font-size: 4.7vw;
}
#strength .slider-for2 {
  /* Animation classes */
}
#strength .slider-for2 .strength-item {
  padding: 10vw 0;
  width: 100vw;
  position: relative;
  overflow: hidden;
}
#strength .slider-for2 .slide-image, #strength .slider-for2 .slide-text {
  transform: translateX(150%);
}
#strength .slider-for2 .strength-img {
  width: 89%;
  height: 100%;
  margin-left: auto;
  overflow: hidden;
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  transition: transform 0.3s linear;
}
#strength .slider-for2 .strength-img img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  animation: photo-move 20s linear infinite;
}
#strength .slider-for2 .strength-bg {
  background: rgba(230, 0, 18, 0.6);
  position: absolute;
  z-index: 0;
  top: 10vw;
  left: 0;
  width: 100%;
  height: calc(100% - 20vw);
}
#strength .slider-for2 .strength-txt2 {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 5vw 5.3%;
}
#strength .slider-for2 .strength-txt2 dt {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 2vw;
}
#strength .slider-for2 .strength-txt2 dd {
  font-size: 15px;
  line-height: 23px;
}
#strength .slider-for2 .strength-item:not(.animation-started) .slide-image, #strength .slider-for2 .strength-item:not(.animation-started) .slide-text {
  transform: translateX(150%);
}
#strength .slider-for2 .strength-item.animation-started .animate-in-1 {
  animation: slideInFromRight 0.3s ease-out forwards;
}
#strength .slider-for2 .strength-item.animation-started .animate-in-2 {
  animation: slideInFromRight 0.3s ease-out forwards;
}
#strength .slider-for2 .strength-item.animation-started .animate-in-3 {
  animation: slideInFromRight 0.3s ease-out forwards;
}
#strength .slider-for2 .strength-item.animation-started .animate-in-4 {
  animation: slideInFromRight 0.3s ease-out forwards;
}
@media only screen and (min-width: 1000px) {
  #strength {
    padding-top: 110px;
    position: relative;
  }
  #strength .strength-slide {
    margin-top: -90px;
  }
  #strength .df-pc {
    align-items: flex-end;
  }
  #strength .slider-nav2 {
    margin: 0 0 92px;
    width: calc(50% - 240px);
  }
  #strength .slider-nav2 .slick-track {
    display: block;
    width: 360px !important;
    margin-left: auto;
    margin-right: 0;
  }
  #strength .slider-nav2 .strength-ttl {
    width: 100% !important;
    margin-bottom: 8px;
  }
  #strength .slider-nav2 .strength-ttl .strength-num {
    font-size: 22px;
    margin-right: 7px;
  }
  #strength .slider-nav2 .strength-ttl .strength-txt1 {
    font-size: 18px;
  }
  #strength .slider-nav2 .strength-ttl.slick-current .strength-num {
    font-size: 34px;
  }
  #strength .slider-nav2 .strength-ttl.slick-current .strength-txt1 {
    font-size: 30px;
  }
  #strength .slider-for2 {
    width: calc(50% + 235px);
  }
  #strength .slider-for2 .strength-item {
    padding: 0;
    width: calc(50vw + 235px);
    height: 560px;
  }
  #strength .slider-for2 .slide-text {
    transform: translateX(200%);
  }
  #strength .slider-for2 .strength-img {
    width: calc(100% - 155px);
    height: 100%;
    clip-path: polygon(11% 0%, 100% 0, 100% 100%, 0% 100%);
    position: static;
  }
  #strength .slider-for2 .strength-bg {
    clip-path: polygon(4% 0%, 100% 0, 100% 100%, 0% 100%);
    top: auto;
    bottom: 105px;
    height: 240px;
  }
  #strength .slider-for2 .strength-txt2 {
    padding: 0;
    position: absolute;
    z-index: 2;
    left: 90px;
    bottom: 105px;
    height: 240px;
    width: 600px;
    display: flex;
    align-items: center;
  }
  #strength .slider-for2 .strength-txt2 dt {
    font-size: 26px;
    margin-bottom: 5px;
  }
  #strength .slider-for2 .strength-txt2 dd {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 999px) and (min-width: 768px) {
  #strength .df-pc {
    display: block !important;
  }
  #strength .ttl {
    margin-left: 5.3%;
  }
  #strength .slider-for2 .strength-img img {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1000px) {
  #strength {
    padding: 91px 0 0 31px;
  }
}
@media only screen and (max-width: 480px) {
  #strength .slider-for2 .strength-item {
    min-height: 81vw;
  }
}
.txt-scroll {
  font-weight: 900;
  font-size: 240px;
  text-transform: uppercase;
  line-height: 1;
  margin-top: -70px;
}
.txt-scroll li {
  background: #FEEFEF;
  background: linear-gradient(to right, #FEEFEF 0%, #FDFBF3 50%, #FEEFEF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 100px;
}
@media only screen and (max-width: 767px) {
  .txt-scroll {
    font-size: 32vw;
    margin-top: -9vw;
  }
  .txt-scroll li {
    margin-right: 10vw;
  }
}
.strength-label {
  margin-bottom: 100px;
  position: relative;
  z-index: 1;
  padding: 0 30px;
}
.strength-label h2{
	text-align: center;
	font-size: 28px;
	margin-bottom: 25px;
}
.strength-label .df {
  justify-content: space-between;
  flex-wrap: wrap;
}
.strength-label li {
  width: 23.5%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .strength-label .df {
    margin: 0 auto;
    width: 80%;
  }
  .strength-label li {
    width: 47.7%;
  }
}
@media only screen and (max-width: 767px) {
  .strength-label {
    margin-top: -12vw;
    margin-bottom: 10vw;
		padding: 0;
  }
	.strength-label .df{
		 gap: 5.3vw;
	}
  .strength-label li {
    width: calc(50% - 2.65vw);
		margin-bottom: 0;
  }
	.strength-label li img{
		display: block;
	}
}
#sec1{
	padding-bottom: 70px;
	background: #f7f7f7;
}
#sec1 .sec1-top {
  
  padding: 110px 30px 75px;
}
#sec1 .sec1-top .df-pc {
  align-items: center;
}
#sec1 .sec1-top .business-txt1 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (max-width: 767px) {
  #sec1 .sec1-top {
    padding: 15vw 0 9vw;
  }
  #sec1 .sec1-top .business-txt1 {
    font-size: 16px;
    margin-top: 7vw;
    margin-right: -2vw;
  }
}
.page-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 400;
  font-size: 22px;
  font-family: 'Roboto', cursive;
}
.page-link i {
  display: flex;
	justify-content: center;
	align-items: center;
  margin-left: 12px;
  width: 73px;
}

@media only screen and (max-width: 767px) {
  .page-link {
    font-size: 13px;
  }
  .page-link i {
    margin-left: 7px;
    width: 59px;
  }
}
#sec2 {
  padding: 115px 0 120px;
	background: url("../images/images/sec2_line.jpg") repeat-x bottom center;
}
#sec2 h2 {
  margin-bottom: 70px;
}
#sec2 .slick-prev, #sec2 .slick-next {
  width: 38px !important;
  height: 102px !important;
  top: calc(50% - 51px);
  transform: translate(0);
}
#sec2 .slick-prev {
  background: url("../images/images/btn_prev.png") no-repeat center/100% auto !important;
  left: calc(50% - 295px);
}
#sec2 .slick-next {
  background: url("../images/images/btn_next.png") no-repeat center/100% auto !important;
  right: calc(50% - 295px);
}
#sec2 .slider_title {
  display: block;
  font-size: 22px;
  line-height: 1.4;
	color: #000;
}
#sec2 .slide-img {
  display: block;
  width: 100%;
  margin: 15px 0 0;
}
#sec2 .slide-txt {
  font-size: 16px;
  line-height: 1.6;
}
#sec2 .wrap {
  position: relative;
  z-index: 1;
}
#sec2 .page-link {
  display: flex;
	justify-content: center;
	margin-top: 70px;
}
#sec2 .page-link i{
	width: 104px;
	border: 1px solid #000;
	height: 50px;
	border-radius: 50px;	
}
#sec2 .page-link i img{
	width: 32px;
}
#sec2 .page-link a{	
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}
@media only screen and (min-width: 768px) {
	#sec2 .slick-track{
		display: flex;
		align-items: flex-end;
	}
  #sec2 .slick-slide {
   
    margin: 0;
  }
	#sec2 .slick-slide > div{
		 opacity: 0.5;
    transform: scale(0.7);
    transition: all 0.4s ease;
		transform-origin: center bottom;
	}
  #sec2 .slick-slide .slider_title, #sec2 .slick-slide .slide-txt, #sec2 .slick-slide .icon_box {
    /*opacity: 0;*/
    transition: all 0.4s ease;
		display: none;
  }	
  #sec2 .slick-center > div {
    opacity: 1;
    transform: scale(1);
  }
  #sec2 .slick-center .slider_title, #sec2 .slick-center .slide-txt{
    display: block;
  }
	#sec2 .slick-center .icon_box{		
		display: flex;
		margin-top: 0;
	}
  #sec2 .slide-item {
    width: 480px !important;
  }
	/*#sec2 .slide-item[data-slick-index="-1"] > div, #sec2 .slide-item.is-prev > div{
		 transform-origin: 25% bottom;
	}
	#sec2 .slide-item[data-slick-index="1"] > div, #sec2 .slide-item.is-next > div{
		 transform-origin: 75% bottom;
	}*/
	#sec2 .slick-prev, #sec2 .slick-next{
		top: 48% !important;
	}
}
@media only screen and (max-width: 767px) {
  #sec2 {
    padding: 16vw 0 17vw;
  }
  #sec2 h2 {
    margin-bottom: 0;
  }
  #sec2 .page-link {
    margin-top: 0;
  }
  #sec2 .sec2-slide {
    margin: 8vw 15% 0;
  }
  #sec2 .slider_title {
    font-size: 16px;
    line-height: 1.5;
  }
  #sec2 .slide-img {
    margin: 10px 0;
  }
  #sec2 .slide-txt {
    font-size: 14px;
    line-height: 1.5;
  }
  #sec2 .slick-prev, #sec2 .slick-next {
    width: 20px !important;
    height: 55px !important;
    top: 50vw;
  }
  #sec2 .slick-prev {
    left: -11%;
  }
  #sec2 .slick-next {
    right: -11%;
  }
	#sec2 .page-link i{
		height: 28px;
	}
	#sec2 .page-link i img {
    width: 18px;
	}
}
#youtupe-sec {
  margin: 123px 0 55px;
}
#youtupe-sec .ttl {
  margin-bottom: 10px;
}
#youtupe-sec .ttl .ttl-en {
  text-transform: inherit;
  margin-bottom: 50px;
}
#youtupe-sec .ttl .ttl-jp {
  font-size: 20px;
  line-height: 1.5;
}
#youtupe-sec .youtupe-txt {
  font-size: 18px;
  line-height: 36px;
	font-weight: 500;
	letter-spacing: -1px;
}
#youtupe-sec .youtupe-txt span{
	font-size: 133%;
	font-weight: 700;
}
#youtupe-sec .youtupe-link {
  border: 1px solid #000;
  padding: 12px 20px 12px 26px;
  line-height: 29px;
  margin-top: 60px;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  display: inline-flex;
  align-items: center;
}
#youtupe-sec .youtupe-link i {
  display: block;
  line-height: 1;
}
#youtupe-sec .youtupe-link .icon1 {
  width: 41px;
  margin-right: 10px;
}
#youtupe-sec .youtupe-link .icon2 {
  margin-left: 15px;
  transform: translateY(-5px);
	width: 21px;
}
@media only screen and (min-width: 768px) {
  #youtupe-sec {
    padding: 0 30px;
		margin: 60px 0 75px;
  }
  #youtupe-sec .df-pc {
    justify-content: space-between;
    align-items: flex-start;
  }
  #youtupe-sec .youtupe-left {
    width: calc(50% - 40px);
		margin-top: 36px;
  }
  #youtupe-sec .youtupe-img {
    width: calc(50% + 83px);
    margin-right: -93px;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
  #youtupe-sec {
    margin-top: 100px;
  }
  #youtupe-sec .youtupe-img {
    width: calc(50% + 30px);
  }
  #youtupe-sec .youtupe-left {
    width: calc(50% + 50px);
  }
}
@media only screen and (max-width: 767px) {
  #youtupe-sec {
    margin: 13vw 0 15vw;
  }
  #youtupe-sec .ttl {
    margin-bottom: 5vw;
  }
  #youtupe-sec .ttl .ttl-en {
    font-size: 9vw;
    margin-bottom: 2vw;
  }
  #youtupe-sec .ttl .ttl-jp {
    font-size: 4.5vw;
  }
  #youtupe-sec .youtupe-txt {
    font-size: 15px;
    line-height: 23px;
  }
  #youtupe-sec .youtupe-link {
    border: 1px solid #000;
    padding: 3vw 3vw 3vw 4vw;
    line-height: 1.5;
    margin-top: 7vw;
    font-size: 3.6vw;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    letter-spacing: -1px;
  }
  #youtupe-sec .youtupe-link .icon1 {
    width: 7vw;
    margin-right: 3vw;
  }
  #youtupe-sec .youtupe-link .icon2 {
    width: 4vw;
    margin-left: 3vw;
    transform: translateY(-1vw);
  }
  #youtupe-sec .youtupe-img {
    margin-top: 11vw;
  }
}
#news {
  background: #f7f7f7;
  padding: 110px 30px 80px;
}
#news .page-link {
  color: #000;
  font-size: 16px;
  margin-top: 40px;
}
#news .page-link i {
  width: 74px;
  line-height: 1;
}
#news ul.info {
  border: none;
  padding: 0;
	border-top: 1px solid #d8d8d8;
	margin-top: 0;
}
#news ul.info li{
	border-bottom: 1px solid #d8d8d8;
}
#news ul.info li a{
	margin: 22px 0 21px;
}
#news ul.info li time {
  font-size: 14px;
	font-weight: 700;	
	color: #ed1b23;
}
#news ul.info li .info_cate {
	color: #000;
  background: #fff;
}
#news ul.info li .info_title {
  font-size: 16px;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 768px) {
  #news .news-left {
    width: 260px;
  }
  #news .news-info {
    width: calc(100% - 334px);
  }
}

@media only screen and (max-width: 767px) {
  #news {
    padding: 15vw 0 13vw;
  }
  #news .page-link {
    font-size: 10px;
    margin-top: 2vw;
  }
  #news .page-link i {
    width: 48px;
  }
  #news .news-left {
    align-items: flex-start;
  }
  #news .news-info {
    margin-top: 6vw;
  }
  #news ul.info li {
    margin-bottom: 0;
  }
  #news ul.info li time {
    font-size: 14px;
  }
  #news ul.info li .info_cate {
    font-size: 10px;
    width: auto;
    height: 13px;
    line-height: 13px;
		padding: 0 10px;
  }
  #news ul.info li .info_title {
    font-size: 14px;
		margin-top: 5px;
  }
}
.icon_cat {
  border: 1px solid #fff;
  margin-top: 15px;
  line-height: 30px;
  padding: 0 15px;
  margin-right: 10px;
}