@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/*
Theme Name: 動画顧問
*/
/*Reset
---------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0;
}
a:link {
 color: #006BEB;
}
a:visited {
 color: #010082;
}
a:hover {
 color: #E42D71;
}
a:active {
 color: #E08B01;
}
img {
 vertical-align: bottom;
}
ul, ol {
 list-style-type: none;
 padding: 0px;
 text-indent: 0;
 margin: 0px;
}
a img {
 text-decoration: none;
 border: none;
 webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
a img:hover {
 opacity: 0.8;
}
.img_mid {
 vertical-align: middle;
}
address {
 font-style: normal;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
.no_clear {
 clear: none !important;
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}
caption, th, td {
 text-align: left;
}
.flex {
 display: flex;
}
.smart {
 display: none;
}
input[type="submit"] {
 -webkit-appearance: none;
}
.vimeo-center {
 text-align: center;
}
/*basic style
---------------------------------------*/
.flol {
 float: left;
}
.flor {
 float: right;
}
.txr {
 text-align: right;
}
.txl {
 text-align: left;
}
.txc {
 text-align: center;
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: bold;
}
.large {
 font-size: 1.1em;
}
.llarge {
 font-size: 1.2em;
}
.xlarge {
 font-size: 1.3em;
}
.xxlarge {
 font-size: 1.4em;
}
.xxxlarge {
 font-size: 1.7em;
}
.small {
 font-size: 0.9em;
}
.ssmall {
 font-size: 0.8em;
}
.xsmall {
 font-size: 0.7em;
}
.xxsmall {
 font-size: 0.6em;
}
.rela {
 position: relative;
}
.underline {
 text-decoration: underline;
}
.hidden {
 overflow: hidden;
}
.fs08 {
 font-size: 0.8em;
}
.fs09 {
 font-size: 0.9em;
}
.fs10 {
 font-size: 1em;
}
.fs11 {
 font-size: 1.1em;
}
.fs12 {
 font-size: 1.2em;
}
.fs13 {
 font-size: 1.333em;
 line-height: 1.8em;
}
.fs16 {
 font-size: 1.66em;
}
.ft15 {
 font-size: 0.83rem;
}
.ft16 {
 font-size: 0.88rem;
}
.ft14 {
 font-size: 0.77rem;
}
.ft25 {
 font-size: 1.38rem;
}
.ft20 {
 font-size: 1.2rem;
}
.ft30 {
 font-size: 1.66rem;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
}
.marker-blue {
 background: linear-gradient(transparent 50%, #CAE9F6 40%);
}
.marker-yellow {
 background: linear-gradient(transparent 50%, #F8FDC3 40%);
}
.marker-red {
 background: linear-gradient(transparent 50%, #ffe4e4 40%);
}
.marker-greem {
 background: linear-gradient(transparent 50%, #D6FFCC 40%);
}
span.mv {
 position: relative;
}
span.mv span {
 position: absolute;
 top: -95px;
}
.admin-bar span.mv span {
 top: -125px;
}
/*body
---------------------------------------*/
body {
 font-size: 18px;
 line-height: 1.8em;
 font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333333;
 font-weight: 500;
 letter-spacing: 2px;
}
.noto-sans-jp {
 font-family: "Noto Sans JP", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}
.oswald {
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}
.jost {
 font-family: "Jost", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}
.header_wrap {
 max-width: 1730px;
 margin: 0 auto;
 position: relative;
}
.admin-bar #header {
 top: 32px;
}
#header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 height: 95px;
 color: #fff;
 transition: 0.3s ease-in-out;
}
.scrolled #header {
 background-color: hsl(0deg 0% 13% / 50%);
}
.scrolled #header.company_h {
 background-color: hsl(0deg 0% 100% / 95%);
}
.wrap {
 max-width: 1100px;
 margin: 0 auto;
}
.wrap957 {
 max-width: 957px;
 width: 90%;
 margin: 0 auto;
}
img {
 max-width: 100%;
 height: auto;
}
.header_wrap #nav ul.smart_sp, .smart_sp {
 display: none;
}
.smart_pc {
 display: initial;
}
.red {
 color: #FE2C55;
}
.lightRed {
 color: #FFA8BA;
}
.blue {
 color: #22F5EE;
}
.yellow {
 font-weight: bold;
 color: #FEEA2A;
}
.cta a {
 display: flex;
 max-width: 390px;
 height: 80px;
 justify-content: center;
 align-items: center;
 font-size: 1.3em;
 line-height: 1.3em;
 width: 100%;
}
.backBlack {
 background-color: #212121;
 color: #fff;
}
.backBlack.vpro_doc {
 background-color: #8d8d8d;
}
.backGray {
 background-color: #E2E2E2;
 background-image: url(img/noise_wn.webp);
 color: #333333;
}
.header_wrap #nav ul li.contact_btn a, .contact_btn a, .cta a {
 border: 2px solid;
 border-image: linear-gradient(90deg, #22F5EE, #FE2C55) 1;
 box-sizing: border-box;
 transition: 0.3s ease-in-out;
 text-decoration: none;
 background-color: #fff;
 font-weight: bolder;
 color: #212121;
 letter-spacing: 0.51px;
}
.header_wrap #nav ul li.contact_btn a {
 color: initial;
 width: 220px;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
 position: relative;
 top: -6px;
 background-image: url(img/right-x.svg);
 background-repeat: no-repeat;
 background-position: calc(100% - 10px) center;
 background-size: 5px auto;
 font-size: 0.72em;
}
.header_wrap #nav ul li.contact_btn a:hover, .cta a:hover {
 background-color: rgba(33, 33, 33, 0.95);
 color: initial;
 color: #fff;
}
.cta.cat_arrow a:hover, .header_wrap #nav ul li.contact_btn a:hover {
 background-image: url(img/right-w.svg);
}
.LPcatch .cta {
 margin-top: 30px;
}
.linecolor {
 color: #2CBE02 !important;
}
.cta.cat_arrow .noopen {
 max-width: 390px;
 height: 80px;
 justify-content: center;
 align-items: center;
 font-size: 1.3em;
 line-height: 1.3em;
 width: 100%;
 border: 2px solid #aaa;
 box-sizing: border-box;
 text-decoration: none;
 background-color: #898989;
 font-weight: bolder;
 letter-spacing: 0.51px;
 display: flex;
 margin: 0 auto;
 color: #fff;
 opacity: 0.5;
 cursor: not-allowed;
}
.stop_note {
 text-align: center;
 font-weight: normal;
 font-size: 0.7em;
 max-width: 600px;
 margin: 36px auto 0 auto;
 line-height: 1.8em;
 width: 90%;
}
/*LP header
---------------------------------------*/
#site-logo {
 padding: 25px 0 0 30px;
}
.header_wrap #nav {
 position: absolute;
 right: 15px;
 top: 25px;
}
.header_wrap #nav ul {
 display: flex;
 gap: 20px;
}
.header_wrap #nav ul li a {
 color: #fff;
 text-decoration: none;
 position: relative;
 padding: 7px 10px;
 font-size: 0.85em;
}
.company_h .header_wrap #nav ul li a {
 color: #333;
}
/*COM TOP
---------------------------------------*/
#COMmainimage .wrap {
 background-image: url(img/com_hero.webp);
 background-position: right center;
 background-repeat: no-repeat;
 background-size: 600px auto;
 height: 100%;
 display: flex;
 align-items: center;
}
#COMmainimage {
 background-image: url("img/noise_wn.webp");
 background-size: cover;
 background-repeat: repeat;
 position: relative;
 color: #333333;
 height: 100vh;
 padding-bottom: 170px;
 padding-top: 95px;
 box-sizing: border-box;
}
#COMmainimage h1 {
 font-size: 5.555555555555556em;
 font-weight: 400;
 line-height: 1.2em;
}
#COMmainimage h1 span.small {
 display: block;
 font-size: 0.33em;
 font-weight: 600;
 line-height: 1.3em;
}
.submit_bnt input, .cta_com a {
 max-width: 350px;
 width: 80%;
 border: 1.5px solid #333;
 border-radius: 150px;
 font-size: 1.11em;
 line-height: 1em;
 text-decoration: none;
 color: initial;
 display: block;
 padding: 28px 40px;
 box-sizing: border-box;
 position: relative;
 cursor: pointer;
 transition: 0.3s ease-in-out;
}
.cta_com a:hover {
 background: linear-gradient(90deg, #1FBEE6 0%, #1C75D4 100%);
 color: #fff;
 border-color: #1c86d4;
}
.submit_bnt {
 position: relative;
 max-width: 260px;
 margin: 50px auto 0 auto;
}
.submit_bnt:after, .cta_com a:after {
 content: "";
 position: absolute;
 width: 8px;
 height: 8px;
 background-color: #333;
 border-radius: 150%;
 right: 30px;
 top: calc(50% - 4px);
 ;
}
.cta_com.black_btn a {
 color: #fff;
 border-color: #fff;
 transition: 0.3s ease-in-out;
}
.cta_com.black_btn a:hover {
 border-color: #212121;
}
.cta_com.change_black a:hover {
 background: none;
 background-color: #212121;
 color: #fff;
}
.submit_bnt:after, .cta_com.black_btn a:after {
 background-color: #fff;
}
.submit_bnt:after {
 top: 29px;
}
.wpcf7-form .submit_bnt:hover input, .submit_bnt:hover input {
 background-color: #fff;
 color: #212121;
}
.submit_bnt:hover:after {
 background-color: #212121;
}
.cta_com a:hover:after {
 background-color: #fff;
 transition: 0.3s ease-in-out;
}
.wpcf7-form .submit_bnt input, .submit_bnt input {
 width: 100%;
 display: block;
 text-align: left;
 font-weight: bold;
 font-size: 0.83rem;
 max-width: 260px;
 padding: 25px 25px;
 background-color: #212121;
 color: #fff;
}
.cta_com.txc a {
 margin: 0 auto;
}
.cta_com.white_btn a {
 border-color: #fff;
 color: #fff;
}
.cta_com.white_btn a:hover {
 background: none;
 background-color: #212121;
 border-color: #212121;
 color: #fff;
}
.cta_com.white_btn a:after {
 background-color: #fff;
}
.cta_com.ss a {
 max-width: 260px;
 font-size: 0.83em;
 padding: 24px 20px 24px 35px;
 text-align: left;
}
.gradeBlue {
 background: linear-gradient(270deg, #1FBEE6 0%, #1C75D4 100%);
 color: #fff;
}
/*Com Works*/
.company .worksSlide .workS dd p, .company .worksSlide .workS dd {
 color: #fff;
}
.company #TOPwrok .worksSlide_in {
 position: relative;
 top: -210px;
 height: 400px;
}
.company #TOPwrok .gradeBlue {
 padding-bottom: 110px;
}
.company #TOPwrok button.slick-arrow {
 display: none !important;
}
.CoH2 {
 font-size: 4em;
 line-height: 1.1em;
 position: relative;
 z-index: 3;
}
#site-logo .active_nav {
 display: none;
}
.ComReason, #COMprice, #COMcontact {
 overflow: hidden;
}
.ComReason .wrap {
 position: relative;
}
.ComReason .wrap:after {
 content: "";
 border-style: solid;
 border-width: 191px 330px;
 border-color: transparent transparent transparent #fff;
 position: absolute;
 left: -200px;
 top: -211px;
 opacity: 0.05;
 z-index: 0;
}
.triangel {
 position: relative;
}
.triangel:after {
 content: "";
 border-style: solid;
 border-width: 191px 330px;
 border-color: transparent #000000 transparent transparent;
 position: absolute;
 right: -100px;
 top: -194px;
 opacity: 0.05;
 z-index: 0;
}
#COMprice .triangel:after {
 top: 52px;
}
.reason_box {
 margin-top: 60px;
 gap: 20px;
}
.reason_box dl {
 position: relative;
 background-color: #383838;
 width: calc(33.33% - 10px);
 padding: 35px 0;
 text-align: center;
}
.reason_box dl .num {
 color: #FFFFFF;
 position: absolute;
 left: 0;
 top: -0.5em;
 opacity: 0.1;
 font-size: 4em;
 line-height: 1em;
}
.reason_box dl dt {
 font-weight: bold;
}
.reason_box dl dd {
 font-size: 0.77em;
 letter-spacing: 0;
}
/*Com price*/
.comPriceBody {
 display: grid;
 grid-template-columns: 1fr 1.5fr 1.5fr;
 grid-template-rows: 0.8fr 1fr 1.6fr /*1fr*/ ;
 row-gap: 0;
 column-gap: 12px;
 z-index: 10;
 position: relative;
}
.comPriceBody .setplan {
 z-index: 2;
 color: #fff;
 font-weight: bold;
 grid-column-start: 1;
 grid-column-end: 2;
 display: flex;
 justify-content: center;
 align-items: center;
 border-bottom: 1px solid #ffffff8c;
}
.comPriceBody .plan_single {
 grid-row-start: 2;
 grid-row-end: 3;
}
.comPriceBody .plan_month {
 grid-row-start: 3;
 grid-row-end: 4;
}
.comPriceBody .plan_monthly {
 grid-row-start: 3;
 grid-row-end: 4;
}
.ComServices.sv01 {
 grid-column-start: 2;
 grid-column-end: 3;
}
.ComServices.sv02 {
 grid-column-start: 3;
 grid-column-end: 4;
}
.ComServices.svHead {
 grid-row-start: 1;
 grid-row-end: 2;
 background-color: #fff;
 padding: 30px 20px;
 border-bottom: 1px solid #c1c1c1;
}
.ComServices.planset {
 padding: 30px 20px;
 background-color: #fff;
 border-bottom: 1px solid #c1c1c1;
}
.ComServices.planset.plan1 {
 grid-row-start: 2;
 grid-row-end: 3;
 background-color: #FAFBFD;
}
.ComServices.planset.plan2 {
 grid-row-start: 3;
 grid-row-end: 4;
}
.ComServices.planset.plan3 {
 grid-row-start: 3;
 grid-row-end: 4;
 background-color: #FAFBFD;
}
.comPriceBody .gradeBlue {
 grid-row-start: 2;
 grid-row-end: 5;
 grid-column-start: 1;
 gird-column-end: 2;
 z-index: 0;
 background: linear-gradient(177deg, #1FBEE6 0%, #1C75D4 100%);
}
.ComServices.sv01.svHead {
 border-top: 6px solid #1C75D4;
}
.ComServices.sv02.svHead {
 border-top: 6px solid #1FBEE6;
}
.comPriceBody h3 {
 text-align: center;
 font-weight: bold;
 font-size: 1rem;
 margin-bottom: 15px;
}
.comPriceBody .ex {
 text-align: center;
 margin-top: 30px;
 font-size: 0.777em;
}
.ComServices .price {
 text-align: center;
 margin-bottom: 18px;
}
.ComServices .price_num {
 font-size: 2.22em;
 font-weight: 600;
}
.ComServices .en {
 font-size: 1.33em;
 margin: 0 3px;
}
.ComServices .zei {
 font-size: .88em;
}
.ComServices ul li {
 font-size: 0.83em;
 padding-left: 30px;
 margin: 12px 0;
 line-height: 1.8em;
 background-image: url(img/check.svg);
 background-repeat: no-repeat;
 background-position: 4px 11px;
 background-size: 13px;
}
.ComServices.sv02 ul li {
 background-image: url(img/check2.svg);
}
.ComServices .note {
 font-size: 0.83em;
 line-height: 1.8em;
 letter-spacing: 0.5px;
}
/*Com Footer*/
.logout_btn a {
 display: block;
 margin: 0 auto;
 max-width: 200px;
 text-align: center;
 font-size: 0.8em;
 background-color: #4d4d4d;
 border-radius: 150px;
 line-height: 1em;
 padding: 18px 0;
 border: 1px solid #7c7c7c;
}
.logout_btn {
 margin: 0 0 2em 0;
}
.flexfooterCom {
 display: flex;
 justify-content: space-between;
}
#footer dl.about_company dt, #footer dl.about_company dd {
 padding: 5px 0;
 border: none;
 font-size: 0.72em;
 line-height: 1.3em;
}
#footer dl.about_company dt {
 width: 100px;
}
#footer dl.about_company dd {
 width: calc(100% - 100px);
}
.comfooter .footerSecond {
 justify-content: space-between;
}
.comfooter .footerSecond .in {
 display: flex;
 justify-content: end;
 gap: 50px;
}
.flex_com_purpose.flex {
 justify-content: space-between;
 margin-top: 60px;
}
#COMpurpose {
 position: relative;
}
#COMpurpose:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 background-image: url(img/youtube.svg);
 background-position: center 4em;
 background-repeat: no-repeat;
 background-size: 720px auto;
}
#COMpurpose .wrap {
 position: relative;
 z-index: 3;
}
/*contact
---------------------------------------*/
.contactBody dd input, .contactBody dd textarea, .contactBody dd select {
 font-size: 18px;
 box-sizing: border-box;
 padding: 9px 12px;
 border-radius: 1px;
 border: 1px solid #d8d8d8;
 width: 100%;
 font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", 'Meiryo', 'Osaka', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contactBody dd input[type="radio"], .contactBody dd input[type="checkbox"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 3px;
}
.contactBody label {
 display: inline-block;
 cursor: pointer;
}
.contactBody {
 max-width: 550px;
 margin: 70px auto 0 auto;
}
.contactBody dt {
 font-size: 0.84em;
 font-weight: bold;
 padding-bottom: 5px;
 margin-top: 20px;
}
.contactBody .wpcf7-list-item {
 margin: 0 15px 0 0;
}
.contactBody .wpcf7-list-item.last {
 margin-right: 0;
}
/*LP animation
---------------------------------------*/
.anime1 {
 opacity: 0;
 position: relative;
 transition-delay: 0.05s;
 transition-duration: 0.3s;
}
.anime1c {
 position: relative;
}
#LPmainimage h3, #LPmainimage h1 {
 position: relative;
}
#LPmainimage h3 .anime1c:after, #LPmainimage h1 .anime1c:after {
 content: "";
 width: 0%;
 height: 100%;
 background-color: #fff;
 position: absolute;
 left: 0%;
 top: 0;
 animation-name: topslide;
 animation-direction: normal;
 animation-duration: 1.2s;
 animation-iteration-count: 1;
 animation-delay: 1.4s;
 animation-timing-function: cubic-bezier(0.6, 0.19, 0.45, 1.01);
}
@keyframes topslide {
 0% {
  width: 0%;
  left: 0%;
 }
 40% {
  width: 100%;
  left: 0%;
 }
 100% {
  width: 0%;
  left: 100%;
 }
}
.active .anime1 {
 opacity: 1;
}
#LPmainimage h3 .anime1c:after {
 animation-delay: 1.2s !important;
}
#LPmainimage h3 .anime1 {
 transition-delay: 0.03s !important;
 transition-duration: 0.2s !important;
}
#LPmainimage .active h3:after, #LPmainimage .active h1:after {
 width: 0%;
}
#COMmainimage, #LPmainimage {
 .slide_up {
  position: relative;
  top: 50px;
 }
 .add_ac {
  opacity: 0;
  transition: 0.5s ease-in-out;
 }
 .slide_up.active {
  top: 0;
  opacity: 1;
 }
 .add_ac.active {
  opacity: 1;
 }
 .delay1 {
  transition-delay: 0.2s !important;
 }
 .delay2 {
  transition-delay: 0.4s !important;
 }
 .delay3 {
  transition-delay: 0.6s !important;
 }
 .delay4 {
  transition-delay: 0.8s !important;
 }
}
/*.slide_up {
 position: relative;
 top: 50px;
}
.add_ac {
 opacity: 0;
 transition: 0.5s ease-in-out;
}
.slide_up.active {
 top: 0;
 opacity: 1;
}
.add_ac.active {
 opacity: 1;
}
.delay1 {
 transition-delay: 0.2s !important;
}
.delay2 {
 transition-delay: 0.4s !important;
}
.delay3 {
 transition-delay: 0.6s !important;
}
.delay4 {
 transition-delay: 0.8s !important;
}

.users .flex.active p {
 top: 0;
 opacity: 1;
}
.users .flex p:nth-child(1) {
 transition-delay: 0.2s !important;
}
.users .flex p:nth-child(2) {
 transition-delay: 0.4s !important;
}
.users .flex p:nth-child(3) {
 transition-delay: 0.6s !important;
}*/
/*LP TOP
---------------------------------------*/
#LPmainimage {
 background-image: url(img/dougaeditimages.webp);
 background-size: cover;
 background-repeat: no-repeat;
 position: relative;
 color: #fff;
 height: 100vh;
 padding-top: 30px;
 box-sizing: border-box;
}
#LPmainimage:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background: linear-gradient(90deg, #156F6D, #6A1325);
 opacity: 0.95;
}
#LPmainimage:before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 2;
 background-image: url("img/youtube.svg");
 background-position: center;
 background-repeat: no-repeat;
 background-size: auto 50%;
 opacity: 1;
}
#LPmainimage .wrap {
 position: relative;
 z-index: 2;
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
 box-sizing: border-box;
}
.LPcatch h3 {
 font-size: 1.3em;
 line-height: 1.6em;
 margin-bottom: 1.2em;
}
.LPcatch h1 {
 line-height: 1.5em;
 font-size: 3.3em;
 font-weight: 600;
 margin: 0 0 0.5em 0;
}
.nasdailylogo {
 position: relative;
 width: 315px;
}
.nasdailylogo a {
 text-decoration: none;
 color: #fff;
}
.nasdailylogo .tx {
 position: absolute;
 left: 122px;
 font-size: 0.65em;
 line-height: 1em;
 top: 30px;
 letter-spacing: 0;
}
.LPcatch.flex {
 justify-content: space-between;
 width: 100%;
}
.LPfirst {
 padding: 95px 0;
 text-align: center;
 font-size: 1.33em;
 line-height: 1.6em;
}
.LPfirst .flex {
 justify-content: center;
 gap: 20px;
 margin-top: 50px;
}
.LPfirst .flex div {
 position: relative;
 /*top: 20px;
 opacity: 0;
 transition: 0.2s ease-in-out;*/
}
/*.LPfirst .flex.active div {
 opacity: 1;
 top: 0;
}
.LPfirst .flex div:nth-child(2) {
 transition-delay: 0.4s !important;
}*/
.users .flex p, .LPfirst .flex div {
 border: 1px solid #7B7B7B;
 background-color: hwb(0deg 100% 0% / 5%);
 width: 395px;
 height: 75px;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1.6em;
 font-size: 1rem;
 font-weight: bold;
 padding: 0 1em;
}
.LPfirst .txt img {
 margin-right: 10px;
 position: relative;
 top: -0.4em;
}
.LPfirst .txt {
 line-height: 2em;
 font-weight: bold;
 letter-spacing: 3px;
}
.LPfirst .txt .big {
 font-size: 1.33em;
}
.backMx.oswald {
 font-family: "Oswald", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
 font-size: 6.6em;
 opacity: 0.05;
 letter-spacing: 1px;
 transform: rotate(90deg);
 transform-origin: 0% 0%;
 line-height: 1em;
 position: absolute;
 top: 0;
 left: 1em;
 z-index: 0;
}
.txc.cta a {
 margin: 0 auto;
}
.cta.cat_arrow a {
 background-image: url(img/right-x.svg);
 background-repeat: no-repeat;
 background-position: calc(100% - 15px);
 background-size: 7px auto;
}
.cta.cat_arrow.cta.cat_arrow_no a {
 background-image: none;
}
/*Voice slide
---------------------------------------*/
.mx2 {
 font-size: 1.66rem;
 line-height: 1.6em;
 margin-bottom: 1em;
}
.voiceSlide {
 opacity: 0;
}
.gradeBack {
 background: linear-gradient(90deg, #156F6D, #6A1325);
 color: #fff;
}
.padding110 {
 padding: 110px 0;
}
#TOPvoice {
 position: relative;
}
dl.singleVoice {
 max-width: 660px;
 margin: 0 20px;
 box-sizing: border-box;
 padding: 35px;
 border: 1px solid;
 background-color: hwb(0deg 100% 0% / 5%);
 transition: 0.3s ease-in-out;
}
.singleVoice .left {
 position: relative;
}
.singleVoice .left:after {
 content: "";
 width: 180px;
 height: 2px;
 background: linear-gradient(90deg, #FE2C55, #22F5EE);
 position: absolute;
 left: 0;
 top: 0;
}
.singleVoice .left h3 {
 padding: 25px 0 0 0;
 font-size: 1.55em;
 line-height: 1.6em;
}
.singleVoice dt {
 margin-bottom: 40px;
}
.singleVoice dt.flex {
 justify-content: space-between;
}
.singleVoice .left h3 .small {
 font-size: 0.57em;
 line-height: 1.6em;
 display: block;
}
.singleVoice dd .comment, .singleVoice dd .flex .before, .singleVoice dd .flex .after {
 width: 50%;
 position: relative;
 background-color: #1F3538;
 text-align: center;
 font-size: 0.77em;
 padding: 30px;
 min-height: 126px;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 line-height: 1.7em;
}
.singleVoice dd .m.oswald {
 position: absolute;
 top: -0.5em;
 left: 0;
 font-size: 2.5em;
 line-height: 1em;
 opacity: 0.3;
 font-weight: 500;
 letter-spacing: 0;
 width: 100%;
 text-align: center;
}
.singleVoice dd .comment {
 width: 100%;
 background-color: #2B2B2B;
 margin-top: 40px;
 justify-content: left;
 text-align: left;
 min-height: 150px;
}
.singleVoice dd .flex .after {
 background-color: #741E34;
}
.worksSlide {
 opacity: 0;
}
.worksSlide button.slick-arrow, .voiceSlide button.slick-arrow {
 width: 50px;
 height: 50px;
 overflow: hidden;
 cursor: pointer;
 position: absolute;
 right: calc(50% - 550px);
 top: -70px;
 text-indent: -999px;
 border: 1px solid #fff;
 border-radius: 150%;
 background-color: hsl(0deg 0% 100% / 5%);
 background-image: url(img/right-w.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 6px;
}
.worksSlide button.slick-prev.slick-arrow, .voiceSlide button.slick-prev.slick-arrow {
 right: calc(50% - 550px + 70px);
 transform: rotate(180deg);
}
.worksSlide button.slick-arrow:hover, .voiceSlide button.slick-arrow:hover {
 background-color: hsl(0deg 0% 100% / 20%);
}
.singleVoice .right {
 text-align: center;
}
.singleVoice .right .name {
 font-size: 1.05em;
 line-height: 1.6em;
}
.singleVoice .right .name .small {
 font-size: 0.73em;
}
.comingsoon {
 font-size: 1.3em;
 color: #a3a3a3;
}
#LPmedia.padding110 {
 padding: 50px;
}
/*LPmessage
---------------------------------------*/
.content_ex p {
 margin-bottom: 1.5em;
}
.content_ex {
 letter-spacing: 0.5px;
}
#LPmessage .flex {
 justify-content: space-between;
}
.spList {
 max-width: 450px;
 box-sizing: border-box;
 margin: 40px auto;
}
.spList li {
 background-color: #2B2B2B;
 margin: 10px 0;
 padding: 9px 0 9px 60px;
 letter-spacing: 1px;
 background-image: url(img/check_w.svg);
 background-repeat: no-repeat;
 background-position: 25px center;
 background-size: 19px auto;
}
.fsSelect {
 font-size: 3.72em;
 line-height: 1em;
 display: flex;
 justify-content: center;
 gap: 2em;
}
.fsSelect a {
 font-size: 1.2em;
 color: #fff;
}
/*LPcurriculum
---------------------------------------*/
#LPcurriculum {
 position: relative;
}
#LPcurriculum h2 {
 text-align: center;
 margin-bottom: 50px;
 font-size: 2.33em;
 line-height: 1.6em;
}
#LPcurriculum h2 .small {
 display: block;
 font-size: 0.76em;
 line-height: 1.3em;
}
.flex.style1 {
 justify-content: center;
 gap: 50px;
}
.flex.style1 .left {
 display: flex;
 align-items: center;
}
.flex.style2 {
 justify-content: center;
 gap: 50px;
 margin: 20px auto;
}
.flex.style2 .right {
 display: flex;
 align-items: center;
}
/*LPcommitment
---------------------------------------*/
#LPcommitment .flex.style2-1 {
 margin: 0 0 110px 0;
 gap: 50px;
 justify-content: space-between;
 position: relative;
}
.lpH2 {
 text-align: center;
 margin-bottom: 1em;
 font-size: 1.66em;
 line-height: 1.6em;
}
#LPcommitment.lpH2 {
 margin-bottom: 4em;
}
#LPcommitment .text_content h3 {
 position: relative;
 font-size: 1.38em;
 line-height: 1.6em;
 padding-bottom: 20px;
 margin-bottom: 20px;
}
#LPcommitment .text_content h3 .num {
 position: absolute;
 left: -0.5em;
 top: -0.5em;
 font-size: 5.2em;
 line-height: 1em;
 opacity: 0.2;
}
.flex.style2-1 .img_content, .flex.style2-1 .text_content {
 width: calc(50% - 25px);
}
.flex.style2-1 .text_content p {
 font-size: 0.83em;
 letter-spacing: 1px;
 margin-bottom: 1em;
}
#LPcommitment .flex.style2-1.flex_reverse {
 flex-direction: row-reverse;
}
#LPcommitment .text_content h3:after {
 content: "";
 width: calc(50vw - 25px);
 height: 1px;
 background-color: #fff;
 position: absolute;
 left: calc((50vw - 550px) * -1);
 bottom: 0;
}
#LPcommitment .flex.style2-1.flex_reverse h3:after {
 left: auto;
 right: calc((50vw - 550px) * -1);
}
#LPcommitment {
 overflow: hidden;
}
/*LP Users*/
.users .flex {
 gap: 20px;
 text-align: center;
 position: relative;
 margin-bottom: 105px;
}
.users .flex p {
 line-height: 1.6em;
 min-height: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 0.88em;
 position: relative;
 /*top: 20px;
 transition: 0.3s linear;
 opacity: 0;*/
}
.users .flex:after {
 content: "";
 bottom: -120px;
 position: absolute;
 left: calc(50% - 120px);
 border-width: 40px 120px;
 border-style: solid;
 border-color: #fff transparent transparent transparent;
 opacity: 0.1;
}
/*LP Price*/
#LPprice {
 position: relative;
}
.lp_price_box .flex.sec1 {
 gap: 26px;
}
.lp_price_box .mainPrice {
 width: calc(33% - 13px);
}
.lp_price_box .mainPrice .plus {
 position: absolute;
 right: -45px;
 width: 60px;
 height: 60px;
 background-color: #FE2C55;
 z-index: 1;
 border-radius: 150%;
 top: 38%;
 background-position: center;
 background-repeat: no-repeat;
 background-image: url(img/plus.svg);
 background-size: 15px auto;
}
.lp_price_box .mainPrice .pBox {
 position: relative;
}
.lp_price_box .option.flex {
 width: calc(66.6666% - 13px);
}
.lp_price_box .pBox {
 border: 1px solid #6E6E6E;
 padding: 35px;
 box-sizing: border-box;
}
.lp_price_box .mainPrice .pBox {
 border-color: #FE2C55;
 height: 100%;
}
.lp_price_box .option.flex {
 flex-wrap: wrap;
}
.lp_price_box .option.flex .in, .lp_price_box .option.flex .option_note {
 width: 100%;
}
.lp_price_box .option.flex .option_note {
 background-color: #22F5EE;
 text-align: center;
 color: #333333;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-top: 20px;
 min-height: 40px;
 box-sizing: border-box;
}
.lp_price_box .option.flex .in {
 gap: 26px;
 position: relative;
}
.lp_price_box .option.flex .in .OR {
 position: absolute;
 left: calc(50% - 30px);
 width: 60px;
 height: 60px;
 background-color: #fff;
 color: #333333;
 line-height: 1em;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 150px;
 top: calc(50% - 30px);
 z-index: 1;
}
.lp_price_box .option.flex .in .pBox {
 width: 50%;
}
.lp_price_box .pBox .title {
 font-size: 1.12em;
 font-weight: bold;
 line-height: 1.6em;
 margin-bottom: 8px;
}
.lp_price_box .pBox .price {
 font-size: 3em;
 font-weight: bold;
 line-height: 1.3em;
 margin-bottom: 10px;
}
.lp_price_box .pBox .yen {
 font-size: 0.75em;
 font-weight: 400;
}
.lp_price_box .pBox .zei {
 font-size: 0.29em;
 font-weight: 400;
 margin-left: 8px;
}
.lp_price_box .pBox .price .oswald {
 font-weight: 600;
}
.lp_price_box .pBox .includeList li {
 font-size: 0.8em;
 line-height: 1.3em;
 background-color: #393939;
 margin-bottom: 10px;
 text-align: center;
 box-sizing: border-box;
 height: 42px;
 display: flex;
 justify-content: center;
 align-items: center;
}
.lp_price_box .pBox .includeList.op1 li {
 height: 60px;
}
.lp_price_box .pBox .includeList.op2 li {
 height: 95px;
}
.lp_price_box .pBox .includeList li:last-child {
 margin-bottom: 0px;
}
/*TOPwrok
---------------------------------------*/
#TOPwrok {
 position: relative;
}
.worksSlide_in {
 width: 100%;
}
.worksSlide .workS {
 max-width: 250px;
 margin: 0 20px;
}
.worksSlide .slick-list.draggable {
 padding: 0 !important;
}
.worksSlide .workS dd {
 text-align: center;
 line-height: 1.4em;
}
.worksSlide .workS dd a {
 text-decoration: none;
 color: #fff;
}
.worksSlide .workS dd h3 {
 margin: 10px 0 4px 0;
 font-size: 0.9em;
}
.worksSlide .workS dd .number {
 font-size: 0.77em;
}
.worksSlide .workS dd .service {
 font-size: 0.833em;
 line-height: 1.3em;
}
/*LPProfile
---------------------------------------*/
#LPcompany .left {
 width: 60%;
 background-color: hwb(0deg 50% 50% / 10%);
 box-sizing: border-box;
 padding: 35px;
 position: relative;
 padding-left: 180px;
}
#LPcompany .right {
 width: 40%;
}
#LPcompany .lpH2 {
 margin-bottom: 55px;
}
#LPcompany {
 position: relative;
}
#LPcompany .flex {
 gap: 50px;
 padding-left: 50px;
}
#LPcompany .left .thumb {
 position: absolute;
 left: -65px;
 top: -140px;
 z-index: 0;
}
#LPcompany .left .thumb img {
 width: 200px;
}
#LPcompany .left .ceo {
 font-size: 0.88em;
 line-height: 1.3em;
 margin-bottom: 25px;
}
#LPcompany .left h3 {
 font-size: 1.6em;
 line-height: 1.4em;
 letter-spacing: 4px;
}
#LPcompany .left h3 .stitle {
 font-size: 0.6em;
 margin-right: 8px;
}
#LPcompany .left .sub {
 font-size: 0.6666667em;
 color: #A2A2A2;
 line-height: 1em;
}
#LPcompany .left .ex {
 margin-top: 25px;
 font-size: 0.83em;
 letter-spacing: 1px;
}
#LPcompany .right .clogo {
 margin-bottom: 15px;
}
#LPcompany .line {
 height: 1px;
 width: 60px;
 position: absolute;
 left: 100px;
 top: 44px;
 background-color: #808080;
 z-index: 2;
}
#LPcompany .line:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 50%;
 background-color: #fff;
 height: 100%;
}
dl.about_company {
 display: flex;
 flex-wrap: wrap;
 word-break: break-all;
}
dl.about_company dt {
 width: 140px;
 padding: 20px 0;
 border-bottom: 1px solid #D3D3D3;
}
dl.about_company dd {
 padding: 20px 0;
 width: calc(100% - 140px);
 border-bottom: 1px solid #D3D3D3;
}
ul.snsLinks {
 display: flex;
 gap: 20px;
 padding-top: 10px;
}
ul.snsLinks li.note {
 position: relative;
 top: -2px;
}
/*LPfaq
---------------------------------------*/
.faqList {
 max-width: 800px;
 margin: 0 auto;
}
.faqList dd {
 display: none;
 font-size: 0.93em;
 line-height: 2em;
 position: relative;
 padding: 15px 55px 25px 60px;
}
.faqList li {
 margin-bottom: 20px;
 border: 1px solid #6E6E6E;
 background-color: hsl(0deg 0% 100% / 5%);
 font-weight: 600;
 font-size: 0.888em;
 line-height: 1.4em;
 position: relative;
}
.faqList li:before, .faqList li:after {
 content: "";
 width: 14px;
 height: 1px;
 position: absolute;
 background-color: #fff;
 right: 25px;
 top: 36px;
}
.faqList li:after {
 transform: rotate(90deg);
 transition: 0.3s ease-in-out;
}
.faqList li.active::after {
 transform: rotate(0deg);
 opacity: 0;
}
.faqList dt {
 position: relative;
 padding: 25px 55px 25px 60px;
 cursor: pointer;
}
.faqList dt:before {
 content: "Q.";
 position: absolute;
 left: 20px;
 font-family: "Oswald", sans-serif;
 font-size: 1.9rem;
 line-height: 1em;
 font-weight: 400;
 color: #22F5EE;
 top: 16px;
}
.faqList dd:before {
 content: "A.";
 position: absolute;
 left: 20px;
 font-family: "Oswald", sans-serif;
 font-size: 1.9rem;
 line-height: 1em;
 font-weight: 400;
 color: #F13159;
 top: 12px;
}
/*Media
---------------------------------------*/
ul.media_list {
 display: flex;
 gap: 20px;
 text-align: center;
 justify-content: center;
}
ul.media_list li a {
 text-decoration: none;
 color: initial;
}
ul.media_list li dd {
 font-size: 0.77em;
 line-height: 1.4em;
 margin-top: 10px;
 text-align: left;
 padding: 1px 1em;
}
ul.media_list li {
 max-width: 400px;
 width: 33.333%;
}
ul.media_list li .media a {
 background: linear-gradient(90deg, #156F6D, #6A1325);
 display: inline-block;
 padding: 3px 10px;
 color: #fff;
 margin-bottom: 5px;
}
/*Memnbers name
---------------------------------------*/
.members_navi #mmNav {
 opacity: 0;
 visibility: hidden;
 width: 360px;
 left: 0;
 top: 0;
 z-index: 200;
 height: 100vh;
 background-color: #212121;
 box-sizing: border-box;
 padding: 50px 20px 20px 20px;
 color: #fff;
 position: fixed;
 transition: 0.3s ease-in-out;
 transform: translate(-360px, 0px);
 font-size: 0.9em;
}
.admin-bar .members_navi #mmNav {
 padding-top: calc(50px + 46px);
}
.members_navi #mmNav.active {
 opacity: 1;
 visibility: visible;
 transform: translate(0px, 0px);
}
#mmNav .mmclose {
 position: absolute;
 top: 10px;
 right: 20px;
 width: 20px;
 height: 20px;
 transform: rotate(45deg);
 cursor: pointer;
 z-index: 10;
}
.admin-bar #mmNav .mmclose {
 top: calc(46px + 15px);
}
#mmNav .mmclose:after, #mmNav .mmclose:before {
 content: "";
 height: 2px;
 width: 100%;
 top: 9px;
 left: 0;
 background-color: #fff;
 position: absolute;
}
#mmNav .mmclose:after {
 transform: rotate(90deg);
}
@media only screen and (max-width: 640px) {
 .members_navi #mmNav {
  width: 260px;
  transform: translate(-260px, 0px);
 }
 /*640px*/
}
#mmNav ul.sub-menu {
 padding-left: 10px;
 margin-bottom: 15px;
}
#mmNav li {
 line-height: 1.3em;
 margin: 10px 0;
}
.members_navi .menu-membernav-container {
 height: 100%;
 overflow: auto;
 padding-bottom: 30px;
 box-sizing: border-box;
}
.members_navi #mmNav a {
 color: #fff;
 text-decoration: none;
}
.members_navi #mmbtn {
 display: inline-block;
 background-color: #212121;
 padding: 7px 15px 7px 40px;
 border-radius: 6px;
 border: 1px solid #aaa;
 position: relative;
 cursor: pointer;
 z-index: 101;
}
.members_navi #mmbtn:after {
 content: "";
 position: absolute;
 left: 12px;
 top: 15px;
 height: 12px;
 width: 15px;
 border-bottom: 2px solid #fff;
 border-top: 2px solid #fff;
}
.members_navi #mmbtn:before {
 content: "";
 position: absolute;
 left: 12px;
 top: 22px;
 width: 15px;
 height: 2px;
 background-color: #fff;
}
#move_member_page {
 position: fixed;
 bottom: -30px;
 opacity: 0;
 transition: 0.3s ease-in-out;
 left: 0;
 width: 100%;
 padding: 30px 5%;
 text-align: center;
 background: linear-gradient(90deg, #156f6de0, #6a1325e0);
 color: #fff;
 z-index: 90;
 box-sizing: border-box;
}
#move_member_page.active {
 bottom: 0;
 opacity: 1;
}
#move_member_page a {
 color: #fff;
 text-decoration: none;
 display: block;
 background-color: #004f44c7;
 margin: 0 auto;
 max-width: 320px;
 border-radius: 150px;
 padding: 9px 0 11px 0;
 border: 1px solid #8b111170;
}
body.single-contents #lp_style_header h1 {
 font-size: 2.6em;
}
.lp_style_page .content_post h2 {
 color: #fff;
 font-size: 1.5em;
}
.lp_style_page .content_post h3 {
 background-color: #ffffff0a;
 padding: 15px;
 font-size: 1.2em;
}
.lp_style_page .content_post h4 {
 color: #fff;
 border-color: #fff;
}
.lp_style_page .content_post table th, .lp_style_page .content_post table td {
 line-height: 1.4em;
}
.content_post .wp-block-video {
 max-width: 640px;
}
.content_post .mejs-container * {
 margin-bottom: 0;
}
.content_post .mejs-time {
 padding-top: 9px;
}
.mejs-container .mejs-controls {
 padding-right: 40px;
}
.content_post .border-box1 {
 padding: 20px;
 border: 1px solid #ffffff5e;
}
/*footer
---------------------------------------*/
#footer {
 padding: 50px 0 30px 0;
}
#pagetop {
 position: fixed;
 right: 10px;
 bottom: 10px;
 z-index: 100;
}
#pagetop a {
 background-image: url(img/right-w.svg);
 border-radius: 150%;
 transform: rotate(270deg);
 background-color: #212121;
 display: block;
 height: 50px;
 width: 50px;
 background-position: center;
 background-size: 7px auto;
 background-repeat: no-repeat;
 border: 1px solid #9A9A9A;
}
#footer .footerLogo {
 margin-bottom: 50px;
}
.footerNav {
 display: flex;
 gap: 40px;
}
#footer a {
 color: #fff;
 text-decoration: none;
}
.footerNav li {
 font-size: 0.83em;
}
.footerFirst {
 padding-bottom: 40px;
 border-bottom: 1px solid #383838;
 margin-bottom: 30px;
}
.flex.footerFirst {
 display: flex;
 justify-content: space-between;
}
.flex.footerFirst ul.snsLinks {
 padding-top: 0;
}
.footerSecond {
 display: flex;
 justify-content: end;
 gap: 50px;
}
.footerSecond * {
 font-size: 0.72rem;
}
.footerSecond #menu-footer_sub {
 display: flex;
 gap: 50px;
}
.footerSecond #copyright small {
 letter-spacing: 0;
 color: #959595;
 font-size: 0.8rem;
}
/*contant
---------------------------------------*/
.post-password-form input[name="post_password"] {
 border: 1px solid #6c6c6caa;
 border-radius: 150px;
 font-size: 18px;
 padding: 6px 17px;
 background-color: #ffffffb0;
}
.post-password-form input[type="submit"] {
 border: 1px solid #ffffffaa;
 border-radius: 150px;
 padding: 7px 17px;
 background-color: #000000b0;
 font-weight: bold;
 color: #fff;
 cursor: pointer;
}
/*archive
---------------------------------------*/
.news_list li {
 position: relative;
 padding: 15px;
 border-bottom: 1px solid #c6c6c6;
 border-radius: 5px;
 margin-bottom: 10px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.news_list li:hover {
 background-color: #f3f3f3;
}
.news_list li a.hv {
 display: block;
 width: 100%;
 position: absolute;
 left: 0;
 height: 100%;
 top: 0;
 z-index: 1;
}
.news_list li .ex {
 font-size: 0.85em;
 line-height: 1.4em;
 padding-left: 2em;
 padding-top: 5px;
}
.news_list li .date {
 width: 150px;
}
.news_list li .cat {
 width: calc(100% - 150px);
}
.news_list li .cat .cat_ {
 background-color: #000;
 color: #fff;
 font-size: 0.75em;
 display: inline-block;
 padding: 4px 10px;
 line-height: 1em;
 margin: 0 1px 1px 0;
}
.news_list li .title {
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.5em;
 margin: 5px 0 0 0;
}
.news_list {
 padding: 30px 0;
}
.more_news {
 background-color: #000;
 max-width: 220px;
 margin: 0 auto;
 text-align: center;
}
.more_news a {
 display: block;
 color: #fff;
 text-decoration: none;
 padding: 4px 0;
 font-size: 0.9em;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.more_news a:hover {
 background-color: #171717;
}
#archive_title {
 font-size: 1.8em;
 text-align: center;
 line-height: 1.6em;
 padding-bottom: 15px;
 margin-bottom: 15px;
 position: relative;
}
#archive_title:after {
 content: "";
 width: 4%;
 left: 48%;
 height: 1px;
 border-bottom: dotted 2px #929292;
 display: block;
 position: absolute;
 bottom: 0;
}
.archive_post {
 padding-bottom: 20px;
 padding-top: 15px;
}
.archive_post li {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom: dotted 1px #ddd;
 overflow: hidden;
}
.archive_post li dt {
 float: left;
 width: 15%;
 text-align: center;
}
.archive_post li dt img {
 max-width: 100%;
 height: auto;
}
.archive_post li dd {
 float: right;
 width: 82%;
}
.archive_post li dd .archive_title {
 font-weight: bold;
 font-size: 1.4em;
 line-height: 1.4em;
 margin-bottom: 5px;
}
.archive_post li dd .ex {
 font-size: 0.9em;
 line-height: 1.1em;
 color: #666;
}
/*searchform sou
---------------------------------------*/
.widget_search {
 position: relative;
}
.widget_search input[type="search"] {
 padding: 12px 30px 10px 10px;
 border-radius: 4px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #f7f7f7;
 border: 1px solid #eaeaea;
}
.widget_search .wp-block-search__button {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 4px;
 top: 8px;
 background-size: 72% auto;
 background-image: url(img/SVG/search_gray.svg);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
 opacity: 0.4;
 margin: 0;
 background-position: center;
}
.searchform, #searchform {
 clear: both;
 position: relative;
 padding-bottom: 5px;
 padding-top: 5px;
 margin: 0 auto;
}
#searchform label.screen-reader-text {
 display: none;
}
.searchform input[type="text"], #searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #fff;
}
.searchform input[type="submit"], #searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 8px;
 top: 6px;
 background-size: 100% auto;
 background-image: url(img/search.png);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
input[type="submit"] {
 cursor: pointer;
}
/*contact sou
---------------------------------------*/
.hissu {
 font-size: 0.66rem;
 font-weight: bold;
 margin-left: 5px;
 background-color: #D9534F;
 color: #fff;
 padding: 6px 7px;
 border-radius: 5px;
 display: inline-block;
 line-height: 1em;
 position: relative;
 top: -1px;
}
.nini {
 background-color: #84c9ed;
 font-size: 0.66rem;
 font-weight: bold;
 margin-left: 10px;
 color: #fff;
 padding: 6px 7px;
 border-radius: 5px;
 display: inline-block;
 line-height: 1em;
 position: relative;
 top: -1px;
}
.wpcf7 form .wpcf7-response-output {
 background-color: #4bc555;
 text-align: center;
 color: #fff;
 font-weight: bold;
 border: 1px solid #4bc555;
 border-radius: 12px;
 padding: 1em;
 line-height: 1.3em;
}
.wpcf7 form .wpcf7-response-output {
 padding: 1em !important;
 font-size: 0.8em;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7-mail-sent-ok {
 background-color: #2F95D5;
 border: 1px solid #2F95D5;
}
.wpcf7-validation-errors, .wpcf7 form.invalid .wpcf7-response-output {
 background-color: #9c4243;
 border: 1px solid #9c4243;
}
.content_post .basic_form dt {
 width: 200px;
 line-height: 1.3em;
 padding: 7px 5px;
 box-sizing: border-box;
}
.content_post .basic_form dd {
 padding: 7px 5px;
 line-height: 1.3em;
 border-bottom: dotted 1px #c5c5c5;
 box-sizing: border-box;
 width: calc(100% - 200px);
 margin: 0;
}
.content_post .basic_form {
 padding-top: 6px;
 max-width: 760px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
}
.content_post .basic_form p {
 margin-bottom: 0;
}
.content_post .basic_form label {
 display: inline-block;
 cursor: pointer;
 padding: 4px 10px 3px 10px;
 background-color: #f3f3f3;
 border-radius: 4px;
 line-height: 1.1em;
 margin: 2px 2px;
}
.content_post .basic_form input[type="radio"], .content_post .basic_form input[type="checkbox"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 2px;
}
.wpcf7-list-item label {
 display: inline-block;
 cursor: pointer;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.content_post .yellow strong {
 background: #f9f970; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .orange strong {
 background: #FFE3D0; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .blue strong {
 background: #AEE4FF; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .green strong {
 background: #B4FFBC; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .pink strong {
 background: #FFD5F9; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 padding-top: 15px;
 clear: both;
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
 margin-top: 10px;
 font-size: 1.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 3px 10px;
 margin: 2px;
 border: #666 solid 1px;
 display: inline-block;
 background-color: #666;
 color: #fff;
 border-radius: 5px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.wp-pagenavi a:hover {
 background-color: transparent;
 color: #666;
}
.wp-pagenavi span.current {
 font-weight: bold;
 border: none;
 background-color: transparent;
 color: #666;
}
#page_link {
 padding: 30px 5px;
 overflow: hidden;
 border-top: 1px dotted #aaa;
 display: flex;
 margin-top: 30px;
 column-gap: 30px;
}
#page_link .page_link {
 width: 50%;
}
#page_link .page_link a {
 display: flex;
 text-decoration: none;
 color: initial;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#page_link .page_link a:hover {
 background-color: #f3f3f3;
}
#page_link .page_link a .thumb {
 width: 150px;
 box-sizing: border-box;
 padding: 0 25px 0 0;
}
#page_link .page_link.page_next a .thumb {
 padding: 0 0 0 25px;
}
#page_link .page_link a .title {
 width: calc(100% - 150px);
 display: flex;
 align-items: center;
 font-size: 0.85em;
}
#page_link .page_link.page_next a {
 flex-direction: row-reverse;
}
#page_link .page_link.page_next a .title {
 text-align: right;
}
#page_link span {
 box-sizing: border-box;
}
#page_link .previous {
 float: left;
 text-align: left;
 padding-right: 0;
 margin-bottom: 5px;
}
#page_link .next {
 text-align: right;
 padding-left: 0;
 float: right;
}
#page_link span a {
 padding: 16px 25px;
 display: block;
 font-size: 0.9em;
 border-radius: 5px;
 font-weight: bold;
 line-height: 1.3em;
 text-decoration: none;
 border: 1px solid #d8d8d8;
 background-size: 8px auto;
 color: #333;
 background-color: #f7f7f7;
 box-shadow: 2px 2px 0 #e0e0e0;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#page_link span a:hover {
 background-color: #E0E0E0;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
.social_links {
 display: flex;
 flex-wrap: wrap;
 padding: 5px 0;
}
.social_links li {
 width: 33.333%;
}
.social_links li span, .social_links li a {
 display: block;
 text-decoration: none;
 background-color: #388cff;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding: 7px 5px 7px 50px;
 border-radius: 2px;
 margin: 0 3px 3px 0;
 background-position: 19px center;
 background-repeat: no-repeat;
 background-size: auto 16px;
 cursor: pointer;
}
.social_links li span:hover, .social_links li a:hover {
 opacity: 0.7;
}
.social_links li.b_fb a {
 background-color: #226cc0;
 background-image: url(img/SVG/fb.svg);
}
.social_links li.b_ha a {
 background-image: url(img/SVG/b.svg);
}
.social_links li.b_tw a {
 background-color: #2cafef;
 background-image: url(img/SVG/tw.svg);
}
.social_links li.b_li a {
 background-color: #36af18;
 background-image: url(img/SVG/line_w.svg);
}
.social_links li.b_po a {
 background-color: #ec5a7a;
 background-image: url(img/SVG/po_w.svg);
}
.social_links li.b_sk span {
 background-color: #ea8729;
 background-image: url(img/SVG/like.svg);
}
/*pankuzu
---------------------------------------*/
#pankuzu {
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 0.7em;
 line-height: 1.2em;
 color: #838383;
 font-weight: 400;
 margin-bottom: 20px;
}
#pankuzu a {
 text-decoration: none;
 color: #838383;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 15px;
 text-align: left;
 word-wrap: break-word;
 font-size: 16.5px;
 font-weight: 400;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 2em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post figure.wp-block-image {
 margin: 1.5em 0;
}
.content_post img {
 max-width: 100%;
 height: auto;
}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post .wp-block-gallery ul li {
 list-style: none;
 margin: inherit;
}
.content_post .wp-block-gallery ul li figcaption {
 box-sizing: border-box;
}
.content_post .wp-block-gallery ul li figure {
 position: relative;
}
.content_post .wp-block-gallery ul li img {
 width: 100%;
}
.content_post code {
 background-color: #f4f4f4;
 padding: 5px 8px;
 border: 1px solid #dcdcdc;
 border-radius: 5px;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ul ul, .content_post ol ol {
 padding-top: 10px;
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post ol.maru_number li:nth-child(1):after {
 content: "①";
}
.content_post ol.maru_number li:nth-child(2):after {
 content: "②";
}
.content_post ol.maru_number li:nth-child(3):after {
 content: "③";
}
.content_post ol.maru_number li:nth-child(4):after {
 content: "④";
}
.content_post ol.maru_number li:nth-child(5):after {
 content: "⑤";
}
.content_post ol.maru_number li:nth-child(6):after {
 content: "⑥";
}
.content_post ol.maru_number li:nth-child(7):after {
 content: "⑦";
}
.content_post ol.maru_number li:nth-child(8):after {
 content: "⑧";
}
.content_post ol.maru_number li:nth-child(9):after {
 content: "⑨";
}
.content_post ol.maru_number li:nth-child(10):after {
 content: "⑩";
}
.content_post ol.maru_number li:nth-child(11):after {
 content: "⑪";
}
.content_post ol.maru_number li:nth-child(12):after {
 content: "⑫";
}
.content_post ol.maru_number li:nth-child(13):after {
 content: "⑬";
}
.content_post ol.maru_number li:nth-child(14):after {
 content: "⑭";
}
.content_post ol.maru_number li:nth-child(15):after {
 content: "⑮";
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 1em 0 0.5em 0;
 line-height: 1.2em;
 padding: 5px 0;
}
.content_post h2 {
 display: block;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.6em;
 margin-left: 0;
 padding: 5px 0;
 clear: both;
 font-size: 1.8em;
 line-height: 1.2em;
 color: #212121;
}
.content_post h3 {
 display: block;
 font-size: 1.4em;
 margin-top: 1.5em;
 margin-bottom: 1em;
 margin-left: 0px;
 clear: both;
 line-height: 1.2em;
}
.content_post h4 {
 display: block;
 font-size: 1.2em;
 margin-top: 1.41em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 clear: both;
 padding-left: 10px;
 line-height: 1.3em;
 color: #212121;
 border-bottom: 2px solid #212121;
 padding: 0 2px 5px 2px;
}
.content_post h5 {
 background-color: #eee;
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-bottom: 0px;
 line-height: 1em;
 padding: 8px 10px 9px 11px;
 position: relative;
 border-radius: 4px;
 border-left: #212121 solid 7px;
}
.content_post h6 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 5px;
 padding-left: 2px;
 padding-bottom: 5px;
 color: #9fb729;
 border-top: 1px #9fb729 solid;
 border-bottom: 1px #9fb729 solid;
}
.content_post h1:first-child, .content_post h2:first-child, .content_post h3:first-child, .content_post h4:first-child {
 margin-top: 0;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post ul li.blocks-gallery-item {
 padding-left: 0;
 padding-right: 0;
}
.content_post table {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 8px 6px;
 border: 1px solid #aaa;
}
.tokusho_table td:first-child {
 width: 180px;
}
/*.content_post dl dt {
 font-weight: bold;
 font-size: 1.2em;
}
.content_post dl dd {
 margin-bottom: 1em;
 margin-left: 1em;
 background-color: #f1f1f1;
 padding: 20px;
 border-radius: 12px;
 box-shadow: 2px 2px 0 #d5d5d5;
 margin-top: 18px;
 position: relative;
}
.content_post dl dd:after {
 content: "";
 position: absolute;
 left: 15px;
 top: -18px;
 border-style: solid;
 border-width: 10px;
 border-color: transparent transparent #f1f1f1 #f1f1f1;
}*/
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 90%;
 padding: 15px 3%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 display: block;
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 left: -5px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
 right: -5px;
}
.content_post .wp-block-column {
 margin-bottom: 0;
}
.content_post pre {
 background-color: #f4f4f4;
 padding: 15px 20px;
 border-radius: 8px;
 box-shadow: inset 2px 3px 2px #cecece;
}
/*page
---------------------------------------*/
.page_content .content_post a, .page_content .content_post a:link {
 color: #fff;
}
.page_content .content_post a:visited {
 color: #ebebeb;
}
#lp_style_header h1 {
 line-height: 1.3em;
}
#lp_style_header {
 padding: 20px 0 60px 0;
}
.page_head.back_image {
 height: 350px;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center bottom;
}
.page_head.back_image:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 0;
 left: 0;
 top: 0;
 background-color: #00000082;
}
.page_head.back_image h1 {
 position: relative;
 z-index: 2;
 font-size: 2.2em;
 line-height: 1.3em;
}
.page_head {
 text-align: center;
 padding: 50px 0;
 background-color: #3f3f3f;
 color: #fff;
}
.page_head.lppage {
 background: linear-gradient(45deg, #3b1717 0%, #112d24 100%);
 color: #fff;
}
.page_head h1 {
 font-size: 2em;
 padding-right: 1em;
 padding-left: 1em;
 line-height: 1.3em;
}
.content_post .w600 {
 max-width: 600px;
 margin: 1.5em auto;
}
.content_post .w700 {
 max-width: 700px;
 margin: 1.5em auto;
}
.content_post .w800 {
 max-width: 800px;
 margin: 1.5em auto;
}
.content_post .w900 {
 max-width: 900px;
 margin: 1.5em auto;
}
.content_post .gray_list li {
 list-style: none;
 background-color: #f8f8f8;
 padding: 15px 1em;
 margin-left: 0;
 font-weight: bold;
}
.content_post .wp-block-columns.reverse {
 flex-direction: row-reverse;
}
.content_post .table_bottom_border td {
 border: none;
 box-sizing: border-box;
 padding: 15px;
 border-bottom: 1px solid #aaa;
}
.page_head.back_image {
 height: 350px;
 display: flex;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 position: relative;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center;
}
.page_head.back_image:before {
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 0;
 left: 0;
 top: 0;
 background-color: #00000082;
}
.page_head.back_image h1 {
 position: relative;
 z-index: 2;
 font-size: 2.5em;
 line-height: 1.3em;
}
.content_post .about_dl dt {
 padding: 6px;
 float: left;
 clear: both;
 width: 15%;
}
.content_post .about_dl dd {
 padding: 6px 6px 6px 17%;
 float: none;
 border-bottom: dotted 1px #ddd;
 margin-left: 0;
 margin-bottom: 0;
}
.wp-block-table.about_table td:first-child {
 width: 150px;
 background-color: #e7e7e787;
}
.wp-block-table.about_table td {
 padding: 10px 12px;
 border: none;
 border-bottom: 1px solid #b0b0b061;
}
/*single
---------------------------------------*/
#single_title {
 font-size: 1.6em;
 margin: 1em 0 0.5em 0;
}
.post_meta span {
 display: inline-block;
 margin: 0 0 0 5px;
}
.post_meta span a {
 color: #3bafff;
 text-decoration: none;
 font-size: 0.95em;
}
.post_meta {
 font-size: 0.95em;
 margin-bottom: 20px;
}
.post-categories li {
 float: right;
}
.post-categories li a {
 display: block;
 margin: 2px;
 padding: 3px 13px;
 font-size: 1em;
 text-align: center;
 border-radius: 5px;
 background-color: #999;
 color: #fff;
 line-height: 1.2em;
 text-decoration: none;
}
.post-tags {
 overflow: hidden;
 padding: 5px 0;
}
.post-tags li {
 float: left;
}
.post-tags li a {
 display: block;
 margin: 0 3px 3px 0;
 border: 1px solid #409ae3;
 border-radius: 0 5px 5px 5px;
 line-height: 1em;
 font-size: 0.85em;
 text-decoration: none;
 font-weight: bold;
 color: #409ae3;
 padding: 5px 8px 4px 16px;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 box-shadow: 2px 2px 0 #b9ddfa;
}
.post-tags li a:hover {
 background-color: #409ae3;
 color: #fff;
}
.post-tags li a:after {
 content: "";
 width: 4px;
 height: 4px;
 border: 1px solid #409ae3;
 position: absolute;
 left: 3px;
 top: 3px;
 border-radius: 54%;
 background-color: #fff;
 box-shadow: inset 1px 1px 0 #b9ddfa;
}
.page_title {
 font-size: 2em;
 line-height: 1.2em;
 padding: 10px 0;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
.comments_title {
 font-size: 1em;
 line-height: 1.6em;
}
/*Recruit
---------------------------------------*/
.recruit_overview {
 padding: 20px;
 background-color: #f6f6f6;
 border-radius: 12px;
 box-shadow: 3px 3px 0 #e4e4e4;
}
.career_detail {
 display: flex;
 flex-wrap: wrap;
}
.content_post .career_detail dt {
 width: 130px;
 box-sizing: border-box;
 padding: 8px 12px;
 border-bottom: 2px solid #aaa;
}
.content_post .career_detail dd {
 width: calc(100% - 130px);
 box-sizing: border-box;
 padding: 8px 12px;
 border-bottom: 1px solid #aaa;
 margin: 0;
}
/*sitemap
---------------------------------------*/
.sitemap_body {
 display: flex;
 flex-wrap: wrap;
}
.sitemap_body > div {
 width: 33.3333%;
 box-sizing: border-box;
 padding-right: 15px;
}
.sitemap_body li a {
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 color: inherit;
}
.sitemap_body li a:after {
 content: "";
 width: 9px;
 height: 9px;
 position: absolute;
 left: 0;
 top: 6px;
 background-color: #9f9f9f;
}
.sitemap_body li li a:after {
 content: "";
 position: absolute;
 left: 2px;
 top: 5px;
 width: 0;
 height: 0;
 background-color: transparent;
 border-style: solid;
 border-width: 4px 6px;
 border-color: transparent transparent transparent #ff7417;
}
.sitemap_body li li a {
 position: relative;
 padding-left: 17px;
 text-decoration: none;
 font-size: 0.95em;
 color: #3e3a39;
}
.sitemap_body li li li a {
 font-weight: 500;
 padding-left: 3px;
}
.sitemap_body li li li a:after {
 display: none;
}
.content_post .sitemap_body li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 15px;
}
.content_post .sitemap_body li li {
 margin-bottom: 10px;
}
.content_post .sitemap_body li ul {
 padding-top: 10px;
 padding-left: 9px;
}
.content_post .sitemap_body li ul ul {
 padding-left: 14px;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.mt0 {
 margin-top: 0px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}