@charset "UTF-8";
/* Faundation ======================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

html {
  font-family: -apple-system, BlinkMacSystemFont, "segoe UI", "Hiragino sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6, thead, th {
  font-weight: normal;
  clear: both; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

img {
  border: 0;
  vertical-align: bottom; }

ul, dl, ol {
  text-indent: 0; }

li {
  list-style: none;
  list-style-position: outside; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input[type=image] {
  vertical-align: bottom; }

*, *::before, *::after {
  box-sizing: border-box; }

body {
  background: #F5F5F5;
  line-height: 1.75; }

a {
  color: #0088FF;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

strong {
  color: #ED0049; }

img {
  max-width: 100%; }

/* Layout ======================================== */
#l-header {
  font-size: 0.875rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  background: rgba(0, 9, 38, 0.85);
  backdrop-filter: blur(5px);
  height: 50px;
  position: fixed;
  z-index: 100;
  align-items: center;
  transition: all 300ms; }
  #l-header:hover {
    background: rgba(0, 9, 38, 0.95); }

.l-header__logo {
  height: 40px;
  padding: 3px 0 0 8px;
  z-index: 120;
  line-height: 1; }
  @media screen and (max-width: 940px) {
    .l-header__logo {
      order: 2; }

    #l-header {
      top: 0;
      left: 0;
    }
}

.l-header__action {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 120; }
  @media screen and (max-width: 940px) {
    .l-header__action {
      order: 3; } }

.l-header__login,
.l-header__entry,
.l-header__dl {
  height: 40px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: #0088FF;
  color: #fff;
  transition: all 300ms; }
  .l-header__login:hover,
  .l-header__entry:hover,
  .l-header__dl:hover {
    background: #15D1B4;
    text-decoration: none; }
  .l-header__login i,
  .l-header__entry i,
  .l-header__dl i {
    display: none;
    font-size: 1.125rem; }
  @media screen and (max-width: 600px) {
    .l-header__login,
    .l-header__entry,
    .l-header__dl {
      width: 40px; }
      .l-header__login i,
      .l-header__entry i,
      .l-header__dl i {
        font-size: 1.125rem;
        display: block; } }

.l-header__login {
  background: #2c998a; }
.l-header__dl {
  background: #ffbc02;
}
@media screen and (max-width: 600px) {
  .l-header__btn-text {
    display: none; } }

.l-header__bar {
  color: #fff;
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  margin-right: 170px;
  height: 40px;
  width: 40px;
  font-size: 1rem;
  z-index: 110;
  cursor: pointer;
  transition: all 300ms; }
  @media screen and (max-width: 940px) {
    .l-header__bar {
      display: flex;
      order: 1; } }
  @media screen and (max-width: 600px) {
    .l-header__bar {
      margin-right: 40px; } }
  .l-header__bar:hover {
    color: #15D1B4; }
  .l-header__bar.is-open {
    background: #000;
    color: #000; }
    .l-header__bar.is-open:hover {
      color: #000; }
  .l-header__bar.is-open::after {
    content: '\f00d';
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff; }

.l-header__nav {
  display: block; }
  @media screen and (max-width: 940px) {
    .l-header__nav {
      position: absolute;
      display: none;
      top: 40px;
      height: calc(100vh - 40px);
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      -webkit-overflow-scrolling: touch; } }

.l-header__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
  .l-header__menu li {
    position: relative; }
    .l-header__menu li::after {
      position: absolute;
      content: '';
      top: 12px;
      right: 0;
      height: 1rem;
      border-right: 1px solid #ccc; }
      @media screen and (max-width: 940px) {
        .l-header__menu li::after {
          border-right: none; } }
    .l-header__menu li:last-child::after {
      border-right: none; }
    .l-header__menu li a {
      height: 40px;
      padding: 0 1.2vw;
      display: flex;
      align-items: center;
      width: 100%;
      color: #FFF; }
      .l-header__menu li a:hover {
        color: #15D1B4;
        text-decoration: none; }
  @media screen and (max-width: 940px) {
    .l-header__menu {
      top: 40px;
      flex-direction: column; }
      .l-header__menu li {
        width: 100%;
        font-size: 1rem;
        margin-top: 2px;
        background: rgba(0, 0, 0, 0.6); }
        .l-header__menu li a {
          height: 50px;
          padding: 0 2vw; } }

.l-header__menu1 {
  display: none; }
  @media screen and (max-width: 940px) {
    .l-header__menu1 {
      display: block; } }

#casestudy .l-header__menu2 a,
#feature .l-header__menu3 a,
#consultants .l-header__menu4 a,
#seminar .l-header__menu5 a,
#help .l-header__menu8 a {
  color: #15D1B4; }

.btn_x {
    color: #fff;
    background: #ffce5b;
    padding: .3em .5em;
    border-radius: .3em;
    text-align: center;
    display: table;
    cursor: pinter;
}
.btn_x:hover {
    cursor: pinter;
}
.btn_x:active {
    background: #f4d600;
}
.box_x {
    /*border: 2px solid #ffce5b;
    border-radius: .3em;
    height: 300px;*/
}

/* close button */
.action-close_x {
    position: relative;
}
.action-close_x .btn_x {
    position: absolute;
    right: 0;
    top: -1em;
}
.action-close_x .box_x {
    /*margin-bottom: 2em;
    border: 2px solid #ffce5b;*/
}

/* checkbox 非表示 */
.add-control_x .checkbox_x {
    display: none;
}

/* close button's control */
.add-control_x .action-close_x #close:checked ~ .btn_x {
    display: none;
}
.add-control_x .action-close_x #close:checked ~ .box_x {
    display: none;
}  

.l-fab {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 100; }
  .l-fab__scroll-top {
    margin-bottom: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 20px;
    height: 40px;
    min-width: 40px;
    overflow: hidden;
    white-space: nowrap; }
    .l-fab__scroll-top .l-fab__text {
      display: none;
      padding: 0 0 0 4px; }
    .l-fab__scroll-top:hover {
      text-decoration: none;
      background: #15D1B4; }
  .l-fab__scroll-top i {
    border-top: 2px solid #fff;
    padding-top: 2px; }

.l-fab_news {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: fixed;
  bottom: 50px;
  right: 10px;
  z-index: 100; }
  .l-fab_news__scroll-top {
    font-size: 70%;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 30px;
    color: rgb(65, 65, 65);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms;
    background: rgb(245, 169, 0, 0.6);
    border-radius: 10px;
    height: 150px;   
    min-width: 120px;
    overflow: hidden;
    white-space: nowrap; }
    .l-fab_news__scroll-top .l-fab_news__text {
      display: none;
      padding: 0 0 0 4px; }
    .l-fab_news__scroll-top:hover {
      text-decoration: none;
      background: #ff9; }
  .l-fab_news__scroll-top i {
    /*border-top: 2px solid #333;*/
    padding-top: 4px; }

    
#l-footer {
  font-size: 0.75rem;
  border-top: 2px solid #15D1B4;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 20px 0 10px; }

.l-footer__logo {
  max-width: 358px;
  width: 100%; }

.l-footer__address {
  margin-top: 16px; }

.l-footer__copyright {
  color: #15D1B4;
  font-family: Arial, sans-serif;
  margin-top: 4px; }

#l-wrapper {
  padding-top: 40px;
  text-align: center;
  color: #333; }

.l-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 60px 0; }

.l-content {
  padding: 0;
  margin: 0 auto;
  width: calc(100% - 40px);
  max-width: 1020px; }

.l-content--full {
  padding: 0;
  margin: 0 auto;
  width: 100%; }

/* Object/Component ======================================== */
.c-btn {
  font-size: 1rem;
  align-items: center;
  cursor: pointer;
  color: #0088FF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  display: inline-flex;
  justify-content: center;
  min-width: 200px;
  margin: 15px 0 5px;
  padding: 10px 20px;
  border-radius: 100px;
  background: #fff;
  transition: all 100ms;
  text-align: center;
  font-weight: bold;
  line-height: 1.7; }
  .c-btn:hover {
    color: #fff;
    background: #15D1B4;
    text-decoration: none; }
  .c-btn.is-primary {
    background: #0088FF;
    border: none;
    color: #fff; }
    .c-btn.is-primary:hover {
      background: #15D1B4;
      text-decoration: none;
      color: #fff; }
  .c-btn i {
    font-size: 1.25rem;
    margin-right: 8px; }

.c-link {
  display: inline-block;
  position: relative;
  margin-top: 6px;
  padding-left: 1rem; }
  .c-link::before {
    content: '\f105';
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 50%;
    left: 0;
    transform: translate(0, -50%); }

.c-link--blank {
  display: inline-block;
  position: relative;
  margin-top: 6px;
  padding-right: 6px; }
  .c-link--blank::after {
    content: '\f2d2';
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%); }

   
.c-flex {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  max-width: 1020px;
  margin: 0 auto; }

.c-flex--auto {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  max-width: 1020px;
  margin: 0 auto; }

.c-flex__1col .c-flex__item,
.c-flex__1col .c-flex__js-empty {
  width: 100%; }

.c-flex__2col .c-flex__item,
.c-flex__2col .c-flex__js-empty {
  width: 530px;
  margin: 10px 30px 30px;}
  @media screen and (max-width: 1060px) {
    .c-flex__2col .c-flex__item,
    .c-flex__2col .c-flex__js-empty {
      width: calc(50vw - 30px); } }
  @media screen and (max-width: 600px) {
    .c-flex__2col .c-flex__item,
    .c-flex__2col .c-flex__js-empty {
      width: calc(100vw - 40px); } }

.c-flex__3col .c-flex__item,
.c-flex__3col .c-flex__js-empty {
  padding: 0 20px 20px;
  width: 340px; }
  @media screen and (max-width: 1060px) {
    .c-flex__3col .c-flex__item,
    .c-flex__3col .c-flex__js-empty {
      width: calc(50vw - 30px); } }
  @media screen and (max-width: 600px) {
    .c-flex__3col .c-flex__item,
    .c-flex__3col .c-flex__js-empty {
      width: calc(100vw - 40px); } }
.c-flex__3col .c-flex__js-empty {
  padding: 0 20px 0; }

.c-flex__4col .c-flex__item,
.c-flex__4col .c-flex__js-empty {
  width: 210px;
  margin: 10px 5px 0; }
  @media screen and (max-width: 1060px) {
    .c-flex__4col .c-flex__item,
    .c-flex__4col .c-flex__js-empty {
      width: calc(33vw - 30px); } }
  @media screen and (max-width: 600px) {
    .c-flex__4col .c-flex__item,
    .c-flex__4col .c-flex__js-empty {
      width: calc(50vw - 30px); } }

.c-flex__5col .c-flex__item,
.c-flex__5col .c-flex__js-empty {
  width: 190px;
  margin: 10px 3px 0; }
  @media screen and (max-width: 1060px) {
    .c-flex__5col .c-flex__item,
    .c-flex__5col .c-flex__js-empty {
      width: calc(25vw - 30px); } }
  @media screen and (max-width: 940px) {
    .c-flex__5col .c-flex__item,
    .c-flex__5col .c-flex__js-empty {
      width: calc(33vw - 30px); } }
  @media screen and (max-width: 600px) {
    .c-flex__5col .c-flex__item,
    .c-flex__5col .c-flex__js-empty {
      width: calc(50vw - 30px); } }

.c-scroll-table {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.c-scroll-table::-webkit-scrollbar {
  height: 4px; }

.c-scroll-table::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.c-scroll-table::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px; }

.c-table {
  border-bottom: 1px solid #DDD;
  line-height: 1.5;
  margin-bottom: 2px;
  text-align: center;
  width: 100%; }
  .c-table tr {
    border-top: 1px solid #DDD; }
  .c-table th,
  .c-table td {
    padding: 16px 4px; }
  .c-table .c-table__header {
    font-weight: bold; }
  .c-table .c-table__cell--gray {
    background: #F5F5F5; }
  .c-table .c-table__cell--green {
    background: #CFF7F1; }

.c-headline {
  position: relative;
  margin-top : 20px;
  margin-bottom: 10px;
  line-height: 1.1;
  font-weight: bold; }
  .c-headline__note {
    display: block;
    font-size: 0.75rem;
    line-height: 2; }
  .c-headline__lead {
    font-size: 1rem;
    margin-top: 40px; }
    @media screen and (max-width: 940px) {
      .c-headline__lead {
        text-align: left; } }
  .c-headline.is-big {
    font-size: 2rem; }
  .c-headline.is-def {
    font-size: 1.5rem;
    line-height: 1.5; }
  .c-headline.is-small {
    font-size: 1.25rem;
    line-height: 1.25; }
  .c-headline.is-xs {
    font-size: 1rem;
    line-height: 1.25; }

/* .c-lined::after {
  background: #15D1B4;
  content: "";
  top: calc(100% + 10px);
  left: 50%;
  height: 4px;
  width: 40px;
  transform: translate(-50%, 0);
  position: absolute; } */

.c-lined--narrow::after {
  background: #15D1B4;
  content: "";
  top: 0;
  left: 0;
  height: 2px;
  position: absolute;
  width: 40px; }

.c-lead {
  font-size: 1rem;
  margin-top: 40px; }
  @media screen and (max-width: 940px) {
    .c-lead {
      text-align: left; } }

.c-text {
  font-size: 1rem;
  margin: 16px 0;
  text-align: left; }

.c-note {
  display: block;
  font-size: 0.75rem; }

p.c-noteL {
    display: block;
    font-size: 0.75rem; 
    text-align: left !important;
 }

 .c-strong {
  color: #ED0049; }

.c-font--serif {
  font-family: "SegoeUIMincho", "Hiragino Mincho ProN", "?ｭ?ｳ ?ｰ譏取悃", "?ｭ?ｳ 譏取悃", serif; }

.c-font--note {
  font-size: 0.6875rem; }

.c-font--kerning {
  font-feature-settings: "palt" 1; }

.marker_yellow_futo {
  font-weight: bold;
  background: linear-gradient(transparent 50%, #ffffa8 0%); }

.c-brpc {
  display: block; }
  @media screen and (max-width: 600px) {
    .c-brpc {
      display: none; } }

.c-brsp {
  display: none; }
  @media screen and (max-width: 600px) {
    .c-brsp {
      display: block; } }

.c-border--full {
  position: relative;
  padding: 40px 0 0;
  margin: 40px 0 0; }
  .c-border--full:before {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 1px solid #ccc;
    top: 0;
    left: 0; }

.c-border--short {
  position: relative;
  padding: 40px 0 0;
  margin: 40px 0 0; }
  .c-border--short:before {
    content: '';
    position: absolute;
    width: 200px;
    border-top: 1px solid #ccc;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0); }

.c-ul--disc li {
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
  line-height: 1.25rem;
  margin-left: 1.625rem;
  padding: 0.2rem 0; }

.c-ul--decimal li {
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
  line-height: 1.25rem;
  margin-left: 1.625rem;
  padding: 0.2rem 0; }

/* Object/Project ======================================== */
#top .c-headline.is-big {
 margin-bottom: 40px;
}
.p-top__hero { overflow: hidden; position: relative;}
/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/





/*============================
.p-top__hero__content
============================*/
.p-top__hero__content {
 background: #ebebeb;
 /*height: 800px;*//* 固定化を排除 */
 background-image: url('../img/top/mv_bg.jpg');/* ★背景 */
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}
/* 固定化を排除
@media screen and (max-width: 600px) {.p-top__hero__content { height: 770px;}}
*/



/*============================
.p-top__hero__item
============================*/
.p-top__hero__item {
	width: 1400px;
	margin: 0 auto;
	max-width: 100%;
	height: 100%;
	padding-top: 4.5%;
	padding-bottom: 10%;
	position: relative;
	color: #fff;
}
.p-top__hero__text{
	width: 43.2857%;
	margin-left: 5.5%;
}
.p-top__hero__mock{
	position: absolute;
	width: 53.42857%;
	right: 0.7142%;
	top: 32%;
}
.p-top__hero__text p {
	color: #000000;
	width: 83%;
	margin-left: 10%;
	font-size: 20px;
	text-align: left;
}
.p-top__hero__btn{
	width: 83%;
	margin-left: 10%;
}
.p-top__hero__btn a{
	display: block;
	width: auto;
}
.p-top__hero__btn a .btn-small{
	display: block;
	font-size: 80%;
}
/*
=============*/
@media screen and (max-width: 940px) {
	.p-top__hero__text p {
		width: auto;
		margin-left: 0;
		font-size: 16px;
	}
	.p-top__hero__btn{
		width: auto;
		margin-left: 0;
	}
}
@media screen and (max-width: 768px) {
	.p-top__hero__item{
		padding-left: 5%;
		padding-right: 5%;
	}
	.p-top__hero__text{
		width: auto;
		margin: 0; 
	}
	.p-top__hero__mock{
		position: static;
		width: auto;
		margin-top: 10px;
	}
}



/*============================
.p-top__hero__text H1
.p-top__hero__text P
============================*/
/* 非表示：未使用
.p-top__hero__text__img { padding-top: 100px; width: calc(100% - 20px); max-width: 560px;}
*/
.p-top__hero__text__lead {
 /*padding-top: 60px;*//* 余白の調整は[.p-top__hero__text]に変更 */
 font-size: 3.0rem; 
 font-weight: bold;
}
.p-top__hero__text p { padding: 18px 0; font-weight: 600; text-shadow:0 0 10px #fff;}
/*
=============*/
@media screen and (max-width: 600px) {/*
=============*/
.p-top__hero__text__lead {
 /*padding-top: 200px;*//* 余白の調整は[.p-top__hero__text]に変更 */
 font-size: 1.5rem;
}
.p-top__hero__text p { font-size: 1rem; }

/**/}/**/

/*============================
.p-top__hero__bnr
============================*/
.p-top__hero__bnr{
	background: #242B44;
	padding: 40px 0 20px;
	max-width: none;
}


/*============================
.p-top__hero__arrow
============================*/

.p-top__hero__arrow {
 position: absolute; bottom: 0;
 display: flex; align-items: center; justify-content: center;
 width: 100%; height: 100px;
 font-size: 2.625rem;
}
.p-top__hero__arrow a {
 position: relative;
 color: #FFF;
}
.p-top__hero__arrow a::before {
 position: absolute; content: '';
 top: 50%; left: 50%; transform: translate(-50%, -50%);
 width: 20px; height: 20px;
 box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1);
 border-radius: 100%;
 opacity: 0;
 animation: pha 2s infinite;
}
.p-top__hero__arrow a i {
 filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.6));
}
.p-top__hero__arrow::before {
 position: absolute;
 bottom: 0;
 content: '';
 display: block;
 border-top: 100px solid transparent;
 border-right: 50vw solid #F5F5F5;
 border-bottom: 0px solid transparent;
 border-left: 50vw solid #F5F5F5;
}
@media all and (-ms-high-contrast: none) {
.p-top__hero__arrow::before { border: none; }
}
/*
=============*/
@media screen and (max-width: 600px) {/*
=============*/
.p-top__hero__arrow { height: 80px; }
.p-top__hero__arrow::before { border-top: 80px solid transparent; }

/**/}/**/





/*バナー用オンマウス・オプション*/
.p-top__hero__option.c-flex__item a{ position: relative; display: inline-block;}
.p-top__hero__option.c-flex__item a:before{
 position: absolute; content: ""; z-index: -1;
 display: block;
 width: 100%; height: 100%;
 background: #000!important;
}





/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@keyframes pha {
  0% {
    opacity: 0; }
  20% {
    opacity: 1; }
  40% {
    width: 80px;
    height: 80px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
    opacity: 0; }
  100% {
    opacity: 0; } }
.p-top__issues__text {
  position: relative;
  padding: 10px 0;
  margin-bottom: 40px;
  border-top: 1px solid #15D1B4;
  border-bottom: 1px solid #15D1B4;
  font-weight: bold; }
  .p-top__issues__text::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    border-top: 12px solid #15D1B4;
    border-right: 12px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 12px solid transparent; }

.p-top__sol h2.c-headline {
  padding: 60px 10px 0; }
  .p-top__sol h2.c-headline::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-top: 30px solid #FFF;
    border-right: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 30px solid transparent; }
.p-top__sol__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 40px; }
  @media screen and (max-width: 940px) {
    .p-top__sol__flex {
      padding: 40px 0;
      flex-direction: column; } }
  .p-top__sol__flex.is-rev {
    flex-direction: row-reverse; }
    .p-top__sol__flex.is-rev .p-top__sol__text-wrapper {
      padding: 0 8vw 0 4vw; }

.p-top__sol__text-wrapper {
  text-align: left;
  width: 100%;
  max-width: calc(100% - 640px);
  padding: 0 4vw 0 8vw; }
  .p-top__sol__text-wrapper .c-headline.is-big {
    font-size: 2.5rem; }
  @media screen and (max-width: 1060px) {
    .p-top__sol__text-wrapper {
      max-width: 50%;
      padding: 0 5vw; } }
  @media screen and (max-width: 940px) {
    .p-top__sol__text-wrapper {
      max-width: 100%;
      padding: 0 5vw 20px; }
      .p-top__sol__text-wrapper .c-headline.is-big {
        font-size: 1.625rem;
        margin-bottom: 20px !important; } }
.p-top__sol__text {
  position: relative;
  padding-top: 16px; }
  .p-top__sol__text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 40px;
    background: #15D1B4; }
.p-top__sol__img {
  width: 100%;
  max-width: 640px; }
  @media screen and (max-width: 1060px) {
    .p-top__sol__img {
      max-width: 50%; } }
  @media screen and (max-width: 940px) {
    .p-top__sol__img {
      max-width: 100%; } }
.p-top__sol__end {
  position: relative; }
  .p-top__sol__end::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-top: 30px solid #FFF;
    border-right: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 30px solid transparent; }
  .p-top__sol__end__text {
    font-size: 0.875rem; }
    .p-top__sol__end__text h4 {
      padding: 12px 0 6px;
      margin: 20px 0 0; }
  .p-top__sol__end .p-top__sol__text-wrapper {
    max-width: calc(85% - 450px);
    padding: 0 0 0 1vw; }
    @media screen and (max-width: 940px) {
      .p-top__sol__end .p-top__sol__text-wrapper {
        max-width: 100%;
        padding: 0; } }
  .p-top__sol__end .p-top__sol__img {
    max-width: 580px; }
    @media screen and (max-width: 940px) {
      .p-top__sol__end .p-top__sol__img {
        max-width: 100%; } }

.p-top__consul .c-flex__item {
  font-size: 0.625rem;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  color: #127465;
  line-height: 1.2;
  padding: 40px 4px 10px;
  position: relative;
  margin-top: 50px; }
  .p-top__consul .c-flex__item .c-headline {
    margin-bottom: 6px; }
  .p-top__consul .c-flex__item:hover {
    text-decoration: none; }
    .p-top__consul .c-flex__item:hover .p-top__consul__face {
      border: 2px solid #15D1B4; }
.p-top__consul__face {
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  height: 60px;
  width: 60px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translate(-50%, 0); }

.p-top__semi .c-flex__item {
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  margin: 40px 20px 0; }
  .p-top__semi .c-flex__item:first-of-type {
    margin-top: 0; }
  .p-top__semi .c-flex__item:hover {
    text-decoration: none; }
    .p-top__semi .c-flex__item:hover .p-top__semi__list-img {
      opacity: 0.8; }
    .p-top__semi .c-flex__item:hover .p-top__semi__list-text-wrapper > h3.c-headline {
      text-decoration: underline; }
  @media screen and (max-width: 940px) {
    .p-top__semi .c-flex__item {
      margin: 20px 0 0; }
      .p-top__semi .c-flex__item .p-top__semi__list-img {
        display: none; }
      .p-top__semi .c-flex__item .p-top__semi__list-text-wrapper {
        width: 100%; } }
  @media screen and (max-width: 600px) {
    .p-top__semi .c-flex__item .p-top__semi__list-text {
      display: none; } }
.p-top__semi__list-img {
  background-position: center;
  background-size: cover;
  border-radius: 10px 0 0 10px;
  display: block;
  width: 180px;
  transition: all 300ms; }
.p-top__semi__list-text-wrapper {
  color: #000;
  padding: 10px 10px 10px 16px;
  text-align: left;
  width: calc(100% - 180px); }
  .p-top__semi__list-text-wrapper h3.c-headline {
    color: #0088FF;
    margin: 0; }
.p-top__semi__list-text {
  font-size: 0.875rem;
  margin-top: 4px; }
.p-top__semi__list-note {
  font-size: 0.75rem;
  color: #127465;
  margin-top: 4px; }

.p-top__blg__list-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap; }
.p-top__blg__list {
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  display: flex;
  transition: all 300ms;
  width: 25%;
  height: 16vw; }
  .p-top__blg__list:hover {
    text-decoration: none;
    opacity: 0.8; }
  @media screen and (max-width: 940px) {
    .p-top__blg__list {
      width: calc(100% / 3);
      height: 24vw; } }
  @media screen and (max-width: 600px) {
    .p-top__blg__list {
      width: 50%;
      height: 40vw; } }
.p-top__blg__list-title {
  font-size: 0.875rem;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  color: #FFF;
  margin: 0;
  overflow: hidden;
  padding: 8px;
  text-align: left;
  width: 100%;
  height: 3.8rem; }

.p-case .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-case .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-case__voice {
  position: relative;
  margin: 60px 0 0;
  text-align: left; }
  .p-case__voice .c-headline.is-small {
    padding: 16px 0 0;
    margin: 0 0 10px; }
    @media screen and (max-width: 600px) {
      .p-case__voice .c-headline.is-small {
        text-align: center; } }
  .p-case__voice .c-headline.is-xs {
    margin: 30px 0 6px; }
  .p-case__voice .c-lead {
    color: #127465;
    font-weight: bold;
    margin: 0; }
  .p-case__voice .c-table {
    font-weight: bold; }
    .p-case__voice .c-table .c-table__header {
      font-size: 0.875rem;
      font-weight: normal; }
    .p-case__voice .c-table th,
    .p-case__voice .c-table td {
      width: 25%; }
  .p-case__voice .c-flex {
    flex-direction: row-reverse; }
    @media screen and (max-width: 600px) {
      .p-case__voice .c-flex {
        flex-direction: column; } }
  .p-case__voice__img {
    text-align: center; }
  .p-case__voice__data {
    width: calc(100% -310px); }
    @media screen and (max-width: 600px) {
      .p-case__voice__data {
        width: 100%; } }

.p-feat {
  text-align: left; }
  .p-feat .c-headline {
    text-align: center; }
  .p-feat .c-headline.is-small {
    margin: 40px 20px 0;
    padding: 16px 0 10px;
    text-align: left; }
    @media screen and (max-width: 600px) {
      .p-feat .c-headline.is-small {
        margin: 40px 0 0; } }
  .p-feat__text, .p-feat__note {
    margin: 0 20px 16px; }
    @media screen and (max-width: 600px) {
      .p-feat__text, .p-feat__note {
        margin: 0 0 16px; } }
  .p-feat__note {
    font-size: 0.875rem;
    color: #127465; }
  .p-feat__step {
    background: #127465;
    color: #FFF;
    height: 32px;
    margin: 10px 0 0;
    padding: 2px 10px;
    position: relative; }
    .p-feat__step.is-arrow::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      border-top: 16px solid #FFF;
      border-right: 0 solid transparent;
      border-bottom: 16px solid #FFF;
      border-left: 16px solid transparent; }
    .p-feat__step__img {
      width: 100%;
      margin: 10px auto 16px; }
      .p-feat__step__imgmini {
        width: 30%;
        margin: 10px auto 16px; }
    .p-feat__step__text {
      font-size: 0.875rem; }
  .p-feat.l-content-wrapper {
    padding: 30px 0; }
  .p-feat.l-content-wrapper#p-feat__sec1 {
    padding: 60px 0 30px; }

.p-consul__img {
  width: 100%;
  max-width: 340px;
  padding: 0 20px; }
  @media screen and (max-width: 600px) {
    .p-consul__img {
      display: none; } }
.p-consul__text {
  text-align: left;
  padding: 0 20px;
  width: 100%;
  max-width: calc(100% - 340px); }
  @media screen and (max-width: 600px) {
    .p-consul__text {
      max-width: 100%;
      padding: 0; } }
  .p-consul__text p {
    margin-bottom: 20px; }
.p-consul__post {
  margin-bottom: 40px; }
  .p-consul__post .c-flex__item {
    border: 4px solid #DADFE2;
    position: relative;
    width: 100%;
    max-width: 300px;
    margin: 40px 20px;
    padding-top: 70px; }
    @media screen and (max-width: 600px) {
      .p-consul__post .c-flex__item {
        margin: 40px 0;
        max-width: 100%; } }
    .p-consul__post .c-flex__item .c-headline {
      margin: 0 0 20px; }
    .p-consul__post .c-flex__item .c-note {
      font-size: 0.75rem;
      color: #127465;
      line-height: 1.5; }
    .p-consul__post .c-flex__item .c-text {
      font-size: 0.875rem;
      margin: 10px 0 0; }
  .p-consul__post .c-flex__js-empty {
    width: 300px;
    margin: 40px 20px; }
    @media screen and (max-width: 600px) {
      .p-consul__post .c-flex__js-empty {
        display: none; } }
.p-consul__face {
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  height: 100px;
  width: 100px;
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0); }
.p-consul__height-fix {
  min-height: 320px; }
  @media screen and (max-width: 940px) {
    .p-consul__height-fix {
      min-height: auto; } }

.p-semi .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-semi .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-semi .c-table {
  text-align: left; }
  .p-semi .c-table .c-note {
    font-size: 0.75rem;
    color: #000; }
.p-semi .c-btn {
  margin: 20px auto 60px; }
.p-semi__hero {
  overflow: hidden;
  position: relative; }
  .p-semi__hero__content {
    background: #ebebeb;
    min-height: 360px; }
  .p-semi__hero__item {
    align-items: center;
    background-color: #000;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 360px; }
    .p-semi__hero__item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); }
	.filter-white .p-semi__hero__item{
		background-color: #FFF;
		color: #000; }
	.filter-white .p-semi__hero__item::before{
      background-color: rgba(255, 255, 255, 0.5); }

  .p-semi__hero__text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #FFF;
    width: 100%;
    padding: 10px;
    height: calc(100% - 100px);
    line-height: 1.4;
    text-decoration: none;
    opacity: 1; }
    .p-semi__hero__text .c-headline.is-big {
      color: #FFF;
      margin: 0; }
    .p-semi__hero__text p {
      font-size: 1.125rem;
      padding: 32px 0 16px;
      max-width: 800px; }
	.filter-white .p-semi__hero__text .c-headline.is-big,
	.filter-white .p-semi__hero__text p {
      color: #000; }
.p-semi__img {
  margin: 10px 0 0; }
.p-semi__speaker {
  margin: 40px 0 0; }
  @media screen and (max-width: 600px) {
    .p-semi__speaker {
      flex-direction: column; } }
  .p-semi__speaker__face {
    width: 160px;
    height: 160px;
    border-radius: 10px;
    margin: 0 auto; }
  .p-semi__speaker__data {
    width: calc(100% - 160px);
    padding: 0 0 0 20px; }
    .p-semi__speaker__data .c-headline.is-small {
      margin: 0;
      padding: 0; }
    .p-semi__speaker__data .c-note {
      font-size: 0.75rem;
      line-height: 1.5;
      margin: 4px 0 0; }
    .p-semi__speaker__data .c-text {
      font-size: 0.875rem;
      line-height: 1.5;
      margin: 10px 0 0; }
    @media screen and (max-width: 600px) {
      .p-semi__speaker__data {
        padding: 16px 0 0;
        text-align: center;
        width: 100%; }
        .p-semi__speaker__data .c-headline.is-small,
        .p-semi__speaker__data .c-note {
          text-align: center; } }
.p-semi.l-content-wrapper {
  padding: 30px 0; }
.p-semi.l-content-wrapper#p-semi__sec1 {
  padding: 60px 0 30px; }

.p-help .c-headline.is-small {
  margin: 60px 0 0;
  padding: 20px 0 0;
  text-align: left; }
.p-help .c-note {
  font-size: 0.875rem;
  color: #127465;
  margin: 10px 0 0;
  text-align: left; }
.p-help__voice {
  position: relative;
  margin: 60px 0 0;
  text-align: left; }
  .p-help__voice .c-headline.is-small {
    padding: 16px 0 0;
    margin: 0 0 10px; }
    @media screen and (max-width: 600px) {
      .p-help__voice .c-headline.is-small {
        text-align: center; } }
  .p-help__voice .c-headline.is-xs {
    margin: 30px 0 6px; }
  .p-help__voice .c-lead {
    color: #127465;
    font-weight: bold;
    margin: 0; }
  .p-help__voice .c-table {
    font-weight: bold; }
    .p-help__voice .c-table .c-table__header {
      font-size: 0.875rem;
      font-weight: normal; }
    .p-help__voice .c-table th,
    .p-help__voice .c-table td {
      width: 25%; }
  .p-help__voice .c-flex {
    flex-direction: row-reverse; }
    @media screen and (max-width: 600px) {
      .p-help__voice .c-flex {
        flex-direction: column; } }
  .p-help__voice__img {
    text-align: center; }
  .p-help__voice__data {
    width: calc(100% - 220px); }
    @media screen and (max-width: 600px) {
      .p-help__voice__data {
        width: 100%; } }

.p-action .c-headline.is-big {
  margin-bottom: 40px; }
.p-action .c-lead {
  font-size: 1.25rem; }
.p-action .c-flex__item {
  padding-bottom: 0; }
  .p-action .c-flex__item .c-btn,
  .p-action .c-flex__item .c-btn.is-primary {
    width: 100%;
    padding: 15px 10px; }

/* Object/Theme ======================================== */
.t-theme--def {
  background: #F5F5F5;
  color: #333; }
  .t-theme--def .c-headline,
  .t-theme--def .c-headline__lead {
    color: #000033; }
  .t-theme--def .c-headline__note {
    color: #15D1B4; }
  .t-theme--def .c-headline.is-def {
    color: #000; }

.t-theme--wht {
  background: #fff;
  color: #333; }
  .t-theme--wht .c-headline,
  .t-theme--wht .c-headline__lead {
    color: #000033; }
  .tit { 
    font-size: 1.6rem; 
    line-height: 1.25; }
  .t-theme--wht .c-headline__note {
    color: #15D1B4; }

.t-theme--navy {
  background: #000033;
  color: #FFF; }
  .t-theme--navy .c-headline,
  .t-theme--navy .c-headline__lead {
    color: #15D1B4; }
  .t-theme--navy .c-headline__note {
    color: #FFF; }
  .t-theme--navy .c-headline.is-def {
    color: #FFF; }

.t-theme--green {
  background: #CFF7F1;
  color: #000; }
  .t-theme--green .c-headline,
  .t-theme--green .c-headline__lead {
    color: #000033; }
  .t-theme--green .c-headline__note {
    color: #15D1B4; }

.t-theme--semi__yymmdd {
  background: #fff;
  color: #333; }
  .t-theme--semi__yymmdd .c-headline,
  .t-theme--semi__yymmdd .c-headline__lead {
    color: #000033; }
  .t-theme--semi__yymmdd .c-headline__note{
    color: #15D1B4; }
  .t-theme--semi__yymmdd .c-btn.is-primary,
  .t-theme--semi__yymmdd .c-lined::after,
  .t-theme--semi__yymmdd .c-lined--narrow::after {
    background: #ED0049; }
  .t-theme--semi__yymmdd .c-btn.is-primary:hover {
    background: #ff0a55; }

    


/* Object/Utility ======================================== */
.u-pa0 {
  padding: 0 !important; }

.u-pt0 {
  padding-top: 0 !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb0 {
  padding-bottom: 0 !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-pr0 {
  padding-right: 0 !important; }

.u-pr10 {
  padding-right: 10px !important; }

.u-pr20 {
  padding-right: 20px !important; }

.u-pr40 {
  padding-right: 40px !important; }

.u-pl0 {
  padding-left: 0 !important; }

.u-pl10 {
  padding-left: 10px !important; }

.u-pl20 {
  padding-left: 20px !important; }

.u-pl40 {
  padding-left: 40px !important; }

.u-ma0 {
  margin: 0 !important; }

.u-mt0 {
  margin-top: 0 !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mt50 {
    margin-top: 50px !important; }

.u-mb0 {
  margin-bottom: 0 !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-mr0 {
  margin-right: 0 !important; }

.u-mr10 {
  margin-right: 10px !important; }

.u-mr20 {
  margin-right: 20px !important; }

.u-mr40 {
  margin-right: 40px !important; }

.u-ml0 {
  margin-left: 0 !important; }

.u-ml10 {
  margin-left: 10px !important; }

.u-ml20 {
  margin-left: 20px !important; }

.u-ml40 {
  margin-left: 40px !important; }

.u-lh--0 {
  line-height: 0 !important; }

.u-lh--1 {
  line-height: 1 !important; }

.u-lh--15 {
  line-height: 1.5 !important; }

.u-clr--blk {
  color: #000 !important; }

.u-clr--wht {
  color: #fff !important; }

.u-clr--facebook {
  color: #5669B9 !important; }

.u-clr--instagram {
  color: #F13894 !important; }

.u-clr--twitter {
  color: #5CC0FF !important; }

.u-link {
  color: #0088FF !important; }

.u-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

.u-aln--stretch {
  align-items: stretch; }

.u-img--wht {
  background: #fff;
  padding: 10px;
  border-radius: 10px; }

.u-img--p10 {
  padding: 10px 0; }

.u-img--p20 {
  padding: 20px 0; }

.u-img--p30 {
  padding: 30px 0; }

.u-img--p40 {
  padding: 40px 0; }

.u-hidden {
  clip-path: inset(0px 0px 99.9% 99.9%);
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px; }

.u-width--max600 {
  max-width: 600px; }

.u-width--max700 {
  max-width: 700px; }

.u-width--max800 {
  max-width: 800px; }

.u-width--max900 {
  max-width: 900px; }

.bnr {
	-webkit-transition: all .3s;
	transition: all .3s;
	display: inline-block!important;
cursor: pointer!important;
}

.bnr:hover {
	opacity: 0.6;
	filter: brightness(110%);
}

.wp-pagenavi{
	margin-top: 40px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.wp-pagenavi .pages{
	display: none;
}

.wp-pagenavi a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #FFF;
	line-height: 40px;
	border: none !important;
	border-radius: 50%;
	margin: 0 3px !important;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
	font-weight: bold;
}

.wp-pagenavi a:hover{
	background: #15D1B4;
	color: #FFF;
}

.wp-pagenavi .current{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background: #FFF;
	line-height: 40px;
	border:none;
	border-radius: 50%;
}

.wp-pagenavi .pages{
	border: none;
}

#path{
	display: flex;
	flex-wrap: wrap;
	width: 1000px;
	max-width: 100%;
	padding: 0 10px;
	margin: 10px auto;
}

#path li{
	font-size: .8rem;
	text-align: left;
}

#path li:not(:last-child):after{
	content: "\f105";
	margin: 0 10px;
	color: #999;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}

#path li a{
	color: #333;
}

.l-container{
	background: #FFF;
}

.l-container-inner{
	width: 1020px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
    @media screen and (max-width: 940px) {
		.l-container-inner{
			display: block;
		}
	}

.l-container .l-content-main{
	width: 760px;
}
    @media screen and (max-width: 940px) {
		.l-container .l-content-main{
			width: auto;
		}
	}

.l-container .sidebar{
	width: 240px;
	margin: 60px 0;
	background: #F5F5F5;
	padding: 10px;
}
    @media screen and (max-width: 940px) {
		.l-container .sidebar{
			width: 100%;
			margin: 40px 0 20px;
		}
	}

.l-container .sidebar dt{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.l-container .sidebar dd{
	margin-bottom: 1px;
	font-size: .875rem;
	text-align: left;
}

.l-container .sidebar dd a{
	display: block;
	background: #FFF;
	color: #333;
	padding: 10px;
}

.p-help__list{
	text-align: left;
	margin: 10px;
}

/*add*/
.c-text2 {
  font-size: 2rem;
  margin: 16px 0;
  text-align: left; }  
.c-text1h {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 16px 0;
    text-align: center;
}  
.Bfunction {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}
.Bfunction-img {
  width: 40%;
}
.Bfunction-img img {
  width: 310px;
}
.Bfunction-texts {
  box-sizing: border-box;
  padding: 40px 30px;
  width: 60%;
  text-align: left;
}
.bshadow1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5) !important;
} 
.bshadow1:hover {
filter: opacity(50%) !important;
cursor: pointer;
}

@media screen and (max-width: 767px) {
  .Bfunction {
    flex-direction: column;
  }
  .Bfunction--reserve {
    flex-direction: column-reverse;
  }
  .Bfunction-img {
    width: 100%;
  }
  .Bfunction-texts {
    width: 100%;
  }
}	

.wrap_x {
  margin: 2em 0;
  padding: 0;
}

.wrap_x label {
  display: block;
  padding : 8px;
  color: #fff;
  font-weight: bold;
  background: rgb(245, 169, 0);
  cursor: pointer;
}

.wrap_x input[type="checkbox"] {
  display: none;
}

.wrap_x .content_x {
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.switch:checked + .content_x {
  height: auto;
  padding: 8px;
  background: #f7f7f7;
}


/* 操作ガイド */
.t-theme--def02 {
    background: url("/wp-content/uploads/2022/07/bg-helpgreen.jpg") repeat;
    color: #333;
}
.sub01{
	font-size: 1.5rem;
}

.flexbox1 {
    width: 1020px;
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    align-items: top;
    padding: 60px 0 80px;
}
.flexbox1 .box01 {
    width: 33%;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box; 
}
.flexbox1 .box01 a:hover {
    text-decoration: none;
}

/* 最後のコンテンツを左寄せにする指定 */
.flexbox1:after {
    content: "";
    display: block;
    width: 33%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}
.btdeco1 {	
	width : 296px;
    height: 170px;
    text-align:center;
    padding: 30px 15px 10px;
    margin: 10px 0;
    color: #555555;
    border: #555555 solid 1px;
    text-decoration: none;
    border-radius :20px;
}
.btdeco1 img {
    margin: 0 auto 17px;
}
.btdeco1:hover {
    background: #15D1B4;
    color: #ffffff;
}
.btdeco1 h2 {
    font-size: 17px;
}
.btdeco1 h2::after {
    content: '\0bb';
    padding-left: 5px;
}
.btdeco2 img.cut01 {
    height: 170px;
    object-fit: cover;
    object-position: top;
}
.btdeco2 img {
    text-align:center;
    margin: 10px 0;
    color: #555555;
    border: #555555 solid 1px;
    text-decoration: none;
    border-radius :20px;
}
.btdeco2:hover {
    opacity: 0.7;
}

@media screen and (max-width: 940px) {
.flexbox1 {
    width: auto;
    display: block;
    padding: 30px 0 60px;
    }
.flexbox1 .box01 {
    width: 100%;
    }
.btdeco1 {
    font-size:20px;
    height: 180px;
    }
.btdeco1 img {
    margin: 0 auto 20px;
    }
.btdeco1::after {
    padding: 10px;
    }
}

/* facebook */

.fb_tit{
    font-size: 1.2rem;
    text-align: center;
}

.fb_txt_l{
   text-align: left;
   padding-top: 20px;
   font-size: 1.2rem;
}

.fb_txt_l span{
   color: red;
   font-weight: bold;
}

.fb_txt_c{
   text-align: center;
   padding-top: 50px;
   font-size: 1.2rem;
   font-weight: bold;
}

.fb_btn{
   max-width: 70%;
   padding-top: 30px;
}