@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{scroll-behavior:smooth;}
.header-container{backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);background: rgba(0, 0, 0, 0.0);position:fixed;z-index:10;top:0;width:100%;border-bottom: 1px solid rgba(36, 37, 40, 0.1);}
.header-in{width:90%;}
.wrap {width:100%;margin: 0 auto;}
.logo-text {text-align:left;padding:30px 0 30px 20px;}
.site-name-text {font-size: 20px;}
.tagline{display:none;}
main#main.main{padding:0;}
.content{margin-top:0;}
.fv{height:100vh;background:url(img/bg.jpg);background-size:cover;background-repeat:no-repeat;background-attachment: fixed;position:relative;}
.catch {border-radius: 0px 0px 0px 60px;padding:250px 150px 0 150px;background:#fff;height:80vh;opacity:0;transform:translateY(-100px);transition:opacity 0.8s ease,transform 0.8s ease;}
.catch-eng {color:#242528;font-size:80px;font-style:normal;font-weight:500;letter-spacing:-0.06em;line-height:1;font-family:Inter,'ヒラギノ角ゴ W5 JIS2004';margin-bottom:50px;}
.change {font-size:18px;}
.arrow {position:absolute;bottom:100px;right:100px;background:#000;border-radius:50%;height:150px;width:150px;color:#fff;font-size:250%;opacity:0;transition:opacity 0.8s ease;}
.arrow span {top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;}

#service{padding:100px 0;border-top-left-radius:60px;border-top:solid 0px;border-bottom:1px solid rgba(36, 37, 40, 0.1);}
.service-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.service-ctt{width:30%;}
.h3-service{font-size:20px;margin-bottom:20px;}
.service-ctt p{font-size:14px;color:rgba(36, 37, 40, 0.7);}
.awesome{font-size:200%;}

#business{width:80%;margin:auto;padding:100px 0 50px 0;}
.business-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;align-items:center;}
.business-bx2{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:50px;align-items:center;}
.business-img{width:46%;}
.business-img img{border-radius:8px;}
.business-img2{width:46%;}
.business-img2 img{border-radius:8px;}
.business-ctt{width:46%;}
.h2-business{font-size:32px;margin-bottom:100px;}
.h2-business::after{display:block;content:"Business";font-size:14px;color:rgba(36, 37, 40, 0.7);}
.h3-business{font-size:24px;margin-bottom:30px;}
.business-ctt p{font-size:14px;color:rgba(36, 37, 40, 0.7);}

#about{width:100%;margin:auto;border-top:1px solid rgba(36, 37, 40, 0.1);}
.about-bx{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;align-items:center;}
.about-img{width:40%;background:url(img/biz3.jpg);background-size: 190%;background-repeat:no-repeat;height:600px;background-position:100% 65%;border-top-right-radius: 60px;}
.about-ctt{width:46%;margin-left:100px;}
.h2-about{font-size:32px;margin-bottom:50px;}
.h2-about::after{display:block;content:"About Us";font-size:14px;color:rgba(36, 37, 40, 0.7);}

#mission{padding:100px 0;background: #f8f8f9;border-bottom: 1px solid rgba(36, 37, 40, 0.1);border-top: 1px solid rgba(36, 37, 40, 0.1);}
.mission-bx{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:50px;}
.h2-mission{font-size:16px;font-family:Inter, 'ヒラギノ角ゴ W5 JIS2004';font-style: normal;font-weight: 500;padding: 10px 30px 0px 40px;}
.eng{width:45%;}
.eng p{font-size:64px;font-family:Inter, 'ヒラギノ角ゴ W5 JIS2004';font-style: normal;font-weight: 500;height: auto;letter-spacing: -0.06em;line-height: 1;}
.jpn{color: rgba(36, 37, 40, 0.7);font-size: 14px;line-height: 2;padding: 10px 0 0 100px;width:35%;}
.smart{font-size:16px;font-weight:normal;}

#member{padding:100px 0 0 0}
.inner{border-bottom: 1px solid rgba(36, 37, 40, 0.1);margin-bottom:100px;}
.member-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:100px;align-items:flex-end;}
.member-img{width:46%;}
.member-img img{width:100%;border-radius:8px;}
.member-ctt{width:46%;}
.h2-member{font-size:32px;width:80%;margin:auto;}
.h2-member::after{display:block;content:"会長理事";font-size:14px;color:rgba(36, 37, 40, 0.7);}
.h2-member2{font-size:32px;width:80%;margin:auto;}
.h2-member2::after{display:block;content:"代表理事";font-size:14px;color:rgba(36, 37, 40, 0.7);}
.h3-member{font-size:24px;margin-bottom:30px;}
.member-ctt p{color: #242528;font-size: 16px;}

#footer-ctt{background:rgb(248, 248, 249);padding:100px 0;border-top: 1px solid rgba(36, 37, 40, 0.1);}
.access-bx{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;flex-wrap:wrap;}
.h2-company{text-align:left;font-size:32px;margin-bottom:50px;width:80%;margin:auto;margin-bottom:100px;}
.h2-company::after{display:block;content:"Company";font-size:14px;color:rgba(36, 37, 40, 0.7);}
.map{width:45%;}
.map-ctt{width:45%;}
.footer-bottom {margin-top:0;padding:0;}
.footer {margin-top:0;padding:0;}
.footer-bottom-content {float:none;text-align:center;}
.table-map th{background:none;border:none;text-align:left;}
.table-map td{background:none;border:none;text-align:left;color:rgba(36, 37, 40, 0.7);}
table tr:nth-of-type(2n+1) {background-color:transparent;}
iframe{border-radius:8px;}
.copyright {padding: 0 0 10px 0;}

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

/*900px以下*/
@media screen and (max-width:900px){
  /*必要ならばここにコードを書く*/
.logo-text {padding:20px;}
.fv{height:60vh;}
.catch {padding: 100px 30px 40px 30px;height: 50vh;}
.change {font-size: 12px;}
.catch-eng {font-size: 42px;}
.arrow {bottom:40px; right: 20px; height: 80px;width: 80px;font-size: 200%;}
#service {padding: 50px 0 20px 0;}
.service-bx{width:85%;}
.service-ctt {width: 100%;margin-bottom:50px;}
#business{width:100%;padding:50px 0 0 0;}
.h2-business{width:85%;margin:auto;}
.business-img{width:100%;text-align:right;}
.business-img img {width: 85%;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.business-ctt{width:85%;margin:auto;}
.business-bx2{flex-direction:column-reverse;}
.business-img2{width:100%;text-align:left;}
.business-img2 img {width: 85%;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.business-ctt2{width:100%;}
.h2-business{font-size:24px;margin-bottom:50px;}
.h3-business {margin:20px 0;}
.about-bx{flex-direction:column;}
.about-img{width: 85%;background-size:cover;height: 220px;background-position: initial;border-radius:8px;}	
.about-ctt {width: 85%;margin-left:0;margin-bottom:50px;}
.h2-about{font-size:24px;margin-top:50px;}
.about-ctt p{font-size:14px;}
#mission{padding:50px 0;}
.mission-bx{flex-wrap:wrap;margin-bottom:0;}
.h2-mission{width:10%;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size:12px;padding:10px;}
.eng{width:85%;padding-left:30px;}
.eng p{font-size: 32px;margin-bottom:15px;}
.smart{font-size:14px;}
.jpn{font-size:12px;padding: 30px 0 0 68px;width: 90%;}
.br-sp{display:none;}	
	
#member{padding:50px 0 30px 0;}
.h2-member, .h2-member2{font-size:24px;margin-bottom:50px;}
.h3-member{margin:20px 0;}
.member-bx {width:85%;flex-direction:column-reverse;padding-bottom:50px;}	
.member-img{width:100%;}
.member-img img{left:-35px;position:relative;}
.member-ctt{width:100%;}
.member-ctt p {font-size: 14px;}
.inner{margin-bottom:50px;}

#footer-ctt{padding:50px 0;}
.access-bx {width: 85%;}
.h2-company{font-size:24px;margin-bottom:50px;}
.map{width:100%;}
.map-ctt{width:100%;width:100%;}
.table-map th{font-size:14px;}
.table-map td{font-size:14px;padding-left:30px;}
.table-map{margin-top:30px;}

	
}

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