@charset "utf-8";


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


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

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.5;
	color: #333;
}


p {font-size:14px; font-weight: 300;}


a { text-decoration: none; transition-property: all; transition: 0.3s linear; }
a:hover { opacity:0.8; }
a:active {}
a:visit {}
.flex {
    display: flex;
}


.en-font {}

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

section {
    /* margin-left: 200px; */
    min-width: 1300px;
}

@media only screen and (max-width: 1024px){
section {min-width: 1024px;}
}

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

@media only screen and (max-width: 1024px){
.inner {
    width: 1000px;
    padding: 60px 5px;
}
}

section+p {
    display: none;
}

.bg-gray {
    background: #efefef;
}
.bg-green {
    background: #c6e8e7;
}
.bg-white {
    background: #FFF;
}
.bg-brown {
    background: #9d8e71;
}
.bg-yellow {
    /* background: url(../img/dotted.png); */
    background: #fef5cb;
}

.bg-green-g {
    background: linear-gradient(to right, #01a09b, #009a44);
}
.bg-yellow-g {
    background: linear-gradient(to right, #fdf100, #ffc236);
}

.bg-yellow::before {content:"";/* background: url(../img/dotted.png); */display: block;/* width: 100%; */height: 180px;position: absolute;}
.radius20 {
    border-radius: 20px;
}

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

@media only screen and (max-width: 768px){
section {
    margin-left: 0px;
    min-width: initial;
}
.pc {display: none !important;min-width: initial !important;}
.sp {display:block !important;}
.inner {
    width: 94%;
    padding: 10vw 0px;
}
.radius20 {}
p { font-size:3.5vw; }
}


/*--------------------------------------------------

	MV

--------------------------------------------------*/

.mv {
    min-width: 1300px;
    background: #FAFAFA;
    z-index: 999;
    position: relative;
}
.mv .mv-bg {}
.mv .mv-bg.box {background:#fafafa;position: relative;min-height: 690px;max-height: 690px !important;}
.mv .mv-bg .mv-bg-in {
    width: 1080px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.mv .mv-bg .mv-bg-in .mv-content {
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont {
    /* position: absolute; */
    /* top: 47%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    /* -webkit-transform: translate(-50%,-50%); */
    background-size: 1;
    background-size: 100%;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-img {
    position: absolute;
    top: 55px;
    right: 0px;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .main-img {
    width: 900px;
    display: block;
    margin: 0 auto;
    position: initial;
    top: initial;
    left: initial;
    transform: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont p.sub-copy {
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy {
    width: 445px;
    position: absolute;
    top: 30px;
    left: 0px;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .copy-img {
    width: 445px;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .main-copy {
    text-align: center;
    color: #028645;
    font-size: 30px;
    line-height: 133%;
    margin: 0px;
    margin-top: 20px;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .sub-copy {
    text-align: center;
    color: #333;
    font-weight: normal;
    margin: 0px;
    margin-top: 10px;
    font-size: 20px;
}

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

.mv {min-width: 1024px;}
.mv .mv-bg .mv-bg-in {
    width: 1024px;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .main-img {
    width: 800px;
    margin-top: 30px;
}

}

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

.mv {min-width: initial;margin-top: -17.5vw;z-index: 998;}
.mv .mv-bg {}
.mv .mv-bg.box {
    min-height: initial;
    height: 183vw !important;
    max-height: initial !important;
}
.mv .mv-bg .mv-bg-in {width: 94%;}
.mv .mv-bg .mv-bg-in .mv-content {}
.mv .mv-bg .mv-bg-in .mv-content .main-cont {
    width: 100%;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .sub-img {
    width: 70vw;
    top: 2vw;
}

.mv .mv-bg .mv-bg-in .mv-content .main-img+p+.sub-img+.sub-img {
    width: 98vw;
    top: -26.5vw;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .main-img {
    width: 117vw;
    margin-top: 98vw;
    object-fit: cover;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy {
    width: 98%;
    top: 25vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont p.sub-copy {
    position: absolute;
    bottom: 19vw;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    text-align: center;
    display: block;
    width: 100%;
    font-size: 5vw;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-img {
    top: initial;
    transform: initial;
    -webkit-transform: initial;
}

.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .copy-img {
    width: 100%;
    margin: 0 auto;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .main-copy {
    font-size: 6vw;
    margin-top: 2vw;
}
.mv .mv-bg .mv-bg-in .mv-content .main-cont .mv-copy .sub-copy {
    position: initial;
    font-size: 5vw;
    margin-top: 1vw;
}

}


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

header {}
header.header-nav {
    /* z-index: 9; */
    top: 0;
    width: 100%;
    text-align: left;
    -moz-box-shadow: 0 0 4px #cecece;
    /* -webkit-box-shadow: 0 0 4px #cecece; */
    /* box-shadow: 0 0 4px #cecece; */
    z-index: 9999;
    background: #FFF;
    min-width: 1300px;
    position: relative;
}
header.header-nav .header-inner {
    display: flex;
    justify-content: space-between;
    height: 70px;
    width: 1300px;
    margin: 0 auto;
}
header.header-nav .header-inner h1 {margin-left: 20px;margin-top: 7px;margin-bottom: 7px;}
header.header-nav .header-inner h1 a {padding: 0px;z-index: 999;}
header.header-nav .header-inner h1 a img {
    width: 370px;
    display: block;
    margin: 0 auto;
}
header.header-nav .header-inner h1 a img:hover { opacity:0.8; transition-property: all; transition: 0.3s linear;}
header.header-nav .header-inner nav {}
header.header-nav .header-inner nav ul {
    padding: 0px;
    width: 89px;
    margin: 0 auto;
}
header.header-nav .header-inner nav ul li {
    list-style: none;
    margin-bottom: 30px;
}
header.header-nav .header-inner nav ul li a {
    font-size: 14px;
    color: #333;
}
header.header-nav .header-inner nav ul li a:hover {}

header.header-nav .header-inner nav ul.pc-menu {
    width: auto;
    display: flex;
}
header.header-nav .header-inner nav ul.pc-menu li {
    height: 70px;
    margin-bottom: 0px;
}
header.header-nav .header-inner nav ul.pc-menu li a {
    display: block;
    line-height: 0;
}
header.header-nav .header-inner nav ul.pc-menu li a img {
    height: 70px;
}
header.header-nav .header-inner nav ul.pc-menu li.tel {}
header.header-nav .header-inner nav ul.pc-menu li.line {}
header.header-nav .header-inner nav ul.pc-menu li.contact {}
header.header-nav .header-inner nav ul.pc-menu li a img:hover {}

header.header-nav .sec-nav {
    background: linear-gradient(to right, #01a09b, #009a44);
    min-width: 1300px;
}
header.header-nav .sec-nav ul {
    display: flex;
    width: 500px;
    margin: 0 auto;
    justify-content: space-between;
}
header.header-nav .sec-nav ul li {
    /* margin-right: 30px; */
    padding: 6px 0 10px;
    width: auto;
}
header.header-nav .sec-nav ul li:nth-last-of-type(1) {
    margin-right: 0px;
}
header.header-nav .sec-nav ul li a {
    color: #FFF;
    font-size: 14px;
}

header.header-nav .covid-19 {
    background: #fafafa;
    padding: 16px 0;
}
header.header-nav .covid-19 a {}
header.header-nav .covid-19 a img {
    display: block;
    margin: 0 auto;
}
header.header-nav .covid-19 a img:hover {}

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

header.header-nav {
    min-width: 1024px;
}

header.header-nav .sec-nav { min-width: 1024px; }

header.header-nav .header-inner {
    width: 1024px;
}

}

@media only screen and (max-width: 768px){
header.header-nav .header-inner {
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto;
}
header {}
header.header-nav {
    background: initial;
    position: initial;
    width: 100%;
    height: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: initial;
}

header.header-nav .header-inner h1 {
    margin: 6vw 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

header.header-nav a {
    padding-top: 6vw;
    padding-bottom: 6vw;
    float: none;
    padding-left: 4%;
    display: initial;
    position: relative;
}
header.header-nav .header-inner h1 a img {
    width: 40vw;
    left: 4vw;
    position: relative;
    z-index: 999;
    top: 4vw;
}

header.header-nav .header-inner h1 a img.sphead {
    width: 75vw;
    left: 3vw;
    top: 3vw;
}

header.header-nav nav {
    float: none;
    width: 100%;
}
header.header-nav .sec-nav {
    min-width: initial;
}
#nav-toggle {
    position: fixed;
    top: 25px;
    right: 25px;
    height: 32px;
    cursor: pointer; }
    
#nav-toggle div {
    position: relative;
    width: 36px;
  }
  
#nav-toggle div span {
    width: 100%;
    height: 2px;
    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: 14px; }
#nav-toggle div span:nth-of-type(3) { top: 28px; }

#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: 15px; 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: 15px; transform: rotate(-45deg); }

/* z-index */
#nav-toggle {z-index: 2000;top: 4.5vw;right: 4vw;}
#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: 20px 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 4vw;
    }
#gloval-nav a:hover { color: #666; }

#gloval-nav a.contact-btn {
    background: #FFF;
    color: #01a09b;
    width: 80%;
    margin: 0 auto;
    border-radius: 40px;
    margin-top: 4vw;
}
  
#gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;}
/*
#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 {}
#gloval-nav ul li.contact {
    margin-top: 20px;
}
#gloval-nav ul li.contact a {
    color: #0370c9;
    width: 90%;
    background: #FFF;
    margin: 0 auto;
    border-radius: 100px;
}
#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 {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    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;
    background: linear-gradient(to right, #01a09b, #009a44);
}
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}

#gloval-nav nav ul li a.covid-19 {
    background: none;
}
#gloval-nav nav ul li a.covid-19 img {
    width: 92%;
}
#gloval-nav nav ul li a.covid-19 img:hover {}

}

/* Service ------------------------------ */

#content01 {}
#content01.bg-white {
    position: relative;
}
#content01.bg-white .inner {
    position: relative;
}
section .under img {
    width: 100%;
}
section .inner {}
section .inner h2 {
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
    border-left: 5px solid #01a09b;
    color: #333;
    padding: 5px 0 0px 20px;
}
section .inner h2 span.kan {
    font-size: 50px;
    padding-right: 16px;
    font-weight: 600;
    display: block;
    line-height: 100%;
    color: #01a09b;
    margin-bottom: -2px;
}
section .inner h3.sub-title {
    font-size: 20px;
    margin: 0px;
}
section .inner p {}

#content01 .inner h2 {
}
#content01 .inner h2 span.en {}
#content01 .inner h3.sub-title {
    position: relative;
    margin-left: 56px;
    margin-top: 40px;
    font-weight: normal;
}
#content01 .inner h3.sub-title::before {content:"";position: absolute;display: block;width: 40px;height: 3px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: -56px;background: linear-gradient(to right, #01a09b, #009a44);}
#content01 .inner h3.sub-title.ippan {}
#content01 .inner h3.sub-title.houjin {
    margin-top: 56px;
}
#content01 .inner h3.sub-title.ippan::before { content:""; }
#content01 .inner h3.sub-title.houjin::before {content:"";background: linear-gradient(to right, #fdf100, #ffc236);}

#content01 .inner h3.sub-title .main-t {
    font-size: 21px;
    font-weight: normal;
    margin-right: 16px;
}
#content01 .inner h3.sub-title .sub-t {
    font-size: 14px;
}


#content01 .inner p {}

section .inner .content3 {
    flex-wrap: wrap;
    padding: 0px;
    margin-top: 24px;
}
section .inner .content3 li a {}
section .inner .content3 li a+p {
    display: none;
}
section .inner .content3 li a br {
    display: none;
}
section .inner .content3 li a img {width: 100%;}
section .inner .content3 li a img+p {
    display: none;
}
section .inner .content3 li a div {
    padding: 20px;
}
section .inner .content3 li a div h4 {
    margin-top: 0px;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 0px;
    font-weight: normal;
}

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

section .inner .content3 li a div p {
    margin-top: 8px;
    color: #FFF;
    margin-bottom: 0px;
}

section .inner .content3 li.bg-yellow-g a div h4,
section .inner .content3 li.bg-yellow-g a div p {
    color: #02863c;
}

section .inner .content3 li a div p span {
    display: block;
    font-size: 12px;
    margin-top: 8px;
}

section .inner .content3 li.w100 { width: 100%; }
section .inner .content3 li {
    width: 33.333%;
    list-style: none;
    position: relative;
    padding: 0px;
}
section .inner .content3 li:nth-last-of-type(1)::after {content:"";border: none;}
section .inner .content3 li:nth-last-of-type(1) {  }
section .inner .content3:nth-of-type(2) {}
section .inner .content3 li.w25 {
    width: 25%;
}

.inner h2 span.kan img {
    height: 44px;
    margin-bottom: 6px;
}

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

#content01 {}
#content01.bg-white {
    position: relative;
}
#content01.bg-white .inner {
    position: relative;
}

section .inner {}
section .inner h2 {
    font-size: 4vw;
    margin: 0px;
    font-weight: normal;
}
section .inner h2 span.kan {
    font-size: 8vw;
    padding-right: 16px;
    font-weight: 600;
}
#content01 .inner h3.sub-title {
    font-size: 5vw;
    margin: 0px;
    margin-top: 4vw;
}
section .inner p {}

#content01 .inner h2 {}
#content01 .inner h2 span.en {}
#content01 .inner h3.sub-title::before {content:"";left: 0px;top: 7vw;transform: initial;-webkit-transform: initial;height: 2px;width: 100%;}
#content01 .inner h3.sub-title.ippan {}
#content01 .inner h3.sub-title.houjin {
    margin-top: 8vw;
}
#content01 .inner h3.sub-title.ippan::before { content:""; }
#content01 .inner h3.sub-title.houjin::before { content:""; }

#content01 .inner h3.sub-title .main-t {
    display: block;
    font-size: 4vw;
    margin-right: 0px;
}
#content01 .inner h3.sub-title .sub-t {
    margin-top: 3vw;
    display: block;
    font-size: 3.5vw;
}


#content01 .inner p {}

section .inner .content3 {
    display: block;
    margin-top: 6vw;
}
section .inner .content3 li a {}
section .inner .content3 li a img { }
section .inner .content3 li a div {
    padding: 4%;
}
section .inner .content3 li a div h4 {
    font-size: 4.5vw;
}
section .inner .content3 li a div p {
    font-size: 3.5vw;
    margin-top: 1vw;
}
section .inner .content3 li a div p span {
    font-size: 3vw;
    margin-top: 1vw;
}

section .inner .content3 li.w100 { width: 100%; }
section .inner .content3 li,
section .inner .content3 li.w25 {
    width: 100%;
    list-style: none;
    position: relative;
    padding: 0px;
}
section .inner .content3 li:nth-last-of-type(1)::after {content:"";border: none;}
section .inner .content3 li:nth-last-of-type(1) {  }
section .inner .content3:nth-of-type(2) {}

.inner h2 span.kan img {
    height: 7vw;
}

}

/* About ------------------------------ */

#content02 {}
#content02 .inner {}
#content02 .inner h2 {}
#content02 .inner h2 span.kan {}
#content02 .inner .about-cont {
    margin-top: 50px;
    position: relative;
    height: 336px;
}
#content02 .inner .about-cont .about-cont-in {
    width: 400px;
    height: 336px;
}
#content02 .inner .about-cont .about-cont-in p {
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 50px;
    line-height: 180%;
}
#content02 .inner .about-cont .about-cont-in p:nth-of-type(2) {
    margin-bottom: 30px;
}
#content02 .inner .about-cont .about-cont-in img {
    width: 146px;
}
#content02 .inner .about-cont .about-cont-in a.about-a {
    font-weight: 600;
    color: #01a09b;
    font-size: 16px;
}
#content02 .inner .about-cont .about-cont-in a.about-a::after { content:""; }
#content02 .inner .about-cont .about-cont-in:nth-of-type(2) {
    width: 600px;
    position: relative;
    top: -130px;
    height: auto;
}
#content02 .inner .about-cont .about-cont-in:nth-of-type(2) img {
    width: 100%;
}

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

#content02 .inner .about-cont .about-cont-in:nth-of-type(2) {
    width: 580px;
}

}

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

#content02 {}
#content02 .inner {}
#content02 .inner h2 {
    padding-left: 3vw;
}
#content02 .inner h2 span.kan {}
#content02 .inner .about-cont {
    height: auto;
    margin-top: 6vw;
}
#content02 .inner .about-cont .about-cont-in {
    width: 100%;
    height: auto;
}
#content02 .inner .about-cont .about-cont-in p {
    font-size: 5vw;
    margin-bottom: 2vw;
}
#content02 .inner .about-cont .about-cont-in p:nth-of-type(2) {
    margin-bottom: 4vw;
}
#content02 .inner .about-cont .about-cont-in img {
    width: 100%;
    margin-bottom: 4vw;
}
#content02 .inner .about-cont .about-cont-in a.about-a {}
#content02 .inner .about-cont .about-cont-in a.about-a img {
    width: 35vw;
    margin-bottom: 0px;
}
#content02 .inner .about-cont .about-cont-in a.about-a::after { content:""; }
#content02 .inner .about-cont .about-cont-in:nth-of-type(2) {}
#content02 .inner .about-cont .about-cont-in:nth-of-type(2) img {}

}

/* News ------------------------------ */

#content03 {}
#content03 .inner {
}

#content03 .inner .top-cont {
    margin: 0px;
    padding-left: 0px;
    margin-bottom: 60px;
}
#content03 .inner .top-cont li {
    background: url(../img/img15_2.jpg);
    width: 50%;
    height: 350px;
    background-size: 500px;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear;
}

#content03 .inner .top-cont li:hover { opacity:0.8; }

#content03 .inner .top-cont li:nth-of-type(2) {background: url(../img/img16.jpg);background-size: 500px;}
#content03 .inner .top-cont li a {
    display: block;
    width: 100%;
    height: 100%;
}
#content03 .inner .top-cont li:nth-of-type(2) a {}
#content03 .inner .top-cont li a h2.title {
    color: #FFF;
    border-left: none;
    width: 200px;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0px;
    font-size: 16px;
    position: relative;
    font-weight: normal;
    padding-top: 40px;
    margin-bottom: 64px;
}
#content03 .inner .top-cont li a h2.title span.kan {
    color: #FFF;
    font-size: 30px;
    margin-bottom: 4px;
    padding-right: 0px;
}

#content03 .inner .top-cont li a h2.title span.kan img {
    height: 24px;
}

#content03 .inner .top-cont li a h2.title::after {content:"";display: block;width: 50px;height: 3px;position: absolute;background: linear-gradient(to right, #01a09b, #009a44);left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: -8px;}

#content03 .inner .top-cont li a p {
    color: #FFF;
    text-align: center;
}
#content03 .inner .top-cont li:nth-of-type(2) a h2.title {}
#content03 .inner .top-cont li:nth-of-type(2) a h2.title span.kan {}
#content03 .inner .top-cont li:nth-of-type(2) a p {}


#content03 .inner .news-cont-list {
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
}
#content03 .inner .news-cont-list li {
    list-style: none;
}
#content03 .inner .news-cont-list li:nth-last-of-type(1) {width: 700px;}
#content03 .inner .news-cont-list li h2 {}
#content03 .inner .news-cont-list li h2.en {}
#content03 .inner .news-cont-list li a {}
#content03 .inner .news-cont-list li a.btn4 {
    width: 250px;
    background: #3bc3c3;
    text-align: center;
    padding: 18px 0;
    border-radius: 30px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    margin-top: 24px;
}
#content03 .inner .news-cont-list li a.btn4::after {content:"";background: url(../img/img30.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#content03 .inner .news-cont-list li a.btn4:hover {}
#content03 .inner .news-cont-list li .news-list {}
#content03 .inner .news-cont-list li .news-list dl {
    width: 100%;
    position: relative;
    display: block;
    background: #EEE;
    margin: 0px;
}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n) {background: #FFF;}
#content03 .inner .news-cont-list li .news-list dl::after {content:"";background: url(../img/img20.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n)::after {content:"";background: url(../img/img21.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#content03 .inner .news-cont-list li .news-list dl a {
    font-size: 14px;
    color: #333;
    display: block;
    width: 100%;
    padding: 9.5px 15px;
}
#content03 .inner .news-cont-list li .news-list dl a:hover {}
#content03 .inner .news-cont-list li .news-list dl a dt {
    float: left;
    width: auto;
    margin-right: 30px;
}
#content03 .inner .news-cont-list li .news-list dl a dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    width: 575px;
    overflow: hidden;
}
#content03 .inner .news-cont-list li .news-list dl a dt,
#content03 .inner .news-cont-list li .news-list dl a dd { transition-property: all; transition: 0.3s linear; }
#content03 .inner .news-cont-list li .news-list dl a:hover dt,
#content03 .inner .news-cont-list li .news-list dl a:hover dd { opacity:0.8; }
#content03 .inner a.btn4 {}
#content03 .inner a.btn4::after { content:""; }
#content03 .inner a.btn4:hover {}

@media only screen and (max-width: 1024px){
#content03 .inner .news-cont-list li:nth-last-of-type(1) {
    width: 700px;
}
#content03 .inner .news-cont-list li .news-list dl a {
    width: 90%;
}
}

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

#content03 {}
#content03 .inner {}

#content03 .inner .top-cont {
    display: block;
    margin-bottom: 8vw;
}
#content03 .inner .top-cont li {
    width: 100%;
    height: 65.5vw;
    background: url(../img/img15_2.jpg) no-repeat;
    background-size: 94vw;
}

#content03 .inner .top-cont li:nth-of-type(2) {
    background: url(../img/img16.jpg);
    background-size: 94vw;
}
#content03 .inner .top-cont li a {}
#content03 .inner .top-cont li:nth-of-type(2) a {}
#content03 .inner .top-cont li a h2.title {
    font-size: 4vw;
    width: 100%;
    padding-top: 6vw;
    margin-bottom: 10vw;
}
#content03 .inner .top-cont li a h2.title span.kan {
    font-size: 7vw;
    margin-bottom: 1vw;
}
#content03 .inner .top-cont li a p {}
#content03 .inner .top-cont li:nth-of-type(2) a h2.title {}
#content03 .inner .top-cont li:nth-of-type(2) a h2.title span.kan {}
#content03 .inner .top-cont li:nth-of-type(2) a p {}

#content03 .inner .news-cont-list {
    display: block;
}
#content03 .inner .news-cont-list li {}
#content03 .inner .news-cont-list li:nth-last-of-type(1) {width: 100%;margin-top: 8vw;}
#content03 .inner .news-cont-list li h2 {}
#content03 .inner .news-cont-list li h2.en {}
#content03 .inner .news-cont-list li a {}
#content03 .inner .news-cont-list li a.btn4 {}
#content03 .inner .news-cont-list li a.btn4::after { content:""; }
#content03 .inner .news-cont-list li a.btn4:hover {}
#content03 .inner .news-cont-list li .news-list {}
#content03 .inner .news-cont-list li .news-list dl {
    margin-top: 0px;
}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n) {
}
#content03 .inner .news-cont-list li .news-list dl::after {content:"";right: 3vw;}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n)::after {content:"";right: 3vw;}
#content03 .inner .news-cont-list li .news-list dl a {font-size: 3.5vw;padding: 4vw;width: 92%;}
#content03 .inner .news-cont-list li .news-list dl a:hover {}
#content03 .inner .news-cont-list li .news-list dl a dt {
    margin-right: 3vw;
}
#content03 .inner .news-cont-list li .news-list dl a dd {
    width: 65vw;
}
#content03 .inner .news-cont-list li .news-list dl a dt:hover {}
#content03 .inner .news-cont-list li .news-list dl a dd:hover {}
#content03 .inner a.btn4 {
    width: 250px;
    background: #3bc3c3;
    text-align: center;
    padding: 18px 0;
    border-radius: 30px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    margin-top: 24px;
}
#content03 .inner a.btn4::after {content:"";background: url(../img/img30.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#content03 .inner a.btn4:hover {}
#content03 .inner .top-cont li a h2.title span.kan img {
    height: 7vw;
}
}


/* Contact ------------------------------ */

#contact {background: url(../img/img17.jpg);background-position: center;}
#contact .inner {
    padding: 40px 10px;
    padding-bottom: 35px;
}
#contact .inner .news-cont-list {
    padding: 0px;
    margin: 0 auto;
    justify-content: space-between;
}
#contact .inner .news-cont-list li {
    list-style: none;
    width: 650px;
}
#contact .inner .news-cont-list li:nth-last-of-type(1) {width: 340px;}
#contact .inner .news-cont-list li h2 {
    color: #FFF;
    border-color: #FFF;
    margin-bottom: 20px;
}
#contact .inner .news-cont-list li h2 span.kan {
    color: #FFF;
}
#contact .inner .news-cont-list li h2+p {
    color: #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 180%;
}
#contact .inner .news-cont-list li a.cont-btn {
    width: 230px;
    background: #FFF;
    display: block;
    padding: 19px 0 20px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #01a09b;
    position: relative;
    margin-top: 55px;
    padding-left: 20px;
}
#contact .inner .news-cont-list li a.cont-btn::before {content:"";background: url(../img/img18.png) no-repeat;position: absolute;display: block;width: 19px;height: 14.5px;background-size: 19px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 40px;}
#contact .inner .news-cont-list li a.cont-btn:hover {}

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

#contact {
    background: url(../img/img17.jpg) no-repeat;
    background-size: cover;
    background-position-x: -140vw;
}
#contact .inner {
    padding: 6vw 0;
}
#contact .inner .news-cont-list {
    width: 100%;
    display: block;
}
#contact .inner .news-cont-list li {
    width: 100%;
}
#contact .inner .news-cont-list li:nth-last-of-type(1) {width: 100%;}
#contact .inner .news-cont-list li h2 {
    margin-bottom: 4vw;
}
#contact .inner .news-cont-list li h2 span.kan {}
#contact .inner .news-cont-list li h2+p {
    font-size: 3.5vw;
}
#contact .inner .news-cont-list li a.cont-btn {
    width: 50vw;
    font-size: 4vw;
    margin-top: 3vw;
    padding: 4vw 0;
    padding-left: 8vw;
}
#contact .inner .news-cont-list li a.cont-btn::before {content:"";background: url(../img/img18.png) no-repeat;width: 6vw;height: 4.5vw;background-size: 100%;left: 4vw;}
#contact .inner .news-cont-list li a.cont-btn:hover {}

}

/* Footer-content ------------------------------ */

#Footer-content {}
#Footer-content+p {
    display: none;
}
#Footer-content .inner {
    padding: 30px 10px;
}
#Footer-content ul {
    width: 1000px;
    margin: 0px auto;
    justify-content: space-between;
}
#Footer-content ul li {}
#Footer-content ul li a {
    display: block;
}
#Footer-content ul li a img {
    width: 242px;
}
#Footer-content ul li a img:hover {}

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

#Footer-content {}
#Footer-content .inner {
    padding: 4vw 0;
}
#Footer-content ul {
    width: 100%;
    flex-wrap: wrap;
}
#Footer-content ul li {
    width: 49%;
    margin-bottom: 2.5vw;
}

#Footer-content ul li:nth-of-type(3),
#Footer-content ul li:nth-of-type(4) {
    margin-bottom: 0px;
}

#Footer-content ul li a {}
#Footer-content ul li a img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
#Footer-content ul li a img:hover {}

}

/* Footer ------------------------------ */

footer {
}
footer .container {
    background: #444444;
    padding: 33px 0px;
    min-width: 1300px;
}
footer .container .footer-cont {
    min-width: 1000px;
    width: 1000px;
    padding: 0 10px;
    margin: 0 auto;
    justify-content: space-between;
}
footer .container .footer-cont li {list-style: none;}
footer .container .footer-cont li:nth-last-of-type(1) {margin-right: 0px;}
footer .container .footer-cont li a { color:#FFF; padding-right:8px;}
footer .container .footer-cont li a img {
    width: 174px;
    height: 27px;
}
footer .container .footer-cont li a img:hover {}

footer .container .footer-cont li div {
    margin-top: 16px;
}
footer .container .footer-cont li div p {
    color: #FFF;
    margin-bottom: 0px;
    margin-top: 4px;
}
footer .container .footer-cont li div p:nth-last-of-type(1) {
    margin-bottom: 0px;
}

footer .container .footer-cont li .link-list {
    padding: 0px;
}
footer .container .footer-cont li .link-list li {position: relative;}

footer .container .footer-cont li .link-list li::before {content:"-";position: absolute;color: #FFF;left: -12px;}

footer .container .footer-cont li .link-list li a {
    color: #FFF;
    font-size: 14px;
    padding-right: 0px;
}
footer .container .footer-cont li .link-list li a:hover {}
footer #footer {
    padding: 11px 0;
    min-width: 1300px;
    background: linear-gradient(to right, #01a09b, #009a44);
}
footer #footer .contents {}
footer #footer .contents p.copy {
    font-size: 12px;
    margin: 0px;
    text-align: center;
    font-weight: 200;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
}

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

footer .container {
    min-width: 1004px;
}
footer #footer {
    min-width: 1004px;
}

footer .container .footer-cont {
    min-width: 960px;
    width: 960px;
}

}

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

footer {
    margin-left: 0px;
}
footer .container {
    min-width: initial;
    padding: 6vw 0;
}
footer .container .footer-cont {
    min-width: initial;
    width: 92%;
    display: block;
    padding: 0 4%;
}
footer .container .footer-cont li {}
footer .container .footer-cont li:nth-last-of-type(1) { }
footer .container .footer-cont li a {
    color: #FFF;
    padding-right: 2vw;
}
footer .container .footer-cont li a img {
    display: block;
    margin: 0;
    width: 47.735vw;
    height: auto;
}
footer .container .footer-cont li a img:hover {}
footer .container .footer-cont li .link-list {
    display: block;
    margin-top: 6vw;
}
footer .container .footer-cont li .link-list li {
    margin-right: 0px;
    text-align: center;
    margin-bottom: 3vw;
}

footer .container .footer-cont li .link-list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

footer .container .footer-cont li .link-list li a {
    text-align: center;
    font-size: 3.5vw;
    display: block;
}
footer .container .footer-cont li .link-list li a:hover {}
footer #footer {
    min-width: initial;
    padding: 2vw 0;
}
footer #footer .contents {}
footer #footer .contents p.copy {
    font-size: 3vw;
}
footer .container .footer-cont li div {
    margin-top: 2vw;
}
footer .container .footer-cont li div p {
    margin-top: 2vw;
}
footer .container .footer-cont li div p:nth-last-of-type(1) {}
}

/* Following ------------------------------ */

.fol-img .fol-img-in a {display: block;width: 101px;text-align: center;padding: 24.5px 0;border-radius: 120px;color: #019f90;background: #FFF;border: 2px solid #019f90;font-weight: bold;}
.fol-img .fol-img-in a:hover {color: #FFF; background:#019f90; border: 2px solid #019f90; opacity:1; }
.fol-img {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
}

#footer-tel-cont.fol-img2 { display:none; }

@media only screen and (max-width: 768px){
.fol-img .fol-img-in a {width: 19.2vw;padding: 4.535vw 0;font-size: 3.5vw;opacity: 0.8;}
.fol-img {
    position: fixed;
    bottom: 6vw;
    right: 4vw;
    z-index: 999;
}

#footer-tel-cont.fol-img2 {
    bottom: 0px;
    right: 0px;
    position: fixed;
    display:block;
}
#footer-tel-cont.fol-img2 ul {
    display: flex;
}
#footer-tel-cont.fol-img2 ul li {
    width: 50%;
    line-height: 0;
}
#footer-tel-cont.fol-img2 ul li a {
    line-height: 0;
}
#footer-tel-cont.fol-img2 ul li a img {
    width: 100%;
}

}

/* popup */
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.popup.is-show {
	opacity: 1;
	visibility: visible;
}
.popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	max-width: 520px;
	padding: 50px 50px 20px;
	background-color: #fff;
	z-index: 2;
}
.popup-inner img {
	width: 100%;
}
.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.close-btn i {
	margin-top: 15px;
	font-size: 20px;
	color: #333;
}
.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	cursor: pointer;
}
.popup h2{
	font-size: 1.4em;
	font-weight: bold;
}
.popup strong:before{
	content: "\025a0";
	display: inline-block;
	color: #00a09a;
}
.popup span{
	display: block;
	text-align: right;
}

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

/* popup */
.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}
.popup.is-show {
	opacity: 1;
	visibility: visible;
}
.popup-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 475px;
	max-height: 100%;
	padding: 10% 5%;
	box-sizing: border-box;
	background-color: #fff;
	z-index: 2;
}
.popup-inner img {
	width: 100%;
}
.close-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.close-btn i {
	margin-top: 15px;
	font-size: 20px;
	color: #333;
}
.black-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 1;
	cursor: pointer;
}
.popup h2{
	font-size: 1.4em;
	font-weight: bold;
}
.popup strong:before{
	content: "\025a0";
	display: inline-block;
	color: #00a09a;
}
.popup span{
	display: block;
	text-align: right;
}

}


/* Lower ------------------------------ */

#S-MV {
  background: url(../img/img29.jpg) no-repeat;
  background-size: cover;
  position: relative;
  background-position-y: center;
}

#S-MV .under-mv::after {content:"";}
#S-MV .under-mv {
    height: 400px;
    display: block;
    width: 100%;
    position: relative;
}
#S-MV .under-mv.company {
    background: url(../img/img24_2.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    }
#S-MV .under-mv.servicelist {
    background: url(../img/img106.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service {
    background: url(../img/img30.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service2 {
    background: url(../img/img66.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service3 {
    background: url(../img/img75.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service4 {
    background: url(../img/img79.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service5 {
    background: url(../img/img82.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service6 {
    background: url(../img/img86.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service7 {
    background: url(../img/img89.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.service8 {
    background: url(../img/img129.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.column {background: url(../img/img29.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.contact {background: url(../img/img107.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.privacy {background: url(../img/img127.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.csr {background: url(../img/img108.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.vision {
    background: url(../img/img93.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    background-size: 85%;
    background-position-x: right;
    }



@media only screen and (min-width: 1400px){

    #S-MV .under-mv.service {
    background: url(../img/img30.png) no-repeat;
    background-size: 1400px;
    position: relative;
    background-position-y: center;
    background-position-x: 80%;
}

#S-MV .under-mv.service6 {
    background: url(../img/img86.png) no-repeat;
    background-size: 1400px;
    position: relative;
    background-position-y: center;
    background-position-x: 60%;
}

#S-MV .under-mv.service8 {
    background: url(../img/img129.png) no-repeat;
    background-size: 1260px;
    position: relative;
    background-position-y: center;
    background-position-x: 60%;
}

}

#S-MV .under-mv h2 {
}

#S-MV .under-mv h2 span.sub-title {
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    line-height: 16px;
    padding-top: 4px;
}

#S-MV .under-mv div {
    background: #009a44;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding: 27.5px 60px;
}
#S-MV .under-mv div h2 {
    margin-top: 0px;
    text-align: left;
    font-size: 48px;
    font-weight: 700;
    line-height: 100%;
    z-index: 11;
    color: #FFF;
    margin: 0px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
#S-MV .under-mv div h2 img {
    height: 40px;
}
#S-MV .under-mv div h2 img.title-img2 {}

#S-MV .under-mv div h2.en {}
#S-MV .under-mv div h2 span.sub-title {}
#S-MV .under-mv div h2+p {
    color: #FFF;
    margin: 0px;
    font-size: 15px;
    padding-top: 15px;
    line-height: 165%;
}



.anchor {
    padding: 60px 0;
    padding-bottom: 0px;
}
.anchor ul {
    display: flex;
    width: 1000px;
    margin: 0 auto;
}
.anchor ul li {
    margin-right: 8px;
}
.anchor ul li a {
    width: 160px;
    text-align: center;
    background: #01a09b;
    color: #FFF;
    font-size: 15px;
    display: block;
    padding: 14px 0 34px;
    border-radius: 10px;
    position: relative;
}
.anchor ul li:nth-of-type(2n) a {
    background: #009a44;
}
.anchor ul li:nth-of-type(2n) a::after {content:"";background: url(../img/img26.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;}
.anchor ul li a:hover {}
.anchor ul li a::after {content:"";background: url(../img/img25.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom: 10px;}
.anchor ul li:nth-last-of-type(1) {
    margin-right: 0px;
}

.link3 {}
.link3 ul {
    width: 736px;
}
.link3 ul li {}
.link3 ul li a {
    width: 240px;
}
.link4 {}
.link4 ul {}
.link4 ul li {}
.link4 ul li a {}
.link5 {}
.link5 ul {
    width: 932px;
}
.link5 ul li {}
.link5 ul li a {
    width: 180px;
}
.link6 {}
.link6 ul {}
.link6 ul li {}
.link6 ul li a {}

.anchor.servicelink {}
.anchor.servicelink ul {}
.anchor.servicelink.link4 ul {
    width: 665px;
}
.anchor.servicelink.link5 ul {
    width: 833px;
}
.anchor.servicelink.link3 ul {
    width: 497px;
}
.anchor.servicelink ul li {}
.anchor.servicelink ul li a {
    width: 160px;
}

.under-content {}
.under-content .inner {}
.under-content .inner.privacy {
    font-size: 14px;
}
.under-content .inner>p {
    margin-top: 0px;
}
.under-content .inner h3 {
}


.bg-blue {
    background: #e2ecf6;
}
.bg-green2 {
    background: #e9f3f0;
}
.bg-green {}
.radius10 {
    border-radius: 10px;
}
.bg-skill {}
.border-b-dotted {
    border-bottom: 1px dashed;
}
.pad20 {}
.bg-brown2 {
    background: #eeefe7;
}


.contactgroup {
    background: #c6e8e7;
    padding: 40px;
    margin: 55px 0 0 0;
}
.contactgroup .inner_l {
    width: 519px;
    padding: 0 15px 0 0;
}
.contactgroup .inner_l .inner_content {
    align-self: center;
}
.contactgroup .inner_l .inner_content h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: .5px;
    color: #01a09b;
    margin: 0;
}
.contactgroup .inner_l .inner_content p {
    margin: 0px;
}
.contactgroup .inner_l .inner_content p label.pc {
    display: initial !important;
}
.contactgroup .inner_r {}
.contactgroup .inner_r h4 {
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    line-height: 180%;
}
.contactgroup .inner_r h4+p {
    margin: 0px;
    line-height: 180%;
}
.contactgroup .inner_r a {}
.contactgroup .inner_r a:hover {}

#Archive .inner.news .news-list {}
#Archive .inner.news .news-list dl {
    /* width: 650px; */
    border: 10px solid #bad4ef;
    border-radius: 20px;
    position: relative;
    display: block;
}
#Archive .inner.news .news-list dl:nth-of-type(2n) {
    border: 10px solid #eeefe7;
}
#Archive .inner.news .news-list dl::after {content:"";background: url(../img/img20.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#Archive .inner.news .news-list dl:nth-of-type(2n)::after {content:"";background: url(../img/img21.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#Archive .inner.news .news-list dl a {
    font-size: 14px;
    color: #333;
    display: block;
    width: 950px;
    padding: 19.5px 15px;
}
#Archive .inner.news .news-list dl a:hover {}
#Archive .inner.news .news-list dl a dt {
    float: left;
    width: auto;
    margin-right: 30px;
}
#Archive .inner.news .news-list dl a dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    width: 800px;
    overflow: hidden;
}
#Archive .inner.news .news-list dl a dt,
#Archive .inner.news .news-list dl a dd { transition-property: all; transition: 0.3s linear; }
#Archive .inner.news .news-list dl a:hover dt,
#Archive .inner.news .news-list dl a:hover dd { opacity:0.8; }

#Detail .news {}
#Detail .news .detailspace {}
#Detail .inner.news .detailspace .contentspace {
    border-bottom: 1px solid #9d8e71;
    margin-bottom: 40px;
    padding-bottom: 24px;
}
#Detail .inner.news .detailspace .contentspace .titleinfo {
    margin-bottom: 40px;
}
#Detail .inner.news .detailspace .contentspace .titleinfo h4.flex {}
#Detail .inner.news .detailspace .contentspace .titleinfo h4.flex label.date {}
#Detail .inner.news .detailspace .contentspace .titleinfo h3 {}
#Detail .inner.news .detailspace .contentspace p {}
#Detail .inner.news a.btn4 {
    width: 250px;
    background: #3bc3c3;
    text-align: center;
    padding: 18px 0;
    border-radius: 30px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    margin-top: 24px;
    display: block;
}
#Detail .inner.news a.btn4:hover {}
#Detail .inner.news a.btn4::after {content:"";background: url(../img/img30.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}

#S-MV .breadcrumb {
    border-bottom: 1px solid #3bc3c3;
    padding: 24px 0;
    display: none;
}

#S-MV .breadcrumb.skill-bread {border-bottom: 1px solid #9d8e71;}

#S-MV .breadcrumb ul {
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
    width: 1000px;
    margin: 0 auto;
}

#S-MV .breadcrumb ul:after,
#S-MV .breadcrumb ul li:after,
#under-content .inner.under div.service-img:after { content:""; display:block; clear:both; }
#S-MV .breadcrumb ul li {
    list-style: none;
    float: left;
    margin-right: 16px;
    font-size: 15px;
}
#S-MV .breadcrumb ul li a {
    font-size: 15px;
}
#S-MV .breadcrumb ul li span {
    float: left;
    margin-right: 16px;
    font-size: 15px;
}

#under-content {}
#under-content .inner {}
#under-content .inner.under {
    /* padding-top: 80px; */
    /* padding-bottom: 120px; */
}
#under-content .inner.under p {
    font-size: 14px;
    line-height: 180%;
}
#under-content .inner.under div.service-img {
    margin-top: 60px;
    margin-bottom: 60px;
}
#under-content .inner.under div.service-img img {
    float: left;
    width: 30%;
    margin-right: 5%;
}
#under-content .inner.under div.service-img img:nth-of-type(3) {
    margin-right: 0px;
}
#under-content .inner.under .under-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
#under-content .inner.under .under-table th,
#under-content .inner.under .under-table td {
    border: 1px solid #f08717;
    padding: 24px;
    font-size: 15px;
}
#under-content .inner.under .under-table th {
    width: 25%;
    background: #f1b10a;
    color: #333;
}
#under-content .inner.under .under-table td {
    width: 75%;
}

#under-content .inner.under table tr td ul.note {padding-left: 0;list-style: none;}
#under-content .inner.under table tr td ul.note li {
    position: relative;
    font-size: 90%;
    margin-left: 20px;
}
#under-content .inner.under table tr td ul.note li:before {content:"※";display:block;position: absolute;left: -20px;}


#under-content .inner.under .access {
    margin-top: 80px;
    border-top: 1px solid #CCC;
    padding-top: 60px;
    font-size: 20px;
}

.under .title-flex {
    display: flex;
    margin-bottom: 40px;
    position: relative;
}

.under .title-flex.hikari-title h3.title.service-title {height: 72px;}

.under .title-flex h3.title {
    border-left: 5px solid #01a09b;
    font-size: 18px;
    margin: 0px;
    padding: 3.5px 0 1.5px;
    font-weight: normal;
    padding-left: 20px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.under .title-flex h3.title.service-title {
    font-size: 45px;
    color: #01a09b;
    margin-right: 20px;
}

.under .title-flex h3.title.service-title+h4.sub-title {
    position: relative;
    margin-left: 60px;
    margin-top: 40px;
    font-weight: normal;
}

.under .title-flex h3.title img {
    display: block;
    height: 42px;
    width: auto;
    margin-bottom: 4px;
}
.under .title-flex h3.title img.title-img2 {
    height: 50px;
    margin-bottom: 0px;
    width: auto;
}
.under .title-flex h4.sub-title {
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 22px;
    margin: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    margin-left: 60px;
    font-weight: normal;
}

.under .title-flex h4.sub-title.left1 {
    left: 351px;
}
.under .title-flex h4.sub-title.left2 {
    left: 290px;
}
.under .title-flex h4.sub-title.left3 {
    left: 230px;
}

.under .title-flex h4.sub-title.left4 {
    left: 680px;
}

.under .title-flex h4.sub-title.left5 {
    left: 410px;
}

.under .title-flex h4.sub-title.left6 {
    left: 525px;
}

.under .title-flex h4.sub-title.left7 {
    left: 225px;
}

.under .title-flex h4.sub-title.left8 {
    left: 395px;
}

.under .title-flex h4.sub-title.left9 {
    left: 245px;
}

.under .title-flex h4.sub-title.left10 {
    left: 520px;
}

.under .title-flex h4.sub-title.left11 {
    left: 220px;
}

.under .title-flex h4.sub-title::before {content:"";position: absolute;display: block;width: 40px;height: 3px;background: #01a09b;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);left: -60px;}
.under .title-flex+img {}
.under .rinen-txt {width: 640px;margin: 0 auto;margin-top: 40px;}
.under .rinen-txt p.font-vertical {
    writing-mode: vertical-rl;
    float: right;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-size: 22px;
    font-weight: bold;
    margin-right: 0px;
    margin-left: 46px;
}
.under .rinen-txt p.font-vertical:nth-last-of-type(1) {
    margin-left: 0px;
}

.under .rinen-txt::after { content:""; display:block; clear:both; }

.under .message-cont {}
.under .message-cont .float-right {
    width: 270px;
    float: right;
}
.under .message-cont .float-right img {}
.under .message-cont .float-left {
    float: left;
    width: 663px;
}
.under .message-cont .float-left p {
    margin-top: 0px;
    margin-bottom: 24px;
}
.under .message-cont .float-left p.text-right {
    margin-bottom: 0px;
    text-align: right;
}
.under .message-cont::after { content:""; display:block; clear:both; }

.under .about-table {
    padding: 40px 100px;
    margin-top: 40px;
    padding-top: 40px;
    background: #edf6f6;
    padding-top: 10px;
}
.under .about-table .under-table {
    border-collapse: collapse;
}
.under .about-table .under-table tr {}
.under .about-table .under-table tr th,
.under .about-table .under-table tr td {
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #01a09b;
    padding: 30px;
}
.under .about-table .under-table tr th {
    width: 180px;
}
.under .about-table .under-table tr td {
    width: 500px;
}
.under .about-table .under-table tr td a {
    color: #333;
    text-decoration: underline;
}
.under .about-table .under-table tr td a:hover {}

.under .client-list {
    border-bottom: 1px dotted #01a09b;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.under .client-list .list3 {
    width: 325px;
    justify-content: space-between;
    margin-right: 12.5px;
}
.under .client-list .list3:nth-last-of-type(1) {
    margin-right: 0px;
}
.under .client-list .list3 ul {
    margin: 0px;
}
.under .client-list .list3 ul li {
    background: #FFF;
    border-radius: 10px;
    padding: 12px;
    font-size: 14px;
    position: relative;
    padding-left: 44px;
    margin-bottom: 10px;
}
.under .client-list .list3 ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under .client-list .list3 ul li::before {content:"";position: absolute;display: block;width: 8px;height: 8px;border-radius: 100%;background: #01a09b;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);left: 20px;}
.under .client-list .list3 ul li.other {padding-left: 20px;}
.under .client-list .list3 ul li.other::before {content:"";width: 0px;height: 0px;}

.under .client-list-2 {}
.under .client-list-2 .client-list-2-in {
    width: 490px;
    margin-right: 20px;
    position: relative;
}
.under .client-list-2 .client-list-2-in:nth-last-of-type(1) {
    margin-right: 0px;
}
.under .client-list-2 .client-list-2-in h4 {
    width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;
}
.under .client-list-2 .client-list-2-in ul {
    padding: 40px;
    padding-top: 30px;
}
.under .client-list-2 .client-list-2-in ul li {
    border-bottom: 2px solid #01a09b;
    padding: 16px 0;
    font-size: 14px;
}

.under .client-list-2 .client-list-2-in:nth-of-type(1) ul li:nth-of-type(6) strong:nth-of-type(2) {
    font-size: 14px;
}

.under .client-list-2 .client-list-2-in ul li strong {
    font-size: 16px;
}
.under .client-list-2 .client-list-2-in ul li.last {}
.under .client-list-2 .client-list-2-in ul li a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.under .client-list-2 .client-list-2-in ul li a::before { content:""; }
.under .client-list-2 .client-list-2-in ul li a:hover {}

.under .client-list-2 .client-list-2-in:nth-of-type(2) ul li {
    position: relative;
    padding-left: 24px;
}
.under .client-list-2 .client-list-2-in:nth-of-type(2) ul li::before {content:"";width: 0;height: 0;border-left: 8px solid #01a09b;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: block;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 0px;}

.under .map-list {flex-wrap: wrap;margin: 0px;}
.under .map-list li {
    width: 490px;
    margin-right: 20px;
    margin-bottom: 30px;
}
.under .map-list li h4.title {
    position: relative;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 22px;
    margin: 0px;
    font-weight: normal;
    margin-left: 60px;
    margin-bottom: 16px;
}
.under .map-list li h4.title+p {margin: 0px;}
.under .map-list li h4.title::before {content:"";position: absolute;display: block;width: 40px;height: 3px;background: #01a09b;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);left: -60px;}
.under .map-list li iframe {}
.under .map-list li:nth-last-of-type(1) {}
.under .map-list li:nth-of-type(2n) {
    margin-right: 0px;
}
.under .map-list li:nth-of-type(3),
.under .map-list li:nth-of-type(4) {
    margin-bottom: 0px;
}

.youtube {}
.youtube iframe {}

.under .cm-list {
    margin: 0px;
}
.under .cm-list li {
    width: 490px;
    margin-right: 20px;
}
.under .cm-list li p {
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 18px;
}
.under .cm-list li:nth-last-of-type(1) {
    margin-right: 0px;
}
.under .cm-list+p {
    margin-bottom: 0px;
}

.under .img-list2 {
    display: flex;
    margin-bottom: 20px;
}
.under .img-list2 li {
    width: 50%;
}
.under .img-list2 li img {}
.under p {}
.under p:nth-last-of-type(1) {
}

.under p.last-p {
    margin-bottom: 0px;
}

.font-green {
    color: #01a09b;
    font-weight: bold;
}

.under .img-list3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.under .img-list3 li {
    width: 322px;
}
.under .img-list3 li img {}

.one-stop-bg {
    background: url(../img/img101.jpg) no-repeat;
    background-size: 1200px;
    background-position-x: center;
}

.under .img-list2.around {
    justify-content: space-between;
}
.under .img-list2.around li {
    width: 322px;
}
.under .img-list2.around li img {}

.under p.font-big {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 30px;
}
.under .styrol-list {
    justify-content: space-between;
    margin-top: 40px;
}
.under .styrol-list li {
    width: 200px;
    position: relative;
}
.under .styrol-list li::after {content:"";display: block;background: url(../img/img112.png) no-repeat;width: 30px;height: 30px;background-size: 100%;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);position: absolute;right: -47px;}
.under .styrol-list li img {
    margin-bottom: 10px;
}
.under .styrol-list li img+p {
    display: none;
}
.under .styrol-list li p {
    text-align: center;
    margin: 0px;
}
.under .styrol-list li:nth-last-of-type(1)::after {
    background: none;
    width: 0px;
}

.under .styrol-list li:nth-last-of-type(1) {}

.under .csr-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.under .csr-list li {
    line-height: 0px;
    position: relative;
}
.under .csr-list li::after {content:"";width: 0;height: 0;border-left: 8px solid #009a44;border-top: 6px solid transparent;border-bottom: 6px solid transparent;display: block;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -35px;}
.under .csr-list li:nth-last-of-type(1)::after {
    border: none;
}
.under .csr-list li img {
    height: 140px;
    width: auto;
    position: relative;
    top: 8px;
}
.under .csr-list li:nth-of-type(3) img {
    height: 157px;
    top: 0px;
}
.under .csr-list li:nth-last-of-type(1) {}

.under .light-list {
    border-top: 1px dotted #FFF;
    margin-top: 40px;
    padding-top: 60px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.under .light-list li {
    width: 590px;
    background: #FFF;
    position: relative;
}
.under .light-list li:nth-last-of-type(1) {
    width: 390px;
}
.under .light-list li h5 {
    width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;
}
.under .light-list li ul.light-list-in1 {
    display: flex;
    margin-top: 38px;
    padding: 0 8px;
}
.under .light-list li ul.light-list-in1 li {
    width: 33.333%;
}
.under .light-list li ul.light-list-in1 li:nth-last-of-type(1) {}
.under .light-list li ul.light-list-in1 li img {
    width: 130px;
    display: block;
    margin: 0 auto;
}
.under .light-list li ul.light-list-in1 li p.font-big {
    text-align: center;
}

.under .light-list li ul.light-list-in1 li p.font-big span {
    display: block;
}

.under .light-list li ul.light-list-in2 {
    display: flex;
    justify-content: space-between;
    width: 340px;
    margin: 0 auto;
    margin-top: 65px;
}
.under .light-list li ul.light-list-in2 li {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #01a09b;
    position: relative;
}
.under .light-list li ul.light-list-in2 li div {
    text-align: center;
    padding-top: 36px;
    color: #FFF;
    font-size: 25px;
    font-weight: bold;
    border-bottom: 2px solid #FFF;
    width: 120px;
    margin: 0 auto;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.under .light-list li ul.light-list-in2 li div span {
    font-size: 14px;
}
.under .light-list li ul.light-list-in2 li div:nth-of-type(2) {
    padding-top: 0px;
    font-size: 16px;
    border: none;
}

.under .light-list+h5 {
    width: 400px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    margin: 0px auto;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
}
.under .light-list2 {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.under .light-list2 li {
    width: 320px;
}
.under .light-list2 li img {
    width: 223px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
.under .light-list2 li img+p {}
.under .light-list2 li div {
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 30px;
}
.under .light-list2 li div table {
    border-collapse: collapse;
}
.under .light-list2 li div table tr {}
.under .light-list2 li div table tr th,
.under .light-list2 li div table tr td {
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #01a09b;
    padding: 20px;
}
.under .light-list2 li div table tr th {}
.under .light-list2 li div table tr td {}
.under .light-list2 li:nth-last-of-type(1) {}

.under .batteries-list {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.under .batteries-list li {
    width: 490px;
    background: #c6e8e7;
    position: relative;
    padding-bottom: 20px;
}

.under .batteries-list li h5 {width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;}

.under .batteries-list li ul {
    display: flex;
    justify-content: space-between;
    width: 400px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 36px;
}
.under .batteries-list li ul li {
    background: #FFF;
    width: 190px;
    text-align: center;
    border-radius: 25px;
    padding: 13px 0;
    font-weight: bold;
}
.under .batteries-list li p {
    padding: 0 32px;
    text-align: center;
    line-height: 165%;
}
.font-weight {
    font-weight: bold;
}
.under .batteries-list li p.font-big {
    font-size: 18px;
}

.under .batteries-list li p.font-big .big {
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.under .batteries-list li p span.note {
    font-size: 14px;
    color: #d40000;
    font-weight: bold;
    position: relative;
    margin-left: 16px;
    display: block;
}
.under .batteries-list li p span.note::before {content:"※";position: absolute;left: -16px;}
.under .batteries-list li:nth-last-of-type(1) {}
.under .batteries-list li ul li:nth-last-of-type(1) {}

#S-MV .privacy h2 img.title-img2 {}

.under.privacy p {}
.under.privacy .privacy-list1 {
    margin: 30px 0;
}
.under.privacy .privacy-list1 li {
    position: relative;
    margin-left: 15px;
    margin-bottom: 4px;
}
.under.privacy .privacy-list1 li::before {content:"・";position: absolute;left: -15px;color: #01a09b;}
.under.privacy .privacy-list2 {
    margin: 30px 0;
}
.under.privacy .privacy-list2 li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 4px;
}
.under.privacy .privacy-list2 li::before {content:"1.";position: absolute;left: -20px;color: #01a09b;}
.under.privacy .privacy-list2 li:nth-of-type(2)::before { content:"2."; }
.under.privacy .privacy-list2 li:nth-of-type(3)::before { content:"3."; }

.under.service h3.title {}
.under.service h3.title img {
    height: 44px;
    margin-bottom: 6px;
    display: block;
    width: auto;
}
.under.service h4.sub-title {}
.under.service h4.sub-title::before {content:"";position: absolute;display: block;width: 40px;height: 3px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: -56px;background: #01a09b;}
.under.service h4.sub-title.ippan::before {content:"";position: absolute;display: block;width: 40px;height: 3px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: -56px;background: linear-gradient(to right, #01a09b, #009a44);}
.under.service h4.sub-title.houjin::before {content:"";background: linear-gradient(to right, #fdf100, #ffc236);}
.under.service .content3 {}
.under.service .content3 h5 {
    margin-top: 0px;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 0px;
    font-weight: normal;
}
.under.service .content3 .bg-yellow-g h5 {
    color: #02863c;
}
.under.service h3.title {
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
    border-left: 5px solid #01a09b;
    color: #333;
    padding: 5px 0 0px 20px;
}

.under.service h3.title.service-title {
    font-size: 45px;
    color: #01a09b;
    margin-right: 20px;
}
.under.service h4.sub-title {
    position: relative;
    margin-left: 56px;
    margin-top: 40px;
    font-weight: normal;
}

.under.service h4.sub-title .main-t {
    font-size: 21px;
    font-weight: normal;
    margin-right: 16px;
}
.under.service h4.sub-title .sub-t {
    font-size: 14px;
}

.under.service .service-img {}
.under.service p {}
.under.service p:nth-last-of-type(1) {
}

.under .service-list {
    justify-content: space-between;
    margin-bottom: 40px;
}

.under .service-list+p.service-note {
    width: 535px;
}

.under .service-list li {
    width: 324px;
}
.under .service-list li h4 {
    margin: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}
.under .service-list li h4+p {
    margin: 0px;
    line-height: 0px;
    margin-bottom: 16px;
}
.under .service-list li img {}
.under .service-list li p {
    text-align: center;
    margin: 0px;
}
.under .service-list li:nth-last-of-type(1) {}
.under p.service-note {
    text-align: center;
    display: block;
    width: auto;
    padding: 9.5px 0;
    border-radius: 8px;
    margin: 0 auto;
}

.under .service-list2 {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.under .service-list2 li {}
.under .service-list2 li h4 {}
.under .service-list2 li ul {}
.under .service-list2 li ul li {}
.under .service-list2 li ul li::after { content:""; }
.under .service-list2 li ul li:nth-last-of-type(1) {}
.under .service-list2 li ul li:nth-last-of-type(1)::after { content:""; }
.under .service-list2 li:nth-last-of-type(1) {}

.under .service-list2.cont3 {
    margin-bottom: 0px;
}
.under .service-list2.cont3 li {
    width: 321px;
}
.under .service-list2.cont3 li h4 {
    margin: 0px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}
.under .service-list2.cont3 li ul {}
.under .service-list2.cont3 li ul li {margin-bottom: 60px;}
.under .service-list2.cont3 li ul li::after {content:"";width: 0;height: 0;border-top: 20px solid #01a09b;border-left: 14px solid transparent;border-right: 14px solid transparent;display: block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 275px;}
.under .service-list2.cont3 li ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under .service-list2.cont3 li ul li:nth-last-of-type(1)::after { content:""; }
.under .service-list2.cont3 li:nth-last-of-type(1) {}

.under .service-list2.cont4 {
}

.under .service-list2.cont4+p.service-note {
    background: #01a09b;
    color: #FFF;
    width: 535px;
}

.under .service-list2.cont4 li {
    width: 240px;
    margin-bottom: 30px;
}

.under .service-list2.cont4 li:nth-of-type(5),
.under .service-list2.cont4 li:nth-of-type(6),
.under .service-list2.cont4 li:nth-of-type(7),
.under .service-list2.cont4 li:nth-of-type(8) {
    margin-bottom: 0px;
}

.under .service-list2.cont4 li h4 {
    font-size: 18px;
    text-align: center;
    margin: 0px;
}
.under .service-list2.cont4 li ul {
    margin-top: 14px;
}
.under .service-list2.cont4 li ul li {
    margin-bottom: 50px;
}
.under .service-list2.cont4 li ul li::after {content:"";width: 0;height: 0;border-top: 15px solid #01a09b;border-left: 10px solid transparent;border-right: 10px solid transparent;display: block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 220px;}
.under .service-list2.cont4 li ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under .service-list2.cont4 li ul li:nth-last-of-type(1)::after {content:"";border: none;}
.under .service-list2.cont4 li:nth-last-of-type(1) {}

.bg-green2 {}

.under .flow-cont {
    border-radius: 12px;
    padding: 40px;
}
.under .flow-cont .service-list3 {flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.under .flow-cont .service-list3+p.service-note {
    width: 710px;
    color: #FFF;
    background: #01a09b;
}
.under .flow-cont .service-list3 li {
    width: 264px;
    margin-bottom: 36px;
    position: relative;
}

.under .flow-cont .service-list3 li:nth-of-type(4),
.under .flow-cont .service-list3 li:nth-of-type(5),
.under .flow-cont .service-list3 li:nth-of-type(6) {
    margin-bottom: 0px;
}

.under .flow-cont .service-list3 li img {}
.under .flow-cont .service-list3 li p {
    text-align: center;
    margin: 0px;
    margin-top: 8px;
}
.under .flow-cont .service-list3 li::after {content:"";width: 0;height: 0;border-left: 15px solid #01a09b;border-top: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;top: 40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -38px;}
.under .flow-cont .service-list3 li:nth-of-type(3n) {}
.under .flow-cont .service-list3 li:nth-of-type(3n)::after {content:"";border: none;}
.under .flow-cont .service-list3 li:nth-last-of-type(1) {}

.under .service-list4 {
    justify-content: space-between;
    margin-bottom: 30px;
}
.under .service-list4+p.service-note {
    width: 850px;
    color: #FFF;
    background: #01a09b;
}
.under .service-list4 li {
    width: 324px;
}
.under .service-list4 li img {}
.under .service-list4 li:nth-last-of-type(1) {}

.under .flow-list {flex-wrap: wrap;justify-content: space-between;}
.under .flow-list li {
    width: 275px;
    border-radius: 12px;
    padding: 24px 0;
    margin-bottom: 30px;
}
.under .flow-list li.bg-green {
    background: #edf6f6;
}
.under .flow-list li:nth-of-type(4),
.under .flow-list li:nth-of-type(5),
.under .flow-list li:nth-of-type(6) {
    margin-bottom: 0px;
}

.under .flow-list li p.maru {
    font-size: 24px;
    color: #01a09b;
    text-align: center;
    margin: 0px;
}
.under .flow-list li p.maru+p {
    margin: 0px;
}
.under .flow-list li img {
    width: 160px;
    margin: 0 auto;
    display: block;
    margin-top: 20px;
}
.under .flow-list li h4 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0;
    margin-bottom: 10px;
}
.under .flow-list li p {
    text-align: center;
    margin: 0px;
}
.under .flow-list li::after {content:"";width: 0;height: 0;border-left: 15px solid #01a09b;border-top: 10px solid transparent;border-bottom: 10px solid transparent;display: block;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -50px;}
.under .flow-list li:nth-of-type(3n) {}
.under .flow-list li:nth-of-type(3n)::after {content:"";border: none;}
.under .flow-list li:nth-last-of-type(1) {}

.under .scroll {
    padding: 40px 100px;
}
.under .scroll .plan-table {
    width: 100%;
    border-collapse: collapse;
}
.under .scroll .plan-table tr {}
.under .scroll .plan-table tr th,
.under .scroll .plan-table tr td {
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #01a09b;
    padding: 20px;
    background: #FFF;
    padding-left: 40px;
    width: 50%;
}

.under .scroll .plan-table tr th:nth-of-type(1),
.under .scroll .plan-table tr td:nth-of-type(1) {
    width: 140px;
}
.under .scroll .plan-table tr th:nth-of-type(2),
.under .scroll .plan-table tr td:nth-of-type(2) {
    padding-left: 0px;
    width: 220px;
}

.under .scroll .plan-table tr th {
    background: #01a09b;
    color: #FFF;
}
.under .scroll .plan-table tr td {}
.under .scroll p.plan-note {
    position: relative;
    margin-left: 16px;
    font-size: 14px;
}
.under .scroll p.plan-note::before {content:"※";position: absolute;left: -18px;}

.under .plan-box {
    background: #edf6f6;
    padding: 34.5px 0;
}
.under .plan-box p {
    margin: 0px;
    text-align: center;
}

.under .sanki-list {
    margin-top: 40px;
}
.under .sanki-list li {
    margin-bottom: 60px;
    position: relative;
}
.under .sanki-list li:nth-of-type(1) p {
    text-align: center;
    width: 290px;
    display: block;
    margin: 0 auto;
    background: #01a09b;
    font-size: 18px;
    color: #FFF;
    border-radius: 10px;
    padding: 26.5px 0;
}

.under .sanki-list li:nth-of-type(1)::after {content:"";width: 0;height: 0;border-top: 20px solid #01a09b;border-left: 14px solid transparent;border-right: 14px solid transparent;display: block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 102px;}

.under .sanki-list li:nth-of-type(2) {
    width: 440px;
    display: block;
    margin: 0 auto;
    border: 5px solid #01a09b;
    border-radius: 10px;
    margin-bottom: 60px;
}
.under .sanki-list li:nth-of-type(2) div {
    position: relative;
}

.under .sanki-list li:nth-of-type(2) div::after {content:"";width: 0;height: 0;border-top: 20px solid #01a09b;border-left: 14px solid transparent;border-right: 14px solid transparent;display: block;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 132px;}

.under .sanki-list li:nth-of-type(2) div img.sanki-img {
    width: 360px;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
}
.under .sanki-list li:nth-of-type(2) div img.sanki-img+p {
    display: none;
}
.under .sanki-list li:nth-of-type(2) div p {
    margin: 0px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 16px;
}
.under .sanki-list li:nth-of-type(3) {
    padding: 60px;
    margin-bottom: -60px;
}
.under .sanki-list li:nth-of-type(3) br {
    display: none;
}
.under .sanki-list li:nth-of-type(3) img.sanki-img2 {}
.under .sanki-list li:nth-of-type(3) img.sanki-img2+p {
    display: none;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note {
    margin-top: 20px;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li {
    border: none;
    margin-bottom: 4px;
    text-align: left;
    width: 100%;
    font-size: 14px;
    position: relative;
    margin-left: 25px;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li::after {content:"";border: none;}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-last-of-type(1) {
    padding: 0px;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li::before {content:"※1";position: absolute;left: -25px;color: #d40000;}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-of-type(2)::before { content:"※2"; }
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-of-type(3)::before { content:"※3"; }

.under .gri-img1 {}
.under .gri-img2 {}

.under.service .service8-list {
    margin-bottom: 16px;
}
.under.service .service8-list li {
    font-size: 14px;
    position: relative;
    margin-bottom: 4px;
    margin-left: 50px;
}
.under.service .service8-list li::before {content:"例１";position: absolute;left: -35px;display: block;}
.under.service .service8-list li:nth-of-type(2)::before { content:"例２"; }
.under.service .service8-list li:nth-of-type(3)::before { content:"例３"; }

.under .service8-box {
    background: #edf6f6;
    padding: 30px;
    margin-bottom: 40px;
}
.under .service8-box h4 {
    margin: 0px;
    font-size: 16px;
    color: #01a09b;
    margin-bottom: 12px;
}
.under .service8-box p {
    margin: 0px;
}

.under .service8-list2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 30px;
}
.under .service8-list2 li {
    width: 49%;
    background: #edf6f6;
}
.under .service8-list2 li .service8-box {
    margin-bottom: 0px;
}

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

#S-MV {
    margin-top: 6vw;
    margin-bottom: 23vw;
    border-top: 2vw solid #009a44;
}
#S-MV .under-mv {
    height: 50vw;
}
#S-MV .under-mv.vision {
    background: url(../img/img93.png) no-repeat;
    background-size: 123vw;
    background-position-x: right;
    background-position-y: -14vw;
}
#S-MV .under-mv.service6 {
    background: url(../img/img86_sp.png) no-repeat;
    background-size: 60vw;
    background-position-x: center;
    background-position-y: 2vw;
}

#S-MV .under-mv.service7 {
    background: url(../img/img89_sp.png) no-repeat;
    background-size: 84vw;
    background-position-x: center;
}
#S-MV .under-mv.service8 {
    background: url(../img/img129_sp.png) no-repeat;
    background-size: 68vw;
    background-position-x: center;
}
#S-MV .under-mv.service3 {
    background: url(../img/img75_sp.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}

#S-MV .under-mv.service4 {
    background: url(../img/img79_sp.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}

#S-MV .under-mv.service5 {
    background: url(../img/img82_sp.png) no-repeat;
    background-size: 88vw;
    position: relative;
    background-position-y: 1vw;
    background-position-x: center;
}

#S-MV .under-mv.servicelist {
    background: url(../img/img106.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
    background-position-x: right;
}

#S-MV .under-mv.service {
    /* background-size: 260vw; */
    background-position: center;
}

#S-MV .under-mv.service2 {
    background: url(../img/img66_sp.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
    background-position-x: 0vw;
}

#S-MV .under-mv.company {}
#S-MV .under-mv.topics {}
#S-MV .under-mv.contact {}
#S-MV .under-mv.message {background-position-x: 50%;}
#S-MV .under-mv h2 {
}

#S-MV .under-mv::after {
    height: 60vw;
}

#S-MV .under-mv h2 span.sub-title {
    font-size: 3vw;
}
#S-MV .breadcrumb {
    padding: 3vw 0;
}
#S-MV .breadcrumb ul {
    width: 92%;
    padding: 0 4%;
}
#S-MV .breadcrumb ul:after,
#S-MV .breadcrumb ul li:after,
#under-content .inner.under div.service-img:after { content:""; display:block; clear:both; }
#S-MV .breadcrumb ul li {
    font-size: 3.5vw;
}
#S-MV .breadcrumb ul li a {
    font-size: 3.5vw;
}
#S-MV .breadcrumb ul li span {
    font-size: 3.5vw;
}

#under-content {}
#under-content .inner {}
#under-content .inner.under {
    padding-top: 8vw;
    padding-bottom: 8vw;
}
#under-content .inner.under p {
    font-size: 3.5vw;
    margin: 0px;
}

#under-content .inner.under iframe {
    margin-top: 4vw;
}

#under-content .inner.under div.service-img {
    margin-top: 6vw;
    margin-bottom: 6vw;
}
#under-content .inner.under div.service-img img {
    float: none;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 4vw;
}
#under-content .inner.under div.service-img img:nth-of-type(3) {}
#under-content .inner.under .under-table {
    border: 1px solid #f08717;
}
#under-content .inner.under .under-table th,
#under-content .inner.under .under-table td {
    width: 92%;
    display: inline-block;
    padding: 4%;
    font-size: 3.5vw;
    border: none;
    text-align: left;
}
#under-content .inner.under .under-table th {}
#under-content .inner.under .under-table td {}
#under-content .inner.under .access {
    margin-top: 10vw;
    padding-top: 8vw;
    font-size: 5vw;
}

#S-MV .under-mv.service {
    background: url(../img/img30_sp.png) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    background-size: 92%;
}
#S-MV .under-mv.business {
    
    background-size: cover;
    position: relative;
    background-position: center;
    }
#S-MV .under-mv.column {
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.contact {
    background-size: cover;
    position: relative;
    background-position: center;}

#S-MV .under-mv.privacy {
    background-size: cover;
    position: relative;
    background-position: center;}


#S-MV .under-mv h2 {
}

#S-MV .under-mv h2 span.sub-title {
    font-family: 'Noto Sans JP', sans-serif;
    display: initial;
    font-size: 4vw;
    font-weight: normal;
    color: #FFF;
    margin-left: 3vw;
}

#S-MV .under-mv.service6 div h2 span.sub-title {
    font-size: 3.7vw;
}

#S-MV .under-mv.service7 div h2 span.sub-title,
#S-MV .under-mv.service5 div h2 span.sub-title {
    display: block;
    margin-left: 0px;
}

#S-MV .under-mv div {
    bottom: -22.5vw;
    top: initial;
    transform: inherit;
    -webkit- transform: initial;
    padding: 4vw;
    width: 92vw;
}

#S-MV .under-mv.news div,
#S-MV .under-mv.privacy div {
    bottom: -22vw;
}
#S-MV .under-mv div h2 {
    font-size: 8vw;
}

#S-MV .under-mv div h2 img {
    height: 7vw;
}

#S-MV .under-mv div h2.en {}
#S-MV .under-mv div h2 span.sub-title {}
#S-MV .under-mv div h2+p {
    font-size: 3.5vw;
    padding-top: 1vw;
}

.anchor {padding: 10vw 0;padding-bottom: 0px;display: none;}
.anchor ul {
    display: block;
    width: 92%;
    padding: 0 4%;
}
.anchor ul li {
    margin-right: 0px;
    margin-bottom: 3vw;
}
.anchor ul li a {
    font-size: 3.5vw;
    width: 100%;
    padding: 4vw 0;
}
.anchor.servicelink ul li a {
    width: 100%;
}
.anchor ul li a:nth-of-type(2n) {}
.anchor ul li a:nth-of-type(2n)::after { content:""; }
.anchor ul li a:hover {}
.anchor ul li a::after { content:""; }
.anchor ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.link3 {}
.link3 ul {}
.link3 ul li {}
.link4 {}
.link4 ul {}
.link4 ul li {}
.link5 {}
.link5 ul {}
.link5 ul li {}
.link6 {}
.link6 ul {}
.link6 ul li {}

.anchor.servicelink {}
.anchor.servicelink ul {
}
.anchor.servicelink ul li {
}

.under-content {}
.under-content+p {
    display: none;
}
.under-content .inner {}
.under-content .inner.privacy {
    font-size: 3.5vw;
    padding-top: 5vw;
}
.under-content .inner h3 {
    font-size: 4vw;
}
.under-content .inner h3.privacy {
    font-size: 4vw;
    margin: 2vw 0 2vw 4vw;
}
.under-content .inner h3.privacy::before {
    width: 2vw;
    height: 2vw;
    left: -4vw;
}
.under-content .inner h3 .en {
    font-size: 8vw;
    line-height: 100%;
    margin-right: 2vw;
}
.under-content .inner h4 {
    font-size: 4vw;
}
.under .title-flex h4.sub-title {
    position: relative;
    top: initial;
    transform: initial;
    -webkit- transform: initial;
    margin-left: 9vw;
    margin-top: 4vw;
    font-size: 4vw;
}
.under .title-flex h4.sub-title.left1,
.under .title-flex h4.sub-title.left2,
.under .title-flex h4.sub-title.left3,
.under .title-flex h4.sub-title.left4,
.under .title-flex h4.sub-title.left5,
.under .title-flex h4.sub-title.left6,
.under .title-flex h4.sub-title.left7,
.under .title-flex h4.sub-title.left8,
.under .title-flex h4.sub-title.left9,
.under .title-flex h4.sub-title.left10,
.under .title-flex h4.sub-title.left11,
.under .title-flex h4.sub-title.left12 {
    left: 0px;
}

h3.privacy {}
h3.privacy::before { content:""; }

.contactgroup {
    margin-top: 6vw;
    padding: 4%;
}
.contactgroup .inner_l {
    width: 100%;
    padding: 0px;
}
.contactgroup .inner_l .inner_content {margin-bottom: 2vw;}
.contactgroup .inner_l .inner_content h3 {}
.contactgroup .inner_l .inner_content p {}
.contactgroup .inner_r h4 {
    font-size: 3.5vw;
    font-weight: bold;
}
.contactgroup .inner_r h4 p {}
.contactgroup .inner_r a {}
.contactgroup .inner_r a:hover {}
.contactgroup .inner_l .inner_content p label.pc {
    display: none !important;
}
.contactgroup .inner_l .inner_content p label.sp {
    display: initial !important;
}
#Archive .inner .news-cont-list li .news-list {}
#Archive .inner .news-cont-list li .news-list dl {
    width: 650px;
    border: 10px solid #bad4ef;
    border-radius: 20px;
    position: relative;
    display: block;
}
#Archive .inner .news-cont-list li .news-list dl:nth-of-type(2n) {
    border: 10px solid #eeefe7;
}
#Archive .inner .news-cont-list li .news-list dl::after {content:"";background: url(../img/img20.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#Archive .inner .news-cont-list li .news-list dl:nth-of-type(2n)::after {content:"";background: url(../img/img21.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#Archive .inner .news-cont-list li .news-list dl a {
    font-size: 14px;
    color: #333;
    display: block;
    width: 650px;
    padding: 19.5px 15px;
}
#Archive .inner .news-cont-list li .news-list dl a:hover {}
#Archive .inner .news-cont-list li .news-list dl a dt {
    float: left;
    width: auto;
    margin-right: 30px;
}
#Archive .inner .news-cont-list li .news-list dl a dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    width: 475px;
    overflow: hidden;
}
#Archive .inner .news-cont-list li .news-list dl a dt,
#Archive .inner .news-cont-list li .news-list dl a dd { transition-property: all; transition: 0.3s linear; }
#Archive .inner .news-cont-list li .news-list dl a:hover dt,
#Archive .inner .news-cont-list li .news-list dl a:hover dd { opacity:0.8; }

#Detail .news {}
#Detail .news .detailspace {}
#Detail .news .detailspace .contentspace {}
#Detail .news .detailspace .contentspace .titleinfo {}
#Detail .news .detailspace .contentspace .titleinfo h4.flex {}
#Detail .news .detailspace .contentspace .titleinfo h4.flex label.date {}
#Detail .news .detailspace .contentspace .titleinfo h3 {}
#Detail .news .detailspace .contentspace p {}
#Detail .news a.btn4 {}
#Detail .news a.btn4:hover {}
#Detail .news a.btn4::after { content:""; }

.under .title-flex {
    display: block;
    margin-bottom: 5vw;
}
.under .title-flex h3.title {
    font-size: 4vw;
    padding: 1.5vw 0 1vw;
    padding-left: 4vw;
}
.under .title-flex h3.title.service-title {
    font-size: 7vw;
    padding: 1vw 0 0 4vw;
    margin-right: 0px;
}

.under .title-flex.hikari-title h3.title.service-title {
    height: auto;
}

.under .title-flex h3.title img {
    height: 7vw;
    margin-bottom: -1vw;
}

#cont3 .under .title-flex h3.title img.title-img2+img {
    margin-bottom: 1vw;
}
.under .title-flex h3.title img.title-img2 {
    height: 8vw;
    margin-bottom: -2vw;
}

.under .title-flex h3.title img.title-img2:nth-of-type(2) {
    margin-bottom: 0vw;
}
.under .title-flex h4.sub-title img {}
.under .title-flex+img {}
.under .rinen-txt {
    width: 100%;
    margin-top: 5vw;
}
.under .rinen-txt p.font-vertical {
    font-size: 4vw;
    margin-left: 4.5vw;
}
.under .rinen-txt p.font-vertical:nth-last-of-type(1) {}

.under .message-cont {}
.under .message-cont .float-right {
    float: none;
    width: 100%;
}
.under .message-cont .float-right img {}
.under .message-cont .float-left {
    float: none;
    width: 100%;
    margin-top: 3vw;
}
.under .message-cont .float-left p {
    margin-bottom: 3vw;
}
.under .message-cont .float-left p.text-right {}
.under .message-cont::after { content:""; display:block; clear:both; }

.under .about-table {
    padding: 4%;
}
.under .about-table .under-table {
    width: 100%;
}
.under .about-table .under-table tr {}
.under .about-table .under-table tr th,
.under .about-table .under-table tr td {
    display: block;
    width: 92%;
    padding: 4%;
}
.under .about-table .under-table tr th {
    border: none;
    padding-bottom: 0px;
}
.under .about-table .under-table tr td {
    padding-top: 2%;
}
.under .about-table .under-table tr td a {}
.under .about-table .under-table tr td a:hover {}

.under .client-list {
    display: block;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
}
.under .client-list .list3 {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 2vw;
}
.under .client-list .list3:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under .client-list .list3 ul {}
.under .client-list .list3 ul li {
    font-size: 3.5vw;
    padding: 3vw;
    padding-left: 8vw;
    margin-bottom: 2vw;
}
.under .client-list .list3 ul li::before {content:"";width: 2vw;height: 2vw;left: 3vw;}
.under .client-list .list3 ul li.other {  }
.under .client-list .list3 ul li.other::before { content:""; }

.under .client-list-2 {
    display: block;
    margin-top: 10vw;
}
.under .client-list-2 .client-list-2-in {
    width: 100%;
}
.under .client-list-2 .client-list-2-in:nth-last-of-type(1) {
    margin-top: 10vw;
}
.under .client-list-2 .client-list-2-in h4 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .client-list-2 .client-list-2-in ul {
    padding: 4%;
    padding-top: 6vw;
}
.under .client-list-2 .client-list-2-in ul li {
    font-size: 3.5vw;
    padding: 4% 0;
}
.under .client-list-2 .client-list-2-in:nth-of-type(2) ul li {
    padding-left: 5vw;
}
.under .client-list-2 .client-list-2-in ul li strong {
    font-size: 3.7vw;
}
.under .client-list-2 .client-list-2-in:nth-of-type(2) ul li::before {
    border-left: 2vw solid #01a09b;
    border-top: 1.5vw solid transparent;
    border-bottom: 1.5vw solid transparent;
}
.under .client-list-2 .client-list-2-in:nth-of-type(1) ul li:nth-of-type(6) strong:nth-of-type(2) { font-size:3.5vw; }
.under .client-list-2 .client-list-2-in ul li.last {}
.under .client-list-2 .client-list-2-in ul li a {
    font-size: 3.7vw;
}
.under .client-list-2 .client-list-2-in ul li a::before { content:""; }
.under .client-list-2 .client-list-2-in ul li a:hover {}

.under .map-list {
    justify-content: space-between;
}
.under .map-list li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 3vw;
}
.under .map-list li h4.title {
    font-size: 4vw;
    margin-left: 9vw;
    margin-top: 4vw;
}
.under .map-list li h4.title::before {
    width: 6vw;
    height: 1vw;
    left: -9vw;
    top: 2.5vw;
    transform: initial;
    -webkit-transform: initial;
}
.under .map-list li iframe {}
.under .map-list li:nth-last-of-type(1) {}

.youtube {}
.youtube iframe {}

.under .cm-list {
    display: block;
}
.under .cm-list li {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 3vw;
}
.under .cm-list li p {
    font-size: 3.7vw;
    margin: 0px;
}
.under .cm-list li:nht-last-of-type(1) {}
.under .cm-list+p {}

.under .img-list2 {
    margin-bottom: 3vw;
}
.under .img-list2 li {}
.under .img-list2 li img {}
.under p {}
.under p:nth-last-of-type(1) {}

.font-green {}

.under .img-list3 {}
.under .img-list3 li {}
.under .img-list3 li img {}

.one-stop-bg {
    background: url(../img/img101.jpg) no-repeat;
    background-size: 160vw;
    background-position-y: top;
    background-position-x: center;
}

.under .img-list2.around {}
.under .img-list2.around li {
    width: 40%;
}
.under .img-list2.around li img {}

.under p.font-big {
    font-size: 4vw;
    margin-bottom: 4vw;
}
.under .styrol-list {
    margin-top: 5vw;
    flex-wrap: wrap;
}
.under .styrol-list li {
    width: 46%;
    margin-bottom: 4vw;
}

.under .styrol-list li:nth-of-type(3),
.under .styrol-list li:nth-of-type(4) { margin-bottom:0px; }
.under .styrol-list li::after {content:"";background: url(../img/img112.png) no-repeat;width: 4vw;height: 4vw;background-size: 100%;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);position: absolute;right: -6vw;}
.under .styrol-list li:nth-of-type(2n)::after {
    background: none;
}
.under .styrol-list li img {
    margin-bottom: 1vw;
}
.under .styrol-list li p {}
.under .styrol-list li:nth-last-of-type(1) {}

.under .csr-list {
    margin-bottom: 4vw;
}
.under .csr-list li {}
.under .csr-list li::after {content:"";border-left: 1.5vw solid #009a44;border-top: 1vw solid transparent;border-bottom: 1vw solid transparent;right: -2.3vw;}
.under .csr-list li img {
    height: 14vw;
    top: 2vw;
}
.under .csr-list li:nth-of-type(3) img {
    height: 17vw;
}
.under .csr-list li:nth-last-of-type(1) {}

.under .light-list {
    margin-top: 5vw;
    padding-top: 7vw;
    display: block;
    margin-bottom: 5vw;
}
.under .light-list li {
    width: 100%;
}
.under .light-list li:nth-last-of-type(1) {
    width: 100%;
}
.under .light-list li h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .light-list li ul.light-list-in1 {
    padding: 4%;
    padding-top: 6vw;
    margin-top: 4vw;
}
.under .light-list li ul.light-list-in1 li {
}
.under .light-list li ul.light-list-in1 li:nth-last-of-type(1) {}
.under .light-list li ul.light-list-in1 li img {
    width: 100%;
}
.under .light-list li ul.light-list-in1 li p.font-big {
    margin: 2vw 0;
    font-size: 3.7vw;
}
.under .light-list li ul.light-list-in2 {
    width: 80%;
    margin-top: 10vw;
    padding-top: 10vw;
    padding-bottom: 4vw;
}
.under .light-list li ul.light-list-in2 li {
    width: 35vw;
    height: 35vw;
}
.under .light-list li ul.light-list-in2 li div {
    font-size: 5vw;
    width: 25vw;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    padding-top: 10vw;
}
.under .light-list li ul.light-list-in2 li div span {
    font-size: 3.5vw;
}
.under .light-list li ul.light-list-in2 li div:nth-of-type(2) {
    font-size: 4vw;
}
.under .light-list li ul.light-list-in2 li p {}
.under .light-list li ul.light-list-in2 li p span {}
.under .light-list li ul.light-list-in2 li p:nth-of-type(2) {}

.under .light-list+h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
}

.under .light-list2 {
    display: block;
}

.under .light-list2 {}
.under .light-list2 li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4vw;
}
.under .light-list2 li img {
    width: 41vw;
    height: 43.02242vw;
    margin: 0px;
}
.under .light-list2 li div {
    width: 45%;
    padding: 4%;
}
.under .light-list2 li div table {
    width: 92%;
}
.under .light-list2 li div table tr {}
.under .light-list2 li div table tr th,
.under .light-list2 li div table tr td {
    font-size: 3.5vw;
    display: block;
    width: 100%;
    padding: 4%;
}
.under .light-list2 li div table tr th {
    border: none;
    padding-bottom: 0px;
}
.under .light-list2 li div table tr td {
    padding-top: 1vw;
}
.under .light-list2 li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under .batteries-list {
    display: block;
    margin-top: 10vw;
}
.under .batteries-list li {
    width: 100%;
    padding-top: 10vw;
    padding-bottom: 4vw;
    margin-bottom: 10vw;
}
.under .batteries-list li h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .batteries-list li ul {
    width: 90%;
    margin-top: 0px;
    margin-bottom: 3vw;
}
.under .batteries-list li ul li {
    font-size: 3.5vw;
    width: 40vw;
    padding: 3vw 0;
    margin-bottom: 0px;
}
.under .batteries-list li p {
    padding: 0 4%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.under .batteries-list li p+p {
    margin-top: 1vw;
}
.font-weight {
}
.under .batteries-list li p.font-big {
    font-size: 3.7vw;
    margin-top: 0px;
}
.under .batteries-list li p.font-big .big {
    font-size: 4vw;
}
.under .batteries-list li p span.note {
    font-size: 3.2vw;
    margin-left: 3vw;
    margin-top: 1vw;
}
.under .batteries-list li p span.note::before {content:"※";left: -3.5vw;}
.under .batteries-list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under .batteries-list li ul li:nth-last-of-type(1) {}

#S-MV .privacy h2 img.title-img2 {}

.under.privacy p {}
.under.privacy .privacy-list1 {}
.under.privacy .privacy-list1 li {}
.under.privacy .privacy-list1 li::before { content:"・"; }
.under.privacy .privacy-list2 {}
.under.privacy .privacy-list2 li {}
.under.privacy .privacy-list2 li::before { content:"1."; }
.under.privacy .privacy-list2 li:nth-of-type(2)::before { content:"2."; }
.under.privacy .privacy-list2 li:nth-of-type(3)::before { content:"3."; }

.under.service h3.title {
    font-size: 4vw;
    padding: 1vw 0 0 4vw;
}
.under.service h3.title img {
    height: 7vw;
    margin-bottom: 1vw;
}
.under.service h4.sub-title {
    font-size: 4vw;
}
.under.service h4.sub-title::before,
.under .title-flex h4.sub-title::before {content:"";content: "";width: 6vw;height: 1vw;left: -9vw;top: 2.5vw;transform: initial;-webkit-transform: initial;}
.under.service h4.sub-title.ippan::before {content:"";width: 6vw;height: 1vw;left: -9vw;top: 2.5vw;transform: initial;-webkit-transform: initial;}
.under.service h4.sub-title.houjin::before { content:""; }
.under.service .content3 {}
.under.service .content3 h5 {
    font-size: 4vw;
}

.under.service h3.title {}
.under.service h3.title.service-title {
    font-size: 7vw;
    padding: 1vw 0 0 4vw;
    margin-right: 0px;
}
.under.service h4.sub-title {
    margin-left: 9vw;
    margin-top: 4vw;
}
.under .title-flex h3.title.service-title+h4.sub-title {
    margin-left: 9vw;
    margin-top: 5vw;
    position: relative;
    top: initial;
    transform: initial;
    -webkit- transform: initial;
    font-size: 4vw;
}
.under.service h4.sub-title .main-t {
    display: block;
    font-size: 4vw;
}
.under.service h4.sub-title .sub-t {
    font-size: 3.5vw;
}
.under.service .service-img {}
.under.service p {}
.under.service p:nth-last-of-type(1) {}

.under .service-list {
    display: block;
    margin-bottom: 5vw;
}
.under .service-list li {
    width: 100%;
    margin-bottom: 4vw;
}
.under .service-list li h4 {
    font-size: 4vw;
    margin-bottom: 1vw;
}
.under .service-list li img {}
.under .service-list li p {}
.under .service-list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under p.service-note {
    padding: 4%;
}
.under .service-list+p.service-note {
    width: 92%;
}
.under .service-list2.cont4+p.service-note {
    width: 92%;
    padding: 4%;
}

.under .flow-cont .service-list3+p.service-note,
.under .service-list4+p.service-note {width: 97%;font-size: 3.3vw;padding: 4% 2%;}

.under .service-list2 {}
.under .service-list2 li {}
.under .service-list2 li h4 {}
.under .service-list2 li ul {}
.under .service-list2 li ul li {}
.under .service-list2 li ul li::after { content:""; }
.under .service-list2 li ul li:nth-last-of-type(1) {}
.under .service-list2 li ul li:nth-last-of-type(1)::after { content:""; }
.under .service-list2 li:nth-last-of-type(1) {}

.under .service-list2.cont3 {}
.under .service-list2.cont3 li {
    width: 48%;
    margin-bottom: 3vw;
}
.under .service-list2.cont3 li h4 {
    font-size: 4vw;
}
.under .service-list2.cont3 li ul {
    margin-top: 1vw;
}
.under .service-list2.cont3 li ul li {
    width: 100%;
    margin-bottom: 6vw;
}
.under .service-list2.cont3 li ul li::after {content:"";content: "";border-top: 3vw solid #01a09b;border-left: 2vw solid transparent;border-right: 2vw solid transparent;top: 41vw;}
.under .service-list2.cont3 li ul li:nth-last-of-type(1) {}
.under .service-list2.cont3 li ul li:nth-last-of-type(1)::after { content:""; }
.under .service-list2.cont3 li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under .service-list2.cont4 {
    margin-bottom: 4vw;
}
.under .service-list2.cont4 li {
    width: 48%;
    margin-bottom: 3vw;
}

.under .service-list2.cont4 li:nth-of-type(5),
.under .service-list2.cont4 li:nth-of-type(6) {
    margin-bottom: 3vw;
}
.under .service-list2.cont4 li:nth-of-type(8),
.under .service-list2.cont4 li:nth-of-type(7) {
    margin-bottom: 0px;
}


.under .service-list2.cont4 li h4 {
    font-size: 4vw;
}
.under .service-list2.cont4 li ul {
    margin-top: 1vw;
}
.under .service-list2.cont4 li ul li {
    width: 100%;
    margin-bottom: 6vw;
}
.under .service-list2.cont4 li ul li::after {content:"";border-top: 3vw solid #01a09b;border-left: 2vw solid transparent;border-right: 2vw solid transparent;top: 39.5vw;}
.under .service-list2.cont4 li ul li:nth-last-of-type(1) {}
.under .service-list2.cont4 li ul li:nth-last-of-type(1)::after { content:""; }
.under .service-list2.cont4 li:nth-last-of-type(1) {}

.bg-green2 {}

.under .flow-cont {
    padding: 4% 3%;
}
.under .flow-cont .service-list3 {
    margin-bottom: 5vw;
}
.under .flow-cont .service-list3 li {
    width: 46%;
    margin-bottom: 4vw;
}

.under .flow-cont .service-list3 li:nth-of-type(4) {
    margin-bottom: 4vw;
}
.under .flow-cont .service-list3 li:nth-of-type(5),
.under .flow-cont .service-list3 li:nth-of-type(6) {
    margin-bottom: 0px;
}

.under .flow-cont .service-list3 li img {}
.under .flow-cont .service-list3 li p {
    margin-top: 1vw;
}
.under .flow-cont .service-list3 li::after {content:"";border-left: 3vw solid #01a09b;border-top: 2vw solid transparent;border-bottom: 2vw solid transparent;right: -4.8vw;top: 35%;transform: translateY(-65%);-webkit-transform: translateY(-65%);}
.under .flow-cont .service-list3 li:nth-of-type(3n) {}
.under .flow-cont .service-list3 li:nth-of-type(3n)::after {content:"";border-left: 3vw solid #01a09b;border-top: 2vw solid transparent;border-bottom: 2vw solid transparent;}
.under .flow-cont .service-list3 li:nth-of-type(2n)::after {
    border: none;
}
.under .flow-cont .service-list3 li:nth-last-of-type(1) {}

.under .service-list4 {
    display: block;
}
.under .service-list4 li {width: 100%;margin-bottom: 3vw;}
.under .service-list4 li img {}
.under .service-list4 li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under .flow-list {
    display: block;
}
.under .flow-list li {
    width: 92%;
    padding: 4% 4%;
    margin-bottom: 10vw;
}

.under .flow-list li:nth-of-type(4),
.under .flow-list li:nth-of-type(5) {
    margin-bottom: 10vw;
}
.under .flow-list li:nth-of-type(6) {
    margin-bottom: 0px;
}

.under .flow-list li p.maru {
    font-size: 4vw;
}
.under .flow-list li img {}
.under .flow-list li h4 {
    font-size: 4vw;
    margin: 4vw 0;
    margin-bottom: 2vw;
}
.under .flow-list li p {}
.under .flow-list li::after {content:"";border-left: 3vw solid transparent;border-top: 4vw solid #01a09b;border-right: 3vw solid transparent;right: initial;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: initial;bottom: -10vw;}
.under .flow-list li:nth-of-type(3n) {}
.under .flow-list li:nth-of-type(3n)::after {content:"";border-left: 3vw solid transparent;border-top: 4vw solid #01a09b;border-right: 3vw solid transparent;bottom: -7vw;}
.under .flow-list li:nth-last-of-type(1)::after {
    border: none;
}

.under .scroll {
    padding: 4%;
}
.under .scroll .plan-table {}
.under .scroll .plan-table tr {}
.under .scroll .plan-table tr th,
.under .scroll .plan-table tr td {
    padding: 4%;
    font-size: 3.5vw;
}
.under .scroll .plan-table tr th {}
.under .scroll .plan-table tr td {}
.under .scroll .plan-table tr th:nth-of-type(1), .under .scroll .plan-table tr td:nth-of-type(1) {
    width: 35vw;
}
.under .scroll .plan-table tr th:nth-of-type(2), .under .scroll .plan-table tr td:nth-of-type(2) {
    width: 10vw;
    padding-left: 2vw;
}

.under .scroll .plan-table.plan-table2 tr th:nth-of-type(2),
.under .scroll .plan-table.plan-table2 tr td:nth-of-type(2) {
    width: 11vw;
}
.under .scroll .plan-table.plan-table2 tr th:nth-of-type(1),
.under .scroll .plan-table.plan-table2 tr td:nth-of-type(1) {
    width: 8vw;
}

.under .scroll .plan-table.plan-table3 tr th:nth-of-type(2),
.under .scroll .plan-table.plan-table3 tr td:nth-of-type(2) {
    width: 60%;
}
.under .scroll .plan-table.plan-table3 tr th:nth-of-type(1),
.under .scroll .plan-table.plan-table3 tr td:nth-of-type(1) {
    width: 32%;
}

.under .scroll p.plan-note {
    font-size: 3.5vw;
    margin-left: 4vw;
}
.under .scroll p.plan-note::before {
    left: -4vw;
}
.under .plan-box {
    padding: 4%;
}
.under .plan-box p {}

.under .sanki-list {
    margin-top: 6vw;
}
.under .sanki-list li {
    margin-bottom: 10vw;
}
.under .sanki-list li:nth-of-type(1) p {
    width: 60vw;
    font-size: 4vw;
    padding: 4vw 0;
}
.under .sanki-list li:nth-of-type(1)::after {
    border-top: 4vw solid #01a09b;
    border-left: 3vw solid transparent;
    border-right: 3vw solid transparent;
    top: 17vw;
}
.under .sanki-list li:nth-of-type(2) {
    width: 80vw;
    margin-bottom: 10vw;
}
.under .sanki-list li:nth-of-type(2) div {}
.under .sanki-list li:nth-of-type(2) div img.sanki-img {
    width: 60vw;
    margin-top: 4vw;
    margin-bottom: 2vw;
}
.under .sanki-list li:nth-of-type(2) div p {
    font-size: 4vw;
    margin-bottom: 3vw;
}
.under .sanki-list li:nth-of-type(2) div::after {
    border-top: 4vw solid #01a09b;
    border-left: 3vw solid transparent;
    border-right: 3vw solid transparent;
    top: 24.5vw;
}
.under .sanki-list li:nth-of-type(3) {
    padding: 4%;
}
.under .sanki-list li:nth-of-type(3) img.sanki-img2 {}
.under .sanki-list li:nth-of-type(3) ul.sanki-note {
    margin-top: 3vw;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li {
    font-size: 3.5vw;
    margin-left: 6.5vw;
    width: 92%;
}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-last-of-type(1) {}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li::before {content:"※1";left: -6.5vw;}
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-of-type(2)::before { content:"※2"; }
.under .sanki-list li:nth-of-type(3) ul.sanki-note li:nth-of-type(3)::before { content:"※3"; }

.under .gri-img1 {}
.under .gri-img2 {}

.under.service .service8-list {}
.under.service .service8-list li {
    font-size: 3.5vw;
    margin-left: 11vw;
    margin-bottom: 2vw;
    padding-right: 6vw;
}
.under.service .service8-list li::before {
    left: -8vw;
}
.under.service8-box {}
.under.service8-box h4 {}
.under.service8-box p {}

.under .service8-list2 {
    display: block;
    margin-bottom: 8vw;
    margin-top: 6vw;
}
.under .service8-list2 li {
    width: 100%;
    margin-bottom: 4vw;
}

}

/* privacy */

.privacy-list {
    padding-left: 30px;
}
.privacy-list li {
    list-style: none;
    position: relative;
    margin-bottom: 8px;
}
.privacy-list li:before {content:"1.";position: absolute;left: -20px;}
.privacy-list li:nth-of-type(2):before { content:"2."; }
.privacy-list li:nth-of-type(3):before { content:"3."; }
.privacy-list li:nth-of-type(4):before { content:"4."; }
.privacy-list li:nth-of-type(5):before { content:"5."; }

@media only screen and (max-width: 768px){
.privacy-list li {font-size: 3.5vw;}
}

/* contact */

#contact-nav {/*! background: #f3f3f3; */}
#contact-nav .inner.under {}
#contact-nav .inner.under .formtab {padding-top: 80px;margin: 0px;}
#contact-nav .inner.under .formtab.flex {display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
#contact-nav .inner.under .formtab:after { content:""; display:block; clear:both;}
#contact-nav .inner.under .formtab li:after { content:""; display:block; clear:both; right: -16px;top: 10px;content: '';display: block;position: absolute;width: 0;height: 0;border: 6px solid transparent;border-top-color: transparent;border-top-style: solid;border-top-width: 6px;border-top: 8px solid #e2e2e2;transform: rotate(-90deg);}
#contact-nav .inner.under .contact-lead {text-align: center;margin: 50px auto 0;font-size: 15px;}
#contact-nav .inner.under .formtab li {width: 30%;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;}
#contact-nav .inner.under .formtab li span.nav-number {width: 32px;/*! height: 22px; */border-radius: 50%;background: #333;color: #fff;padding: 10px 0;/*! font-family: Gill Sans MT,sans-serif; */font-weight: normal;font-style: normal;font-size: 13px;line-height: 13px;/*! letter-spacing: 2px; */display: block;text-align: center;float: left;}
#contact-nav .inner.under .formtab li span.nav-text {font-family: "Noto Sans Japanese",sans-serif;font-weight: bold;font-size: 18px;line-height: 18px;letter-spacing: 1px;padding: 7px 0 0 27px;color: #131c23;display: block;float: left;}
#contact-nav .inner.under .formtab li.formtab_input.on:after {border-top: 8px solid #01a09b;}
#contact-nav .inner.under .formtab li.formtab_conf.on:after {border-top: 8px solid #039f9a;}
#contact-nav .inner.under .formtab li.formtab_comp.on:after {content:""; display:block; border: :none;}
#contact-nav .inner.under .contact-lead span {display: block;font-size: 20px;font-weight: bold;margin-bottom: 16px;}
#contact-nav .inner.under .contact-lead+div.to-top-btn {margin-bottom: 16px;}
#contact-nav .inner.under .contact-lead+div.to-top-btn a {width: 280px;background: #FFF;text-align: center;padding: 25px 0;border-radius: 20px;font-size: 16px;color: #01a19b;font-weight: bold;margin: 0 auto;position: relative;/* filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); */margin-top: 24px;display: block;border: 4px solid #01a19b;}
#contact-nav .inner.under .contact-lead+div.to-top-btn a::after {content:"";background: url(../img/img112.png);position: absolute;display: block;width: 30px;height: 30px;background-size: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#contact-nav .inner.under .contact-lead+div.to-top-btn a:hover {opacity: 0.8;}
#contact-nav .inner.under .formtab .formtab_input.on,
#contact-nav .inner.under .formtab .formtab_conf.on,
#contact-nav .inner.under .formtab .formtab_comp.on {border: solid 1px #01a19b;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-style: none none solid none;opacity: 1;}
#contact-nav .inner.under .formtab .formtab_input.on span.nav-number,
#contact-nav .inner.under .formtab .formtab_conf.on span.nav-number,
#contact-nav .inner.under .formtab .formtab_comp.on span.nav-number{background: #01a19b;}


#under-content.contact {
    margin-left: 0px;
}
#under-content.contact .inner.under {/* max-width: 1300px; *//* width: 1300px; */padding-top: 40px;border-top: 1px solid #009a44;}
#under-content.contact .inner.under .form_div {border: solid 1px #e2e2e2;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-style: none none solid none;padding: 26px 35px;-webkit-justify-content: flex-start;justify-content: flex-start;position: relative;}
#under-content.contact .inner.under .form_div:after {content:"";display: block;clear: both;}  
#under-content.contact .inner.under .form_div.flex {/*! display: -webkit-flex; *//*! display: flex; *//*! -webkit-justify-content: space-between; *//*! justify-content: space-between; *//*! -webkit-flex-wrap: wrap; *//*! flex-wrap: wrap; */display: block;}
#under-content.contact .inner.under .form_div .title_icon {/* font-family: fot-cezanne-pron,sans-serif; */font-weight: 500;font-size: 15px;line-height: 48px;letter-spacing: 1px;color: #333;width: 200px;margin: 0;text-align: left;align-self: flex-start;float: left;font-weight: bold;}
#under-content.contact .inner.under .form_div .required,
#under-content.contact .inner.under .form_div .no-required {align-self: flex-start;margin: 6px 0 0 0;/* font-family: fot-cezanne-pron,sans-serif; */font-weight: normal;font-weight: 500;font-size: 12px;line-height: 12px;letter-spacing: 3px;color: #fff;background: #d04444;padding: 10px 0;width: 50px;/*! height: 24px; */text-align: center;border: solid 1px #d04444;float: left;padding-left: 3px;}
#under-content.contact .inner.under .form_div .no-required { background: #4477C6; border: solid 1px #4477C6;}
#under-content.contact .inner.under .form_div input {align-self: center;display: block;background: #fff;border: none;height: 48px;outline: none;padding: 0 25px;/*! font-family: fot-cezanne-pron,sans-serif; */font-weight: 500;font-size: 15px;line-height: 22px;letter-spacing: .5px;color: #333;margin: 0 0 0 60px;width: 560px;/* max-width: 700px; */border-radius: 0;border: #DDD 1px solid;float: left;position: relative;z-index: 99;}
#under-content.contact .inner.under .form_div .confirmview {}
#under-content.contact .inner.under .form_div input.company {}
#under-content.contact .inner.under .form_div input.name {}
#under-content.contact .inner.under .form_div input.furigana {}
#under-content.contact .inner.under .form_div .inputgroup {float: left;/* max-width: 700px; */width: 600px;padding: 0;margin: 0px 0 0 60px;}
#under-content.contact .inner.under .form_div input.email {width: 560px;margin: 0px;}
#under-content.contact .inner.under .form_div input.email_c {width: 560px;margin-left: 0px;}
#under-content.contact .inner.under .form_div input.telgroup {}
#under-content.contact .inner.under .form_div .inner_l {width: 600px;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .inner_l {
    width: auto;
}
#under-content.contact .inner.under .form_div .inner_l:after {content: ""; display: block; clear: both;} 
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field {display: block;float: left;width: auto;}
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field label {position: relative;width: auto;display: block;margin-right: 32px;}
.skill-contact #under-content.contact .inner.under .form_div .inner_l .mwform-radio-field {
}
.skill-contact #under-content.contact .inner.under .form_div .inner_l .mwform-radio-field label {
    width: auto;
    margin-right: 15px;
}
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field label span {cursor: pointer;padding: 4px 0;display: block;margin: 5px 0;/* font-family: fot-cezanne-pron,sans-serif; */font-weight: bold;font-size: 15px;line-height: 31px;letter-spacing: 1px;color: #333;margin-left: 32px;}
#under-content.contact .inner.under .form_div .inner_l input.radio {display: block;position: absolute;margin-left: 0px;width: 25px;top: -4px;}
#under-content.contact .inner.under .form_div .inner_l input.radio span {}
#under-content.contact .inner.under .form_div input.message {}
#under-content.contact .inner.under .form_div .attention {}
#under-content.contact .inner.under .form_div .message_attention {float: none;clear: both;}
#under-content.contact .inner.under .form_div .message_attention+p {}
#under-content.contact .inner.under .form_div .message {align-self: center;display: block;background: #fff;border: none;/*! height: 48px; */outline: none;padding: 0 25px;font-family: fot-cezanne-pron,sans-serif;font-weight: 500;font-size: 15px;line-height: 22px;letter-spacing: .5px;color: #333;margin: 0 0 0 60px;width: 560px;border-radius: 0;border: #DDD 1px solid;float: left;padding-top: 14px;}
#under-content.contact .inner.under .form_div .message_attention+p .message {float: left;}
#under-content.contact .inner.under .form_div .telgroup {/* max-width: 750px; */}
#under-content.contact .inner.under .form_div .telgroup .mwform-tel-field {width: 100%;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;width: 600px;padding: 0;height: auto;margin: 0;background: none;border: none;color: #131c23;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"sans-serif";font-weight: normal;font-size: 16px;line-height: 45px;letter-spacing: 1px;align-self: center;}
#under-content.contact .inner.under .form_div .telgroup:after {content: ""; display: block; clear: both;}
#under-content.contact .inner.under .form_div .telgroup input {width: 120px;float: left;display: block;margin-left: 0px;}

#under-content.contact .inner.under .error {display: block;float: none;width: 100%;margin-left: 314px;padding-top: 50px;font-size: 13px;position: absolute;}

#under-content.contact .inner.under #Form_btngroup {}
#under-content.contact .inner.under #Form_btngroup .contact-cv-btn {cursor: pointer;text-decoration: none;transition-property: all;transition: 0.3s linear;background: #009a44;border: none;width: 240px;padding: 23px 0;color: #FFF;display: block;text-align: center;font-size: 16px;border-radius: 10px;font-weight: bold;/* filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2)); */position: relative;margin: 0 auto;margin-top: 24px;}
#under-content.contact .inner.under #Form_btngroup .contact-cv-btn:hover {opacity: 0.8;}
#under-content.contact .inner.under #Form_btngroup .contact-cv-btn::after {content:"";background: url(../img/img17.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 16px;}
#under-content.contact .inner.under #Form_btngroup .back-btn:hover {background: #009a4436;}
#under-content.contact .inner.under #Form_btngroup .back-btn {letter-spacing: 0.1em;cursor: pointer;transition-property: all;transition: 0.3s linear;background: #FFF;border: none;width: 230px;padding: 13px 0;color: #009a44;display: block;text-align: center;font-size: 16px;border-radius: 10px;font-weight: bold;position: relative;margin: 0 auto;margin-top: 24px;border: 5px solid #009a44;}

.mw_wp_form_confirm #under-content.contact .inner.under .form_div .attention  {display: none;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .attention+p  {display: none;}

.mw_wp_form_confirm #under-content.contact .inner.under .form_div .inputgroup {/* margin-top: -10px; */margin-left: 0px;padding-left: 0px;width: auto;}

.mw_wp_form_confirm #under-content.contact .inner.under .form_div {margin-top: 20px;font-weight: bold;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .title_icon {margin-top: -8px;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .required,
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .no-required{margin-top: 0px;margin-right: 110px;font-weight: normal;}

.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup .back-btn {/* float: left; */}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup .contact-cv-btn {/* float: left; */margin-right: 40px;}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup {width: 530px;margin: 0 auto;justify-content: space-between;}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup:after { content: ""; display: block; clear: both;}
#contact-nav .inner.under .formtab li.formtab_comp:after {border: none;}
#under-content.contact .inner.under .form_div .inputgroup .error {margin-left: 0px;padding-top: 69px;}
#under-content.contact .inner.under .form_div .inputgroup .mwform-radio-field+input+.error {
    padding-top: 41px;
}
#under-content.contact .inner.under .form_div .message+.error {
    bottom: 5px;
}

#under-content.contact .inner.under .form_div .inputgroup .email_c+.error {
    padding-top: 47px;
}
.form-captcha {text-align: center;margin-top: 16px;font-size: 13px;}
section .under .form-captcha img {
    width: auto;
}
#under-content.contact .inner.under .form-captcha .error {margin-left: 0px;text-align: center;display: block;margin: 0 auto;padding-top: 8px;position: initial;}


@media only screen and (max-width: 768px){
.form-captcha {font-size: 3vw;}
#contact-nav {}
#contact-nav .inner.under {}
#contact-nav .inner.under .formtab {padding-top: 8vw;padding-left: 0px;}
#contact-nav .inner.under .formtab.flex {
    margin-bottom: 8vw;
}
#contact-nav .inner.under .formtab:after { content:""; display:block; clear:both; }
    #contact-nav .inner.under .contact-lead {width: 100%;margin: 7vw auto 0;font-size: 3.5vw;}
#contact-nav .inner.under .formtab li {padding: 1vw;width: 27%;height: 8vw;}
#contact-nav .inner.under .formtab li span {}
#contact-nav .inner.under .formtab li p {}
#contact-nav .inner.under .formtab li.formtab_input {
    display: block;
}
#contact-nav .inner.under .formtab li.formtab_conf {
    display: block;
}
#contact-nav .inner.under .formtab li.formtab_comp {
    display: block;
}

#contact-nav .inner.under .formtab .formtab_input.on {display: block;}
#contact-nav .inner.under .formtab .formtab_input span.nav-number,
#contact-nav .inner.under .formtab .formtab_conf span.nav-number,
#contact-nav .inner.under .formtab .formtab_comp span.nav-number {width: 5vw;font-size: 2.5vw;padding: 1vw 0;}
#contact-nav .inner.under .formtab li span.nav-text {font-size: 3.5vw;padding: 1vw 1.5vw;}
#contact-nav .inner.under .formtab li:after {}

#under-content.contact {}
#under-content.contact .inner.under {width: 96%;margin: 0 auto;}
#under-content.contact .inner.under .form_div {padding: 1vw 2% 8vw;width: 96%;}
#under-content.contact .inner.under .form_div.flex {}
#under-content.contact .inner.under .form_div .title_icon {font-size: 4vw;width: 60vw;}
#under-content.contact .inner.under .form_div .required,
#under-content.contact .inner.under .form_div .no-required{float: right;}
#under-content.contact .inner.under .form_div input {float: none;clear: both;margin-left: 0px;width: 92%;padding: 2% 4%;height: 10vw;font-size: 3.5vw;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div input+p {
    display: none;
}
#under-content.contact .inner.under .form_div .telgroup input {width: 20%;}
#under-content.contact .inner.under .form_div .telgroup .mwform-tel-field {
    width: 100%;
}
#under-content.contact .inner.under .form_div .message {float: none;clear: both;width: 92%;margin: 0px;padding: 3%;margin-top: 2vw;font-size: 3.5vw;}
#under-content.contact .inner.under .form_div .confirmview {}
#under-content.contact .inner.under .form_div input.company {}
#under-content.contact .inner.under .form_div input.name {}
#under-content.contact .inner.under .form_div input.furigana {}
#under-content.contact .inner.under .form_div input.email {
    width: 92%;
}
#under-content.contact .inner.under .form_div .inputgroup {float: none;clear: both;width: 100%;margin: 0px;padding: 0px;}
#under-content.contact .inner.under .form_div input.email_c {width: 92%;margin-top: 6vw;}
#under-content.contact .inner.under .form_div input.telgroup {}
#under-content.contact .inner.under .form_div .inner_l {width: 98%;margin-left: 2%;}
#under-content.contact .inner.under .form_div .inner_l input.radio {top: 0px;border-radius: 100%;color: #3d2521;width: 7vw;}
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field {float: none;width: 100%;margin-left: 0px;position: relative;height: 10vw;}
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field label {width: 100%;}
.skill-contact #under-content.contact .inner.under .form_div .inner_l .mwform-radio-field {
    float: left;
    width: 50%;
}
#under-content.contact .inner.under .form_div .inner_l .mwform-radio-field label span.mwform-radio-field-text {margin-left: initial;font-size: 3.5vw;position: absolute;left: 11vw;top: -1.5vw;}
#under-content.contact .inner.under .form_div input.message {}
#under-content.contact .inner.under .form_div .attention {}
#under-content.contact .inner.under .form_div .message_attention {}

#under-content.contact .inner.under #Form_btngroup {}
#under-content.contact .inner.under #Form_btngroup .contact-cv-btn {
    font-size: 4vw;
    padding: 4vw 0;
    width: 60vw;
}
#under-content.contact .inner.under #Form_btngroup .back-btn {
    margin-top: 6vw;
}

#contact-nav .inner.under .contact-lead span {font-size: 4.5vw;}
#contact-nav .inner.under .contact-lead+div.to-top-btn {margin-bottom: 5vw;}
#contact-nav .inner.under .contact-lead+div.to-top-btn a {margin-top: 8vw;}
    
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .attention  {display: none;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .attention+p  {display: none;}

.mw_wp_form_confirm #under-content.contact .inner.under .form_div .inputgroup {margin-top: -10px;margin-left: 0px;padding-left: 0px;}

.mw_wp_form_confirm #under-content.contact .inner.under .form_div {margin-top: 20px;font-weight: bold;font-size: 4vw;position: relative;padding-top: 2vw;margin-bottom: 12vw;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .title_icon {float: none;position: absolute;top: -7vw;}
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .required,
.mw_wp_form_confirm #under-content.contact .inner.under .form_div .no-required{margin-top: 0px;margin-right: 0px;font-weight: normal;clear: both;float: none;position: absolute;right: 0;top: -8vw;}

.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup .back-btn {float: none;margin: 0 auto;margin-top: 4vw;font-size: 4vw;padding: 2.5vw 0;width: 60vw;border: 1.5vw solid #009a44;}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup .contact-cv-btn {float: none;margin-right: auto;}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup {width: 100%;margin: 0 auto;display: block;}
.mw_wp_form_confirm #under-content.contact .inner.under #Form_btngroup:after { content: ""; display: block; clear: both;}
#contact-nav .inner.under .formtab li.formtab_comp:after {border: none;}
    #under-content.contact .inner.under .error {margin-left: 0px;padding-top: 1vw;font-size: 3vw;}
    #under-content.contact .inner.under .form_div .inputgroup .error {
    padding-top: 6vw;
}
#under-content.contact .inner.under .form_div .inputgroup .email_c+.error {
    padding-top: 1vw;
}
#under-content.contact .inner.under .form_div .inputgroup .mwform-radio-field+input+.error {
    padding-top: 1vw;
}

#under-content.contact .inner.under .form_div .message+.error {
    bottom: 2vw;
}
    
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

    input[type="radio"] {
    display: none;
}
input[type="radio"]:checked + label {
    background: #ff0000;
}
    
}

/* header調整 */
/*
header.header-nav nav ul.pc-menu {padding-left: 477px;width: 658px;}
footer .container .row .related_navi {width: 566px;}

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

header.header-nav nav ul.pc-menu {}
footer .container .row .related_navi {width: 100%;}
    
}
*/
/* message */

#under-content .inner.under .message-content {}
#under-content .inner.under .message-content:after { content:""; display:block; clear:both; }
#under-content .inner.under .message-content .message-content-in:nth-of-type(1) {width: 365px;float: right;position: relative;z-index: 10;top: 50px;right: 34px;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(1) img {width: 100%;/* box-shadow: 0 5px 50px -7px rgba(25,25,25,.7); */}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) {width: 540px;position: relative;top: 0px;z-index: 0;padding: 30px 430px 30px 30px;background: -moz-linear-gradient(to right,#f7c721,#f8bf1f 50%,#eeac01);background: -webkit-linear-gradient(to right,#f7c721,#f8bf1f 50%,#eeac01);background: linear-gradient(to right,#f7c721,#f8bf1f 50%,#eeac01);}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) h3.lower-title {font-size: 24px;border-bottom: 2px solid #333;padding-bottom: 20px;margin-top: 10px;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt {}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt span.font-big {font-size: 24px;font-weight: bold;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt.right-txt {text-align: right;}

#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(6),
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(7),
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(10) {
    width: 930px;
    display: block;
}

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

#under-content .inner.under .message-content {}
#under-content .inner.under .message-content:after { content:""; display:block; clear:both; }
#under-content .inner.under .message-content .message-content-in:nth-of-type(1) {float: none;width: 92%;min-width: initial;position: relative;top: initial;margin: 0 auto;z-index: 10;right: 0;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(1) img {/* box-shadow: 0 2vw 8vw -2vw rgba(25,25,25,.7); */}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) {width: 92%;padding: 4%;top: -55vw;z-index: 0;padding-top: 51vw;margin-bottom: -51vw;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) h3.lower-title {font-size: 6.5vw;text-align: center;margin-top: 8vw;padding-bottom: 4vw;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt {}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt span.font-big {font-size: 6vw;}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt.right-txt {}
#under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(6), #under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(7), #under-content .inner.under .message-content .message-content-in:nth-of-type(2) p.message-txt:nth-of-type(10) {
    width: 100%;
}
}

/* topics list */

#FilterNav {/* margin-bottom: 40px; */}
#FilterNav .inner {}
#FilterNav .inner .itemlist {padding-left: 0px;/* margin-top: 40px; */display: flex !important;justify-content: left;flex-wrap: wrap;}
#FilterNav .inner .itemlist.flex {}
#FilterNav .inner .itemlist.flex li {list-style: none;/*! float: left; */width: 130px;border-left: 1px solid #3bc3c3;text-align: center;padding: 0 16px;margin-bottom: 16px;}
#FilterNav .inner .itemlist.flex li:nth-of-type(6n),
#FilterNav .inner .itemlist.flex li:nth-last-of-type(1) {border-right: 1px solid #3bc3c3;}
#FilterNav .inner .itemlist:after { content: ""; display: block; clear: both; }
#FilterNav .inner .itemlist li a {}
#FilterNav .inner .itemlist li a:hover {}
#FilterNav .inner .itemlist li a.active {}
#FilterNav .inner .itemlist li a label {padding: 5px 0;display: inline-block;cursor: pointer;font-size: 14px;}
#FilterNav .inner .itemlist li a.active label {border: solid 1px #3bc3c3;border-style: none none solid none;}
#FilterNav .inner .itemlist li a {
}
#FilterNav .inner #categorys {display: none;}
#FilterNav .inner #categorys option {}

#Archive {}

section#Archive .inner .column-list-bg {
    padding-bottom: 10px;
    padding-top: 35px;
    margin-top: -60px;
}
section#Archive .inner .column-list-bg .column-list {
    flex-wrap: wrap;
    justify-content: start;
}
section#Archive .inner .column-list-bg .column-list li {
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 45px;
    margin-right: 35px;
}
section#Archive .inner .column-list-bg .column-list li:nth-of-type(3n) {
    margin-right: 0px;
}
section#Archive .inner .column-list-bg .column-list li a figcaption .info {
    position: absolute;
    bottom: 0px;
}

#Archive .inner {}
#Archive .inner .itemlist,
#topics .inner .itemlist {padding-left: 0px;flex-wrap: wrap;}
#Archive .inner .itemlist:after,
#topics .inner .itemlist:after { content: ""; display: block; clear: both; }
#Archive .inner .itemlist.flex {}
#Archive .inner .itemlist.flex li,
#topics .inner .itemlist.flex li {list-style: none;float: left;width: 30%;margin-right: 5%;box-shadow: 2px 2px 20px 0px rgba(0,0,8,0.2);margin-bottom: 50px;background: #FFF;}
#Archive .inner .itemlist.flex li:nth-of-type(3n),
#topics .inner .itemlist.flex li:nth-of-type(3n) {margin-right: 0px;}
#Archive .inner .itemlist.flex li a,
#topics .inner .itemlist.flex li a {padding: 0px;}
#Archive .inner .itemlist.flex li a:hover {}
#Archive .inner .itemlist.flex li a figure,
#topics .inner .itemlist.flex li a figure {
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 200px;
    overflow: hidden;
    }
#Archive .inner .itemlist.flex li a figure img,
#topics .inner .itemlist.flex li a figure img {width: 100%; object-fit: cover; height: 100%; -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;}
#Archive .inner .itemlist.flex li a:hover figure img,
#topics .inner .itemlist.flex li a:hover figure img {     transform: scale(1.1);}
#Archive .inner .itemlist.flex li a figcaption {/*! padding: 5%; */}
#Archive .inner .itemlist.flex li a figcaption h4,
#topics .inner .itemlist.flex li a figcaption h4 {/* display: -webkit-box; */-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 3% 5%;margin: 0px;font-size: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis !important;}
#Archive .inner .itemlist.flex li a figcaption .categorylist,
#topics .inner .itemlist.flex li a figcaption .categorylist {padding: 0 5%;}
#Archive .inner .itemlist.flex li a figcaption .categorylist:after,
#topics .inner .itemlist.flex li a figcaption .categorylist:after { content: ""; display: block; clear: both; }
#Archive .inner .itemlist.flex li a figcaption .categorylist.flex {}
#Archive .inner .itemlist.flex li a figcaption .categorylist label,
#topics .inner .itemlist.flex li a figcaption .categorylist label {font-size: 12px;line-height: 22px;letter-spacing: .5px;padding: 0 10px;background: #f7c721;color: #333;margin: 0 2px 2px 0;cursor: pointer;display: block;float: left;margin-right: 5px;}
#Archive .inner .itemlist.flex li a figcaption .categorylist label:nth-of-type(3n-1),
#topics .inner .itemlist.flex li a figcaption .categorylist label:nth-of-type(3n-1) {background: #f08717;}
#Archive .inner .itemlist.flex li a figcaption .categorylist label:nth-of-type(3n),
#topics .inner .itemlist.flex li a figcaption .categorylist label:nth-of-type(3n) {background: #6c592f;}
#Archive .inner .itemlist.flex li a figcaption .description,
#topics .inner .itemlist.flex li a figcaption .description {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;padding: 0 5%;}
#Archive .inner .itemlist.flex li a figcaption .info,
#topics .inner .itemlist.flex li a figcaption .info {background: #9d8e71;padding: 2% 5%;}
#Archive .inner .itemlist.flex li a figcaption .info:after,
#topics .inner .itemlist.flex li a figcaption .info:after { content: ""; display: block; clear: both; }
#Archive .inner .itemlist.flex li a figcaption .info .author,
#topics .inner .itemlist.flex li a figcaption .info .author {/*! margin: 0px; */color: #FFF;font-size: 13px;}
#Archive .inner .itemlist.flex li a figcaption .info .date,
#topics .inner .itemlist.flex li a figcaption .info .date {/*! margin: 0px; */margin-left: auto;color: #FFF;font-size: 13px;}
#Archive .inner .pagenation,
#topics .inner .pagenation {width: 1000px;margin: 50px auto 16px auto;}
#Archive .inner .pagenation ul {padding-left: 0px;}
#Archive .inner .pagenation ul:after { content: ""; display: block; clear: both; }
#Archive .inner .pagenation ul.flex {display: flex;justify-content: center;}
#Archive .inner .pagenation ul.flex li {width: 47px;height: 47px;padding: 0;margin: 0 12px 0 0;position: relative;/*! float: left; */list-style: none;}
#Archive .inner .pagenation ul.flex li.active {}
#Archive .inner .pagenation ul.flex li.active a {background: #9d8e71;border: solid 1px #9d8e71;color: #fff;pointer-events: none;}
#Archive .inner .pagenation ul.flex li.active a:hover {}
#Archive .inner .pagenation ul.flex li a {font-family: "Noto Sans Japanese",sans-serif;font-weight: 500;font-style: normal;font-size: 16px;line-height: 16px;color: #222;letter-spacing: 1px;width: 47px;height: 15px;background: #FFF;border-radius: 50%;border: solid 1px #9d8e71;text-align: center;padding: 16px 0px;display: block;}
#Archive .inner .pagenation ul.flex li a:hover { background: #9d8e71; color: #FFF ; }
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn { position: relative; margin-left: 20px;}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn::after {content: "...";
    width: 20px;
    height: 9px;
    position: absolute;
    top: 20px;
    right: 53px;
    text-align: center;
    line-height: 0;
    font-size: 12px;
    color: #131c23;}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn a {}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn a:hover {}

#Archive .inner .pagenation ul.flex li.pagenation_prevbtn {margin-right: 24px;margin-left: 0px;}
#Archive .inner .pagenation ul.flex li.pagenation_prevbtn a {background: url(../img/archive_allow.svg) no-repeat #3bc3c3 center center; background-size: 14px;border-color: #3bc3c3;}
#Archive .inner .pagenation ul.flex li.pagenation_prevbtn a:hover {background: url(../img/archive_allow_g.svg) no-repeat #FFF center center;background-size: auto; background-size: 14px;}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn {margin-left: 24px;margin-right: 0px;}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn a {background: url(../img/archive_allow.svg) no-repeat #3bc3c3 center center;transform: rotate(180deg);background-size: 14px;/*! padding: 7px 19px; */border-color: #3bc3c3;}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn a:hover {background: url(../img/archive_allow_g.svg) no-repeat #FFF center center;background-size: auto;transform: rotate(180deg);background-size: 14px;}
#Archive #Storage {}
#Archive #Storage div {}

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

#FilterNav {
    margin-bottom: 0vw;
}
#FilterNav .inner {
    padding-bottom: 0px;
}
#FilterNav .inner .itemlist {/* display: none !important; */}
#FilterNav .inner .itemlist.flex {
    margin-top: 4vw;
}
#FilterNav .inner .itemlist.flex li {
    width: 41.5%;
    padding: 0 4%;
}
#FilterNav .inner .itemlist.flex li:nth-of-type(2n) {
    border-right: 1px solid #3bc3c3;
}
#FilterNav .inner .itemlist li a {}
#FilterNav .inner .itemlist li a:hover {}
#FilterNav .inner .itemlist li a:active {}
#FilterNav .inner .itemlist li a label {
    font-size: 3.5vw;
}
#FilterNav .inner .itemlist li a {}
#FilterNav .inner #categorys {}
#FilterNav .inner #categorys option {}

#Archive {position: relative;}
#Archive .inner,
#topics .inne {width: 92%;}
#Archive .inner.news {
    padding-top: 5vw;
}
#Archive .inner.news .news-list dl {
    border: 1.5vw solid #bad4ef;
    margin-bottom: 2vw;
    margin-top: 0px;
    border-radius: 15px;
}
#Archive .inner.news .news-list dl:nth-of-type(2n) {
    border: 1.5vw solid #eeefe7;
}
#Archive .inner.news .news-list dl a dt {
    margin-right: 3vw;
}
#Archive .inner.news .news-list dl a dd {
    width: 52vw;
}
#Archive .inner.news .news-list dl a {font-size: 3.5vw;padding: 4vw;width: 92%;}
#Archive .inner.news .news-list dl::after { right:3vw; }
#Archive .inner.news .news-list dl:nth-of-type(2n)::after { right:3vw; }
#Archive .inner .itemlist {}
#Archive .inner .itemlist.flex {}
#Archive .inner .itemlist.flex li,
#topics .inner .itemlist.flex li {float: none;width: 100%;margin-right: 0px;margin-bottom: 6vw;}
#Archive .inner .itemlist.flex li a {}
#Archive .inner .itemlist.flex li a:hover {}
#Archive .inner .itemlist.flex li a figure {}
#Archive .inner .itemlist.flex li a figure img {}
#Archive .inner .itemlist.flex li a figcaption {}
#Archive .inner .itemlist.flex li a figcaption h4 {}
#Archive .inner .itemlist.flex li a figcaption .categorylist {}
#Archive .inner .itemlist.flex li a figcaption .categorylist.flex {}
#Archive .inner .itemlist.flex li a figcaption .categorylist label {}
#Archive .inner .itemlist.flex li a figcaption .description {}
#Archive .inner .itemlist.flex li a figcaption .info {
    display: flex;
}
#Archive .inner .itemlist.flex li a figcaption .info .author {}
#Archive .inner .itemlist.flex li a figcaption .info .date {}
#Archive .inner .pagenation {width: 100%;margin-top: 8vw;margin-bottom: 3vw;}
#Archive .inner .pagenation ul {}
#Archive .inner .pagenation ul.flex {}
#Archive .inner .pagenation ul.flex li {width: 10vw;height: 10vw;}
#Archive .inner .pagenation ul.flex li.active {}
#Archive .inner .pagenation ul.flex li.active a {}
#Archive .inner .pagenation ul.flex li.active a:hover {}
#Archive .inner .pagenation ul.flex li a {width: 9vw;height: 4vw;font-size: 3.5vw;padding: 2.5vw 0px;}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn {margin-left: 4vw;}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn a {}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn::after {width: 4vw;height: 2vw;top: 4vw;right: 12vw;}
#Archive .inner .pagenation ul.flex li.pagenation_lastbtn a:hover {}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn {margin-left: 4vw;}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn a {}
#Archive .inner .pagenation ul.flex li.pagenation_nextbtn a:hover {}
#Archive #Storage {display: none;height: 16vw;left: calc(50% - 1.8vw);bottom: 5.5vw;position: absolute;z-index: 1;cursor: pointer;}
#Archive #Storage div {width: 3.7vw;height: 3.7vw;background: #ccc;border-radius: 50%;margin: 0 auto;position: relative;}
#Archive #Storage div:before,#Archive #Storage div:after {content: "";
    width: 3.7vw;
    height: 3.7vw;
    background: #ccc;
    border-radius: 50%;
    position: absolute;
    top: 6vw;}
#Archive #Storage div:after {    top: 12.2vw;}
section#Archive .inner .column-list-bg .column-list li {
    padding-bottom: 0px;
    margin-bottom: 4vw;
    margin-right: 0px;
}
section#Archive .inner .column-list-bg .column-list li a figcaption .info {
    position: initial;
}
section#Archive .inner .column-list-bg {
    margin-top: 0vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}
}

/* topics article */

.youtube {position: relative;width: 100%;padding-top: 56.25%;margin-bottom: 16px;}
.youtube iframe { position: absolute;top: 0; right: 0; width: 100% !important; height: 100% !important; display: block !important;}

#Detail {}
#Detail .inner {}
#Detail .inner .detailspace {float: none;margin-right: 5%;margin-top: 38px;}
#Detail .inner .detailspace .contentspace {
    padding-bottom: 32px;
}
#Detail .inner .detailspace .contentspace .titleinfo {margin-bottom: 20px;}
#Detail .inner .detailspace .contentspace .titleinfo h4 {font-weight: bold;font-size: 16px;line-height: 32px;letter-spacing: 2px;color: #333;}
#Detail .inner .detailspace .contentspace .titleinfo h4.flex {display: flex;flex-wrap: wrap;justify-content: flex-start;border: none;padding-bottom: 0px;background: none;margin: 0px;padding: 0px;}
#Detail .inner .detailspace .contentspace .titleinfo h4 label.date {font-weight: 300;font-style: normal;font-size: 13px;line-height: 13px;letter-spacing: 2px;color: #4e5356;width: 96px;}
#Detail .inner .detailspace .contentspace .titleinfo h4 p.author {font-weight: 500;font-size: 13px;line-height: 13px;letter-spacing: .5px;color: #333;margin: 0;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group {justify-content: flex-start;margin: 17px 0 10px 0;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group.flex {display: flex;flex-wrap: wrap;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category {font-weight: 500;font-style: normal;font-size: 13px;line-height: 12px;letter-spacing: 0;color: #FFF;padding: 9.1px 10px;background: #9d8e71;margin: 0 8px 8px 0;border-radius: 8px;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category:nth-of-type(2n) {background: #3bc3c3;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category:hover {}
#Detail .inner .detailspace .contentspace .titleinfo h3 {font-weight: bold;font-size: 28px;line-height: 140%;letter-spacing: 1px;color: #333;padding: 0;margin: 0;border: none;border-bottom: 2px solid #3bc3c3;padding-bottom: 20px;margin-top: 20px;margin-bottom: 16px;background: none;}
#Detail .inner .detailspace .contentspace h1,
#Detail .inner .detailspace .contentspace h2,
#Detail .inner .detailspace .contentspace h3 {
    font-weight: bold;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 1px;
    color: #fff;
    background: #3bc3c3;
    padding: 17px 26px;
    margin: 0 0 30px 0;
    }

#Detail .inner .detailspace .contentspace h4 {
    font-weight: bold;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #fff;
    background: #3bc3c3;
    padding: 17px 26px;
    margin: 0 0 30px 0;
    }

#Detail .wp_social_bookmarking_light,
.wp_social_bookmarking_light_clear {
    display: none;
}

#Detail .inner .detailspace .contentspace h5 {font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.02em;
    color: #333;
    border-bottom: 2px solid #3bc3c3;
    padding-bottom: 10px;}
#Detail .inner .detailspace .contentspace h6 {
    font-size: 15px;
    margin: 16px 0;
}

#Detail .inner .detailspace .contentspace img {margin: 20px 0;
    height: auto; transition: all 0.25s ease;
    width: 100%;}
#Detail .inner .detailspace .contentspace figure {
    margin: 0px;
}
#Detail .inner .detailspace .contentspace figure.eyecatch {width: 100%;height: 563px;overflow: hidden;margin: 0 0 45px 0;}
#Detail .inner .detailspace .contentspace figure.eyecatch img.ofi {width: 100%;height: 100% !important;object-fit: cover;margin: 0 !important;object-position: center center;}
#Detail .inner .detailspace .contentspace p {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    color: #333;
    }
#Detail .inner .detailspace .contentspace p a {
    color: #3bc3c3;
}
#Detail .inner .detailspace .contentspace p a:hover {}
#Detail .inner .detailspace .sidespace {}
#Detail .inner .detailspace .sidespace div {}
#Detail .inner .detailspace .sidespace div p.section_sub {}
#Detail .inner .detailspace .sidespace div ul.itemlist {}
#Detail .inner .detailspace .sidespace div ul.itemlist.flex {}
#Detail .inner .detailspace .sidespace div ul.itemlist li {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figure {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figure img.ofi {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption h4.textfit {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist.flex {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist.flex label {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption p.description {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info:after {content:""; display:block; clear:both;}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info p.author {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info p.date {}

#Detail .inner .sidespace {float: none;margin-top: 48px;}
#Detail .inner .sidespace .section_sub {font-weight: 700;font-size: 20px;line-height: 30px;letter-spacing: 1px;text-align: left;margin: 5px 0 0 0;margin-bottom: 8px;color: #131c23;}
#Detail .inner .sidespace ul.itemlist {padding-left: 0px;margin-bottom: 40px;display: block;}
#Detail .inner .sidespace ul.itemlist li {margin: 0 0px 24px 0;box-shadow: 2px 2px 80px 0px rgba(0,0,8,0.1);list-style: none;}
#Detail .inner .sidespace ul.itemlist li a {margin: 0px;padding: 0px;}
#Detail .inner .sidespace ul.itemlist li a figure {padding: 0px;margin: 0px;width: 100%;height: 200px;overflow: hidden;}
#Detail .inner .sidespace ul.itemlist li a figure img {display: block;width: 100%;object-fit: cover;height: 100%;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
#Detail .inner .sidespace ul.itemlist li a:hover figure img {     transform: scale(1.1);}
#Detail .inner .sidespace ul.itemlist li a figcaption {background: #fff;/*! padding: 20px 0 0 0; */}
#Detail .inner .sidespace ul.itemlist li a figcaption h4.textfit {font-weight: 500;font-size: 17px;line-height: 28px;letter-spacing: .5px;color: #333;-webkit-line-clamp: 2;height: auto;max-height: 54px;padding: 0px 15px;margin-bottom: 12px;}
#Detail .inner .sidespace .categorylist {/*! margin: 13px 0 0 0; */justify-content: flex-start;}
#Detail .inner .sidespace .categorylist label {}
#Detail .inner .sidespace .categorylist label:nth-of-type(3n-1) {}
#Detail .inner .sidespace .categorylist label:nth-of-type(3n) {}
#Detail .inner .sidespace .description {}
#Detail .inner .sidespace .info {
    position: absolute;
    bottom: 0px;
}
#Detail .inner .sidespace .info p.author {}
#Detail .inner .sidespace .info p.date {}
#Detail .inner .sidespace .info:after {/* content: ""; */}
#Detail .inner .sidespace div .col-sm-4 {/*! max-width: 295px; */overflow: hidden;height: 200px;width: 100%;}
#Detail .inner .sidespace div .col-sm-4 a {}
#Detail .inner .sidespace div .col-sm-4 a img.attachment-post-thumbnail {display: block;width: 100%;object-fit: cover;height: 100%;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
#Detail .inner .sidespace div .col-sm-4 a:hover img.attachment-post-thumbnail {  transform: scale(1.1);}
#Detail .inner .sidespace div .col-sm-8 {background: #FFF;padding: 15px;margin: 0 0px 24px 0;box-shadow: 2px 2px 80px 0px rgba(0,0,8,0.1);}
#Detail .inner .sidespace div .col-sm-8 p {}
#Detail .inner .sidespace div .col-sm-8 p a {font-weight: 500;font-size: 17px;line-height: 28px;letter-spacing: .5px;color: #333;-webkit-line-clamp: 2;height: auto;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: initial;overflow: hidden;margin: 0px;}
#Detail .inner .column-list-bg {
    padding-bottom: 36px;
}
#Detail .inner .column-list-bg .column-list li {
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 45px;
    margin-right: 35px;
}

#Detail .inner .column-list-bg .column-list li:nth-last-of-type(1) {
    margin-right: 0px;
}

#Detail .inner #DetailPagenation {border: solid 1px #9d8e71;border-style: solid none;width: 100%;}
#Detail .inner #DetailPagenation .pagenation_inner {padding: 16px 105px 10px 105px;}
#Detail .inner #DetailPagenation .pagenation_inner.flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a {}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a.unactive {}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a.active {}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn {font-weight: bold;font-size: 15px;line-height: 16px;color: #333;letter-spacing: 1px;position: relative;}
#Detail .inner #DetailPagenation .pagenation_inner p.indexbtn {font-weight: bold;font-size: 15px;line-height: 16px;color: #333;letter-spacing: 1px;position: relative;}
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn {font-weight: bold;font-size: 15px;line-height: 16px;color: #333;letter-spacing: 1px;position: relative;}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn a {}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn a::before,
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn a::before {  content: "";width: 16px;height: 16px;position: absolute;top: 1px;}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn a::before {left: -40px;background: url(../img/archive_allow_b.svg) no-repeat top left;background-size: 16px;}
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn a::before {right: -36px;background: url(../img/archive_allow_b.svg) no-repeat top left;background-size: 16px;transform: rotate(180deg);}
#Detail .inner #DetailPagenation .pagenation_inner p.indexbtn a {border: solid 1px #9d8e71;border-style: none none solid none;padding: 0 0 4px 0;}
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn a {}

@media only screen and (max-width: 768px){
.youtube {position: relative;width: 100%;padding-top: 56.25%;margin-bottom: 2vw;}
#Detail {}
#Detail .inner {}
#Detail .inner.news {
    padding-top: 5vw;
}
#Detail .inner .detailspace {float: none;width: 100%;margin-right: 0px;margin-top: 2vw;}
#Detail .inner .detailspace .contentspace {padding-bottom: 4vw;}
#Detail .inner.news .detailspace .contentspace {
    margin-bottom: 8vw;
    padding-bottom: 4vw;
}
#Detail .inner .detailspace .contentspace .titleinfo {}
#Detail .inner.news .detailspace .contentspace .titleinfo {
    margin-bottom: 4vw;
}
#Detail .inner .detailspace .contentspace .titleinfo h4 {}
#Detail .inner .detailspace .contentspace .titleinfo h4.flex {}
#Detail .inner .detailspace .contentspace .titleinfo h4 label.date {}
#Detail .inner .detailspace .contentspace .titleinfo h4 p.author {}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group {}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group.flex {}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category {}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category:hover {}
#Detail .inner .detailspace .contentspace .titleinfo h3 {
    font-size: 5vw;
    margin-top: 4vw;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
}
#Detail .inner .detailspace .contentspace .titleinfo img {
    margin: 0px;
}
#Detail .inner .detailspace .contentspace h1, #Detail .inner .detailspace .contentspace h2, #Detail .inner .detailspace .contentspace h3,
#Detail .inner .detailspace .contentspace h4 {
    font-size: 5vw;
    padding: 4%;
    margin-bottom: 4vw;
    line-height: 150%;
}
#Detail .inner .detailspace .contentspace h5 {
    font-size: 4vw;
    padding-bottom: 2vw;
    margin: 2vw 0;
}
#Detail .inner .detailspace .contentspace h6 {
    font-size: 3.5vw;
    margin: 2vw 0;
}
#Detail .inner .wp-block-embed figcaption {
    font-size: 3.5vw;
}
#Detail .inner .detailspace .contentspace img {
    margin: 4vw 0;
    margin-top: 0px;
}
#Detail .inner .detailspace .contentspace figure {}
#Detail .inner .detailspace .contentspace figure.eyecatch {height: auto;margin-bottom: 5vw;}
#Detail .inner .detailspace .contentspace figure.eyecatch img {}
#Detail .inner .detailspace .contentspace p {
    font-size: 3.5vw;
    margin: 2vw 0;
}
#Detail .inner .detailspace .sidespace {}
#Detail .inner .detailspace .sidespace div {}
#Detail .inner .detailspace .sidespace div p.section_sub {}
#Detail .inner .detailspace .sidespace div ul.itemlist {}
#Detail .inner .detailspace .sidespace div ul.itemlist.flex {}
#Detail .inner .detailspace .sidespace div ul.itemlist li {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figure {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figure img.ofi {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption h4.textfit {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist.flex {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.categorylist.flex label {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption p.description {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info:after {content:""; display:block; clear:both;}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info p.author {}
#Detail .inner .detailspace .sidespace div ul.itemlist li a figcaption div.info p.date {}

#Detail .inner .sidespace {float: none;width: 100%;margin: 0 auto;margin-top: 18vw;}
#Detail .inner .sidespace .section_sub {}
#Detail .inner .sidespace ul.itemlist {}
#Detail .inner .sidespace ul.itemlist li {}
#Detail .inner .sidespace ul.itemlist li a {}
#Detail .inner .sidespace ul.itemlist li a figure {height: auto;}
#Detail .inner .sidespace ul.itemlist li a figure img {}
#Detail .inner .sidespace ul.itemlist li a figcaption {}
#Detail .inner .sidespace ul.itemlist li a figcaption h4.textfit {}
#Detail .inner .sidespace ul.itemlist li a figcaption .categorylist {}
#Detail .inner .sidespace ul.itemlist li a figcaption .categorylist label {}
#Detail .inner .sidespace ul.itemlist li a figcaption .categorylist label:nth-of-type(3n-1) {}
#Detail .inner .sidespace ul.itemlist li a figcaption .categorylist label:nth-of-type(3n) {}
#Detail .inner .sidespace ul.itemlist li a figcaption .description {}
#Detail .inner .sidespace div .col-sm-4 {height: auto;}
#Detail .inner .sidespace div .col-sm-4 a {}
#Detail .inner .sidespace div .col-sm-4 a img.attachment-post-thumbnail {}
#Detail .inner .sidespace div .col-sm-8 {}
#Detail .inner .sidespace div .col-sm-8 p {}
#Detail .inner .sidespace div .col-sm-8 p a {}

#Detail .inner #DetailPagenation {}
#Detail .inner #DetailPagenation .pagenation_inner {padding: 2vw 12vw 2vw;}
#Detail .inner #DetailPagenation .pagenation_inner.flex {}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a {}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a.unactive {
    font-size: 3.5vw;
}
#Detail .inner #DetailPagenation .pagenation_inner.flex p a.active {}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn {}
#Detail .inner #DetailPagenation .pagenation_inner p.indexbtn {}
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn {}
#Detail .inner #DetailPagenation .pagenation_inner p.prevbtn a {
    font-size: 3.5vw;
}
#Detail .inner #DetailPagenation .pagenation_inner p.indexbtn a {
    font-size: 3.5vw;
}
#Detail .inner #DetailPagenation .pagenation_inner p.nextbtn a {}
#Detail .inner .column-list-bg .column-list li {
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 4vw;
}
#Detail .inner .sidespace .info {
    position: initial;
}
#Detail .inner .column-list-bg {
    padding-bottom: 2vw;
}
}


/* sns */

footer .container .row .sns img {
    width: 100%;
}
footer .container .row .sns {}
footer .container .row .sns li {
    list-style: none;
    width: 50px;
    margin-right: 10px;
}
footer .container .row .sns li:nth-last-of-type(1) { margin-right:0px; }
footer .container .row .sns.flex {
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-top: 20px;
}

@media only screen and (max-width: 768px){
footer .container .row .sns.flex {margin-bottom: 5.5vw;margin-top: -2vw;}


    }

.e404 {}
.e404 .btn {
    width: 260px;
    background: #FFF;
    text-align: center;
    padding: 21px 0;
    border-radius: 20px;
    font-size: 16px;
    color: #01a09b;
    font-weight: bold;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    margin-top: 24px;
    display: block;
    border: 4px solid #01a09b;
}
.e404 .btn::after {content:"";background: url(../img/img112.png);position: absolute;display: block;width: 30px;height: 30px;background-size: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}


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

.e404 {}
.e404 .btn {}
.e404 .btn::after {}

}

/*===========
inview
===========*/

/*アニメーション要素のスタイル*/
.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.aniactive{
	opacity: 1;
	visibility: visible;
	transform: translateY(0); }


/*===========
coating
===========*/

.under .font-big2 {
    font-size: 20px;
    font-weight: bold;
}
.under .hikari-img {}
.under .hikari-img+p {}
.under .hikari-list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 16px;
}
.under .hikari-list .hikari-list-in {
    position: relative;
    background: #FFF;
    width: 45%;
    padding: 3% 2%;
    padding-top: 50px;
}
.under .hikari-list .hikari-list-in h5 {
    width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;
}
.under .hikari-list .hikari-list-in .hikari-list-in2 {
    display: flex;
    justify-content: space-between;
}
.under .hikari-list .hikari-list-in .hikari-list-in2 li {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background: #01a09b;
    position: relative;
}
.under .hikari-list .hikari-list-in .hikari-list-in2 li div {
    text-align: center;
    padding-top: 40px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    width: 120px;
    margin: 0 auto;
    padding-bottom: 4px;
    margin-bottom: 4px;
}
.under .hikari-list .hikari-list+p {}
.under .hikari-cont {
    position: relative;
    background: #FFF;
    width: 94%;
    padding: 2% 3%;
    padding-top: 40px;
    margin-top: 50px;
}
.under .hikari-cont h5 {
    width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;
}
.under .hikari-cont p {}
.under .hikari-cont2 {
    margin-top: 12px;
}
.under .hikari-cont2 li {
    font-size: 14px;
    position: relative;
    margin-left: 44px;
}
.under .hikari-cont2 li:nth-last-of-type(1) {}
.under .hikari-cont2 li::before {content:"弱点：";position: absolute;left: -44px;}
.under .hikari-cont2 li:nth-last-of-type(1)::before { content:"強み："; }
.under .hikari-cont3 {
    position: relative;
    width: 94%;
    padding: 3% 3%;
    padding-top: 50px;
    margin-top: 50px;
}
.under .hikari-cont3 h5 {
    width: 250px;
    background: #01a09b;
    text-align: center;
    color: #FFF;
    position: absolute;
    margin: 0px;
    padding: 11.5px 0;
    font-size: 18px;
    font-weight: normal;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    top: -25px;
}
.under .hikari-cont3 .hikari-list2 {
    display: flex;
    justify-content: space-between;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in {
    width: 40%;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in:nth-of-type(2),
.under .hikari-cont3 .hikari-list2 .hikari-list2-in:nth-of-type(3) {
    padding: 2.5%;
    width: 22.5%;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table {
    width: 100%;
    border-collapse: collapse;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr th,
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr td {
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #01a09b;
    padding: 16px 20px;
    background: #FFF;
    padding-left: 40px;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr th {
    background: #01a09b;
    color: #FFF;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr td {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in .plan-note2 {
    position: relative;
    margin-left: 40px;
    margin-bottom: 0px;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in .plan-note2::before {content:"参考";position: absolute;left: -40px;}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in h6 {
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    font-size: 18px;
    margin: 0px;
    font-weight: normal;
    color: #01a09b;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul {
    display: flex;
    flex-wrap: wrap;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul li {
    font-size: 14px;
    background: #01a09b;
    color: #FFF;
    padding: 5px 20px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 16px;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul li:nth-last-of-type(1) {}

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

.under .font-big2 {
    font-size: 4vw;
}
.under .hikari-img {}
.under .hikari-img+p {}
.under .hikari-list {
    display: block;
    margin-top: 10vw;
    margin-bottom: 3vw;
}
.under .hikari-list .hikari-list-in {
    width: 92%;
    padding: 4%;
    padding-top: 10vw;
    margin-bottom: 10vw;
}

.under .hikari-list .hikari-list-in:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under .hikari-list .hikari-list-in h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .hikari-list .hikari-list-in .hikari-list-in2 {}
.under .hikari-list .hikari-list-in .hikari-list-in2 li {
    width: 28vw;
    height: 28vw;
}
.under .hikari-list .hikari-list-in .hikari-list-in2 li div {
    font-size: 4vw;
    width: 90%;
    padding-top: 8vw;
}
.under .hikari-list .hikari-list+p {}
.under .hikari-cont {
    width: 92%;
    padding: 4%;
    padding-top: 6vw;
    margin-top: 10vw;
}
.under .hikari-cont h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .hikari-cont p {
    margin-bottom: 0px;
}
.under .hikari-cont2 {
    margin-top: 2vw;
}
.under .hikari-cont2 li {
    font-size: 3.5vw;
    margin-left: 10.5vw;
}
.under .hikari-cont2 li:nth-last-of-type(1) {}
.under .hikari-cont2 li::before {content:"弱点：";left: -10.5vw;}
.under .hikari-cont2 li:nth-last-of-type(1)::before { content:"強み："; }
.under .hikari-cont3 {
    padding-top: 10vw;
    margin-top: 10vw;
}
.under .hikari-cont3 h5 {
    font-size: 4vw;
    width: 60vw;
    padding: 3vw 0;
    top: -6vw;
}
.under .hikari-cont3 .hikari-list2 {
    display: block;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in {
    width: 100%;
    margin-bottom: 4vw;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in:nth-of-type(2),
.under .hikari-cont3 .hikari-list2 .hikari-list2-in:nth-of-type(3) {
    padding: 4%;
    width: 92%;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in:nth-of-type(3) { margin-bottom:0px; }
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr th,
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr td {
    font-size: 3.5vw;
    padding: 4%;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr th {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in table tr td {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in .plan-note2 {
    margin-left: 10vw;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in .plan-note2::before {content:"参考";left: -10vw;}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in h6 {
    font-size: 4vw;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul {}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul li {
    font-size: 3.5vw;
    padding: 2vw 6vw;
    margin-right: 2vw;
    margin-top: 2vw;
}
.under .hikari-cont3 .hikari-list2 .hikari-list2-in ul li:nth-last-of-type(1) {}

}