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

/* ----------------------------------------------------------------------
基本設定
---------------------------------------------------------------------- */
#content{overflow:hidden;}
a{text-decoration:none;}
a, a img, button {
	color: #39ac4a;
	transition-duration: 0.3s;
	transition-timing-function: ease;
}
a.button{background:#f7d845;height:60px;line-height:60px;text-align:center;font-weight:700;font-family: 'Noto Sans JP', sans-serif;color:#333;text-decoration:none;display:block;border-radius: 30px;width: 100%;max-width:300px;}
a.button:hover{background: #ffeb89;}
.inner{width: 90%;margin: 0 auto;max-width: 1600px;}
.sp{display: block;}
.pc{display: none;}
.apdt-pc-only {    display: none;}
.mb0{margin-bottom:0px !important;}
.mb50{margin-bottom:50px !important;}
.mt30{margin-top:30px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}

html{ font-family: 'Noto Sans JP', sans-serif; }

@media screen and (min-width:768px) {
	.sp{display: none;}
	.pc{display: block;}
}

.breaksp{ display:none;}
@media screen and (max-width:414px) {.breaksp{ display:block;}}

/*　レスポンシブ文字サイズ　*/
/* 24px - 18px */
@media screen and (min-width:1025px) {.text24{font-size:24px;}}
@media screen and (min-width:375px) and (max-width:1024px){.text24{font-size: calc(18px + 6 * (100vw - 375px)/649);}}
@media screen and (max-width:374px) {.text24{font-size:18px;}}

/* 28px - 20px */
@media screen and (min-width:1025px) {.text28{font-size:28px;}}
@media screen and (min-width:375px) and (max-width:1024px){.text28{font-size: calc(20px + 8 * (100vw - 375px)/649);}}
@media screen and (max-width:374px) {.text28{font-size:20px;}}

/* 32px - 20px */
@media screen and (min-width:1025px) {.text32{font-size:32px !important;}}
@media screen and (min-width:375px) and (max-width:1024px){.text32{font-size: calc(20px + 12 * (100vw - 375px)/649) !important;}}
@media screen and (max-width:374px) {.text32{font-size:20px;}}

/* 40px - 22px */
@media screen and (min-width:1025px) {.text40{font-size:40px;}}
@media screen and (min-width:375px) and (max-width:1024px){.text40{font-size: calc(22px + 18 * (100vw - 375px)/649);}}
@media screen and (max-width:374px) {.text40{font-size:22px;}}

/* ----------------------------------------------------------------------
ヘッダー
---------------------------------------------------------------------- */
#top-head{height: 100px;width: 100%;    position: absolute;z-index: 999;top:0;}
#top-head .navbar{display: flex;justify-content: space-between;align-items: center;}
#top-head .navbar .navbar-brand{margin-left: 10px;}
#top-head .navbar .navbar-brand span{color:#FFF;}
#top-head .navbar .navbar-brand a{display: block;width:290px;height: 40px; background: url(images/logo2.svg) no-repeat center center/contain;overflow: hidden;text-indent: 100%;white-space: nowrap;font-size:30px;transition:0s;}
.home #top-head .navbar .navbar-brand a{background: url(images/logo_white.svg) no-repeat center center/contain;}
#top-head.fixed .navbar .navbar-brand a{width: 290px;height:40px;background: url(images/logo2.svg) no-repeat center center/contain;}
#top-head.fixed .navbar .navbar-brand span{color:#000;}
.home #top-head.fixed { position:fixed; background: rgba(255,255,255,.9);box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);animation: DownAnime 0.5s forwards; left:0;}
/* animation */
@keyframes DownAnime{
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
#main-nav .navbar-nav > li > a {line-height: 1.2; letter-spacing: 0; display:flex;align-items: center; height: 100px; font-size: 15px;	padding: 0 5px;	text-align: center;	font-weight: bold;position: relative;color: #FFF;}
#main-nav .navbar-nav > li:nth-of-type(2) > a:before {
	content: "";
	background: url(images/link.png) no-repeat;
	background-size: contain;
	width: 15px;
	aspect-ratio: 1;
	color: #8d8d8d;
	position: absolute;
	right: 0;
	top: 10px;
}
}
#main-nav ul ul img{display: none;}
.nav_toggle { display: block;position:relative;width:70px;height:70px; font-size:14px;z-index: 99;border-radius:50%;background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%);box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%); }
.nav_toggle:before{content:"";position:absolute;width:66px;height:66px;border-radius:50%;top:2px;left:2px;z-index:100;background:#FFF;}
.nav_toggle:hover{cursor: pointer;}
.nav_toggle .nav_toggle_menu{position:absolute;bottom:0;}
.nav_toggle i {transition: all 0.5s;    border-radius: 3px;    top:50%;    display: block;
	width: 6px;
	height: 6px;
	margin-top:-3px; 
	background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%); 
	position: absolute;z-index:101;
}
.nav_toggle i:nth-child(1) { left: 20px; }
.nav_toggle i:nth-child(2) { left: 50%;margin-left: -3px;}
.nav_toggle i:nth-child(3) {    right: 20px;}
.nav_toggle.show i:nth-child(1) {    transform: translateY(20px) rotate(-45deg);width: 30px; height: 2px; top: 15px; left: 50%;  margin-left: -15px;}
.nav_toggle.show i:nth-child(2) {    opacity: 0;}
.nav_toggle.show i:nth-child(3) {    transform: translateY(-20px) rotate(45deg);width: 30px; height: 2px; top: 55px; left: 50%;  margin-left: -15px; }
.nav_btn{position:absolute;    top: 25px;    right: 15px;z-index:999;}
.nav_btn.show{position:fixed; }
#main-nav{right: -120%;transition: all 0.5s;position:fixed;background: #FFF;width:100%;height:100vh;min-height:100%;max-width: 420px;z-index: 98;padding: 35px 57px;box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%); overflow-y: auto; }
#main-nav.show{right: 0;top: 0;}
#top-head{padding: 25px 15px;}
#main-nav .navbar-nav{padding-left:0;list-style:none;}
#main-nav .navbar-nav > li > a{color: #333;border-bottom: solid 1px #606060;height: 40px;margin-top: 18px;background: url(images/arrow_gnav_sp.svg) no-repeat center right/12px 12px}
#main-nav .navbar-nav > li > a:hover{background: #E5E5E5;}
.dropdown-toggle{position: relative;}
.toggle_btn { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); display: block; width: 12px; height: 12px; text-indent: 100%; white-space: nowrap; overflow: hidden; border-radius: 50%;   }
.toggle_btn:before, .toggle_btn:after { display: block; content: ''; background-color: #606060; position: absolute;  width: 12px;  height: 1px;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
.toggle_btn:before { width: 2px; height: 10px;  }
.dropdown-toggle.selected .toggle_btn:before {    content: normal;    }
.dropdown-menu {  display: none;  }
#main-nav .company_info{font-size: 14px;margin-top: 40px;}
#main-nav .company_info p{margin-top: 15px;}
/*.header_buttons{display:flex;}*/
.contact_btn{width:260px;height:70px;background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%);box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%);border-radius: 35px;position:relative;margin-right:105px;position:relative;}
.contact_btn a{background:#FFF;display:flex;align-items:center;width:256px;height:66px;position:absolute;top:2px;left:2px;background:#FFF;border-radius: 33px;justify-content: center;}
.contact_btn a:hover{background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%);transition-duration: 0.3s;}

@media screen and (min-width:1025px) {
	#top-head.fixed{height: 120px;}
	#top-head.fixed .navbar .navbar-brand a{width: 470px; height: 65px;transition:0s;}
	#top-head.fixed #menu-item-contact img{height: 60px;}
	#main-nav #menu-item-contact img{height: 100px;}
	#main-nav .navbar-nav > li#menu-item-contact > a{padding: 0 20px;position: relative;}
	#top-head.fixed #main-nav .navbar-nav > li#menu-item-contact > a .a{fill: #333;}
}

@media screen and (min-width:1500px) {
	#top-head .navbar .navbar-brand a{width: 470px;height: 65px;}
}
@media screen and (max-width:768px) {
	.contact_btn{height:54px; margin-right:70px;}
	.contact_btn a{height:50px;}
	.nav_toggle{ width:54px; height:54px; }
	.nav_toggle:before{ width:50px; height:50px; }
	.nav_toggle i:nth-child(1){left:15px;}
	.nav_toggle i:nth-child(3){right:15px;}
}
@media screen and (max-width:767px) {
	#top-head .navbar .navbar-brand{margin-left:0;}
	.header_buttons > .contact_btn{display:none;}
	.nav_toggle{width:40px;height:40px;}
	.nav_toggle:before{width:36px;height:36px;}
	.nav_toggle i{width:4px;height:4px;}
	.nav_toggle i:nth-child(1){left:10px;}
	.nav_toggle i:nth-child(3){right:11px;}
	.nav_toggle.show i:nth-child(1){width: 24px;top: 1px;margin-left: -12px;}
	.nav_toggle.show i:nth-child(3){width: 24px;top: 41px; margin-left: -12px;}
}
@media screen and (max-width:414px) {
	#top-head{padding:15px;height: 70px;}
	#top-head .navbar .navbar-brand a{width:240px;}
	.nav_btn{top:15px;}
	#main-nav{padding:60px 30px;}
	#top-head.fixed .navbar .navbar-brand a{ width:240px; }

	.headline1{text-align:center;}

	#worry img{width:60%;}

	#service .price{font-size:32px;}
}

/* ----------------------------------------------------------------------
アニメーション
---------------------------------------------------------------------- */

/* 画面に入ったら表示 */
.fadein {
	opacity : 0;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.fadein.top { transform :translate3d(0, -20px,0);transition: all .3s ease-out;}
.fadein.bottom { transform :translate3d(0, 20px,0);transition: all .3s ease-out;}

@media screen and (max-width: 767px){
	.fadein.bottom { transform :translate3d(0, 10px, 0);}
	.fadein.bottoms { transform :translate3d(0, 10px, 0);}
}
.fadein.scrollin {    opacity : 1;    transform :translate3d(0, 0, 0);    -webkit-clip-path:inset(0 0 0 0);    clip-path:inset(0 0 0 0);    }

/* ゆっくり表示 */
.fadeInUp{  animation: fadeIn 0.2s ease-out 0.3s;}
@keyframes fadeIn {
	0% {opacity: 0;transform :translate3d(0, 20px,0);} 
	100% {opacity: 1;transform :translate3d(0, 0, 0);}
}


/* タイプライター */
.typewriter span { display: inline-block; transform: translateY(30%); opacity: 0; transition-timing-function: cubic-bezier(.230, .61, .355,1); transition-duration: 690ms; }
@keyframes typewriter {
	0 { transform: translateY(3%); }
	100% { transform: translateY(0); }
}
.typewriter.active span { transform: translateY(0); opacity: 1; }

/* アニメーションマーカー */
.marker-animation.active{   background-size: 100% 20%;}
.marker-animation {
	font-family: 'Noto Sans JP', sans-serif;
	padding: 7px 5px;
	background-image: linear-gradient(#f7d845, #f7d845);
	background-size: 0 20%;
	background-position: 0 80%;
	background-repeat: no-repeat;
	transition: .8s;
}
.fuwafuwa{
	animation-name: updown;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
@keyframes updown{  
	0% {  transform: translate(0,0px);  }
	100% {transform: translate(0,-15px) }
}
/*========= 流体シェイプを動かす ===============*/
.fluid {position:absolute;z-index:-1;  width:200px;  height: 200px;  background: #39b14a; 	border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;}
.fluid01{top:133px;left:-20px;  opacity: 0.1;  animation: fluidrotate 30s ease 0s infinite;}
.fluid02{top:133px;right:-20px;background: #39b14a;    opacity: 0.1;  animation: fluidrotate 30s ease 0s infinite;}
.fluid03{top: 367px;    left: -28px;    background: #39b14a;    opacity: 0.4;width: 100px;    height: 76px;  animation: fluidrotate2 20s ease 0s infinite;animation-direction:alternate; }
.fluid04{top:245px;right:100px;background: #39b14a;    opacity: 0.1; width: 80px;    height: 76px; animation: fluidrotate2 25s ease 0s infinite;animation-direction:alternate;}
.fluid05{bottom:100px;left:20px;background: #39b14a;    opacity: 0.1;  animation: fluidrotate 30s ease 0s infinite;}
.fluid06{bottom:100px;right:20px;background: #39b14a;    opacity: 0.4;  animation: fluidrotate 40s ease 0s infinite;}
@media screen and (max-width: 767px){
	.fluid{width:100px;  height: 100px;}
	.fluid01{top:150px;left:-20px;}
	.fluid02{top:170px;right:-20px;}
	.fluid03{width:50px;  height: 50px;}
	.fluid04{width:70px;  height: 50px;}
}

@keyframes fluidrotate {      
	0% {    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;	transform: translate(-30px,-30px);}
	14% {    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;}
	28% {    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;}
	42% {    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;}
	50% {    transform: translate(0,0);}
	56% {    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;}
	70% {    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;}
	84% {    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;}
	100% {border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;transform: translate(-30px,-30px);}   
}

@keyframes fluidrotate2 {      
	0% {    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;	transform: translate(-50px,-20px);}
	14% {    border-radius: 26% 74% 32% 68% / 44% 35% 65% 56% ;}
	28% {    border-radius: 17% 83% 24% 76% / 56% 28% 72% 44% }
	42% {    border-radius: 11% 89% 33% 67% / 69% 55% 45% 31% ;}
	50% {    transform: translate(0,0);}
	56% {    border-radius: 50% 50% 22% 78% / 74% 45% 55% 26% ;}
	70% {    border-radius: 72% 28% 18% 82% / 78% 38% 62% 22% }
	84% {    border-radius: 26% 74% 32% 68% / 44% 35% 65% 56% ;}
	100% {border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;transform: translate(-50px,-20px);}   
}

/* ----------------------------------------------------------------------
トップページ
---------------------------------------------------------------------- */
.headline1{display:block;width: intrinsic;width: -moz-fit-content;width: -webkit-fit-content;line-height: 1.5;}
.bg1{/*background: url(images/bg1.svg) repeat top center/100% 186px;*/background: linear-gradient(90deg, rgba(131,179,63,0.1) 0%, rgba(75,128,170,0.1) 100%);}
.bg2{/*background: url(images/bg2.svg) repeat-y top center/100% 100px;*/background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%);}
.box{background:#FFF;border-radius:5px;padding:40px 20px;}
#main_img{background:linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%);  width: 100%;height:100vh; position: relative;display: inline-block;overflow: hidden;}
#main_img:before{content:"";width: 100%;height:100vh;background:url(images/geometric-pattern.svg) repeat;  mix-blend-mode: multiply;position:absolute;top:0;left:0;z-index:1;}
#main_img:after{content:"";width: 100%;height:171px;background:url(images/wave01.svg) no-repeat center bottom; background-size:contain; position:absolute;bottom:-1px;left:0;z-index:2;}
#main_img .message{ position: absolute;z-index:9; bottom: 50%;left: 4%;}
#main_img .illust{display:flex; position: absolute;bottom: 10px;width: 51.9%; z-index: 5; justify-content: center; left: 4%;}
.message01{font-family: 'Noto Sans JP', sans-serif;color:#39b14a;background:#FFF;padding:10px;display: inline-block;margin-bottom:10px; font-weight:700; line-height:1;}
.message02{font-family: 'Noto Sans JP', sans-serif;font-weight:900;color: #FFFFFF;text-shadow: 0px 1px 15px rgb(0 84 128 / 30%); line-height:1; margin-left:-15px;margin-bottom:15px;text-align:center; letter-spacing:0.025em;}
.message03{font-family: 'Noto Sans JP', sans-serif; color: #fff; display: block; font-weight: 700; letter-spacing: 0.075em; }
.message04{margin-left:40px;}
.message05{position: absolute;width: 70%;bottom: 9.14%;left: 50%;z-index:3;}
.message05 img{ width:100%;}
.message06{position: absolute;bottom:10px;left:20px;z-index:6;}
.message06 h2{font-size:16px; color:#666;}
.message07{ font-size:20px; font-weight:bold; color:#fff; letter-spacing:0.1em;}

/*ドローン申請サポート.comサイズ */
@media screen and (min-width:1025px) {.message02{font-size:72px;}}
@media screen and (min-width:375px) and (max-width:1024px){.message02{font-size: calc(28px + 44 * (100vw - 375px)/649);}}
@media screen and (max-width:374px) {.message02{font-size:28px;}}

#aboutus{background: url(images/aboutus_bg.svg) no-repeat top center/cover;padding-top:40px;margin-top:50px;padding-bottom:120px;}
#aboutus h2{margin:0 auto 30px;}
#aboutus h3{display:block;width: intrinsic;width: -moz-fit-content;width: -webkit-fit-content;margin-bottom:30px;}
#aboutus .image{position:relative;margin:20px auto;}
#aboutus .image .drone{position:absolute;bottom:-80px;right:-60px;}
#worry h2{margin:0 auto 30px;}
#worry .worry_illust{position:relative;padding-top:400px;margin-top:50px;}
#worry .speech_waku{position:absolute;}
#worry .speech_waku.order01{top:0;left:0;}
#worry .speech_waku.order02{top:100px;right:0;}
#worry .speech_waku.order03{top:200px;left:0;}
#worry .speech_waku.order04{top:300px;right:0;}
#worry .speech{background:#eeeeee;border-radius:12px;padding:15px;font-weight:bold;position:relative;margin-bottom:42px;}
#worry .speech:before{	content: "";	position: absolute;	margin-left: 0;	display: block;	width: 18px;	height: 18px;	background: #eeeeee;	border-radius: 50%;	z-index: 0;}
#worry .speech:after{content: "";	position: absolute;	margin-left: 0;	display: block;	width: 10px;	height:10px;	background: #eeeeee;	border-radius: 50%;	z-index: 0;}
#worry .speech.right:before {    bottom: -26px;    left: 6px;}
#worry .speech.right:after {bottom: -36px; left: 28px;}
#worry .speech.left:before {    bottom: -26px;    right: 19px;}
#worry .speech.left:after {bottom: -36px; right: 36px;}
#worry img{display:block;margin:0 auto;}
#merit{background: url(images/bg1_top.svg) no-repeat top center/100% 82px;padding-top:82px;position:relative;}
#merit .bg1{padding-bottom:140px;}
#merit h2{margin:0 auto 30px;padding-top:50px;}
#merit .image{position:relative;padding-top:15px;}
#merit .image .number{position:absolute;top:0;left:0;}
#merit h3{text-align:center;}
#merit .flex{margin-top:50px;margin-bottom:40px;}
#merit .contact_btn{text-align:center;}
#service{background: url(images/bg2_top.svg) no-repeat top center/100% 100px;padding-top:100px;margin-top: -100px; }
#service .bg2{padding-bottom:50px;}
#service h2{margin:0 auto 40px;}
#service h4{margin-left:10px; margin-bottom:2px; }
#service a.button{margin-top:25px; align-self:flex-end; }
#service .service{background:#eeeeee;border-radius:5px;margin-bottom:20px;padding:20px;}
#service .service .image img{display:block;margin:0 auto 20px;}
#service .flex3 .service .text h3{margin-top:22px; }
/* 2023.04.14 */
#service .flex4 .service .text h3{margin-top:22px; }
#service .service-text{ margin-bottom:40px; font-size:16px; font-weight:bold; text-align: center; }
/* 2023.04.14 */
#service .price{ font-weight:700; line-height:1; margin:5px 0 15px; font-family:'Noto Sans JP', sans-serif; }
#service .price span{font-size:14px; margin-left:8px; }
#service .support{border-radius:5px; border:dashed 1px #999; padding:10px 10px 0;}
#service .support ul{padding-left:0;}
#service .support li{list-style:none;display:flex;width:calc(100% - 18px);
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.64%22%20height%3D%2213.64%22%20viewBox%3D%220%200%2013.64%2013.64%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.a%20%7B%20fill%3A%20%23333%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22a%22%20d%3D%22M13.64%2C6.82A6.82%2C6.82%2C0%2C1%2C1%2C6.82%2C0%2C6.82%2C6.82%2C0%2C0%2C1%2C13.64%2C6.82Z%22%2F%3E%3C%2Fsvg%3E');background-repeat:no-repeat;background-position: top 2px left; padding-left: 20px; line-height: 1.4; margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
}
#flow{background: url(images/bg1_top2.svg) no-repeat top center/100% 100px;padding-top:100px;margin-top:-10px;position:relative;}
#flow .bg1{padding-bottom:200px;}
#flow h2{margin:0 auto 30px;padding-top:50px;}
#flow .intro{font-weight:bold;font-size:18px;margin-bottom:40px;}
#flow .image{text-align:right;}
#flow .image img{width:200px;}
#flow .flow{ display:flex; gap:20px; }
#flow .flow .flow_text{width: calc(100% - 100px);}
#flow .flow .flow_text h3{margin-left:30px;}
#flow .flow .flow_text p{background:#FFF;padding:24px 30px;border-radius:12px;font-family: 'Noto Sans JP', sans-serif;font-weight:500;font-size:14px;}
#flow .flow:nth-of-type(4) .flow_text p { margin-bottom: 60px; }
#flow .flow .icon{position:relative;padding-bottom:70px;}
#flow .flow .icon::after { content: ""; position: absolute; bottom: 15px;left: 50%;  z-index: -1;display: block;width: 0;height: calc(100% - 120px);border-right: 2px dashed #333;}
#flow .flow .icon::before{content: '';width: 4px;height: 4px;border: 0; border-bottom: solid 2px #333; border-right: solid 2px #333;position: absolute; bottom: 15px; left: 50%; margin-top: -4px;margin-left:-2px; transform: rotate(45deg);}
#flow .flow.last .icon::after,#flow .flow.last .icon::before{display:none;}



#member_info{padding-top: 27px;padding-bottom:40px; margin-top: 50px;position:relative;color:#FFF;/*background: url(images/member_info_top.svg) repeat-x top left / 1617px 221px, url(images/member_info_bottom.svg) repeat-x bottom left / 1617px 193px;*/}
.home #member_info{margin-top: -200px;}
#member_info .member_info_waku{background:url(images/member_info_bg.svg) no-repeat center center / cover;padding: 36px 0;}
#member_info .bg3{width: 100%; background:linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%); position: relative;display: inline-block;overflow: hidden;	mask-image: url(images/clip.svg);  mask-repeat: no-repeat;  mask-position: 0 0;  mask-size: auto;
	/* Chrome, Safari用 */
	-webkit-mask-image: url(images/clip.svg);  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: 0 0;  -webkit-mask-size:auto;}
#member_info .bg3:before{content:"";width: 100%;height:100%;background:url(images/geometric-pattern.svg) repeat;  mix-blend-mode: multiply;position:absolute;top:0;left:0;z-index:-1;}
#member_info .bg3:after{content:"";width: 100%;height:100%;position:absolute;top:0;left:0;z-index:-1;}
#member_info .bg4{width:100%;height:451px;background:url(images/bg4.svg) no-repeat top center / cover; position: relative;display: inline-block;overflow: hidden;	mask-image: url(images/clip.svg);  mask-repeat: no-repeat;  mask-position: 0 0;  mask-size: 100%;
	/* Chrome, Safari用 */
	-webkit-mask-image: url(images/clip.svg);  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: 0 0;  -webkit-mask-size: 100%;}
#member_info .member_info_content{padding:23px 0 54px;}
#member_info .member_info_content h2{margin-bottom:20px;}
#member_info .member_info_content p{margin-bottom:30px;}
#member_info .member_info_content .member_btns h3{text-align:center;margin-bottom:10px;font-size:18px;}
#member_info .member_info_content .member_btns a.button{margin:0 auto 20px;width:340px;display:block;}
#member_info .member_info_content .member_btns a.button.member{background:#FFF;color:#39b14a;}
#member_info .image{position: absolute;    bottom: 30px;    right: 0;width:200px;z-index:9;}


@media screen and (min-width:768px) {
	.box{padding:50px 30px 10px;}
	#aboutus{padding-top:50px;margin-top:100px;padding-bottom:130px;}
	#aboutus .flex .image{width:48.5%;}
	#aboutus .flex .image .drone{bottom:-80px;right:-80px;}
	#aboutus h2{margin-bottom:50px;}
	#aboutus h3{margin-bottom:50px;}
	#aboutus p{font-size:18px;}
	#worry .speech:before{width:25px;height:25px;}
	#worry .speech:after{	width: 14px;	height: 14px;}
	#worry .speech.right:before {	bottom: -30px; right: 45px;left:unset;}
	#worry .speech.left:before {	bottom: -30px; left: 45px;right:unset;}
	#worry .speech.right:after {    bottom: -36px;    right: 25px;    left: unset;}
	#worry .speech.left:after {bottom: -43px; left: 28px;}
	#worry .worry_illust{position:relative;padding-top:310px;margin-top:50px;}
	#worry .speech_waku{position:absolute;}
	#worry .speech_waku.order01{top:0;left:0;}
	#worry .speech_waku.order02 {    top: 75px;    right: 0;}
	#worry .speech_waku.order03 {    top: 124px;    left: 0;}
	#worry .speech_waku.order04 {    top: 225px;    right: 0;}
	#merit h2{padding-top:80px;}
	#merit h3{font-family: 'Noto Sans JP', sans-serif;}
	#merit .flex{display:flex;justify-content:space-around;}
	#merit .flex .merit{width:30%}
	#merit .merit:nth-of-type(2){margin-top:75px;}
	/*#merit .merit_line{background: url(images/merit_line.svg) no-repeat top center/100% 200px;}*/
	#merit .image .number{width:111px;}
	#service .bg2{padding-bottom:100px;}
	#service .service{display:flex; justify-content:space-between; margin-bottom:40px; flex-wrap:wrap;}
	#service .service .image{width: 32.12%; object-fit: cover; overflow: hidden; border-radius:5px; }
	#service .service .image img{height: 100%; display: block; object-fit: cover; aspect-ratio:8/5; }
	#service .flex .service .image{width: 42.27%;}

	/* 2023.04.14 */
	#service .flex4 .service .image{width:32.12%; }
	#service .flex4 .service .text{width:62.9%; }
	/* 2023.04.14 */

	#service .service .text{width: 62.9%;}
	#service .flex3 .service{display:flex; flex-wrap:wrap; padding:30px;}

	#flow h2{padding-top:80px;}
	#flow .intro{text-align:center;}
	#flow .flow .flow_text p{ font-size:18px;}
	#flow .flow:nth-of-type(4) .flow_text p { margin-bottom: 100px; }
	#member_info{margin-top:85px;}
	.home #member_info{margin-top: -150px;}
	#member_info .member_btns{display:flex;justify-content:space-between;background: url(images/member_btns_bg.svg) repeat-y center center / 1px 120px}
	#member_info .bg3{mask-size:cover;-webkit-mask-size:cover;width: 100%; height:502px;  padding: 78px 0px;}
	#member_info .member_info_content .member_btns h3{font-size:20px;}
	#member_info .member_info_content p{font-size:18px;}
}
@media screen and (min-width:1024px) {
	#aboutus{padding-bottom:280px;}
	#aboutus .flex{display:flex;align-items:center;justify-content: space-between;}
	#aboutus .flex .text{width:50%;padding: 0 5%;}
	#worry .speech_waku.order01 {    top: 0;    left: 100px;}
	#worry .speech_waku.order02 {    top: 33px;    right: 60px;}
	#worry .speech_waku.order03 {    top: 144px;    left: 0;}
	#worry .speech_waku.order04 {   top: 170px;  right:0;}
	#merit .merit_line{background-size:100% 290px;}
	#merit .image .number{width:150px;}
	#service .service{padding:30px;}
	#flow .flex{display: flex; justify-content: flex-end;  align-items: flex-end;}
	#flow .image img{width:300px;}
	#flow .flow{gap:35px;}
	#flow .flow .flow_text{width: calc(100% - 200px);}
	#member_info .member_info_content p{width:800px;}
	#member_info .member_btns{width:800px;}
	#member_info .image{width:25%;}
}
@media screen and (min-width:1025px) {
	#service .flex3 .service .image{width:100%;}
	#service .flex3 .service .text{width: 100%;}
	#service .flex .service .text{width: 52%;}
	#service .price span{font-size:20px;}
	#service .flex3{ display:flex; justify-content:space-between; }
	#service .flex3 .service{ width:calc((100% - 60px)/3); display:block; padding-bottom:115px; clip-path:none; }
	/* 2023.04.14 */
	#service .flex4{ display:flex; justify-content:space-between; }
	#service .flex4 .service{ width:calc((100% - 60px)/3); display:block; padding-bottom:115px; clip-path:none; }
	#service .flex4 .service .image{ width:100%; }
	#service .flex4 .service .text{ width: 100%; }
	#service .flex4　.service .text a.button{ position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
	.flex4 a.button.aligncenter.fadein.bottom.scrollin { position: absolute; bottom: 30px; left: 0; right: 0; margin: auto;}
	/* 2023.04.14 */

	#service .service_box4,#service .service_box5{ padding-bottom:115px;}
	#service .service .image img{ margin:0; }
	#service .service_box1 a.button,#service .service_box2 a.button,#service .service_box3 a.button,#service .service_box4 a.button,#service .service_box5 a.button{ position:absolute; bottom:30px; left:0; right:0; margin:auto;}
}
@media screen and (min-width:1367px) {
	.box{padding:100px 60px 60px;}
	#worry .speech{width:500px;text-align:center;padding:28px;}
	#worry .speech_waku.order01{top:0;left:156px;}
	#worry .speech_waku.order02{top:0;right:156px;}
	#worry .speech_waku.order03{top:150px;left:63px;}
	#worry .speech_waku.order04{top:150px;right:63px;}
	#merit .flex .merit{width:394px;}
	#merit .merit_line{background-size:100% 346px;}
	#merit .image .number{width:200px;}
	#service .flex{display:flex;justify-content:space-between;}
	#service .flex > div{width:49%;}
	#flow .image img{width:400px;}
	#member_info .image{width:32%;}
}

@media screen and (min-width:1600px) {
	#worry .worry_illust{margin:50px auto;}
	#worry .speech_waku.order01{top:0;left:240px;}
	#worry .speech_waku.order02{top:0;right:240px;}
	#worry .speech_waku.order03{top:150px;left:63px;}
	#worry .speech_waku.order04{top:150px;right:63px;}
	#flow .image img{width:552px;}
	#member_info .image{width:35%;max-width:712px;margin-right:5%;}
}
@media screen and (max-width:1024px) {
	#main_img{height:94vh;}
	#main_img:after{background-size:cover;}
	#main_img .illust{width:64%;bottom:60px;}
	.message01{padding:0px 5px;margin-bottom:0px;}
	.message05{width:43%;left: 70%;}
	.message06{bottom:0;}

	#service .flex3 .service{padding:30px;}

}
@media screen and (max-width:768px) {
	#main_img .message{ bottom:55%; }
	.message05{ width: 100%; left: 30%; }
}

@media screen and (max-width:767px) {
	#merit .merit{margin-bottom:60px;}
	#flow .flow{margin-bottom:40px;}
	#flow .flow .icon::before,#flow .flow .icon::after{bottom:-25px;}
	#main_img .illust{bottom:86px;}
	.message05{bottom:86px;}
	#member_info .image{bottom:-10px;}
	.message06 h2{font-size:14px; }
}
@media screen and (max-width:414px) {
	#main_img{height:90vh;}
	#main_img .message{ bottom:60%;}
	.message05{bottom:86px; width:140%; left:20%;}
	.message04{margin:20px 0 0 0 ;}
	#main_img .illust{ width:45%; flex-flow: column;}
	#aboutus p{ font-size:14px;}

	#worry .worry_illust{ margin-top:30px; }
	.merit p{font-size:14px;}
	#service .service h3{font-size:16px; font-weight:700; }
	#service .price{ margin:5px 0 20px; }
	#service h4{ margin-left:0;}

	#flow .intro{ font-size:14px; font-weight:500;}
	#flow .flow .flow_text p{padding:10px 15px;}
	#flow .flow .flow_text h3{margin-left:0;}
	.flow:nth-child(3){ height:135px; }

	#member_info .member_info_content h2{ margin:20px auto 0; text-align:center;}
	#member_info .member_info_content p{ margin-bottom: 20px; font-size: 14px; line-height: 1.8; }
	#member_info .member_info_content .member_btns h3{margin-bottom:5px;}
}

@media screen and (min-aspect-ratio: 1440/800) {
	#main_img {
		aspect-ratio: 16/9;
		height: unset;
	}
}

/* ----------------------------------------------------------------------
フッター
---------------------------------------------------------------------- */
#footer_contact h2{margin:50px auto 20px;}
#footer_contact .footer-contact_info > div{padding-top:20px;text-align:center;}
#footer_contact .footer-contact_info a.button{margin:0 auto;}
#footer_contact p{margin-bottom:20px;}
#footer_banner{margin-top:40px;margin-bottom:20px;}
#footer{margin-top:50px;}
#footer .company_info img{margin-bottom:25px;}
#footer .footer_menu ul{padding-left:0;margin-top:30px; columns:2;}
#footer .footer_menu li a{position:relative; margin-left: 15px;}
#footer .footer_menu li::after{ content:""; border-radius: 3px; top: calc(50% - 3px); display: block; width: 6px; height: 6px; margin: auto; background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%); position:absolute;}
#footer .footer_menu li{list-style:none; position:relative;}
#footer .footer_menu a{color:#333;}
#footer .footer_menu a:hover{color:#39ac4a;}
/*--2023.04.14追記--*/
#footer .company_info_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap: 40px;}
#footer .company_info{ font-size:14px; }
#footer .company_info p{ margin-bottom:16px; }
#footer .footer_menu li{margin-bottom:10px;}
/*--2023.04.26追記--*/
#footer_banner .flex:first-child { margin-bottom: 20px; }
#footer_banner .flex .bnr1 { border: 2px solid #ccc; padding: 15px 10px; border-radius: 5px; }
#footer_banner .flex .bnr1 img { display: block; } 
/*--2023.04.14追記--*/
@media screen and (min-width:768px) {
	#footer{margin-top:100px;}
	#footer_banner{margin-top:40px;}
	#footer_banner .flex{display:flex;justify-content:center;}
	#footer_contact h2{margin:100px auto 30px;}
	#footer_contact p{text-align:center;}
}
@media screen and (min-width:1024px) {
	#footer_contact .footer-contact_info{display:flex;}
	#footer_contact .footer-contact_info > div{width:50%;}
	#footer-in{display:flex;justify-content:space-between;align-items:flex-end;}
	#footer .footer_menu ul{margin-top:0;}
}
@media screen and (min-width:1366px) {
	#footer_contact .footer-contact_info .footer-contact_tel{border-right:dashed 2px #333;}
	#footer_contact .footer-contact_info a.button{width:420px;}
}
@media screen and (max-width: 520px){
	#footer .footer_menu ul{ columns: none; display: flex; flex-wrap: wrap; justify-content: flex-start; }
	#footer .footer_menu li{ margin-bottom: 12px; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; font-size: 14px;}
	#footer .footer_menu li::after{ top: calc(50% - 7px); }
	#footer .company_info_wrap{gap:10px;}
}
@media screen and (max-width:414px) {

	#footer .company_info p{font-size:14px;}
	#footer .company_info img{margin-bottom:10px;}

	#footer .footer_menu ul{ columns:2;}
	#footer .footer_menu li{ list-style: none; height: 37px; font-size: 14px; display: flex; align-items: center; line-height: 1.3; text-indent: 10px; position:relative;}
	#footer .footer_menu li a{position:relative; margin-left: 2px;}
	#footer .footer_menu li::after{ content:""; border-radius: 3px; top: calc(50% - 3px); display: block; width: 6px; height: 6px; margin: auto; background: linear-gradient(90deg, rgba(131,179,63,1) 0%, rgba(75,128,170,1) 100%); position: absolute; }
}
/*--2023.04.26追記--*/
@media screen and (min-width:768px) {
	#footer_banner .flex .bnr1 { padding: 20px 40px; }
}
@media screen and (min-width:1024px) {
	#footer_banner .flex .bnr1 { padding: 30px 60px; }
}
/* ----------------------------------------------------------------------
会員向け情報
---------------------------------------------------------------------- */
.archive #sidebar,.blog #sidebar,.page #sidebar,.error404 #sidebar,.search #sidebar{display:none;}
.archive-title span{display:none;}
.entry-content{margin-top:2em;}
.breadcrumb .sp {    margin: 0 4px;}
.breadcrumb .sp .fa-angle-right{transform: rotate(90deg);}
.single #member_info .member_info_waku,.archive #member_info .member_info_waku,.blog #member_info .member_info_waku{/*padding-bottom:0;*/background-position:top center;}
.single #member_info .image,.archive #member_info .image,.blog #member_info .image{right:5%;bottom:0;}
.single #member_info .member_info_content,.archive #member_info .member_info_content,.blog #member_info .member_info_content{padding:29px 0 32px;}
.single #member_info .member_info_content p,.archive #member_info .member_info_content p,.blog #member_info .member_info_content p{margin-bottom:0;}
.single #member_info .bg3,.archive #member_info .bg3,.blog #member_info .bg3{padding: 10px 0 50px;margin-bottom: -10px;}
.single #content,.archive #content,.blog #content,.page:not(.home) #content{background: url(images/bg1.svg?) repeat top center/cover;padding-top: 210px;padding-bottom:150px;margin-top: -133px;overflow:visible;position:relative;}
.single #content:after,.archive #content:after,.blog #content:after,.page:not(.home)  #content:after{
	content: "";
	width: 100%;
	height: 100px;
	background: url(images/wave02.svg) no-repeat center bottom;
	background-size: contain;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
}
.single #main{background:#FFF;box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%);border-radius:5px;padding:15px;}
.single #content-in{width: 90%; max-width:1256px;   margin: 0 auto;} 
.single #content-in .sidebar{background:none;padding:0;border:none;}
.single #content-in .sidebar .widget h2{margin-bottom:10px;}
.body .wp-block-group{margin-bottom:0;}
.single #content-in .sidebar h3 {background: none; padding: 0;  margin: 0 0 10px;}
.single #content-in #sidebar aside{box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%);background:#FFF;box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%);border-radius:5px;padding:20px;margin-bottom:20px;}
.single #content-in #sidebar aside ul.wp-block-categories{padding-left:0;display: flex;    flex-wrap: wrap;    gap: 10px;}
.single #content-in #sidebar aside .cat-item{list-style:none;margin-bottom:10px;}
.single #content-in #sidebar aside .cat-item a{color:#333;background:#e6e6e6;text-align:center;padding:4.2px 22px;border-radius:20px;font-family: 'Noto Sans JP', sans-serif;font-weight:700;font-size:12px;display:inline-block;}
.single #content-in #sidebar aside .cat-item a:before{content: "#";}
.single #content-in #sidebar aside .cat-item a:hover{color:#FFF;background:#39ac4a;}
.single #content-in .sidebar .cat-item .cf:after{display:none;}
.single #content-in .side_banner > div{margin-bottom:10px;}
.date-tags{text-align:left;}
.post-date,.post-update{font-size:19px;color:#CCC;font-family: 'Roboto Condensed',sans-serif;}
.entry-categories .fa-folder:before{content: "#";}
.entry-categories .cat-link{background:#39ac4a;text-align:center;padding:9.5px 22px;border-radius:20px;font-family: 'Noto Sans JP', sans-serif;font-weight:700;}
.archive #content-in,.blog #content-in{width: 90%; max-width:1600px;   margin: 0 auto;}
.archive article,.blog article{background: #FFF;    box-shadow: 0px 1px 10px 0 rgb(0 0 0 / 15%);    border-radius: 10px; }
.ect-vertical-card .entry-card-wrap .entry-card-content {  padding: 20px;}
.ect-3-columns {  justify-content: start;    gap: 25px;}
.ect-3-columns .entry-card-wrap{width:calc((100% - 75px) / 4);padding:0;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb img{border-radius: 10px 10px 0 0; }
.ect-3-columns .entry-card-snippet{max-height:unset;}
.entry-card-snippet, .related-entry-card-snippet{font-size:1em;}
.entry-card-meta, .related-entry-card-meta{bottom:10px;right:10px;}
.ect-vertical-card .entry-card-wrap .entry-card-content{padding: 20px 20px 40px 20px;}
.widget-entry-cards.ranking-visible .no-1 .card-thumb::before,.widget-entry-cards.ranking-visible .no-2 .card-thumb::before,.widget-entry-cards.ranking-visible .no-3 .card-thumb::before,.widget-entry-cards.ranking-visible .no-4 .card-thumb::before,.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {
	background: #ffffff;  color: #333;  border-radius: 0 0 10px 0; font-weight: bold;opacity:1;}
a.button-list{background: url(images/button-list.svg) no-repeat center right 18px /14px 14px,#ddebdf;color:#39ac4a;height:40px;line-height:40px;text-align:center;font-weight:700;font-family: 'Noto Sans JP', sans-serif;text-decoration:none;display:block;border-radius: 20px;width: 200px;margin:20px auto;}
a.button-list:hover{background: url(images/button-list.svg) no-repeat center right 18px /14px 14px,#c4f8cc;}
.blogcard, .ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square a, .author-box { border: solid 2px #39ad4a;background:#FFF;color:#39ad4a;}
.pagination .current{color:#FFF;background:#39ad4a;}
.page-numbers{border-radius:23px}
.pagination-next-link:hover{color:#FFF;background:#39ad4a;}
.pagination-next{margin-top:100px;}
#category_btn ul{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;list-style:none;margin-bottom:60px;}
#category_btn a{background:#FFF;min-width:160px;height:40px;line-height:40px;color:#606060;border-radius:20px;display: inline-block;    text-align: center;    font-weight: bold;padding:0 12px;}
#category_btn a:before{content:"#"}
#category_btn a:hover,#category_btn li.current-cat a,.blog #category_btn li.all a{background:#39ad4a;color:#FFF;}
#archives-dropdown-2{background: #f3f3f3;}
.cat-label{display:none;}

@media screen and (min-width:768px) {
	.single #member_info .member_info_content,.archive #member_info .member_info_content,.blog #member_info .member_info_content{padding:0px 0 8px;}
	.single #member_info .bg3,.archive #member_info .bg3,.blog #member_info .bg3{padding-top:78px;}
}
@media screen and (min-width:1024px) {
	.single #content-in{display:flex;justify-content:space-between;}
	.single #content-in #main{width: calc((100% - 20px) * 0.696);padding:30px;}
	.single #content-in #sidebar{width: calc((100% - 20px) * 0.304);}
	.single #member_info .member_info_content p{width:736px;}
}
@media screen and (max-width: 1024px){
	.ect-3-columns .entry-card-wrap{width:calc((100% - 25px) / 2);}
}
@media screen and (max-width: 480px){
	.entry-title, .article h2{padding: 0.6em 0;}
	.ect-3-columns .entry-card-wrap{width:100%;}
	.single #main{padding: 15px 10px;}
	.single #member_info .image,.archive #member_info .image,.blog #member_info .image{bottom:0;}
	.single #member_info,.archive #member_info,.blog #member_info{ margin-top: 15px;}
	.single #member_info .member_info_content p, .archive #member_info .member_info_content p, .blog #member_info .member_info_content p {    margin-bottom: 0;    font-size: 12px;    line-height: 1.5;}
}

/* ----------------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------------- */
.breadcrumb{display:none;}
input[type="text"],select,textarea,input[type="tel"]{	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
	font-feature-settings: "palt";
	font-size:16px;}
.contact_kind{display:flex;justify-content:center;margin-bottom:100px;gap: 60px;}
.contact_kind > div{width: calc((100% - 60px) / 2);max-width: 400px; }
.contact_kind > div a{background: #cccccc;    height: 60px;    line-height: 60px;    text-align: center;    font-weight: 700;    font-family: 'Noto Sans JP', sans-serif;    color: #FFF;    text-decoration: none;    display: block;    border-radius: 40px;    width: 100%;    font-size: 18px;}
.contact_kind > div a:hover,.contact_kind > div a.current{background:#1482b2}
.page .article h1,.page .article h2{text-align:center;background:none;padding:0; margin-bottom:30px; }
#contact h3{border: none; background: url(images/h3_line.svg) no-repeat top left /145px 2px,url(images/h3_line_gray.svg) no-repeat top left /100% 2px;padding: 20px 0 5px;  }
.page-id-38 #contact h3,.page-id-126 #contact h3,.page-id-40 #contact h3{margin-bottom: 0;}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{border:none;}
.mw_wp_form dt{margin-bottom:5px;color:#000;}
.mw_wp_form dd{margin-bottom:20px;line-height:1.5;margin-left: 0;}
.mw_wp_form input[type="text"],.mw_wp_form textarea{background:#FFF;border:#FFF;padding:10px;border-radius:3px;outline-color: #c30414;width:100%;}
.mw_wp_form dd #zip,.mw_wp_form dd #zip2,.mw_wp_form dd #zip3,.mw_wp_form dd #zip4,.mw_wp_form dd #zip5,.mw_wp_form dd #zip6{width:120px;background:#FFF;border:#FFF;padding:12px 10px;border-radius:3px;outline-color: #c30414;}
.mw_wp_form dd #tel,.mw_wp_form dd .tel{width:300px;}
.mw_wp_form .mwform-tel-field input[type="text"]{width:70px;}
input[type="number"]{width:calc(100% - 40px);padding:15px 10px;}
select{padding:15px 10px;}
.mw_wp_form input[type="text"].amount{width:calc(100% - 30px);}
.submit_comment_wrapper{text-align:center;margin-top:80px;}
input[type='submit'].submit_button,.mw_wp_form .back{color: #FFF;display: block; background-image: linear-gradient(-90deg, #60dd8a, #30ad86); font-weight: bold;border-radius: 5px;margin: 0 auto; min-width: 260px;width:90%;max-width:560px;height:80px;line-height: 50px; position:relative; text-align: center; font-size: 16px;}
.submit_button{margin:0 auto 20px;}
input[type='submit'].submit_button:hover,.mw_wp_form .back:hover{background:#047971;}
.grecaptcha-badge{bottom:66px !important;}
.submit_button{margin:10px auto 30px;}
.submit_button:focus{outline:none;}
.mw_wp_form .hissu::after {
	content: "必須";
	color: #FFF;
	padding: 1px 6px;
	background: #C0272D;
	font-size: 14px;
	line-height: 1;
	border-radius: 2px;
	margin-left: 15px;
	font-weight: normal;
}
.mw_wp_form.mw_wp_form_confirm dd {
	margin-bottom: 20px;
	background: #f7f7f7;
	padding: 10px;
	border-bottom: solid 1px #015650;
	font-weight: bold;
}
.mw_wp_form.mw_wp_form_confirm .confirm{display:none;}
#contact_tel_waku .contact_tel{text-align: center;    margin-bottom: 20px;}
#contact_tel_waku .contact_tel .tel_number{font-family: 'Roboto Condensed',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;line-height:1.2;font-size:36px;}
#contact_tel_waku .contact_tel .tel_number a{color:#333;}
#contact_tel_waku .flex{padding:0 10px;}
#contact_confirm{margin:50px 0;}
article #contact h4{margin-top: 50px;margin-bottom: 20px;border-width:1px;border-color: #CCC;font-size:18px;}
#contact h3{margin-bottom:0;font-size:18px;}
#contact .flex div dl > .flex { width: 100%; }
.mw_wp_form dl .flex dt { margin-bottom: 20px; }
.mb-8 span { font-size:14px; color:#C0272D; }
#contact h3.chu-i {
	max-width: 1000px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: unset;
	margin-bottom: 10px;
}
#contact .policy-wrap {
	max-width: 1000px;
	width: 100%;
	border: 1px solid #333;
	border-radius: 10px;
	margin: 0 auto 20px;
	padding: calc((35/1000)*100%) 0 calc((35/1000)*100%);
	background: #fff;
}
#contact .policy-wrap p {
	overflow-y: scroll;
	max-width: 1000px;
	width: calc((700/800)*100%);
	margin: 0 auto;
	padding-right: calc((30/800)*100%);
	aspect-ratio: 3;
	margin-bottom: 0;
}

@media screen and (min-width: 768px)  {
	.text-center-pc{text-align:center;}
	#contact .flex,#contact .flex3{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#contact .flex div{width:48%;}
	#contact .flex3 div{width:32%;}
	.mw_wp_form input[type="text"],.mw_wp_form textarea,.mw_wp_form dd #zip,.mw_wp_form dd #zip2{padding:12px 10px;}
	.mw_wp_form .mwform-tel-field input[type="text"]{width:85px;}
	.submit_button,.mw_wp_form .back{display:block;}
	#contact_confirm{margin:100px 0;}
	.mw_wp_form dl .flex dt.mb-8 {margin-bottom: 8px;}
}
@media screen and (min-width: 992px) {
	#contact_tel_waku .flex{display:flex;justify-content:space-between;align-items:center;}
	#contact_tel_waku .contact_tel{width:49%;border-right:solid 1px #CBCBCB;text-align: left; margin-bottom: 0;}
	#contact_tel_waku .text{width:49%;padding-left:50px;}
}

@media screen and (min-width: 1025px) {
	#contact_tel_waku{max-width:1150px;margin:0 auto;}
	#contact_tel_waku .contact_tel{width:471px;}
	#contact_tel_waku .text{width:calc(100% - 471px);}
	#contact_tel_waku .flex{padding:0;}
	#contact dd.checkbox_waku{display: flex;  	flex-wrap: wrap;	justify-content:space-between;	}
	#contact dd.checkbox_waku span.mwform-checkbox-field{width:50%;}
	#contact .mwform-checkbox-field input {	margin-right: 3px;}
}

@media screen and (max-width: 767px) {
	.contact_kind > div a{height: 40px;    line-height: 40px;font-weight:normal;font-size:14px;}
}

@media screen and (max-width: 767px) {
	#member_info .member_info_content h2{text-align: center; margin-top: 30px;}
	#member_info .member_info_content p{font-size:14px;}
	.mw_wp_form input[type="text"], .mw_wp_form textarea{font-size:16px;}
}


@media screen and (max-width: 512px) {
	.page .article h1{ margin-bottom:20px; }
	.contact_kind { gap: 30px; flex-wrap: wrap; }
	.contact_kind > div{ width: 100%; }
	#contact p{ font-size:14px; }
	.mw_wp_form dt{ font-size:14px; }
	article #contact h4{ font-size:16px; padding-left:0; }
	#contact .policy-wrap { padding: calc((25/390)*100%) 0 calc((15/390)*100%); }
	#contact .policy-wrap p {
		width: calc((330/390)*100%);
		padding-right: calc((20/390)*100%);
		aspect-ratio: 1.2;
	}
}



/* 電話番号　フォントサイズ */
@media screen and (min-width:1025px) {#contact_tel_waku .contact_tel .tel_number strong{font-size:64px;}}
@media screen and (min-width:375px) and (max-width:1024px){#contact_tel_waku .contact_tel .tel_number strong{font-size: calc(36px + 28 * (100vw - 375px)/649);}}
@media screen and (max-width:374px) {#contact_tel_waku .contact_tel .tel_number strong{font-size:36px;}}



/* 折りたたみ */
.grad-wrap {
	position: relative;
}
.grad-wrap + .grad-wrap {
	margin-top: 40px;
}
.grad-trigger {
	width: 320px;
	height: 60px;
	background-image: linear-gradient(-90deg, #60dd8a, #30ad86);
	border-radius: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 30px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	z-index:10;
}
.grad-item {
	position: relative;
	overflow: hidden;
}
.grad-item.is-hide {
	height: 0; /*隠した後の高さ*/
	padding-top:60px;
}
.grad-item p + p {
	margin-top: 1em;
}

/* ----------------------------------------------------------------------
プライバシーポリシー
---------------------------------------------------------------------- */
.page .article #privacy h1{margin-bottom:30px}
.page .article #privacy h2{text-align:left;}
#privacy { background: #FFF;    padding: 40px 20px;}
@media screen and (min-width: 768px)  {
	#privacy {    margin: 100px auto;    max-width: 1000px;    background: #FFF;    padding: 50px;}
}

/* ----------------------------------------------------------------------
固定ページ
---------------------------------------------------------------------- */
.page .article-header{display:none;}
.page:not(.home) #content-in{width: 90%; max-width:1600px;   margin: 0 auto;}

/* ----------------------------------------------------------------------
検索結果、404
---------------------------------------------------------------------- */
.search #content-in,.error404 #content-in{width: 90%; max-width:1600px; margin:100px auto;}
.error404 #content-in{text-align:center;}
.search-edit{background: #f3f3f3;}

/* Youtube　フィクシードボタンの追加 */
.fixed {
	position: fixed;
	z-index: 9999;
	left: 10px;
	bottom: 10px;
}
.blog #footer { margin-bottom: 60px; }
@media screen and (max-width: 1024px) {
	.blog #footer { margin-bottom: 90px; }
	@media screen and (max-width: 450px) {
		.blog #footer { margin-bottom: 70px; }
		.fixed { left: 0 ; bottom: 0; }
	}
}

/* ----------------------------------------------------------------------
無人航空機の登録手続きについて（クッションページ）
---------------------------------------------------------------------- */
.cautionArea,.cautionArea2,.cautionArea3 {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #E6E6E6;
	padding-top: 5em;
}
.cautionArea { z-index: 10003; }
.cautionArea2 { z-index: 10002;}
.cautionArea3 { z-index: 10001;}
.cautionWrapper .q-svg,.cautionWrapper .q-illust { margin-bottom: 40px;}
.cautionWrapper .text-box {font-size: clamp(1.25rem, 1.021rem + 0.98vw, 1.875rem);font-weight: bold;letter-spacing: 1px;margin-bottom: 50px;}
.cautionWrapper .text-box p { margin-bottom: 0; }
.cautionWrapper .flex { display: flex; flex-wrap: wrap; justify-content: center; gap: 80px; }
.cautionWrapper .flex a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100% - 80px) / 2);
	max-width: 352px;
	aspect-ratio: 352 / 60;
	background: #81B13F;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.cautionWrapper .flex a:last-of-type { background: #F15A24; }
.cautionWrapper .cautionArea2 .flex a:last-of-type { background: #4B80A8; }
@media (max-width:1024px) {
	.cautionArea, .cautionArea2 { padding: 5em 7.5% 0; }
	.cautionWrapper .flex a { width: calc((100% - 60px) / 2); }
	.cautionWrapper .flex { gap: 60px; }
	@media (max-width: 767px) {
		.cautionWrapper .q-svg img { height: 45px; }
		.cautionWrapper .text-box { margin-bottom: 40px; text-align: left; }
		.cautionWrapper .text-box p { display: inline; }
		.cautionWrapper .cautionArea2 .text-box p { display: block; }
		.cautionWrapper .flex { gap: 30px; }
		.cautionWrapper .flex a { width: 100%; }
	}
}