@charset "utf-8";
/* CSS Document */

/* 共通 */
html, body{
  font-family: "Zen Kaku Gothic New","Zen Maru Gothic","Noto Sans JP",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  line-height: 1.65; 
  letter-spacing: 0.01em;
}
body { color: #222; }      
h1,h2,h3{
  letter-spacing: 0.03em;
  font-weight: 500;
}


header,footer,div,article,section,p,span,a,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; list-style-type: none; box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
form,fieldset,input,textarea { margin:0 ; padding: 0; border: 0; outline: none; }
img { margin: 0; padding: 0; max-width: 100%; height: auto; vertical-align: bottom; border: none; }
table,tr,td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; box-sizing: border-box; }
th { margin: 0; padding: 0; font-weight: normal; text-align: left; box-sizing: border-box; }
a:link { color: #222; text-decoration: none; transition: all .5s ease; }
a:visited { color: #222; text-decoration: none; }
a:hover { color: #F7931E; text-decoration: none; }
a:active { color: #F7931E; text-decoration: none; }
.alpha { transition: all .5s ease; }
.alpha:hover { opacity: 0.7; }

body:not(.mce-content-body) { min-width: 100%; }
#container { overflow: hidden; }
#header,#header-in { display: none; }
.content { margin: 0; }
.content-in { display: block; }
.wrap { width: 100%; }
main.main { margin: 0; padding: 0; width: 100% !important; }
.main { margin: 0; padding: 0; width: 100% !important; border-radius: none; }

.grecaptcha-badge { visibility: hidden; }

.deep_orange,
.pale_orange,
.gra_orange{
  background: #FFEB00;
  color:#222 !important;
}

/* 共通ボタン（形） */
.btn_solid{
  display:inline-block;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
  border: 1px solid transparent;
  text-decoration: none;
  transform: translateY(0);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

/* 主ボタン：黄色（ヘッダーの「お問い合わせ」用） */
.btn_primary{
  color:#222 !important;
  background: linear-gradient(180deg, #FFF27A 0%, #FFD400 100%);
  border-color:#E7C200;

  box-shadow:
    0 2px 0 #E0BC00,          /* ← 段差を浅く */
    0 10px 16px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.6);
}


/* ホバー：少し明るく、影は残す */
.btn_primary:hover{
  filter: brightness(1.03);
}

/* 押下：沈み込み（影を短く） */
.btn_primary:active{
  transform: translateY(4px);
  box-shadow:
    0 2px 0 #D9A800,
    0 6px 12px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.yellow { color: #222 !important; background-color: #FFFF00; box-shadow: 0 3px 0 #FFCE00; }

.btn_solid { display: inline-block; padding: 10px; text-align: center; border-radius: 60px; cursor: pointer; transition: none !important; }
.btn_solid:hover { box-shadow: none; transform: translateY(3px); }

.has-grey-border-color { border: solid 3px #e8ecef !important; }
@media screen and (min-width: 781px) {
.ful_wid { width: 100%; }
.big_wid { margin-left: auto; margin-right: auto; width: 90%; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1200px; }
.mid_wid { margin-left: auto; margin-right: auto; width: 90%; max-width: 1000px; }
.sml_wid { margin-left: auto; margin-right: auto; width: 70%; max-width: 800px; }
.block_wid { margin-left: auto; margin-right: auto; width: 70%; max-width: 1000px; }
.sp { display: none; }
}
@media screen and (max-width: 780px) {
.ful_wid { width: 100%; }
.big_wid { margin-left: auto; margin-right: auto; width: 95%; }
.com_wid { margin-left: auto; margin-right: auto; width: 90%; }
.mid_wid { margin-left: auto; margin-right: auto; width: 90%; }
.sml_wid { margin-left: auto; margin-right: auto; width: 90%; }
.block_wid { margin-left: auto; margin-right: auto; width: 90%; }
.pc { display: none; }
}

/* フォントサイズ */
@media screen and (min-width: 781px) {
html,body { font-size: 16px; }

.fz-12px { font-size: 12px; }
.fz-14px { font-size: 14px; }
.fz-16px { font-size: 16px; }
.fz-18px { font-size: 18px; }
.fz-20px { font-size: 20px; }
.fz-22px { font-size: 22px; }
.fz-24px { font-size: 24px; }
.fz-26px { font-size: 26px; }
.fz-28px { font-size: 28px; }
.fz-30px { font-size: 30px; }
.fz-40px { font-size: 40px; }
}
@media screen and (max-width: 780px) {
html,body { font-size: 14px; }

.fz-12px { font-size: 10px; }
.fz-14px { font-size: 12px; }
.fz-16px { font-size: 14px; }
.fz-18px { font-size: 16px; }
.fz-20px { font-size: 18px; }
.fz-22px { font-size: 20px; }
.fz-24px { font-size: 20px; }
.fz-26px { font-size: 22px; }
.fz-28px { font-size: 22px; }
.fz-30px { font-size: 22px; }
.fz-40px { font-size: 22px; }
}




/* ヘッダー */
header .nom { display: block; padding: 10px 0; position: relative; }
header .nom:hover { color: #F7931E; }
header .nom::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #F7931E; transition: all .3s; transform: scale(0, 1); transform-origin: center top; }
header .nom:hover::after { transform: scale(1, 1); }
header .btn_solid { min-width: 130px; }
header h1 a:hover { color: #000; }
@media screen and (min-width: 981px) {
header .on_sp { display: none; }
#masthead { padding: 30px 0; position: relative; width: 100%; background: #fff; z-index: 99999; }
header dl { display: flex; justify-content: space-between; align-items: center; }
header dt { width: 20%; max-width: 280px; }
header dt img { width: 100%; }
header h1 span { display: block; margin: -3px 0 0 0; font-size: 0.65vmax; font-weight: normal; text-align: justify; text-align-last: justify; white-space: nowrap; }
header dd { flex: 1; }
header dd ul { display: flex; justify-content: flex-end; align-items: center; }
header dd li { margin: 0 0 0 3%; white-space: nowrap; line-height: 100%; }
}
@media screen and (max-width: 980px) {
header .on_pc { display: none; }
#masthead { padding: 20px 0; position: relative; width: 100%; background: #fff; z-index: 99999; }
header dt { width: 70%; max-width: 280px; }
header dt img { width: 100%; }

.openbtn4{ position: fixed; top: 20px; right: 15px; cursor: pointer; width: 52px; height:52px; z-index: 100000; }
.openbtn4 span{ display: inline-block; transition: all .4s; position: absolute; left: 14px; height: 2px; border-radius: 5px; background: #000; width: 45%; }
.openbtn4 span:nth-of-type(1) { top:13px; }
.openbtn4 span:nth-of-type(2) { top:19px; }
.openbtn4 span:nth-of-type(3) { top:25px; }
.openbtn4.active span:nth-of-type(1) { top: 14px; left: 18px; transform: translateY(6px) rotate(-45deg); width: 30%; }
.openbtn4.active span:nth-of-type(2) { opacity: 0; }
.openbtn4.active span:nth-of-type(3){ top: 26px; left: 18px; transform: translateY(-6px) rotate(45deg); width: 30%; }

#g-nav.panelactive{ position:fixed; z-index: 999; top: 0; width:100%; height: 100vh; }
.circle-bg{ position: fixed; z-index:3; width: 100px; height: 100px; border-radius: 50%; background: url(images/head_bg.png); background-size: cover; transform: scale(0); right:-50px; top:-50px; transition: all .6s; }
.circle-bg.circleactive{ transform: scale(50); }
#g-nav-list{ display: none; position: fixed; z-index: 999; width: 100%; height: 100vh; overflow: auto; -webkit-overflow-scrolling: touch; }
#g-nav.panelactive #g-nav-list{ display: block; }
#g-nav ul { opacity: 0; position: absolute; z-index: 999; top:50%; left:50%; transform: translate(-50%,-50%); }
#g-nav.panelactive ul { opacity:1; }
#g-nav.panelactive ul li{ animation-name:gnaviAnime; animation-duration:1s; animation-delay:.2s; animation-fill-mode:forwards; opacity:0; padding: 5px 0; }
#g-nav.panelactive ul li:last-child a { padding: 5px 20px; font-size: 14px; border: solid 1px #000; border-radius: 5px; transition: all .5s ease; }
#g-nav.panelactive ul li:last-child a:hover { color: #fff; background: #000; }
@keyframes gnaviAnime{
0% { opacity: 0; }
100% { opacity: 1; }
}
#g-nav li{ text-align: center; list-style: none; }
#g-nav li a{ color: #333; text-decoration: none; display: block; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold; }
}





/* フッター */
footer .btn_solid { padding: 15px; width: 90%; max-width: 400px; }
@media screen and (min-width: 781px) {
	footer .sec_01 {
  padding: 100px 0;
    background-color: #FFD400;
  );
}

footer .sec_01 h2 { font-size: 30px; text-align: center; }
footer .sec_01 ul { display: flex; align-items: center; margin-top: 50px; }
footer .sec_01 li { width: 50%; }
footer .sec_01 li:first-child { padding: 0 5% 0 0; }
footer .sec_01 li:first-child h3 { margin: 0 0 20px 0; font-size: 20px; }
footer .sec_01 li:last-child { padding: 0 0 0 5%; text-align: center; border-left: dashed 1px #F7931E; }
footer .sec_01 li:last-child p { font-weight: bold; }
footer .sec_01 dl { display: flex; justify-content: center; align-items: center; }
footer .sec_01 dt { width: 75px; }
footer .sec_01 dd { margin: 0 0 0 10px; font-weight: bold; text-align: center; }
footer .sec_01 dd .txt_01 { font-size: 20px; }
footer .sec_01 .txt_02 { margin: 15px 0; font-size: 46px; }
footer .sec_01 .txt_03 { font-size: 20px; }
footer .pink { color: #fff; background: rgb(255,54,171); background: linear-gradient(90deg, rgba(255,54,171,1) 0%, rgba(255,116,212,1) 100%); box-shadow: 0 3px 0 #E5008E; }

footer .sec_02 { padding: 70px 0 50px 0; background: #FAFAFA; }
footer .sec_02 ul { display: flex; justify-content: space-between; margin: 0 auto; width: 60%; }
footer .sec_02 a { display: block; margin: 0 0 30px 0; }

footer .sec_03 { padding: 15px 0; }
footer .sec_03 ul { display: flex; justify-content: space-between; }
}
@media screen and (max-width: 780px) {
footer .sec_01 { padding: 50px 0;   background-color: #FFD400; }
footer .sec_01 h2 { font-size: 20px; text-align: center; }
footer .sec_01 li:first-child h3 { margin: 0 0 20px 0; font-size: 16px; }
footer .sec_01 li:last-child { padding: 30px 0 0 0; text-align: center; }
footer .sec_01 li:last-child p { font-weight: bold; }
footer .sec_01 dl { display: flex; justify-content: center; align-items: center; }
footer .sec_01 dt { width: 60px; }
footer .sec_01 dd { flex: 1; margin: 0 0 0 10px; font-weight: bold; text-align: center; }
footer .sec_01 dd .txt_01 { font-size: 14px; }
footer .sec_01 dd .txt_02 { margin: 15px 0; font-size: 30px; }
footer .sec_01 dd .txt_03 { font-size: 14px; }
footer .sec_01 dd div { margin: 10px 0; }
footer .sec_01 .btn_solid { display: block; margin: 0 auto; }
footer .sec_01 .sp { margin: 0 auto; width: 90%; max-width: 400px; }
footer .pink { color: #fff; background: rgb(255,54,171); background: linear-gradient(90deg, rgba(255,54,171,1) 0%, rgba(255,116,212,1) 100%); box-shadow: 0 3px 0 #E5008E; }

footer .sec_02 { display: none; }

footer .sec_03 { padding: 15px 0; }
footer .sec_03 ul { display: flex; justify-content: space-between; font-size: 1.2vmax; }
}

footer .sec_01 .btn_primary{
  background: #222;          /* 単色にする */
  color: #fff !important;
  border: none;

  /* 影は1層だけ・弱く */
  box-shadow: 0 6px 12px rgba(0,0,0,.25);

  transform: translateY(0);
  transition: background-color .15s ease, box-shadow .15s ease;
}
footer .sec_01 .btn_primary:hover{
  background: #111;
}
footer .sec_01 .btn_primary:active{
  transform: translateY(2px);
  box-shadow: 0 3px 6px rgba(0,0,0,.25);
}


/* トップ */
.home .main { padding: 0 !important; background: #fff !important; }

.main_wrap p,.main_wrap span,.main_wrap a,.main_wrap li,.main_wrap dt,.main_wrap dd { line-height: 170%; }
.main_wrap h1,.main_wrap h2,.main_wrap h3,.main_wrap h4,.main_wrap h5,.main_wrap h6 { line-height: 170%; }

#top .btn_flow { position: relative; overflow: hidden; display: inline-block; padding: 10px 30px; width: 100%; text-align: center; outline: none; border-radius: 60px; background: #fff; transition: ease .2s; }
#top .btn_flow span { position: relative; z-index: 3; }
#top .btn_flow:hover span { color: #fff; }
#top .bgleft:before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s; transform: scale(0, 1); transform-origin: right top; }
#top .bgleft:hover:before { transform-origin: left top; transform: scale(1, 1); }
@media screen and (min-width: 781px) {
#top { margin-bottom: 100px; }
.hl { text-align: center; }
.hl span { display: block; color: #F7931E; }
.img_wrap { width: 100%; padding-top: 66.5%; position: relative; overflow: hidden; }
.img_wrap img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition-duration: 0.3s; }
.img_wrap img:hover { transform: scale(1.1); transition-duration: 0.3s; }
#top .btn_solid { display: block; margin: 0 auto; width: 50%; max-width: 420px; color: #fff; }

#top .sec_01 { padding: 200px 0; background: url(images/top_12.webp) no-repeat center center; background-size: cover; letter-spacing: 0.1em; }
#top .sec_01 h2 { color: #fff; font-weight: bold; text-align: center; }
#top .sec_01 h2 span { display: block; }
#top .sec_01 h2 .txt_01 { font-size: 18px; }
#top .sec_01 h2 .txt_01::before { display: inline-block; content: ""; margin: 0 5px -10px 0; width: 15px; height: 24px; background: url(images/top_30.png) no-repeat top left; }
#top .sec_01 h2 .txt_01::after { display: inline-block; content: ""; margin: 0 0 -10px 5px; width: 15px; height: 24px; background: url(images/top_31.png) no-repeat top right; }
#top .sec_01 h2 .txt_02 { display: inline-block; padding: 20px 0 15px 0; font-size: 44px; text-align: left; line-height: 130%; letter-spacing: 0.05em; font-feature-settings: "palt"; }
#top .sec_01 dl { max-width: 560px; }
#top .sec_01 ul { display: flex; justify-content: center; }
#top .sec_01 li { margin: 0 0 0 25px; color: #FFFF00; }
#top .sec_01 li:first-child { margin: 0; }
#top .sec_01 h3 { display: inline; font-size: 16px; font-weight: normal; }
#top .sec_01 dd { margin: 20px 0 0 0; text-align: center; }
#top .sec_01 dd .btn_solid { width: 70%; }
#top .sec_01 h4 { font-size: 16px; font-weight: normal; }

#top .sec_02 { margin-top: 40px; padding: 30px 50px; background: #FAFAFA; border-radius: 60px; }
#top .sec_02 dl { display: flex; align-items: center; }
#top .sec_02 ul { display: flex; align-items: center; }
#top .sec_02 li { margin: 0 0 0 40px; }
#top .sec_02 a { color: #256ee2; }
#top .sec_02 a:hover { color: #F7931E; }

#top .sec_03 { margin-top: 70px; padding: 70px 0 0 0; background: #FAFAFA; }
#top .sec_03 ul { display: flex; justify-content: space-between; margin-top: 40px; }
#top .sec_03 li { width: 32%; text-align: center; }
#top .sec_03 img { max-width: 250px; }
#top .sec_03 h3 { margin: 20px 0 0 0; font-weight: normal; text-align: center; }
#top .sec_03 .box { margin: 70px 0 0 0; padding: 100px 0; text-align: center; background-color: #FFD400; }
#top .sec_03 .box h4 { font-size: 24px; }
#top .sec_03 .box span { display: block; }

#top .sec_04 { margin-top: 80px; margin-bottom: 80px; }
#top .sec_04 p { margin: 30px 0 0 0; text-align: center; }
#top .sec_04 ul { margin: 50px 0; }
#top .sec_04 li { margin: 30px 0 0 0; padding: 60px 20px; background: #fff; box-shadow: 0px 2px 5px 1px rgba(254, 197, 94, 1); }
#top .sec_04 dl { display: flex; align-items: center; margin: 0 auto; width: 80%; }
#top .sec_04 dt { width: 150px; text-align: center; }
#top .sec_04 dt img { height: 145px; }
#top .sec_04 dd { flex: 1; margin: 0 0 0 60px; }
#top .sec_04 h3 { margin: 0 0 10px 0; line-height: 130%; }
#top .sec_04 h4 { font-weight: normal; }

#top .sec_05 { margin-top: 70px; padding: 70px 0; background: #FAFAFA; }
#top .sec_05 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 60px 0; }
#top .sec_05 li { margin: 50px 0 0 0; width: 30%; text-align: center; }
#top .sec_05 li img { width: 80%; }
#top .sec_05 li h3 { margin: 20px 0 0 0; font-size: 16px; font-weight: normal; }
#top .sec_05 h4 { font-weight: normal; }

#top .sec_06 { margin-top: 80px; margin-bottom: 200px; }
#top .sec_06 h2 { text-align: center; }
#top .sec_06 h3 { margin: 0 0 10px 0; color: #F05A24; }
#top .sec_06 p { margin: 40px 0 0 0; text-align: center; }
#top .sec_06 ul { margin: 60px 0; }
#top .sec_06 li { margin: 30px 0 0 0; }
#top .sec_06 dl { display: flex; justify-content: space-between; position: relative; }
#top .sec_06 dt { padding: 20px; width: calc(100%/2 - 30px); background: #FAFAFA; border-radius: 15px; }
#top .sec_06 dd { padding: 30px 20px; width: calc(100%/2 - 30px); background: #fff; border: solid 1px #F05A24; border-radius: 15px; }
#top .sec_06 dl::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 11.5px 0 11.5px 19.9px; border-color: transparent transparent transparent #F05A24; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
#top .sec_06 h4 { font-weight: normal; }

#top .sec_07 { padding: 100px 0; background: #FAFAFA; }
#top .sec_07 ul { display: flex; justify-content: space-between; margin-top: 50px; }
#top .sec_07 li { margin: 0 0 70px 0; width: calc(100%/3 - 25px); }
#top .sec_07 h3 { margin: 20px 0 5px 0; }
#top .sec_07 h3 img { width: 18px; vertical-align: middle; }
#top .sec_07 h4 { font-weight: normal; }

#top .sec_08 { margin-top: 100px; }
#top .sec_08 h2 { margin: 0 auto; width: 230px; background-image: url(images/top_08.svg),url(images/top_09.svg); background-repeat: no-repeat,no-repeat; background-position: left top,right top; background-size: contain,contain; }
#top .sec_08 ul { display: flex; justify-content: space-between; margin-top: 50px; }
#top .sec_08 li { margin: 0 0 70px 0; width: calc(100%/3 - 25px); }
#top .sec_08 h3 { margin: 20px 0 10px 0; }
#top .sec_08 h3 img { width: 18px; vertical-align: middle; }
#top .sec_08 p { margin: 5px 0 0 0; }
#top .sec_08 h4 { font-weight: normal; }

#top .sec_09 { margin-top: 100px; padding: 100px 0; background: #FAFAFA; }
#top .sec_09 .box { margin-top: 50px; border-top: dashed 1px #F05A24; }
#top .sec_09 .accordion { padding: 20px; border-bottom: dashed 1px #F05A24; }
#top .sec_09 .accordion dt { padding: 5px 0; background: url(images/arrow_05.svg) right center no-repeat; cursor: pointer; }
#top .sec_09 .accordion dt img { padding: 0 15px 0 0; width: 15px; }
#top .sec_09 .accordion dt.open { background: url(images/arrow_05_o.svg) right center no-repeat; }
#top .sec_09 .accordion dt .q_txt { padding: 0 0 0 30px; min-height: 30px; background: url(images/top_10.svg) left 2px no-repeat; background-size: 15px; }
#top .sec_09 .accordion dd { display: none; margin: 10px 50px 0 0; }
#top .sec_09 .accordion dd .a_txt { padding: 0 0 0 30px; background: url(images/top_11.svg) left 3px no-repeat; background-size: 15px; }
#top .sec_09 h3 { font-size: 16px; font-weight: normal; }

#top .sec_10 { margin-top: 100px; }
#top .sec_10 dl { display: flex; margin: 50px 0 0 0; }
#top .sec_10 dt { width: 50%; }
#top .sec_10 dt h3 { margin: 30px 0 0 0; width: 80%; max-width: 280px; }
#top .sec_10 dt p { margin: 10px 0 30px 0; }
#top .sec_10 dt a { display: block; margin-left: 0; margin-right: 0; width: 50%; max-width: 240px; color: #fff; }
#top .sec_10 dd { flex: 1; margin: 0 0 0 40px; }
#top .sec_10 dd h3 { margin: 0 0 30px 0; }
}
@media screen and (max-width: 780px) {
#top { padding-bottom: 100px; }
.hl { text-align: center; }
.hl span { display: block; color: #F7931E; }
#top .slide-box { height: auto; margin-right: 1%; width: 24%; }
#top .slide-wrap { overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
#top .slide-box { flex: 0 0 70%; }
.img_wrap{ width: 100%; padding-top: 66.5%; position: relative; overflow: hidden; }
.img_wrap img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition-duration: 0.3s; }
.img_wrap img:hover { transform: scale(1.1); transition-duration: 0.3s; }

#top .btn_solid { display: block; margin: 0 auto; width: 80%; max-width: 240px; color: #fff; }

#top .sec_01 { padding: 100px 0; background: url(images/top_12_sp.webp) no-repeat center center; background-size: cover; }
#top .sec_01 h2 { color: #fff; font-weight: bold; text-align: center; }
#top .sec_01 h2 span { display: block; }
#top .sec_01 h2 .txt_01 { display: inline-block; padding: 0 15px; font-size: 14px; background-image: url(images/top_30.png),url(images/top_31.png); background-repeat: no-repeat,no-repeat; background-position: left bottom,right bottom; }
#top .sec_01 h2 .txt_02 { display: inline-block; font-size: 30px; text-align: left; letter-spacing: 0.05em; font-feature-settings: "palt"; }
#top .sec_01 dl { max-width: 560px; }
#top .sec_01 ul { display: flex; justify-content: center; }
#top .sec_01 li { margin: 0 7px; color: #FFFF00; }
#top .sec_01 li:first-child { margin: 0; }
#top .sec_01 h3 { display: inline; font-size: 14px; font-weight: normal; }
#top .sec_01 dd { margin: 20px 0 0 0; text-align: center; }
#top .sec_01 dd .btn_solid { width: 70%; }
#top .sec_01 h4 { font-size: 14px; font-weight: normal; }

#top .sec_02 { margin-top: 40px; padding: 20px; background: #FAFAFA; border-radius: 20px; }
#top .sec_02 dt { text-align: center; }
#top .sec_02 dd { margin: 15px 0 0 0; }
#top .sec_02 ul { display: flex; align-items: center; }
#top .sec_02 li:last-child { margin: 0 0 0 30px; }
#top .sec_02 a { color: #256ee2; }
#top .sec_02 a:hover { color: #F7931E; }

#top .sec_03 { margin-top: 70px; padding: 70px 0 0 0; background: #FAFAFA; }
#top .sec_03 ul { margin-top: 40px; }
#top .sec_03 li { margin: 20px 0 0 0; text-align: center; }
#top .sec_03 img { max-width: 250px; }
#top .sec_03 h3 { margin: 20px 0 0 0; font-weight: normal; text-align: center; }
#top .sec_03 .box { margin: 70px 0 0 0; padding: 50px 5%; text-align: center;   background-color: #FFD400;  }
#top .sec_03 .box h4 { font-size: 18px; }
#top .sec_03 .box span { display: block; }

#top .sec_04 { margin-top: 70px; margin-bottom: 80px; }
#top .sec_04 p { margin: 30px 0 0 0; text-align: center; }
#top .sec_04 ul { margin: 50px 0; }
#top .sec_04 li { margin: 30px 0 0 0; padding: 60px 20px; background: #fff; box-shadow: 0px 2px 5px 1px rgba(254, 197, 94, 1); }
#top .sec_04 dl { margin: 0 auto; width: 80%; }
#top .sec_04 dt { text-align: center; }
#top .sec_04 dt img { height: 145px; }
#top .sec_04 dd { margin: 15px 0 0 0; }
#top .sec_04 h3 { margin: 0 0 10px 0; line-height: 130%; }
#top .sec_04 h4 { font-weight: normal; }

#top .sec_05 { margin-top: 70px; padding: 70px 0; background: #FAFAFA; }
#top .sec_05 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 60px 0; }
#top .sec_05 li { margin: 50px 0 0 0; width: 48%; text-align: center; }
#top .sec_05 li img { width: 80%; }
#top .sec_05 li h3 { margin: 20px 0 0 0; font-size: 14px; font-weight: normal; }
#top .sec_05 h4 { font-weight: normal; }

#top .sec_06 { margin-top: 70px; margin-bottom: 100px; }
#top .sec_06 h2 { text-align: center; }
#top .sec_06 h3 { margin: 0 0 10px 0; color: #F05A24; }
#top .sec_06 p { margin: 40px 0 0 0; text-align: center; }
#top .sec_06 ul { margin: 60px 0; }
#top .sec_06 li { margin: 30px 0 0 0; }
#top .sec_06 dl { display: flex; flex-direction: column; }
#top .sec_06 dt { padding: 20px; background: #FAFAFA; border-radius: 15px; order: 1; }
#top .sec_06 dd { margin: 15px 0 0 0; padding: 30px 20px; background: #fff; border: solid 1px #F05A24; border-radius: 15px; order: 3; }
#top .sec_06 dl::before { content: ""; margin: 15px auto 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 10px 17.3px 10px;
border-color: transparent transparent #F05A24 transparent; order: 2; }
#top .sec_06 h4 { font-weight: normal; }

#top .sec_07 { margin-top: 70px; padding: 100px 0; background: #FAFAFA; }
#top .sec_07 ul { margin-top: 50px; }
#top .sec_07 li { margin: 0 0 30px 0; }
#top .sec_07 h3 { margin: 20px 0 5px 0; }
#top .sec_07 h3 img { width: 18px; vertical-align: middle; }
#top .sec_07 .box { margin: 50px auto 0 auto; width: 240px; }
#top .sec_07 h4 { font-weight: normal; }

#top .sec_08 { margin-top: 80px; }
#top .sec_08 h2 { margin: 0 auto; width: 200px; background-image: url(images/top_08.svg),url(images/top_09.svg); background-repeat: no-repeat,no-repeat; background-position: left top,right top; background-size: contain,contain; }
#top .sec_08 ul { margin-top: 50px; }
#top .sec_08 li { margin: 0 0 30px 0; }
#top .sec_08 h3 { margin: 20px 0 5px 0; }
#top .sec_08 h3 img { width: 18px; vertical-align: middle; }
#top .sec_08 p { margin: 5px 0 0 0; }
#top .sec_08 .box { margin: 50px auto 0 auto; width: 240px; }
#top .sec_08 h4 { font-weight: normal; }

#top .sec_09 { margin-top: 80px; padding: 80px 0; background: #FCF9C0; }
#top .sec_09 .box { margin-top: 50px; border-top: dashed 1px #F05A24; }
#top .sec_09 .accordion { padding: 10px; border-bottom: dashed 1px #F05A24; }
#top .sec_09 .accordion dt { padding: 5px 30px 5px 0; background: url(images/arrow_05.svg) right 5px no-repeat; background-size: 20px; cursor: pointer; }
#top .sec_09 .accordion dt img { padding: 0 15px 0 0; width: 15px; }
#top .sec_09 .accordion dt.open { background: url(images/arrow_05_o.svg) right 5px no-repeat; background-size: 20px; }
#top .sec_09 .accordion dt .q_txt { padding: 0 0 0 30px; background: url(images/top_10.svg) left 2px no-repeat; background-size: 15px; }
#top .sec_09 .accordion dd { display: none; margin: 10px 50px 0 0; }
#top .sec_09 .accordion dd .a_txt { padding: 0 0 0 30px; background: url(images/top_11.svg) left 3px no-repeat; background-size: 15px; }
#top .sec_09 h3 { font-size: 16px; font-weight: normal; }

#top .sec_10 { margin-top: 50px; }
#top .sec_10 dl { display: flex; flex-direction: column-reverse; margin: 50px 0 0 0; }
#top .sec_10 dt h3 { margin: 30px 0 0 0; width: 80%; max-width: 280px; }
#top .sec_10 dt p { margin: 10px 0 30px 0; }
#top .sec_10 dd { margin: 0 0 30px 0; }
#top .sec_10 dd h3 { margin: 0 0 30px 0; }
}





/* 実績 */
@media screen and (min-width: 781px) {
#works_wrap { margin: 50px 0 0 0; padding: 0 0 100px 0; }
#works_wrap .sec_01 { margin: 100px 0 0 0; }
#works_wrap .sec_01 .pc_box { margin: 0 auto; width: 90%; max-width: 1000px; }
#works_wrap .sec_01 .pc_box .inner { margin: 0 auto; width: 90%; }
#works_wrap .sec_01 .pc_box .inner_in { padding: 0 0 3% 0; background: #100B05; }
#works_wrap .sec_01 .pc_box .inner_in_in { margin: 0 auto; width: 94%; position: relative; }
#works_wrap .sec_01 .pc_box .inner_in_in::before { padding-top: 56.25%; content: ""; display: block; }
#works_wrap .sec_01 .pc_box .works_slide { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
#works_wrap .sec_01 .pc_box .slick-list { height: 100%; }
#works_wrap .sec_01 .pc_box .slick-track { height: 100%; }
#works_wrap .sec_01 .pc_box li { width: 100%; height: 100%; position: relative; }
#works_wrap .sec_01 .pc_box li p { position: absolute; height: 100%; top: 0; left: 0; right: 0; width: 100%; overflow-y: scroll; scrollbar-width: none; margin: 0; padding: 0; }
#works_wrap .sec_01 .pc_box li img { width: 100%; height: auto; }
#works_wrap .sec_01 .works_thumbnail .slick-track { display: flex; justify-content: center; margin: 30px auto 0 auto; width: 80% !important; }
#works_wrap .sec_01 .works_thumbnail .cell { padding: 0 10px; width: 150px !important;  }
#works_wrap .sec_01 .works_thumbnail .cell img { width: 100%; height: auto; }

#works_wrap .sec_02 { margin: 100px 0 0 0; }
#works_wrap .sec_02 h2 { margin: 30px 0 10px 0; padding: 0 0 10px 0; font-size: 36px; font-weight: normal; line-height: 150%; border-bottom: solid 1px #f7931e; }
#works_wrap .sec_02 h3 { margin: 30px 0 10px 0; font-size: 24px; font-weight: normal; line-height: 150%; }

#works_wrap .sec_03 { margin: 100px 0 0 0; }
#works_wrap .sec_03 ul { display: flex; justify-content: center; align-items: center; }
#works_wrap .sec_03 li:first-child { width: 350px; }
#works_wrap .sec_03 li:last-child { margin: 0 0 0 50px; }
#works_wrap .sec_03 .sp_box { width: 100%; }
#works_wrap .sec_03 .sp_box .inner { background: #100B05; }
#works_wrap .sec_03 .sp_box .inner_in { margin: 0 auto; width: 94%; position: relative; }
#works_wrap .sec_03 .sp_box .inner_in::before { padding-top: 130%; content: ""; display: block; }
#works_wrap .sec_03 .sp_box .img_space { position: absolute; height: 100%; top: 0; left: 0; right: 0; width: 100%; overflow-y: scroll; scrollbar-width: none; margin: 0; padding: 0; }
#works_wrap .sec_03 .sp_box .img_space img { width: 100%; height: auto; }
#works_wrap .sec_03 dl { display: flex; margin: 30px 0; }
#works_wrap .sec_03 dt { width: 160px; }
#works_wrap .sec_03 dd { flex: 1; }
#works_wrap .sec_03 dd a { color: #f7931e; }
#works_wrap .sec_03 dd a:hover { color: #000; }
}
@media screen and (max-width: 780px) {
#works_wrap { margin: 50px 0 0 0; padding: 0 0 100px 0; }
#works_wrap .sec_01 { margin: 50px 0 0 0; }
#works_wrap .sec_01 .pc_box { margin: 0 auto; width: 90%; max-width: 1000px; }
#works_wrap .sec_01 .pc_box .inner { margin: 0 auto; width: 90%; }
#works_wrap .sec_01 .pc_box .inner_in { padding: 0 0 3% 0; background: #100B05; }
#works_wrap .sec_01 .pc_box .inner_in_in { margin: 0 auto; width: 94%; position: relative; }
#works_wrap .sec_01 .pc_box .inner_in_in::before { padding-top: 56.25%; content: ""; display: block; }
#works_wrap .sec_01 .pc_box .works_slide { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin: 0; padding: 0; }
#works_wrap .sec_01 .pc_box .slick-list { height: 100%; }
#works_wrap .sec_01 .pc_box .slick-track { height: 100%; }
#works_wrap .sec_01 .pc_box li { width: 100%; height: 100%; position: relative; }
#works_wrap .sec_01 .pc_box li p { position: absolute; height: 100%; top: 0; left: 0; right: 0; width: 100%; overflow-y: scroll; scrollbar-width: none; margin: 0; padding: 0; }
#works_wrap .sec_01 .pc_box li img { width: 100%; height: auto; }
#works_wrap .sec_01 .works_thumbnail .slick-track { display: flex; justify-content: center; margin: 30px auto 0 auto; }
#works_wrap .sec_01 .works_thumbnail .cell { padding: 0 10px; width: 18% !important; }
#works_wrap .sec_01 .works_thumbnail .cell img { width: 100%; height: auto; }

#works_wrap .sec_02 { margin: 50px 0 0 0; }
#works_wrap .sec_02 h2 { margin: 30px 0 10px 0; padding: 0 0 10px 0; font-size: 24px; font-weight: normal; line-height: 150%; border-bottom: solid 1px #f7931e; }
#works_wrap .sec_02 h3 { margin: 30px 0 10px 0; font-size: 18px; font-weight: normal; line-height: 150%; }

#works_wrap .sec_03 { margin: 50px 0 0 0; }
#works_wrap .sec_03 .sp_box { margin: 0 auto; width: 90%; max-width: 350px; }
#works_wrap .sec_03 .sp_box .inner { background: #100B05; }
#works_wrap .sec_03 .sp_box .inner_in { margin: 0 auto; width: 94%; position: relative; }
#works_wrap .sec_03 .sp_box .inner_in::before { padding-top: 130%; content: ""; display: block; }
#works_wrap .sec_03 .sp_box .img_space { position: absolute; height: 100%; top: 0; left: 0; right: 0; width: 100%; overflow-y: scroll; scrollbar-width: none; margin: 0; padding: 0; }
#works_wrap .sec_03 .sp_box .img_space img { width: 100%; height: auto; }
#works_wrap .sec_03 li.fz-24px { font-size: 14px !important; }
#works_wrap .sec_03 dl { display: flex; margin: 30px 0; }
#works_wrap .sec_03 dt { width: 100px; }
#works_wrap .sec_03 dd { flex: 1; }
#works_wrap .sec_03 dd a { color: #f7931e; }
#works_wrap .sec_03 dd a:hover { color: #000; }
}





/* 固定ページ共通 */
#page_title h2 span { display: none; }
#page_title .bread li span { display: none; }
@media screen and (min-width: 781px) {
#page_title { height: 320px; position: relative; }
#page_title .inner { margin: 0 auto; width: 1200px; height: 320px; position: relative; z-index: 1; }
#page_title .inner::before { content: ""; width: 83px; height: 320px; position: absolute; left: 937px; top: 0; background: url(images/page_title.svg) no-repeat; z-index: 0; }
#page_title .inner::after { content: ""; width: 2090px; height: 320px; position: absolute; left: -1150px; top: 0; background: rgb(252,217,145); background: linear-gradient(90deg, #FFD400 10%, #FFD400 100%); z-index: 0; }
#page_title .box { position: absolute; top: 0; bottom: 0; margin: auto; padding: 0 13.5%; width: 100%; height: 70px; z-index: 1; }
#page_title h2 { position: absolute; top: 0; }
#page_title .bread { display: flex; position: absolute; bottom: 0; }
#page_title .bread li { margin: 0 5px 0 0; }
#page_title .bread li::before { content: '>'; padding: 0 5px 0 0; }
#page_title .bread li:first-child::before { content: ''; padding: 0; }
#page_title .effect-fade_01 { opacity: 0; transform: translate(-1000px, 0); transition: all 1000ms; }
#page_title .effect-scroll_01 { opacity: 1; transform: translate(0, 0); }
#page_title .effect-fade_02 { opacity: 0; transform: translate(0, 10px); transition: all 1000ms; }
#page_title .effect-scroll_02 { opacity: 1; transform: translate(0, 0); }

#page_wrap { margin: -200px 0 0 0; padding: 280px 0 150px 0; position: relative; z-index: 0; background: #fff; }

.block_wid { padding: 50px 5%; background: #fff; }
.block_wid li { margin-left: 1.5em !important; list-style-type: disc; }
.block_wid .timeline li { margin: 0 !important; }
.timeline-title { display: none; }
.block_wid table { width: 100% !important; }
.block_wid a { color: #256ee2; }
.block_wid a:hover { color: #F7931E; }
}
@media screen and (max-width: 780px) {
#page_title { height: 200px; position: relative; }
#page_title .inner { margin: 0 auto; width: 100%; height: 200px; position: relative; z-index: 1; }
#page_title .inner::before { content: ""; width: 83px; height: 200px; position: absolute; left: 70%; top: 0; background: url(images/page_title.svg) no-repeat; z-index: 0; }
#page_title .inner::after { content: ""; width: 70%; height: 200px; position: absolute; left: 0; top: 0; background: rgb(252,217,145); background: linear-gradient(90deg, #FFD400 10%, #FFD400 100%); z-index: 0; }
#page_title .box { position: absolute; top: 0; bottom: 0; margin: auto; padding: 0 5%; width: 100%; height: 70px; z-index: 1; }
#page_title h2 { position: absolute; top: 0; }
#page_title .bread { display: flex; position: absolute; bottom: 0; }
#page_title .bread li { margin: 0 5px 0 0; }
#page_title .bread li::before { content: '>'; padding: 0 5px 0 0; }
#page_title .bread li:first-child::before { content: ''; padding: 0; }
#page_title .effect-fade_01 { opacity: 0; transform: translate(-1000px, 0); transition: all 1000ms; }
#page_title .effect-scroll_01 { opacity: 1; transform: translate(0, 0); }
#page_title .effect-fade_02 { opacity: 0; transform: translate(0, 10px); transition: all 1000ms; }
#page_title .effect-scroll_02 { opacity: 1; transform: translate(0, 0); }

#page_wrap { margin: -130px 0 0 0; padding: 200px 0 100px 0; position: relative; z-index: 0; background: #fff; }

.block_wid { padding: 50px 2.5%; background: #fff; }
.block_wid ul { padding: 0; }
.block_wid ol { padding: 0; }
.block_wid li { margin-left: 1.5em !important; list-style-type: disc; }
.block_wid .timeline li { margin: 0 !important; list-style-type: none; }
.timeline-title { display: none; }
.block_wid table { width: 100% !important; }
.block_wid a { color: #256ee2; }
.block_wid a:hover { color: #F7931E; }
}





/* サービス一覧 */
@media screen and (min-width: 781px) {
#service .sec_01 ul { display: flex; justify-content: space-between; flex-wrap: wrap; margin: -50px 0 0 0; }
#service .sec_01 li { margin: 0 0 90px 0; width: 48%; }
#service .sec_01 li:first-child { background-color: rgba(255,255,255,0); }
#service .sec_01 li:nth-child(even) { margin: 80px 0 0 0; }
#service .sec_01 li:nth-child(odd) { margin: -70px 0 0 0; }
#service .sec_01 h2 { margin: 200px 0 0 20px; padding: 0 0 0 50px; font-size: 30px; background: url(images/arrow_07.svg) no-repeat left top; line-height: 1.5;}
#service .sec_01 h2 span { display: block; font-size: 16px; }
#service .sec_01 li .box { display: flex; justify-content: flex-end; align-items: stretch; padding: 0 20px 0 5px; min-height: 320px; position: relative; background: #fff; }
#service .sec_01 li .box::before { content: ""; position: absolute; top: 0; left: 0; width: 38%; height: 100%; background: url(images/service_01.jpg) no-repeat center left; background-size: cover; clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%); }
#service .sec_01 li .box .inner { display: flex; flex-direction: column; justify-content: center; width: 60%; }
#service .sec_01 li:nth-child(2) .box::before { background: url(images/service_01.jpg.webp) no-repeat center left; }
#service .sec_01 li:nth-child(3) .box::before { background: url(images/service_02.jpg.webp) no-repeat center left; }
#service .sec_01 li:nth-child(4) .box::before { background: url(images/service_03.jpg.webp) no-repeat center left; }
#service .sec_01 li:nth-child(5) .box::before { background: url(images/service_04.jpg.webp) no-repeat center left; }
#service .sec_01 h3 { font-size: 24px; margin-bottom: 14px;}
#service .sec_01 p { margin: 20px 0; }
#service .sec_01 .btn_solid { display: block; }
#service .sec_01 li .box .inner .btn_solid { margin-top: 20px; }
}


@media screen and (max-width: 780px) {
#service .sec_01 li { margin: 0 0 20px 0; }
#service .sec_01 li:first-child { margin: 0 0 50px 0; background-color: rgba(255,255,255,0); }
#service .sec_01 h2 { margin: 0 0 0 20px; padding: 0 0 0 50px; font-size: 24px; background: url(images/arrow_07.svg) no-repeat left top; }
#service .sec_01 h2 span { display: block; font-size: 16px; }
#service .sec_01 li .box { background: #fff; }
#service .sec_01 li .box .sp img { width: 100%; }
#service .sec_01 li .box .inner { padding: 20px; }
#service .sec_01 h3 { font-size: 20px; }
#service .sec_01 p { margin: 20px 0; }
#service .sec_01 .btn_solid { display: block; margin: 0 auto; width: 90%; max-width: 280px; }
 #service .sec_01 li .box .inner h3 { margin-bottom: 10px; }
  #service .sec_01 li .box .inner p { margin: 14px 0 18px 0; }
}






/* 投稿ページ */
.sns-share a { color: #fff; }
.sns-follow { color: #fff; }
.entry-tags { display: none; }
.eye-catch-wrap .cat-label { display: none; }
.breadcrumb { display: none; }
.single_cont .entry-title { padding: 0 !important; background-color: rgba(255,255,255,0) !important; }
.wp-block-button__link { color: #fff !important; transition: all .5s ease; }
.wp-block-button__link:hover { opacity: 0.7; }
.entry-footer { display: none; }
#single_wrap .entry-content a { color: #256ee2; }
#single_wrap .entry-content a:hover { color: #F7931E; }
@media screen and (min-width: 781px) {
#archive_wrap { margin: -130px 0 0 0; padding: 200px 0 100px 0; position: relative; z-index: 0; background: #fff; }

#archive_wrap .kh_cat { display: flex; align-items: center; font-size: 14px; }
#archive_wrap .kh_cat dt { padding: 0 0 0 10px; position: relative; }
#archive_wrap .kh_cat dt img { width: 5px; height: 6px; vertical-align: middle; }
#archive_wrap .kh_cat dt::after { content: ''; display: inline-block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 1px; left: 0; z-index: 0; }
#archive_wrap .kh_cat dd { position: relative; }
#archive_wrap .kh_cat dd::after { content: ''; display: inline-block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 1px; left: 0; z-index: 0; }
#archive_wrap .kh_cat dd a { display: block; padding: 0 5px 10px 5px; position: relative; }
#archive_wrap .kh_cat dd a:hover { color: #F7931E; }
#archive_wrap .kh_cat dd a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background:#F7931E; transition: all .3s; transform: scale(0, 1); transform-origin: center top; z-index: 1; }
#archive_wrap .kh_cat dd .current { color: #F7931E; }
#archive_wrap .kh_cat dd .current::after,
#archive_wrap .kh_cat dd a:hover::after { transform: scale(1, 1); }

#archive_wrap .kh_list { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 50px 0 0 0; }
#archive_wrap .kh_list li { margin: 0 0 80px 0; width: 48%; }
#archive_wrap .kh_list li:nth-child(even) .img_wrap { margin: 100px 0 0 0; }
#archive_wrap .kh_list li .box { padding: 15px 60px 30px 60px; background: #fff; position: relative; }
#archive_wrap .kh_list li .box::before { content: ""; width: 33px; height: 72px; background: url(images/arrow_06.svg) no-repeat top left; position: absolute; top: -25px; left: 15px; }
#archive_wrap .kh_list h3 { margin: 0 0 5px 0; }
#archive_wrap .kh_list h3 img { width: 18px; vertical-align: middle; }
#archive_wrap .kh_list h4 { font-weight: normal; }
#archive_wrap .kh_list p { color: #BBB; }
#archive_wrap .kh_list p a { color: #BBB; }
.pagination span.current { border: none; background-color: rgba(255,255,255,0) !important; }
.pagination a.page-numbers { border: none; background: linear-gradient(90deg,rgba(252,217,145,1) 0%,rgba(254,197,94,1) 100%); }

#blog_wrap { margin: -130px 0 0 0; padding: 200px 0 100px 0; position: relative; z-index: 0; background: #fff; }

#blog_wrap .kh_cat { display: flex; font-size: 14px; }
#blog_wrap .kh_cat dt { padding: 0 0 0 10px; position: relative; }
#blog_wrap .kh_cat dt img { width: 5px; height: 6px; vertical-align: middle; }
#blog_wrap .kh_cat dt::after { content: ''; display: inline-block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 1px; left: 0; z-index: 0; }
#blog_wrap .kh_cat dd { position: relative; }
#blog_wrap .kh_cat dd::after { content: ''; display: inline-block; width: 100%; height: 1px; background: #000; position: absolute; bottom: 1px; left: 0; z-index: 0; }
#blog_wrap .kh_cat dd a { display: block; padding: 0 5px 10px 5px; position: relative; }
#blog_wrap .kh_cat dd a:hover { color: #F7931E; }
#blog_wrap .kh_cat dd a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background:#F7931E; transition: all .3s; transform: scale(0, 1); transform-origin: center top; z-index: 1; }
#blog_wrap .kh_cat dd .current { color: #F7931E; }
#blog_wrap .kh_cat dd .current::after,
#blog_wrap .kh_cat dd a:hover::after { transform: scale(1, 1); }

#blog_wrap .kh_list { display: flex; flex-wrap: wrap; margin: 50px 0 0 -25px; }
#blog_wrap .kh_list li { margin: 0 0 70px 25px; width: calc(100%/3 - 25px); }
#blog_wrap .kh_list h3 { margin: 20px 0 5px 0; }
#blog_wrap .kh_list h3 img { width: 18px; vertical-align: middle; }
#blog_wrap .kh_list h4 { font-weight: normal; }
#blog_wrap .kh_list p { color: #BBB; }
#blog_wrap .kh_list p a { color: #BBB; }

#single_wrap { margin: -130px 0 0 0; padding: 200px 0 100px 0; position: relative; z-index: 0; }
#single_wrap .single_cont { margin: 0 auto; width: 90%; max-width: 800px; }
.eye-catch-wrap { justify-content: center; }
.content_date { display: flex; justify-content: flex-start; color: #bbb; }
.content_date dt { width: auto; }
.content_date dd { margin: 0 0 0 10px; }
.content_date dd a { color: #bbb; }
.single .entry-content { margin: 50px 0 0 0; }
.single .entry-content ol { padding: 0; }
.single .entry-content ol > li { margin: 0 0 15px 1.29vw; list-style-type: decimal; }
.under-entry-content { margin: 100px 0 0 0; }
}
@media screen and (max-width: 780px) {
#archive_wrap { margin: -130px 0 0 0; padding: 150px 0 100px 0; position: relative; z-index: 0; background: #fff; }

#archive_wrap .kh_cat { display: none; }

#archive_wrap .kh_list { margin: 80px 0 0 0; }
#archive_wrap .kh_list li { margin: 0 0 50px 0; }
#archive_wrap .kh_list li .box { padding: 15px 60px 30px 60px; background: #fff; position: relative; }
#archive_wrap .kh_list li .box::before { content: ""; width: 33px; height: 72px; background: url(images/arrow_06.svg) no-repeat top left; position: absolute; top: -25px; left: 15px; }
#archive_wrap .kh_list h3 { margin: 0 0 5px 0; }
#archive_wrap .kh_list h3 img { width: 18px; vertical-align: middle; }
#archive_wrap .kh_list h4 { font-weight: normal; }
#archive_wrap .kh_list p { color: #BBB; }
#archive_wrap .kh_list p a { color: #BBB; }
.pagination span.current { border: none; background-color: rgba(255,255,255,0) !important; }
.pagination a.page-numbers { border: none; background: linear-gradient(90deg,rgba(252,217,145,1) 0%,rgba(254,197,94,1) 100%); }

#blog_wrap { margin: -130px 0 0 0; padding: 150px 0 100px 0; position: relative; z-index: 0; }
#blog_wrap .kh_cat { display: none; }
#blog_wrap .kh_list { margin-top: 50px; }
#blog_wrap .kh_list li { margin: 0 0 30px 0; }
#blog_wrap .kh_list h3 { margin: 20px 0 5px 0; }
#blog_wrap .kh_list h3 img { width: 18px; vertical-align: middle; }
#blog_wrap .kh_list h4 { font-weight: normal; }
#blog_wrap .kh_list p { color: #BBB; }
#blog_wrap .kh_list p a { color: #BBB; }

#single_wrap { margin: -130px 0 0 0; padding: 150px 0 100px 0; position: relative; z-index: 0; background: #fff; }
#single_wrap .single_cont { margin: 0 auto; width: 90%; }
.eye-catch-wrap { justify-content: center; }
.content_date { display: flex; justify-content: flex-start; color: #bbb; }
.content_date dt { width: auto; }
.content_date dd { margin: 0 0 0 10px; }
.content_date dd a { color: #bbb; }
.single .entry-content { margin: 50px 0 0 0; }
.single .entry-content ol { padding: 0; }
.single .entry-content ol > li { margin: 0 0 15px 1.29vw; list-style-type: decimal; }
.under-entry-content { margin: 100px 0 0 0; }
}





@media screen and (min-width: 781px) {
#contact .sec_01 { padding: 50px 60px 0 60px; background: #fff; }
#contact .sec_01 dl { display: flex; }
#contact .sec_01 dt { flex: 1; margin: 0 40px 0 0; }
#contact .sec_01 dd { width: 140px; }
#contact .sec_01 p { margin: 0 auto; width: 30px; }

#contact .sec_02 { padding: 40px 60px; background: #fff; }
#contact .sec_02 dl { display: flex; align-items: flex-start; margin: 0 0 40px 0; }
#contact .sec_02 dt { display: flex; align-items: center; margin: 20px 0 0 0; width: 30%; }
#contact .sec_02 dt p { line-height: 100%; }
#contact .sec_02 dt span { margin: 0 0 0 15px; padding: 5px 15px; color: #EC1C24; font-size: 12px; line-height: 100%; border: solid 1px #EC1C24; }
#contact .sec_02 dd { width: 70%; max-width: 600px; }
#contact .sec_02 dd select { padding: 15px 30px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("images/arrow_08.svg") no-repeat right 15px center #F0F0F0; background-size: 6px; border-radius: 0; border: none; }
#contact .sec_02 dd input { padding: 15px 30px; width: 100%; background: #F0F0F0; border: none; border-radius: 0; }
#contact .sec_02 dd textarea { padding: 15px 30px; width: 100%; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; background: #F0F0F0; border: none; border-radius: 0; }
#contact .sec_02 dd input[type="submit"] { display: block; padding: 30px; width: 100%; max-width: 400px; color: #fff; font-size: 24px; text-align: center; line-height: 100%; background-color: #F05A24; box-shadow: 0 3px 0 #DB3805; border-radius: 60px; cursor: pointer; border: none; transition: none !important; }
#contact .sec_02 dd input[type="submit"]:hover { box-shadow: none; transform: translateY(3px); }
#contact .sec_02 dd .wpcf7-list-item { margin: 0 !important; }
#contact .sec_02 .recap { color: #e5e5e5; font-size: 14px; text-align: center; }
#contact .sec_02 .recap a { color: #e5e5e5; }

#contact .sec_03 { margin: 50px 0 0 0; padding: 60px; background: #fff; }
#contact .sec_03 h2 { text-align: center; font-weight: normal; }
#contact .sec_03 h2 span { display: block; margin: 20px 0 0 0; }
#contact .sec_03 p { margin: 20px auto 0 auto; width: 30px; }
#contact .sec_03 dl { display: flex; align-items: center; }
#contact .sec_03 dt { flex: 1; margin: 0 40px 0 0; text-align: center; }
#contact .sec_03 .txt_01 { font-size: 16px; }
#contact .sec_03 .txt_02 { margin: 15px 0; font-size: 46px; }
#contact .sec_03 .txt_03 { font-size: 20px; }
#contact .sec_03 dd { width: 140px; }
}
@media screen and (max-width: 780px) {
#contact .sec_01 { padding: 50px 5% 0 5%; background: #fff; }
#contact .sec_01 dl { display: flex; align-items: center; }
#contact .sec_01 dt { flex: 1; }
#contact .sec_01 dd { width: 30%; max-width: 140px; }
#contact .sec_01 p { margin: 15px auto 0 auto; width: 30px; }

#contact .sec_02 { padding: 20px 5%; background: #fff; }
#contact .sec_02 dl { margin: 0 0 30px 0; }
#contact .sec_02 dt { display: flex; align-items: center; }
#contact .sec_02 dt p { line-height: 100%; }
#contact .sec_02 dt span { margin: 0 0 0 15px; padding: 2px 15px; color: #EC1C24; font-size: 12px; line-height: 100%; border: solid 1px #EC1C24; }
#contact .sec_02 dd { margin: 10px 0 0 0; }
#contact .sec_02 dd select { padding: 10px 20px; width: 100%; font-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("images/arrow_08.svg") no-repeat right 15px center #F0F0F0; background-size: 6px; border-radius: 0; border: none; }
#contact .sec_02 dd input { padding: 10px 20px; width: 100%; font-size: 14px; background: #F0F0F0; border: none; border-radius: 0; }
#contact .sec_02 dd textarea { padding: 10px 20px; width: 100%; font-size: 14px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; background: #F0F0F0; border: none; border-radius: 0; }
#contact .sec_02 dd input[type="submit"] { display: block; margin: 0 auto; padding: 15px; width: 90%; max-width: 400px; color: #fff; font-size: 18px; text-align: center; line-height: 100%; background-color: #F05A24; box-shadow: 0 3px 0 #DB3805; border-radius: 60px; cursor: pointer; border: none; transition: none !important; }
#contact .sec_02 dd input[type="submit"]:hover { box-shadow: none; transform: translateY(3px); }
#contact .sec_02 dd .wpcf7-list-item { margin: 0 !important; }
#contact .sec_02 .recap { color: #e5e5e5; font-size: 12px; text-align: center; }
#contact .sec_02 .recap a { color: #e5e5e5; }

#contact .sec_03 { margin: 50px 0 0 0; padding: 50px 5%; background: #fff; }
#contact .sec_03 h2 { text-align: center; font-weight: normal; }
#contact .sec_03 h2 span { display: block; margin: 20px 0 0 0; }
#contact .sec_03 p { margin: 20px auto; width: 30px; }
#contact .sec_03 dl { display: flex; align-items: center; }
#contact .sec_03 dt { flex: 1; text-align: center; }
#contact .sec_03 .txt_01 { font-size: 14px; }
#contact .sec_03 .txt_02 { margin: 15px 0; font-size: 24px; }
#contact .sec_03 .txt_03 { font-size: 16px; }
#contact .sec_03 dd { width: 25%; max-width: 140px; }
}



@media screen and (min-width: 781px) {
.btn_twotone { margin: 50px 0 0 0; }
.btn_twotone a { background: linear-gradient(180deg, #93D478 0%, #93D478 50%, #3CCD49 50%, #3CCD49 100%); display: flex; justify-content: center; align-items: center; width: 100%; max-width: 330px; height: 60px; color: #fff; font-size: 20px; border-radius: 50px; position: relative; }
.btn_twotone a::after { content: '▶'; position: absolute; right: 15px; }

#about { margin: 0 0 110px 0; }
#about .sec_01 { margin: 0 auto; width: 95%; max-width: 1000px; }
#about .sec_01 dl { display: flex; justify-content: space-between; }
#about .sec_01 dt { width: 55%; }
#about .sec_01 dt a { display: block; margin: 50px 0 0 0; max-width: 330px; }
#about .sec_01 dt span { padding: 0 0 0 80px; background: url(images/about_08.png) no-repeat left center; }
#about .sec_01 dt h1 { margin: 10px 0 30px 0; font-size: 40px; line-height: 150%; }
#about .sec_01 dd { width: 40%; text-align: right; }
#about .sec_01 dd img { padding: 0 0 10px 0; }
#about .sec_01 .box { margin: 50px 0 0 0; padding: 5px; background: #fcd991; background: linear-gradient(90deg,rgba(252,217,145,1) 0%,rgba(254,197,94,1) 100%); }
#about .sec_01 .inner { padding: 50px 8%; background: #fff; }
#about .sec_01 .inner h3 { margin: 0 0 10px 0; color: #f7931e; font-size: 20px; font-weight: normal; }
#about .sec_01 ul { display: flex; justify-content: space-between; }
#about .sec_01 li { width: 48%; }

#about .sec_02 { margin: 80px 0 0 0; padding: 60px 0; background: url(images/about_11.jpg) no-repeat; background-size: cover; }
#about .sec_02 h2 { text-align: center; font-size: 40px; }
#about .sec_02 dl { display: flex; margin: 30px auto 0 auto; width: 90%; max-width: 700px; }
#about .sec_02 dt { width: 100px; }
#about .sec_02 dt img { border-radius: 50%; }
#about .sec_02 dd { flex: 1; margin: 0 0 0 30px; }

#about .sec_03 { margin: 90px auto 0 auto; width: 95%; max-width: 1000px; }
#about .sec_03 ul { display: flex; justify-content: space-between; }
#about .sec_03 li { width: 49.5%; }
#about .sec_03 h2 { margin: 50px 0 30px 0; font-size: 36px; font-weight: normal; }
#about .sec_03 dl:first-child { border-top: solid 1px #000; }
#about .sec_03 dl { display: flex; align-items: center; margin: 0; padding: 15px 0; border-bottom: solid 1px #000; }
#about .sec_03 dt { padding: 0 0 0 20px; width: 150px; }
#about .sec_03 dd { flex: 1; padding: 0 20px 0 0; }
#about .sec_03 .ggmap { margin: 40px 0 0 0; padding: 0; vertical-align: bottom; position: relative; padding-top: 40%; height: 0; overflow: hidden; }
#about .sec_03 .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
#about .sec_03 p { margin: 10px 0 0 0; }

#about .sec_04 { margin: 40px auto 0 auto; width: 95%; max-width: 1000px; }
#about .sec_04 dl { display: flex; justify-content: space-between; align-items: center; }
#about .sec_04 dt { width: 40%; }
#about .sec_04 dd { width: 55%; }

#about .sec_05 { margin: 90px auto 0 auto; width: 95%; max-width: 1000px; }
#about .sec_05 h2 { padding: 15px; color: #fff; font-size: 24px; text-align: center; background: rgb(255,123,172); background: linear-gradient(180deg, rgba(255,123,172,1) 0%, rgba(237,30,121,1) 100%); }
#about .sec_05 .box { padding: 30px 5%; border-left: solid 1px #ED1E79; border-right: solid 1px #ED1E79; border-bottom: solid 1px #ED1E79; }
#about .sec_05 dl { display: flex; justify-content: space-between; }
#about .sec_05 dt { width: 35%; }
#about .sec_05 dd { width: 60%; }
#about .sec_05 dd h3 { color: #C1272D; line-height: 150%; }
#about .sec_05 dd h3 span { display: block; color: #000; }
#about .sec_05 dd p { margin: 30px 0; }

.ggmap { margin: 0; padding: 0; vertical-align: bottom; position: relative; padding-top: 40%; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
}
@media screen and (max-width: 780px) {
.btn_twotone { margin: 30px 0 0 0; }
.btn_twotone a { margin: 0 auto; background: linear-gradient(180deg, #93D478 0%, #93D478 50%, #3CCD49 50%, #3CCD49 100%); display: flex; justify-content: center; align-items: center; width: 100%; max-width: 300px; height: 60px; color: #fff; font-size: 20px; border-radius: 50px; position: relative; }
.btn_twotone a::after { content: '▶'; position: absolute; right: 15px; }

#about { margin: 0 0 110px 0; }
#about .sec_01 { margin: 0 auto; width: 90%; }
#about .sec_01 h1 { margin: 0 0 15px 0; font-size: 30px; line-height: 180%; }
#about .sec_01 dl { display: flex; flex-direction: column-reverse; }
#about .sec_01 dt { margin: 40px 0 0 0; }
#about .sec_01 dt a { display: block; margin: 30px 0 0 0; max-width: 330px; }
#about .sec_01 dd { text-align: right; }
#about .sec_01 dd img { padding: 0 0 10px 0; }
#about .sec_01 .box { margin: 50px 0 0 0; padding: 5px; background: #fcd991; background: linear-gradient(90deg,rgba(252,217,145,1) 0%,rgba(254,197,94,1) 100%); }
#about .sec_01 .inner { padding: 30px 15px; background: #fff; }
#about .sec_01 .inner h3 { margin: 0 0 10px 0; color: #f7931e; font-size: 20px; font-weight: normal; }
#about .sec_01 .btn_twotone { display: none; }

#about .sec_02 { margin: 40px 0 0 0; padding: 60px 0; background: url(images/about_11.jpg) no-repeat; background-size: cover; }
#about .sec_02 h2 { text-align: center; font-size: 24px; }
#about .sec_02 dl { margin: 30px auto 0 auto; width: 90%; }
#about .sec_02 dt { margin: 0 auto; width: 100px; }
#about .sec_02 dt img { border-radius: 50%; }
#about .sec_02 dd { margin: 20px 0 0 0; }

#about .sec_03 { margin: 90px 0 0 0; }
#about .sec_03 li { margin: 0 auto; width: 90%; text-align: center; }
#about .sec_03 li:last-child { display: none; }
#about .sec_03 h2 { margin: 30px auto 15px auto; width: 90%; font-size: 24px; font-weight: normal; }
#about .sec_03 dl:first-child { border-top: solid 1px #000; }
#about .sec_03 dl { display: flex; align-items: center; margin: 0; padding: 15px 5%; border-bottom: solid 1px #000; }
#about .sec_03 dt { width: 120px; }
#about .sec_03 dd { flex: 1; padding: 0 20px 0 0; }
#about .sec_03 .ggmap { margin: 40px auto 0 auto; width: 90%; padding: 0; vertical-align: bottom; position: relative; padding-top: 80%; height: 0; overflow: hidden; }
#about .sec_03 .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
#about .sec_03 p { margin: 10px auto 0 auto; width: 90%; }

#about .sec_04 { display: none; margin: 40px auto 0 auto; width: 90%; }
#about .sec_04 dl { display: flex; justify-content: space-between; align-items: center; }
#about .sec_04 dt { width: 40%; }
#about .sec_04 dd { width: 55%; }

#about .sec_05 { margin: 90px auto 0 auto; width: 90%; }
#about .sec_05 h2 { padding: 15px; color: #fff; font-size: 24px; text-align: center; background: rgb(255,123,172); background: linear-gradient(180deg, rgba(255,123,172,1) 0%, rgba(237,30,121,1) 100%); }
#about .sec_05 .box { padding: 15px 15px 30px 15px; border-left: solid 1px #ED1E79; border-right: solid 1px #ED1E79; border-bottom: solid 1px #ED1E79; }
#about .sec_05 dt { margin: 0 auto; max-width: 220px; }
#about .sec_05 dd { margin: 30px 0 0 0; }
#about .sec_05 dd h3 { color: #C1272D; line-height: 150%; }
#about .sec_05 dd h3 span { display: block; color: #000; }
#about .sec_05 dd p { margin: 30px 0; }

.ggmap { margin: 0; padding: 0; vertical-align: bottom; position: relative; padding-top: 70%; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: bottom; }
}



@media screen and (min-width: 781px) {
#download .sec_01 ul { display: flex; justify-content: space-between; align-items: stretch; }
#download .sec_01 li { width: 31%; background: #fff; position: relative; }
#download .sec_01 dd { padding: 20px 20px 120px 20px; }
#download .sec_01 dd h3 { font-size: 18px; }
#download .sec_01 dd p { margin: 5px 0 0 0; font-size: 15px; }
#download .sec_01 li .btn_solid { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; width: 80%; max-width: 280px; }
}
@media screen and (max-width: 780px) {
#download .sec_01 li { margin: 0 0 50px 0; padding: 0 0 40px 0; background: #fff; }
#download .sec_01 dd { padding: 20px 5% 0 5%; }
#download .sec_01 dd h3 { font-size: 16px; }
#download .sec_01 dd p { margin: 5px 0 0 0; font-size: 14px; }
#download .sec_01 li .btn_solid { display: block; margin: 30px auto 0 auto; width: 80%; max-width: 280px; }
}

/* ーー投稿記事ーーーーーーーー */
.entry-content ul {
  list-style-type: disc;
  padding-left: 1.5em;
}

.entry-content ul li {
  list-style-type: disc;
}

.entry-content ol {
  list-style-type: decimal;
  padding-left: 1.5em;
}

.entry-content ol li {
  list-style-type: decimal;
}

.entry-content h3,
.entry-content .wp-block-heading h3 {
  background: none;
  border: none;
  border-bottom: 2px solid #ccc;
  padding-bottom: 0.4em;
  margin-bottom: 15px; 
}

.entry-content h2,
.entry-content .wp-block-heading h2 {
  margin-top: 50px;
  margin-bottom: 20px;
}
.entry-content h2 {
  background-color: transparent; /* 背景をやめる */
  border-bottom: 2px solid #f0ece8; /* 下線で柔らかく */
  padding-bottom: .4em;
}