@charset "utf-8";


/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */


/* 基本フォント ------------------------------ */

body {
	color: #000;
	line-height: 1.5;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-style: normal;
	font-weight: 500;
	margin: 0px;
	overflow-x: hidden;
}
table { border-collapse: collapse; }
a {
    color: #333;
    text-decoration: none;
    transition-property: all;
  transition: 0.3s linear;
}
a:hover {color: #777;}
a:active {}
a:visit {}

@font-face {
    font-family: 'HypatiaSansPro-Semibold';
    src: url('../font/HypatiaSansPro-Semibold.otf');
    src: url('../font/HypatiaSansPro-Semibold.woff') format('woff'),;

}

@font-face {
 font-family: 'HypatiaSansPro-Bold';
    src: url('../font/HypatiaSansPro-Bold.otf');
    src: url('../font/HypatiaSansPro-Bold.woff') format('woff'),;
}

@font-face {
 font-family: 'HypatiaSansPro-Regular';
    src: url('../font/HypatiaSansPro-Regular.otf');
    src: url('../font/HypatiaSansPro-Regular.woff') format('woff'),;
}

.en-font,
div#MV .mv .mv-contact p span {font-family: HypatiaSansPro-Semibold, sans-serif;}
.title-color {
    color: #8021DD;
    background: -webkit-linear-gradient(0deg, #0161c5 , #1c8fe2 , #a3efe2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: progid:DXImageTransform.Microsoft  .gradient(GradientType=0,startColorstr='#8021DD', endColorstr='#DC3DBB');
}

.jp-font { font-family: heisei-kaku-gothic-std, sans-serif; }

.pc {display:block !important;}
.sp { display:none !important; }

.inner {
    width: 1080px;
    margin: 0 auto;
    padding: 0 10px;
}

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

.pc {display: none !important; min-width: initial !important;}
.sp {display:block !important;}
.inner {
    width: 94%;
    padding: 0px;
}


}

/* ヘッダー ------------------------------ */

header {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
}
header.header-nav {height: 100px;position: fixed;background: #ffffffe8;z-index: 999;box-shadow: 0 3px 6px rgb(0 0 0 / 5%);}

header.header-nav .header-inner {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
header.header-nav .header-inner h1.head-logo {
    margin: 0;
}
header.header-nav .header-inner a {}
header.header-nav .header-inner a img {
    width: 220px;
    position: absolute;
    left: 0px;
    top: 30px;
}

header.header-nav:after,
header.header-nav .header-inner:after { content:""; display:block; clear:both; }

header.header-nav a {
    font-size: 12px;
    display: block;
    padding-left: 0px;
}
header.header-nav a img {
    width: 480px;
}
header.header-nav nav {width: 80%;}
header.header-nav nav:after { content:""; display:block; clear:both; }
header.header-nav nav ul.pc-menu {
    position: relative;
    list-style: none;
    margin: 0px;
}
header.header-nav nav ul.pc-menu:after { content:""; display:block; clear:both; }
header.header-nav nav ul.pc-menu li {}
header.header-nav nav ul.pc-menu li:nth-last-of-type(1) {
    margin-right: 0px;
}
header.header-nav nav ul.pc-menu li a {
    padding: 0px;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #FFF;
}

header.header-nav nav ul.pc-menu li a:hover { opacity:0.8; }

header.header-nav nav ul.pc-menu li.contact {
    margin-right: 0px;
}
header.header-nav nav ul.pc-menu li.contact a {
    color: #FFF;
    background: #282828;
    width: 250px;
    padding: 17px 0px;
    border-radius: 10px;
    text-align: center;
    display: block;
    position: absolute;
    right: 350px;
    top: 20px;
}
header.header-nav nav ul.pc-menu li .head-tel {
    background: url(../img/tissue_img01.webp) no-repeat;
    background-size: 31px;
    padding-left: 35px;
    position: absolute;
    right: 0px;
    top: 25px;
    height: 50px;
}
header.header-nav nav ul.pc-menu li .head-tel:before { content:""; display:block; }
header.header-nav nav ul.pc-menu li .head-tel a {display: block;}
header.header-nav nav ul.pc-menu li .head-tel a img {
    position: static;
    width: 260px;
}
header.header-nav nav ul.pc-menu li .head-tel span.tel-time {
    font-size: 15px;
    display: block;
    margin-top: 3px;
    letter-spacing: 0.05em;
    margin-left: 3px;
}
header.header-nav nav ul.pc-menu li.contact a:hover { background: #333; } 

#nav-toggle {
    position: fixed;
    top: 25px;
    right: 25px;
    height: 32px;
    cursor: pointer; }
    
#nav-toggle div {
    position: relative;
    width: 60px;
  }
  
#nav-toggle div span {
    width: 100%;
    height: 5px;
    left: 0;
    display: block;
    background: #333;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
    }
    
#nav-toggle div span:nth-of-type(1) {top: 0;}
#nav-toggle div span:nth-of-type(2) {top: 20px;}
#nav-toggle div span:nth-of-type(3) {top: 40px;}

#nav-toggle div span:nth-of-type(1):hover {/* top: 4px; */}
#nav-toggle div span:nth-of-type(3):hover {/* top: 23px; */}

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

/* z-index */
#nav-toggle {z-index: 1000;top: 27.5px;right: 50px;height: 45px;}
#container { z-index: 900; }

#gloval-nav {
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    font-size: 29px;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
#gloval-nav a {
    display: block;
    color: #fff;
    /* text-decoration: none; */
    padding: 30px 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 30px;
    }
#gloval-nav a:hover { color: #face00; }
  
#gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding: 40px 0;display: flex;flex-wrap: wrap;}
/*
#gloval-nav ul li {opacity: 0;  transform: translateX(200px);  transition:  transform .6s ease, opacity .2s ease;}
#gloval-nav ul li:nth-of-type(2) { transition-delay: .15s; }
#gloval-nav ul li:nth-of-type(3) {transition-delay: .3s;}
#gloval-nav ul li:nth-of-type(4) { transition-delay: .45s; }
#gloval-nav ul li:nth-of-type(5) { transition-delay: .6s; }
#gloval-nav ul li:nth-of-type(6) { transition-delay: .75s; }
#gloval-nav ul li:nth-of-type(7) { transition-delay: .9s; } */

#gloval-nav ul li {
    width: 32%;
    margin-right: 2%;
}

#gloval-nav ul li:nth-of-type(3n) {
    margin-right: 0;
}

#gloval-nav ul li.contact {
    margin-top: 20px;
}
#gloval-nav ul li.contact a {
    color: #3eb135;
    width: 90%;
    background: #FFF;
    margin: 0 auto;
    border-radius: 100px;
    border-bottom: solid 8px #DDD;
    border-radius: 12px;
}
#gloval-nav ul li.contact a:active {}
#gloval-nav ul li.contact a:hover { opacity:0.8; border-bottom: solid 4px #DDD; }

/* open */

.open {overflow-y: scroll;}
  
  #gloval-nav {
    visibility: visible;
    opacity: 1;
  }

  #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
  }

#gloval-nav {
    background: #3eb135;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}


@media only screen and (max-width: 768px){
header.header-nav .header-inner {
    width: 100%;
    height: 15vw;
}
header.header-nav .header-inner h1.head-logo {
    margin: 0;
    padding: 0;
}
    
header {}
header.header-nav {
    /* background: #FFF; */
    height: 15vw;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
header.header-nav a {
    float: none;
    display: initial;
}
header.header-nav .header-inner a img {
    width: 50vw;
    left: 5vw;
    top: 6vw;
}

header.header-nav a.logo {
    position: absolute;
    top: 0;
    left: 4vw;
    width: 45vw;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    height: 7vw;
}
header.header-nav a.logo img {
    width: 100%;
    left: initial;
    top: initial;
    position: initial;
}
header.header-nav a.head-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 10vw;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    height: 10vw;
}
header.header-nav a.head-icon img {
    width: 100%;
    left: initial;
    top: initial;
}
header.header-nav a.head-icon.tel {
    right: 30vw;
    left: initial;
}
header.header-nav a.head-icon.mail {
    right: 18vw;
    left: initial;
}    
    
header.header-nav nav {
    float: none;
    width: 100%;
}
header.header-nav nav ul.pc-menu {}
header.header-nav nav ul.pc-menu li {}
header.header-nav nav ul.pc-menu li a {}
header.header-nav nav ul.pc-menu li.contact {}
header.header-nav nav ul.pc-menu li.contact a {}

#nav-toggle {
    position: fixed;
    top: 25px;
    right: 25px;
    height: 32px;
    cursor: pointer; }
    
#nav-toggle div {
    position: relative;
    width: 9vw;
  }
  
#nav-toggle div span {
    width: 100%;
    height: 1vw;
    left: 0;
    display: block;
    background: #333;
    position: absolute;
    transition: transform .6s ease-in-out, top .5s ease;
    }
    
#nav-toggle div span:nth-of-type(1) {top: 0;}
#nav-toggle div span:nth-of-type(2) {top: 3vw;}
#nav-toggle div span:nth-of-type(3) {top: 6vw;}

#nav-toggle div span:nth-of-type(1):hover {/* top: 4px; */}
#nav-toggle div span:nth-of-type(3):hover {/* top: 23px; */}

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

/* z-index */
#nav-toggle {z-index: 1000;top: 4vw;right: 4vw;height: 7vw;}
#container { z-index: 900; }

#gloval-nav {
    background: #000;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    font-size: 29px;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
#gloval-nav a {
    display: block;
    color: #fff;
    /* text-decoration: none; */
    padding: 2.4vw 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 4vw;
    }
#gloval-nav a:hover { color: #666; }
  
#gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding: 0;}
/*
#gloval-nav ul li {opacity: 0;  transform: translateX(200px);  transition:  transform .6s ease, opacity .2s ease;}
#gloval-nav ul li:nth-of-type(2) { transition-delay: .15s; }
#gloval-nav ul li:nth-of-type(3) {transition-delay: .3s;}
#gloval-nav ul li:nth-of-type(4) { transition-delay: .45s; }
#gloval-nav ul li:nth-of-type(5) { transition-delay: .6s; }
#gloval-nav ul li:nth-of-type(6) { transition-delay: .75s; }
#gloval-nav ul li:nth-of-type(7) { transition-delay: .9s; } */

#gloval-nav ul li {
    margin-right: 0;
    width: 100%;
}
#gloval-nav ul li.contact {
    margin-top: 20px;
}
#gloval-nav ul li.contact a {
    color: #3eb135;
    width: 90%;
    background: #FFF;
    margin: 0 auto;
    border-radius: 100px;
    border-bottom: solid 8px #DDD;
    border-radius: 12px;
}
#gloval-nav ul li.contact a:active {}
#gloval-nav ul li.contact a:hover { opacity:0.8; }

/* open */
.open {
    overflow: hidden;}
  
  #gloval-nav {
    visibility: visible;
    opacity: 1;
  }

  #gloval-nav li {
    opacity: 1;
    transform: translateX(0);
    transition:  transform 1s ease, opacity .9s ease;
  }


#gloval-nav {
    background: #3eb135;
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}


}

/* メインビジュアル ------------------------------ */

.fitImg{
	position: absolute;
}

.box {background:#FACE00; background-size: cover;}

section#MV .box .catch-copy {width: 1100px;margin: 0 auto;padding-top: 32px;}
section#MV .box__contents {
    background: url(../img/tissue_img03.webp) no-repeat;
    background-size: 590px;
    background-position-y: bottom;
    background-position-x: right;
    width: 1300px;
    margin: 0 auto;
    padding-bottom: 40px;
}
section#MV .box .catch-copy h1 {/* position: absolute; */margin: 0px;}
section#MV .box .catch-copy h1 img {
    width: 90%;
    display: block;
    margin: 0 auto;
}
.note {
    font-size: 90%;
    margin-left: 75px;
    margin-top: 10px;
    margin-bottom: 0px;
    clear: both;
    position: relative;
}
.note:before {content:"※";position: absolute;left: -15px;}

.cv-zone .note {
    color: #FFF;
    margin-left: 15px;
    padding-top: 20px;
}

/*
@media only screen and (max-width: 1800px){

.box {background:#FACE00; background-size: cover;}

section#MV .box .catch-copy {background: url(../img/tissue_img03.webp) no-repeat;}
section#MV .box .catch-copy h1 { }
section#MV .box .catch-copy h1 img {}
}

@media only screen and (max-width: 1500px){
.box {background:#FACE00; background-size: cover;}

section#MV .box .catch-copy {background: url(../img/tissue_img03.webp) no-repeat;}
section#MV .box .catch-copy h1 { }
section#MV .box .catch-copy h1 img {}
}
*/
section .inner h2.title,
section .inner h2.plan-title {
    margin-top: -120px !important;
    padding-top: 120px !important;
}
@media only screen and (max-width: 768px){

.box {background:#FACE00; background-size: cover;}
section#MV .box__contents {
    width: 100%;
    background: none;
    padding: 0px;
}
section#MV .box .catch-copy {background: none;width: 100%;}
section#MV .box .catch-copy h1 { }
section#MV .box .catch-copy h1 img {}

}

section, header {/* overflow: hidden; */}

section {/* padding-top: 100px; */padding-bottom: 120px;}

section#MV {
    padding-top: 100px;
}
section .inner { width:1080px; padding:0 20px;  }

section .inner h2.title {
    margin-top: 0px;
    text-align: right;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #FFF;
    letter-spacing: 0.02em;
    position: relative;
}

@media only screen and (max-width: 768px){
section#MV {
    padding-top: 15vw;
}
    section {padding-bottom: 12vw;padding-top: 15vw;}
section .inner {width: 92%;padding: 0 4%;}
section .inner h2.title,
section .inner h2.plan-title{
    font-size: 8vw;
    text-align: center;
    line-height: 140%;
    margin-top: -18vw !important;
    padding-top: 18vw !important;
}
.note { display:none; }
.cv-zone .note {display:block;font-size: 3vw;margin-left: 4vw;}
.note:before {
    left: -4vw;
}
}

/* アバウト ------------------------------ */

section#about {
    padding-top: 0px;
    margin-top: -120px;
    padding-bottom: 60px;
    background: url(../img/bg_scene.webp) no-repeat;
    background-size: cover;
    background-position: 50%;
}

section#about .inner.about {}
section#about .inner.about h2.title {}
section#about .inner.about h2.title img {
    width: 98%;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -40px;
}

section#about .inner.about .about-content {position: relative;top: -40px;}
section#about .inner.about .about-content:after { display:block; content:""; clear:both; }
section#about .inner.about .about-content .about-content-in:nth-of-type(1) {
    position: relative;
}
section#about .inner.about .about-content .about-content-in:nth-of-type(2) {
    width: 1060px;
    /* float: left; */
    height: 280px;
    background: -moz-linear-gradient(top, #f24f00, #feb100);
    background: -webkit-linear-gradient(top, #f24f00, #feb100);
    background: linear-gradient(to bottom, #f24f00, #feb100);
    /* position: relative; */
    border-radius: 15px;
    margin-top: 75px;
    padding-top: 20px;
    padding-left: 20px;
}
section#about .inner.about .about-content .about-content-in ul {
    padding-left: 0px;
    margin-top: 80px;
}
section#about .inner.about .about-content .about-content-in ul:after { content:""; display:block; clear:both; }
section#about .inner.about .about-content .about-content-in ul li {
    border: #3eb135 10px solid;
    border-radius: 15px;
    list-style-type: none;
    font-size: 21px;
    text-align: center;
    padding: 40px 0;
    margin-bottom: 80px;
    position: relative;
    letter-spacing: -0.05em;
    float: left;
    width: 330px;
    margin-right: 15px;
    background: #FFF;
}
section#about .inner.about .about-content .about-content-in ul li span {
    font-size: 12px;
    position: relative;
    top: -7px;
    left: -4px;
}
section#about .inner.about .about-content .about-content-in ul li:before {content:"1";display:block;background: #3eb135;width: 75px;height: 67px;border-radius: 100%;color: #FFF;position: absolute;top: -58px;left: 50%;transform: translateX(-50%);-webkit- transform: translateX(-50%);font-size: 40px;padding-top: 8px;text-align: center;}
section#about .inner.about .about-content .about-content-in ul li:nth-of-type(2):before { content:"2"; display:block; }
section#about .inner.about .about-content .about-content-in ul li:nth-of-type(3):before { content:"3"; display:block; }
section#about .inner.about .about-content .about-content-in ul li:nth-of-type(3) {margin-bottom:0px;margin-right: 0px;}
section#about .inner.about .about-content .about-content-in:nth-of-type(1):after {display:block;content:"";background: url(../img/tissue_img06.webp) no-repeat;width: 100px;height: 81px;background-size: contain;position: absolute;left: 50%;transform: translateX(-50%) rotateZ(90deg);-webkit- transform: translateX(-50%) rotateZ(90deg);bottom: -40px;}
section#about .inner.about .about-content .about-content-in:nth-of-type(2) div {
    background: #FFF;
    width: 1040px;
    height: 260px;
    position: relative;
    border-radius: 15px;
}
section#about .inner.about .about-content .about-content-in div p {
    /* text-orientation: mixed; */
    position: relative;
    color: #fc1f1f;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    font-size: 58px;
    font-weight: bold;
    text-align: center;
    left: 50%;
    width: 100%;
    margin: 0px;
}
section#about .inner.about p.about-note {
    position: relative;
    font-size: 14px;
    margin-left: 20px;
    top: -40px;
}
section#about .inner.about p.about-note:before {content:"※";display:block;position: absolute;left: -18px;}
section#about-2 {
    background: -moz-linear-gradient(top, #d4d4d4, #3c3c3c);
    background: -webkit-linear-gradient(top, #d4d4d4, #3c3c3c);
    background: linear-gradient(to bottom, #d4d4d4, #3c3c3c);
    padding-top: 0px;
    padding-bottom: 0px;
}
section#about-2 .inner {
    background: url(../img/tissue_img07.webp) no-repeat;
    background-size: contain;
}
section#about-2 .inner h2.title {
    padding-top: 30px;
    margin-bottom: 0px;
}
section#about-2 .inner h2.title img {
    width: 90%;
    display: block;
    margin: 0 auto;
}
section#about-2 .inner img.sub-mv {
    width: 90%;
    display: block;
    margin: 0 auto;
}

section#about-3 {
    background: url(../img/tissue_img10.webp) no-repeat;
    background-size: cover;
    background-position-y: -160px;
    background-position-x: center;
    padding-bottom: 60px;
    padding-top: 60px;
}
section#about-3 .inner {}
section#about-3 .inner h2.title {}
section#about-3 .inner h2.title img {
    width: 90%;
    margin: 0 auto;
}
section#about-3 .inner p.about-3-text {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
}

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

section#about {
    margin-top: 6vw;
    padding-bottom: 25vw;
    background: url(../img/bg_scene.webp) repeat-y;
    background-size: 100%;
}

section#about .inner.about {}
section#about .inner.about h2.title {
    margin-bottom: 2vw;
}
section#about .inner.about h2.title img {
    width: 100%;
    top: -4vw;
}

section#about .inner.about .about-content {
    top: -4vw;
}
section#about .inner.about .about-content:after { display:block; content:""; clear:both; }
section#about .inner.about .about-content .about-content-in {}
section#about .inner.about .about-content .about-content-in:nth-of-type(1) {
    width: 100%;
}
section#about .inner.about .about-content .about-content-in:nth-of-type(2) {
    width: 100%;
    margin-top: 5vw;
    height: 34vw;
    padding: initial;
    position: relative;
}
section#about .inner.about .about-content .about-content-in:nth-of-type(2) div {
    width: 96%;
    writing-mode: initial;
    height: auto;
    height: 30vw;
    border-radius: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
section#about .inner.about .about-content .about-content-in ul {
    margin-top: 9vw;
}
section#about .inner.about .about-content .about-content-in ul li {
    font-size: 3.5vw;
    width: 26.5%;
    float: left;
    border: #3eb135 2px solid;
    margin-right: 2%;
    padding: 4vw 2%;
    height: 19vw;
    margin-bottom: 11vw;
}
section#about .inner.about .about-content .about-content-in ul li span {
    font-size: 2.5vw;
    top: -1vw;
    left: -0.5vw;
}
section#about .inner.about .about-content .about-content-in ul li:nth-of-type(3) {
    margin-right: 0px;
}
section#about .inner.about .about-content .about-content-in ul li:before {
    font-size: 5vw;
    width: 11vw;
    height: 9vw;
    padding-top: 2vw;
    top: -9vw;
}
section#about .inner.about .about-content .about-content-in:after { display:block; content:""; }
section#about .inner.about .about-content .about-content-in:nth-of-type(1):after {
    left: 50%;
    transform: translateX(-50%) rotateZ(90deg);
    -webkit- transform: translateX(-50%) rotateZ(90deg);
    right: initial;
    width: 12vw;
    height: 10vw;
    background-size: contain;
    bottom: -2vw;
    top: initial;
}
section#about .inner.about .about-content .about-content-in div:nth-of-type(2) {}
section#about .inner.about .about-content .about-content-in div p {
    text-orientation: initial;
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    text-align: center;
    font-size: 6vw;
    height: auto;
    margin-top: 6vw;
}
section#about .inner.about p.about-note {
    font-size: 3vw;
    margin-left: 3.5vw;
    top: -4vw;
    margin-bottom: 0px;
}
section#about .inner.about p.about-note:before {
    left: -3.5vw;
}
section#about-2 {}
section#about-2 .inner {}
section#about-2 .inner h2.title {
    padding-top: 5vw;
}
section#about-2 .inner h2.title img {
    width: 100%;
}
section#about-2 .inner img.sub-mv {
    width: 98%;
}

section#about-3 {
    background-size: 250vw;
    padding-bottom: 7vw;
    padding-top: 7vw;
    background-position-y: center;
}
section#about-3 .inner {}
section#about-3 .inner h2.title {}
section#about-3 .inner p.about-3-text {
    font-size: 3.5vw;
    margin-bottom: 0px;
}
section#about-3 .inner h2.title img {
    width: 98%;
}
}

/* 仕事 ------------------------------ */

section#work {
    padding-top: 70px;
    padding-bottom: 70px;
}
section#work .inner.work {}
section#work .inner.work h2.title {
    margin-bottom: 40px;
}
section#work .inner.work h2.title img {
    width: 730px;
    display: block;
    margin: 0 auto;
}
section#work .inner.work  {}

section#work .inner.work ul.work-list {
    padding-left: 0px;
    width: 1080px;
    margin: 0 auto;
}
section#work .inner.work ul.work-list:after { display:block; content:""; clear:both; }
section#work .inner.work ul.work-list:nth-last-of-type(1) {}
section#work .inner.work ul.work-list li {
    list-style: none;
    width: 256px;
    height: 210px;
    background: url(../img/tissue_img13.webp) no-repeat;
    background-size: cover;
    float: left;
    margin-right: 18px;
    color: #FFF;
    position: relative;
    filter: drop-shadow(5px 5px 5px #555);
}

section#work .inner.work ul.work-list li:hover { opacity:0.8; text-decoration: none;
    transition-property: all;
  transition: 0.3s linear;}

section#work .inner.work ul.work-list li:nth-last-of-type(1) {
    margin-right: 0px;
}
section#work .inner.work ul.work-list li a {
    color: #FFF;
    display: block;
    height: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
section#work .inner.work ul.work-list li a span {
    display: block;
    font-size: 50px;
    position: relative;
    font-family: HypatiaSansPro-Semibold, sans-serif;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 10px;
}
section#work .inner.work ul.work-list li:nth-of-type(1) a span {
    margin-bottom: 30px;
}
section#work .inner.work ul.work-list li a span:after {display:block;content:"";border-bottom: 6px solid #FFF;width: 30px;position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);-webkit- transform: translateX(-50%);}
section#work-part1,
section#work-part3{
    background: url(../img/tissue_img24.webp) repeat;
    background-size: 50px;
    padding-top: 60px;
    padding-bottom: 80px;
}
section#work-part2,
section#work-part4 {
    background: url(../img/tissue_img25.webp) repeat;
    background-size: 50px;
    padding-top: 60px;
    padding-bottom: 60px;
}
section#work-part1 .inner {}
section .inner.work .part1 {}
section .inner.work .part1 h3 {
    font-size: 40px;
    color: #FFF;
}
section#work-part2 .inner.work .part1 h3,
section#work-part4 .inner.work .part1 h3 { color:#000; }
section .inner.work .part1 h3:after { display:block; content:""; clear:both; }
section .inner.work .part1 h3 span.font-b {
    position: relative;
    color: #FFF;
    font-size: 100px;
    font-family: HypatiaSansPro-Semibold, sans-serif;
    display: block;
    float: left;
    margin-right: 40px;
    margin-top: -56px;
}
section .inner.work .part1 h3 span.font-b:after {display:block;content:"";border-bottom: 10px solid #FFF;width: 40px;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);-webkit- transform: translateX(-50%);}
section .inner.work .part1 h3 span.font-b+span {
    font-size: 60px;
    /* margin-right: -25px; */
}
section#work-part2 .inner.work .part1 h3 span.font-b,
section#work-part4 .inner.work .part1 h3 span.font-b { color:#000; }
section#work-part2 .inner.work .part1 h3 span.font-b:after,
section#work-part4 .inner.work .part1 h3 span.font-b:after { border-color:#000; }
section .inner.work .part1 .part-list {}
section .inner.work .part1 .part-list:after { display:block; content:""; clear:both; }
section .inner.work .part1 .part-list .list-in {
    width: 375px;
    float: left;
    margin-right: 60px;
}
section .inner.work .part1 .part-list .list-in img {
    width: 100%;
    filter: drop-shadow(5px 5px 5px #555);
}
section .inner.work .part1 .part-list .list-in img+p {
    font-size: 14px;
    color: #FFF;
    position: relative;
    margin-left: 20px;
}
section .inner.work .part1 .part-list .list-in img+p:before {content:"※";position: absolute;left: -20px;}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) {
    width: 530px;
    margin-right: 0px;
}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) p.list-title {
    font-size: 30px;
    margin-top: 0px;
}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) p {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 160%;
}
section#work-part2 .inner.work .part1 .part-list .list-in:nth-of-type(2) p,
section#work-part4 .inner.work .part1 .part-list .list-in:nth-of-type(2) p { color:#000; }

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

section#work {
    padding-top: 6vw;
    padding-bottom: 10vw;
}
section#work .inner.work {}
section#work .inner.work h2.title {
    margin-bottom: 5vw;
}
section#work .inner.work h2.title img {
    width: 100%;
}
section#work .inner.work  {}

section#work .inner.work ul.work-list {
    width: 100%;
}
section#work .inner.work ul.work-list:after { display:block; content:""; clear:both; }
section#work .inner.work ul.work-list li:nth-of-type(2n) { margin-right:0px; }
section#work .inner.work ul.work-list li {
    width: 49%;
    float: left;
    height: 30vw;
    margin-right: 2%;
    margin-bottom:1.5vw
}
section#work .inner.work ul.work-list li a {
    font-size: 3vw;
}
section#work .inner.work ul.work-list li a span {
    margin-bottom: 0vw;
    font-size: 7vw;
    margin-top: 1vw;
}
section#work .inner.work ul.work-list li:nth-of-type(1) a span {
    font-size: 7vw;
    margin-bottom: 3vw;
}
section#work .inner.work ul.work-list li a span:after {
    width: 5vw;
    border-bottom: 3px solid #FFF;
    bottom: 1.5vw;
}
section#work-part1,
section#work-part3,
section#work-part2,
section#work-part4 {
    padding-top: 6vw;
    padding-bottom: 8vw;
}
section#work-part1 .inner {}
section .inner.work .part1 {}
section .inner.work .part1 h3 {margin: 0px;font-size: 4vw;text-align: center;margin-bottom: 2vw;}
section .inner.work .part1 h3 span.font-b {
    text-align: center;
    float: none;
    font-size: 9vw;
    margin-top: initial;
    margin-right: initial;
    margin-bottom: 2vw;
}
section .inner.work .part1 h3 span.font-b:after {
    width: 5vw;
    border-bottom: 3px solid #FFF;
    bottom: 1.5vw;
}
section .inner.work .part1 h3 span.font-b+span {
    font-size: 6vw;
}
section .inner.work .part1 .part-list {}
section .inner.work .part1 .part-list:after { display:block; content:""; clear:both; }
section .inner.work .part1 .part-list .list-in {
    width: 100%;
    margin-right: 0px;
}
section .inner.work .part1 .part-list .list-in img {
}
section .inner.work .part1 .part-list .list-in img+p {
    font-size: 3vw;
    margin-left: 4vw;
    margin-bottom: 0px;
}
section .inner.work .part1 .part-list .list-in img+p:before {
    left: -4vw;
}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) {
    width: 100%;
}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) p.list-title {
    font-size: 5vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
}
section .inner.work .part1 .part-list .list-in:nth-of-type(2) p {
    font-size: 3.5vw;
    margin-top: 0px;
    margin-bottom: 0vw;
}

}

/* プラン ------------------------------ */

section#plan {
    padding-top: 100px;
    padding-bottom: 120px;
}
section#plan .inner.plan {}
section#plan .inner.plan h2.plan-title {
    letter-spacing: 0.02em;
    margin-top: 0px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #333;
    line-height: 125%;
}

section#plan .inner.plan p.plan-title-text {
    text-align: center;
    font-size: 20px;
}

section#plan .inner.plan .plan-table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    margin-bottom: 40px;
    width: 100%;
    margin-top: 32px;
}
section#plan .inner.plan .plan-table th,
section#plan .inner.plan .plan-table td {
    text-align: center;
    border: 1px solid #CCC;
    padding: 15px;
}
section#plan .inner.plan .plan-table th {
    background: #3eb135;
    color: #FFF;
}

section#plan .inner.plan .plan-table th p,
section#plan .inner.plan .plan-table td p {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

section#plan .inner.plan .plan-table td {
    background: #FFF;
    color: #333;
    font-size: 15px;
}

section#plan .inner.plan .plan-table td img {
    height: 100px;
}

section#plan .inner.plan .plan-note {
    padding-left: 0px;
}

section#plan .inner.plan .plan-note:after { content:""; display:block; clear:both; }

section#plan .inner.plan .plan-note li {
    list-style: none;
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    float: left;
    width: 38%;
    margin-bottom: 4px;
}

section#plan .inner.plan .plan-note li:nth-of-type(2n) {
    width: 57%;
}

section#plan .inner.plan .plan-note li:before {content:"※";display:block;position: absolute;font-size: 15px;left: 0px;}
a.top-t-link {
    position: relative;
    display: block;
    margin-top: -8px;
    text-align: right;
    color: #3eb135;
    font-weight: bold;
    text-decoration: underline;
    margin-left: auto;
    width: 155px;
}
a.top-t-link:hover {text-decoration:none; opacity:0.8;}
@media only screen and (max-width: 768px){
a.top-t-link {
    margin-top: initial;
    font-size: 4vw;
    width: 40vw;
    padding: 1vw 0;
}
section#plan {
    padding-top: 6vw;
    padding-bottom: 8vw;
}
section#plan .inner.plan {}
section#plan .inner.plan h2.plan-title {
    font-size: 7vw;
    margin-bottom: 3vw;
}
section#plan .inner.plan p.plan-title-text {
    font-size: 4vw;
}
section#plan .inner.plan .scroll-table {
    overflow-x: scroll;
}
section#plan .inner.plan .scroll-table .plan-table {
  display: table;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4vw;
  table-layout: fixed;
  width: 200vw;
  }

section#plan .inner.plan .plan-table {
    margin-top: 6vw;
    margin-bottom: 6vw;
}
section#plan .inner.plan .plan-table th,
section#plan .inner.plan .plan-table td {
    padding: 2% 2%;
    font-size: 3.5vw;
    white-space: nowrap;
}

section#plan .inner.plan .plan-table td img {
    height: 15vw;
}

section#plan .inner.plan .plan-table th {
}
section#plan .inner.plan .plan-table th:nth-of-type(1),
section#plan .inner.plan .plan-table td:nth-of-type(1) {}
section#plan .inner.plan .plan-table td {}
section#plan .inner.plan .plan-note {
    margin: 0px;
}
section#plan .inner.plan .plan-note li {
    font-size: 3.5vw;
    float: none;
    width: initial;
    padding-left: 5vw;
}

section#plan .inner.plan .plan-note li:nth-of-type(2n) {
    width: initial;
}
section#plan .inner.plan .plan-table th p, section#plan .inner.plan .plan-table td p {
    font-size: 3vw;
}
section#plan .inner.plan .plan-note li:before {content:"※";display:block;font-size: 3.5vw;}

section#plan .inner.plan .plan-table tr:nth-of-type(1) th:nth-of-type(1) {width: 15%;}
section#plan .inner.plan .plan-table tr:nth-of-type(1) th:nth-of-type(2) {width: 10%;}
section#plan .inner.plan .plan-table tr:nth-of-type(1) th:nth-of-type(3) {width: 75%;}

section#plan .inner.plan .plan-table.creat tr:nth-of-type(1) th:nth-of-type(1) { width:20%; }
section#plan .inner.plan .plan-table.creat tr:nth-of-type(1) th:nth-of-type(2) { width:20%; }
section#plan .inner.plan .plan-table.creat tr:nth-of-type(1) th:nth-of-type(3) { width:20%; }
section#plan .inner.plan .plan-table.creat tr:nth-of-type(1) th:nth-of-type(4) { width:20%; }
section#plan .inner.plan .plan-table.creat tr:nth-of-type(1) th:nth-of-type(5) { width:20%; }

}

/* シーン */

section#scene {
    background: url(../img/green_dotted_2.webp) repeat;
    background-size: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
}
section#scene .inner.scene {}
section#scene .inner.scene img {
    width: 100%;
}

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

section#scene {
    padding-top: 6vw;
    padding-bottom: 6vw;
}
section#scene .inner.scene {}
section#scene .inner.scene img {}

}

/* コンバージョンエリア ------------------------------ */

section#cv-zone,
section#cv-zone2,
section#cv-zone3 {
    background: #333333;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 40px;
}
section .inner.cv-zone {
    position: relative;
}
section .inner.cv-zone img {
    width: 90%;
    display: block;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
}
section .inner.cv-zone:after { content:" "; display:block; clear:both; }
section .inner.cv-zone .contact {
    width: 400px;
    float: left;
    margin-right: 40px;
    padding-top: 195px;
    /* margin-bottom: 160px; */
}
section .inner.cv-zone .contact p {
    margin-top: 0px;
    color: #FFF;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    font-weight: bold;
    letter-spacing: 0.05em;
}

section .inner.cv-zone .contact a.contact-btn {
    width: 400px;
    display: block;
    padding: 36px 0;
    border-radius: 15px;
    text-align: center;
    background: #FFF;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 10px;
    background: #3eb135;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 8px #32902b;
    border-radius: 12px;
    }
section .inner.cv-zone .contact a.contact-btn:active {-webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/}
section .inner.cv-zone .contact a.contact-btn:hover { opacity:0.8; }

section .inner.cv-zone .contact a.contact-btn span {color: #FFF;}

section .inner.cv-zone .contact p span {
    font-size: 45px;
    font-style: oblique;
    margin-right: 5px;
    font-family: HypatiaSansPro-Semibold, sans-serif;
}
section .inner.cv-zone .contact p a.contact-btn {}
section .inner.cv-zone .tel {
    width: 640px;
    float: left;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    margin-top: 215px;
    padding-top: 57px;
    padding-bottom: 32px;
}

section .inner.cv-zone .tel:after { content:" "; display:block; clear:both; }

section .inner.cv-zone .tel p {
    margin-top: 0px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-left: 15px;
    display: block;
    float: left;
    margin-right: 10px;
}
section .inner.cv-zone .tel p span {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: initial;
    display: block;
    margin-top: 4px;
}
section .inner.cv-zone .tel a.contact-btn {
    font-family: HypatiaSansPro-Semibold, sans-serif;
    color: #FFF;
    font-size: 56px;
    display: block;
    float: left;
    margin-top: -10px;
    font-style: oblique;
}

section .inner.cv-zone .tel a.contact-btn:hover { opacity:0.8; }

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

section#cv-zone,
section#cv-zone2,
section#cv-zone3 {
    padding-bottom: 5vw;
}
section .inner.cv-zone {}
section .inner.cv-zone img {
    width: 93%;
    top: -3vw;
    left: 49%;
}
section .inner.cv-zone .contact {
    width: 100%;
    float: none;
    margin-bottom: 5vw;
    padding-top: 24vw;
}
section .inner.cv-zone .contact p {
    font-size: 5vw;
    text-align: center;
}
section .inner.cv-zone .contact a.contact-btn {
    width: 90%;
    margin: 0 auto;
    padding: 5vw 0;
}
section .inner.cv-zone .contact a.contact-btn {}
section .inner.cv-zone .contact a.contact-btn span {
    font-size: 5vw;
}
section .inner.cv-zone .contact p span {
    font-size: 11vw;
}
section .inner.cv-zone .tel {
    margin-top: 0px;
    padding-top: 5vw;
    padding-bottom: 0vw;
    width: 100%;
}
section .inner.cv-zone .tel p {
    font-size: 6vw;
    text-align: center;
    float: none;
    padding-left: initial;
    margin-right: 0px;
    margin-bottom: 0px;
}
section .inner.cv-zone .tel p span {
    font-size: 3vw;
}
section .inner.cv-zone .tel p span a.contact-btn {}
section .inner.cv-zone .tel a.contact-btn {
    font-size: 12vw;
    float: none;
    text-align: center;
    margin-top: initial;
}
}

/* 流れ ------------------------------ */

section#flow {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #3eb135;
}
section#flow .inner.flow {
}
section#flow .inner.flow h2.title {letter-spacing: 0.02em;margin-top: 0px;text-align: center;font-size: 40px;font-weight: bold;color: #FFF;line-height: 125%;}
section#flow .inner.flow h2.title .en-font {
    /* font-family: HypatiaSansPro-Bold, sans-serif; */
}
section#flow .inner.flow h2.title .sub-title {
    font-size: 24px;
    letter-spacing: 0.2em;
}
section#flow .inner.flow h2.title .sub-title .title-color {}

section#flow .inner.flow ul.itemlist {
    margin-top: 40px;
    padding-left: 0px;
}
section#flow .inner.flow ul.itemlist:after {content:" ";display: block;clear:both;}
section#flow .inner.flow ul.itemlist li {
    width: 270px;
    float: left;
    margin-right: 0px;
    position: relative;
    list-style: none;
    margin-bottom: 42px;
}

section#flow .inner.flow ul.itemlist li:nth-of-type(4n) {margin-right: 0px;}

section#flow .inner.flow ul.itemlist li:nth-of-type(4):before,
section#flow .inner.flow ul.itemlist li:nth-of-type(8):before,
section#flow .inner.flow ul.itemlist li:nth-of-type(4):after {content:" ";display:block;background: none;width: 0px;right: initial;top: initial;border: none;}

section#flow .inner.flow ul.itemlist li h3 {
    border-left: none;
    text-align: center;
    margin-top: 16px;
    font-size: 16px;
    color: #FFF;
    width: 25px;
    margin: 0 auto;
    padding-bottom: 5px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: initial;
}

section#flow .inner.flow ul.itemlist li .flow-number {
    font-size: 20px;
}

section#flow .inner.flow ul.itemlist li .centering {
    width: 125px;
    margin: 15px auto 0 auto;
    position: relative;
    background: #FFF;
    height: 125px;
    border-radius: 100%;
}
section#flow .inner.flow ul.itemlist li .centering img {display: block;margin: 0 auto;height: 70px;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);position: absolute;}

section#flow .inner.flow ul.itemlist li:nth-of-type(1) .centering img {
    height: 60px;
}
section#flow .inner.flow ul.itemlist li:nth-of-type(2) .centering img {}
section#flow .inner.flow ul.itemlist li:nth-of-type(3) .centering img{}
section#flow .inner.flow ul.itemlist li:nth-of-type(4) .centering img {}
section#flow .inner.flow ul.itemlist li:nth-of-type(5) .centering img {height: 65px;}
section#flow .inner.flow ul.itemlist li:nth-of-type(6) .centering img {height: 50px;}
section#flow .inner.flow ul.itemlist li:nth-of-type(7) .centering img {height: 55px;}

section#flow .inner.flow ul.itemlist li .centering+h3 {
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
    border: none;
    width: auto;
    letter-spacing: 0.1em;
}
section#flow .inner.flow ul.itemlist li p {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: initial;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-family: HypatiaSansPro-Semibold, sans-serif;
}

section#flow .inner.flow ul.itemlist li h3+p {
    color: #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: initial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: initial;
    margin-top: 5px;
}
section#flow .inner.flow ul.itemlist li:before {
    right: -5px;
    top: 90px;
    content:" ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    }


section#flow .inner.flow ul.itemlist li:nth-of-type(4):before,
section#flow .inner.flow ul.itemlist li:nth-of-type(8):before,
section#flow .inner.flow ul.itemlist li:nth-of-type(4):after {content: '';background: none;border: none;}

.drad-bg {
    display: none;
}

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

section#flow {padding-top: 6vw;padding-bottom: 8vw;}
section#flow .inner.flow {
}
section#flow .inner.flow h2.title {
    font-size: 7vw;
}
section#flow .inner.flow h2.title .en-font {}
section#flow .inner.flow h2.title .sub-title {
    font-size: 6vw;
    margin-top: -2vw;
    display: block;
}
section#flow .inner.flow h2.title .sub-title .title-color {}

section#flow .inner.flow ul.itemlist {
    margin-top: 5vw;
    margin-bottom: 0vw;
    padding-left: 0px;
}
section#flow .inner.flow ul.itemlist:after {content:" ";display: block;clear:both;}
section#flow .inner.flow ul.itemlist li {
    width: 100%;
    float: none;
    margin-right: initial;
    position: relative;
    height: auto;
    margin-bottom: 14vw;
}
section#flow .inner.flow ul.itemlist li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
section#flow .inner.flow ul.itemlist li:nth-of-type(4) {margin-right: 0px;margin-bottom: 0px;}

section#flow .inner.flow ul.itemlist li .centering {
    height: 125px;
    margin: 2vw auto 0 auto;
    position: relative;
}

section#flow .inner.flow ul.itemlist li .centering+h3 {
    margin-top: 4vw;
    font-size: 4.5vw;
}

section#flow .inner.flow ul.itemlist li .centering img {
    width: auto;
    margin-top: initial !important;
}

section#flow .inner.flow ul.itemlist li:nth-of-type(1) .centering img {}
section#flow .inner.flow ul.itemlist li:nth-of-type(2) .centering img {
}
section#flow .inner.flow ul.itemlist li:nth-of-type(3) .centering img {
}
section#flow .inner.flow ul.itemlist li:nth-of-type(4) .centering img {
}


section#flow .inner.flow ul.itemlist li h5 {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}
section#flow .inner.flow ul.itemlist li p {
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
}
section#flow .inner.flow ul.itemlist li .flow-number {
    font-size: 5.5vw;
}
section#flow .inner.flow ul.itemlist li h3+p {
    font-size: 3.5vw;
}

section#flow .inner.flow ul.itemlist li:before {
    right: auto;
    top: auto;
    bottom: -14vw;
    left: 50%;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 12px solid #FFF;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    }
section#flow .inner.flow ul.itemlist li:after {
    right: auto;
    top: auto;
    bottom: -12.5vw;
    left: 45vw;
    }

section#flow .inner.flow ul.itemlist li:nth-of-type(4):before {content: '';background: none;}

section#flow .inner.flow ul.itemlist li:nth-of-type(4):after {
    border: none;
    content: "";
}

section#flow .inner.flow ul.itemlist li:nth-of-type(7):before,
section#flow .inner.flow ul.itemlist li:nth-of-type(7):after {  }


}


/* 取り組み実績 ------------------------------ */

section#client {padding-top: 60px;padding-bottom: 60px;}
section#client .inner.client {
}
section#client .inner.client h2.title {
    margin-top: 0px;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
    color: #000;
}
section#client .inner.client h2.title .en-font {
    font-family: HypatiaSansPro-Bold, sans-serif;
}
section#client .inner.client h2.title .sub-title {
    font-size: 28px;
    display: block;
}
section#client .inner.client h2.title .sub-title .title-color {}
section#client .inner.client .client-text {
    text-align: left;
    font-size: 15px;
    line-height: 180%;
    letter-spacing: 0.05em;
    margin-bottom: 50px;
}

section#client .inner.client .client-text span {
    display: block;
}

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

section#client {padding-top: 6vw;padding-bottom: 8vw;}
section#client .inner.client {
}
section#client .inner.client h2.title {
    font-size: 7vw;
    margin-bottom: 5vw;
}
section#client .inner.client h2.title .en-font {}
section#client .inner.client h2.title .sub-title {
    font-size: 6vw;
    margin-top: -2vw;
    display: block;
}
section#client .inner.client h2.title .sub-title .title-color {}
section#client .inner.client .client-text {
    line-height: 150%;
    font-size: 3.5vw;
    margin-bottom: 5vw;
}
section#client .inner.client .clientlist {
    width: 100%;
}
section#client .inner.client .clientlist li {}
section#client .inner.client .clientlist li img {}
section#client .inner.client .clientlist li:nth-of-type(5) {}
section#client .inner.client .clientlist li:nth-of-type(6) {}
section#client .inner.client .clientlist li:nth-of-type(10) {}
section#client .inner.client .clientlist li:nth-of-type(11) {}
section#client .inner.client .clientlist li:nth-of-type(14) {}
section#client .inner.client .clientlist:after { content:""; display:block; clear:both; }
section#client .inner.client .other {
    margin-top: 7vw;
    background: #f3edf7;
}

}

/* よくある質問 ------------------------------ */

section#faq {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #EEE;
}
section#faq .inner.faq {
}
section#faq .inner.faq h2.title {
    margin-top: 0px;
    color: #333;
    text-align: center;
    font-size: 45px;
    letter-spacing: 0.1em;
    line-height: 150%;
}
section#faq .inner.faq h2.title .en-font {}
section#faq .inner.faq h2.title .sub-title {
    font-size: 25px;
}
section#faq .inner.faq h2.title .title-color {}

section#faq .inner.faq #mdropmenu{
     font-size:18px;
     width: 100%;
     list-style-type: none;
     border-top:0;
     padding-left: 0px;
   }
     section#faq .inner.faq #mdropmenu a {
     text-decoration: none;
    }
    section#faq .inner.faq #mdropmenu i{
     font-size: 15px;
    }
    section#faq .inner.faq #mdropmenu li{
     border-top: none;
    }

    .a-list {
    border: none !important;
}
    
    section#faq .inner.faq #mdropmenu li ul{
     display:none;
     list-style-type: none;
     padding-left: 0px;
     margin-bottom: 40px;
     border: none;
    }
    section#faq .inner.faq #mdropmenu table{
     width:100%;
     min-height: 70px;
     margin:0;
     padding:0;
     border:0;
     font-size: 16px;
     color: #FFF;
     border-color: #EEE !important;
     border-collapse: collapse !important;
     border-spacing: 0 !important;
     border-bottom: 1px solid #EEE;
     background: #3eb135;
    }

    section#faq .inner.faq #mdropmenu table td {transition-property: all;transition: 0.5s linear;}
    
    .mlist-left{
     width: 90%;
     padding: 30px 0;
     vertical-align:middle;
     position: relative;
     padding-left: 90px;
    }

    .mlist-left.white {
    background: #face00;
    color: #0b0b0b;
}
    .mlist-left.white:before {color: #333;}
    .mlist-right.white {background: #face00;}

    .mlist-left:before {content: "Q";display:block;font-family: HypatiaSansPro-Regular, sans-serif;width: 45px;height: 40px;border-radius: 100px;background:#FFF;top: 19px;left: 24px;position: absolute;text-align: center;padding-top: 5px;color: #333;font-size: 24px;}
    
    .mlist-right{
     vertical-align: middle;
     text-align: center;
     padding: 0;
    }
    .mlist-full{
     width: 50%;
     /* padding: 5px; */
     vertical-align: middle;
     padding: 3vw 2vw;
    }

    .mlist-full:nth-of-type(1) {
    border-right: none;
}

    .mleft-second , .mright-second{
     border-bottom: none;
     color: #333;
     background:#FFF;
     font-size: 14px;
     position: relative;
     padding-left: 90px;
     line-height: 220%;
     padding-right: 120px;
     padding-top: 40px;
     padding-bottom: 40px;
    }

    .mleft-second:before {content:"A";display:block;font-family: HypatiaSansPro-Regular, sans-serif;font-size: 24px;position: absolute;left: 40px;top: 38%;color: #333;}

    section#faq .inner.faq #mdropmenu li ul li table tbody tr:nth-last-of-type(1) td {
    border-bottom: none;
}

    .mleft-third , .mright-third{
     background-color: #E9EAEA;
    }
    .mleft-second{
     /* padding-left: 10px; */
    }
    .mleft-third{
     padding-left: 15px;
    }

.fa-plus-circle {
    display:  inline-block;
    color: #fff;
    text-decoration:  none;
    border-radius: 5px;
    position:  relative;
    right: 1vw;
}

.fa-plus-circle:before {
        content: '';
        width: 15px;
        height: 15px;
        display: block;
        border-bottom: solid 2px;
        border-left: solid 2px;
        transform: rotate(-45deg);
        position: absolute;
        top: -6px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
}

.fa-minus-circle{
    display:  inline-block;
    color: #fff;
    text-decoration:  none;
    border-radius: 5px;
    position:  relative;
    right: 1vw;
}

.white .fa-minus-circle {color: #FFF;}

.fa-minus-circle:before {

content:  '';

width: 15px;

height: 15px;

display:  block;

border-top: solid 2px;

border-right: solid 2px;

transform: rotate(-45deg);

position:  absolute;

top: 9px;

bottom:  0;

left: 0;

right:  0;

margin:  auto;
}

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

section#faq {padding-top: 6vw;padding-bottom: 8vw;}
section#faq .inner.faq {
}
section#faq .inner.faq h2.title {
    font-size: 7vw;
    margin-bottom: 0px;
}
section#faq .inner.faq h2.title .en-font {}
section#faq .inner.faq h2.title .sub-title {
    font-size: 6vw;
    margin-top: -4vw;
    display: block;
}
section#faq .inner.faq h2.title .title-color {}

section#faq .inner.faq #mdropmenu{
     font-size: 3.5vw;
     width: 100%;
     list-style-type: none;
     /* border:1px solid #585858; */
     border-top:0;
   }
     section#faq .inner.faq #mdropmenu a {
     text-decoration: none;
    }
    section#faq .inner.faq #mdropmenu i{
     font-size: 30px;
    }
    section#faq .inner.faq #mdropmenu li{
     width: 100%;
    }
    section#faq .inner.faq #mdropmenu li ul{
     display:none;
     list-style-type: none;
    }
    section#faq .inner.faq #mdropmenu table{
     width:100%;
     min-height: 4vw;
     margin:0;
     padding:0;
     border:0;
    }
    section#faq .inner.faq #mdropmenu table td {
    font-size: 3.5vw;
}
    section#faq .inner.faq #mdropmenu table td.mlist-left {
    padding-left: 13%;
}
    section#faq .inner.faq #mdropmenu table td.mlist-right {}
    .mlist-left{
     width: 90%;
     padding: 3vw 0;
     vertical-align:middle;
    }
    .mlist-right{
     vertical-align: middle;
     text-align: center;
     padding: 0;
    }
    .mlist-full{
     width: 50%;
     /* padding: 5px; */
     vertical-align: middle;
     padding: 3vw 2vw;
    }

    .mlist-left:before {
    left: 2vw;
    top: 20%;
    width: 7vw;
    height: 6vw;
    padding-top: 1vw;
    font-size: 4vw;
}

    .mlist-full:nth-of-type(1) {
}

    .mleft-second , .mright-second{
     background-color: #FFF;
     border-bottom: 1px dotted #333;
    }

    section#faq .inner.faq #mdropmenu li ul li table tbody tr:nth-last-of-type(1) td {
    border-bottom: none;
}

section#faq .inner.faq #mdropmenu li ul li table tbody tr td.mlist-full {
    padding-left: 12%;
    padding-right: 5%;
}

.mleft-second:before {
    font-size: 5vw;
    left: 4vw;
}

    .mleft-third , .mright-third{
     background-color: #E9EAEA;
    }
    .mleft-second{
     /* padding-left: 10px; */
    }
    .mleft-third{
     padding-left: 15px;
    }

.fa-plus-circle {
    display:  inline-block;
    color: #fff;
    text-decoration:  none;
    border-radius: 5px;
    position:  relative;
    height: 6vw;
    width: 6vw;
    right: 1vw;
}

.fa-plus-circle:before {
        content: '';
        width: 2vw;
        height: 2vw;
        display: block;
        border-bottom: solid 2px;
        border-left: solid 2px;
        transform: rotate(-45deg);
        position: absolute;
        top: -1vw;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
}

.fa-minus-circle{
    display:  inline-block;
    color: #fff;
    text-decoration:  none;
    border-radius: 5px;
    position:  relative;
    height: 6vw;
    width: 6vw;
    right: 1vw;
}

.fa-minus-circle:before {

content:  '';

width: 2vw;

height: 2vw;

display:  block;

border-top: solid 2px;

border-right: solid 2px;

transform: rotate(-45deg);

position:  absolute;

top: 1vw;

bottom:  0;


right:  0;

margin:  auto;
}

}

/* コンタクト ------------------------------ */

section#contact {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FCFCFC;
}
section#contact .inner.contact {}
section#contact .inner.contact h2.title {
    margin-top: 0px;
    color: #3eb135;
    text-align: center;
    font-size: 45px;
    letter-spacing: 0.1em;
    line-height: 150%;
}
section#contact .inner.contact p.contact {font-size: 15px;line-height: 180%;letter-spacing: 0.02em;color: #000;width: 620px;margin: 0 auto;}
section#contact .inner.contact #mail_form {
    width: initial;
    background: none;
    border: none;
    box-shadow: none;
}
section#contact .inner.contact #mail_form dl {
    width: 1080px;
}

section#contact .inner.contact #mail_form dl:after { contact:""; display:block; clear:both; }
section#contact .inner.contact #mail_form dl .content-float {
    float: left;
    width: 49%;
    margin-right: 2%;
}
section#contact .inner.contact #mail_form dl .content-float:nth-of-type(2) {
    margin-right: 0px;
}

section#contact .inner.contact #mail_form dl dt {
    text-align: left;
    color: #000;
    padding-left: 14px;
    padding-top: 13px;
    width: 240px;
    clear: initial;
    float: left;
    font-weight: bold;
    font-size: 15px;
    border-top: 1px solid #cccccc;
    position: relative;
    clear: both;
}

section#contact .inner.contact #mail_form dl dt.adjustment {
    padding-top: 16px;
}

section#contact .inner.contact #mail_form dl dt p.content-note {
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
}

section#contact .inner.contact #mail_form dl dd {
    padding: 6px 0 10px 10px;
    width: 265px;
    float: left;
    border-top: 1px solid #cccccc;
    color: #000;
} 

section#contact .inner.contact #mail_form dl dd input {
    height: 20px;
    width: 85%;
    background: #FFF;
    margin-top: 3px;
    /* margin-left: 45px; */
    max-width: 90%;
    padding: 7px 2%;
    border: 1px solid #cccccc;
    border-radius: 3px;
    /* -webkit-appearance: none; */
    font-size: 14px;
    font-family: inherit;
    margin-right: 8px;
} 

section#contact .inner.contact #mail_form dl dd input#number {
    width: 13%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;
}

section#contact .inner.contact #mail_form dl dd input#period,
section#contact .inner.contact #mail_form dl dd input#period2{
    width: 23%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;
    }
section#contact .inner.contact #mail_form dl dd input#period2,
section#contact .inner.contact #mail_form dl dd input#time2 {margin-left: 6px;}

section#contact .inner.contact #mail_form dl dd input#time1,
section#contact .inner.contact #mail_form dl dd input#time2 {width: 13%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;}

section#contact .inner.contact #mail_form dl dd p {
    position: relative;
    font-size: 14px;
    margin-left: 60px;
    letter-spacing: 0.1em;
    margin-top: 4px;
}
section#contact .inner.contact #mail_form dl dd p:before {content:"※";position: absolute;left: -16px;font-size: 14px;}

section#contact .inner.contact #mail_form dl dd textarea {
    width: 90%;
    /* margin-left: 45px; */
    background: #FFF;
}

form#mail_form dl dd span.error_blank, form#mail_form dl dd span.error_format, form#mail_form dl dd span.error_match {
    display: block;
    color: #FF0;
    margin-top: 3px;
    margin-left: 45px;
    font-size: 14px;
}

section#contact .inner.contact #mail_form dl dd input#name_1,
section#contact .inner.contact #mail_form dl dd input#read_1 {
    /* width: 50%; */
}
section#contact .inner.contact #mail_form dl dd input#name_2,
section#contact .inner.contact #mail_form dl dd input#read_2 {
    width: 32.5%;
}

section#contact .inner.contact #mail_form #form_submit {
    width: 100%;
}
section#contact .inner.contact #mail_form #form_submit input {
    margin: 0 auto;
    display: block;
    width: 300px;
    display: block;
    padding: 14px 0;
    border-radius: 15px;
    text-align: center;
    background: #3eb135;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 25px;
    border: none;
    color: #FFF;
    border-bottom: solid 8px #32902b;
    border-radius: 12px;
}
section#contact .inner.contact #mail_form #form_submit input:active {-webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/}
section#contact .inner.contact #mail_form #form_submit input:hover { opacity:0.8;  transition-property: all;
  transition: 0.3s linear;}

section#contact .inner.contact #mail_form dl dd ul {}

section#contact .inner.contact #mail_form dl dd ul.radio {
    /* margin-left: 45px; */
    margin-top: 9px;
}
section#contact .inner.contact #mail_form dl dd ul.radio li {
    width: auto !important;
    margin-right: 24px !important;
}
section#contact .inner.contact #mail_form dl dd ul.radio li input {}

section#contact .inner.contact #mail_form dl dd ul:after,
section#contact .inner.contact #mail_form dl dd ul li label:after { content:""; display:block; clear:both; }
section#contact .inner.contact #mail_form dl dd ul li {
    width: 55%;
    float: left;
    margin-right: 2%;
    margin-bottom: 12px;
    font-size: 13px;
    color: #000;
}
section#contact .inner.contact #mail_form dl dd ul li:nth-of-type(2n) {
    width: 43%;
    margin-right: 0px;
}
section#contact .inner.contact #mail_form dl dd ul li label {
}
section#contact .inner.contact #mail_form dl dd ul li label input {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: block;
    float: left;
    margin-top: 0px;
}

section#contact .inner.contact #mail_form dl dd ul li label input[type="radio"] {margin-left: 0px;background: #fcfcfc;}

section#contact .inner.contact #mail_form dl dd ul li:nth-of-type(2n) label input {
    margin-left: 0px;
}

form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
    background: #d9534f;
    border: 1px solid #d43f3a;
    display: block;
    position: absolute;
    right: 6px;
    top: 11px;
    margin-right: 0px;
}

form#mail_form dl dt span.optional {
    background: #0238d1;
    border: 1px solid #143d87;
}

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

section#contact {
    padding-top: 6vw;
    padding-bottom: 1vw;
}
section#contact .inner.contact {}
section#contact .inner.contact h2.title {
    font-size: 7vw;
}
section#contact .inner.contact p.contact {
    width: 100%;
    line-height: 150%;
    text-align: center;
    font-size: 3.5vw;
}

section#contact .inner.contact #mail_form dl {
    width: initial;
}
section#contact .inner.contact #mail_form dl .content-float {
    float: none;
    width: 100%;
    margin-right: 0px;
}
section#contact .inner.contact #mail_form {
    margin: 5vw 0;
}
/*section#contact .inner.contact #mail_form dl {border-top: 1px solid #FFF;} */
section#contact .inner.contact #mail_form dl dt {
    padding-left: 0px;
    padding-top: 4vw;
    text-align: left;
    padding-bottom: 0px;
    width: 100%;
    height: 10vw;
}

section#contact .inner.contact #mail_form dl dd {
    padding: 0vw 0px 4vw;
    width: 100%;
    border-top: none;
} 
section#contact .inner.contact #mail_form dl dd input {
    width: 92%;
    height: 6vw;
    max-width: initial;
    padding: 2% 4%;
    margin-left: 0px;
    margin-right: 0px;
} 
section#contact form#mail_form select {
    margin-left: 0px;
    width: 100%;
}
section#contact .inner.contact #mail_form dl dd input#budget,
section#contact .inner.contact #mail_form dl dd input#step {
    width: 80%;
    margin-right: 8px;
}

form#mail_form dl dd span.error_blank, form#mail_form dl dd span.error_format, form#mail_form dl dd span.error_match {
    margin-left: 0px;
    font-size: 3.5vw;
}

section#contact .inner.contact #mail_form #form_submit {}
section#contact .inner.contact #mail_form #form_submit input {
    width: 90%;
    margin-top: 7vw;
    padding: 3.5vw 0;
    font-size: 4.5vw;
}

section#contact .inner.contact #mail_form dl dd textarea {
    width: 92%;
    padding: 2% 4%;
    max-width: initial;
    margin-left: 0px;
}

section#contact .inner.contact #mail_form dl dd input#name_1,
section#contact .inner.contact #mail_form dl dd input#read_1 {
    width: 92%;
}
section#contact .inner.contact #mail_form dl dd input#name_2,
section#contact .inner.contact #mail_form dl dd input#read_2 {
    width: 40.65%;
}

section#contact .inner.contact #mail_form dl dd ul {}
section#contact .inner.contact #mail_form dl dd ul li {
    float: none;
    width: 100%;
    font-size: 3.2vw;
}
section#contact .inner.contact #mail_form dl dd ul.radio li {
    float: left;
}
section#contact .inner.contact #mail_form dl dd ul.radio {
    margin-left: 0px;
}

section#contact .inner.contact #mail_form dl dd ul li:nth-of-type(2n) {
    width: 100%;
}
section#contact .inner.contact #mail_form dl dd ul li label {}
section#contact .inner.contact #mail_form dl dd ul li label input {}

section#contact .inner.contact #mail_form dl dd input#number {
    width: 24%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;
}

section#contact .inner.contact #mail_form dl dd input#period,
section#contact .inner.contact #mail_form dl dd input#period2{
    width: 35%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;
    }
section#contact .inner.contact #mail_form dl dd input#period2,
section#contact .inner.contact #mail_form dl dd input#time2 {margin-left: 6px;}

section#contact .inner.contact #mail_form dl dd input#time1,
section#contact .inner.contact #mail_form dl dd input#time2 {
    width: 21%;
    color: #000;
    margin-right: 6px;
    padding: 7px 2%;
    border-radius: 3px;
    border: 1px solid #cccccc;
    }

section#contact .inner.contact #mail_form dl dd p {
    position: relative;
    font-size: 3.5vw;
    margin-left: 4vw;
    letter-spacing: 0.1em;
    margin-top: 4px;
}
section#contact .inner.contact #mail_form dl dd p:before {content:"※";position: absolute;left: -4vw;font-size: 3.5vw;}
form#mail_form dl dt span.required,
form#mail_form dl dt span.optional {
    top: 3vw;
    right: 0px;
}
}

/* フッター ------------------------------ */

footer {
    background: #3eb135;
}

footer .container {
    width: 1080px;
    margin: 0 auto;
    padding: 15px 10px;
}
footer .container .row {
    font-size: 13px;
    color: #FFF;
}
footer .container .row:after { content:""; display:block; clear:both; }
footer .container .row .col-md-2 {
    float: left;
    width: 230px;
}
footer .container .row .col-md-2 .company-text1 {margin-bottom: 4px;}
footer .container .row .col-md-2 img {}
footer .container .row .col-md-2 .company-text2 {
    margin-top: 8px;
    margin-bottom: 8px;
}
footer .container .row .col-md-2 .company-text3 {
    margin-top: 0px;
}
footer .container .row .col-md-10 {
    float: left;
    width: 850px;
}
footer .container .row .col-md-10 #related_navi {
    padding-top: 20px;
}
footer .container .row .col-md-10 #related_navi li {
    float: left;
    list-style: none;
    margin-right: 16px;
    margin-bottom: 4px;
}

footer .container .row .col-md-10 #related_navi li a {
    color: #FFF;
}
footer .container .row .col-md-10 #related_navi li a:hover { color: #CCC; }

footer #footer {
    padding-top: 40px;
    padding-bottom: 30px;
    background: #333;
}
footer #footer .contents {}
footer #footer .contents .footer-text {
    text-align: center;
    margin-top: 0px;
    font-size: 13px;
    line-height: 250%;
    letter-spacing: 0.1em;
    margin-bottom: 0px;
    color: #FFF;
}
footer #footer .contents .copy {
    text-align: center;
    font-size: 10px;
    color: #BBB;
    margin-top: 8px;
}
footer .container .row .col-md-10 #related_navi:after { content:""; display:block; clear:both; }


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

footer {}
footer #footer {
    padding-top: 10vw;
    padding-bottom: 5vw;
}
footer #footer .contents {
    width: 94%;
    padding-left: 3%;
}
footer #footer .contents .footer-text {
    font-size: 3.5vw;
    line-height: 150%;
}
footer #footer .contents .copy {
    font-size: 2.5vw;
    margin-top: 4vw;
    margin-bottom: 0px;
}

footer .container {
    width: 92%;
    padding: 4% 0;
}
footer .container .row {
    font-size: 3vw;
}
footer .container .row:after { content:""; display:block; clear:both; }
footer .container .row .col-md-2 {
    float: none;
    width: 100%;
    text-align: center;
}
footer .container .row .col-md-2 .company-text1 {}
footer .container .row .col-md-2 img {}
footer .container .row .col-md-2 .company-text2 {}
footer .container .row .col-md-2 .company-text3 {}
footer .container .row .col-md-10 {
    float: none;
    width: 100%;
}
footer .container .row .col-md-10 #related_navi {
    padding-left: 0px;
    padding-top: 4vw;
}
footer .container .row .col-md-10 #related_navi li {}

}



/* 企業一覧 ------------------------------ */

section#client.client-l {
    background: #EEE;
}
section#client.client-l .inner.client-in {
    padding-top: 248px;
    padding-bottom: 120px;
}

section#client.client-l .inner.client-in h1.title {
    margin-top: 0px;
    font-size: 45px;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 25px;
}
section#client.client-l .inner.client-in h1.title .en-font {
    font-family: HypatiaSansPro-Bold, sans-serif;
}
section#client.client-l .inner.client-in h1.title .sub-title {
    font-size: 25px;
}

section#client.client-l .inner.client-in h1.title .sub-title span { font-size:50%; }

section#client.client-l .inner.client-in .client-list {
    width: 490px;
    margin: 0 auto;
    padding-left: 0px;
}
section#client.client-l .inner.client-in .client-list:after { content:""; display:block; clear:both; }
section#client.client-l .inner.client-in .client-list li {
    list-style: none;
    float: left;
    margin-left: 40px;
    font-size: 20px;
}
section#client.client-l .inner.client-in .client-list li:nth-of-type(1) {margin-left: 52px;}

section#client.client-l .inner.client-in .client-list li:after {content:" / ";display:block;float: left;}
section#client.client-l .inner.client-in .client-list li:nth-last-of-type(1):after {content:" ";display:block;float: left;}

section#client.client-l .inner.client-in .client-list li a {
    display: block;
    float: left;
    margin-right: 40px;
}
section#client.client-l .inner.client-in .client-list li a:hover {}

section#client.client-l .inner.client-in h2.title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 80px;
    padding-bottom: 40px;
    font-size: 24px;
}

section#client.client-l .inner.client-in .client-table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 80px;
    font-size: 14px;
}
section#client.client-l .inner.client-in .client-table th,
section#client.client-l .inner.client-in .client-table td {
    border: 1px solid #BBB;
    padding: 16px;
}

section#client.client-l .inner.client-in .client-table th {background: #e3d1ec;width: 10%;}
section#client.client-l .inner.client-in .client-table td {
    background: #FFF;
}

section#client.client-l .inner.client-in .client-table td ul.table-in {
    padding-left: 0px;
}
section#client.client-l .inner.client-in .client-table td ul.table-in li {
    list-style: none;
    margin-bottom: 8px;
}

section#client.client-l .inner.client-in .client-table td ul.table-in li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

section#client.client-l .inner.client-in .client-table:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.fol-img {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
}

.fol-img .fol-img-in {}
.fol-img .fol-img-in a {display: block;width: 120px;text-align: center;padding: 37px 0;border-radius: 120px;color: #FFF;background: #333;border: 2px solid #DDD;font-weight: bold;}
.fol-img .fol-img-in a:hover { opacity:0.8; }

.fol-nav {
    position: fixed;
    top: 50px;
    right: 20px;
    z-index: 9999;
    background: #3eb135;
    border: 8px solid #DDD;
    border-radius: 4px;
    opacity: 0.8;
    display: none !important;
}
.fol-nav ul {
    padding-left: 0px;
    margin: 0px;
}
.fol-nav ul li {
    list-style: none;
    border-bottom: 1px solid #777;
}

.fol-nav ul li:hover { background: #face00;text-decoration: none;
    transition-property: all;
  transition: 0.3s linear; }
.fol-nav ul li:hover a:hover { color:#000;text-decoration: none;
    transition-property: all;
  transition: 0.3s linear; }

.fol-nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #FFF;
    padding: 10px 16px;
}

.fol-nav ul li.contact {
    border: none;
    background: #222;
}
.fol-nav ul li.contact a {
    color: #FFF;
}

.fol-nav ul li.contact:hover {
    border: none;
    background: #AAA;
    text-decoration: none;
    transition-property: all;
  transition: 0.3s linear;
}
.fol-nav ul li.contact:hover a:hover {
    color: #000;
    text-decoration: none;
    transition-property: all;
  transition: 0.3s linear;
}

.fol-nav ul li a:hover { color:#CCC; }

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

section#client.client-l {
    background: #EEE;
}
section#client.client-l .inner.client-in {
    padding-top: 25vw;
    padding-bottom: 12vw;
}

section#client.client-l .inner.client-in h1.title {
    margin-top: 0px;
    font-size: 10vw;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 5vw;
}
section#client.client-l .inner.client-in h1.title .en-font {
    font-family: HypatiaSansPro-Bold, sans-serif;
}
section#client.client-l .inner.client-in h1.title .sub-title {
    font-size: 6vw;
}

section#client.client-l .inner.client-in .client-list {
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
}
section#client.client-l .inner.client-in .client-list:after { content:""; display:block; clear:both; }
section#client.client-l .inner.client-in .client-list li {
    list-style: none;
    float: left;
    margin-left: 4vw;
    font-size: 20px;
    font-size: 4vw;
}
section#client.client-l .inner.client-in .client-list li:nth-of-type(1) {margin-left: 11vw;}

section#client.client-l .inner.client-in .client-list li:after {content:" / ";display:block;float: left;}
section#client.client-l .inner.client-in .client-list li:nth-last-of-type(1):after {content:" ";display:block;float: left;}

section#client.client-l .inner.client-in .client-list li a {
    display: block;
    float: left;
    margin-right: 5vw;
}
section#client.client-l .inner.client-in .client-list li a:hover {}

section#client.client-l .inner.client-in h2.title {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 13vw;
    padding-bottom: 8vw;
    font-size: 5.5vw;
}

section#client.client-l .inner.client-in .client-table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 8vw;
    font-size: 3.5vw;
}
section#client.client-l .inner.client-in .client-table th,
section#client.client-l .inner.client-in .client-table td {
    padding: 0;
    width: 94%;
    display: block;
    padding: 3%;
}

section#client.client-l .inner.client-in .client-table th {}
section#client.client-l .inner.client-in .client-table td {
    background: #FFF;
}

section#client.client-l .inner.client-in .client-table td ul.table-in {}
section#client.client-l .inner.client-in .client-table td ul.table-in li {
    list-style: none;
    margin-bottom: 4vw;
}

section#client.client-l .inner.client-in .client-table td ul.table-in li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

section#client.client-l .inner.client-in .client-table:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.fol-img {
    position: fixed;
    bottom: 6vw;
    right: 4vw;
    z-index: 9999;
}

.fol-img .fol-img-in {}
.fol-img .fol-img-in a {opacity: 0.9;display: block;width: 18vw;text-align: center;padding: 4vw 0;border-radius: 120px;color: #FFF;background: #333;border: 2px solid #DDD;font-weight: bold;font-size: 3.5vw;}
.fol-img .fol-img-in a:hover { opacity:0.8; }

}


/* 下層共通 ------------------------------ */

.font-en {font-family: HypatiaSansPro-Semibold, sans-serif;}
.bg-gray {
    background: #F5F5F5;
}
section.under-section:nth-of-type(1) {
    padding-top: 20px;
}
#SMV {
    height: 350px;
    padding: 0;
    padding-top: 100px;
}
#SMV .smv-outer {background: url(../img/lower-mv.webp) no-repeat;height: 350px;background-size: cover;background-position: center;}
#SMV .smv-outer.contact-bg {}
#SMV .smv-outer.company-bg {
}
#SMV .smv-outer.privacy-bg {}
#SMV .smv-outer .smv-inner {
    background: #288f1f9c;
    height: 350px;
}
#SMV .smv-outer .smv-inner .smv-cont-outer {max-width: 1100px;margin: 0 auto;height: 350px;position: relative;padding: 0 50px;}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title {
    position: absolute;
    left: 50px;
    color: #FFF;
    font-size: 40px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin: 0;
    line-height: 110%;
}

#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title span.font-en {
    display: block;
    font-size: 25px;
    font-weight: normal;
    margin-top: 0px;

}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::before { content:""; }
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::after { content:""; }

.breadcrumbs {
    max-width: 1100px;
    margin: 24px auto;
    padding: 0 50px;
    font-size: 16px;
}
.breadcrumbs span.breadcrumbs-outer {}
.breadcrumbs span.breadcrumbs-outer span.breadcrumbs-inner {}
.breadcrumbs span.breadcrumbs-outer a {
    text-decoration: underline;
}
.breadcrumbs span.breadcrumbs-outer a:hover {}
.breadcrumbs span.breadcrumbs-outer a span {}
.breadcrumbs span.breadcrumbs-outer a span.breadcrumbs-inner {}

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

#SMV {
    height: 50vw;
    margin-top: 15vw;
    padding-top: 0;
}
#SMV .smv-outer {
    height: 50vw;
}
#SMV .smv-outer.contact-bg {}
#SMV .smv-outer.company-bg {}
#SMV .smv-outer.privacy-bg {}
#SMV .smv-outer .smv-inner {
    height: 50vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer {
    height: 50vw;
    padding: 0 4%;
    width: 92%;
    max-width: initial;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title {
    left: 5vw;
    font-size: 7vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title span.font-en {
    font-size: 5vw;
}
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::before { content:""; }
#SMV .smv-outer .smv-inner .smv-cont-outer .smv-title::after { content:""; }

.breadcrumbs {
    padding: 0 4%;
    max-width: initial;
    margin: 5vw 0;
    font-size: 3.5vw;
}
.breadcrumbs span.breadcrumbs-outer {}
.breadcrumbs span.breadcrumbs-outer span.breadcrumbs-inner {}
.breadcrumbs span.breadcrumbs-outer a {}
.breadcrumbs span.breadcrumbs-outer a:hover {}
.breadcrumbs span.breadcrumbs-outer a span {}
.breadcrumbs span.breadcrumbs-outer a span.breadcrumbs-inner {}
section.under-section:nth-of-type(1) {
    padding-top: 4vw;
}
}

/* お問い合わせ ------------------------------ */

section.under-section .under.inner .formtab {
    margin: 0 auto 24px auto;
    display: flex;
    justify-content: space-between;
    padding: 0;
}

section.under-section.contact-section {
    padding-bottom: 40px;
}
section.under-section.contact-section.bg-gray {
    padding-bottom: 80px;
    padding-top: 40px;
}

section.under-section .under.inner .formtab li {
    width: 31%;
    padding: 0 8px 20px 8px;
    border: solid 1px #666;
    border-style: none none solid none;
    position: relative;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    opacity: 0.2;
    list-style: none;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    padding-bottom: 14px;
}
section.under-section .under.inner .formtab li::after {content:"";right: -16px;top: 10px;content: '';display: block;position: absolute;width: 0;height: 0;border: 6px solid transparent;border-top: 8px solid #e2e2e2;transform: rotate(-90deg);}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after {content:"";display: none;}
section.under-section .under.inner .formtab li span.nav-number {
    width: 31px;
    /* height: 32px; */
    border-radius: 50%;
    background: #333;
    color: #fff;
    display: block;
    padding: 9px 0;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 2px;
    text-align: center;
}
section.under-section .under.inner .formtab li span.nav-text {
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 7px 0 0 27px;
    color: #131c23;
}
section.under-section .under.inner .formtab li.on {
    opacity: 1;
    border: solid 1px #3eb135;
    border-style: none none solid none;
}
section.under-section .under.inner .formtab li.on::after {content:"";border: 6px solid transparent;border-top: 8px solid #3eb135;}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li.on span.nav-number {
    background: #3eb135;
}
section.under-section .under.inner .formtab li.on span.nav-text {}

section.under-section {
    padding: 80px 0;
}
section.under-section p {
    font-size: 16px;
    line-height: 175%;
}
section.under-section .under.inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 50px;
    width: initial;
}
section.under-section .under.inner .form-box {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
}
section.under-section .under.inner .form-box .box-in {
    width: 48%;
}
section.under-section .under.inner .form-box .box-in dl {}
section.under-section .under.inner .form-box .box-in dl div {
    display: flex;
    padding: 24px 0;
    border-bottom: 1px solid #CCC;
    justify-content: space-between;
}
section.under-section .under.inner .form-box .box-in dl div dt {
    width: 43%;
    position: relative;
}
section.under-section .under.inner .form-box .box-in dl div dt span.required,
section.under-section .under.inner .form-box .box-in dl div dt span.no-required {
    position: absolute;
    font-size: 15px;
    text-align: center;
    width: 40px;
    padding: 2px 0;
    right: 0;
    top: 0;
    border-radius: 3px;
    color: #ffffff;
}
section.under-section .under.inner .form-box .box-in dl div dt span.required {
    background: #d9534f;
    border: 1px solid #d43f3a;
}


section.under-section .under.inner .form-box .box-in dl div dt span.no-required {
    background: #0238d1;
    border: 1px solid #143d87;
}
section.under-section .under.inner .form-box .box-in dl div dt p {
    font-size: 13px;
    width: 80%;
    margin: 0;
    margin-top: 8px;
    font-weight: normal;
}
section.under-section .under.inner .form-box .box-in dl div dd {
    width: 53%;
    margin: 0;
    position: relative;
}
section.under-section .under.inner .form-box .box-in dl div dd::after {content:"";display: block;clear: both;}

section.under-section .under.inner .form-box .box-in dl div dd input {
    padding: 2%;
    width: 85%;
}
section.under-section .under.inner .form-box .box-in dl div dd input+span {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-tel-field {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-tel-field input {
    width: 21%;
}
section.under-section .under.inner .form-box .box-in dl div dd span.error {
    position: absolute;
    bottom: -22px;
}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field {
    display: flex;
    float: left;
    margin: 0;
    margin-right: 16px;
    margin-bottom: 4px;
}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label {
    display: block;
}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label input.radio {
    width: initial;
    padding: initial;
    position: absolute;
    opacity: 0;
    display: none;
}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label span.mwform-radio-field-text {
    cursor: pointer;
    padding: 0;
    display: block;
    margin: 0;
    font-family: fot-cezanne-pron,sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 31px;
    letter-spacing: 1px;
    color: #131c23;
}
section.under-section .under.inner .form-box .box-in dl div dd input[type="radio"]+.mwform-radio-field-text::before {content:"";background: #fff;border-radius: 100%;display: inline-block;width: 25px;height: 25px;position: relative;top: 1px;margin-right: 8px;vertical-align: top;cursor: pointer;text-align: center;transition: all .3s ease;border: 1px solid #CCC;}
section.under-section .under.inner .form-box .box-in dl div dd input[type="radio"]:checked+.mwform-radio-field-text::before { content:""; background-color: #32ad3b;
    box-shadow: inset 0 0 0 5px #fff; }
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field:nth-last-of-type(1) {
    margin-right: 0;
}
section.under-section .under.inner .form-box .box-in dl div dd select.select {
    padding: 2%;
    width: 80%;
}
section.under-section .under.inner .form-box .box-in dl div dd select.select option {}
section.under-section .under.inner .form-box .box-in dl div dd textarea.textarea {
    padding: 2%;
    width: 90%;
    min-height: 196px;
}
section.under-section .under.inner .btn-box {
    width: 300px;
    margin: 0 auto;
    margin-top: 40px;
}
section.under-section .under.inner .btn-box input.btn.contact-btn {
    display: block;
    width: 100%;
    padding: 14px 0;
    border-radius: 15px;
    text-align: center;
    background: #3eb135;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 25px;
    border: none;
    color: #FFF;
    border-bottom: solid 8px #32902b;
    border-radius: 12px;
    transition-property: all;
    transition: 0.3s linear;
    cursor: pointer;
}

section.under-section .under.inner .mw_wp_form_confirm .btn-box {
    width: 650px;
    display: flex;
    justify-content: space-between;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn {
    display: block;
    width: 300px;
    padding: 14px 0;
    border-radius: 15px;
    text-align: center;
    background: #AAA;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 25px;
    border: none;
    color: #FFF;
    border-bottom: solid 8px #777;
    border-radius: 12px;
    transition-property: all;
    transition: 0.3s linear;
    cursor: pointer;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn:hover {opacity:0.8;}
section.under-section .under.inner .mw_wp_form_confirm .btn-box input.btn.contact-btn {
    width: 300px;
}

section.under-section .under.inner .btn-box input.btn.contact-btn::before { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn::after { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn:hover { opacity:0.8; }

section.under-section .mw_wp_form_confirm .form-box .box-in dl div dt span.required,
section.under-section .mw_wp_form_confirm .form-box .box-in dl div dt span.no-required {
    /* display: none; */
}

section.under-section p.contact-lead {
    text-align: center;
}
section.under-section p.contact-lead span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
section.under-section a.to-top-btn {
    margin: 0 auto;
    display: block;
    width: 300px;
    display: block;
    padding: 14px 0;
    border-radius: 15px;
    text-align: center;
    background: #3eb135;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-top: 40px;
    border: none;
    color: #FFF;
    border-bottom: solid 8px #32902b;
    border-radius: 12px;
    transition-property: all;
    transition: 0.3s linear;
}
section.under-section a.to-top-btn::before { content:""; }
section.under-section a.to-top-btn::after { content:""; }
section.under-section a.to-top-btn:hover { opacity:0.8; }


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

section.under-section .under.inner .formtab {}
section.under-section .under.inner .formtab li {
    padding-bottom: 2vw;
}
section.under-section .under.inner .formtab li::after {content:"";right: -2.5vw;top: 2vw;}
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li span.nav-number {
    font-size: 3vw;
    width: 7.135vw;
    padding: 2vw 0;
    line-height: 100%;
    letter-spacing: initial;
}
section.under-section .under.inner .formtab li span.nav-text {
    font-size: 3.7vw;
    line-height: 150%;
    padding: 0 0 0 2.5vw;
    position: relative;
    top: 1vw;
}
section.under-section .under.inner .formtab li.on {}
section.under-section .under.inner .formtab li.on::after { content:""; }
section.under-section .under.inner .formtab li:nth-last-of-type(1)::after { content:""; }
section.under-section .under.inner .formtab li.on span.nav-number {}
section.under-section .under.inner .formtab li.on span.nav-text {}

section.under-section {
    padding: 10vw 0;
}
section.under-section.contact-section {
    padding-bottom: 5vw;
}
section.under-section.contact-section.bg-gray {
    padding-top: 5vw;
    padding-bottom: 10vw;
}
section.under-section p {
    font-size: 3.5vw;
}
section.under-section .under.inner {max-width: initial;padding: 0 4%;width: 92%;}
section.under-section .under.inner .form-box {
    display: block;
    font-size: 3.5vw;
}
section.under-section .under.inner .form-box .box-in {
    width: 100%;
}
section.under-section .under.inner .form-box .box-in dl {}
section.under-section .under.inner .form-box .box-in dl div {
    display: block;
    padding: 3vw 0px 6vw;
}
section.under-section .under.inner .mw_wp_form_confirm .form-box .box-in dl div {
    padding-bottom: 3vw;
}
section.under-section .under.inner .form-box .box-in dl div dt {
    width: 100%;
    margin-bottom: 2vw;
    font-weight: bold;
}
section.under-section .under.inner .form-box .box-in dl div dt span.required,
section.under-section .under.inner .form-box .box-in dl div dt span.no-required {
    font-size: 3.5vw;
    padding: 0.5vw 0;
    width: 10vw;
    top: -1.5vw;
    position: absolute;
}
section.under-section .under.inner .form-box .box-in dl div dt span.required {}
section.under-section .under.inner .form-box .box-in dl div dt span.no-required {}
section.under-section .under.inner .form-box .box-in dl div dt p {
    font-size: 3.5vw;
    margin-top: 2vw;
    display: none;
}
section.under-section .under.inner .form-box .box-in dl div dd {
    width: 100%;
}
section.under-section .under.inner .form-box .box-in dl div dd input {
    width: 87%;
}
section.under-section .under.inner .form-box .box-in dl div dd input+span {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-tel-field {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-tel-field input {
    width: 23%;
}
section.under-section .under.inner .form-box .box-in dl div dd span.error {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label input.radio {}
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field label span.mwform-radio-field-text {}
section.under-section .under.inner .form-box .box-in dl div dd input[type="radio"]:checked+.mwform-radio-field-text::before { content:""; }
section.under-section .under.inner .form-box .box-in dl div dd span.mwform-radio-field:nth-last-of-type(1) {}
section.under-section .under.inner .form-box .box-in dl div dd select.select {}
section.under-section .under.inner .form-box .box-in dl div dd select.select option {}
section.under-section .under.inner .form-box .box-in dl div dd textarea.textarea {}
section.under-section .under.inner .btn-box {
    margin-top: 10vw;
    width: 60vw;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box {
    width: 100%;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box button.btn.back-btn {
    width: 48%;
    margin-top: 0;
    padding: 3vw 0 2vw;
}
section.under-section .under.inner .mw_wp_form_confirm .btn-box input.btn.contact-btn {
    width: 48%;
}
section.under-section .under.inner .btn-box input.btn.contact-btn {
    font-size: 4vw;
    margin-top: 0vw;
    padding: 3vw 0 2vw;
}
section.under-section .under.inner .btn-box input.btn.contact-btn::before { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn::after { content:""; }
section.under-section .under.inner .btn-box input.btn.contact-btn:hover {}

section.under-section .mw_wp_form_confirm .form-box .box-in dl div dt span.required,
section.under-section .mw_wp_form_confirm .form-box .box-in dl div dt span.no-required {}

section.under-section p.contact-lead {}
section.under-section p.contact-lead span {
    font-size: 4.5vw;
    margin-bottom: 5vw;
}
section.under-section a.to-top-btn {
    width: 60vw;
    font-size: 4vw;
    padding: 4vw 0 3vw;
    margin-bottom: 8vw;
}
section.under-section a.to-top-btn::before { content:""; }
section.under-section a.to-top-btn::after { content:""; }
section.under-section a.to-top-btn:hover {}

}

/* 個人情報 ------------------------------ */

.mb-30 {
    margin-bottom: 30px;
}
section.under-section p {
    margin: 16px 0;
}
section.under-section .under.inner .privacy-cont {}
section.under-section .under.inner .privacy-cont p {}
section.under-section .under.inner .privacy-cont h3 {
    position: relative;
    margin: 16px 0;
    margin-left: 30px;
}
section.under-section .under.inner .privacy-cont h3::before {content:"";position: absolute;width: 18px;height: 18px;background: #3eb135;display: block;left: -30px;top: 4px;}
section.under-section .under.inner .privacy-cont h3::after { content:""; }
section.under-section .under.inner .privacy-cont ol {}
section.under-section .under.inner .privacy-cont ol li {
    font-size: 16px;
    line-height: 175%;
    margin-bottom: 16px;
}
section.under-section .under.inner .privacy-cont ol li:nth-last-of-type(1) {
    margin-bottom: 0;
}
section.under-section .under.inner .privacy-cont .contactgroup {background: #EEE;padding: 40px;display: flex;justify-content: space-between;margin-top: 60px;}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l {
    width: 55%;
    position: relative;
    margin-bottom: 4vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3 {
    margin: 0;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3::before {
    width: initial;
    height: initial;
    position: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.pc {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.sp {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r {
    width: 40%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3 {
    margin: 0;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3::before {
    width: initial;
    height: initial;
    position: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.pc {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.sp {}


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

.mb-30 {
    margin-bottom: 6vw;
}
section.under-section p {}
section.under-section .under.inner .privacy-cont {}
section.under-section .under.inner .privacy-cont p {}
section.under-section .under.inner .privacy-cont h3 {
    font-size: 4vw;
    margin: 3vw 0;
    margin-left: 6vw;
}
section.under-section .under.inner .privacy-cont h3::before {content:"";width: 4vw;height: 4vw;left: -6vw;top: 0.5vw;}
section.under-section .under.inner .privacy-cont h3::after { content:""; }
section.under-section .under.inner .privacy-cont ol {
    padding-left: 8vw;
}
section.under-section .under.inner .privacy-cont ol li {
    font-size: 3.5vw;
    margin-bottom: 3vw;
}
section.under-section .under.inner .privacy-cont ol li:nth-last-of-type(1) {}
section.under-section .under.inner .privacy-cont .contactgroup {
    display: block;
    padding: 6%;
    margin-top: 6vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l {
    width: 100%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content {
    position: initial;
    transform: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3 {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3::before {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content h3::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p {
    margin-bottom: 0;
    margin-top: 2vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.pc {
    display: none !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_l .inner_content p span.sp {
    display: initial !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r {
    width: 100%;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3 {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3::before {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r h3::after {}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p {
    margin-bottom: 0;
    margin-top: 2vw;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p span.pc {
    display: none !important;
}
section.under-section .under.inner .privacy-cont .contactgroup .inner_r p a.sp {
    display: initial !important;
}

}


/* 運営会社 ------------------------------ */

section.under-section .under.inner .company-list {
    padding: 0;
    margin: 0;
}
section.under-section .under.inner .company-list li {
    list-style: none;
    display: flex;
    padding: 20px;
    border-bottom: 1px solid #3eb135;
}
section.under-section .under.inner .company-list li h3 {
    font-size: 16px;
    width: 200px;
}
section.under-section .under.inner .company-list li p {}
section.under-section .under.inner .company-list li p label.pc {}
section.under-section .under.inner .company-list li p label.sp {}
section.under-section .under.inner .company-list li::nth-last-of-type(1) {}
section.under-section .under.inner h3.section_header {
    background: #3eb135;
    border-left: 8px solid #333;
    color: #FFF;
    padding: 16px;
    margin-top: 0;
}
section.under-section .under.inner h3.section_header::before {content:"";}
section.under-section .under.inner h3.section_header::after {content:"";}
section.under-section .under.inner p.section_text {}
section.under-section .under.inner p.section_text span.pc {
    display: initial !important;
}
section.under-section .under.inner p.section_text span.sp {}
section.under-section .under.inner iframe.company-map {
    width: 100%;
}

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

section.under-section .under.inner .company-list {}
section.under-section .under.inner .company-list li {
    padding: 1vw 4vw;
}
section.under-section .under.inner .company-list li h3 {
    width: 25%;
    font-size: 3.5vw;
}
section.under-section .under.inner .company-list li p {
    width: 75%;
}
section.under-section .under.inner .company-list li p label.pc {}
section.under-section .under.inner .company-list li p label.sp {}
section.under-section .under.inner .company-list li::nth-last-of-type(1) {}
section.under-section .under.inner h3.section_header {
    border-left: 2vw solid #333;
    padding: 4vw;
    font-size: 4.5vw;
}
section.under-section .under.inner h3.section_header::before {content:"";}
section.under-section .under.inner h3.section_header::after {content:"";}
section.under-section .under.inner p.section_text {}
section.under-section .under.inner p.section_text span.pc {
    display: none !important;
}
section.under-section .under.inner p.section_text a.sp {
    display: initial !important;
}
section.under-section .under.inner iframe.company-map {}

}


/* 配布事例 ------------------------------ */

.smv-note {
    position: absolute;
    margin: 0;
    bottom: 20px;
    color: #FFF;
    font-size: 14px;
}
section.under-section.topics-section {}
section.under-section.topics-section:nth-of-type(2) {
    padding-top: 20px;
}
section.under-section.topics-section .under.inner {}
section.under-section.topics-section .under.inner .lead-text {
    font-size: 18px;
    margin: 24px 0;
}
section.under-section.topics-section .under.inner .sub-lead-text {}
section.under-section.topics-section .under.inner .topics-head {}
section.under-section.topics-section .under.inner .topics-head .date {
    font-family: HypatiaSansPro-Semibold, sans-serif;
    font-size: 16px;
}
section.under-section.topics-section .under.inner .category_group {
    display: flex;
    margin: 16px 0;
    flex-wrap: wrap;
}
section.under-section.topics-section .under.inner .category_group a.category_link {
    display: block;
    background: #3eb135;
    color: #FFF;
    padding: 4px 8px;
    margin-right: 12px;
    font-size: 15px;
    margin-bottom: 12px;
}
section.under-section.topics-section .under.inner .category_group a.category_link:hover {
    opacity: 0.8;
}
section.under-section.topics-section .under.inner .category_group a.category_link:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner h3 {
    font-size: 25px;
    border-bottom: 2px solid #3eb135;
    padding-bottom: 12px;
    margin: 32px 0;
}
section.under-section.topics-section .under.inner h3::before { content:""; }
section.under-section.topics-section .under.inner h3::after { content:""; }
section.under-section.topics-section .under.inner div.tag-list {
    display: flex;
}
section.under-section.topics-section .under.inner div.tag-list span.tag {
    display: block;
    border: 2px solid #3eb135;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 15px;
    margin-right: 12px;
    color: #3eb135;
}
section.under-section.topics-section .under.inner div.tag-list span.tag:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .main-img {}
section.under-section.topics-section .under.inner .main-img.handout-case-main {
    max-width: 800px;
    width: 100%;
    display: none;
    margin: 0 auto;
}
section.under-section.topics-section .under.inner .topics-cont {
    margin: 60px 0;
}
section.under-section.topics-section .under.inner .topics-cont::nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont h4.topics-title {
    background: #3eb135;
    border-left: 8px solid #333;
    color: #FFF;
    padding: 16px;
    margin-top: 0;
    font-size: 20px;
}
section.under-section.topics-section .under.inner .topics-cont h4.topics-title::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont h4.topics-title::after { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table {
    width: 100%;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr th,
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td {
    border: 1px solid #CCC;
    padding: 16px;
    font-size: 16px;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr th {
    background: #F5F5F5;
    color: #3eb135;
    width: 200px;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a:hover {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a span {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list {
    padding: 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li {
    list-style: none;
    margin: 4px 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a {
    text-decoration: underline;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a:hover {}
section.under-section.topics-section .under.inner .topics-cont .sample-img {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img li {
    list-style: none;
    width: 23.5%;
    margin-right: 2%;
}

section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li {
    width: 32%;
    margin-right: 2%;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li:nth-of-type(3n) {
    margin: 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li:nth-of-type(4n) {
    margin-right: 2%;
}

section.under-section.topics-section .under.inner .topics-cont .sample-img li:nth-of-type(4n) {
    margin-right: 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img li::nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont .sample-img li figure {
    width: 100%;
    height: 240px;
    overflow: hidden;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img li figure img {width: 100%;height: 100%;object-fit: cover;}
section.under-section.topics-section .under.inner .pn-cont {
    margin: 30px 0;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    border-bottom: 1px solid #CCC;
    padding: 24px 0;
    border-top: 1px solid #CCC;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn {
    position: relative;
    margin: 0;
    color: #3eb135;
    margin-left: 40px;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-weight: bold;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn a::before {content:"";width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-right: 0;border-bottom: 0;transform: rotate(-45deg);transform-origin: top left;position: absolute;top: 50%;left: 0px;box-sizing: border-box;color: #3eb135;}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn a::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn a:hover {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn {
    position: relative;
    margin: 0;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a {font-weight: bold;position: relative;}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a::before {content:"";width: 100px;position: absolute;display: block;height: 1px;background: #3eb135;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);bottom: -12px;}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a:hover {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn {
    position: relative;
    margin: 0;
    margin-right: 40px;
    position: relative;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn a {
    position: relative;
    padding-right: 30px;
    font-weight: bold;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn a::before {content:"";width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 0;box-sizing: border-box;color: #3eb135;}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn a::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn a:hover {}
section.under-section.topics-section .under.inner .new-list {}
section.under-section.topics-section .under.inner .new-list h3.new-list-title {
    margin-top: 0;
}
section.under-section.topics-section .under.inner .new-list h3.new-list-title::before { content:""; }
section.under-section.topics-section .under.inner .new-list h3.new-list-title::after { content:""; }
section.under-section.topics-section .under.inner .new-list .itemlist {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
section.under-section.topics-section .under.inner .new-list .itemlist li {
    width: 23.5%;
    margin: 24px 0;
    margin-right: 2%;
    background: #FFF;
    border-bottom: 8px solid #3eb135;
    box-shadow: 2px 2px 80px 0px rgb(0 0 8 / 10%);
}
section.under-section.topics-section .under.inner .new-list .itemlist li:nth-of-type(4n) {
    margin-right: 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a {
    display: block;
    font-size: 18px;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a:hover {}
section.under-section.topics-section .under.inner .new-list .itemlist li a figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a:hover img {transform:scale(1.2,1.2);
  transition:0.5s all;}
section.under-section.topics-section .under.inner .new-list .itemlist li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption {
    padding: 16px;
    padding-top: 12px;
    padding-bottom: 8px;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption p.date {
    margin: 0;
    font-size: 14px;
    font-family: HypatiaSansPro-Semibold, sans-serif;
    color: #3eb135;
    font-weight: bold;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link {
    display: flex;
    flex-wrap: wrap;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link a {
    background: #3eb135;
    color: #FFF;
    font-size: 14px;
    padding: 4px 8px;
    margin: 0 8px 8px 0;
    letter-spacing: -0.04em;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link a:hover { opacity:0.8; }
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption h4.textfit {
    margin: 5px 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    border-top: 1px solid #3eb135;
    padding-top: 16px;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li {
    list-style: none;
    width: auto;
    margin: 0 8px 8px 0;
    border: none;
    box-shadow: none;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li a {
    border: 2px solid #3eb135;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 14px;
    color: #3eb135;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li a:hover {opacity:0.8;}

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

.smv-note {}
section.under-section.topics-section {}
section.under-section.topics-section:nth-of-type(2) {}
section.under-section.topics-section .under.inner {}
section.under-section.topics-section .under.inner .lead-text {
    font-size: 4vw;
    margin: 4vw 0;
}
section.under-section.topics-section .under.inner .sub-lead-text {}
section.under-section.topics-section .under.inner .topics-head {}
section.under-section.topics-section .under.inner .topics-head .date {
    font-size: 3.5vw;
}
section.under-section.topics-section .under.inner .category_group {
    margin: 2vw 0;
}
section.under-section.topics-section .under.inner .category_group a.category_link {
    font-size: 3.5vw;
    padding: 1vw 2vw;
    margin-right: 3vw;
    margin-bottom: 2vw;
}
section.under-section.topics-section .under.inner .category_group a.category_link:hover {}
section.under-section.topics-section .under.inner .category_group a.category_link:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner h3 {
    margin: 5vw 0;
    font-size: 5vw;
    padding-bottom: 2vw;
}
section.under-section.topics-section .under.inner h3::before { content:""; }
section.under-section.topics-section .under.inner h3::after { content:""; }
section.under-section.topics-section .under.inner div.tag-list {}
section.under-section.topics-section .under.inner div.tag-list span.tag {
    padding: 1vw 2vw;
    font-size: 3.4vw;
    margin-right: 2vw;
}
section.under-section.topics-section .under.inner div.tag-list span.tag:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .main-img {}
section.under-section.topics-section .under.inner .main-img.handout-case-main {}
section.under-section.topics-section .under.inner .topics-cont {
    margin: 10vw 0;
}
section.under-section.topics-section .under.inner .topics-cont::nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont h4.topics-title {
    font-size: 4.5vw;
    padding: 3vw;
}
section.under-section.topics-section .under.inner .topics-cont h4.topics-title::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont h4.topics-title::after { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table {
    border-bottom: 1px solid #CCC;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr th,
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td {
    font-size: 3.5vw;
    padding: 2% 3%;
    display: block;
    width: 94%;
    text-align: center;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr th {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td {
    border-bottom: none;
    border-top: none;
}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a:hover {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td a span {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li:nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a {}
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a::before { content:""; }
section.under-section.topics-section .under.inner .topics-cont .sample-table tr td .item-list li a:hover {}
section.under-section.topics-section .under.inner .topics-cont .sample-img {}
section.under-section.topics-section .under.inner .topics-cont .sample-img li {
    width: 49%;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li {
    width: 49%;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li:nth-of-type(3n) {
    margin-right: 2%;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img.type2 li:nth-of-type(2n) {
    margin-right: 0;
}

section.under-section.topics-section .under.inner .topics-cont .sample-img li:nth-of-type(2n) {
    margin-right: 0;
}
section.under-section.topics-section .under.inner .topics-cont .sample-img li::nth-last-of-type(1) {}
section.under-section.topics-section .under.inner .topics-cont .sample-img li figure {
    height: 30vw;
}
section.under-section.topics-section .under.inner .pn-cont {
    margin: 6vw 0;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner {
    padding: 4.5vw 0;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn {
    margin-left: 4vw;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn .unactive {
    padding-left: 5vw;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn .unactive::before { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn .unactive::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.prevbtn .unactive:hover {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a::before {content:"";width: 25vw;bottom: -2vw;}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.indexbtn a:hover {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn {
    margin-right: 4vw;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn a {
    padding-right: 5vw;
}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn .unactive {}
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn .unactive::before { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn .unactive::after { content:""; }
section.under-section.topics-section .under.inner .pn-cont .pagenation_inner p.nextbtn .unactive:hover {}
section.under-section.topics-section .under.inner .new-list {}
section.under-section.topics-section .under.inner .new-list h3.new-list-title {}
section.under-section.topics-section .under.inner .new-list h3.new-list-title::before { content:""; }
section.under-section.topics-section .under.inner .new-list h3.new-list-title::after { content:""; }
section.under-section.topics-section .under.inner .new-list .itemlist {}
section.under-section.topics-section .under.inner .new-list .itemlist li {
    width: 100%;
    margin: 4vw 0;
    margin-right: 0;
    border-bottom: 2vw solid #3eb135;
    box-shadow: 2px 2px 20px 0px rgb(0 0 8 / 5%);
}
section.under-section.topics-section .under.inner .new-list .itemlist li:nth-of-type(2n) {
    margin-right: 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a {
    font-size: 4.5vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a:hover {}
section.under-section.topics-section .under.inner .new-list .itemlist li a figure {
    height: 45vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li a figure img {}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption p.date {
    font-size: 3.5vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link {}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link a {
    font-size: 3.5vw;
    padding: 1vw 1.5vw;
    margin: 0 1.5vw 1.5vw 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .category_link a:hover {}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption h4.textfit {
    margin: 2vw 0;
    font-size: 4.2vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list {
    margin-top: 3vw;
    padding-top: 4vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li {
    margin: 0 1.5vw 1.5vw 0;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li a {
    font-size: 3.5vw;
    padding: 1vw 1.5vw;
}
section.under-section.topics-section .under.inner .new-list .itemlist li figcaption .tag-list li a:hover {}

}

/* ページネーション ------------------------------ */

.navigation {
    margin: 40px 0 0;
}
.navigation .nav-links {
    display: flex;
    /* width: 420px; */
    /* justify-content: space-between; */
    /* margin: 0 auto; */
}
.navigation .nav-links .page-numbers {
    display: block;
    font-size: 18px;
    width: 50px;
    border: 1px solid #facd01;
    text-align: center;
    border-radius: 100%;
    padding: 11.5px 0;
    margin-right: 16px;
}
.navigation .nav-links a.page-numbers {

}
.navigation .nav-links a.page-numbers:hover { background: #facd01; color:#FFF;}
.navigation .nav-links a.page-numbers.prev {
    border: 1px solid #3eb135;
    background: #3eb135;
    color: #FFF;
}
.navigation .nav-links a.page-numbers.next {
    border: 1px solid #3eb135;
    background: #3eb135;
    color: #FFF;
}
.navigation .nav-links a.page-numbers.prev:hover { background: #FFF; color:#3eb135; }
.navigation .nav-links a.page-numbers.next:hover {background: #FFF; color:#3eb135;}
.navigation .nav-links span.page-numbers {
background: #facd01; color:#FFF;
}
.navigation .nav-links span.page-numbers.current {}
.navigation .nav-links span.page-numbers.dots {
    color: #000;
    border: none;
    background: none;
    width: auto;
}

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

.navigation {
    margin-top: 5vw;
}
.navigation .nav-links {
    /* width: 90%; */
}
.navigation .nav-links .page-numbers {
    font-size: 3.8vw;
    width: 10vw;
    padding: 3.1vw 0;
    line-height: 1;
    margin-right: 3.5vw;
}
.navigation .nav-links a.page-numbers {}
.navigation .nav-links a.page-numbers:hover {}
.navigation .nav-links a.page-numbers.prev {}
.navigation .nav-links a.page-numbers.next {}
.navigation .nav-links a.page-numbers.prev:hover {}
.navigation .nav-links a.page-numbers.next:hover {}
.navigation .nav-links span.page-numbers {}
.navigation .nav-links span.page-numbers.current {}
.navigation .nav-links span.page-numbers.dots {}

}



/* TOPICS ------------------------------ */

#FilterNav {}
#FilterNav .inner {
}
#FilterNav .inner .itemlist {
    display: flex !important;
    padding: 0;
}
#FilterNav .inner .itemlist li {
    list-style: none;
}
#FilterNav .inner .itemlist li a {}
#FilterNav .inner .itemlist li a:hover {}
#FilterNav .inner #categorys {}
#FilterNav .inner #categorys option {}

#Archive {}
#Archive .inner {}
#Archive .inner .itemlist {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
#Archive .inner .itemlist li {
    list-style: none;
    position: relative;
}
#Archive .inner .itemlist li:nth-of-type(3n) {
    margin-bottom: 50px;
}
#Archive .inner .itemlist li a {
    display: block;
}
#Archive .inner .itemlist li a:hover { opacity:0.7; }
#Archive .inner .itemlist li a figure {
    margin: 0;
}
#Archive .inner .itemlist li a figure img.ofi {
    transition: 0.5s all;
}
#Archive .inner .itemlist li a figure img.ofi:hover {}
#Archive .inner .itemlist li a figcaption {}
#Archive .inner .itemlist li a figcaption h4.textfit {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#Archive .inner .itemlist li a figcaption .categorylist {
    display: flex;
}
#Archive .inner .itemlist li a figcaption .categorylist label {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#Archive .inner .itemlist li a figcaption .description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 30px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#Archive .inner .itemlist li a figcaption .info {}
#Archive .inner .itemlist li a figcaption .info .author {
    display: none;
}
#Archive .inner .itemlist li a figcaption .info .date {
    margin: 0;
}

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

#FilterNav {}
#FilterNav .inner {
    width: 92%;
    padding: 0 4%;
}
#FilterNav .inner .itemlist {
    width: 100%;
    display: none !important;
}
#FilterNav .inner .itemlist li {
    width: 50%;
}
#FilterNav .inner .itemlist li a {}
#FilterNav .inner .itemlist li a:hover {}
#FilterNav .inner #categorys {
    display: block;
    width: auto;
    padding: 2vw 1vw;
    font-size: 3.8vw;
}
#FilterNav .inner #categorys option {}

#Archive {
    padding: 5vw 0 13vw 0;
}
#Archive .inner {
    width: 92%;
    padding: 0 4%;
}
#Archive .inner .itemlist {
    height: auto;
    overflow-y: initial;
}
#Archive .inner .itemlist li {
    opacity: 1;
}
#Archive .inner .itemlist li:nth-of-type(3n) {}
#Archive .inner .itemlist li:nth-last-of-type(1) {}
#Archive .inner .itemlist li a {}
#Archive .inner .itemlist li a:hover {}
#Archive .inner .itemlist li a figure {}
#Archive .inner .itemlist li a figure img.ofi {}
#Archive .inner .itemlist li a figure img.ofi:hover {}
#Archive .inner .itemlist li a figcaption {}
#Archive .inner .itemlist li a figcaption h4.textfit {
    font-size: 5vw;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
#Archive .inner .itemlist li a figcaption .categorylist {}
#Archive .inner .itemlist li a figcaption .categorylist label {}
#Archive .inner .itemlist li a figcaption .description {}
#Archive .inner .itemlist li a figcaption .info {}
#Archive .inner .itemlist li a figcaption .info .author {}
#Archive .inner .itemlist li a figcaption .info .date {}

}

/* topics */

.detailspace {}
.detailspace .contentspace {}
.detailspace .contentspace .titleinfo {}
.detailspace .contentspace .titleinfo h4 {}
.detailspace .contentspace .titleinfo h4 .date {
    font-family: HypatiaSansPro-Semibold, sans-serif;
    font-size: 16px;
    font-weight: normal;
}
.detailspace .contentspace .titleinfo .category_group {
    display: flex;
    margin: 16px 0;
}
.detailspace .contentspace .titleinfo .category_group .category {
    display: block;
    background: #3eb135;
    color: #FFF;
    padding: 4px 8px;
    margin-right: 12px;
    font-size: 15px;
}
.detailspace .contentspace .titleinfo .category_group .category:hover { opacity:0.8; }
.detailspace .contentspace .titleinfo h3 {
    font-size: 25px;
    border-bottom: 2px solid #3eb135;
    padding-bottom: 12px;
    margin: 32px 0;
}

.detailspace .contentspace .topics-content h1 {
    font-size: 40px;
    color: #000;
    border-bottom: 2px solid #3eb135;
    border-top: 2px solid #3eb135;
    padding: 16px 20px;
    background: #e7f6e5;
}
.detailspace .contentspace .topics-content h1::before { content:""; }
.detailspace .contentspace .topics-content h1::after { content:""; }
.detailspace .contentspace .topics-content h2 {
    font-size: 30px;
    color: #147d0b;
    position: relative;
    margin-bottom: 50px;
}
.detailspace .contentspace .topics-content h2::before {content:"";width: 100%;height: 4px;display: block;background: #FACE00;position: absolute;bottom: -20px;}
.detailspace .contentspace .topics-content h2::after {content:"";width: 150px;height: 4px;display: block;background: #3eb135;position: absolute;bottom: -20px;}
.detailspace .contentspace .topics-content h3 {
    font-size: 25px;
    border-bottom: 2px solid #3eb135;
    padding-bottom: 12px;
    margin: 32px 0;
}
.detailspace .contentspace .topics-content h3::before { content:""; }
.detailspace .contentspace .topics-content h3::after { content:""; }
.detailspace .contentspace .topics-content h4 {
    background: #3eb135;
    border-left: 8px solid #333;
    color: #FFF;
    padding: 16px;
    margin-top: 0;
    font-size: 20px;
}
.detailspace .contentspace .topics-content h4::before { content:""; }
.detailspace .contentspace .topics-content h4::after { content:""; }
.detailspace .contentspace .topics-content h5 {
    font-size: 18px;
    border-bottom: double 5px #3eb135;
    padding-bottom: 8px;
}
.detailspace .contentspace .topics-content h5::before { content:""; }
.detailspace .contentspace .topics-content h51::after { content:""; }
.detailspace .contentspace .topics-content h6 {
    font-size: 18px;
    color: #147d0b;
    margin: 20px 0;
}
.detailspace .contentspace .topics-content h6::before { content:""; }
.detailspace .contentspace .topics-content h6::after { content:""; }
.detailspace .contentspace .topics-content h7 {}
.detailspace .contentspace .topics-content h7::before { content:""; }
.detailspace .contentspace .topics-content h7::after { content:""; }

.detailspace .contentspace .topics-content blockquote {
    background: #F5F5F5;
    padding: 24px 32px;
    margin: 20px 0;
}
.detailspace .contentspace .topics-content blockquote p {
    margin: 0;
    position: relative;
}
.detailspace .contentspace .topics-content blockquote p::before {content: '“';position: relative;left: -4px;}
.detailspace .contentspace .topics-content blockquote p::after {content: '”';position: relative;right: -4px;}

.detailspace .contentspace .topics-content .flexslider {
    margin-bottom: 60px;
}
.detailspace .contentspace .topics-content .flexslider .slides {}
.detailspace .contentspace .topics-content .flexslider .slides li {}
.detailspace .contentspace .topics-content .flexslider .slides li img {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li a {
    background: #97d08f;
}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li a.flex-active {
    background: #26871e;
}
.detailspace .contentspace .topics-content p {
    font-size: 18px;
    line-height: 175%;
}
.detailspace .contentspace .topics-content p a {
    color: #147d0b;
    text-decoration: underline;
}
.detailspace .contentspace .topics-content p a:hover { text-decoration:initial; }
.detailspace .contentspace .topics-content img {}

.detailspace .contentspace .topics-content ul {
    font-size: 18px;
}
.detailspace .contentspace .topics-content ul li {
    margin-bottom: 8px;
}
.detailspace .contentspace .topics-content ul li::before { content:""; }
.detailspace .contentspace .topics-content ul li:nth-last-of-type(1) {
    margin-bottom: 0;
}
.detailspace .contentspace .topics-content ol {
    font-size: 18px;
}
.detailspace .contentspace .topics-content ol li {
    margin-bottom: 8px;
}
.detailspace .contentspace .topics-content ol li::before { content:""; }
.detailspace .contentspace .topics-content ol li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

#DetailPagenation {
    margin: 30px 0;
}
#DetailPagenation .pagenation_inner {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    border-bottom: 1px solid #CCC;
    padding: 24px 0;
    border-top: 1px solid #CCC;
}
#DetailPagenation .pagenation_inner .prevbtn {
    position: relative;
    margin: 0;
    color: #3eb135;
    margin-left: 40px;
    font-size: 16px;
    line-height: 175%;
}
#DetailPagenation .pagenation_inner .prevbtn a {
    position: relative;
    display: block;
    padding-left: 30px;
    font-weight: bold;
}
#DetailPagenation .pagenation_inner .prevbtn a::before {content:"";width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-right: 0;border-bottom: 0;transform: rotate(-45deg);transform-origin: top left;position: absolute;top: 50%;left: 0px;box-sizing: border-box;color: #3eb135;}
#DetailPagenation .pagenation_inner .indexbtn {
    position: relative;
    margin: 0;
    font-size: 16px;
    line-height: 175%;
}
#DetailPagenation .pagenation_inner .indexbtn a {
    font-weight: bold;
    position: relative;
}
#DetailPagenation .pagenation_inner .indexbtn a::after {content:"";width: 100px;position: absolute;display: block;height: 1px;background: #3eb135;left: 50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);bottom: -12px;}
#DetailPagenation .pagenation_inner .nextbtn {
    margin: 0;
    margin-right: 40px;
    position: relative;
    font-size: 16px;
    line-height: 175%;
}
#DetailPagenation .pagenation_inner .nextbtn a {
    position: relative;
    padding-right: 30px;
    font-weight: bold;
}
#DetailPagenation .pagenation_inner .nextbtn a::after {content:"";width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 0;box-sizing: border-box;color: #3eb135;}

section.under-section.topics-section .under.inner .itemlist.topics-list {}
section.under-section.topics-section .under.inner .itemlist.topics-list li {
    width: calc(33.3% - 33px);
    margin: 0 50px 50px 0;
    box-shadow: 2px 2px 80px 0px rgb(0 0 8 / 10%);
}
section.under-section.topics-section .under.inner .itemlist.topics-list li:nth-last-of-type(1) {
    margin-right: 0;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a {
    display: block;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figure {
    height: 220px;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figure img {}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption {
    background: #fff;
    padding: 20px 0 0 0;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption h4.textfit {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .categorylist {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 13px 0 0 0;
    padding: 0 30px;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .categorylist label {
    display: block;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"sans-serif";
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: .5px;
    padding: 0 10px;
    background: #32ac3b;
    color: #fff;
    margin: 0 2px 2px 0;
    cursor: pointer;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .textfit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 30px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info {
    background: #f8f8f8;
    padding: 0 10px;
    align-self: center;
    margin: 27px 0 0 0;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info .author {
    display: none;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info .date {
    font-family: HypatiaSansPro-Semibold, sans-serif;
    font-weight: 300;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: 2px;
    color: #4e5356;
}

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

.detailspace {}
.detailspace .contentspace {}
.detailspace .contentspace .titleinfo {}
.detailspace .contentspace .titleinfo h4 {}
.detailspace .contentspace .titleinfo h4 .date {
    font-size: 3.5vw;
}
.detailspace .contentspace .titleinfo .category_group {
    margin: 2vw 0;
}
.detailspace .contentspace .titleinfo .category_group .category {}
.detailspace .contentspace .titleinfo h3 {
    margin: 5vw 0;
    font-size: 5vw;
    padding-bottom: 2vw;
}

.detailspace .contentspace .topics-content h1 {
    font-size: 6.5vw;
    padding: 2vw 3vw;
}
.detailspace .contentspace .topics-content h1::before { content:""; }
.detailspace .contentspace .topics-content h1::after { content:""; }
.detailspace .contentspace .topics-content h2 {
    font-size: 6vw;
    margin-bottom: 11vw;
}
.detailspace .contentspace .topics-content h2::before {content:"";bottom: -4vw;}
.detailspace .contentspace .topics-content h2::after {content:"";width: 15vw;bottom: -4vw;}
.detailspace .contentspace .topics-content h3 {
    margin: 5vw 0;
    font-size: 5vw;
    padding-bottom: 2vw;
}
.detailspace .contentspace .topics-content h3::before { content:""; }
.detailspace .contentspace .topics-content h3::after { content:""; }
.detailspace .contentspace .topics-content h4 {
    font-size: 4.5vw;
    padding: 3vw;
}
.detailspace .contentspace .topics-content h4::before { content:""; }
.detailspace .contentspace .topics-content h4::after { content:""; }
.detailspace .contentspace .topics-content h5 {
    font-size: 3.8vw;
    padding-bottom: 2vw;
}
.detailspace .contentspace .topics-content h5::before { content:""; }
.detailspace .contentspace .topics-content h51::after { content:""; }
.detailspace .contentspace .topics-content h6 {
    font-size: 3.8vw;
    margin: 4vw 0;
}
.detailspace .contentspace .topics-content h6::before { content:""; }
.detailspace .contentspace .topics-content h6::after { content:""; }
.detailspace .contentspace .topics-content h7 {}
.detailspace .contentspace .topics-content h7::before { content:""; }
.detailspace .contentspace .topics-content h7::after { content:""; }
.detailspace .contentspace .topics-content .flexslider {
    margin-bottom: 12vw;
}
.detailspace .contentspace .topics-content .flexslider .slides {}
.detailspace .contentspace .topics-content .flexslider .slides li {}
.detailspace .contentspace .topics-content .flexslider .slides li img {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li a {}
.detailspace .contentspace .topics-content .flexslider .flex-control-nav li a.flex-active {}
.detailspace .contentspace .topics-content p {
    font-size: 3.8vw;
}
.detailspace .contentspace .topics-content img {}

.detailspace .contentspace .topics-content blockquote {
    padding: 5vw 7vw;
    margin: 4vw 0;
}
.detailspace .contentspace .topics-content blockquote p {
    font-size: 3.8vw;
}
.detailspace .contentspace .topics-content blockquote p::before {
    left: -1vw;
}
.detailspace .contentspace .topics-content blockquote p::after {
    right: -1vw;
}

.detailspace .contentspace .topics-content ul {
    font-size: 3.8vw;
    padding-left: 8vw;
}
.detailspace .contentspace .topics-content ul li {
    margin-bottom: 2vw;
}
.detailspace .contentspace .topics-content ul li::before { content:""; }
.detailspace .contentspace .topics-content ul li:nth-last-of-type(1) {}
.detailspace .contentspace .topics-content ol {
    font-size: 3.8vw;
    padding-left: 8vw;
}
.detailspace .contentspace .topics-content ol li {
    margin-bottom: 2vw;
}
.detailspace .contentspace .topics-content ol li::before { content:""; }
.detailspace .contentspace .topics-content ol li:nth-last-of-type(1) {}
    
#DetailPagenation {
    margin: 6vw 0;
}
#DetailPagenation .pagenation_inner {
    padding: 4.5vw 0;
}
#DetailPagenation .pagenation_inner .prevbtn {
    margin-left: 4vw;
    font-size: 3.5vw;
}
#DetailPagenation .pagenation_inner .prevbtn a {
    padding-left: 5vw;
}
#DetailPagenation .pagenation_inner .prevbtn a::before { content:""; }
#DetailPagenation .pagenation_inner .indexbtn {
    font-size: 3.5vw;
}
#DetailPagenation .pagenation_inner .indexbtn a {}
#DetailPagenation .pagenation_inner .indexbtn a::after {content:"";width: 25vw;bottom: -2vw;}
#DetailPagenation .pagenation_inner .nextbtn {
    margin-right: 4vw;
    font-size: 3.5vw;
}
#DetailPagenation .pagenation_inner .nextbtn a {
    padding-right: 5vw;
}
#DetailPagenation .pagenation_inner .nextbtn a::after { content:""; }

section.under-section.topics-section .under.inner .itemlist.topics-list {}
section.under-section.topics-section .under.inner .itemlist.topics-list li {
    width: 100%;
    margin: 0 0 8vw 0;
    box-shadow: 2px 2px 20px 0px rgb(0 0 8 / 5%);
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a {}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figure {
    height: 52vw;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figure img {}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption {
    padding: 7vw 0 0 0;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption h4.textfit {
    font-size: 5vw;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .categorylist {
    margin: 4.2vw 0 0 0;
    padding: 0 6vw;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .categorylist label {
    font-size: 3vw;
    line-height: 6.2vw;
    letter-spacing: .2vw;
    margin: 0 0.5vw 0.5vw 0;
    padding: 0 3vw;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .textfit {
    font-size: 3.5vw;
    line-height: 6vw;
    letter-spacing: .2vw;
    padding: 0 6vw;
    margin: 4vw 0 0 0;
    max-height: 12vw;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info {
    padding: 0 4vw;
    margin: 7.7vw 0 0 0;
}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info .author {}
section.under-section.topics-section .under.inner .itemlist.topics-list li a figcaption .info .date {
    font-size: 3vw;
    line-height: 8.5vw;
    letter-spacing: .2vw;
}

}

/* POINT */

section.under-section.topics-section .under.inner .lead-text.point-text {
    font-size: 22px;
    font-weight: bold;
}
section.under-section.topics-section .under.inner .point-cont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
section.under-section.topics-section .under.inner .point-cont:nth-last-of-type(1) {
    margin-bottom: 0;
}
section.under-section.topics-section .under.inner .point-cont iframe {
    width: 60%;
    height: auto;
}

section.under-section.topics-section .under.inner .point-cont .point-box {
    width: 38%;
}
section.under-section.topics-section .under.inner .point-cont .point-box h5 {
    margin-top: 0;
    font-size: 18px;
    border-bottom: double 5px #3eb135;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
section.under-section.topics-section .under.inner .point-cont .point-box p.point {
    margin: 0 0 8px;
    font-size: 16px;
    line-height: 150%;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table {}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr {}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr th,
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr td {
    border: 1px solid #CCC;
    padding: 4px;
    font-size: 15px;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr th {
    background: #F5F5F5;
    color: #3eb135;
    width: 62px;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr td {
}
section.under-section.topics-section .under.inner .point-cont .point-box p.note {
    margin: 8px 0;
    font-size: 13px;
    margin-bottom: 0;
}
section.under-section.topics-section .under.inner .point-cont .point-box p.note::before {content:"";display: none;}
section.under-section.topics-section .under.inner .point-cont .pict-iframe {
    width: 100%;
    margin-top: 40px;
}
section.under-section.topics-section .under.inner .point-cont .pict-iframe iframe {
    width: 100%;
    height: 450px;
}

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

section.under-section.topics-section .under.inner .lead-text.point-text {
    font-size: 4.5vw;
}
section.under-section.topics-section .under.inner .point-cont {
    display: block;
    margin-bottom: 8vw;
}
section.under-section.topics-section .under.inner .point-cont iframe {
    width: 100%;
    height: 60vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box {
    width: 100%;
    margin-top: 4vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box h5 {
    font-size: 3.5vw;
    padding-bottom: 2vw;
    margin-bottom: 2vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box p.point {
    font-size: 3.5vw;
    margin-bottom: 3vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table {}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr {}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr th,
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr td {
    font-size: 3.5vw;
    padding: 1vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr th {
    width: 14vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box .point-table tr td {}
section.under-section.topics-section .under.inner .point-cont .point-box p.note {
    display: block;
    margin: 2vw 0;
    font-size: 3.2vw;
}
section.under-section.topics-section .under.inner .point-cont .point-box p.note::before { content:"※" }
section.under-section.topics-section .under.inner .point-cont .pict-iframe {
    margin-top: 6vw;
}
section.under-section.topics-section .under.inner .point-cont .pict-iframe iframe {
    height: 60vw;
}

}

/* top topics */

.top-topics {
    background: #FFF;
    padding-top: 80px;
    padding-bottom: 80px;
}
.top-topics .inner.topics {}
.top-topics .inner.topics h2.topics-title {
    letter-spacing: 0.02em;
    margin-top: 0px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #333;
    line-height: 125%;
}
.top-topics .inner.topics .topics-box {
    display: flex;
    flex-wrap: wrap;
}
.top-topics .inner.topics .topics-box .box-in {
    width: 46%;
    position: relative;
    padding: 0 2%;
}
.top-topics .inner.topics .topics-box .box-in.type2 {
    width: 100%;
}
.top-topics .inner.topics .topics-box .box-in.type2 .topics-list li {
    width: 23%;
}
.top-topics .inner.topics .topics-box .box-in:nth-of-type(2n) {
}
.top-topics .inner.topics .topics-box .box-in:nth-of-type(2n)::before {content:"";display: block;position: absolute;width: 1px;height: 100%;left: 0;border-left: 1px dotted #3eb135;}
.top-topics .inner.topics .topics-box .box-in:nth-of-type(1)::after,
.top-topics .inner.topics .topics-box .box-in:nth-of-type(2)::after{content:"";display: block;position: absolute;width: 100%;height: 1px;border-bottom: 1px dotted #3eb135;bottom: 0;}
.top-topics .inner.topics .topics-box .box-in h3.topics-title {
    font-size: 24px;
    border-bottom: 2px solid #3eb135;
    padding-bottom: 12px;
    margin: 32px 0;
    letter-spacing: -0.02em;
}
.top-topics .inner.topics .topics-box .box-in h3.topics-title::beofre { content:""; }
.top-topics .inner.topics .topics-box .box-in .topics-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 24px 0;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li {
    width: 48%;
    /* margin: 24px 0; */
    background: #FFF;
    border-bottom: 8px solid #3eb135;
    box-shadow: 2px 2px 80px 0px rgb(0 0 8 / 10%);
}
.top-topics .inner.topics .topics-box .box-in .topics-list li:nth-last-of-type(1) {}
.top-topics .inner.topics .topics-box .box-in .topics-list li a {
    display: block;
    width: 100%;
    height: 100%;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li a figure {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin: 0;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s all;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li a:hover figure img {
    transform: scale(1.2,1.2);
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption {
    padding: 14px;
    padding-top: 12px;
    padding-bottom: 8px;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption h4.textfit {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4px;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist label {
    background: #3eb135;
    color: #FFF;
    font-size: 13px;
    padding: 4px 6px;
    margin: 0 8px 8px 0;
    display: none;
    letter-spacing: -0.04em;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist label:nth-of-type(1),
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist label:nth-of-type(2) {
    display: block;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    border-top: 1px solid #3eb135;
    padding-top: 16px;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li {
    list-style: none;
    width: auto;
    margin: 0 8px 8px 0;
    border: none;
    box-shadow: none;
    border: 2px solid #3eb135;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 13px;
    color: #3eb135;
    display: none;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(1),
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(2) {
    display: block;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .date {
    margin: 0;
    font-size: 14px;
    font-family: HypatiaSansPro-Semibold, sans-serif;
    color: #3eb135;
    font-weight: bold;
}


.top-topics .inner.topics .topics-box .box-in.top-color {}
.top-topics .inner.topics .topics-box .box-in.top-color2 {}
.top-topics .inner.topics .topics-box .box-in.top-color3 {}

.top-topics .inner.topics .topics-box .box-in.top-color a.top-t-link {}
.top-topics .inner.topics .topics-box .box-in.top-color2 a.top-t-link {
    color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 a.top-t-link {
    color: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color h3.topics-title {}
.top-topics .inner.topics .topics-box .box-in.top-color2 h3.topics-title {
    border-color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 h3.topics-title {
    border-color: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li {
    border-color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li {
    border-color: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .date {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .date {
    color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .date {
    color: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption div.categorylist label {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption div.categorylist label {
    background: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption div.categorylist label {
    background: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .tag-list {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .tag-list {
    border-color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .tag-list {
    border-color: #f5a523;
}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .tag-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .tag-list li {
    color: #4BB79F;
    border-color: #4BB79F;
}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .tag-list li {
    color: #f5a523;
    border-color: #f5a523;
}

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

.top-topics {
    padding-top: 6vw;
    padding-bottom: 8vw;
}
.top-topics .inner.topics {}
.top-topics .inner.topics h2.topics-title {
    font-size: 7vw;
    margin-bottom: 3vw;
}
.top-topics .inner.topics .topics-box {}
.top-topics .inner.topics .topics-box .box-in {
    width: 100%;
    padding: 0;
}
.top-topics .inner.topics .topics-box .box-in::before,
.top-topics .inner.topics .topics-box .box-in::after {content:"";display: none !important;}
.top-topics .inner.topics .topics-box .box-in h3.topics-title {
    margin: 5vw 0;
    font-size: 5vw;
    padding-bottom: 2vw;
}
.top-topics .inner.topics .topics-box .box-in h3.topics-title::beofre { content:""; }
.top-topics .inner.topics .topics-box .box-in .topics-list {
    margin: 5vw 0;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li,
	.top-topics .inner.topics .topics-box .box-in.type2 .topics-list li {
    width: 100%;
    margin-bottom: 5vw;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li:nth-last-of-type(1) {}
.top-topics .inner.topics .topics-box .box-in .topics-list li a {}
.top-topics .inner.topics .topics-box .box-in .topics-list li a figure {
    height: 45vw;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li a figure img {}
.top-topics .inner.topics .topics-box .box-in .topics-list li a figure img:hover {}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption {}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption h4.textfit {
    font-size: 4.2vw;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist {}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption div.categorylist label {
    font-size: 3.5vw;
    padding: 1vw 2vw;
    margin: 0 2vw 2vw 0;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list {}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li {
    font-size: 3.5vw;
    padding: 1vw 2vw;
    margin: 0 2vw 2vw 0;
}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(1),
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(2),
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(3),
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .tag-list li:nth-of-type(4) {}
.top-topics .inner.topics .topics-box .box-in .topics-list li figcaption .date {
    font-size: 3.5vw;
}

.top-topics .inner.topics .topics-box .box-in.top-color {}
.top-topics .inner.topics .topics-box .box-in.top-color2 {}
.top-topics .inner.topics .topics-box .box-in.top-color3 {}

.top-topics .inner.topics .topics-box .box-in.top-color a.top-t-link {}
.top-topics .inner.topics .topics-box .box-in.top-color2 a.top-t-link {}
.top-topics .inner.topics .topics-box .box-in.top-color3 a.top-t-link {}

.top-topics .inner.topics .topics-box .box-in.top-color h3.topics-title {}
.top-topics .inner.topics .topics-box .box-in.top-color2 h3.topics-title {}
.top-topics .inner.topics .topics-box .box-in.top-color3 h3.topics-title {}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li {}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .date {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .date {}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .date {}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption div.categorylist label {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption div.categorylist label {}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption div.categorylist label {}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .tag-list {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .tag-list {}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .tag-list {}

.top-topics .inner.topics .topics-box .box-in.top-color .topics-list li figcaption .tag-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color2 .topics-list li figcaption .tag-list li {}
.top-topics .inner.topics .topics-box .box-in.top-color3 .topics-list li figcaption .tag-list li {}

}