﻿
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* top_news*/
.top_news ul,.top_news li {list-style:none;}
.top_news a {color:rgb(51, 51, 51);}
.top_news {width:100%;margin:0;}
.top_newsin {padding:4em 0 0;position:relative;}
/*.top_newsin:before {content:"";display:block;background:#001489;width:100%;height:300px;position:absolute;top:0;left:0;}*/
.top_newslist {background:#fff;position:relative;z-index:2;padding:5px;border-radius:6px;}
.top_newslistin {padding:15px;border-radius:6px;border: 1px solid #ccc;}
/*h2.top_newstitle {position: absolute;left: 50%;top:70px;transform: translateX(-50%);margin:0;padding:0 10px;font-size:40px;font-weight:bold;background:transparent;border-bottom:2px solid #fff;}
h2.top_newstitle:before {display:none;}*/
.top_newslist ul {padding:0 20px;}
.top_newslist ul li:nth-child(1) {border-top: 1px solid #ccc;}
.top_newslist ul li {}
.top_newslist ul li a {display: flex;border-bottom: 1px solid #ccc;padding: 15px 0;align-items: baseline;font-size:16px;}
.news-date {width:7em;}
.news-title {}
.top_newslink {text-align:right;margin-top:15px;padding:0 20px;}
.top_newslink a {font-size:18px;}
@media screen and (max-width:960px) {
    /*.top_newsin {padding:100px 10px 0;}*/
    .top_newsin:before {height:200px;}
    .top_newslistin {padding:10px;}
    /*h2.top_newstitle {top:35px;font-size:20px;}*/
    .top_newslist ul {padding:0 10px;}
    .top_newslist ul li a {font-size:14px;}
    .top_newslink a {font-size:15px;}
}

/* btn_link */
.btn_link {text-align: center;margin:0 auto;}
.btn_link-top {margin:1em auto;}
.btn_link-img {text-align:center;margin:0 0 1em;padding:0;}
.btn_link-img a {}
.btn_link-img img {margin:0 auto;display:inline-block;}
.btn_link-btn {color: #fff !important;background: #399a4a;border-radius: 5px;padding: 20px 50px;text-decoration:none !important;font-size: 1em;display:inline-block;font-weight: 700;overflow: hidden;line-height: normal;position:relative}
.btn_link-btn:before {content: "";position: absolute;top: 0;bottom: 0;right: 10px;width: 5px;height: 5px;margin: auto;border-top: 2px solid;border-right: 2px solid;transform: rotate(45deg);}
.btn_link-btn:after {content: "";position: absolute;top: -50px;left: -100px;background: #fff;width: 50px;height: calc(100% + 100px);opacity: .1;transform: rotate(45deg);transition: .3s;}
.btn_link-btn:hover{color:#fff;}
.btn_link-btn:hover:after {left: calc(100% + 50px)}
.box_link {position: relative;background-color: rgba(0, 0, 0, .05);padding: 20px;text-align: center;margin:1em auto;}
.box_link p.top_text {border-bottom: 3px dashed #191919;font-weight: 700;margin-bottom:1em;font-size:1.4em;line-height:1.5em;}

/* accordion */
/*
.accordion {position: relative;width:100%;margin:0 auto}
.accordion:not(:first-of-type) {margin-bottom: 100px; margin-top: 100px;}
.accordion-text p {line-height: 1.3;}
.acc_btn {position: absolute;left: 0;right: 0;bottom: 0;color:#6495ed;cursor: pointer;display: inline-block;font-size: 18px;margin: auto;padding: 5px 15px;text-align: center;transition: all .2s;width: fit-content;z-index: 1;}
.acc_btn::after {content: "続きを読む ▼";}
.acc_btn:hover {background-color: #fff;color: #6495ed;}
.acc_text {overflow: hidden;position: relative;}
.acc_text.is-hide {height: 100px;}
.acc_text::before {
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.9) 50%, #fff 100%);
  background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.9) 50%, #fff 100%);
  bottom: 0;content: "";height: 60px;position: absolute;width: 100%;
}
.acc_btn.is-show {bottom: -3em;}
.acc_btn.is-show::after {content: "閉じる";}
.acc_btn.is-show + .acc_text {padding-bottom:2em;}
.acc_btn.is-show + .acc_text::before {display: none;}
*/
.read {max-width:100%;margin:0 auto 30px;position: relative;}
.read label {text-align: center;width: 100%;height: 200px;bottom: 0;left: 0;position: absolute;z-index: 1;cursor: pointer;}
.read label:before {
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.9) 50%, #fff 100%);
  background:linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.9) 50%, #fff 100%);
  left:0;bottom: 0;content: "";height:60px;position: absolute;width: 100%;
}
.read label:after {content:' 続きを読む'; z-index: 2;width: 100%;max-width: 300px;padding: 0;color:#6495ed;position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, 0);line-height:50px;}
.read input:checked + label {height: 0px;}
.read input:checked + label:before {display:none;}
    
.read input:checked + label:after {content: ' 閉じる';bottom:0;}
.read input {display: none;}
.read__content {overflow: hidden;height:80px;}
.read input:checked ~ .read__content {height: auto;padding-bottom:60px;}

.form_list {margin:0 auto;width:100%;max-width:800px;}
.form_list dl {display:flex;flex-wrap:wrap;width:100%;margin-bottom:15px;}
.form_list dl dt, .form_list dl dd {box-sizing:border-box;font-size:16px;display:flex;align-items:top;padding:0 10px 10px;}
.form_list dl dt {width:30%;}
.form_list dl dd {width:70%;}
.form_list dl dd p {width:100%;}
.form_list dl dt p small {line-height:1.4em;display:block;}
.form_list dl dd p small {line-height:1.4em;display:block;font-size:0.75em;margin-top:0.5em}
.form_list input[type="email"], .form_list input[type="text"], .form_list input[type="tel"], .form_list textarea {box-sizing: border-box;width:100% !important;padding:5px;font-size:16px;}
.form_list input[type="submit"] {background: #399a4a;color:#fff;width:100%;line-height:46px;padding:0 1em;text-align:center;font-size:16px;}
.send_mail {margin:15px auto 0;text-align:center;width:260px;}
.form_list input[type="email"], .form_list input[type="text"],.form_list textarea {width:100%;}
.cd-upload-btn {text-decoration:underline !important;}
.codedropz-upload-container {padding:10px 15px !important;}
.scroll_frame, .scroll_frame2 {width: 100%;height: 200px;overflow-y: auto;border: 1px solid #ccc;padding: 15px;box-sizing: border-box;margin-bottom:15px;}
.scroll_frame > div > p {font-size:14px;margin-bottom:1em;}
.scroll_frame > div > p:first-child {font-weight:bold;margin-bottom:1em !important;}
.scroll_frame > div > p:nth-child(odd) {margin-bottom:0;font-weight:bold;}
.scroll_frame2 > div > p {font-size:14px;margin:0;font-weight:bold;}
.scroll_frame2 > div > p > span {font-size:14px;margin:0 0 1em;display:block;line-height:1.4em;font-weight:normal;}
.form_list .wpcf7-not-valid-tip {font-size:15px;}


@media screen and (max-width:960px) {
  .form_list dl dt, .form_list dl dd {}
  .form_list dl dt {width:100%;padding:0;border-bottom:none;}
  .form_list dl dd {width:100%;padding:0 0 10px;}
}

.henkinbanner01 {margin:0 auto;width:100%;max-width:370px;}
.henkinbanner01 > a {display:block;position:relative;}
.henkinbanner01 > a > div {position:absolute;top:0.5%;left:18%;width:80%;height:14%;font-size:14px;color:#fff;line-height:1.6em;font-weight:bold;display:flex;align-items: center;justify-content:center}

.henkinbanner02 {margin:0 auto;width:100%;max-width:;position:relative;}
.henkinbanner02 > a {display:block;position:relative;}
.henkinbanner02 > a > div {position:absolute;top:3%;left:1.5%;width:80%;height:68%;font-size:30px;color:#3B2F26;line-height:1.6em;font-weight:bold;display:flex;align-items: center;}
@media screen and (max-width:1100px) {
  .henkinbanner02 > a > div {font-size:20px;}
}
@media screen and (max-width:800px) {
  .henkinbanner01 > a > div {font-size:2.8vw;line-height:1.3em;}
  .henkinbanner02 > a > div {font-size:3.8vw;line-height:1.4em;}
}
.wp-block-latest-posts.wp-block-latest-posts__list {overflow: hidden !important;}
.wp-block-latest-posts.wp-block-latest-posts__list li {overflow: hidden;}

section#bc_contact {padding:0;}
.box_wrapper {width:100%;max-width:1000px;margin:0 auto}

ul.b_contact,ul.b_contact > li {list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0;}
ul.b_contact {display:flex;flex-flow:row wrap;margin:0;padding:0;width:100%;}
ul.b_contact > li {width:100%;padding:80px 25px;margin:0;}
ul.b_contact > li:nth-child(1) {
  background:#103967 url(images/bc_bg.jpg) center center;background-size:cover;
  position:relative;
  display:flex;align-items:center;color:#fff;justify-content:center;
}
ul.b_contact > li:nth-child(2) {background:#f2f2f2;}
ul.b_contact > li div {position:relative;z-index:3;}
ul.b_contact > li h2 {
    color:#fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.6em;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    letter-spacing: 10%;
}
.bc_text1 {font-size:28px;text-align:center;margin-bottom:1em;font-weight:700;}
.bc_text1 span {color: var(--vk-color-primary);font-weight:700;}
.bc_text2 {font-size:14px;margin-bottom:2em;font-weight:700;text-align:center;}
.bc_btn {text-align:center;margin:0 auto 15px;width:100%;max-width:400px;}
.bc_btn:last-child {margin-bottom:0;}
.bc_tel {background: #ED8C4C;}
.bc_mail {background: #263A72;}

.bc_line {background: #06C755;}
.bc_btn a, .bc_btn label {font-size:16px;min-height:60px;color:#fff;text-decoration:none;width:100%;position:relative;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;line-height:1.4em;align-content:center;}
.bc_btn a small, .bc_btn label small {width:100%;}
.bc_btn a:before, .bc_btn label:before {
  content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);left:auto;bottom:auto;z-index:5;
  width: 8px;height: 8px;margin-top: -5px;border-top: solid 2px #fff;border-right: solid 2px #fff;transform: rotate(45deg);
}
/*
.bc_tel a:after, .bc_tel label:after,
.bc_mail a:after, .bc_mail label:after,
.bc_line a:after, .bc_line label:after {
  content:"";position:absolute;top:50%;left:15px;transform:translateY(-50%);z-index:5;width:30px;height:30px;background-size:30px 30px;background-position:center center;background-repeat:no-repeat;
}
.bc_tel a:after, .bc_tel label:after {background-image:url(images/icon_free.svg);}
.bc_mail a:after, .bc_mail label:after {background-image:url(images/icon_mail.svg);}
.bc_line a:after, .bc_line label:after {background-image:url(images/icon_line.svg);}
*/
.bc_tel small {font-size:0.8em;}

div.bc_box {display:flex;flex-flow:row wrap;margin:0 0 1.5em;padding:0}
div.bc_box > div {width:100%;padding:0}
div.bc_box > div:nth-child(1) {margin-bottom:15px;}
div.bc_box > div:nth-child(2) {}

@media screen and (max-width: 500px) {
  .top_link a:before {right:10px;}
  .bc_btn a:before, .bc_btn label:before {right:10px;}
  .bc_tel a:after, .bc_tel label:after,
  .bc_mail a:after, .bc_mail label:after,
  .bc_line a:after, .bc_line label:after {left:10px;}
}

@media (min-width: 992px) {
  .box_wrapper {padding:0 16px;}

  section#bc_contact {padding:0;}
  ul.b_contact li {width:50%;padding:30px;}
  .bc_text1 {font-size:28px;t}
  .bc_text2 {font-size:14px;}
  .bc_btn a {font-size:16px;}

  div.bc_box {background:#fff;}
  div.bc_box > div:nth-child(1) {width:49%;margin-right:2%;}
  div.bc_box > div:nth-child(2) {width:49%;}
  div.bc_box > div .bc_btn {margin-bottom:0;}
}
@media screen and (max-width: 500px) {
  ul.b_contact li {padding:50px 10px;}
  .bc_text1 {font-size:5.8vw;}
}

.shiny_btn {overflow:hidden;position:relative;}
.shiny_btn:before {background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6) 80%, hsla(0, 0%, 100%, 0));
    content: "";
    height: 200px;
    left: -120px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(25deg);
    transform: translateY(-50%) rotate(25deg);
    width: 80px;
}
.shiny_btn:after {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shiny_btn;
    animation-name: shiny_btn;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(100deg, hsla(0, 0%, 100%, 0), #fff);
    content: "";
    height: 100%;
    left: -100px;
    position: absolute;
    top: 0;
    width: 50px;
}

.ec_text {background:#192640;color:#fff;padding:12% 30px 10px;}
.ec_text > div {text-align:center;margin:0 auto 12%;font-size:4vw;font-weight:bold;}
.ec_text > img {width:25%;height:auto;}

@media (min-width: 992px) {
  .ec_text {padding:120px 30px 10px;}
  .ec_text > div {font-size:30px;margin:0 auto 120px;}
}

.postid-2629 #breadcrumb,
.postid-2630 #breadcrumb,
.postid-2631 #breadcrumb {display:none;}
