@charset "UTF-8";

/* ページ表示時にフェードイン */
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

body.page p:empty{display: none;}




/* humberger */
/* .hmenu-wrapper{
position:fixed;
top:8px;
right:20px;
z-index: 500;
}
.hmenu{
width: 50px;
height:43px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 500;
}
.hmenu1{top:15px;}
.hmenu2{top:23px;}
.hmenu1,.hmenu2 {
position:absolute;
left:0;
height:1px;
width: 50px;
transition: all 0.3s ease-out;
display: inline-block;
background-color: var(--gold-60);
}
.hmenuclick1,
.hmenuclick2 {
top:20px;
}
.hmenuclick1{transform: rotate(45deg);}
.hmenuclick2{transform: rotate(-45deg);}
.hmenu-back{
position: relative;
display: none;
position: fixed;
background:rgba(0,0,0,.9);
opacity: 1;
z-index: 300;
width: 100%;
height: 100%;
top:0;
left:0;
} */


/* 展開部 */
/* .toggle_nav {
display: none;
width: 100%;
height: 100vh;
position: fixed;
top:0;
left:50%;
transform: translateX(-50%);
z-index: 400;
overflow-y: auto;
color: #FFF;
}
.main_nav a {color: #FFF;}
*/


@media only screen and (min-width: 768px) {
/* .hmenu-wrapper{
top:10px;
right: 30px;
}
.hmenu{
width: 55px;
height:50px;
}
.hmenu1,.hmenu2 {width: 55px;}
.hmenu1{top:20px;}
.hmenu2{top:28px;}
.hmenuclick1,
.hmenuclick2 {
top:20px;
}
展開部
.toggle_nav .main_nav {
padding-top: 8rem;
}
*/

}/* hamberger main_nav min-width: 768px */





/* COMMON */

/* rayout */
.bg_gold {background: var(--gold-5);}
.col-inner-sp{
padding: 0 20px;
box-sizing: border-box;
}

/* text */


/* title */
.main_title {
position: relative;
font-weight: 300;
font-size: var(--36px);
line-height: 1.6;
}
.main_title:after {
content: "";
display: block;
margin: 5px 0 15px;
width: 15px;
height: 15px;
background: url(../images/common/main_title_point.svg) no-repeat left center;
background-size: 100%;
}
.main_title > .en {
position: relative;
display: block;
font-size: 41%;
font-weight: 600;
line-height: 1;
color: var(--orange);
}
.main_title > .small {
display: inline-block;
font-size: 50%;
}

.main_title.small {
font-weight: 700;
font-size: var(--26px);
line-height: 1.5;
}
.main_title.small:after {
margin: 15px 0;
}

.main_title.new > .en:after {
content: "NEW";
display: inline-block;
margin-left: 5px;
padding: 3px 4px;
font-size: var(--12px);
color: #FFF;
line-height: 1.2;
background: var(--yellow);
color: var(--orange);
transform: rotate(-15deg) translateY(-5px);
}




.title_22 {font-size: var(--20px);}


/* color */
.tgreen {color: var(--green);}
.torange {color: var(--orange);}



/* link button */
a.underline {
border-bottom: 2px dotted var(--yellow);
}
a.link_arrow {
display: inline-flex;
align-items: center;
gap: 5px;
}
a.link_arrow:after,
a.link_arrow.back:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-right: 2px solid var(--orange);
border-top: 2px solid var(--orange);
transform: rotate(45deg);
}
a.link_arrow.back:after {
display: none;
}
a.link_arrow.back:before {
border: none;
border-left: 2px solid var(--orange);
border-bottom: 2px solid var(--orange);
}

.btn_round_arrow {
position: relative;
display:flex;
align-items: center;
padding: 12px;
border-radius: 80px;
box-sizing: border-box;
background: var(--yellow);
font-weight: 700;
/* font-size: var(--18px); */
font-size: var(--16px);
line-height: 1.4;
}
.btn_round_arrow > figure {
width: 16vw;
max-width: 90px;
margin-right: 10px;
}
.btn_round_arrow:after {
position: absolute;
top:0;
right:0;
content: "";
display: block;
width: 50px;
height: 100%;
background: var(--gray);
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
}
.btn_round_arrow:before {
position: absolute;
top:50%;
transform: translateY(-50%);
right:10px;
content: "";
display: block;
width: 32px;
height: 30px;
background: url(../images/common/arrow_yellow.svg) no-repeat right center;
background-size: 100%;
z-index: 5;
}
.btn_round_arrow.small {
padding: 10px 45px 10px 10px;
font-size: var(--14px);
}

.btn_round_arrow .fs-22 {
font-size: var(--20px);
}

.btn_round_arrow.green {
background-color: var(--green-10);
}
.btn_round_arrow.green:after {
	background-color: var(--green);
}
.btn_round_arrow.green:before {
background-image: url(../images/common/arrow_white.svg)
}

.btn_round_arrow.comingsoon {
cursor: default;
}
.btn_round_arrow.comingsoon:hover {
opacity: 1;
}
.btn_round_arrow.comingsoon .label {
position: absolute;
top:50%;
transform: translateY(-50%);
right:20%;
z-index: 5;
}

.btn_round_arrow.comingsoon .label:before {
position: absolute;
right:0;
top:50%;
transform: translateY(-50%);
content: "COMING SOON";
display: block;
padding: 6px 0 3px;
width: 130px;
background: var(--yellow);
color:var(--green);
font-family: var(--font-family-en);
font-weight: 600;
font-size: var(--15px);
text-align: center;
line-height: 1;
letter-spacing: normal;
transform: rotate(-15deg);
z-index: 10;
}

.btn_green,
.btn_white,
.btn_black {
position: relative;
display: inline-block;
padding: 5px 30px 5px 20px;
background: var(--green);
border-radius: 20px;
text-align: center;
font-weight: 700;
color: #FFF;
line-height: 1.5;
}
.btn_white {
background: #FFF;
border: 1px solid var(--green);
color: var(--green);
}
.btn_black {
background: var(--gray);
color: var(--yellow);
}
.btn_green:after,
.btn_white:after,
.btn_black:after {
position: absolute;
top:50%;
right:20px;
content: "";
display: block;
width: 9px;
height: 9px;
border-top: 2px solid #FFF;
border-right: 2px solid #FFF;
transform: rotate(45deg) translateY(-50%);
}
.btn_white:after {
border-top-color: var(--green);
border-right-color: var(--green);
}
.btn_black:after {
border-top-color: var(--yellow);
border-right-color: var(--yellow);
}

.btn_white.trigger:after {
right:10px;
transform: rotate(135deg) translateY(8px);
}
.btn_white.trigger.current:after {
right:14px;
transform: rotate(-45deg) translateY(-3px);
}
.trigger:hover {
cursor: pointer;
}
.open_contents {
display: none;
}





@media only screen and (min-width: 768px) {
.main_title.small {
font-size: var(--32px);
}
.title_22 {font-size: var(--22px);}
.btn_round_arrow {
padding-right: 70px;
font-size: var(--17px);
letter-spacing: normal;
}
.btn_round_arrow.small {
padding-right: 70px;
}
.btn_round_arrow:after {
width: 60px;
}
.btn_round_arrow:before {
right: 20px;
}
.btn_green,.btn_white {
padding: 5px 50px 5px 40px;
}
.btn_round_arrow > figure {
width: 8vw;
}
.btn_round_arrow.small {
font-size: var(--16px);
}

}/* min-width: 768px */


@media only screen and (min-width: 1260px) {
.btn_round_arrow > figure {
width: 90px;
}
.btn_round_arrow {
font-size: var(--22px);
}
.btn_round_arrow:after {
width: 70px;
}
.btn_round_arrow .fs-22 {
font-size: var(--22px);
}
.btn_round_arrow.comingsoon .label {
top:35%;
right:25%;
}
}/* min-width: 1260px */



/* parts */
hr.period {
margin:3rem auto;
border-top: 1px solid var(--beige);
width: calc(100% - 40px);
max-width: 1280px;
}
hr.period.dot {
border-top-style: dotted;
}
hr.newline {
margin:1rem auto;
width: 100%;
}

.wrap_video video {
width: 100%;
}
.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%
}


.list_default > li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1rem 0;
border-top: 1px solid var(--beige);
}
.list_default > li:last-child {
border-bottom: 1px solid var(--beige);
}
.list_default > li > strong,
.list_default > li > span {
display: block;
width: 100%;
box-sizing: border-box;
}
.list_default > li > strong {
margin-bottom: .5rem;
font-size: var(--18px);
line-height: 1.5;
}



@media only screen and (min-width: 768px) {
/* COMMON */
.list_default > li {
padding: 2rem 0;
}
.list_default > li > strong {
width: 25%;
margin-bottom: 0;
}
.list_default > li > span {
width: 75%;
padding-left: 20px;
}
.list_default.short > li > strong {
width: 15%;
}
.list_default.short > li > span {
width: 85%;
}


/* rayout */
.col-inner-sp {
padding: 0;
}

/* text */


/* title */
.main_title {}

hr.period {
margin:5rem auto;
width: calc(100% - 60px);
}
hr.newline {
margin:3rem auto;
}




}/* min-width: 768px */




@media only screen and (min-width: 1340px) {



}/* min-width: 1340px */









/* HEADER */
.header {
position: fixed;
top:0;
left:0;
width: 100%;
z-index: 1000;
}
.header .header_logo {
padding: 6px 0 0 10px;
width: 50%;
max-width: 320px;
height: 120px;
background: url(../images/common/bg_header-logo.png) no-repeat left top;
background-size: 100%;
}
.lower .header .header_logo {
background-image: url(../images/common/bg_header-logo_green.svg);
}

.header .header_logo > a {
display: block;
width: 60%;
max-width: 200px;
}

@media only screen and (min-width: 768px) {
.header .header_logo {
padding: 15px 0 0 25px;
}

}/* .header fv min-width: 768px */







/* FOOTER */
/*
.btn_pagetop {
position: relative;
display: block;
width: 140px;
padding-bottom: 40px;
margin:0 auto 30px;
text-align: center;
font-size: var(--14px);
font-family: var(--font-family-min);
color: var(--gold);
opacity: .7;
}
.btn_pagetop:after {
position: absolute;
bottom:0;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
width: 1px;
height: 35px;
background: var(--gold-40);
}
.btn_pagetop:hover:after {
animation: pagetop-after .5s ease-out;
}
.btn_pagetop:hover {
opacity: 1;
} */

.footer {
padding: 3rem 0;
background: var(--gray);
color: #FFF;
}
.footer .logo {
width: 100%;
text-align: center;
}
.footer .logo > a {
display:inline-block;
width: 25%;
max-width: 100px;
}
.footer .wrap_contact {
width: 100%;
padding: 20px 20px 0;
box-sizing: border-box;
}
.btn_footer_contact {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
padding: 10px;
text-align: center;
border: solid 1px #FFF;
border-radius: 50px;
color: #FFF;
}
.btn_footer_contact:before,
.btn_footer_contact:after {
display: block;
content: "";
background-size: 100%;
}
.btn_footer_contact:before {
width: 30px;
height: 30px;
background: url(../images/common/icon_contact.svg) no-repeat center center;
}
.btn_footer_contact::after {
width: 25px;
height: 25px;
background: url(../images/common/arrow_white_thin.svg) no-repeat center center;
}

.btn_footer_contact > span {
display: block;
text-align: left;
line-height: 1.5;
font-weight: 500;
}
.btn_footer_contact > span > .en {
color: var(--yellow);
font-size: var(--11px);
}

.footer .copyright {
margin-top: 1rem;
font-family: var(--font-family-mont);
font-weight: 200;
font-size: var(--15px);
text-align: center;
}






@media only screen and (min-width: 768px) {
.footer > .d-f-md {
max-width: 1340px;
margin: 0 auto;
}
.footer .logo {
padding-left: 30px;
text-align: left;
}
.footer .wrap_contact {
width: 100%;
max-width: 400px;
}

}/* FOOTER min-width: 768px */





@media only screen and (min-width: 1025px) {

}/* FOOTER min-width: 1025px */



.fixed_nav {
position: fixed;
top:10px;
right: 10px;
z-index: 1000;
display: block;
padding: 10px;
background: var(--yellow);
border-radius: 60px;
text-align: center;
}
.fixed_nav a,
.fixed_nav > p {
display: block;
text-align: center;
margin: 20px 0;
}
/* .fixed_nav > p > a {
margin: 10px 0;
} */
.fixed_nav p a {
margin:0 0 15px;
}
.fixed_nav a.menu_trigger {
margin: 0;
cursor: pointer;
transition: all .2s;
}
.fixed_nav a.menu_trigger:hover {
opacity: .8;
}
.fixed_nav .inner_menu {
display: none;
}



@media only screen and (min-width: 768px) {
.fixed_nav {
top:30px;
}
.fixed_nav .inner_menu {
display: block;
}
}/* .fixed_nav fv min-width: 768px */




@media only screen and (min-width: 1320px) {
.fixed_nav {
right:30px;
}

}













/* HOME */
/* fv */
.home .fv {
position: relative;
}
.home .fv:after {
position: absolute;
bottom:-2px;
left:0;
content: "";
display: block;
width: 100%;
height: 9vw;
max-height: 170px;
background: url(../images/common/bg_fv_bottom.svg) no-repeat center top;
background-size: 110%;
}
.home .fv .en {
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
font-size:3.5vw;
color: #FFF;
line-height: 1.4;
}
.home .fv .en > img {
display: inline-block;
width: 36%;
max-width: 210px;
}
.home .fv .fv_bg {
position: relative;
width: 100%;
height: 80vh;
}


@media only screen and (min-width: 768px) {
.home .fv .fv_bg {
height: 90vh;
}

}/* HOME fv min-width: 768px */



@media only screen and (min-width: 1320px) {
.home .fv .en {
font-size: 30px;
letter-spacing: 0.1em;
}

}/* HOME fv min-width: 1320px */




/* about */
.home .home_about {
position: relative;
z-index: 5;
}
.home .home_about .wrapper {
transform: translateY(-40px);
margin-bottom: -40px;
}
.home .home_about .head_title {
text-align: center;
background: url(../images/home/bg_headtitle.svg) no-repeat center center;
background-size: auto 80%;
}
.home .home_about .head_title > strong {
font-size: var(--18px);
font-weight: 600;
background: linear-gradient(transparent 96%, var(--orange) 0%);
padding: 0 5px 0px;
}


@media only screen and (min-width: 768px) {
.home .home_about {
background-size: 450px;
}
.home .home_about .wrapper {
transform: translateY(-100px);
margin-bottom: -100px;
}
.home .home_about .head_title {
margin-bottom: 3rem;
font-size: var(--26px);
background-size: auto 100%;
}
}/* HOME about min-width: 768px */





@media only screen and (min-width: 1340px) {
.home .home_about .head_title {
font-size: var(--28px);
}
}




/* home common */
.home .green_cloud {
position: relative;
z-index: -1;
padding-top: 0;
}
.home .green_cloud:before {
position: absolute;
top:65%;
transform: translateY(-65%);
right:0;
content: "";
display: block;
width: 100%;
height: 615px;
background: url(../images/home/bg_ruin_green.png) no-repeat right top;
background-size:160%;
z-index: -1;
}

/* .home .green_cloud:after {
position: absolute;
bottom:0;
left:0;
content: "";
display: block;
width: 90%;
max-width: 600px;
height: 816px;
background: url(../images/home/bg_green_left.svg) no-repeat left center;
background-size:100%;
z-index: -1;
} */


.home .beige_cloud {
position: relative;
overflow: hidden;
}
.home .beige_cloud:before {
position: absolute;
top:50%;
transform: translateY(-50%);
left:0;
content: "";
display: block;
width: 100%;
height: 100%;
background: url(../images/home/bg_ruin_beige.png) no-repeat left center;
background-size:160%;
}
.container.beige_cloud .wrapper + .wrapper {
margin-top: 3rem;
}
.home .wrapper.w-100 {
max-width: 100%;
}
.home .bg_text {
position: absolute;
top:-10px;
right:0;
font-family: var(--font-family-mont);
font-size: 17vw;
font-weight: 200;
color: #e5faf8;
line-height: 1;
letter-spacing: -0.06em;
}
.home .bg_text.beige {
color: #EEDBC6;
}
.home .bg_text.left {
right:auto;
left:0;
}
.home .round_image {
padding: 0;
width: calc(100% - 20px);
max-width: 600px;
}




@media only screen and (min-width: 768px) {
.container.beige_cloud .wrapper + .wrapper {
margin-top: 6rem;
}
.home .wrapper.wrap-reverse.w-100 {
padding-right: 50px;
}
.home .round_image {
width:50%;
}
.home .wrap_half-cont {
max-width: 600px;
}
.home .green_cloud:before {
/* top:300px;
transform: none; */
width: 90%;
height: 925px;
background-size:100%;
}
.home .green_cloud:after {
background-position: left -300px bottom;
}


.home .beige_cloud:before {
top:auto;
transform: none;
bottom: 0;
width: 80%;
max-width: 1114px;
height: 1410px;
background-size:100%;
background-position: left bottom;
}



.home .bg_text {
font-size: 12vw;
}

}/* HOME common min-width: 768px */





@media only screen and (min-width: 1025px) {
.home .bg_text {
top:-20px;
font-size: 150px;
}
.home .green_cloud:before {
max-width: 995px;
}

}/* HOME common min-width: 1025px */





@media only screen and (min-width: 1340px) {
.home .wrapper.w-100 > .col-5 {
padding-left: 60px;
padding-right: 60px;
}
}/* HOME common min-width: 1340px */





/* home vtuber */
.home #home_vtuber {
position: relative;
z-index: 10;
}
.home #home_vtuber .wrap_haniko {
position: relative;
padding-right: 102px;
padding-bottom: 20px;
}
.home #home_vtuber .wrap_haniko > figure {
position: absolute;
right:10px;
bottom:0;
width: 25vw;
max-width: 102px;
}
.home #home_vtuber .box_free {
padding: 20px 15px 30px;
background: #FFF;
border: 2px dashed var(--green);
border-radius: 20px;
}
.home #home_vtuber .box_free dt {
margin-bottom: 2rem;
color: var(--green);
font-size: var(--26px);
line-height: 1.6;
}
.home #home_vtuber .box_free dd > div.open_contents {
padding-top: 3rem;
background: var(--green-10);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.home #home_vtuber .box_free .btn_black {
display: block;
padding: 10px;
}

.home #home_vtuber .btn_green,
.home #home_vtuber .btn_white.trigger {
display: block;
margin-top: 10px;
}
.new_vtuber {
padding: 20px 0 40px;
}
.new_vtuber .vtuber_trigger {
position: relative;
display: block;
padding: 6px 0;
text-align: center;
font-weight: 700;
font-size: var(--18px);
color: var(--green);
border-bottom: 1px solid var(--green);
cursor: pointer;
}
.new_vtuber .vtuber_trigger.current {
border-bottom: none;
border-top: 1px solid var(--green);
}
.new_vtuber .vtuber_trigger:after {
position: absolute;
bottom: -20px;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
width: 40px;
height: 20px;
background: url(../images/common/btn_circle_open.svg) no-repeat center top;
background-size: 100%;
}
.new_vtuber .vtuber_trigger.current:after {
bottom:auto;
top:-20px;
background-image: url(../images/common/btn_circle_close.svg);
}
.new_vtuber .vtuber_trigger + p {
margin-top: 4rem;
}

.new_vtuber .d-f {
padding: 3rem 1.5rem;
}
.new_vtuber .d-f + .d-f {
border-top: 1px dotted var(--green);
}

.new_vtuber .d-f > figure,
.new_vtuber .d-f > div {
width: 100%;
}

.new_vtuber .d-f > figure img {
width: 70%;
max-width: 260px;
}
.new_vtuber .d-f .main_title {
font-size: var(--28px);
}
.new_vtuber .vtuber_detail {
display: none;
}
.wrap_guideline {
padding: 10px;
margin: 2rem 0;
background: #FFF;
border: 1px solid var(--green);
border-radius: 20px;
}
.wrap_guideline .trigger {
position: relative;
display: block;
text-align: center;
color: var(--green);
font-size: var(--18px);
font-weight: 500;
}
.wrap_guideline .trigger:after {
position: absolute;
top:40%;
right:20px;
content: "";
display: block;
width: 9px;
height: 9px;
border-bottom: 2px solid var(--green);
border-right: 2px solid var(--green);
transform: rotate(45deg) translateY(-40%);
}
.wrap_guideline .trigger.current:after {
right:16px;
transform: rotate(-135deg);
}
.wrap_guideline .open_contents {
padding: 2rem;
font-size: var(--15px);
}



.home #home_vtuber .wrapper.wrap-reverse {
padding-top: 1rem;
margin-top: 3rem;
}


@media only screen and (min-width: 768px) {



}







@media only screen and (min-width: 768px) {
.home #home_vtuber .wrap_haniko {
padding: 0 30% 20px 20px;
}
.home #home_vtuber .wrap_haniko > figure {
right:30px;
}
.home #home_vtuber .box_free dt {
font-size: var(--40px);
text-align: center;
}
.home #home_vtuber .box_free {
padding: 40px 60px 60px;
border-radius: 40px;
}
.home #home_vtuber .box_free .btn_black {
padding: 20px;
font-size: var(--20px);
border-radius: 40px;
}
.home #home_vtuber .box_free .btn_black:after {
right: 30px;
width: 13px;
height: 13px;
}
.home #home_vtuber .btn_green,
.home #home_vtuber .btn_white.trigger {
display: inline-block;
margin-right: 10px;
}
.new_vtuber .vtuber_trigger {
font-size: var(--20px);
}
.new_vtuber .vtuber_trigger:after {
bottom: -30px;
width: 60px;
height: 30px;
}
.new_vtuber .vtuber_trigger.current:after {
top:-30px;
}
.new_vtuber .vtuber_trigger + p {
margin-top: 6rem;
}
.new_vtuber .d-f {
align-items: center;
justify-content: space-between;
margin: 0 auto;
max-width: 920px;
}
.new_vtuber .d-f > figure {
width: 34%;
}
.new_vtuber .d-f > figure img {
width: 100%;
}
.new_vtuber .d-f > div {
width: 60%;
}
.new_vtuber .d-f .main_title {
font-size: var(--32px);
}

.home #home_vtuber .wrapper.wrap-reverse {
padding-top: 3rem;
margin-top: 5rem;
}

}/* HOME vtuber  min-width: 768px */










/* home_animation */
.home #home_animation .icon_usaf {
margin-left: 10px;
width: 20%;
max-width: 90px;
}



@media only screen and (min-width: 768px) {



}/* home_animation min-width: 768px */


















/* NEWS */
#home_news .en_title {
font-family: var(--font-family-mont);
font-weight: 300;
font-size: calc(100vw * 40 / 414);
color: var(--orange);
}


.list_news li + li {
border-top:1px solid var(--beige)
}
.list_news li > a {
display: block;
padding: 1rem 0;
}
.list_news li .date {
display: block;
color: var(--gray);
font-size: var(--14px);
font-weight: 700;
}




@media only screen and (min-width: 768px) {
#home_news .en_title {
font-size: calc(100vw * 56 / 1260);
}
.list_news li > a {
padding: 2rem 0;
}
}



@media only screen and (min-width: 1340px) {
#home_news .en_title {
font-size: 56px;
}
#home_news .wrapper {
padding: 0 8.4%;
}



}/* NEWS min-width: 1340px */











/*LOWER  */
.lower article {
padding-top: 40px;
}

/* news */
.news_head {
margin: 2rem 0 .5rem;
font-size: var(--20px);
font-weight: 700;
}
.news_date {
font-size: var(--15px);
font-weight: 700;
color: var(--gray);
}
.entry_contents {
padding: 2rem 0;
}
.entry_contents > p,
.entry_contents > figure,
.entry_contents > div {
margin: 1.5rem 0;
}



.entry_contents h2 {
padding: 2rem 0 1rem;
font-size: var(--20px);
font-weight: 700;
}
.entry_contents h3 {
padding: 2rem 0 1rem;
font-size: var(--18px);
font-weight: 700;
}


@media only screen and (min-width: 768px) {

/*LOWER  */
.lower article {
padding-top: 60px;
}


/* news */
.news_head {
margin-top: 4rem;
font-size: var(--26px);
}
.entry_contents > p,
.entry_contents > figure,
.entry_contents > div {
margin: 2rem 0;
}
.entry_contents h2 {
font-size: var(--22px);
}
.entry_contents h3 {
font-size: var(--20px);
}




}/* lower min-width: 768px */
















/* Form Parts */
/* form common parts */
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding-left: 28px;
font-size: var(--16px);
vertical-align: middle;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -10px;
width: 20px;
height: 20px;
background: #FFF;
border-radius: 3px;
content: '';
background: var(--green-10);
}
.checkbox:before {
position: absolute;
top: 50%;
left:6px;
display: block;
margin-top: -10px;
width: 8px;
height: 16px;
border-right: 3px solid var(--green);
border-bottom: 3px solid var(--green);
content: '';
opacity: 0;
transform: rotate(45deg);
z-index: 10;
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}
::-webkit-input-placeholder {
color: var(--gray);
opacity: 0.5;
}
::-moz-placeholder {
color: var(--gray);
opacity: 0.5;
}
input:focus {outline:none;}

.select {
background:#FFF url(../images/common/arrow_select.svg) no-repeat right 10px top 50%;
background-size: 15px;
padding: 1.1rem 3rem 1.1rem 1rem;
font-size:16px;
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}






/* wrap_input */
.wrap_input {
margin-top: 3rem;
}
.wrap_input dl + dl {
margin-top: 3rem;
}
.wrap_input dt {
display: inline-flex;
align-items: flex-start;
flex-wrap: wrap;
margin-bottom: .6rem;
font-weight: 700;
}
.wrap_input .required dt:before {
content: "必須";
display: inline-block;
padding: 6px 10px;
margin-right: 5px;
border-radius: 20px;
background: var(--green);
color: #FFF;
font-size: var(--11px);
line-height: 1;
transform: translateY(2px);
}
.wrap_input dd {
font-size: var(--16px);
}

.wrap_input input[type=text],
.wrap_input input[type=tel],
.wrap_input input[type=email],
.wrap_input input[type=number],
.wrap_input textarea {
padding: 1rem;
box-sizing: border-box;
width: 100%;
background: #ebfbfa;
font-size:16px;
}
/* .wrap_input .required input[type=text],
.wrap_input .required input[type=tel],
.wrap_input .required input[type=email],
.wrap_input .required input[type=number],
.wrap_input .required textarea {
border: 1px solid var(--gold-60);
background: var(--gold-5);
} */
.wrap_radio p + p {
margin-top: 1rem;
}
.wrap_input .radio_button + label {
padding-left: 26px;
position: relative;
margin-right: 26px;
cursor: pointer;
}
.wrap_input .radio_button + label::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border: 1px solid var(--green);
border-radius: 50%;
}
.wrap_input .required .radio_button + label::before {
border-color: var(--gray);
}
.wrap_input .radio_button:checked + label::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
background: var(--green);
border-radius: 50%;
}
/* .wrap_input select {
border:1px solid var(--green-60);
padding: 1rem 3rem 1rem 1rem;
border-radius: 5px;
font-size:16px;
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url(../images/common/arrow_select.svg) no-repeat right 10px center;
background-size: 10px;
}
.wrap_input .required select {
border-color: var(--gold);
background-color: var(--gold-5);
}
.wrap_input select.wide {
min-width: 100%;
}
.wrap_input select + span {
margin-left: .5rem;
margin-right: 1rem;
} */
.wrap_input .w50_pc {
width: 100%;
}
/* .wrap_input .tel_wrap {
display: flex;
align-items: center;
}
.wrap_input .tel_wrap > select {
width: 50%;
margin-right: 10px;
padding: 1rem 1.5rem 1rem .5rem;
} */
.wrap_input .error {
margin: 1rem 0;
color: var(--orange);
font-weight: 600;
font-size: var(--15px);
}

.wrap_sendbtn {
padding-top: 3rem;
}
.wrap_sendbtn .trigger.btn_white,
.wrap_sendbtn .btn_green {
display: block;
width: 100%;
}
.wrap_sendbtn .btn_green {
padding: 20px;
font-size: var(--20px);
border-radius: 50px;
}
.wrap_sendbtn .btn_green:disabled,
.wrap_sendbtn .btn_green:disabled:hover {
opacity: .5;
cursor: default;
}

.wrap_sendbtn .d-f-md > span {
display: block;
text-align: center;
padding: 1rem 0;
}

.wrap_sendbtn .open_contents {
padding: 2rem;
background: var(--green-10);
border-radius: 20px;
}



@media only screen and (min-width: 768px) {

.wrap_input {
margin-top: 6rem;
}
.wrap_input input[type=text],
.wrap_input input[type=tel],
.wrap_input input[type=email],
.wrap_input input[type=number],
.wrap_input textarea {
padding: 1.5rem;
}
.wrap_input .radio_button + label::before {
top:2px;
}
.wrap_input .radio_button:checked + label::after {
top:7px;
}
.wrap_input dt {
font-size: var(--16px);
}

/* .wrap_input select {
padding-right: 5rem;
}
.wrap_input .tel_wrap > select {
width: 30%;
}
.wrap_input .tel_wrap > select {
padding: 1.5rem 2rem 1.5rem 1rem;
} */

.wrap_sendbtn .d-f-md {
margin-bottom: 2rem;
justify-content: center;
align-items: center;
gap: 30px;
}
.wrap_sendbtn .d-f-md > a,
.wrap_sendbtn .d-f-md > span {
width: 100%;
max-width: 360px;
}
.wrap_sendbtn .open_contents {
padding: 3rem 4rem;
}

}/* wrap_input min-width: 768px */



@media only screen and (min-width: 1025px) {
.wrap_input dl {
display: flex;
justify-content: space-between;
}
.wrap_input dl + dl {
margin-top: 4rem;
}
.wrap_input dt {
width: 25%;
padding-right: 20px;
border-bottom: none;
}
.wrap_input dd {
width: 75%;
}

}/* wrap_input min-width: 1025px */



.grecaptcha-badge { visibility: hidden; }



.rec-close {
position: relative;
}
.rec-close::after {
position: absolute;
top:80px;
left:50%;
content: "募集終了";
display:block;
width:100%;
padding:5px 10px;
text-align: center;
font-size: var(--20px);
font-weight: 600;
color:var(--orange);
border:1px solid var(--orange);
background: var(--beige);
transform: rotate(-10deg) translateX(-50%);
}

@media only screen and (min-width: 768px) {
.rec-close::after {
top:25%;
}
}