/*
Theme Name: KATAOKA
Theme URI:
Description:
Author:
Version:
*/

body{overflow-x:hidden;font-weight: 400}

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

img{width:100%;}

#wrap{overflow: hidden;}

a{color:#000;text-decoration:none;transition:0.5s;}

.block{max-width:1200px;margin:0 auto;}
.block800{max-width:800px;margin:0 auto;}

.pa{padding:100px 0;}
.pat0{padding:0 0 100px;}
.pt30{padding: 30px 0 0}
.pab0{padding:100px 0 0;}

.w30{width:28%;}
.w31{width:31%;}
.w33{width:33%;}
.w35{width:33%;}
.w45{width:43%;}
.w50{width:48%;}
.w55{width:53%;}
.w65{width:63%;}

.mb0{margin-bottom:0 !important;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px;}

.flex{display:flex;justify-content:space-between;}
.center{text-align:center;}

.youtube{width:100%;aspect-ratio:16 / 9;}
.youtube iframe{width:100%;height:100%;}

.tl{position:relative;padding-left:40px;margin-bottom:50px;font-size:170%;letter-spacing:0.3em;font-weight: 500}
.tl::before{content:"";position:absolute;top:20px;left:0;width:25px;height:2px;background:#000;}
.tl_copy{margin: -15px 0 50px}
.tl_copy p{line-height:220%;margin-bottom: 0.5em}
.tl_copy p:last-child{margin-bottom: 0}
.tl_copy a{text-decoration: underline;}

table{border-collapse:collapse;width:100%; }
table th,
table td{padding: 30px;border-top:solid 1px rgba(105,163,216,1);border-bottom:solid 1px rgba(105,163,216,1);line-height: 180%}
table th{width: 25%;background:rgba(105,163,216,0.2) }
table td a{text-decoration: underline;}
table th span{font-size: 80%;padding: 5px 10px;float: right;background: #000;color:#fff;line-height: 100%;}
table td textarea,
table td input{width: 100%;padding: 5px;font-size: 120%;border-radius: 5px;border: solid 1px #ccc;}
table td textarea{height: 8em}
table td dl{padding: 8px 0;display: flex;align-items: center;}
table td dl dt{width: 15%}
table td dl:first-child{padding-top: 0}
table td dl:last-child{padding-bottom: 0}
table td dl dd{width: 85%;}


/* ==============================
   HEADER
============================== */

#head{position:relative;top:0;right:0;left:0;z-index:9999;width:100%;margin:0;padding:40px;box-sizing:border-box;transform:none;}
#head #logo{width:221px;margin:0;}
#head #logo a{display:block;}
#head #logo img{display:block;}
#head .btn a{width:156px;height:35px;}
#head .flex{align-items:center;}

/* ==============================
   NAVIGATION
============================== */

#nav{padding:0 20px 0 0;}
#nav > li{position:relative;}
#nav > li > a{position:relative;display:inline-block;padding:20px;color:inherit;text-decoration:none;}
#nav > li > a::after{content:"";position:absolute;left:20px;bottom:10px;width:26px;height:2px;background:linear-gradient(60deg,rgba(0,188,139,1) 0%,#ff8fef 100%);transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease;}
#nav > li > a:hover::after,#nav > li > a:focus-visible::after,#nav > li:hover > a::after,#nav > li:focus-within > a::after{transform:scaleX(1);}

#nav > li > ul{position:absolute;top:100%;left:50%;z-index:1000;width:300px;margin:0;padding:0;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.12);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;}
#nav > li:hover > ul,#nav > li:focus-within > ul{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
#nav > li > ul > li{display:block;width:100%;}
#nav > li > ul > li > a{display:block;padding:14px 20px;color:#000;font-size:14px;line-height:1.5;text-decoration:none;white-space:nowrap;background-image:linear-gradient(90deg,rgba(0,188,139,1) 0%,#ff8fef 100%);background-repeat:no-repeat;background-position:left center;background-size:0 100%;transition:background-size 0.35s ease,color 0.3s ease;}
#nav > li > ul > li > a:hover,#nav > li > ul > li > a:focus-visible{color:#fff;background-size:100% 100%;}
#nav > li > ul > li > a::after{display:none;}

/* ==============================
   FOOTER
============================== */

#foot{position:relative;z-index:10;overflow:visible;background:#000;}
#foot > div.flex{align-items:flex-end;padding:60px 20px 140px;}
#foot dl.flex{align-items:center;margin:0;padding:0;}
#foot dt{display:block;padding:20px;color:rgba(255,255,255,0.5);}
#foot dl > dd{position:relative;margin:0;padding:0;}
#foot dl > dd > a{position:relative;display:block;padding:20px;color:#fff;text-decoration:none;}
#foot p{margin:0;padding:20px;color:#fff;font-size:80%;}

#foot dl > dd > a::after{content:"";position:absolute;bottom:10px;left:20px;width:26px;height:2px;background:linear-gradient(60deg,rgba(0,188,139,1) 0%,#ff8fef 100%);transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease;}
#foot dl > dd > a:hover::after,#foot dl > dd > a:focus-visible::after,#foot dl > dd:hover > a::after,#foot dl > dd:focus-within > a::after{transform:scaleX(1);}

/* BUSINESSのドロップダウン */

#foot .footer-business{position:relative;}
#foot .footer-business__menu{position:absolute;bottom:100%;left:50%;z-index:1000;width:300px;margin:0;padding:0;background:#fff;box-shadow:0 -8px 24px rgba(0,0,0,0.18);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-10px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;}
#foot .footer-business:hover .footer-business__menu,#foot .footer-business:focus-within .footer-business__menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
#foot .footer-business__menu > li{display:block;width:100%;margin:0;padding:0;}
#foot .footer-business__menu > li > a{position:relative;display:block;padding:14px 20px;color:#000;font-size:14px;line-height:1.5;text-decoration:none;white-space:nowrap;background-image:linear-gradient(90deg,rgba(0,188,139,1) 0%,#ff8fef 100%);background-repeat:no-repeat;background-position:left center;background-size:0 100%;transition:background-size 0.35s ease,color 0.3s ease;}
#foot .footer-business__menu > li > a:hover,#foot .footer-business__menu > li > a:focus-visible{color:#fff;background-size:100% 100%;}
#foot .footer-business__menu > li > a::after{display:none;}


/* ==============================
   BUTTON
============================== */

.btn a{position:relative;display:flex;align-items:center;justify-content:center;width:360px;height:50px;margin:0 auto;box-sizing:border-box;color:#000;text-decoration:none;background:#fff;border:1px solid transparent;box-shadow:-2px -2px 4px rgba(0,188,139,0.25),2px 2px 4px rgba(255,143,239,0.25);transition:box-shadow 0.3s ease;}
.btn a::before,.btn a::after{content:"";position:absolute;inset:-1px;z-index:0;border:1px solid transparent;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity 0.3s ease;}
.btn a::before{background:linear-gradient(90deg,rgba(0,188,139,1) 0%,#ff8fef 100%) border-box;opacity:1;}
.btn a::after{background:linear-gradient(90deg,#ff8fef 0%,rgba(0,188,139,1) 100%) border-box;opacity:0;}
.btn a:hover,.btn a:focus-visible{box-shadow:3px 3px 4px rgba(0,188,139,0.25),-3px -3px 4px rgba(255,143,239,0.25);}
.btn a:hover::before,.btn a:focus-visible::before{opacity:0;}
.btn a:hover::after,.btn a:focus-visible::after{opacity:1;}
.btn a:focus-visible{outline:2px solid rgba(0,188,139,1);outline-offset:3px;}
.btn a span{position:relative;z-index:1;display:block;width:100%;text-align:center;}
.btn a span::after{content:"";position:absolute;top:50%;right:20px;display:block;width:15px;height:4px;margin-top:-2px;background:url(./img/arw_b.svg) no-repeat center center;background-size:15px 4px;}
.btn .pdf img{width: 21px;vertical-align: text-top;margin-left: 5px}
.btns{display: flex;justify-content: center;padding-top: 50px;flex-wrap: wrap;}
.btns li{margin: 0 12px;}
.btns .btn a{margin: 0 20px}

/* ==============================
   FIRST VIEW
============================== */

.first-view__content p.tl_img{position:relative;width:578px;margin:50px auto 0;}
.first-view p.arw{position:relative;left:50%;width:5px;margin-left:-2.5px;margin-top: 80px}

/* ==============================
   SECTION 02
============================== */

.sec02 a.flex{align-items:center;background:rgba(0,188,139,0.20);}
.sec02 a.flex:hover{background:rgba(0,188,139,0.35);}
.sec02 a.flex.pink{background:rgba(255,143,239,0.20);}
.sec02 a.flex.pink:hover{background:rgba(255,143,239,0.35);}
.sec02 span{display:block;}
.sec02 span.thum{width:30%;}
.sec02 span.copy{position:relative;width:70%;padding:25px 50px 25px 25px;}
.sec02 span.copy::after{content:"";position:absolute;top:50%;right:20px;display:block;width:15px;height:4px;margin-top:-2px;background:url(./img/arw_b.svg) no-repeat center center;background-size:15px 4px;}
.sec02 span.copy dt{margin-bottom:10px;font-size:145%;font-weight: 500}
.sec02 span.copy dd{line-height:160%;}

/* ==============================
   SECTION 03
============================== */

.sec03 .left{width:320px;}
.sec03 .left .tl{margin-bottom:30px;}
.sec03 .left .btn a{width:275px;margin-left:45px;}
.sec03 .right{width:815px;}
.sec03 .right ul{border-bottom:1px solid #ccc;}
.sec03 .right li{border-top:1px solid #ccc;}
.sec03 .right li a{position:relative;display:block;padding:50px 60px 50px 30px;color:#000;text-decoration:none;background-image:linear-gradient(90deg,rgba(0,188,139,0.20) 0%,rgba(255,143,239,0.20) 100%);background-repeat:no-repeat;background-position:left center;background-size:0% 100%;transition:background-size 0.45s ease,color 0.3s ease;}
.sec03 .right li a:hover,.sec03 .right li a:focus-visible{background-size:100% 100%;}
.sec03 .right li a::after{content:"";position:absolute;top:50%;right:30px;display:block;width:15px;height:4px;margin-top:-2px;background:url(./img/arw_b.svg) no-repeat center center;background-size:15px 4px;transition:transform 0.3s ease;}
.sec03 .right li span{display:inline-block;width:6.5em;}

#second #mainview{display: flex;justify-content: center;align-items: center;position: relative;font-weight: 500}
#second #mainview p{padding: 0 40px}
#second #mainview div{position: absolute;color:#fff;text-align: center;}
#second #mainview div h1{font-size:230%;letter-spacing: 0.3em}
#second #mainview div span{text-align: center;border: solid 1px #fff;padding: 5px 0 ;width: 145px;display: block;line-height: 100%;letter-spacing: 0.3em;margin:0 auto 15px}
#second #mainview div span.sub{margin:15px auto 0;width: auto;border: none;}

.jo_img02_wide{display:block;width:calc(100vw - ((100vw - 1200px) / 2));margin-left:calc((1200px - 100vw) / 2);margin-right:0;max-width:none;}
.jo_img02_wide img{display:block;width:100%;height:auto;margin:0;}


.jo_sec03 ol{padding-top: 20px}
.jo_sec03 li{padding:30px 10px 0;background:linear-gradient(to bottom,rgba(0,188,139,0.20) 0%,rgba(0,188,139,0) 100%);width: 24%;position: relative;}
.jo_sec03 li:after{content: "";display: block;position: absolute;top:10px;right:-47px;background:url(./img/flow_arw.png) no-repeat center center;background-size:80px 80px;width:80px;height:80px; z-index: 9}
.jo_sec03 li:last-child:after{display: none;}
.jo_sec03 li dl{text-align: center;}
.jo_sec03 li dt{font-size: 400%;font-weight: 400;color:rgba(0,188,139,1);margin-top:-50px;line-height: 100%;font-family: "Bebas Neue", sans-serif;}
.jo_sec03 li dd{font-size:170%;padding:0 0 15px;font-weight: 500}

.jo_sec04 .mb50 li{width: 32.5%;background: #ddd;padding:100px 0;text-align: center;}

.jo_btns{background: rgba(0,188,139,0.2);padding: 50px}

.riyu_area{background: rgba(0,188,139,0.20);padding:50px;}
.riyu_area h3{font-size: 150%;margin-bottom: 30px;font-weight: 500;position: relative;}
.riyu_area h3:after{content: "";display: block;height: 80px;width: 2px;background:rgba(0,188,139,1);position:absolute;top:-50px;left:-15px }
.riyu_area .flex{align-items: baseline;}
.riyu_area li{background: #fff;border-radius: 10px;padding:30px 40px;margin-bottom: 10px}
.riyu_area li:last-child{margin: 0}
.riyu_area li li{border-radius: 0;padding: 0;margin: 10px 0 0}
.riyu_area h4{font-size: 120%;font-weight: 500;}
.riyu_area p{line-height: 200%;padding: 10px 0 0}

.ka_sec03 li{position: relative;background: rgba(242,241,252);margin-bottom: 15px}
.ka_sec03 li span{position: absolute;top:0;left:0;font-size: 2000%;font-family: "Bebas Neue", sans-serif;line-height: 90%;color: rgba(157,143,235,0.08);}
.ka_sec03 .flex {align-items: center;}
.ka_sec03 .flex dl{padding: 0 50px}
.ka_sec03 .flex dl dt{font-size: 120%;font-weight: 500;margin-bottom:10px; }
.ka_sec03 .flex dl dd{line-height: 200%}
.ka_sec03 li:nth-child(2) .flex{flex-direction: row-reverse;}
.ka_sec03 li:nth-child(2) span{left: auto;right: 0}
.ka_sec03 .w45{width: 45%}
.ka_sec03 .w55{width: 55%}
.ka_sec03 .riyu_area{background: rgba(242,241,252);}
.ka_sec03 .riyu_area h3:after{background: rgba(157,143,235,1);}
.ka_sec03 .riyu_area ul li{border-radius: 0;padding: 0;background: #fff;margin: 0}
.ka_sec03 .riyu_area ul li dl{padding: 30px;}
.ka_sec03 .riyu_area ul li span{position: relative;}
.ka_sec04 .flex li{background: rgba(255,167,241,0.13);padding:30px;margin:0 0 4%}
.ka_sec04 .flex{flex-wrap: wrap;margin-bottom: -4%}
.ka_sec04 .flex dl dt{font-size: 120%;font-weight: 500;margin:15px 0 5px; }
.ka_sec04 .flex dl dd{line-height: 180%}

.op_sec01 ol li{text-indent: -1em;line-height: 200%;margin: 0 0 0.5em;margin-left: 1em;}
.op_sec01 ol li:last-child{margin-bottom: 0}

.btns .nishi a{background: rgba(0,163,216,1) !important;color:#fff;height: 85px}
.btns .higashi a{background: rgba(0,188,139,1) !important;color:#fff;height: 85px}
.btns .nishi a span::after,
.btns .higashi a span::after{background:url(./img/arw_w.svg) no-repeat center center;background-size:15px 4px;}

.chiki_tl{color:#fff;background: rgba(0,163,216,1);text-align:center;padding:10px 0;border-radius:100px;margin-bottom:50px;font-size:170%;letter-spacing:0.3em;}

.op1_sec01 ol{padding-top: 20px}
.op1_sec01 ol li{padding:30px 20px 0;background:rgba(0,163,216,0.15);width: 19%;position: relative;border-radius: 10px;}
.op1_sec01 ol li:after{content: "";display: block;position: absolute;top:30px;right:-47px;background:url(./img/flow_arw2.png) no-repeat center center;background-size:80px 80px;width:80px;height:80px; z-index: 9}
.op1_sec01 ol li:last-child:after{display: none;}
.op1_sec01 ol li dl{text-align: center;}
.op1_sec01 ol li dt{font-size: 400%;font-weight: 400;color:rgba(0,163,216,1);margin-top:-50px;line-height: 100%;font-family: "Bebas Neue", sans-serif;}
.op1_sec01 ol li dd{font-size:130%;padding:0 0 15px;font-weight: 500}
.op1_sec01 .column{padding: 30px;border: solid 1px rgba(0,163,216,1);}
.op1_sec01 .column h4{font-size: 120%;font-weight: 500;margin-bottom: 16px;}
.op1_sec01 .column li{margin-bottom: 5px;}
.op1_sec01 .column li:last-child{margin: 0;}
.op1_sec01 .btn_area .big a{font-size: 140%;width: 100%;height: 105px}
.op1_sec01 .btn_area .btns{justify-content: space-between;padding: 0;}
.op1_sec01 .btn_area .btns li{width: 48%;margin: 0;margin-top: 4%}
.op1_sec01 .btn_area .btns li a{width: 100%;margin: 0;height: 85px;}

.parent-nishi table th,
.parent-nishi table td{padding: 30px;border-top:solid 1px rgba(0,163,216,1);border-bottom:solid 1px rgba(0,163,216,1);}
.parent-nishi table th{width: 25%;background:rgba(0,163,216,0.2) }
.parent-nishi table td h4{font-size: 120%;font-weight: 500;}
.parent-nishi table td .flex{margin-bottom: 10px}
.parent-nishi table td button{width: 30px;height: 30px;}
.parent-nishi table td ul{display: flex;flex-wrap: wrap;margin:-5px 0}
.parent-nishi table td ul li{width: 50%;padding: 5px 0}
.parent-nishi table td ul li input{width: 50%;margin-right: 5px}
.parent-nishi table td ul li span{display: inline-block;width: 2.5em}

.op3_sec01 .riyu_area{background:rgba(0,163,216,0.15);}
.op3_sec01 .riyu_area h3:after{background:rgba(0,163,216,1)}
.op3_sec01 .riyu_area dt{font-size:120%;font-weight:500;margin-bottom: 15px}
.op3_sec01 .riyu_area dd{line-height: 180%}
.op3_sec01 .riyu_area dd a{text-decoration: underline;}

.co_sec02 .rinen{background: url(./img/co_img02.png) no-repeat center center;background-size: cover;width: 100%;height: 358px;display: flex;align-items: center;}
.co_sec02 .rinen p{writing-mode: vertical-rl;font-family: "Noto Serif JP", sans-serif;color:#fff;line-height: 300%;padding-left: 80px;letter-spacing: 0.1em;text-shadow: 0 0 10px rgba(0,0,0,1)}

.co_sec05 th,
.co_sec05 td{line-height: 180%}
.co_sec05 th{width: 20%}
.co_sec05 td dl{padding: 0}
.co_sec05 td dt{width:15em }
.co_sec05 td.reki dt{width: 9em}
.co_sec05 td .flex{flex-wrap: wrap;}
.co_sec05 td .flex li{width: 33%}

.co_sec06 span{display: block;margin-top:10px}

.co_sec07 th,
.co_sec07 td{padding: 20px 0;}
.co_sec07 th{background: transparent;color:rgba(105,163,216,1);width: 10em;}
.co_sec07 td{border-color: #ccc}
.co_sec07 td ul{margin: -5px 0}
.co_sec07 td ul li{list-style: disc;margin-left: 1.4em;padding: 5px 0 }

.le_sec01 p{margin: 10px 0}
.le_sec01 p:first-child{margin-top: 0}
.le_sec01 p:last-child{margin-bottom: 0}

.re_sec02 > .flex{align-items:stretch;gap:30px;}
.re_sec02 .honsha{width:calc(82% - 15px);padding:20px 20px 30px;box-sizing:border-box;background:rgba(105,169,214,0.18);}
.re_sec02 .kojo{width:calc(18% - 15px);padding:20px 20px 30px;box-sizing:border-box;background:rgba(0,188,139,0.18);}
.re_sec02 h3{display:flex;align-items:center;justify-content:center;height:42px;margin:0 0 25px;color:#fff;font-size:120%;font-weight:500;letter-spacing:0.15em;}
.re_sec02 .honsha h3{background:rgba(105,163,216,1);}
.re_sec02 .kojo h3{background:rgba(0,188,139,1);}
.re_sec02 ul{display:flex;align-items:stretch;gap:20px;margin:0;padding:0;list-style:none;}
.re_sec02 li{display:flex;align-items:center;justify-content:center;min-height:150px;padding:20px 10px;box-sizing:border-box;background:#fff;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,0.12);font-size:120%;font-weight:500;line-height:150%;text-align:center;}
.re_sec02 .honsha li{width:calc((100% - 80px) / 5);color:rgba(105,163,216,1)}
.re_sec02 .kojo ul{width:100%;}
.re_sec02 .kojo li{width:100%;color:rgba(0,188,139,1)}

.re_sec03 li{font-size: 120%;font-weight: 500;position: relative;}
.re_sec03 li img{margin-bottom: 10px}
.re_sec03 li:after{content: "";display: block;height: 43px;width: 24px;background: url(./img/arw_r.svg) center center no-repeat;position: absolute;top:100px;right: -35px;}
.re_sec03 li:last-child:after{display: none;}

.re_sec05 ul{display:grid;grid-template-columns:repeat(20,1fr);gap:25px;margin:0;padding:0;list-style:none;}
.re_sec05 li{width:auto;margin:0;padding:0;}
.re_sec05 li:nth-child(-n+4){grid-column:span 5;}
.re_sec05 li:nth-child(n+5){grid-column:span 4;}
.re_sec05 li img{display:block;width:100%;height:auto;margin:0;box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.re_sec06 {background:rgba(105,169,214,0.18);padding:50px ; margin-bottom: 100px;}
.re_sec06 h2 {position: relative;margin-bottom: 20px;font-size: 170%;letter-spacing: 0.3em;font-weight: 500; text-align: center;}
.re_sec06 .copy{text-align: center;line-height: 180%;margin-bottom: 40px;}
.re_sec06 .btn a{font-size: 140%;width: 750px;height: 105px;margin: 0 auto;letter-spacing: 0.3em;font-weight: bold;}

.con_sec01 > .flex{align-items:stretch;gap:40px;}
.con_sec01 dl{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;margin:0;padding:30px;box-sizing:border-box;background:#fff;text-align:center;}
.con_sec01 dl.nishi{border:4px solid rgba(0,163,216,1);}
.con_sec01 dl.higashi{border:4px solid rgba(0,188,139,1);}
.con_sec01 dt{margin-bottom:10px;font-size:120%;font-weight:500;}
.con_sec01 .nishi dt{color:rgba(0,163,216,1);}
.con_sec01 .higashi dt{color:rgba(0,188,139,1);}
.con_sec01 dd{margin:0;}
.con_sec01 dd strong{display:block;font-size:400%;font-weight:500;line-height:100%;letter-spacing:0.04em;margin-bottom: 15px}
.con_sec01 .nishi dd strong{color:rgba(0,163,216,1);}
.con_sec01 .higashi dd strong{color:rgba(0,188,139,1);}
.con_sec01 dd span{display:block;margin-top:12px;font-size:100%;line-height:160%;}

.ref_sec03 .tl_copy{margin-bottom:0;}
.ref_sec03 .bk_img{display:flex;align-items:center;min-height:440px;margin-top:45px;padding:45px 55px;box-sizing:border-box;background:url(./img/ref_img03.png) no-repeat center center;background-size:cover;}
.ref_sec03 .bk_img ul{width:48%;margin:0;padding:30px 35px;box-sizing:border-box;background:rgba(255,255,255,0.82);list-style:none;}
.ref_sec03 .bk_img li{margin:0 0 12px;padding:0;border-bottom: dotted 1px #ccc;padding:0 0 12px}
.ref_sec03 .bk_img li:last-child{margin-bottom:0;border-bottom:none;padding: 0}
.ref_sec03 .bk_img dl{margin:0;padding:0;}
.ref_sec03 .bk_img dt{margin:0 0 5px;font-size:120%;font-weight:500;line-height:160%;}
.ref_sec03 .bk_img dd{margin:0;font-weight:400;line-height:180%;}

.ref_sec04 .bk_img{width:100%;}
.ref_sec04 .bk_img ul{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:0;padding:0;list-style:none;counter-reset:ref-point;}
.ref_sec04 .bk_img li{position:relative;margin:0;padding:0;background:rgba(0,188,139,0.12);counter-increment:ref-point;overflow:hidden;}
.ref_sec04 .bk_img p{margin:0;padding:0;overflow:hidden;}
.ref_sec04 .bk_img p img{display:block;width:100%;height:auto;margin:0;transition:transform 0.5s ease;}
.ref_sec04 .bk_img dl{min-height:120px;margin:0;padding:20px 75px 20px 20px;box-sizing:border-box;position: relative;}
.ref_sec04 .bk_img dt{margin:0 0 8px;color:#00bc8b;font-size:120%;font-weight:500;line-height:150%;}
.ref_sec04 .bk_img dd{margin:0;font-weight:400;line-height:180%;}
.ref_sec04 .bk_img dl::after{content:"0" counter(ref-point);position:absolute;right:14px;top:10px;color:#00bc8b;font-family:"Bebas Neue",sans-serif;font-size:420%;font-weight:400;line-height:1;}

.dami{background: #ddd;display: flex;justify-content: center;align-items: center;height: auto}

.privacy_area h3{margin: 0 0 15px;font-size: 120%;font-weight: 500}
.privacy_area ul{margin: -5px 0;list-style: disc;}
.privacy_area ol{margin: -5px 0;list-style: decimal}
.privacy_area li{margin: 5px 0 5px 1.4em;line-height: 220%;}
.privacy_area p{line-height: 220%;}
.privacy_area dl{margin: 10px 0}
.privacy_area dt,
.privacy_area dd{line-height: 220%;}
.privacy_area dt{font-weight: 500;}
.privacy_area strong{font-weight: bold}

.parent-higashi .chiki_tl,
.page-template-page-option-higashi .chiki_tl{background:rgba(0,188,139,1) !important }
.page-template-page-option-higashi .op1_sec01 ol li dt{color:rgba(0,188,139,1)}
.page-template-page-option-higashi .op1_sec01 ol li{background:rgba(0,188,139,0.15) !important }
.page-template-page-option-higashi .op1_sec01 .column{border-color: rgba(0,188,139,1) }
.page-template-page-option-higashi .op1_sec01 ol li:after{background:url(./img/flow_arw.png) no-repeat center center;background-size: 80px 80px;    width: 80px;    height: 80px; }

.parent-higashi table th,
.parent-higashi table td{padding: 30px;border-top:solid 1px rgba(0,188,139,1);border-bottom:solid 1px rgba(0,188,139,1);}
.parent-higashi table th{width: 25%;background:rgba(0,188,139,0.2) }
.parent-higashi table td h4{font-size: 120%;font-weight: 500;}
.parent-higashi table td .flex{margin-bottom: 10px}
.parent-higashi table td button{width: 30px;height: 30px;}
.parent-higashi table td ul{display: flex;flex-wrap: wrap;margin:-5px 0}
.parent-higashi table td ul li{width: 50%;padding: 5px 0}
.parent-higashi table td ul li input{width: 50%;margin-right: 5px}
.parent-higashi table td ul li span{display: inline-block;width: 2.5em}

.parent-higashi .riyu_area h3:after{background:rgba(0,188,139,1) !important}
.parent-higashi .riyu_area{background:rgba(0,188,139,0.15) !important}


.news .left{width:800px;border-top:solid 1px #ccc;float: left;}
.blogsingle{border-bottom:solid 1px #ccc;padding:25px 0}
.blogsingle .thum_info{float:left;width:25%}
.blogsingle .thum_info img{width:100%;transition:.5s;box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.blogsingle .thum_info img:hover{border-radius:0;box-shadow: 0 0 7px rgba(0,0,0,0.5)}
.blogsingle .entrybody{float:right;width:75%;padding: 0 0 0 5%}
.blogsingle .entrybody h2 a{font-size:140%;color:#000;padding:15px 0;display:block;font-weight: bold;}
.blogsingle .entrybody .day{color:#888}
.blogsingle .entrybody .btn{padding-top:25px;text-align:left}
.blogsingle .entrybody .btn a{margin: 0 }
.news #sidebar{width:350px;float:right}
.news #sidebar li.widget{padding-bottom:30px}
.news #sidebar h2{background:rgba(105,163,216,0.2);color:rgba(105,163,216,1);padding:10px 15px}
.news #sidebar li li{border-bottom:dotted 1px #ccc;}
.news #sidebar li li a{display:block;padding:15px 0;transition:.5s}
.news #sidebar li li a:hover{color:rgba(105,163,216,1)}
#searchform{padding-top:15px;text-align:center}
#searchform .screen-reader-text{display:none}
#searchform #s{padding:5px;width:190px}
#searchform #searchsubmit{padding:5px}
.entrysingle img{max-width:100%}
.single.news .left{border:none}
.single.news .entrysingle h3{background:rgba(105,163,216,1);color:#fff;padding:10px 15px;font-size:140%;}
.single.news .day{display:block;text-align:right;padding:10px 0;color:#888}
.single.news .entrysingle{padding-bottom:30px}
.single.news .entrysingle p{line-height:220%;padding-bottom:1em}
.single.news .entrysingle p a{color:rgba(105,163,216,1);text-decoration:underline}
.single.news .entrysingle ul{margin-bottom:1em}
.single.news .entrysingle ul li{list-style-type:disc;margin:.3em;margin-left:1.5em}
.single.news .entrysingle ul li a{color:rgba(105,163,216,1);text-decoration:underline}
.single.news .left p.btn{padding-bottom:50px}
tablenav:after{content:".";display:block;clear:both;height:0;visibility:hidden}
.tablenav{min-height:1px}
* html .tablenav{height:1px}
.tablenav{display:table;color:rgba(105,163,216,1);margin:50px auto;line-height:2em;text-align:center;border:solid 1px #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.047);background:#fff}
a.page-numbers,.tablenav .current{display:table-cell;color:rgba(105,163,216,1);padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em}
.tablenav .page-numbers{display:table-cell;color:rgba(105,163,216,1);padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em}
a.page-numbers:hover{color:#fff;background:rgba(105,163,216,1)}
.tablenav .current{background:#f5f5f5;color:#999}
.tablenav .next,.tablenav .prev{width:4em}
.tablenav .dots{display:none}


/* 商品数保存用 */
.product-count-holder {
  display: none !important;
}

/* 初期状態では商品を非表示 */
.option-product {
  display: none;
}

/* 使用中の商品だけ表示 */
.option-product.is-active {
  display: block;
}

/* ボタン非表示用 */
.add-btn.is-hidden,
.remove-btn.is-hidden {
  display: none !important;
}

/* 確認画面では追加・削除ボタンを表示しない */
.mw_wp_form_confirm .option-product__buttons,
.mw_wp_form_confirm .copy-address-wrap {
  display: none !important;
}

.option-product__buttons{display: flex;}
.option-product__buttons button{margin: 0 0 0 10px}

.parent-higashi table td button.copy-address-btn,
.parent-nishi table td button.copy-address-btn{width: auto;padding:5px 10px;height: auto;margin-bottom: 10px}
.op2_sec01 select{font-size: 120%;padding:5px;border: solid 1px #ccc;}

table td input.short{width: 50%;}

.form-buttons{display:flex;justify-content:center;flex-wrap:wrap;}
.form-buttons .form-btn{position:relative;display:flex;align-items:center;justify-content:center;width:360px;height:50px;margin:0 20px;box-sizing:border-box;color:#000;background:#fff;border:1px solid transparent;box-shadow:-2px -2px 4px rgba(0,188,139,0.25),2px 2px 4px rgba(255,143,239,0.25);transition:box-shadow 0.3s ease;}
.form-buttons .form-btn::before,.form-buttons .form-btn::after{content:"";position:absolute;inset:-1px;z-index:0;border:1px solid transparent;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity 0.3s ease;}
.form-buttons .form-btn::before{background:linear-gradient(90deg,rgba(0,188,139,1) 0%,#ff8fef 100%) border-box;opacity:1;}
.form-buttons .form-btn::after{background:linear-gradient(90deg,#ff8fef 0%,rgba(0,188,139,1) 100%) border-box;opacity:0;}
.form-buttons .form-btn:hover,.form-buttons .form-btn:focus-within{box-shadow:3px 3px 4px rgba(0,188,139,0.25),-3px -3px 4px rgba(255,143,239,0.25);}
.form-buttons .form-btn:hover::before,.form-buttons .form-btn:focus-within::before{opacity:0;}
.form-buttons .form-btn:hover::after,.form-buttons .form-btn:focus-within::after{opacity:1;}
.form-buttons .form-btn:focus-within{outline:2px solid rgba(0,188,139,1);outline-offset:3px;}
.form-buttons .form-btn input{position:relative;z-index:1;display:block;width:100%;height:100%;margin:0;padding:0 50px 0 20px;box-sizing:border-box;border:0;border-radius:0;outline:0;color:#000;background:transparent;box-shadow:none;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;}
.form-buttons .form-btn span{position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none;}
.form-buttons .form-btn span::after{content:"";position:absolute;top:50%;right:20px;display:block;width:15px;height:4px;margin-top:-2px;background:url(./img/arw_b.svg) no-repeat center center;background-size:15px 4px;}
.mw_wp_form_input .form-btn--back{display:none;}
.mw_wp_form_complete .form-buttons{display:none;}

.mwform-radio-field input{width: auto}
.mwform-radio-field label{margin-right: 10px}
/* ==============================
   RESPONSIVE NAVIGATION BASE
============================== */
.head-inner{width:100%;}
.header-nav{align-items:center;}
.menu-toggle{display:none;}

/* ==============================
   FORM COMPLETE
============================== */
.form-complete{max-width:800px;margin:0 auto;text-align:center;padding:50px;background: rgba(105, 169, 214, 0.18);}
.form-complete h3{margin-bottom:30px;font-size:170%;font-weight:500;letter-spacing:0.15em;}
.form-complete > p{margin-bottom:18px;line-height:190%;}
.form-complete .attention{padding:14px 18px;background:rgba(255,143,239,0.3);font-weight:500;}
.complete-contact{margin:30px 0;padding:15px;background:#fff;}
.complete-contact p{margin:5px 0;line-height:170%;}
.form-complete .btn{margin-top:35px;margin-bottom: 0}

.scroll-guide{display:none;}


.faq_flex h4{font-size: 110%;margin: 20px 0 0;color:rgba(0,163,216,1)}
.parent-higashi .faq_flex h4{font-size: 110%;margin: 20px 0 0;color:rgba(0,188,139,1) }
.faq_flex p{padding: 0;margin-bottom: 15px}
.faq_flex li{width: 48%;margin: 0 !important}