@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {display: none;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content02 {margin-top: 30px;}

    #header.DownMove, #st_hamburger.DownMove {animation: none;}    
    
/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 6px;
  right: 5%;
width: 25px;
height: 30px;
  cursor: pointer;
  font-size: 2.5vw;
color: #000;
}
#nav-toggle > div {
  position: relative;
  width: 100%;
}
#nav-toggle span {
  width: 100%;
  height: 2px;
  left: 0;
  display: block;
  background: #000;
  position: absolute;
  transition: transform 0.3s ease-in-out, top 0.5s ease;
  /* #nav-toggle close */
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 9px;
  width: 100%;
}
#nav-toggle span:nth-child(3) {
  top: 18px;
  width: 100%;
}

.open #nav-toggle span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
background: #fff;
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
background: #fff;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
background: #fff;
}

/* z-index */
#nav-toggle {
  z-index: 1000;
top: 10px;
margin-top: 10px;	
}

#container {
  z-index: 900;
}

#gloval-nav nav {
  z-index: 999;
}

#gloval-nav {
  position: fixed;
background: #1c334f;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 3.2vw;
  padding-left: 0;
  transform: translateX(-100%);
  transition: transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#gloval-nav .logo {width: 30%; margin: 0 auto 15px; margin-right: 36%;} 	

.open #gloval-nav {
  transform: translateX(0);
}

#gloval-nav a {
  display: inline-block;
  text-decoration: none;
  padding: 2% 0;
  transition: color 0.6s ease;
}
#gloval-nav ul {
  list-style: none;
padding: 0 16px;
letter-spacing: 3px;
}
#gloval-nav ul li {
  position: relative;
  width: 100%;
color: #fff;
}

.nav-bg {
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  transition: all 1s ease;
}
.nav-bg.active {
  opacity: 1;
}

	.pan {margin-top: 60px; margin-left: 16px; padding: 30px 0; font-size: 3.5vw;}
	.pan a {font-size: 3.5vw;}
	.page_title {font-size: 5vw;}
    .front_main_box .logo_box .logo {display: none;}
    .front_main_box .logo_box .box {padding: 20px 0; box-sizing: border-box;}
	.front_main_box .txt01 {font-size: 6vw; margin: 0 auto 10px;}
	.front_main_box .txt02 {font-size: 4.5vw;}
	.front_main_box .txt03 {display: none;}
	.front_main_box .txt04 {display: none;}
    .front_main_box .sp_txt {font-size: 4.5vw; display: block; margin-top: 10px;}
	.front_main_box .logo_box {width: 80%; height: auto; bottom: inherit; top: 5%; right: 0;}
    .front_main_box .sp_main_logo {bottom: 5%; position: absolute; left: 0; right: 0; margin: auto; display: block; width: 35%; z-index: 10;}
    .front_main_box .logo_box02 {width: inherit; height: inherit; position: inherit; margin: inherit; left: inherit; right: inherit; top: inherit; bottom: inherit;}
    .front_main_box .main_logo {display: none;}
	#hamburger, #hamburger02, #hamburger03 {display: none;}
	.min_page_title {margin: 10px auto 30px; font-size: 3.5vw;}
	.single_page {padding-bottom: 60px;}
	#nav {display: none;}
	.lines {display: none;}
	.parallax_area {top: 60px;}
	#header.UpMove, #st_hamburger.UpMove {animation: none;}

	/*header*/
	header {border: 0; background: #fff; height: 60px; width: 100%; top: 0;}
	header .nav_inner {display: none;}
	header .pc_header {display: none;}
	header .st_item {position: relative; padding-left: 16px; width: 65%; margin: inherit; top: -15px;}
	header .ch_item {padding-left: 16px; width: 30%; top: 0px; opacity: 1;}
	header .inbox12 {height: 60px;}

/*index*/
	#index .box01 .txt01 {display: none;}
	#index .box01 h2 {font-size: 6vw; margin-bottom: 20px; line-height: 1.5;}
	#index .box01 .bg {padding: 30px 16px;}
    #index .box01 .bg .inbox12 {display: block;}
	#index .box01 .txt02 {font-size: 6vw;}
    #index .box01 .txt_box {margin-bottom: 0;}
    #index .box01 .title {margin-bottom: 10px; font-size: 4.5vw; text-align: center;}
    #index .ecomss_box,#single_diagnose .ecomss_box {padding: 30px 16px;}
		#index .ecomss_box .add_txt01 {margin-bottom: 30px; opacity: 1; transform: inherit;}
    #index .ecomss_box h2,#single_diagnose .ecomss_box h2 {width: 70%; margin: 0 auto 30px; opacity: 1; transform: inherit;}
    #index .ecomss_box .inner,#single_diagnose .ecomss_box .inner {display: block;}
    #index .ecomss_box .con,#single_diagnose .ecomss_box .con {border-left: 2px solid #24b7b3; padding-left: 16px; width: 100%; opacity: 1; transform: inherit;}
    #index .ecomss_box h3,#single_diagnose .ecomss_box h3 {margin-bottom: 16px;}
    #index .ecomss_box .con:nth-child(1) h3,#single_diagnose .ecomss_box .con:nth-child(1) h3 {width: 65%;}
    #index .ecomss_box .con:nth-child(2) h3,#single_diagnose .ecomss_box .con:nth-child(2) h3 {width: 45%;}
    #index .ecomss_box .con:nth-child(3) h3,#single_diagnose .ecomss_box .con:nth-child(3) h3 {width: 18%;}
    #index .ecomss_box .con:nth-child(4) h3,#single_diagnose .ecomss_box .con:nth-child(4) h3 {width: 19%;}
    #index .ecomss_box p,#single_diagnose .ecomss_box p {font-size: 3.4vw; line-height: 2;}
		#index .ecomss_box .fade_u {opacity: 1; transform: inherit;}
    #index .ecomss_box .con:nth-child(n + 2),#index .ecomss_box .con:nth-child(n + 3),#single_diagnose .ecomss_box .con:nth-child(n + 2),#single_diagnose .ecomss_box .con:nth-child(n + 3) {margin-top: 30px;}
    #index .ecomss_box .btn,#single_diagnose .ecomss_box .btn {font-size: 4vw; width: 100%; height: auto; padding: 16px 0; margin-top: 30px;}
    #index .box04 .bdr01,#index .box04 .bdr03 {height: 5px;}
    #index .box04 .bdr02,#index .box04 .bdr04 {width: 5px;}
    #index .box04 .logo02 {right: 16px; top: 2.5%; min-width: inherit; width: 15.5%;}
    #index .box04 .ex_item {display: none;}
    #index .pick_up_box {padding: 30px 16px;}
    #index .pick_up_box h2 {font-size: 6vw;}
    #index .box06 .min_text {font-size: 3.5vw; margin: 10px auto 30px; line-height: 1.5;}
    #index .pick_up_box .item {width: 48%; margin-right: 4%;}
    #index .pick_up_box .item:nth-child(2n) {margin-right: 0;}
    #index .pick_up_box .img,#index .box06 .gallery_slide02 .swiper-container .slide-img .img {width: 100%; height: auto; padding-top: 64.8%;}
    #index .pick_up_box .under {padding: 16px 10px;}
    #index .pick_up_box h3 {font-size: 3.2vw; line-height: 1.5; margin-bottom: 10px;}
    #index .pick_up_box .txt_box {font-size: 3.2vw;}
    #index .pick_up_box .txt_box::after {display: none;}
    #index .pick_up_box .item:nth-child(n + 3) {margin-top: 4%;}
		#index .box01 .icon01 {display: none;}
		#index .box02 {padding: 50px 0 90px; -webkit-filter: inherit; filter: inherit;}
		#index .box02 a {margin-top: 30px; font-size: 4vw; width: calc(100% - 32px); height: auto; padding: 16px 0; background: #1c334f; color: #fff;}
		#index .box02 a::after {width: 5%; height: 40%; right: 0; bottom: 0; clip-path: polygon(100% 0,100% 100%,0 100%); transform: inherit; background: #fff;}
		#index .box02 a:hover::after {width: 5%; height: 40%; bottom: 0;}
		#index .box02 .txt_img {margin: 0 auto; width: 28%;}
	#index .box03 h2 {font-size: 7vw; letter-spacing: 2px; padding-top: 20px;}
	#index .box03 .title_box {height: 80px; box-sizing: border-box; padding: 0;}
	#index .box03 .title_box p {padding-left: 0; font-size: 9vw; letter-spacing: 2px; bottom: 15px;}
	#index .box03 h2::before {left: -17px; top: 15px; background-size: 60%;}
	#index .box03 h2::after {left: -890px; top: 0;}
	#index .box03 .txt01 {margin: 30px auto; font-size: 3.5vw; padding: 0 16px; opacity: 1; transform: inherit;}
	#index .box03 ul {display: block; padding: 0 16px;}
	#index .box03 li .txt02 {font-size: 5vw; top: -17px; transform: rotate(-5.5deg);}
	#index .box03 li .txt02 span {font-size: 9vw; margin-right: 10px;}
	#index .box03 li .btn {font-size: 3.5vw; width: 85%; height: auto; padding: 10px 0; bottom: 220px;}
	#index .box03 li:nth-child(n + 2) {margin-top: 50px;}
	#index .box03 li:nth-child(2) {margin-top: 85px;}
	#index .box03 ul::after {bottom: -30px;}
	#index .box03 {padding-bottom: 30px;}
    #index .box03 .map_box {border: 3px solid #1c334f; width: 100%; height: 200px;}
		#index .box03 li {opacity: 1; transform: inherit;}
	#model_house {margin-top: -60px; padding-top: 60px;}
	#index .box04 .con .bg {filter: inherit;}
	#index .box04 .con_txt01 {font-size: 5vw; padding: 2% 3%; top: -16px; left: 16px;}
	#index .box04 .txt_box {width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; padding: 0;}
	#index .box04 .txt_box::before {display: none;}
	#index .box04 h3 {font-size: 4.5vw; margin: 0; top: 30px; right: 16px; position: absolute;}
	#index .box04 .con_txt02 {display: none;}
	#index .box04 .con_txt03 {font-size: 4.5vw; padding: 3% 4%; margin: 10px auto 0;}
	#index .box04 .btn {background: #1c334f; font-size: 3.5vw; width: calc(100% - 32px); height: auto; padding: 15px 0; left: 0; right: 0; bottom: 20px; margin: auto;}
	#index .box04 .btn span {border: none;}
	#index .box04 .logo {top: 20px; left: 16px; width: 30%;}
	#index .m_btn::after {width: 25px;}
	#index .box04 .title_box {margin-top: 0; height: 80px; background: #172b44; justify-content: start; display: block;}
	#index .box04 h2 {margin-right: 0; font-size: 8vw; text-align: center; padding-top: 20px;}
	#index .box04 h2 span {font-size: 7vw; left: inherit; letter-spacing: 2px;}
	#index .box04 .title_txt {bottom: 15px; font-size: 9vw; letter-spacing: 2px; position: relative; text-align: center;}
	#index .box04 h2::before {left: 45px; top: 15px; background-size: 60%;}
	#index .box04 .title_box::after {top: inherit; bottom: 0; left: 80%;}
	#index .box04 .txt01 {font-size: 6vw; letter-spacing: 1px; margin-top: 30px; padding-top: 30px; padding-left: 16px; width: 40%; opacity: 1; transform: inherit;}
	#index .box04 .txt01::before {top: 0; background-size: 60%; right: -50px; margin: auto; width: 160px; height: 30px;}
	#index .box04 .txt02 {font-size: 4vw; letter-spacing: 1px; padding-right: 0; padding-left: 16px;}
	#index .box04 .txt03 {margin-top: 20px; font-size: 4.5vw; padding: 0 16px; opacity: 1; transform: inherit;}
	#index .box04 .txt04 {font-size: 3.5vw; padding: 0 16px; margin-top: 20px; opacity: 1; transform: inherit;}
	#index .box04 .over_btn {margin-top: 20px; font-size: 4vw; width: calc(100% - 32px); height: inherit; padding: 20px 0; background: #1c334f; color: #fff; border: 0; margin: 30px auto 0; opacity: 1; transform: inherit;}
	#index .box04 .m_btn::after {display: none;}
	#index .box04 .over {padding-bottom: 30px;}
	#index .box04 .txt03::after {display: none;}
    #index .box04 .inner {display: block;}
    #index .box04 .con_txt04 {font-size: 3.5vw; line-height: 1.7; margin-bottom: 20px;}
    #index .box04 .con {height: auto!important;}
    #index .box04 .con:nth-child(2),#index .box04 .con:nth-child(3) {margin-top: 30px;}
    #index .box04 .precautionary {position: relative; left: inherit; bottom: inherit; font-size: 3.5vw; margin: 16px auto 0; text-align: center;}
		#index .box04 .add_con .bg {filter: inherit; opacity: 1; transform: inherit;}
		#index .box04 .add_txt_box {display: none;}
		#index .box04 .add_con02, #index .box04 .add_con03 {margin-top: 0px;}
		#index .box04 .txt04 span {opacity: 1; animation: inherit;}
		#svg_line11 {stroke-dashoffset: 0; opacity: 1;}
	#index .box05 {padding: 30px 16px;}
	#index .box05 .title_box .bdr_box,#index .box05 .title_box .bdr_box02 {display: none;}
	#index .box05 h2 {font-size: 5.5vw; letter-spacing: 2px;}
	#index .box05 .title p {font-size: 5.5vw; margin-top: 10px;}
	#index .box05 .min_txt01::after,#index .box05 .min_txt02::after {height: 25px; width: 8px;}
	#index .box05 .bdr {height: 70px; width: 8px; margin: 0 15px;}
	#index .box05 .inner {display: block;}
	#index .box05 .txt01 {font-size: 4vw; margin-bottom: 20px;;}
	#index .box05 .title_box {margin-bottom: 30px;}
	#index .box05 .txt01::before {background-size: 50%; left: -10px; top: 2px;}
	#index .box05 .inner .img_box .img {height: 100%; width: 100%; filter: none;}
	#index .box05 .inner02 .img_box {margin-right: auto; margin-left: -16px;}
	#index .box05 .img_box {height: auto; width: auto; margin-right: -16px;}
	#index .box05 .img_box a {font-size: 4vw; height: auto; padding: 15px 0; margin-left: 0; left: -16px; width: 70%;}
    #index .box05 .inner02 .img_box a {right: -16px;}
	#index .box05 .inner02 {margin-top: 30px;}
	#index .box05 .txt_box {display: none;}
    #index .box05 .over_txt01 {font-size: 5.5vw; margin-bottom: 25px;}
	#index .box06, #index .box07 {padding: 30px 0;}
	#index .box06 .title_box, #index .box07 .title_box {margin-bottom: 30px;}
	#index .box06 h2, #index .box07 h2 {font-size: 6vw; letter-spacing: 2px;}
	#index .box06 .title_box p, #index .box07 .title_box p {padding-left: 0; font-size: 7vw; letter-spacing: 2px; bottom: -17px;}
	#index .box06 .title_box .bdr_box span, #index .box07 .title_box .bdr_box span {height: 1px;}
	#index .box06 .title_box .bdr_box {margin-right: 20px;}
	#index .box06 .title_box .bdr_box02 {margin-left: 20px; margin-right: 0;}
	#index .box06 .title_box .bdr_box span:nth-child(1), #index .box07 .title_box .bdr_box span:nth-child(1) {margin-bottom: 3px; width: calc(100% - 32px);}
	#index .box05 .title_box .bdr_box02 span:nth-child(2), #index .box06 .title_box .bdr_box02 span:nth-child(2), #index .box07 .title_box .bdr_box02 span:nth-child(2) {width: calc(100% - 32px);}
	#index .box06 .title_box .bdr_box02 span:nth-child(1), #index .box07 .title_box .bdr_box02 span:nth-child(1) {width: inherit;}
	#index .box06 .works_list, #index .box07 .voice_list {margin-top: 40px; padding: 0 16px;}
	#index .box06 .item:nth-of-type(3n),#index .box07 .item,#index .box07 .item:nth-of-type(3n) {width: 48%; margin-right: 4%; opacity: 1; transform: inherit;}
    #index .box06 .item {width: 100%; margin-right: 0; opacity: 1; transform: inherit;}
	#index .box07 .item:nth-of-type(2n) {margin-right: 0;}
    #index .box06 .item:nth-child(2) {margin-top: 30px;}
	#index .box06 .item:nth-of-type(n + 3),#index .box07 .item:nth-of-type(n + 3) {margin-top: 4%;}
    #index .box06 .over {display: block;}
    #index .box06 .gallery_slide01 {width: 100%;}
    #index .box06 .right_box {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4%;}
    #index .box06 .gallery_slide02 {width: 32%; height: auto; margin-bottom: 0;}
    #index .box06 .gallery_slide02:nth-child(3) {margin-top: 0;}
    #index .box06 .vr_btn {font-size: 4vw; width: 48%; margin-top: 4%; background: #e3aa03; height: auto; color: #000;}
	#index .box06 .img img, #index .box07 .img img {height: 100px;}
    #index .box06 .img img {height: 100%;}
	#index .box07 h3 {font-size: 3vw; height: auto; margin-top: 10px;}
	#index .box06 h3::before, #index .box07 h3::before {width: 25%;}
	#index .box06 h3::after, #index .box07 h3::after {height: 7px; top: 16px;}
	#index .box07 .btn {font-size: 4vw; height: auto; padding: 20px 0; width: calc(100% - 32px); color: #fff; background: #1c334f; border: 0; margin-top: 30px;}
	#index .box06 .m_btn::after,#index .box07 .m_btn::after {display: none;}
	#index .box06 .works_list::before, #index .box07 .voice_list::before {display: none;}
	#index .box06.inview .works_list::after, #index .box07.inview .voice_list::after {display: none;}
	#index .box07 .title_box .bdr_box {margin-right: 20px;}
	#index .box07 .title_box .bdr_box02 {margin-left: 20px;}
	#index .box07 h3::before,#index .box07 h3::after {display: none;}
    #index .box06 .model_box {margin-top: 30px;}
    #index .box06 .model_box ul {display: block; padding: 0 16px;}
    #index .box06 .model_box li,#index .box06 .model_box li:nth-child(3n) {width: 100%; margin-top: 0;}
     #index .box06 .model_box li:nth-child(n + 2) {margin-top: 30px;}
    #index .box06 .model_box li .btn {font-size: 3.5vw;
    width: 85%;
    height: auto;
    padding: 10px 0;
    bottom: 0;}
    #index .box06 .m_btn {width: calc(100% - 32px); height: auto; padding: 16px 0; font-size: 4vw; margin-top: 60px;}
    #index .box06 li .txt02 {font-size: 5vw; top: -5px;}
    #index .box06 li .txt02 span {font-size: 9vw; margin-right: 10px;}
    #index .box06 .gallery_box {padding: 30px 16px;}
    #index .box06 .image_box p {font-size: 5vw; line-height: 1.3; top: -11%; transform: rotate(-7deg); opacity: 1;}
    #index .box06 .image_box p .big01 {font-size: 6vw;}
    #index .box06 .image_box p .big02 {font-size: 5vw;}
    #index .box06 .gallery_btn .btn {margin: 0 auto;}
		#index .box06 .image_box img,#index .box06 .gallery_btn {opacity: 1; transform: inherit;}
    #index .box07 .icon_text {font-size: 3.5vw; margin-left: 10%;}
    #index .box07 .img_box {border: 3px solid #1c334f; margin-left: 5%;}
    #index .box07 .img {left: -4%;}
    #index .box07 .no {font-size: 3vw; width: auto; height: auto; letter-spacing: 2px; left: -2%; bottom: -2%; padding: 5px 10px;}
		#index .box05 .title_box .bdr_box, #index .box06 .title_box .bdr_box, #index .box07 .title_box .bdr_box {clip-path: inset(0); -webkit-clip-path: inset(0);}
		#index .box06 h2, #index .box07 h2 {opacity: 1; transform: inherit;}
		#index .box06 .title_box p, #index .box07 .title_box p {opacity: .15; transform: inherit;}
	#index .box08 .txt01::before {background-size: 65%; left: -45%; top: -80px;}
	#index .box08_inner {flex-wrap: wrap; justify-content: space-between;}
	#index .box08_inner .txt03 {font-size: 4vw;}
	#index .box08_inner .txt04 {margin-top: 10px; font-size: 5vw;}
	#index .box08_inner .con:nth-of-type(n + 2) {width: 49%; margin-top: 2%; height: 130px;}
	#index .box08_inner .con:nth-of-type(1) {height: 130px;}
	#index .box08_inner .con02 .txt04 {font-size: 4vw;}
	#index .box08_inner .img img {height: auto;}
	#index .box08 .txt01 {font-size: 5vw; letter-spacing: 1px; padding-left: 0; width: 35%;}
	#index .box09 .inner {display: block;}
	#index .box08_inner .con02 {margin-left: 0;}
	#index .box08_02 {padding: 30px 0;}
	#index .box09 .box {width: 100%;}
	#index .box09 .item {padding: 15px 0 10px; opacity: 1; transform: inherit;}
	#index .box08 .txt02 {font-size: 4vw; letter-spacing: 1px; margin-top: 10px;}
	#index .box09 {padding: 30px 16px;}
	#index .box09 h2 {margin-bottom: 30px; font-size: 6vw; opacity: 1; transform: inherit;}
	#index .box09 .btn {font-size: 3.5vw; opacity: 1; transform: inherit;}
	#index .box09 .over {margin-bottom: 10px;}
	#index .box09 .time {margin-right: 10px; font-size: 3.5vw;}
	#index .box09 h3 {font-size: 3.5vw;}
	#index .box09 .text {font-size: 3.5vw;}
	#index .box09 .box:nth-of-type(2) {margin-top: 30px;}
	#index .box10 {padding: 30px 16px;}
	#index .box10 h2 {margin-bottom: 20px; font-size: 7vw; letter-spacing: 2px; text-align: center; display: table; position: relative; opacity: 1; transform: inherit;}
	#index .box10 h2::before {background-size: 60%; left: 90px; top: -3px;}
	#index .box10 p {line-height: 2.3; opacity: 1; transform: inherit;}
	#svg_line_box11 {overflow: inherit; right: 32%; top: 70px;}
	#index .box08 .e_bdr span {width: 55%; height: 40%;}
	#index .box08 .e_bdr {right: -3%; bottom: 73px;}
    #index .box08 .e_bdr_con {width: 100%;}
    #index .ecomssplus_box .btn {width: calc(100% - 32px); height: auto; margin: 30px auto 0; font-size: 3.5vw; padding: 16px 0;}
		#index .diagnose_box {padding: 90px 16px; background-size: contain;}
		#index .diagnose_box .txt01 {font-size: 4.5vw; letter-spacing: .5vw; padding-left: 4%; opacity: 1; transform: inherit;}
		#index .diagnose_box .txt02 {font-size: 9vw; margin-top: 10px; letter-spacing: 1vw; opacity: 1; transform: inherit;}
		#index .diagnose_box h2 {font-size: 4vw; margin: 30px auto; opacity: 1; transform: inherit;}
		#index .diagnose_box .inner {display: block;}
		#index .diagnose_box .inner a {font-size: 4vw; width: 100%; height: auto; padding: 16px 0; background: #1c334f; color: #fff;}
		#index .diagnose_box .inner a:nth-of-type(2) {margin: 16px auto 0;}
		#index .diagnose_box .inner a::after {width: 5%; height: 40%; right: 0; bottom: 0; clip-path: polygon(100% 0,100% 100%,0 100%); transform: inherit; background: #fff;}
		#index .diagnose_box .inner a:hover::after {width: 5%; height: 40%; bottom: 0;}
		#index .diagnose_box .inner .item {opacity: 1; transform: inherit;}
    #index .add_box01 {padding-bottom: 0px;}
		#index .add_box01 .add_txt01 {position: absolute; left: 0; right: 0; top: 5%; width: 50%; margin: auto; transition-delay: .4s;}
		#index .add_box01 .add_txt02 {position: absolute; width: 50%; left: 0; right: 0; margin: auto; bottom: 40px; transition-delay: .55s;}
		#index .sp_diagnose_box {display: flex; align-items: center; justify-content: center;}
		#index .box04 .add_con .add_txt01 {position: absolute; left: 0; right: 0; top: 5%; width: 52%; margin: auto; transition-delay: .4s; opacity: 1; transform: inherit;}
		#index .box04 .add_con .add_txt02 {width: 46%; left: 0; right: 0; bottom: 30%; margin: auto; position: absolute; transition-delay: .55s; opacity: 1; transform: inherit;}
		#index .box04 .add_con .add_btn {width: 100%; opacity: 1; transform: inherit;}
		#index .box04 .add_con02 .add_txt01 {width: 65%;}
		#index .box04 .add_con02 .add_txt02 {width: 55%;}
		#index .box04 .add_con03 .add_txt01 {width: 50%;}
		#index .box04 .add_con03 .add_txt02 {width: 74%;}
		#index .box04 .add_con04 .add_txt02 {width: 75%; bottom: 33%;}
		#index .box04 .add_con02 .gAll_add_txt01 {width: 55%;}
		#index .box04 .add_con02 .gAll_add_txt02 {width: 70%;}

		#index .box04 .con03 {margin-top: 0;}
		#index .option_box {padding: 120px 32px;}
		#index .option_box img {opacity: 1; transform: inherit;}
		#index .option_box .option_btn {opacity: 1; transform: inherit;}
		#index .option_box .btn {font-size: 3.5vw; width: 100%; height: auto; padding: 16px 0; margin-top: 50px;}

		#index .youtube_box {padding: 40px 16px;}



	/*about*/
	#about .box01 {padding-bottom: 30px;}
	#about .box01 h2 p::before {left: 13%; top: 11px; background-size: 60%; z-index: 10;}
	#about .box01 span {font-size: 4.5vw;}
	#about .box01 span::before {left: -15px; top: -2px; background-size: 55%;}
	#about .box01 .inner {display: block; padding: 0 16px; font-size: 3.5vw; margin-top: 30px;}
	#about .box01 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#about .box01 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#about .box01 .img_box {padding: 0 16px; margin-top: 30px; flex-wrap: wrap;}
	#about .box01 .img_box img {width: 48%; margin-right: 4%;}
	#about .box01 .img_box img:nth-of-type(2n) {margin-right: 0;}
	#about .box01 .img_box img:nth-of-type(n + 3) {margin-top: 4%;}
	#about .bnr01 .bdr01 {border: 3px solid #1c334f; padding: 30px 0;}
	#about .bnr01 .bdr02 {height: 5px;}
	#about .bnr01 img {width: 30%;}
	#about .bnr01 p:nth-of-type(1) {margin: 20px auto 10px;}
	#about .bnr01 p {font-size: 6vw;} 
	#about .box02 .title {padding: 0; background-size: cover; outline: 5px solid rgba(255,255,255,.4); outline-offset: -5px;}
	#about .box02 .title .box {padding: 30px 16px;}
	#about .box02 .title .box p {line-height: 1.5; font-size: 5vw;}
	#about .box02 .title .box h2 {font-size: 7vw; margin: 10px auto 0;}
	#about .box02 .title .box h2 span {font-size: 7vw; margin: 10px auto 0;}
	#about .box02 .title .box h2::before {background-size: 60%; top: -5px; left: 25%;}
	#about .box02 .text_area {padding: 30px 16px;}
	#about .box02 .text01 {font-size: 3.5vw;}
	#about .box02 .text02 {margin-top: 10px;}
	#about .box02 .charm_box {margin: auto; width: 100%; flex-wrap: wrap; padding: 0 16px; justify-content: left; box-sizing: border-box;}
	#about .box02 .charm_box .box {width: 47%; margin-right: 6%; height: auto; padding: 25px 0; outline-offset: 5px;}
	#about .box02 .charm_box .box:nth-of-type(2) {margin-right: 0;}
	#about .box02 .charm_box .box:nth-of-type(3) {margin: 6% auto 0;}
	#about .box02 .charm_box .box p:nth-of-type(1) {font-size: 4vw;}
	#about .box02 .charm_box .box .bdr {width: 80%; margin: 10px auto;}
	#about .box02 .charm_box .box p:nth-of-type(2) {font-size: 4vw;}
	#about .box02 .con {margin-top: 35px;}
	#about .box02 .con .txt01 {font-size: 5.5vw;}
	#about .box02 .con h3 {font-size: 5vw; margin-top: 15px;}
	#about .box02 .con .inner {margin-top: 30px; padding: 0 16px; display: block; font-size: 3.5vw;}
	#about .box02 .con .inner img {margin-right: 0; margin-bottom: 10px;}
	#about .box02 .bnr {width: 100%; margin-top: 30px; padding: 30px 0;}
	#about .box02 .con .bnr .txt01 {font-size: 4vw;}
	#about .box02 .bnr .txt01::before {margin-right: 30px;}
	#about .box02 .bnr .txt01::after {margin-left: 30px;}
	#about .box02 .bnr .txt02 {margin-top: 10px; font-size: 5vw;}
	#about .box02 .bnr .square01 {width: 45px; height: 35px; top: 30px; left: 25px;}
	#about .box02 .bnr .square02 {width: 70px; height: 50px; top: 55px; left: 15px;}
	#about .box02 .bnr .square03 {width: 70px; height: 50px; bottom: 55px; right: 20px;}
	#about .box02 .con02 .inner img {margin-left: 0;}
	#about .bnr02 .txt p:nth-of-type(1) {font-size: 4vw; line-height: 1.5;}
	#about .bnr02 .txt p:nth-of-type(2) {font-size: 6vw; margin-top: 5px;}
	#about .bnr02 .txt {padding: 10px 0;}
	#about .bnr02 {background-size: cover; padding: 20px;}
	#about .box02 {padding-bottom: 30px;}
    #about .box02 .text_area .icon {display: none;}
	#charm01 {margin-top: -60px; padding-top: 60px;}
	#charm02 {margin-top: -60px; padding-top: 60px;}
	#charm03 {margin-top: -60px; padding-top: 60px;}
	
	/*model_sim*/
	#model_sim .main {background-size: cover; padding: 20px 30px; outline-offset: -5px;}
	#model_sim .main .txt {padding: 30px 0;}
	#model_sim .main .txt::before {display: none;}
	#model_sim .main .txt .title span {letter-spacing: 2px; font-size: 4vw;}
	#model_sim .main .txt .title {width: 90%; position: relative; padding: 5px 0; margin-bottom: 20px; top: inherit;}
	#model_sim .main .txt .title span::before {border-width: 0 13px 25px 13px; bottom: -5px; left: -6px;}
	#model_sim .main .txt .title span::after {border-width: 25px 13px 0 13px; top: -5px; right: -7px;}
	#model_sim .main .txt .txt01 {font-size: 4vw; letter-spacing: 2px; margin: auto; padding-bottom: 5px; border-bottom: 2px solid #1c334f;}
	#model_sim .main .txt .txt02 {font-size: 6vw; margin: 10px auto 0; padding-bottom: 5px; border-bottom: 2px solid #1c334f;}
	#model_sim .main .txt .txt03 {font-size: 6vw; margin-top: 10px;}
	#model_sim .main .txt .txt03 span {font-size: 5vw;}
	#model_sim .box01 {padding-top: 30px;}
	#model_sim .box01 h2 {width: 100%; font-size: 5vw; letter-spacing: 2px;}
	#model_sim .box01 .inner {margin-top: 30px; padding: 0;}
	#model_sim .box01 .inner img {width: calc(100% - 32px); margin: 0 auto 20px;}
	#model_sim .box01 .inner .txt {position: relative; right: inherit; bottom: inherit; width: 100%; padding: 30px 16px; margin: auto}
	#model_sim .box01 .inner .txt h3 {font-size: 5vw; letter-spacing: 2px;}
	#model_sim .box01 .inner .txt p {font-size: 3.5vw;}
	#model_sim .box01 .img_box {margin-top: 30px; padding: 0 16px; flex-wrap: wrap;}
	#model_sim .box01 .img_box img {width: 48%; margin-right: 4%;}
	#model_sim .box01 .img_box img:nth-of-type(2n) {margin-right: 0;}
	#model_sim .box01 .img_box img:nth-of-type(n + 3) {margin-top: 4%;}
	#model_sim .box01 .inner02 .txt {left: inherit;}
	#model_sim .box01 .con {margin-top: 30px; padding: 0 16px; display: block;}
	#model_sim .box01 .con .left {margin: auto;}
	#model_sim .box01 .con .left .img01 {margin: 0 auto; width: 80%;}
	#model_sim .box01 .con .left .txt p:nth-of-type(1) {font-size: 3.5vw;}
	#model_sim .box01 .con .left .txt p:nth-of-type(2) {font-size: 4vw; margin-top: 5px;}
	#model_sim .box01 .con .left .txt {letter-spacing: 2px; padding: 2%; bottom: inherit; top: 185px; left: 41%;}
	#model_sim .box01 .con .left .txt::after {border-width: 12px 12px 0 12px; bottom: -12px;}
	#model_sim .box01 .con .right {width: 100%;}
	#model_sim .box01 .con .right img {display: none;}
	#model_sim .box01 .con .right .txt {margin-top: 30px;}
	#model_sim .box01 .con .right .txt p:nth-of-type(1) {font-size: 6vw;}
	#model_sim .box01 .con .right .txt p:nth-of-type(2) {font-size: 3.5vw;}
	#model_sim .box01 .bnr {background-size: 140%; background-position: center; padding: 30px 0 20px; margin-top: 30px; border: 2px solid #1c334f;}
	#model_sim .box01 .bnr p:nth-of-type(1) {font-size: 4vw; letter-spacing: 1px; padding: 1% 4%; margin-bottom: 15px;}
	#model_sim .box01 .bnr p:nth-of-type(1)::before {background-size: 60%; top: -25px; left: 11%;}
	#model_sim .box01 .bnr p:nth-of-type(2) {font-size: 5vw;}
	#model_sim .box02 .title {border: 2px solid #1c334f; background-size: cover; padding: 20px 30px;}
	#model_sim .box02 .title .txt {padding: 30px 0; border: 2px solid #fff;}
	#model_sim .box02 .title .txt p:nth-of-type(1) {font-size: 4vw;}
	#model_sim .box02 .title h2 {font-size: 5vw;}
	#model_sim .box02 .title .txt p:nth-of-type(2) {font-size: 5vw; margin: 10px auto;}
	#model_sim .box02 .title .logo {position: absolute; bottom: 5px; left: 5px; width: 10%;}
	#model_sim .box02 .con {margin-top: 30px; padding: 0;}
	#model_sim .box02 .con .theme {font-size: 4vw;}
	#model_sim .box02 .con .theme h3 {padding-left: 5%; letter-spacing: 2px;}
	#model_sim .box02 .con .theme .point {font-size: 9vw;}
	#model_sim .box02 .con .theme .point span {font-size: 16vw;}
	#model_sim .box02 .con .theme .no {font-size: 6vw; padding: 5% 4%;}
	#model_sim .box02 .con .inner {display: block; margin-top: 30px; font-size: 3.5vw; padding: 0 16px;}
	#model_sim .box02 .con .inner img {margin-right: 0; margin-bottom: 10px;}
	#model_sim .box02 .con .bnr01 {margin-top: 30px; border: 2px solid #1c334f; background-size: cover; height: 120px;}
	#model_sim .box02 .con .bnr01 p {font-size: 4vw; padding: 2% 5%;}
	#model_sim .box02 .con:nth-of-type(2) .theme h3 {padding-left: 10%;}
	#model_sim .box02 .con .inner .img02 {margin-left: 0;}
	#model_sim .box02 .con:nth-of-type(2) {padding-bottom: 30px;}
	#model_sim .banner01 {border: 2px solid #1c334f;}
	#model_sim .banner01 .over p:nth-of-type(1) {font-size: 5vw; padding-left: 5%;}
	#model_sim .banner01 .over p:nth-of-type(2) {font-size: 4vw; padding-left: 5%; letter-spacing: 1px; margin-top: 10px;}
	#model_sim .banner01 .over {height: 100px; background-size: cover; padding-top: 20px;}
	#model_sim .banner01 .over p:nth-of-type(3) {bottom: -7px; right: -5px; font-size: 12vw;}
	#model_sim .banner01 .under p {font-size: 3vw; padding-right: 2%;}
	#model_sim .banner01 .under .logo {padding-left: 2%; width: 15%;}
	#model_sim .banner01 .under {padding: 2% 0;}
	#model_sim .plan_box {margin-top: 30px; padding: 0 16px; display: block;}
	#model_sim .plan_box .item {width: 100%;}
    #model_sim .plan_box .item:nth-child(2) {margin-top: 30px;}
	#model_sim .plan_box .txt01 {font-size: 3.5vw; top: 0;}
	#model_sim .plan_box .txt01 span {margin-right: 10px; font-size: 7vw;}
	#model_sim .plan_box .under {padding: 10px;}
	#model_sim .plan_box .under .btn {font-size: 3vw; padding: 5px 0; line-height: 1.3;}
	#model_sim .banner02 {margin-top: 30px; padding: 30px 40px; outline-offset: -5px; background-size: cover;}
	#model_sim .banner02 .txt {padding: 30px 0;}
	#model_sim .banner02 .txt p {font-size: 3.5vw;}
	#model_sim .banner02 .txt .logo {width: 30%;}
    #model_sim .plan_box .btn {font-size: 4vw; height: auto; width: 100%; padding: 5px 0;}
    
	
	/*model_b-kle*/
	#model_sim .model_b-kle .box01 .con .left .txt p:nth-of-type(2) {font-size: 4vw;}
	#model_sim .model_b-kle .box01 .con .left .txt {bottom: inherit; top: 180px; left: 35%;}
	#model_sim .model_b-kle .box01 .con .left .txt::after {bottom: -10px;}
	#model_sim .model_b-kle .box01 .bnr p:nth-of-type(1)::before {background-size: 60%; top: -25px; left: 11%;}
	#model_sim .model_b-kle .box01 .bnr {border: 2px solid #000; background-size: 140%; background-position: center;}
	#model_sim .model_b-kle .box02 .title {border: 2px solid #000;}
	#model_sim .model_b-kle .box02 .con .bnr01 {border: 2px solid #000;}
	#model_sim .model_b-kle .banner01 {border: 2px solid #000;}
	#model_sim .model_b-kle .main .txt .txt01, #model_sim .model_b-kle .main .txt .txt02 {border-bottom: 2px solid #000;}
	
	/*model_g-all*/
	#model_sim .model_g-all .main .txt .txt01, #model_sim .model_g-all .main .txt .txt02 {border-bottom: 2px solid #bda366;}
	#model_sim .model_g-all .box01 .con .left .txt p:nth-of-type(2) {font-size: 3.5vw;}
	#model_sim .model_g-all .box01 .con .left .txt::after {bottom: -10px;}
	#model_sim .model_g-all .box01 .con .left .txt {bottom: inherit; top: 190px; left: 44%;}
	#model_sim .model_g-all .box01 .bnr {border: 2px solid #bda366; background-size: 140%; background-position: center;}
	#model_sim .model_g-all .box01 .bnr p:nth-of-type(1)::before {background-size: 60%; top: -25px; left: 11%;}
	#model_sim .model_g-all .box02 .title {border: 2px solid #bda366;}
	#model_sim .model_g-all .box02 .con .bnr01 {border: 2px solid #bda366; background-size: cover;}
	#model_sim .model_g-all .banner01 {border: 2px solid #bda366;}
	
	/*sim*/
	#sim .main .txt01 {font-size: 4.5vw; letter-spacing: 3px; margin-bottom: 16px;}
	#sim .main .txt02 p:nth-of-type(1) {font-size: 4vw; margin-bottom: 10px;}
	#sim .main .txt02 p:nth-of-type(2) {margin-top: 5px; font-size: 3.5vw;}
	#sim .main .txt02 {padding: 10px 0; bottom: 0; position: relative;}
	#sim .main {padding: 20px 0 0; height: auto; outline-offset: -5px; background-size: cover; outline: none;}
    #sim .main .logo {width: 25%; margin-bottom: 20px;}
#sim .main_image {width: calc(100% - 32px);}
#sim .diagnose_box {padding: 100px 16px 100px; background-size: contain;}
#sim .diagnose_box .txt01 {font-size: 4.5vw; letter-spacing: .5vw; padding-left: 4%;}
#sim .diagnose_box .txt02 {font-size: 9vw; margin-top: 10px; letter-spacing: 1vw;}
#sim .diagnose_box .txt03 {font-size: 5vw;}
#sim .diagnose_box h2 {font-size: 4vw; margin: 30px auto 10px;}
#sim .diagnose_box .inner {display: block;}
#sim .diagnose_box .inner a {font-size: 4vw; width: 100%; height: auto; padding: 16px 0; background: #1c334f; color: #fff;}
#sim .diagnose_box .inner a:nth-of-type(2) {margin: 16px auto 0;}
#sim .diagnose_box .inner a::after {width: 5%; height: 40%; right: 0; bottom: 0; clip-path: polygon(100% 0,100% 100%,0 100%); transform: inherit; background: #fff;}
#sim .diagnose_box .inner a:hover::after {width: 5%; height: 40%; bottom: 0;}
#sim .swiper-pagination-bullet {width: 10px; height: 10px;}
#sim .fade_slide_box {margin-bottom: 40px;}
	#sim .box01 .top {height: inherit;}
	#sim .box01 .top .img01 {width: 85%;} 
	#sim .box01 .top .img02 {width: 40%;}
	#sim .box01 .top .txt01 p:nth-of-type(1) {font-size: 5vw; padding-right: 16px;}
	#sim .box01 .top .txt01 p:nth-of-type(2) {font-size: 5vw; padding-right: 16px; margin-top: 10px; letter-spacing: 3px;}
	#sim .box01 .top .txt01 {top: 20px;}
	#sim .box01 .top h2 {padding: 5px 10px; bottom: 20px; font-size: 3.5vw; left: 0;}
	#sim .box01 .top h2::before,#sim .box01 .inner02::before,#sim .box01 .inner02::after,#sim .box01 .inner03::after,#sim .box01 .inner04::after {display: none;}
	#sim .box01 {padding: 30px 0;}
	#sim .box01 .theme {width: 100%; font-size: 4.5vw; padding: 15px 0; letter-spacing: 2px; margin-top: 30px;}
	#sim .box01 .inner {display: block; padding: 0 16px; font-size: 3.5vw; margin-top: 30px; line-height: 2.3;}
	#sim .box01 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#sim .box01 .con h3 {font-size: 4.5vw; letter-spacing: 2px; text-align: center; margin-bottom: 20px; display: table; margin: 30px auto 20px;}
	#sim .box01 .con h3::before {top: -5px; left: -10px; background-size: 55%;}
	#sim .box01 .inner02 img,#sim .box01 .inner03 img {width: 50%; margin: auto; margin-bottom: 10px;}
	#sim .box01 .inner03 h3::before {top: -5px; left: -10px;}
	#sim .box01 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#sim .box01 .bnr {margin-top: 30px; width: inherit;}
	#sim .box01 .bnr .txt {line-height: 1.5; font-size: 3.5vw; padding: 10px 20px;}
	#sim .box02 .title {background: url(img/sim/box02_title_bg.jpg)top left no-repeat; padding: 30px 0; background-size: cover;}
	#sim .box02 .title p:nth-of-type(1) {font-size: 4vw;}
	#sim .box02 .title p:nth-of-type(2) {font-size: 6vw; margin-top: 20px;}
	#sim .box02 .theme {margin-top: 30px; font-size: 5vw;}
	#sim .box02 h2::after,#sim .box02 h2::before,#sim .box02 h2 .bdr01,#sim .box02 h2 .bdr02 {display: none;}
	#sim .box02 .inner {display: block; padding: 0 16px; font-size: 3.5vw; margin-top: 30px; line-height: 2.3;}
	#sim .box02 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#sim .box02 .theme02 {padding: 15px 0; margin-top: 30px; width: 100%; font-size: 4.5vw;}
	#sim .box02 .img_box {margin-top: 30px; padding: 0 16px; width: 100%; flex-wrap: wrap; box-sizing: border-box;}
	#sim .box02 .img_box .box,#sim .box02 .img_box .box:nth-of-type(3n) {width: 48%; margin-right: 4%;}
	#sim .box02 .img_box .box:nth-of-type(2n) {margin-right: 0;} 
	#sim .box02 .img_box .box:nth-of-type(n + 3) {margin-top: 4%;}
	#sim .box02 .img_box .box p {font-size: 3vw; margin-top: 10px;}
	#sim .box02 .img_box .box p:nth-of-type(2) {font-size: 3vw;}
	#sim .box02 {padding-bottom: 30px; padding-top: 0.1px; margin-top: 40px;}

	#sim .box02 .text {font-size: 3vw; line-height: 1.8;}
	#sim .box02 .bnr {background-size: contain; height: 150px; box-sizing: border-box; padding: 30px 16px; outline-offset: -5px; margin-top: 30px; background: url(img/sim/box02_bnr_bg.svg)top right -380px no-repeat; background-color: #12243a;}
	#sim .box02 .bnr p {font-size: 4vw;}
	#sim .box02 .bnr p:nth-of-type(1) {margin: 10px 0;}
	#sim .box02 .bnr img {width: 35%;}
	#sim .box03 .logo {margin: 30px auto 0; width: 20%;}
	#sim .box03 h2 {margin-top: 20px; font-size: 5vw;}
	#sim .box03 .btn_box {margin-top: 30px; padding: 0 16px; display: block;}
	#sim .box03 .btn_box a {width: 100%;}
	#sim .box03 .btn_box a:nth-of-type(n + 2) {margin-top: 20px;}
	#sim .box03 .btn_box a .txt01 {font-size: 4vw; top: 10px; left: 10px;}
	#sim .box03 .btn_box a .under {padding: 10px;}
	#sim .box03 .btn_box a .under .btn {font-size: 3.5vw; padding: 15px 0;}
	#sim .box03 .bnr {margin-top: 30px; padding: 20px; background-size: cover;}
	#sim .box03 .bnr .txt p:nth-of-type(1) {margin: 10px 0;}
	#sim .box03 .bnr .txt p {font-size: 4.5vw;}
	#sim .box03 .bnr .txt {padding: 30px 0;}
	#sim .box03 .bnr .txt img {width: 40%; margin: auto;}
	#sim .scroll_slide_box .swiper-slide {width: 33%!important;}
	#sim .sp_add_box01 {margin-top: 40px;}
	#sim .add_box01 {margin: 40px auto 40px; display: block; padding: 0 16px;}
	#sim .add_box01 .item,#sim .add_box01 .item:nth-child(n + 4) {width: 100%; margin-right: 0; margin-top: 8%;}

	/*edge*/
	#sim .b-kle .box01 .inner02 img {margin: 0 auto 10px;}
	#sim .b-kle .box02 h2::before,#sim .b-kle .box02 h2 .bdr01,#sim .b-kle .box02 h2::after,#sim .b-kle .box02 h2 .bdr02 {display: none;}
	#sim .b-kle .box02 .img_box .box p:nth-of-type(2) {font-size: 3vw; margin-top: 5px;}
	#sim .b-kle .box02 .sp_table tr:nth-of-type(n + 2) td:nth-of-type(1) {padding: 2%; line-height: 1.3; width: 40%; background: #fff;}
	#sim .b-kle .box02 .bnr {padding: 30px; background: url(img/b-kle/box02_bnr_bg.svg)top right -415px no-repeat, url(img/b-kle/box01_bnr_txt_bg.jpg)top left repeat;}
	#sim .b-kle .box01 .inner {font-size: 3.4vw;}
	/*g-all*/
	#sim .g-all .main {background: url(img/g-all/main.jpg)top left no-repeat; background-size: cover;}
	#sim .g-all .box01 .inner02 img {margin: 0 auto 10px;}
	#sim .g-all .box02 .title {background: url(img/g-all/box02_title_bg.jpg)top left no-repeat; background-size: cover;}
	#sim .g-all .box02 h2::before,#sim .g-all .box02 h2 .bdr01,#sim .g-all .box02 h2::after,#sim .g-all .box02 h2 .bdr02 {display: none;}
	#sim .g-all .box02 .bnr {background: url(img/g-all/box02_bnr_bg.svg)top right -400px no-repeat; background-color: #bda366;}
    #sim .box02 .table {border: 1px solid #000;}
    #sim .box02 .table .over {height: auto; font-size: 3.5vw;}
    #sim .box02 .table .title01 {padding: 16px 0; width: 77%; font-size: 3.5vw;}
    #sim .box02 .table .line {border-top: 1px solid #000;}
    #sim .box02 .table .txt01, #sim .box02 .table .txt02, #sim .box02 .table .txt03 {border-left: 1px solid #000; font-size: 2.5vw; padding: 2%;}
    #sim .box02 .table .txt01 {border-left: none; width: 32%;}
    #sim .box02 .table .center_box {display: block; width: 45%;}
    #sim .box02 .table .txt02 {width: 100%;}
    #sim .box02 .table .center_box .txt02:nth-child(2) {border-left: 1px solid #000; border-top: 1px solid #000;}
    #sim .box02 .table .empty {display: none;}
    #sim .box02 .table .center_box .txt02:nth-child(1) {border-right: none;}
    #sim .box02 .table .single_txt02 {height: 100%;}
    #sim .box02 .table .txt03 {width: 23%; word-break: keep-all; padding: 2% 0;}
    #sim .box02 .table .title02 {width: 23%; border-left: 1px solid #000; font-size: 2vw; line-height: 1.3;}
    #sim .box02 .tab-panel {padding: 0;}
    #sim .box02 .tab-group {margin: 30px auto; padding: 0 16px; flex-wrap: wrap;}
    #sim .box02 .tab-group .tab {width: 48%; height: auto; font-size: 3.5vw; padding: 10px 0;}
    #sim .box02 .tab-group .tab:nth-child(n + 3) {margin-top: 4%;}
    #sim .box02 .tab-group .tab::after {display: none;}
    #sim .box02 .tab-group .tab::before {width: 7px; height: 7px;}
		#sim .scroll_slide__item {width: calc(100vw / 3);}
		#sim .add_box03 h2 {font-size: 5vw; text-align: center; margin-bottom: 45px;}
		#sim .add_box03 h2::before {width: 50%; right: 0; height: 1px; margin: auto;}
    #sim .add_box03 h2::after {bottom: -25px; width: 80%; height: 1px; right: 0; margin: auto;}
		#sim .add_box03 .item {display: block; border: 1px solid #efefef; padding: 20px 16px;}
		#sim .add_box03 .item02 {margin-top: 30px;}
		#sim .add_box03 .item .left_box {width: 100%; min-width: inherit; margin: 0 auto 20px;}
		#sim .add_box03 .item .right_box h3 {font-size: 4.5vw; line-height: 1.5;}
		#sim .add_box03 .item .right_box h3 .min {font-size: 3.5vw;}
		#sim .add_box03 .item .right_box .text {font-size: 3.5vw; line-height: 2;}
		#sim .add_box03 .item .left_box .min {font-size: 3.2vw; line-height: 1.8;}
		#sim .add_box03 .s_bdr span {height: 1px;}
#sim .add_box03 .s_bdr span:nth-of-type(2) {margin-top: 3px;}
#sim .add_box03 .s_bdr {margin-top: 30px;}
		#sim .add_box04 {margin-top: 40px;}
		#sim .add_box04 h2 {font-size: 5vw; text-align: center; margin-bottom: 45px;}
		#sim .add_box04 h2::before {width: 50%; right: 0; height: 1px; margin: auto; left: 0;}
    #sim .add_box04 h2::after {bottom: -25px; width: 80%; height: 1px; right: 0; margin: auto; left: 0;}
		#sim .add_box04 .img:nth-of-type(n + 2) {margin-top: 30px;}
		#sim .add_catch {width: 40%; margin: auto;}
		#sim .galdo .add_catch {width: 40%; margin: auto;}
		#sim .edge .add_catch {width: 15%; margin: auto;}
		#sim .right_box .point {position: relative; right: inherit; top: inherit; margin-bottom: 10px; width: 30%;}
		#sim #optionals_menu {margin-top: 60px;}
		#index .box03 li .txt02_02 {top: -50px; left: -5px;}
		#sim .add_box01 a img {width: 100%;}
    
	/*hiraya*/
	#hiraya .main {height: 150px; padding: 25px 0; background-size: cover;}
	#hiraya .main .txt01 {font-size: 4vw; letter-spacing: 3px;}
	#hiraya .main .txt02 {font-size: 3.5vw; padding: 10px; bottom: 20px; padding-left: 16px;}
	#hiraya .box01 {padding-top: 30px;}
	#hiraya .box01 h2 {font-size: 4.5vw;}
	#hiraya .box01 .text01 {margin-top: 15px; font-size: 3.5vw;}
	#hiraya .box01 .text02 {margin-top: 20px; font-size: 3.5vw;}
	#hiraya .box01 .text03 {margin-top: 10px;}
	#hiraya .box01 .charm_box {margin-top: 30px; flex-wrap: wrap; width: 100%; padding: 0 16px; justify-content: start; box-sizing: border-box;}
	#hiraya .box01 .charm_box .bdr {padding: 5px; box-sizing: border-box; margin-right: 4%; width: 48%;}
	#hiraya .box01 .charm_box .box {width: 100%; height: 140px; background-size: 50%;}
	#hiraya .box01 .charm_box .box p {font-size: 4vw; padding-bottom: 5px;}
	#hiraya .box01 .charm_box .bdr:nth-of-type(2) {margin-right: 0;}
	#hiraya .box01 .charm_box .bdr:nth-of-type(3) {margin: auto; margin-top: 0;}
	#hiraya .box01 h3 p {font-size: 4.5vw; padding-left: 0; margin: auto;}
	#hiraya .box01 h3 {width: 100%; padding: 20px 0;}
	#hiraya .box01 h3 p::before {top: -8px; left: -15px; background-size: 60%;}
	#hiraya .box01 .inner {margin-top: 30px; padding: 0 16px; display: block; font-size: 3.5vw;}
	#hiraya .box01 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#hiraya .box01 h3:nth-of-type(1)::after, #hiraya .box01 h3:nth-of-type(3)::after,#hiraya .box01 .h3_02::before {display: none;}
	#hiraya .box01 .h3_02 {margin-left: 0;}
	#hiraya .box01 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#hiraya .box01 h3 .icon01 {width: 30%; right: -5px;}
	#hiraya .box01 h3 .icon02 {width: 30%; right: -25px;}
	#hiraya .box01 h3 .icon03 {width: 30%; right: -45px;}
	#hiraya .box01 .bnr .txt01 p {font-size: 3.5vw; padding: 5px 10px;}
	#hiraya .box01 .bnr .txt02 {font-size: 5vw; padding: 5px 10px;}
	#hiraya .box01 .bnr .txt01 p:nth-of-type(2) {margin-top: 5px;}
	#hiraya .box01 .bnr {height: 150px; background-size: cover; margin-top: 24px;}
	#hiraya .box01 .bnr .icon01 {left: -100px; height: 100%; width: 100px;}
	#hiraya .box01 .bnr .icon02 {left: -85px; height: 100%; width: 100px;}
	#hiraya .box01 .bnr .icon03 {left: -75px; height: 100%; width: 100px;}
	#hiraya .box01 .bnr .txt01 {top: 65px;}
	#hiraya .box02 .title .txt p:nth-of-type(1) {font-size: 3.5vw;}
	#hiraya .box02 .title .txt p:nth-of-type(2) {font-size: 5vw; margin-top: 10px;}
	#hiraya .box02 .title img {right: 15px; top: 45px; width: 30%;}
	#hiraya .box02 .title {background-size: cover; height: inherit; padding: 20px; outline: none; width: 100%;}
	#hiraya .box02 .title .txt {padding: 15px 0 0;}
	#hiraya .box02 .theme {margin-top: 30px; font-size: 6vw;}
	#hiraya .box02 h2::before {margin-right: 10%;}
	#hiraya .box02 h2::after {margin-left: 5%;}
	#hiraya .box02 h2::before, #hiraya .box02 h2::after {width: 20%; height: 1px;}
	#hiraya .box02 h2 .bdr01 {width: 25%; height: 1px; top: 7px;}
	#hiraya .box02 h2 .bdr02 {width: 20%; top: 7px; height: 1px;}
	#hiraya .box02 h2::after {margin-left: 6%; width: 25%;}
	#hiraya .box02 h2::before {margin-right: 10%;}
	#hiraya .box02 .inner {margin-top: 30px; padding: 0 16px; display: block; font-size: 3.5vw;}
	#hiraya .box02 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#hiraya .box02 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#hiraya .box02 .bnr {padding: 30px 0;}
	#hiraya .box02 .bnr p {font-size: 3.5vw;}
	#hiraya .box02 .bnr p:nth-of-type(1) {margin: 20px 0 10px;}
	#hiraya .box02 .bnr .logo {width: 23%;}
	#hiraya .box02 .bnr .icon {width: 30%; top: 30px; right: 20px;}
	#hiraya .box02 .bnr .square01 {width: 50px; height: 45px; top: 50px; left: 25px;}
	#hiraya .box02 .bnr .square02 {width: 75px; height: 65px; bottom: 0; left: 15px;}
	#hiraya .banner {padding: 20px; background-size: cover;}
	#hiraya .banner p:nth-of-type(2) {margin: 10px 0 15px;}
	#hiraya .banner p:nth-of-type(1), #hiraya .banner p:nth-of-type(2) {font-size: 3.5vw;}
	#hiraya .banner p:nth-of-type(3) {font-size: 4.5vw;}
	#hiraya .banner .txt {padding: 20px;}
	
	/*courtyard*/
	#hiraya .courtyard .box01 .charm_box .box {background-size: 50%;}
	#hiraya .courtyard .box01 .bnr {background-size: cover;}
	#hiraya .courtyard .box02 .title {background-size: cover;}
	#hiraya .courtyard .main {background-size: cover;}
	#hiraya .courtyard .banner {background-size: cover;}
	
	/*security*/
	#security .box01 .main {padding: 30px; box-sizing: border-box; height: auto; background-size: cover;}
	#security .box01 .main .txt h2 {font-size: 5vw; letter-spacing: 5px;}
	#security .box01 .main .txt p {font-size: 4vw;}
	#security .box01 .main .txt p:nth-of-type(1) {margin: 20px 0 10px; font-size: 4vw;}
	#security .box01 .main .txt {padding: 30px 0;}
	#security .box01 .main .txt h2::before {background-size: 50%; top: -10px; left: -11px;}
	#security .box01 .con {margin-top: 0;}
	#security .box01 .con:nth-of-type(1) {margin-top: 30px;}
	#security .box01 .con h3::before,#security .box01 .con h3 span:nth-of-type(3)::after,#security .box01 .con h3::after {display: none;}
	#security .box01 .con .title span:nth-child(1) {font-size: 6vw;}
	#security .box01 .con .title span:nth-child(2) {margin: 0 15px 0; font-size: 5vw;}
	#security .box01 .con .title span:nth-child(3) {font-size: 3.5vw;}
	#security .box01 .con h3 {padding: 20px 0}
	#security .box01 .inner {display: block; padding: 30px 16px 30px;}
	#security .box01 .inner .img01 {margin: 0 auto 20px; width: 25%;}
	#security .box01 .inner .txt01 {font-size: 4vw; text-align: center; line-height: 1.7;}
	#security .box01 .inner .txt02 {font-size: 3.5vw; margin-top: 15px;}
	#security .box01 .inner .btn {width: 100%; font-size: 4vw; margin-top: 25px;}
	#security .box02 .title {padding: 20px 0; outline-offset: -5px; height: auto; background-size: cover;}
	#security .box02 .title h2 {line-height: 1.5; margin: 20px 0 10px; font-size: 5vw;}
	#security .box02 .title .txt01 {font-size: 3.5vw; padding: 5px 10px;}
	#security .box02 .title .txt01::after {bottom: -6px; border-width: 6px 8px 0 8px;}
	#security .box02 .title .txt02 {font-size: 3.5vw;}
	#security .box02 .question {padding: 15px 0 15px 16px;}
	#security .box02 .question .icon {width: 35px; height: 35px; margin-right: 10px; font-size: 5vw; align-items: center;}
	#security .box02 .question .txt {font-size: 4vw; width: 100%;}
	#security .box02 .answer {padding: 15px 16px;}
	#security .box02 .answer .icon {margin-right: 10px; font-size: 5vw; width: 35px; height: 35px;}
	#security .box02 .answer .txt {font-size: 3.5vw; width: 100%;}
	#security .box02 .answer p:nth-of-type(n + 2) {font-size: 3.5vw; margin-top: 10px; line-height: 2;}
	#security .box02 .under {border: 10px solid #1c334f;}
	#security .box02 .under .icon {width: 25%; position: absolute; top: -30px; right: 0; left: 0;}
	#security .box02 .under .theme {font-size: 4vw; position: absolute; top: -7px; left: 0; right: 0; margin: auto;}
	#security .box02 .under {border-top: 45px solid #1c334f;}
	#security .box02 .under::before {border-width: 45px 250px 0 250px; left: -70px;}
	#security .box02 .under .inner {display: block; padding: 50px 16px 30px;}
	#security .box02 .under .inner .img01 {width: 25%; margin: 20px auto 10px;}
	#security .box02 .under .txt {line-height: 2; font-size: 3.5vw;}
	#security .box02 .under .btn {margin-top: 24px; font-size: 3.5vw; line-height: 1.3; padding: 10px 0;}
	#security .box03 .title {background: url(img/security/box03_title_bg01.svg)top left no-repeat, url(img/security/box03_title_bg02.svg)top right no-repeat; background-size: cover; padding: 20px 0;}
	#security .box03 h2 {font-size: 4vw; padding: 5px 10px;}
	#security .box03 .title .txt_icon {margin: -15px auto; width: 60%;}
	#security .box03 .title .txt {font-size: 3.5vw;}
	#security .box03 .inner {display: block; padding: 0px 16px; margin-top: 30px; font-size: 3.5vw;}
	#security .box03 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#security .box03 .btn {margin: 30px auto 0; font-size: 3.5vw; width: calc(100% - 32px); box-sizing: border-box; padding: 20px 0;}
	#security .box03 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#security .box03 {padding-bottom: 30px;;}
	#security .box04 .title {padding: 30px 0; background-size: cover;}
	#security .box04 .title h2 span {font-size: 3vw; padding: 5px 10px; line-height: 2.5;}
	#security .box04 .inner {margin-top: 30px; padding: 0 16px; display: block; font-size: 3.5vw;}
	#security .box04 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#security .box04 .inner .img02 {margin-left: 0; margin-bottom: 10px;}
	#security .box04 .inner .txt h3 {font-size: 5vw; line-height: 1.5; margin-bottom: 10px;}
	#security .box04 .title::before {left: -240px;}
	#security .box04 .title h2::before {left: -255px;}
	#security .box04 .title::after {left: -270px;}
	
	/*company*/
	#company table {border-left: none; border-right: none;}
	#company th, #company td {display: block; font-size: 4vw; text-align: left; padding: 15px 16px;}
	#company th {width: 100%;}
	#company tr:nth-of-type(9) td {line-height: 1.5;}
	#company iframe {border: 2px solid #1c334f; height: 250px; border-right: 0; border-left: 0;}
	#company .inner {display: block; padding: 30px 16px 25px;}
	#company .inner img {margin-right: 0; margin-bottom: 10px;}
	#company .inner .txt p {font-size: 3.5vw; margin-top: 15px;}
	#company .sitemap_box a,#company .sitemap_box a:nth-child(n + 4) {margin-top: 10px; font-size: 4vw; margin-right: 0;}
	#company .sitemap_box a {marrgin-right: 0;}
	#access {margin-top: -60px; padding-top: 60px;}
    #company .privacy_box .title01 {font-size: 4vw; line-height: 1.5;}
    #company .privacy_box .text {font-size: 3.5vw; line-height: 2; padding: 0 16px; margin-top: 30px;}
    #company .privacy_box .title02 {font-size: 4vw; padding: 16px 0; line-height: 1.5; margin-top: 30px;}
    
    
	
	/*contact*/
	#contact .main {width: calc(100% - 32px); margin: auto;}
	#contact .txt01 {margin-top: 30px; font-size: 3.5vw;}
	#contact .tel {font-size: 5vw; margin-top: 10px;}
	#contact .tel span {font-size: 8vw;} 
	#contact_form {margin-top: 30px;}
	#contact_form table td, #contact_form table th {display: block; width: 100%; box-sizing: border-box;}
	#contact_form table th {padding: 20px 16px; font-size: 4vw;}
	#contact_form table .essential {right: 16px; top: 15px; font-size: 4vw; margin-top: 0;}
	#contact_form table td input {font-size: 4vw;}
	#contact form input[type=submit] {-webkit-appearance: none; border-radius: 0;}
    #contact .precautionary,#document .precautionary {font-size: 3.5vw; margin-top: 20px;}
	
	/*document*/
	#document .txt01 {margin-top: 30px; font-size: 3.5vw;}
	#document .tel {font-size: 5vw; margin-top: 10px;}
	#document .tel span {font-size: 8vw;}
	#document form input[type=submit] {-webkit-appearance: none; border-radius: 0;}
	
	/*blog*/
	/*news*/
	#news .blog_list,#blog .blog_list {padding: 0 16px; box-sizing: border-box;}
	#news .time,#news h2,#blog .time,#blog h2 {font-size: 4vw;}
	#news h2,#blog h2 {margin-left: 10px;}
	#news .item .text,#blog .item .text {font-size: 3.5vw;}
	#single_news .box01,#single_blog .box01 {padding: 30px 16px; border-left: none; border-right: none;}
	#single_news .box01 .inner,#single_blog .box01 .inner {margin-bottom: 16px;}
	#single_news .box01 .time,#single_blog .box01 .time {font-size: 4vw; margin-right: 10px;}
	#single_news .box01 .tag,#single_blog .box01 .tag {font-size: 3.5vw; padding: 2px 10px; border-radius: 10px;}
	#single_news .box01 h2 span,#single_blog .box01 h2 span {font-size: 4vw; line-height: 2;}
	#single_news .box01 .text,#single_blog .box01 .text {font-size: 3.5vw; line-height: 2;}
	.navigation .nav_btn {width: 48%; justify-content: space-between;}
	.nav_over {margin: 30px 0;}
	.navigation .next-entries, .navigation .previous-entries {width: 48%; height: auto; font-size: 3.5vw; padding: 10px 0;}
	.nav_archive_btn {width: 48%; height: auto; font-size: 4vw; border-bottom: 2px solid #4e4e4e;}
	.nav_under {margin-top: 30px;}

	/*voice*/
	#voice .voice_list,#works .works_list {padding: 0 16px;}
	#voice .item,#voice .item:nth-child(3n),#works .item,#works .item:nth-child(3n) {width: 48%; margin-right: 4%;}
	#voice .item:nth-child(2n),#works .item:nth-child(2n) {margin-right: 0;}
	#voice .item:nth-child(n + 3),#works .item:nth-child(n + 3) {margin-top: 4%;}
	#voice h3,#works h3 {font-size: 3vw; height: auto; padding: 10px; line-height: 1.5;}
	#voice h3::before,#works h3::before {right: 10px; width: 15%; display: none;}
	#voice h3::after,#works h3::after {height: 6px; top: 10px; right: 13px; display: none;}
	#voice .img img,#works .img img {height: 100px;}
	#single_voice .gallery_box,#single_works .gallery_box {padding: 0 16px;}
	#single_voice .gallery_list a,#single_voice .gallery_list a:nth-child(3n),#single_works .gallery_list a,#single_works .gallery_list a:nth-child(3n) {width: 48%; margin-right: 4%;}
	#single_voice .gallery_list a:nth-child(2n),#single_works .gallery_list a:nth-child(2n) {margin-right: 0;}
	#single_voice .gallery_list a:nth-child(n + 3),#single_works .gallery_list a:nth-child(n + 3) {margin-top: 4%}
	#single_voice .gallery_box .txt, #single_works .gallery_box .txt {font-size: 3.5vw; margin-bottom: 30px;}
	#single_voice .gallery_box .txt span, #single_works .gallery_box .txt span {font-size: 7vw; margin-right: 10px;}
	#single_voice .box01, #single_works .box01 {padding: 30px 16px;}
	#single_voice h1, #single_works h1 {margin-bottom: 24px; font-size: 4vw; line-height: 1;}
	#single_voice .text, #single_works .text {font-size: 3.5vw;}
	#works .link_box {flex-wrap: wrap; padding: 0 16px; box-sizing: border-box; margin-bottom: 30px;}
	#works .link_box .link_item {width: 48%; height: auto; border: 2px solid #1c334f; box-sizing: border-box;}
	#works .link_box .link_item img {width: 25%;}
	#works .link_box .link_item p {font-size: 3.5vw;}
	#works .link_box .link_item:nth-of-type(n + 3) {margin-top: 4%;}
	.page_title_logo {margin: 20px auto 40px;}
	.page_title_logo img {width: 10%;}
	#works .img .cat_icon {width: 20%; right: 5%; top: 5%;}
	#works .img .cat_icon03 {width: 17%;}
	
	/*contact_banner*/
	#contact_banner {height: 110px;}
	#contact_banner .con {width: 100%; background-size: cover; height: auto; padding: 30px 0; opacity: 1; transform: inherit;}
	#contact_banner .txt01 {margin-left: 30px; font-size: 5vw; margin-bottom: 10px;}
	#contact_banner .txt02 {margin-left: 30px; font-size: 5vw;}
	#contact_banner .con::before,#contact_banner .con .txt_box::before,#contact_banner .con::after {display: none;}	
	#contact_form table td {padding: 10px 16px;}
	#contact_form .form_btn {margin-top: 30px; width: calc(100% - 32px); font-size: 4vw; padding: 20px 0;}
	
	/*footer*/
	footer .over {padding: 60px 16px 0;}
	footer .over .txt01 {font-size: 4.5vw; letter-spacing: 2px;}
	footer .over .txt02 {font-size: 3.5vw; line-height: 1.5; margin-top: 20px;}
	footer .over .inner {margin: 60px auto 0; display: block;}
	footer .over .txt03 {font-size: 5vw;}
	footer .over .txt04 {margin-top: -7px; font-size: 6vw; letter-spacing: 3px; font-weight: 700; margin-left: 45px;}
	footer .txt_box {margin-left: 0; padding: 0; margin-top: 10px;}
	footer .co .txt_box:nth-of-type(1) {margin-top: 0;}
	footer .txt_box p {font-size: 4vw;}
	footer .txt_box p:nth-child(2n) {margin-top: 10px;}
	footer .txt_box p:nth-child(3) {margin-top: 10px;}
	footer .txt_box p:nth-child(odd) {margin-top: 20px;}
	footer .txt_box .company_txt p {font-size: 4vw; margin-right: 10px; margin-top: 10px;}
	footer .fax {margin-right: 10px; font-size: 4vw;}
	footer .fax p:nth-of-type(1) {margin-top: 10px;}
	footer .txt_box01 {padding: 0;}
	footer .over .bdr {display: none;}
	footer .over .logo {display: none;}
	footer .inner02 {display: block; padding: 0; margin-top: 20px;}
	footer .over .inner02 p {font-size: 4vw; font-weight: 500;}
	footer .over .inner02 p:nth-child(2) {margin: 8px 0; line-height: 1.5;}
	footer .inner02 .logo img {display: none;}
	footer .under .nav {display: none;}
	footer .under {padding: 50px 0; box-sizing: border-box; margin-top: 50px;}
	footer .under .logo {margin: auto; width: 30%;}
	footer .over .inner02 .p {font-weight: 700;}
	footer .under .logo {margin: auto;}
	footer .copy {font-size: 3vw;}
	.wpcf7 .ajax-loader {display: none;}
	#end .thanks {font-size: 3.5vw; padding: 0 16px; margin-top: 30px;}
	
	/*footer*/
	.sp_pop_inner {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
    .sp_pop_inner .tel {width: 75%;}
    .sp_pop_inner .mail,.sp_pop_inner .insta {width: 12.5%;}
    .sp_pop_inner a img {width: 100%;}
    
/*ecomss*/    
    #ecomss .main {border: 5px solid #1c334f; height: auto; padding: 30px 16px; border-left: none; border-right: none;}
    #ecomss .main .con {padding: 20px;}
    #ecomss .main .con::after {display: none;}
    #ecomss .main .logo {width: 50%;}
    #ecomss .main .txt01 {font-size: 5vw; margin: 16px auto;}
    #ecomss .main .txt02 {font-size: 3.5vw;}
    #ecomss .link_box {padding: 0 16px; box-sizing: border-box;}
    #ecomss .link_box a {width: 100%; border-left: 2px solid #24b7b3; padding-left: 16px;}
    #ecomss .link_box a:nth-child(n + 2) {margin-top: 30px;}
    #ecomss .link_box a:nth-child(1) .title {width: 65%;}
    #ecomss .link_box a:nth-child(2) .title {width: 45%;}
    #ecomss .link_box a:nth-child(3) .title {width: 18%;}
    #ecomss .link_box a:nth-child(4) .title {width: 19%;}
    #ecomss .link_box a:nth-child(5) .title {width: 60%;}
    #ecomss .link_box .title::after {display: none;}
    #ecomss .link_box .txt {font-size: 3.5vw; line-height: 2;}
    #ecomss .box01 .title {background: #1c334f; padding: 20px 16px;}
    #ecomss .box01 h2 {padding: 5px 10px; font-size: 5vw; height: auto; border-left: 3px solid #24b7b3;}
    #ecomss .box01 h2 p span:nth-child(2) {margin-top: 10px;}
    #ecomss .box01 .icon_text {display: none;}
    #ecomss .h3_01 {font-size: 4.2vw; line-height: 1.5;}
    #ecomss .box01 .con {padding-top: 30px;}
    #ecomss .box01 .inner {display: block; font-size: 3.5vw; line-height: 2; margin-top: 30px;}
    #ecomss .box01 .inner .img01,#ecomss .box01 .inner .img02 {margin: 0 auto 20px; box-sizing: border-box; padding: 0 16px;}
    #ecomss .box01 .inner .text {padding: 0 16px;}
    #ecomss .box01 .tag_box {display: block; padding: 0 16px; margin-top: 30px; box-sizing: border-box;}
    #ecomss .box01 .tag_box ul {display: block;}
    #ecomss .box01 .tag_box ul:nth-child(2) {margin-top: 16px;}
    #ecomss .box01 .tag_box li {font-size: 4vw;}
    #ecomss .box01 .tag_box ul li:nth-child(2) {margin: 10px 0 0;}
    #ecomss .box01 .tag_box .tag {font-size: 4vw; padding: 5px 10px; width: auto; height: auto;}
    #ecomss .box01 .con02 {margin-top: 30px;}
    #ecomss .box01 .con_title {display: block;}
    #ecomss .box01 .con_title p {display: none;}
    #ecomss .box01 .con_title .h3_02 {font-size: 4.5vw; text-align: center;}
    #ecomss .bnr {border: 5px solid #1c334f; height: auto; padding: 30px 16px; border-left: none; border-right: none;}
    #ecomss .bnr .con {padding: 20px;}
    #ecomss .bnr .con::after {display: none;}
    #ecomss .bnr .txt01 {font-size: 3.5vw; margin: 0 auto;}
    #ecomss .bnr .txt02 {font-size: 5vw; font-weight: bold; margin-top: 10px;}
    #ecomss .img_box {padding: 0 16px;}
    #ecomss .img_box img {width: 32%;}
    #ecomss #system01, #ecomss #system02, #ecomss #system03, #ecomss #system04 {margin-top: -50px; padding-top: 80px;}
    #ecomss .icon_text02 {top: inherit; width: 100%; height: auto; border-radius: inherit; font-size: 5vw; line-height: 1.3; margin: 30px auto 0; padding: 10px 0; position: relative;}
    #ecomss .ecomssplus_ul {padding: 0 16px;}
    #ecomss .ecomssplus_ul li {display: block;}
    #ecomss .ecomssplus_ul .icon {display: none;}
    #ecomss .ecomssplus_ul .li_txt01 {font-size: 5vw; line-height: 1.5; padding-bottom: 15px; margin-bottom: 15px;}
    #ecomss .ecomssplus_ul .li_txt02 {font-size: 4vw; line-height: 1.5;}
    #ecomss .ecomssplus_ul .li_txt03 .no {display: none;}
    #ecomss .ecomssplus_ul .li_txt03 p {font-size: 3.5vw; line-height: 2;}
    #ecomss .ecomssplus_ul li:nth-child(2) {margin-top: 30px;}
    #ecomss .box01 .img03 {margin: 30px auto; padding: 0 16px; box-sizing: border-box;}
    #ecomss .box01 .min_txt  {font-size: 3.5vw; margin: 16px 0 0;}
    #ecomss .box01 .as {display: none;}
    #ecomss .movie_box {display: block; margin: 30px auto 0; padding: 0 16px;}
    #ecomss .movie_box .item {width: 100%; margin-top: 16px;}
    #ecomss .movie_box .item .text01 {font-size: 3.5vw;}
    #ecomss .movie_box .item a {font-size: 3.5vw; height: auto; padding: 16px 0;}
    #ecomss .precautionary_text {font-size: 3.5vw; margin: 16px 0 0 16px;}
    #ecomss .box01 .inner .min_text {font-size: 3vw; display: block; margin-top: 16px;}
		#ecomss .ecomssplus_box {padding: 30px 0 0;}
    #ecomss .ecomssplus_box .txt01 {font-size: 5vw;}
    #ecomss .ecomssplus_box .ecomssplus_title {width: 80%; margin: 30px auto 20px;}
    #ecomss .ecomssplus_box .txt02 {font-size: 4.5vw; margin-bottom: 20px;}
    #ecomss .ecomssplus_box .txt03 {font-size: 3.5vw; padding: 0 16px;}

	.zeh {border: solid 3px #1c334f; margin-top: 30px; padding: 16px; margin-bottom: 30px;}
	.zeh .zeh_title {font-size: 5vw; margin-bottom: 16px;}
	.zeh table th {font-size: 3.5vw; padding: 10px;}
	.zeh_box {margin-bottom: 50px;}
	.zeh_box .zeh {margin: 30px auto;}
	.zeh_box .zeh_logo {display: block; margin-top: 30px;}
	.zeh_box img {width: 80%; margin: auto;}
	.diagnose_page {margin-top: 48%; padding-bottom: 48%;}
	#single_diagnose {padding-bottom: 75px;}
	.diagnose_category_list {margin: 40px 0; box-sizing: border-box; padding: 0 16px;}
	.diagnose_category_list li {width: 48%; height: auto; font-size: 3.5vw; margin-right: 4%; padding: 4% 0; border: 1px solid #1c334f;}
	.diagnose_category_list li:nth-of-type(2n) {margin-right: 0;}
	.diagnose_category_list li:nth-of-type(n + 3) {margin-top: 4%;}
	.diagnose_category_list li::before {width: 10%; height: 50%;}
	.diagnose_query_txt {font-size: 4.5vw; margin-bottom: 30px;}
	.diagnose_query_box {display: block; padding: 0 16px; box-sizing: border-box;}
	.diagnose_query_box .btn {font-size: 4.5vw; padding: 5% 0; width: 100%; height: auto; background: #1c334f; color: #fff;}
	.diagnose_query_box .btn:nth-of-type(n + 2) {margin: 20px 0;}
	.diagnose_query_box .btn::after {width: 4%; height: 30%; right: 0; bottom: 0; clip-path: polygon(100% 0,100% 100%,0 100%); transform: inherit; background: #fff;}
	.diagnose_query_box .btn:hover::after {width: 5%; height: 40%; bottom: 0;}
	#single_diagnose .fade_slide_box {margin-bottom: 40px;}
	#single_diagnose .swiper-pagination {display: none;}
	#single_diagnose .box01 h2 {font-size: 7vw; letter-spacing: 1vw; text-align: center;}
	#single_diagnose .explanation_text {font-size: 3.5vw; margin-top: 20px; padding: 0 16px; box-sizing: border-box; text-align: justify; line-height: 1.8;}
	#single_diagnose .img_inner {margin-top: 0; margin-bottom: 35px; display: block;}
	#single_diagnose .img_inner .img01 {width: 100%; margin: 0 auto 20px;}
	#single_diagnose .img_inner .right_box .img {width: 100%;}
	#single_diagnose .img_inner .right_box .img:nth-of-type(n + 2) {margin-top: 16px;}
	#single_diagnose .img_inner .right_box .img img {width: 100%;}
	#single_diagnose .box02 {margin-top: 30px;}
	#single_diagnose .box02 h3 {font-size: 4.5vw;}
	#single_diagnose .box02 h3 span {border-left: 3px solid #fff; padding: 3px 0 3px 10px;}
	#single_diagnose .box02 table {margin: 30px 0 0 16px;}
	#single_diagnose .box02 table tr th, #single_diagnose .box02 table tr td {font-size: 3.8vw;}
	#single_diagnose .box02 table tr th {padding-right: 10px;}
	#single_diagnose .box02 table tr:nth-of-type(n + 2) th, #single_diagnose .box02 table tr:nth-of-type(n + 2) td {padding-top: 16px;}
	#single_diagnose .box02 table tr.info_txt04 th, #single_diagnose .box02 table tr.info_txt04 td {padding-top: 20px;}
	#single_diagnose .form_box {margin-top: 60px;}
	#single_diagnose .form_box .form_txt01 {font-size: 8vw; letter-spacing: 1vw;}
	#single_diagnose .form_box .form_txt02 {font-size: 3.5vw; margin-top: 5px; letter-spacing: .5vw;}
	#single_diagnose .form_box .tel_box {padding: 30px 0; margin-top: 30px; background-size: cover;}
	#single_diagnose .form_box .tel_box .tel_txt01 {font-size: 3.5vw; letter-spacing: .2vw;}
	#single_diagnose .form_box .tel_box .tel {font-size: 4vw; letter-spacing: .2vw;}
	#single_diagnose .form_box .tel_box .tel span {font-size: 8vw;}
	#single_diagnose .form_box .tel_box .tel_txt02 {font-size: 3vw; letter-spacing: .1vw;}
	#single_diagnose #contact_form {margin-top: 10px;}
	#single_diagnose .box03 {margin-top: 50px;}
	#single_diagnose .box03 h3 {font-size: 5vw; margin-bottom: 40px;}
	#single_diagnose .box03 h3::before, #single_diagnose .box03 h3::after {height: 2px;}
	#single_diagnose .box03 h3::before {margin-right: 5%;}
	#single_diagnose .box03 h3::after {margin-left: 5%;}
	#single_diagnose .list,#single_diagnose .price_list {padding: 0 16px; box-sizing: border-box;}
	#single_diagnose .box03 .list .item {width: 48%; margin-right: 4%; padding-bottom: 16px;}
	#single_diagnose .box03 .list .item .item_txt01 {font-size: 3.5vw; letter-spacing: .1vw; margin-top: 16px;}
	#single_diagnose .box03 .list .item .item_txt02 {font-size: 3.5vw; margin-top: 10px; letter-spacing: .1vw;}
	#diagnose01 .price_list .item, #single_diagnose .price_list .item {margin-right: 0; width: 100%;}
	#diagnose01 .price_list .item .text01:nth-of-type(n + 2), #single_diagnose .price_list .item .text01:nth-of-type(n + 2) {padding: 0 16px; margin-top: 16px;}
	#diagnose01 .price_list .item .text01 p, #single_diagnose .price_list .item .text01 p {font-size: 3.8vw;}
	#diagnose01 .price_list .item .text02, #single_diagnose .price_list .item .text02 {padding: 0 16px; font-size: 4vw; margin-top: 16px;}
	#diagnose01 .price_list .item:nth-of-type(n + 2), #single_diagnose .price_list .item:nth-of-type(n + 2) {margin-top: 30px;}
	#optionals_menu .main_image {width: calc(100% - 64px); margin-top: 40px;}
	#optionals_menu .txt01 {font-size: 4vw; margin-top: 40px;}
	#optionals_menu .link_box {margin: 70px auto 30px; padding: 0 16px; box-sizing: border-box;}
	#optionals_menu .link_box a {width: 32%; font-size: 3.5vw; padding: 16px 0; height: auto;}
	#optionals_menu .link_box a:nth-of-type(n + 2) {margin-left: 2%;}
	#optionals_menu .con {margin-top: 30px;}
	#optionals_menu #Optionals01, #optionals_menu #Optionals02, #optionals_menu #Optionals03 {margin-top: -80px; padding-top: 80px;}

	#type-r .link_box {margin-top: 40px; max-width: 100%;}
	#type-r .link_box a {width: 48%; margin: 0;}
	#type-r .link_box a:nth-of-type(n + 3) {margin-top: 4%;}
	#type-r .sec01 {max-width: 100%; margin: 50px auto 0; padding-bottom: 50px;}
	#type-r .sec02 {width: calc(100% - 32px); max-width: 100%; margin: 50px auto 0;}

	#index .ecomss_box .title_inner {display: block; margin-bottom: 30px;}
	#index .ecomss_box .add_txt02 {margin: 0 auto; width: 57%;}

}