@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page-id-3621 .lp-float{display:none;}
.page-id-3621 .lp-float{position:fixed;bottom:0;right:0;text-decoration:none;background:#1FC0DC;color:#fff!important;z-index:10;width:100%;text-align: center;padding:5px;font-size:4.5vw;}
html{scroll-behavior: smooth;}
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400&display=swap');
.page-id-3621 .lp-logo{display:flex;flex-direction:row;position: absolute;left: 50px;width:40%;align-items:center;gap:20px;}
.page-id-3621 .lp-logo-img {width:20%;}
.page-id-3621 .lp-logo-img img{width:100%;}
.page-id-3621 .lp-name{width:80%;}
.page-id-3621 .go-to-top{display:none;}
.page-id-3621 .header-in{display:none;}
.page-id-3621 .fv{height:40vw;overflow:hidden;position:relative;}
.page-id-3621 .lpfv-ctt{position:absolute; top: 55%;left:22%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.page-id-3621 fv h1{font-size:2.8vw;}
.page-id-3621 .fv p{font-size:1.2vw;margin-top:20px;}
.page-id-3621 .fv-contact{text-align:center;margin-top:3vw;}
.page-id-3621 .fv-contact .contact-btn {width:100%;padding:1vw 3.2vw;position: relative;text-decoration: none;outline: none;border-radius: 9999px;color: #fff;background-color:#1FC0DC;border: 1px solid #1FC0DC;transition: all 0.3s ease;font-weight:bold;font-size:1.4vw;}
.page-id-3621 .fv-contact .contact-btn:hover {background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
@keyframes shad26 {0% {box-shadow: 0 0 0 0 #27acd9;}70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}}
.page-id-3621 .worry{background:#FCECF2;}
.page-id-3621 .inner{width:70%;margin:auto;padding:100px 0;}
.page-id-3621 .worry-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.page-id-3621 .worry-ctt{width:32%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);background:#fff;padding:20px;}
.page-id-3621 h2{text-align:center;margin-bottom:50px;font-size:2.5vw;}
.page-id-3621 .worry-ctt .wimg{text-align:center;}
.page-id-3621 .worry-ctt .wimg img{width:60%;}

.page-id-3621 .more-ctt {color:#e95388;font-size:2vw;text-align:center;}
.page-id-3621 .answer {background:#e95388;font-size:2vw;text-align:center;color:#fff;width:40vw;margin:auto;margin-bottom:40px;}
.page-id-3621 .lppc {text-align:center;margin:20px 0;}
.page-id-3621 .lppc img{width:30%;}
.page-id-3621 .percentage {color:#e95388;font-size:8vw;font-weight:bold;line-height:1.3;}

.page-id-3621 .generation{background:#FCECF2;}
.page-id-3621 .g-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin:50px 0;}
.page-id-3621 .g-ctt{width:32%;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);background:#fff;padding:20px;margin-bottom:20px;}
.page-id-3621 .g-ctt .wimg{text-align:center;}
.page-id-3621 .g-ctt .wimg img{width:60%;}

.page-id-3621 .j-bx{display:flex;justify-content:space-between;flex-wrap:wrap;}
.page-id-3621 .j-ctt{width:48%;margin-bottom:30px;}
.page-id-3621 .j-img {height:20vw;overflow:hidden;}
.page-id-3621 .j-ctt h3{color:#e95388;}

.page-id-3621 .president{background:#DCEBF9;}
.page-id-3621 .pre-flex{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.page-id-3621 .pre-img{width:30%;}
.page-id-3621 .pre-img img{border-radius:50%;}
.page-id-3621 .pre-txt{width:65%;}

.page-id-3621 .lp-acceptance{text-align:center;margin:50px 0;}
.page-id-3621 #lp-contact .more-ctt{margin-bottom:50px!important;}
.page-id-3621 .c-button{width:30%;margin:auto;}
.page-id-3621 input[type='submit'] {width:100%;padding:2vw 3.2vw;position: relative;text-decoration: none;outline: none;border-radius: 9999px;color: #fff;background-color:#1FC0DC;border: 1px solid #1FC0DC;transition: all 0.3s ease;font-weight:bold;font-size:1.4vw;line-height:0.2;}
.page-id-3621 input[type='submit']:hover {background-position: right center;background-size: 200% auto;-webkit-animation: pulse 2s infinite;animation: shad26 1.5s infinite;color: #fff;}
.lp-table th{background:#FCECF2;}

.page-id-3621 .footer {margin-top:0;}
.page-id-3621 .footer-ctt {flex-direction: column;}
.page-id-3621 .footer-contact {display:none;}
.page-id-3621 .footer-address {width: 100%;text-align: center;color:#fff;margin-top:50px;}
.page-id-3621 .copyright {margin-top: 8px;color:#fff;}

.page-id-3621 lp-br{display:none;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.page-id-3621 .lp-float{display:block;}
.page-id-3621 .lpfv-ctt { top: 55%;left: 50%; width: 90%;}
.page-id-3621 .lp-logo {left:auto;width: 95%;}	
.page-id-3621 .fv {height:100vw;}	
.page-id-3621 .fvimg img {height:140vw;object-fit:contain;}
.page-id-3621 .lp-name {font-size: 3.5vw;}	
.page-id-3621 .lpfv-ctt {top:33vw;}
.page-id-3621 h1 {font-size:6.5vw;}
.page-id-3621 .fv-contact {display:none;}
.page-id-3621 .fv p {display:none;}
.page-id-3621 lp-br{display:block;}
.page-id-3621 h2 {margin-bottom:30px;font-size: 8vw;}
.page-id-3621 .inner {width:90%;padding:50px 0;}
.page-id-3621 .worry-ctt {width: 100%;}
.page-id-3621 .worry-bx {gap: 10px;}
.page-id-3621 .more-ctt {font-size: 5vw;}
.page-id-3621 .lppc img {width: 60%;}
.page-id-3621 .answer {font-size: 6vw;width: 90%;}
.page-id-3621 .percentage { font-size: 15vw;}
.page-id-3621 .g-ctt {width: 100%;}
.page-id-3621 .g-bx {margin: 50px 0 0 0 ;}
.page-id-3621 .lp-table th {display: block;width: 100%;}
.page-id-3621 .lp-table td {display: block;width: 100%;}	
.page-id-3621 .lp-acceptance {margin: 30px 0;}
.page-id-3621 input[type='submit'] {font-size: 4vw;}
.page-id-3621 .c-button {width: 50%;}
.page-id-3621 #footer{padding-bottom: 100px;}
.page-id-3621 .j-ctt {width: 100%;}	
.page-id-3621 .j-img { height: 50vw;}
.page-id-3621 .pre-img {width: 100%;text-align:center;margin-bottom:20px;}	
.page-id-3621 .pre-txt {width: 100%;}
.page-id-3621 .pre-img img {width: 50%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

}