@charset "UTF-8";
/*
    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
*/

.p-mainVisual__slideTitle{
  font-size:70px;  /*メインテキストのフォントサイズ変更*/
  font-weight:bold;
}

.p-mainVisual__slideText{
  font-size:24px;　　/*サブテキストのフォントサイズ変更*/
}

.c-mvBtn__btn{
  font-size:15px;  /*ボタンテキストのフォントサイズ変更*/
}

/*スマホサイズでの変更*/
@media (max-width: 480px){
.p-mainVisual__slideTitle{
  font-size:30px;  /*メインテキストのフォントサイズ変更*/
}

.p-mainVisual__slideText{
  font-size:16px;　　/*サブテキストのフォントサイズ変更*/
}

}

/* — コンタクトフォーム7　送信ボタンのカスタマイズ — */
input.wpcf7-submit {
padding:1em !important;/* ボタン内の余白 */
margin:2em 0em !important;/* ボタンの上下の余白 */
background-color: #25c04a !important;/* 背景の色 */
border-radius: 5px !important;/* 角を丸く*/
color: #fff !important;/* 文字の色*/
font-size: 18px !important;/* 文字の大きさ */
font-weight: bold !important;/* 文字の太さ*/
width: 50%;/* ボタンの横幅*/
transition:0.5s;/* 背景色が変わるまでの時間*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.10);/* 薄っすらとボタンにドロップシャドウをかける*/
}

input.wpcf7-submit:hover {
background-color:#f2d500 !important;/* マウスを乗せたときの背景色 */
color: #fff !important;/* マウスを乗せたときの文字の色 */
}

.btn-submit {
    width: 100%;
    text-align: center;
}

div.wpcf7 .ajax-loader {
    display: none !important;
}

.wpcf7-spinner {
  display:none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    text-align: center;
}

.wpcf7-form-control-wrap textarea {
    width: 100% !important;
    border: 2px solid rgba(66,66,66,.3) !important;
    border-radius:5px;
}

.contact-wrap {
    padding: 3%;
    background-color: #eee;
    width: 100%;
}

.contact-wrap p{
    font-weight:bold;
}


.wpcf7-form-control-wrap .wpcf7-text {
    border: 2px solid rgba(66,66,66,.3) !important;
    border-radius:5px;
    margin-bottom:5%;
    width: 100%;
}


.btn-wrap.simple a{
    border-color: #666666 !important;
    color: #666666 !important;
    background-color: #fff !important;
    font-weight: normal;
}

.widgettitle {
    color: #04384c;
    text-align: center;
    border-bottom:1px dashed #ccc;
    margin-bottom:5%;
}

.required {
    font-size: 0.8rem;
    color: #ffffff;
    border-radius: 0.2rem;
    margin-right: 0.8rem;
    padding: 3px 5px;
    background-color: #DD3333;
}

.grecaptcha-badge { visibility: hidden; }

.top-list li {
    margin-bottom:1em;
    padding-bottom:1em;
}

.mb5 {
    margin-bottom:5% !important;
}

.cp_box1 {
  position: relative;
}
.cp_box1 input {
  display: none;
}
/*開くためのボタンとテキストを隠すグラデーションの設定*/
.cp_box1 label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  bottom: -10px;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
/* 開いた時にグラデーションを消す */
.cp_box1 input:checked + label {
  background: inherit;
}
.cp_box1 input:checked + label {
  display: none ;
}
.cp_box1 .cp_container {
  overflow: hidden;
  height: 250px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
/*続きをよむボタン*/
.cp_box1 label:after,
.cp_box1 label::before {
  content: '';
  position: absolute;
  line-height: 2.5rem;
}
.cp_box1 label:after {
  z-index: 2;
  bottom: 20px;
  width: 13em;
  content: '続きをよむ';
  color: #ffffff;
  background: #1b2538;
  border-radius: 20px;
}
.cp_box1 label::before {
  position: absolute;
  bottom: 38px;
  left: calc(50% - 3.5em);
  z-index: 3;
  width: 10px;
  height: 5px;
  background: #ffffff;
  clip-path: polygon(50% 100%, 0 0, 100% 0)
}
/*閉じるボタン*/
.cp_box1 input:checked + label:after {
  content: '閉じる';
}
.cp_box1 input:checked + label:before {
  left: calc(50% - 2.5em);
  transform: scale(1, -1);
}
.cp_box1 input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

@media (max-width: 768px)  {
.swell-col-reverse .swell-block-columns__inner{
flex-direction: column-reverse; 
}
}

.side-line {
  position: fixed;
  z-index: 99998;
  bottom: -webkit-calc(10%);
  left: 2%;
  width:171px;
  height:171px;
  z-index: 90000;
  margin-bottom:0;
}