@charset "utf-8";


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


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

body {
	margin: 0;
	padding: 0;
	background: #fff;

	line-height: 1.5;
	color: #000;
}


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


a { color:#333;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;
}
.inner {
    margin: 0 auto;
    padding: 60px 10px;
    width: 1000px;
}

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

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

ul {padding-left:0px;list-style: none;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; }

.flex { display:block; }
}

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

header {}
header.header-nav {
    position: fixed;
    z-index: 9;
    top: 0;
    width: 200px;
    height: 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;
}
header.header-nav .header-inner {}
header.header-nav .header-inner h1 {
    margin-top: 30px;
    margin-bottom: 40px;
}
header.header-nav .header-inner h1 a {padding: 0px;z-index: 999;}
header.header-nav .header-inner h1 a img {
    width: 170.5px;
    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 .banner {
    text-align: center;
    margin-top: 50px;
}


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

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: 59vw;
    margin-left: 4vw;
    position: relative;
    z-index: 1000;
    top: 6vw;
}
header.header-nav nav {
    float: none;
    width: 100%;
}
header.header-nav nav ul.pc-menu {}
header.header-nav nav ul.pc-menu li {}
header.header-nav nav ul.pc-menu li a {}
header.header-nav nav ul.pc-menu li.contact {}
header.header-nav nav ul.pc-menu li.contact a {}

#nav-toggle {
    position: fixed;
    top: 25px;
    right: 25px;
    height: 32px;
    cursor: pointer; }
    
#nav-toggle div {
    position: relative;
    width: 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){ top: 4px; }
#nav-toggle div span:nth-of-type(3) { 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;}
#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: 2vw 0;
    /* transition: color .6s ease; */
    float: none;
    font-size: 4vw;
    }
#gloval-nav a:hover { color: #666; }

#gloval-nav a.contact-btn {
    background: #FFF;
    color: #3bc3c3;
    width: 60vw;
    margin: 0 auto;
    border-radius: 40px;
    margin-top: 4vw;
    padding: 4vw 0;
}
  
#gloval-nav ul {list-style: none;width: 100%;margin-top: 0px;margin-bottom: 3vw;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 {
    background: #3bc3c3;
    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;
}
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}


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

#content01 {}
#content01.bg-green {
    position: relative;
}
#content01.bg-green .service::before {content:"Service";position: absolute;font-family: 'Montserrat', sans-serif;color: #FFF;opacity: 0.2;font-size: 160px;transform: rotate( 90deg );right: -322px;top: 406px;line-height: 0px;font-weight: 600;}
#content01.bg-green .inner {
    position: relative;
}

section .inner {}
section .inner h2 {
    font-size: 16px;
    margin: 0px;
    font-weight: 600;
}
section .inner h2 span.en {
    font-size: 50px;
    padding-right: 16px;
    font-weight: 600;
}
section .inner h3.sub-title {
    font-size: 20px;
    margin: 0px;
}
section .inner p {}

#content01.bg-green .inner h2 {
    color: #FFF;
}
#content01.bg-green .inner h2 span.en {}
#content01.bg-green .inner h3.sub-title {
    color: #FFF;
}
#content01.bg-green .inner h3.sub-title+p {
    color: #FFF;
}
#content01.bg-green .inner p {
    color: #333;
}

section#content01 .inner div {
    padding: 32px 0px;
    margin-top: 48px;
    margin-bottom: 20px;
}
section#content01 .inner div h4 {
    text-align: center;
    font-size: 20px;
    margin: 0px;
}
section .inner div .content3 {justify-content: space-between;padding: 0px;margin: 0px;margin-top: 20px;}
section .inner div .content3 li {
    width: 33.333%;
    list-style: none;
    position: relative;
    padding: 0px 4%;
}
section .inner div .content3 li::after {content:"";height: 240px;width: 1px;border-right: 2px dashed #3bc3c3;display: block;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0px;}
section .inner div .content3 li:nth-last-of-type(1)::after {content:"";border: none;}
section .inner div .content3 li img {
    width: 135px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
section .inner div .content3 li h4 {}
section .inner div .content3 li p {
    margin: 0px;
    margin-top: 16px;
}
section .inner div .content3 li:nth-last-of-type(1) {  }
section .inner .content2 {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
}
section .inner .content2 li {
    list-style: none;
    width: 44%;
    padding: 40px 2.5%;
    margin-bottom: 20px;
}

section .inner .content2 li ul {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
}
section .inner .content2 li ul li {
    padding: 0px;
    margin-bottom: 0px;
    position: relative;
    font-size: 14px;
    width: auto;
    margin-right: 16px;
    margin-left: 14px;
    margin-bottom: 4px;
}

section .inner .content2 li ul+p {
    margin-top: 0px;
}

section .inner .content2 li ul li:nth-of-type(2n) { margin-right:0px
 }
section .inner .content2 li ul li::before {content:"・";position: absolute;left: -14px;}
section .inner .content2 li img {
    width: 135px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}
section .inner .content2 li h4 {
    text-align: center;
    font-size: 20px;
    margin: 0px;
}
section .inner .content2 li p {
    margin: 0px;
    margin-top: 16px;
}
section .inner .content2 li:nth-last-of-type(1) {  }

section .inner .btn-list {
    width: 532px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0px;
}
section .inner .btn-list li {
    list-style: none;
    margin-right: 30px;
}
section .inner .btn-list li a {
    width: 250px;
    display: block;
    text-align: center;
    font-size: 16px;
    padding: 18px 0;
    border-radius: 30px;
    font-weight: bold;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    position: relative;
}

section .inner .btn-list li:nth-last-of-type(1) {
    margin-right: 0px;
}

section .inner .btn-list li a.btn1 {
    background: #FFF;
    color: #3bc3c3;
}
section .inner .btn-list li a.btn1:hover {}
section .inner .btn-list li a.btn1::after {content:"";background: url(../img/img16.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
section .inner .btn-list li a.btn2 {
    background: #9d8e71;
    border: 3px solid #FFF;
    width: 246px;
    padding: 15px 0;
    color: #FFF;
}
section .inner .btn-list li a.btn2:hover {}
section .inner .btn-list li a.btn2::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;}

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

#content01 {}
#content01.bg-green {}
#content01::before { content:""; }
#content01.bg-green .service::before { display:none; }
#content01 .inner {}
#content01 .inner h2 {}
#content01 .inner h2 span.en {}
#content01 .inner h3.sub-title {}
#content01 .inner p {}
section#content01 .inner div h4 {
    font-size: 4.5vw;
}
section .inner {}
section .inner h2 {
    font-size: 4vw;
}
section .inner h2 span.en {
    font-size: 10vw;
}
section .inner h3.sub-title {
    font-size: 4.5vw;
}
section .inner p {}
section#content01 .inner div {
    padding: 6vw 0;
    margin-top: 8vw;
    margin-bottom: 4vw;
}
section .inner div {
}
section .inner div .content3 {
    display: block;
}
section .inner div .content3 li {
    width: 92%;
    margin-bottom: 16vw;
}
section .inner div .content3 li img {
    width: 36vw;
    margin-bottom: 4vw;
}
section .inner div .content3 li h4 {}
section .inner div .content3 li p {
    margin-top: 3vw;
}
section .inner div .content3 li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
section .inner .content2 {}
section .inner .content2 li {
    width: 92%;
    padding: 6vw 4%;
    margin-bottom: 4vw;
}
section .inner .content2 li ul li {
    font-size: 3.5vw;
    margin-left: 3.5vw;
    margin-right: 3.5vw;
    margin-bottom: 1vw;
}
section .inner .content2 li img {
    width: 36vw;
    margin-bottom: 4vw;
}
section .inner .content2 li h4 {
    font-size: 4.5vw;
}
section .inner .content2 li p {
    margin-top: 3vw;
}
section .inner .content2 li:nth-last-of-type(1) {  }

section .inner .btn-list {
    display: block;
    width: 100%;
    margin-top: 4vw;
}
section .inner .btn-list li {
    margin: 0px;
    margin-bottom: 5vw;
}
section .inner .btn-list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
section .inner .btn-list li a {
    margin: 0 auto;
    font-size: 4vw;
}
section .inner .btn-list li a.btn1 {
    width: 60vw;
    padding: 3.5vw 0;
    border-radius: 7vw;
}
section .inner .btn-list li a.btn1:hover {}
section .inner .btn-list li a.btn1::after { content:""; }
section .inner .btn-list li a.btn2 {
    width: 60vw;
    padding: 3.5vw 0;
    border-radius: 7vw;
}
section .inner .btn-list li a.btn2:hover {
    width: 60vw;
    padding: 2vw 0;
    border-radius: 6vw;
}
section .inner .btn-list li a.btn2::after { content:""; }
section .inner div .content3 li::after {
    border-bottom: 2px dashed #3bc3c3;
    border-right: none;
    height: 2px;
    width: 92%;
    top: initial;
    left: initial;
    right: initial;
    bottom: -8vw;
}
}


/* Column ------------------------------ */

#content02 {}
#content02 .column::before {content:"Column";position: absolute;font-family: 'Montserrat', sans-serif;color: #eeefe8;opacity: 0.5;font-size: 160px;transform: rotate( 
90deg
 );left: -355px;top: 300px;font-weight: 600;}
#content02 .inner {
    position: relative;
    padding-bottom: 0px;
}
#content02 .inner h2 {
    position: relative;
    z-index: 999;
}
#content02 .inner h2 span.en {}
#content02 .inner h3.sub-title {
    position: relative;
    z-index: 999;
}
#content02 .inner h2+p {
    margin: 0px;
}
#content02 .inner p.description {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #333;
}

section .inner .column-list-bg .column-list li a img,
section .inner .column-list-bg .column-list li a h4,
section .inner .column-list-bg .column-list li a label,
section .inner .column-list-bg .column-list li a p {transition-property: all;transition: 0.3s linear;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 14px;color: #333;}

section .inner .column-list-bg .column-list li a:hover img,
section .inner .column-list-bg .column-list li a:hover h4,
section .inner .column-list-bg .column-list li a:hover label,
section .inner .column-list-bg .column-list li a:hover p { opacity:0.8; }

section .inner .column-cat-list {
    padding: 0px;
    justify-content: left;
    flex-wrap: wrap;
    position: relative;
    z-index: 999;
    margin-top: 40px;
}
section .inner .column-cat-list li {
    list-style: none;
    width: auto;
}

section .inner .column-cat-list li a {
    display: block;
    padding: 9.5px 40px;
    width: auto;
    background: #929292;
    margin-right: 12px;
    margin-bottom: 12px;
    border-radius: 10px;
    font-size: 14px;
    color: #FFF;
    border: 1px solid #929292;
}
section .inner .column-cat-list li:nth-of-type(2n) a {
    background: #FFF;
    border: 1px solid #929292;
    color: #929292;
}
section .inner .column-cat-list li a:hover {}

section .inner .column-list-bg {
    background: #eeefe7;
    position: relative;
    margin-top: 60px;
    padding: 60px 0;
}
section .inner .column-list-bg h3 {
    font-size: 25px;
    color: #9d8e71;
    background: #FFF;
    width: 200px;
    border: 5px solid #eeefe7;
    text-align: center;
    margin: 0px;
    padding: 10.5px 0;
    border-radius: 34px;
    position: absolute;
    top: -30px;
    left: 50px;
}
section .inner .column-list-bg .column-list {
    padding: 0px 30px;
    margin-top: 3px;
}
section .inner .column-list-bg .column-list li {
    width: 290px;
    list-style: none;
    position: relative;
    margin-right: 35px;
    padding-bottom: 45px;
}
section .inner .column-list-bg .column-list li:nth-last-of-type(1) {margin-right: 0px;}
section .inner .column-list-bg .column-list li a { transition-property: all; transition: 0.3s linear; }
section .inner .column-list-bg .column-list li a:hover {}
section .inner .column-list-bg .column-list li a figure {
    margin: 0px;
}
section .inner .column-list-bg .column-list li a figure img {
    width: 100%;
    border-radius: 20px 20px 0 0;
}
section .inner .column-list-bg .column-list li a figcaption {
    padding: 18px;
    padding-bottom: 0px;
}
section .inner .column-list-bg .column-list li a figcaption h4.textfit {
    font-size: 18px;
    color: #333;
    margin: 0px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: bold;
}
section .inner .column-list-bg .column-list li a figcaption .categorylist {
    margin: 12px 0;
    flex-wrap: wrap;
}
section .inner .column-list-bg .column-list li a figcaption .categorylist label {
    background: #929292;
    font-size: 13px;
    color: #FFF;
    padding: 4.5px 10px;
    border-radius: 8px;
    margin-right: 6px;
    margin-bottom: 6px;
    border: 1px solid #929292;
}
section .inner .column-list-bg .column-list li a figcaption .categorylist label:nth-of-type(2n) {
    background: #FFF;
    color: #929292;
}
section .inner .column-list-bg .column-list li a figcaption .info {
    background: #3bc3c3;
    width: 250px;
    margin-left: -18px;
    border-radius: 0 0 20px 20px;
    padding: 0px 20px;
    justify-content: space-between;
    position: absolute;
    bottom: 0px;
}
section .inner .column-list-bg .column-list li a figcaption .info p.author {
    color: #FFF;
    font-size: 13px;
}
section .inner .column-list-bg .column-list li a figcaption .info p.date {
    color: #FFF;
    font-size: 13px;
}
section .inner a.btn3 {
    width: 250px;
    display: block;
    background: #9d8e71;
    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: 40px;
}
section .inner a.btn3::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: 20px;}
section .inner a.btn3:hover {}

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

#content02 {}
#content02::before { content:""; }
#content02 .column::before { content:""; }
#content02 .inner {}
#content02 .inner h2 {}
#content02 .inner h2 span.en {}
#content02 .inner h3.sub-title {}
#content02 .inner p {}
#content02 .inner p.description {
    font-size: 3.5vw;
}
section .inner .column-cat-list {
    margin-top: 5vw;
    display: flex;
}
section .inner .column-cat-list li {}
section .inner .column-cat-list li:nth-of-type(2n) {}
section .inner .column-cat-list li a {
    font-size: 3.5vw;
    padding: 3vw 5vw;
}
section .inner .column-cat-list li a:hover {}

section .inner .column-list-bg {
    margin-top: 12vw;
    padding-top: 16vw;
    padding-bottom: 8vw;
}
section .inner .column-list-bg h3 {
    position: initial;
    margin: 0 auto;
    margin-top: -24vw;
    font-size: 5vw;
    padding: 3vw 0;
}
section .inner .column-list-bg .column-list {
    display: block;
    padding: 0 5%;
    margin-top: 5vw;
}
section .inner .column-list-bg .column-list li {
    width: 100%;
    margin-bottom: 4vw;
    padding-bottom: 0px;
}
section .inner .column-list-bg .column-list li:nth-last-of-type(1) {  }
section .inner .column-list-bg .column-list li a {}
section .inner .column-list-bg .column-list li a:hover {}
section .inner .column-list-bg .column-list li a figure {}
section .inner .column-list-bg .column-list li a figure img {}
section .inner .column-list-bg .column-list li a figcaption {
    padding: 5%;
    padding-bottom: 0px;
}
section .inner .column-list-bg .column-list li a figcaption h4.textfit {
    font-size: 4vw;
}
section .inner .column-list-bg .column-list li a figcaption .categorylist {
    display: flex;
}
section .inner .column-list-bg .column-list li a figcaption .categorylist label {}
section .inner .column-list-bg .column-list li a figcaption .categorylist label:nth-of-type(2n) {}
section .inner .column-list-bg .column-list li a figcaption .info {
    width: 101%;
    padding: 0 5%;
    margin-left: -5.5%;
    display: flex;
    position: initial;
}
section .inner .column-list-bg .column-list li a figcaption .info p.author {
    font-size: 3vw;
}
section .inner .column-list-bg .column-list li a figcaption .info p.date {
    font-size: 3vw;
}
section .inner a.btn3 {
    font-size: 4vw;
    margin-top: 7vw;
    width: 60vw;
    padding: 3.5vw 0;
    border-radius: 7vw;
}
section .inner a.btn3::after { content:""; }
section .inner a.btn3:hover {}

}

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

#content03 {}
#content03 .inner {
}
#content03 .inner .news-cont-list {
    justify-content: space-between;
    padding: 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: 650px;
    border: 10px solid #bad4ef;
    border-radius: 20px;
    position: relative;
    display: block;
}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n) {
    border: 10px solid #eeefe7;
}
#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: 650px;
    padding: 19.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: 475px;
    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: 768px){

#content03 {}
#content03 .inner {}
#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: 2vw;}
#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 {
    width: 96%;
    border: 1.5vw solid #bad4ef;
    margin-bottom: 2vw;
    margin-top: 0px;
    border-radius: 15px;
}
#content03 .inner .news-cont-list li .news-list dl:nth-of-type(2n) {
    border: 2vw solid #eeefe7;
}
#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: 52vw;
}
#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;
    font-size: 4vw;
    margin-top: 7vw;
    width: 60vw;
    padding: 3.5vw 0;
    border-radius: 7vw;
}
#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 {}

}


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

#contact {
}
#contact .inner {
    padding: 64.5px 10px;
}
#contact .inner .news-cont-list {
    padding: 0px;
    width: 850px;
    margin: 0 auto;
    justify-content: space-between;
}
#contact .inner .news-cont-list li {
    list-style: none;
    width: 340px;
}
#contact .inner .news-cont-list li:nth-last-of-type(1) {width: 450px;}
#contact .inner .news-cont-list li h2 {
    color: #FFF;
}
#contact .inner .news-cont-list li h2.en {}
#contact .inner .news-cont-list li h2+p {
    color: #FFF;
    margin-top: 0px;
}
#contact .inner .news-cont-list li a.btn5 {
    width: 450px;
    background: #FFF;
    display: block;
    padding: 22.5px 0;
    border-radius: 20px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #9d8e71;
    position: relative;
    margin-top: 25px;
}
#contact .inner .news-cont-list li a.btn5::before {content:"";background: url(../img/img22.png) no-repeat;position: absolute;display: block;width: 49px;height: 45px;background-size: 49px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 20px;}
#contact .inner .news-cont-list li a.btn5::after {content:"";background: url(../img/img23.png);position: absolute;display: block;width: 30px;height: 30px;background-size: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 20px;}
#contact .inner .news-cont-list li a.btn5:hover {}

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

#contact {}
#contact .inner {
    padding: 6vw 0 8vw;
}
#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 {}
#contact .inner .news-cont-list li h2.en {}
#contact .inner .news-cont-list li h2+p {
    font-size: 3.5vw;
}
#contact .inner .news-cont-list li a.btn5 {
    width: 100%;
    font-size: 6vw;
    margin-top: 6vw;
}
#contact .inner .news-cont-list li a.btn5::before {content:"";background: url(../img/img22.png) no-repeat;width: 11vw;height: 10.5vw;background-size: 100%;left: 4vw;}
#contact .inner .news-cont-list li a.btn5::after {content:"";background: url(../img/img23.png) no-repeat;width: 7vw;height: 7vw;background-size: 100%;}
#contact .inner .news-cont-list li a.btn5:hover {}

}

/* Skill Provision ------------------------------ */

#skill {}
#skill .inner {
    position: relative;
    padding: 40px 0px;
    background: url(../img/dotted.png);
    width: initial;
}
#skill+p {
    display: none;
}
#skill .inner a.skill-btn {
    width: 570px;
    display: block;
    background: #f7ca00;
    padding: 12px 0;
    border-radius: 50px;
    padding-top: 20px;
    position: relative;
    margin: 0 auto;
}
#skill .inner a.skill-btn::before {content:"";background: url(../img/img24.png);position: absolute;display: block;width: 80px;height: 80px;background-size: 80px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 11px;}
#skill .inner a.skill-btn::after {content:"";background: url(../img/img25.png);position: absolute;display: block;width: 30px;height: 30px;background-size: 30px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 40px;}
#skill .inner a.skill-btn:hover {}
#skill .inner a.skill-btn h2 {
    text-align: center;
    color: #FFF;
    line-height: 150%;
}
#skill .inner a.skill-btn h2 .en {
    font-size: 43px;
}
#skill .inner a.skill-btn h2+p {
    margin: 0px;
    text-align: left;
    color: #FFF;
    margin-top: 8px;
    padding-left: 122px;
    line-height: 130%;
}
#skill .inner a.skill-btn h2:hover {}
#skill .inner a.skill-btn h2+p:hover {}

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

#skill {}
#skill .inner {
    padding: 8vw 0;
}
#skill .inner a.skill-btn {
    width: 94%;
    padding: 4% 0;
}
#skill .inner a.skill-btn::before {content:"";background: url(../img/img24.png);width: 15vw;height: 15vw;background-size: 100%;left: 2vw;}
#skill .inner a.skill-btn::after {content:"";background: url(../img/img25.png) no-repeat;width: 7vw;height: 7vw;background-size: 100%;right: 5vw;}
#skill .inner a.skill-btn:hover {}
#skill .inner a.skill-btn h2 {
    margin-left: 4vw;
}
#skill .inner a.skill-btn h2 .en {
    font-size: 8vw;
    padding-right: 0px;
}
#skill .inner a.skill-btn h2+p {
    padding-left: initial;
    text-align: center;
    font-size: 3.5vw;
    width: 56vw;
    display: block;
    margin: 0 auto;
    margin-top: 2vw;
    padding-left: 4vw;
}
#skill .inner a.skill-btn h2:hover {}
#skill .inner a.skill-btn h2+p:hover {}

}


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

footer {
    margin-left: 200px;
}
footer .container {
    background: #3bc3c3;
    padding: 53px 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 {}
footer .container .footer-cont li a img {
    width: 286px;
}
footer .container .footer-cont li a img:hover {}
footer .container .footer-cont li .link-list {
    padding: 0px;
    margin-top: 8px;
}
footer .container .footer-cont li .link-list li {
    margin-right: 16px;
}
footer .container .footer-cont li .link-list li a {
    color: #FFF;
    font-size: 14px;
}
footer .container .footer-cont li .link-list li a:hover {}
footer #footer {
    background: #bad4ef;
    padding: 11px 0;
    min-width: 1300px;
}
footer #footer .contents {}
footer #footer .contents p.copy {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    margin: 0px;
    text-align: center;
    font-weight: 200;
}

@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 {}
footer .container .footer-cont li a img {
    display: block;
    margin: 0 auto;
    width: 70vw;
}
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;
}

}

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

.fol-img .fol-img-in a {display: block;width: 101px;text-align: center;padding: 24.5px 0;border-radius: 120px;color: #3bc3c3;background: #FFF;border: 2px solid #3bc3c3;font-weight: bold;}
.fol-img .fol-img-in a:hover {color: #FFF; background:#3bc3c3; border: 2px solid #FFF; opacity:1; }
.fol-img {
    position: fixed;
    bottom: 50px;
    right: 20px;
    z-index: 9999;
}
@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;
}
}



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

#S-MV {
}

#S-MV .under-mv::after {content:"";}
#S-MV .under-mv {
    height: 400px;
    display: block;
    width: 100%;
    position: relative;
}
#S-MV .under-mv.service {
    background: url(../img/img33.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
}
#S-MV .under-mv.business {
    background: url(../img/img31.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    }
#S-MV .under-mv.column {background: url(../img/img61.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

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

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

#S-MV .under-mv.skill {
    background: url(../img/img45.jpg) no-repeat;
    background-size: 1200px;
    position: relative;
    background-position: center;
    border: 15px solid #f7ca00;
    box-sizing: border-box;
    }

#S-MV .under-mv.news {background: url(../img/img60.jpg) no-repeat;
    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: block;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    line-height: 16px;
    padding-top: 4px;
}

#S-MV .under-mv div {
    background: #3bc3c3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    padding: 30px;
}
#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;
}
#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: 10px;
    line-height: 150%;
}

#S-MV .under-mv.skill div {
    left: -1px;
    background: #f7ca00;
}
#S-MV .under-mv.skill div h2 {}
#S-MV .under-mv.skill div h2.en {}
#S-MV .under-mv.skill div h2 span.sub-title {}
#S-MV .under-mv.skill div h2+p {}

.anchor.link3 {
    padding: 60px 0;
    padding-bottom: 0px;
}
.anchor.link3 ul {
    display: flex;
    width: 590px;
    margin: 0 auto;
}
.anchor.link3 ul li {
    margin-right: 10px;
}
.anchor.link3 ul li a {
    width: 190px;
    text-align: center;
    background: #3bc3c3;
    color: #FFF;
    font-size: 15px;
    display: block;
    padding: 19px 0;
    border-radius: 10px;
    position: relative;
}
.anchor.link3 ul li:nth-of-type(2n) a {
    background: #bad4ef;
}
.anchor.link3 ul li:nth-of-type(2n) a::after {content:"";background: url(../img/img44.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 12px;}
.anchor.link3 ul li a:hover {}
.anchor.link3 ul li a::after {content:"";background: url(../img/img43.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 12px;}
.anchor.link3 ul li:nth-last-of-type(1) {
    margin-right: 0px;
}

.anchor.link3.skill-anchor {}
.anchor.link3.skill-anchor ul {}
.anchor.link3.skill-anchor ul li {}
.anchor.link3.skill-anchor ul li a {}
.anchor.link3.skill-anchor ul li a:nth-of-type(2n) {}
.anchor.link3.skill-anchor ul li a:nth-of-type(2n)::after { content:""; }
.anchor.link3.skill-anchor ul li a:hover {}
.anchor.link3.skill-anchor ul li a::after { content:""; }
.anchor.link3.skill-anchor ul li:nth-last-of-type(1) {}

.anchor.link3.skill-anchor.skill-anchor {}
.anchor.link3.skill-anchor.skill-anchor ul {
    width: 710px;
}
.anchor.link3.skill-anchor.skill-anchor ul li {}
.anchor.link3.skill-anchor.skill-anchor ul li a {
    width: 230px;
    background: #f7ca00;
}
.anchor.link3.skill-anchor.skill-anchor ul li:nth-of-type(2n) a { background:#9d8e71;}
.anchor.link3.skill-anchor.skill-anchor ul li:nth-of-type(2n) a::after {content:"";background: url(../img/img47.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 12px;}
.anchor.link3.skill-anchor.skill-anchor ul li a:hover {}
.anchor.link3.skill-anchor.skill-anchor ul li a::after {content:"";background: url(../img/img46.png);position: absolute;display: block;width: 20px;height: 20px;background-size: 20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 12px;}
.anchor.link3.skill-anchor.skill-anchor ul li:nth-last-of-type(1) {}

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

.under-content .inner.skill h3 {color: #9d8e71;
    margin-bottom: 10px;}

.under-content .inner.skill h3+p {
    margin-bottom: 35px;
}

.under-content .inner h3 .en {
    font-size: 48px;
    margin-right: 16px;
    line-height: 48px;
    font-weight: 600;
}
.under-content .inner h4 {
    font-size: 19.5px;
    margin-top: 8px;
}

.under-content .inner .about-cont1 {}
.under-content .inner .about-cont1 div {
    width: 515px;
    margin-right: 25px;
}
.under-content .inner .about-cont1 div h3.title {}
.under-content .inner .about-cont1 div h3.title span.en {}
.under-content .inner .about-cont1 div h4.sub-title {}
.under-content .inner .about-cont1 div img {}
.under-content .inner .about-cont1 div p {
    line-height: 150%;
}
.under-content .inner .about-cont1 div p:nth-last-of-type(1) {}
.under-content .inner .about-cont1 div:nth-of-type(2) {
    width: 460px;
    margin-right: 0px;
}
.under-content .inner .about-cont1 div:nth-of-type(2) img {
    width: 100%;
}

.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;
}
.bg-brown {}

.under-content .inner .about-table {
    background: #FFF;
    padding: 60px 100px;
    margin-top: 40px;
    padding-top: 40px;
}
.under-content .inner .about-table .under-table {
    border-collapse: collapse;
}
.under-content .inner .about-table .under-table tr {}
.under-content .inner .about-table .under-table tr th,
.under-content .inner .about-table .under-table tr td {
    font-size: 14px;
    text-align: left;
    border-bottom: 2px solid #3bc3c3;
    padding: 30px;
}
.under-content .inner .about-table .under-table tr th {
    width: 180px;
}
.under-content .inner .about-table .under-table tr td {
    width: 500px;
}

.under-content .inner .map {
    margin-top: 40px;
}
.under-content .inner .map iframe {}
.under-content .inner .map iframe+p {
    display: none;
}
.under-content .inner .map ul {
    display: flex;
    margin-top: 20px;
}
.under-content .inner .map ul li {
    font-size: 14px;
    border-left: 10px solid #3bc3c3;
    padding: 11.5px 20px;
    margin-right: 24px;
}
.under-content .inner .map ul li:nth-of-type(2) {}
.under-content .inner .map ul li span.font-wb {
    font-weight: bold;
}

.under-content .inner p {}
.under-content .inner .service-cont1 {
    padding: 40px 0px;
    margin-top: 24px;
    border-color: #3bc3c3;
    margin-bottom: 40px;
    border: none;
}
.under-content .inner .service-cont1 p.title {
    color: #3bc3c3;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background: #FFF;
    width: 670px;
    margin: 0 auto;
    padding: 6.5px 0;
    border-radius: 30px;
}
.under-content .inner .service-cont1 ul {
    width: 820px;
    margin: 0 auto;
    margin-top: 20px;
}
.under-content .inner .service-cont1 ul li {
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 75px;
}
.under-content .inner .service-cont1 ul li::before {content:"";background: url(../img/img34.png);position: absolute;display: block;width: 40px;height: 40px;background-size: 40px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: -60px;}
.under-content .inner .service-cont1 ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under-content .inner .service-cont1-2 {
    border-top: 1px dashed;
    border-color: #3bc3c3;
    padding-top: 30px;
    padding-bottom: 16px;
}
.under-content .inner .service-cont1-2 h4 {
    margin: 0px;
}
.under-content .inner .service-cont1-2 img.float-right {
    width: 430px;
    float: right;
    margin-top: -41px;
    padding-left: 24px;
}
.under-content .inner .service-cont1-2 h5 {
}
.under-content .inner .service-cont1-2 p {}
.under-content .inner .service-cont1-2 p:nth-last-of-type(1) {}
.under-content .inner .service-cont1-2::after {content:"";display: block;clear: both;}

.under-content .inner .service-cont1-3 {
    padding-top: 30px;
}
.under-content .inner .service-cont1-3 h5 {
    padding-left: 465px;
    font-size: 20px;
    margin: 0px;
}
.under-content .inner .service-cont1-3 img.float-left {
    width: 430px;
    float: left;
    padding-right: 35px;
    margin-top: -40px;
}
.under-content .inner .service-cont1-3 p {
    margin-bottom: 30px;
}
.under-content .inner .service-cont1-3 p:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under-content .inner.service {}
.under-content .inner.service h3.title {
    color: #FFF;
}
.under-content .inner.service h3.title span.en {}
.under-content .inner.service h4.sub-title {
    color: #FFF;
    margin-bottom: 8px;
}
.under-content .inner.service p {
    color: #FFF;
}
.under-content .inner.service div {
    padding: 32px 0px;
    margin-top: 48px;
    margin-bottom: 20px;
}
.under-content .inner.service div h5 {
    text-align: center;
    font-size: 20px;
    margin: 0px;
}
.under-content .inner.service div .content3 {}
.under-content .inner.service div .content3 li {}
.under-content .inner.service div .content3 li img {}
.under-content .inner.service div .content3 li img+p {
    display: none;
}
.under-content .inner.service div .content3 li h5 {
}
.under-content .inner.service div .content3 li p {
    color: #333;
}

.under-content .inner.service .content2 {}
.under-content .inner.service .content2 li {}
.under-content .inner.service .content2 li img {}
.under-content .inner.service .content2 li img+p {
    display: none;
}
.under-content .inner.service .content2 li h5 {
    text-align: center;
    font-size: 20px;
    margin: 0px;
}
.under-content .inner.service .content2 li p {
    color: #333;
}

.under-content .inner a.btn2 {
    background: #9d8e71;
    border: 3px solid #FFF;
    width: 246px;
    padding: 15px 0;
    color: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 30px;
    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 .inner a.btn2::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 .inner a.btn2:hover {}

.under-content .inner .flow {flex-wrap: wrap;justify-content: space-between;margin-top: 58px;}
.under-content .inner .flow li {
    width: 245px;
    border-radius: 12px;
    position: relative;
    padding-top: 43px;
    padding-bottom: 20px;
    margin-bottom: 72px;
    padding-left: 15px;
    padding-right: 15px;
}
.under-content .inner .flow li:nth-of-type(4),
.under-content .inner .flow li:nth-of-type(5),
.under-content .inner .flow li:nth-of-type(6) {
    margin-bottom: 0px;
}
.under-content .inner .flow li::before {content:"1";background: #FFF;border: 4px solid #e2ecf6;width: 37px;display: block;text-align: center;padding: 0.77px 0;font-family: 'Montserrat', sans-serif;font-size: 24px;font-weight: 300;border-radius: 100%;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: -22.5px;color: #3bc3c3;}
.under-content .inner .flow li:nth-of-type(2)::before { content:"2"; }
.under-content .inner .flow li:nth-of-type(3)::before { content:"3"; }
.under-content .inner .flow li:nth-of-type(4)::before { content:"4"; }
.under-content .inner .flow li:nth-of-type(5)::before { content:"5"; }
.under-content .inner .flow li:nth-of-type(6)::before { content:"6"; }
.under-content .inner .flow li::after {content:"";width: 0;height: 0;border-left: 20px solid #3bc3c3;border-top: 15px solid transparent;border-bottom: 15px solid transparent;display: block;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);right: -55px;}
.under-content .inner .flow li:nth-of-type(3n)::after {content:"";border: none;}
.under-content .inner .flow li img {
    width: 164px;
    display: block;
    margin: 0 auto;
}
.under-content .inner .flow li img+br {
    display: none;
}
.under-content .inner .flow li h4 {
    text-align: center;
    font-weight: normal;
    margin-top: 12px;
    margin-bottom: 10px;
}
.under-content .inner .flow li p {
    margin-top: 8px;
    text-align: center;
}

.under-content .inner .skill-cont1 {
    padding: 20px 20px;
    margin-top: 24px;
    margin-bottom: 40px;
    border: none;
    background: url(../img/dotted.png);
}
.under-content .inner .skill-cont1 div {padding: 20px;}
.under-content .inner .skill-cont1 div p.title {
    color: #FFF;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    background: #f7ca00;
    width: 670px;
    margin: 0 auto;
    padding: 6.5px 0;
    border-radius: 30px;
}
.under-content .inner .skill-cont1 div ul {
    width: 820px;
    margin: 0 auto;
    margin-top: 20px;
}
.under-content .inner .skill-cont1 div ul li {
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 75px;
}
.under-content .inner .skill-cont1 div ul li::before {content:"";background: url(../img/img34.png);position: absolute;display: block;width: 40px;height: 40px;background-size: 40px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);left: -60px;}
.under-content .inner .skill-cont1 div ul li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

.under-content.bg-brown2 .inner.skill {}
.under-content.bg-brown2 .inner.skill h3.title {}
.under-content.bg-brown2 .inner.skill h3.title .en {}
.under-content.bg-brown2 .inner.skill h4.sub-title {}
.under-content.bg-brown2 .inner.skill p {}
.under-content.bg-brown2 .inner.skill .bg-brown {
    padding: 40px 25px;
    margin-bottom: 38px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 {
    justify-content: space-between;
    border-color: #FFF;
    padding-bottom: 30px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li {
    width: 280px;
    border-right: 1px dashed #FFF;
    padding-right: 27px;
}

.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li:nth-last-of-type(1) {
    border: none;
    padding-right: 0px;
    margin-bottom: 0px;
}

.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li img {
    width: 135px;
    margin: 0 auto;
    display: block;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li img+p {
    display: none;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li h5 {
    color: #FFF;
    font-size: 20px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list {
    padding: 10px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li {
    font-size: 14px;
    padding-right: initial;
    border: none;
    position: relative;
    margin-left: 15px;
    margin-bottom: 4px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li::before {content:"";display: block;width: 8px;height: 8px;background: #9d8e71;border-radius: 100%;position: absolute;top: 7px;left: -14px;}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li:nth-last-of-type(1) {
    margin-left: 0px;
    margin-bottom: 0px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li:nth-last-of-type(1)::before {content:"";background: none;}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) {
    padding-top: 30px;
    padding-bottom: 0px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-last-of-type(1) {
    background: #FFF;
    border-radius: 20px;
    position: relative;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-last-of-type(1) img {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-of-type(2) h5 {
    margin: 31px 0;
}
.under-content .inner .flow.skill-flow {
    margin-bottom: 32px;
}
.under-content .inner .flow.skill-flow li {
    width: 190px;
    margin-bottom: 0px;
}
.under-content .inner .flow.skill-flow li:nth-of-type(4) {}
.under-content .inner .flow.skill-flow li::before {content:"1";border: 4px solid #eeefe7;color: #9d8e71;}
.under-content .inner .flow.skill-flow li:nth-of-type(2)::before { content:"2"; }
.under-content .inner .flow.skill-flow li:nth-of-type(3)::before { content:"3"; }
.under-content .inner .flow.skill-flow li:nth-of-type(4)::before { content:"4"; }
.under-content .inner .flow.skill-flow li::after {content:"";border-left: 16px solid #9d8e71;border-top: 12px solid transparent;border-bottom: 12px solid transparent;right: -30px;}
.under-content .inner .flow.skill-flow li:nth-of-type(4)::after {content:"";border: none;}
.under-content .inner .flow.skill-flow li img {}
.under-content .inner .flow.skill-flow li h4 {}
.under-content .inner .flow.skill-flow li p {}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li .skill-list li:nth-last-of-type(1) {
    background: none;
    border-radius: initial;
}

.under-content .inner h3.privacy {
    font-size: 18px;
    position: relative;
    margin-left: 20px;
    margin: 24px 0 24px 20px;
}
.under-content .inner h3.privacy::before {content:"";position: absolute;width: 12px;height: 12px;border-radius: 100%;display: block;background: #3bc3c3;top: 50%;transform: translateY(-50%);-webkit- transform: translateY(-50%);left: -20px;}

.contactgroup {
    background: #e9f3f0;
    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: #3bc3c3;
    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;
}

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

#S-MV {
    margin-top: -15vw;
    margin-bottom: 25vw;
}
#S-MV .under-mv {
    height: 50vw;
}
#S-MV .under-mv.service {
    /* background-size: 260vw; */
    background-position: center;
}
#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/img33.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position-y: center;
    background-position-x: right;
}
#S-MV .under-mv.business {
    background: url(../img/img31.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    }
#S-MV .under-mv.column {background: url(../img/img61.jpg) no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;}

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

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

#S-MV .under-mv.skill {
    background: url(../img/img45.jpg) no-repeat;
    background-size: 130vw;
    position: relative;
    background-position: center;
    border: 2vw solid #f7ca00;
    background-position-x: -39vw;
    background-position-y: 5vw;
    }

#S-MV .under-mv.news {background: url(../img/img60.jpg) no-repeat;
    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 div {
    bottom: -27vw;
    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.en {}
#S-MV .under-mv div h2 span.sub-title {}
#S-MV .under-mv div h2+p {
    font-size: 3.5vw;
    padding-top: 1vw;
}

#S-MV .under-mv.skill div {
    left: -2vw;
    background: #f7ca00;
    width: 92vw;
    padding: 4vw;
}
#S-MV .under-mv.skill div h2 {}
#S-MV .under-mv.skill div h2.en {}
#S-MV .under-mv.skill div h2 span.sub-title {}
#S-MV .under-mv.skill div h2+p {}

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

.anchor.link3.skill-anchor {}
.anchor.link3.skill-anchor ul {}
.anchor.link3.skill-anchor ul li {}
.anchor.link3.skill-anchor ul li a {}
.anchor.link3.skill-anchor ul li a:nth-of-type(2n) {}
.anchor.link3.skill-anchor ul li a:nth-of-type(2n)::after { content:""; }
.anchor.link3.skill-anchor ul li a:hover {}
.anchor.link3.skill-anchor ul li a::after { content:""; }
.anchor.link3.skill-anchor ul li:nth-last-of-type(1) {}

.anchor.link3.skill-anchor.skill-anchor {}
.anchor.link3.skill-anchor.skill-anchor ul {
    width: 92%;
    padding: 0 4%;
}
.anchor.link3.skill-anchor.skill-anchor ul li {}
.anchor.link3.skill-anchor.skill-anchor ul li a {
    font-size: 3.5vw;
    width: 100%;
    padding: 4vw 0;
}
.anchor.link3.skill-anchor.skill-anchor ul li a:nth-of-type(2n) {}
.anchor.link3.skill-anchor.skill-anchor ul li a:nth-of-type(2n)::after { content:""; }
.anchor.link3.skill-anchor.skill-anchor ul li a:hover {}
.anchor.link3.skill-anchor.skill-anchor ul li a::after { content:""; }
.anchor.link3.skill-anchor.skill-anchor ul li:nth-last-of-type(1) {}

.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-content .inner .about-cont1 {}
.under-content .inner .about-cont1 div {
    width: 100%;
    margin-right: 0px;
}
.under-content .inner .about-cont1 div h3.title {}
.under-content .inner .about-cont1 div h3.title span.en {}
.under-content .inner .about-cont1 div h4.sub-title {}
.under-content .inner .about-cont1 div img {
    width: 100%;
}
.under-content .inner .about-cont1 div p {}
.under-content .inner .about-cont1 div p:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under-content .inner .about-cont1 div:nth-of-type(2) {}
.under-content .inner .about-cont1 div:nth-of-type(2) img {}

.bg-blue {}
.bg-green2 {}
.bg-green {}
.radius10 {}
.bg-skill {}
.border-b-dotted {}
.pad20 {}
.bg-brown2 {}
.bg-brown {}

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

.under-content .inner .map {}
.under-content .inner .map iframe {}
.under-content .inner .map ul {
    display: block;
}
.under-content .inner .map ul li {
    font-size: 3.5vw;
    margin-right: 0px;
    margin-bottom: 2vw;
    border-left: 2.5vw solid #3bc3c3;
    padding: 3vw 6vw;
}
.under-content .inner .map ul li:nth-of-type(2) {}
.under-content .inner .map ul li span.font-wb {}

.under-content .inner p {}
.under-content .inner .service-cont1 {
    padding: 4% 4%;
    margin-bottom: 6vw;
    margin-top: 4vw;
}
.under-content .inner .service-cont1 p.title {
    width: 100%;
    font-size: 3.8vw;
}
.under-content .inner .service-cont1 ul {
    width: 100%;
    margin-top: 3vw;
}
.under-content .inner .service-cont1 ul li {
    font-size: 3.5vw;
    margin-left: 8vw;
    margin-bottom: 3vw;
}
.under-content .inner .service-cont1 ul li::before {content:"";background: url(../img/img34.png);width: 5vw;height: 5vw;background-size: 5vw;left: -7vw;}
.under-content .inner .service-cont1 ul li:nth-last-of-type(1) {}

.under-content .inner .service-cont1-2 {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
.under-content .inner .service-cont1-2 h4 {}
.under-content .inner .service-cont1-2 img.float-right {
    float: none;
    width: 100%;
    margin-top: 0px;
    padding-left: 0px;
}
.under-content .inner .service-cont1-2 h5 {
    margin: 2vw 0;
    font-size: 4vw;
}
.under-content .inner .service-cont1-2 p {}
.under-content .inner .service-cont1-2 p:nth-last-of-type(1) {
    margin-bottom: 0px;
}
.under-content .inner .service-cont1-2::after { content:""; }

.under-content .inner .service-cont1-3 {
    padding-top: 5vw;
}
.under-content .inner .service-cont1-3 h5 {
    padding-left: 0px;
    font-size: 4vw;
}
.under-content .inner .service-cont1-3 img.float-left {
    float: none;
    width: 100%;
    margin-top: 0px;
    padding-right: 0px;
}
.under-content .inner .service-cont1-3 p {
    margin-bottom: 2vw;
}
.under-content .inner .service-cont1-3 p:nth-last-of-type(1) {}

.under-content .inner.service {}
.under-content .inner.service h3.title {}
.under-content .inner.service h3.title span.en {}
.under-content .inner.service h4.sub-title {}
.under-content .inner.service p {}
.under-content .inner.service div {
    padding: 6vw 0;
    margin-top: 8vw;
    margin-bottom: 4vw;
}
.under-content .inner.service div h5 {
    font-size: 4.5vw;
}
.under-content .inner.service div .content3 {}
.under-content .inner.service div .content3 li {}
.under-content .inner.service div .content3 li img {}
.under-content .inner.service div .content3 li h5 {}
.under-content .inner.service div .content3 li p {}

.under-content .inner.service .content2 {}
.under-content .inner.service .content2 li {}
.under-content .inner.service .content2 li img {}
.under-content .inner.service .content2 li h5 {
    font-size: 4.5vw;
}
.under-content .inner.service .content2 li p {}

.under-content .inner a.btn2 {}
.under-content .inner a.btn2::after { content:""; }
.under-content .inner a.btn2:hover {}

.under-content .inner .flow {
    margin-top: 12vw;
}
.under-content .inner .flow li {
    width: 92%;
    padding: 4% 4%;
    padding-top: 10vw;
    margin-bottom: 20vw;
}
.under-content .inner .flow li:nth-of-type(4),
.under-content .inner .flow li:nth-of-type(5) {
    margin-bottom: 20vw;
}

.under-content .inner .flow li:nth-of-type(6) { margin-bottom:0px; }

.under-content .inner .flow li::before {content:"1";font-size: 6vw;width: 10vw;padding: 0.6vw 0;top: -6vw;}
.under-content .inner .flow li:nth-of-type(2)::before { content:"2"; }
.under-content .inner .flow li:nth-of-type(3)::before { content:"3"; }
.under-content .inner .flow li:nth-of-type(4)::before { content:"4"; }
.under-content .inner .flow li:nth-of-type(5)::before { content:"5"; }
.under-content .inner .flow li:nth-of-type(6)::before { content:"6"; }
.under-content .inner .flow li::after {content:"";border-left: 3vw solid transparent;border-top: 4vw solid #3bc3c3;border-right: 3vw solid transparent;right: initial;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: initial;bottom: -14vw;}
.under-content .inner .flow li:nth-of-type(3n)::after {content:"";border-left: 3vw solid transparent;border-top: 4vw solid #3bc3c3;border-right: 3vw solid transparent;bottom: -10vw;}
.under-content .inner .flow li:nth-last-of-type(1)::after {
    border: none;
}
.under-content .inner .flow li img {}
.under-content .inner .flow li h4 {}
.under-content .inner .flow li p {}

.under-content .inner .skill-cont1 {
    padding: 2vw;
    margin-bottom: 6vw;
    margin-top: 4vw;
}
.under-content .inner .skill-cont1 div {
    padding: 4%;
}
.under-content .inner .skill-cont1 div p.title {
    width: 100%;
    font-size: 3.8vw;
}
.under-content .inner .skill-cont1 div ul {
    width: 100%;
    margin-top: 3vw;
}
.under-content .inner .skill-cont1 div ul li {
    font-size: 3.5vw;
    margin-left: 8vw;
    margin-bottom: 3vw;
}
.under-content .inner .skill-cont1 div ul li::before {content:"";background: url(../img/img34.png);width: 5vw;height: 5vw;background-size: 5vw;left: -7vw;}
.under-content .inner .skill-cont1 div ul li:nth-of-type(1) {}

.under-content.bg-brown2 .inner.skill {}
.under-content.bg-brown2 .inner.skill h3.title {}
.under-content.bg-brown2 .inner.skill h3.title .en {
    display: block;
}
.under-content.bg-brown2 .inner.skill h4.sub-title {}
.under-content.bg-brown2 .inner.skill p {}
.under-content.bg-brown2 .inner.skill .bg-brown {
    padding: 4%;
    margin-bottom: 4vw;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 {
    width: 92%;
    padding: 4%;
    padding-bottom: 0px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li {
    border-bottom: 1px dashed #FFF;
    border-right: none;
    padding-right: 0px;
    padding-bottom: 5vw;
    width: 100%;
    margin-bottom: 5vw;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li img {}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li h5 {
    font-size: 4.5vw;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-of-type(2) h5 {
    margin: 0px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list {
    width: 92%;
    margin: 0 auto;
    padding: 4%;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li {
    font-size: 3.5vw;
    padding-bottom: 0px;
    margin-left: 4vw;
    margin-bottom: 1vw;
    width: 96%;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li::before {content:"";width: 2vw;height: 2vw;left: -4vw;}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li:nth-last-of-type(1) {
    padding: 0px;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2 li .skill-list li:nth-last-of-type(1)::before { content:""; }
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) {
    padding-top: 5vw;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-last-of-type(1) {
    padding: 4%;
    width: 92%;
}
.under-content.bg-brown2 .inner.skill .bg-brown .cont2:nth-of-type(2) li:nth-last-of-type(1) img {
    position: initial;
    top: initial;
    transform: initial;
    -webkit- transform: initial;
}

.under-content .inner .flow.skill-flow {
    margin-bottom: 6vw;
}
.under-content .inner .flow.skill-flow li {
    width: 92%;
    margin-bottom: 20vw;
}
.under-content .inner .flow.skill-flow li:nth-of-type(4) {
    margin-bottom: 0px;
}
.under-content .inner .flow.skill-flow li::before { content:"1"; }
.under-content .inner .flow.skill-flow li:nth-of-type(2)::before { content:"2"; }
.under-content .inner .flow.skill-flow li:nth-of-type(3)::before { content:"3"; }
.under-content .inner .flow.skill-flow li:nth-of-type(4)::before { content:"4"; }
.under-content .inner .flow.skill-flow li::after {content:"";border-left: 3vw solid transparent;border-top: 4vw solid #9d8e71;border-right: 3vw solid transparent;right: initial;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);top: initial;bottom: -13vw;}
.under-content .inner .flow.skill-flow li:nth-of-type(4)::after { content:""; }
.under-content .inner .flow.skill-flow li img {}
.under-content .inner .flow.skill-flow li h4 {}
.under-content .inner .flow.skill-flow li p {}

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:""; }

}


.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 #9d8e71;}
#contact-nav .inner.under .formtab li.formtab_conf.on:after {border-top: 8px solid #9d8e71;}
#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: 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;}
#contact-nav .inner.under .contact-lead+div.to-top-btn a::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;}
#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 #9d8e71;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: #9d8e71;}


#under-content.contact {
    margin-left: 0px;
}
#under-content.contact .inner.under {/* max-width: 1300px; *//* width: 1300px; */padding-top: 40px;border-top: 1px solid #9d8e71;}
#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; */}
#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;}
#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: 270px;display: block;}
.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: 100px;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: #9d8e71;border: 3px solid #FFF;width: 246px;padding: 15px 0;color: #FFF;display: block;text-align: center;font-size: 16px;border-radius: 30px;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: #faf4e7;}
#under-content.contact .inner.under #Form_btngroup .back-btn {color: #9d8e71;background: #FFF;width: 246px;padding: 15px 0px;/* border-radius: 10px; */text-align: center;display: block;border: none;font-weight: bold;font-size: 16px;letter-spacing: 0.1em;cursor: pointer;text-decoration: none;transition-property: all;transition: 0.3s linear;border: 3px solid #9d8e71;border-radius: 30px;margin-top: 24px;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));}

.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;}
#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 {}
#contact-nav .inner.under .formtab li.formtab_conf {}
#contact-nav .inner.under .formtab li.formtab_comp {}

#contact-nav .inner.under .formtab .formtab_input.on {}
#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 {}
#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;}
.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;}
.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: 45px;}
.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: #929292;margin: 0 8px 8px 0;border-radius: 8px;border: 1px solid #929292;}
#Detail .inner .detailspace .contentspace .titleinfo div.category_group a.category:nth-of-type(2n) {background: #FFF;color: #929292;}
#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: auto;}
#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: 4vw;}
#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: 250px;
    background: #3bc3c3;
    text-align: center;
    padding: 18px 0;
    border-radius: 30px;
    font-size: 16px;
    color: #FFF;
    font-weight: bold;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    margin-top: 24px;
    display: block;
}
.e404 .btn::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;}


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

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

}

#Detail .inner.column .detailspace ul {
    list-style: disc;
    padding-left: 24px;
    margin: 16px 0;
}
#Detail .inner.column .detailspace ol {margin: 16px 0;padding-left: 24px;}
#Detail .inner.column .detailspace ul li,
#Detail .inner.column .detailspace ol li {
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    color: #333;
}


#Detail .inner.column .detailspace ol ul li   { list-style-type: circle; }

#Detail .inner.column .detailspace ul li a {
    color: #3bc3c3;
}
#Detail .inner.column .detailspace ul li a:hover {}
#Detail .inner.column .detailspace ul li::before { content:""; }
#Detail .inner.column .detailspace ul li:nth-last-of-type(1),
#Detail .inner.column .detailspace ol li:nth-last-of-type(1) {
    margin-bottom: 0px;
}
#Detail .inner.column .detailspace table {
    border-collapse: collapse;
    margin: 16px 0;
}
#Detail .inner.column .detailspace table tr {}
#Detail .inner.column .detailspace table tr th,
#Detail .inner.column .detailspace table tr td {
    border: 1px solid #333;
    padding: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0;
    color: #333;
}
#Detail .inner.column .detailspace table tr th {}
#Detail .inner.column .detailspace table tr td {}


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

#Detail .inner.column .detailspace ol {
    padding-left: 6vw;
}
#Detail .inner.column .detailspace ul {
    margin: 3vw 0;
    padding-left: 6vw;
}
#Detail .inner.column .detailspace ul li,
#Detail .inner.column .detailspace ol li {
    font-size: 3.5vw;
    margin: 2vw 0;
}
#Detail .inner.column .detailspace ul li::before { content:""; }
#Detail .inner.column .detailspace ul li:nth-last-of-type(1),
#Detail .inner.column .detailspace ol li:nth-last-of-type(1) {}
#Detail .inner.column .detailspace table {
    margin: 3vw 0;
}
#Detail .inner.column .detailspace table tr {}
#Detail .inner.column .detailspace table tr th,
#Detail .inner.column .detailspace table tr td {
    font-size: 3.5vw;
    margin: 2vw 0;
    padding: 2vw;
}
#Detail .inner.column .detailspace table tr th {}
#Detail .inner.column .detailspace table tr td {}
}


section .inner .column-list-bg .column-list li a figure img {
    width: 100%;
    border-radius: 20px 20px 0 0;
    object-fit: cover;
    width: 290px;
    height: 180px;
}

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

section .inner .column-list-bg .column-list li a figure img {
    width: 100%;
    height: 56.5vw;
}

}

.column_thumbnail_img { display: none; }

/* column 211007 */

#Detail #ez-toc-container {
    padding: 0px;
    margin: 16px 0;
    border: 2px solid #3bc3c3;
    background: #FFF;
    min-width: 500px;
}
#Detail #ez-toc-container .ez-toc-title-container {
    /* background: #3bc3c3; */
    padding: 2% 4%;
    width: 92.1%;
    border-bottom: 2px solid #3bc3c3;
    margin-bottom: -2px;
    z-index: 111;
    position: relative;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title {
    font-size: 18px;
    color: #929292;
    font-weight: bold;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle {}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right {
    background: #FFF;
    color: #929292;
    border: 2px solid #3bc3c3;
    border-radius: 100%;
    width: 42.2px;
    padding: 8px 0;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right .ez-toc-glyphicon {
    font-size: 24px;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right .ez-toc-glyphicon::before {}
#Detail #ez-toc-container nav {
    padding: 0 4%;
    width: 92%;
    background: #f9f9f9;
    border-radius: 0 0 4px 4px;
}
#Detail #ez-toc-container nav .ez-toc-list {
    margin: 0px;
    padding: 16px 0;
}
#Detail #ez-toc-container nav .ez-toc-list li {
    margin-bottom: 12px;
}
#Detail #ez-toc-container nav .ez-toc-list li:nth-last-of-type(1) {
    margin-bottom: 0px;
}

#Detail #ez-toc-container nav .ez-toc-list li a {font-weight: bold;font-size: 15px;line-height: 150%;color: #929292;letter-spacing: 0.05em;}
#Detail #ez-toc-container nav .ez-toc-list li .ez-toc-list-level-4 {
    margin: 8px 0;
    padding-left: 16px;
}

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

#Detail .inner .detailspace .contentspace p {
    font-size: 4vw;
}

#Detail #ez-toc-container {
    min-width: initial;
    width: 99%;
}
#Detail #ez-toc-container .ez-toc-title-container {}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title {
    font-size: 5vw;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle {}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right {
    width: 11vw;
    padding: 2.17vw 0;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right .ez-toc-glyphicon {
    font-size: 6vw;
}
#Detail #ez-toc-container .ez-toc-title-container .ez-toc-title-toggle .ez-toc-pull-right .ez-toc-glyphicon::before {}
#Detail #ez-toc-container nav {}
#Detail #ez-toc-container nav .ez-toc-list {}
#Detail #ez-toc-container nav .ez-toc-list li {}
#Detail #ez-toc-container nav .ez-toc-list li a {
    font-size: 4vw;
}
#Detail #ez-toc-container nav .ez-toc-list li .ez-toc-list-level-4 {
    margin: 2vw 0;
    padding-left: 4vw;
}
}


/* Instagram ------------------------------ */

section#Instagram {margin-top: 80px;}
section#Instagram .instagram {padding: 14px 0;}
section#Instagram .instagram h2 {
    text-align: center;
    color: #000;
text-align: left;line-height: 260%;margin-bottom: 8px;}

section#Instagram .instagram .sns-content {
    display: flex;
justify-content: space-between;max-width: 970px;}
section#Instagram .instagram .sns-content .sns-content-in {}
section#Instagram .instagram .sns-content .sns-content-in p {}
section#Instagram .instagram .sns-content .sns-content-in.type2 {
    /* background: url(https://k-kikaku-office.com/wp-content/themes/Kikaku-Yasan/img/sns_bg.png); */
    width: 650px;
    margin-left: 20px;
    border-radius: 20px;
    height: 42px;
    padding: 13px 0;
    /* margin-top: 20px; */
border: 10px solid #eeefe7;}

section#Instagram .instagram h2 span {}
section#Instagram .instagram h2 span span {
    font-size: 30px;
    padding-right: 4px;
    /* font-family: 'Noto Sans JP', sans-serif; */
display: block;}
section#Instagram .instagram p {
    text-align: left;
    color: #000;
    margin-top: -8px;
    font-size: 14px;
    font-weight: bold;
    margin-left: 2px;
}

section#Instagram .instagram ul {
    width: 120px;
    margin: 0 auto;
    margin-top: -4px;
justify-content: space-between;}
section#Instagram .instagram ul li {}
section#Instagram .instagram ul li a {
    background: none;
    color: #FFF;
    height: 50px;
    line-height: 1;
    transition-property: all;
    transition: 0.3s linear;
    width: 50px;
    font-size: 30px;
background: url(https://k-kikaku-office.com/wp-content/themes/Kikaku-Yasan/img/sns_bg.png);position: relative;margin: 0;}

section#Instagram .instagram .instagram-cont {
    margin-top: 32px;
}
section#Instagram .instagram .instagram-cont:nth-last-of-type(1) {}

section#Instagram .instagram .instagram-cont #sb_instagram .sb_instagram_header .sbi_header_text {}
section#Instagram .instagram .instagram-cont #sb_instagram .sb_instagram_header .sbi_header_text h3 {
    padding-top: 6px !important;
    margin-left: 65px !important;
}

section#Instagram .instagram .instagram-cont .sbi_header_img {
    width: 50px;
    height: 50px;
    position: relative;
    background: #3bc3c3;
    border-radius: 100%;
}
section#Instagram .instagram .instagram-cont .sbi_header_img .sbi_header_hashtag_icon {}
section#Instagram .instagram .instagram-cont .sbi_header_img .sbi_header_hashtag_icon .sbi_new_logo {
    margin: 0;
    width: 30px;
    height: 30px;
    font-size: 30px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
section#Instagram .instagram .instagram-cont #sbi_images {}
section#Instagram .instagram .instagram-cont #sbi_images .sbi_item.sbi_type_carousel {
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}
section#Instagram .instagram .instagram-cont #sbi_images .sbi_item.sbi_type_carousel:nth-last-of-type(1) {}
section#Instagram .instagram .instagram-cont #sbi_load {
    display: none;
}

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

section#Instagram {
    margin-top: 11vw;
}
section#Instagram .instagram {
    padding: 4vw 0;
}
section#Instagram .instagram h2 {text-align: left;margin-bottom: 2vw;}
    section#Instagram .instagram p {
    margin-top: 0;
    margin-bottom: 2vw;
    font-size: 4vw;
    margin-left: 0.5vw;
    margin-top: -1vw;
}
section#Instagram .instagram h2 span {}
    section#Instagram .instagram h2 span span {
    font-size: 6.5vw;
    padding-right: 1vw;
display: initial;}
section#Instagram .instagram .instagram-cont {
    margin-top: 7vw;
}
section#Instagram .instagram .sns-content {
    display: block;
}
section#Instagram .instagram .sns-content .sns-content-in {}
section#Instagram .instagram .sns-content .sns-content-in.type2 {
    width: 96%;
    margin-left: 0px;
    padding: 2vw 0;
    height: 10vw;
    margin-top: 4vw;
border: 2vw solid #eeefe7;}
section#Instagram .instagram .instagram-cont:nth-last-of-type(1) {}

section#Instagram .instagram .instagram-cont #sb_instagram .sb_instagram_header .sbi_header_text {
    padding-top: 2vw;
}
section#Instagram .instagram .instagram-cont #sb_instagram .sb_instagram_header .sbi_header_text h3 {
    padding-top: 2vw !important;
    margin-left: 15vw !important;
}

section#Instagram .instagram .instagram-cont .sbi_header_img {
    width: 12vw;
    height: 12vw;
}
section#Instagram .instagram .instagram-cont .sbi_header_img .sbi_header_hashtag_icon {}
section#Instagram .instagram .instagram-cont .sbi_header_img .sbi_header_hashtag_icon .sbi_new_logo {
    width: 7vw;
    height: 7vw;
    font-size: 7vw;
}
section#Instagram .instagram .instagram-cont #sbi_images {}
section#Instagram .instagram .instagram-cont #sbi_images .sbi_item.sbi_type_carousel {}
section#Instagram .instagram .instagram-cont #sbi_images .sbi_item.sbi_type_carousel:nth-last-of-type(1) {}
section#Instagram .instagram .instagram-cont #sbi_load {}
section#Instagram .instagram ul {
    display: flex;
    width: 27.5vw;
margin-top: -1vw;}
section#Instagram .instagram ul li {}
section#Instagram .instagram ul li a {
    width: 12vw;
    font-size: 7vw;
height: 12vw;}
}

/* header-sns ------------------------------ */

.header-sns {
    margin-top: 16px;
}
.header-sns .sns-content {}
.header-sns .sns-content p.sns-title {
    text-align: center;
    margin: 0px;
    font-size: 16px;
    margin-bottom: 4px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #FFF;
}
.header-sns .sns-content p.sns-title span {
    font-family: 'Montserrat', sans-serif;
}
.header-sns .sns-content ul {
    justify-content: space-between;
    width: 50% !important;
}
.header-sns .sns-content ul li {}
.header-sns .sns-content ul li a {
    background: #3bc3c3;
    width: 40px;
    height: 40px;
    position: relative;
}
.header-sns .sns-content ul li a i {
    position: absolute;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 20px;
}

.header-sns .sns-content.kikaku {
    margin-bottom: 16px;
}
.header-sns .sns-content.kikaku p.sns-title {}
.header-sns .sns-content.kikaku ul {
}
.header-sns .sns-content.kikaku ul li {
    margin-bottom: 0px;
}
.header-sns .sns-content.kikaku ul li a {
}
.header-sns .sns-content.kikaku ul li a i {}

.header-sns .sns-content.suiso {
    background: #c0d4d5;
    width: 76%;
    margin: 0 auto;
    border-radius: 0px;
    padding: 16px 5%;
}
.header-sns .sns-content.suiso p.sns-title {}
.header-sns .sns-content.suiso p.sns-text {
    text-align: center;
    color: #222;
    font-size: 13px;
    letter-spacing: -0.03em;
    margin-top: 0px;
    margin-bottom: 4px;
    display: none;
}
.header-sns .sns-content.suiso ul {
    width: 96px !important;
}
.header-sns .sns-content.suiso ul li {
    margin-bottom: 0px;
}
.header-sns .sns-content.suiso ul li a {
    background: none;
    transition-property: all;
    transition: 0.3s linear;
}
.header-sns .sns-content.suiso ul li a i {
    font-size: 26px;
}
.header-sns .sns-content.suiso ul li a:hover {}
/* 共通のアイコンエフェクト */
.socialEffect__link {
  margin: .3em;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #bfbfbf;
  font-size: 1.6rem;
  background: rgba(255, 255, 255, 0.1);
  transition: transform ease-out 0.2s;
}

.socialEffect__box li {
  display: inline-block;
}

.fab {position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);}

/* インスタ用アイコン設定 */
.icon-instagram::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}
.fab.fa-instagram {
  display: inline-block;
  color: #fff;

    
    
    
    }
/*.header-sns .sns-content ul li a.icon-instagram:hover {
  background: radial-gradient(
      circle farthest-corner at 32% 106%,
      rgb(255, 225, 125) 0%,
      rgb(255, 205, 105) 10%,
      rgb(250, 145, 55) 28%,
      rgb(235, 65, 65) 42%,
      transparent 82%
    ),
    linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
  transform: scale(0.9);
} */

/* フェイスブック用アイコン設定 */
/*.icon-facebook::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}

.header-sns .sns-content ul li a.icon-facebook:hover {
  background: #3b5998;
  transform: scale(0.9);
} 
*/
.fab.fa-facebook-f {
  display: inline-block;
  color: #fff;
}


/* ツイッター用アイコン設定 */
.icon-twitter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}
.fab.fa-twitter {
  display: inline-block;
  color: #fff;
}
.header-sns .sns-content ul li a.icon-twitter:hover {
  background: #00b0ed;
  transform: scale(0.9);
}

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

.header-sns {
    margin-top: 1vw;
}
.header-sns .sns-content {}
.header-sns .sns-content p.sns-title {
    font-size: 4vw;
    margin-bottom: 2vw;
}
.header-sns .sns-content ul {
    margin: 0 auto;
    margin-bottom: 0vw !important;
}
.header-sns .sns-content ul li {}
.header-sns .sns-content ul li a {
    background: #bad4ef;
    width: 12vw;
    height: 12vw;
    position: relative;
    padding: 0 !important;
}
.header-sns .sns-content ul li a:hover { background: #FFF !important; transform:initial !important; }
.header-sns .sns-content ul li a i {
    color: #FFF;
    font-size: 6vw;
}

.header-sns .sns-content.kikaku {
    margin-bottom: 1vw;
}
.header-sns .sns-content.kikaku p.sns-title {}
.header-sns .sns-content.kikaku ul {}
.header-sns .sns-content.kikaku ul li {}
.header-sns .sns-content.kikaku ul li a {}
.header-sns .sns-content.kikaku ul li a i {}

.header-sns .sns-content.suiso {
    background: none;
}
.header-sns .sns-content.suiso p.sns-title {}
    .header-sns .sns-content.suiso p.sns-text {
    color: #FFF;
    margin-bottom: 2vw;
    font-size: 3.3vw;
}
.header-sns .sns-content.suiso ul {
    display: flex;
    width: 30vw !important;
}
.header-sns .sns-content.suiso ul li {}
.header-sns .sns-content.suiso ul li a {
    background: #c1d4d7;
}
.header-sns .sns-content.suiso ul li a i {}

}