@charset "utf-8";

/*
Theme Name: subaru_child
Template: subaru_child
Author: labo
Author URI: https://takai-laboratory.com/
*/

/*========================*/
/*fade
***************/
/* 画面外にいる状態 */
.fadein {
opacity : 0;
transform : translate(0, 150px);
transition : all 1500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
opacity : 1;
transform : translate(0, 0);
}
#wrap {overflow: hidden;}
body {opacity: 0; transition-duration: .5s; transition-delay: .2s;}
.indication {opacity: 1;}
.indent_content {padding: 80px 0;}
.indent_content02 {margin-top: 80px;}
/******************************
HEADER
******************************/
.maternity_banner {max-width: 1200px; margin: 0 auto;}
.front_main_box {background: url("img/header/main_bg.jpg")center bottom no-repeat; padding: 50px 0 100px; background-size: cover; margin-top: 140px;}
.front_main_box .txt_box {height: 100%;}
.front_main_box .txt_box .inner_box {position: relative;}
.front_main_box .txt_box .inner_box .item01 {content: ''; position: absolute; width: 3000px; height: 650px; z-index: 10; left: 50%; transform: rotate(-7deg); top: 0; bottom: 0; margin: auto 0 auto -1600px;}
.front_main_box .txt_box .inner_box .item01 span {transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s, -webkit-width 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; width: 0; background: rgba(81, 56, 40, .7); content: ''; height: 100%; display: block;}
.front_main_box .txt01 {width: 1200px; height: 70px; font-size: 28px; line-height: 1; box-sizing: border-box; z-index: 20; position: relative; background: #feae00; border-radius: 35px;}

.front_main_box.inview .txt01::after {-webkit-transition-delay: 2.2s; transition-delay: 2.2s; opacity: 1; -webkit-transform: scale(1,1); transform: scale(1,1);}

@-webkit-keyframes mainCopy{0%{opacity:0;-webkit-transform:translateX(0) translateY(20px);transform:translateX(0) translateY(20px)}100%{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes mainCopy{0%{opacity:0;-webkit-transform:translateX(0) translateY(20px);transform:translateX(0) translateY(20px)}100%{opacity:1;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes mainCopy-first{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes mainCopy-first{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes mainCopy-hide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes mainCopy-hide{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}}

.front_main_box .txt01_02 {font-size: 47px; line-height: 1; position: relative; z-index: 20; margin-top: 15px; transition-delay: 1.7s;}
.front_main_box .group {margin-bottom: 0px; position: relative;}
.front_main_box .txt02 {font-size: 50px; line-height: 1.5; margin: 40px 0 0; z-index: 20; position: relative; transition-delay: 2s;}
.front_main_box .txt02 .big {font-size: 90px; text-decoration: underline; text-decoration-color: #fcff00;}
.front_main_box .txt03 {font-size: 45px; line-height: 1.5; margin-top: 25px;}
.front_main_box .img_box {position: relative; z-index: 20; transition-delay: 5s;}
.front_main_box .img_box img{width: 366px;}
.front_main_box .img_box img:nth-of-type(n + 4) {margin-top: 50px;}
.front_main_box .news_box {z-index: 20;}
.front_main_box .img {position: absolute; right: -300px; bottom: 184px; z-index: 10;}
.front_main_box .img02 {position: absolute; right: 0; bottom: -50px; z-index: 10; transition-delay: 2s;}
.front_main_box .item {box-sizing: border-box; border: 3px solid #513828; background: #fff; width: 360px; height: 42px; padding: 10px 20px; line-height: 1;}
.front_main_box .item:nth-child(n + 2) {margin-top: 10px;}
.front_main_box .time {font-size: 16px; box-sizing: border-box; border-right: 1px solid #513828; padding-right: 10px; margin-right: 10px;}
.front_main_box .news_box h2 {font-size: 16px;}
.front_main_box.inview .txt_box .inner_box .item01 span {width: 100%;}
.front_main_box .fade_under .item {transition-delay: 2.6s;}
.front_main_box .fade_under .item:nth-child(2) {transition-delay: 2.7s;}
.front_main_box .fade_under .item:nth-child(3) {transition-delay: 2.8s;}
.front_main_box .add_txt01 {font-size: 30px; line-height: 1.7; text-align: center; margin-top: 50px; font-weight: bold;}
.front_main_box .marker {line-height: 1.5;}
.front_main_box .under_txt {margin-top: 20px;}
.front_main_box .arrow {margin-left: 270px;}
.front_main_box .txt_point::before {background: #ff0000;}
.part02 .front_main_box .txt_point::before {background: #000;}
.sp-main {display: none;}
.front_contact_box {background: #f0f0f0; line-height: 1; height: 140px; position: fixed; z-index: 100; top: 0; left: 0; width: 100%;}
.front_contact_box .txt01 {font-size: 25px;}
.front_contact_box h1 {font-size: 40px; margin-right: 20px;}
.front_contact_box .right_box {width: 828px;}
.front_contact_box .btn {box-sizing: border-box; width: 230px; height: 30px; font-size: 14px; line-height: 1; background: #fff100; border-radius: 5px;}
.front_contact_box .btn:nth-child(2) {background: #513828; margin-left: 20px;}
.front_contact_box .global_nav {width: 100%; display: table;}
.front_contact_box .under_inner {margin-top: 13px;}
.front_contact_box .global_nav a {box-sizing: border-box; border-right: 1px solid #000; font-size: 14px; line-height: 1; display: table-cell; padding: 5px 0; position: relative;}
.front_contact_box .global_nav a:nth-child(1) {border-left: 1px solid #000;}
.front_contact_box .global_nav a::before {content: ''; position: absolute; width: 0; height: 2px; background: #feae00; left: 0; right: 0; bottom: -10px; margin: auto; transition-duration: .5s; transform-origin: center;}
.front_contact_box .global_nav a:hover::before {width: 100%;}
.front_contact_box .global_nav .min {font-size: 12px; margin-bottom: 10px;}
.herunia .front_main_box .txt02 .big {font-size: 80px;}
.part02 .front_main_box .txt02 {font-size: 48px; line-height: 1.6;}
.herunia .part02 .front_main_box .txt02 {font-size: 48px; line-height: 1;}
.part02 .front_main_box .txt02 .big {font-size: 85px; font-weight: 900; line-height: 1.3; color: #ff0000; position: relative; text-decoration-color: #ffff00;}

/*index*/
#index #flow,#company #access,#company #director {padding-top: 100px; margin-top: -100px;}
#access_section {padding-top: 200px; margin-top: -200px;}
#index #greeting {margin-top: -100px; padding-top: 100px;}
#index #cost {padding-top: 200px; margin-top: -200px;}
#index .box01 {background: url("img/index/box01_bg.jpg")center center no-repeat; background-size: cover;}
#index .box01 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
#index .box01 h2 {font-size: 25px; margin: 15px auto 45px;}
#index .box01 .txt01 {font-size: 60px; line-height: 1;}
#index .box01 .txt01 .min_txt {font-size: 45px;}
#index .box01 .txt02 {font-size: 18px; margin: 20px auto 50px;}
#index .box01 .box {box-sizing: border-box; border: 1px solid #fff; width: 285px; margin-right: 20px; padding: 10px;}
#index .box01 .box:nth-child(4n) {margin-right: 0;}
#index .box01 .box:nth-child(n + 5) {margin-top: 20px;}
#index .box01 .video {width: 100%; height: 148px; object-fit: cover; object-position: center; margin-bottom: 5px;}
#index .box01 .txt03 {font-size: 16px; line-height: 1.3;}
#index .box02 {position: relative; background: url("img/index/box02_bg.jpg")top left repeat;}
#index .box02 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
#index .box02 h2 {font-size: 25px; line-height: 1; margin: 15px auto 40px;}
#index .box02 .txt01 {font-size: 35px; line-height: 1.3; word-break: keep-all;}
#index .box02 .txt01::before,#index .box02 .txt01::after {content: ''; display: block; height: 71px; min-width: 590px; flex-grow: 1; transition: clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-clip-path 1s cubic-bezier(0.165, 0.84, 0.44, 1)}
#index .box02 .txt01::before {margin-right: 20px; background: url("img/index/box02_arrow01.svg")no-repeat; clip-path: inset(0 100% 0 0); transition-delay: .8s;}
#index .box02 .txt01::after {margin-left: 20px; background: url("img/index/box02_arrow02.svg")no-repeat; clip-path: inset(0 0 0 100%); transition-delay: .9s;}
#index .box02.inview .txt01::before,#index .box02.inview .txt01::after {clip-path: inset(0); -webkit-clip-path: inset(0);}
#index .box02 .txt02 {font-size: 16px; line-height: 1.7; margin: 45px auto 50px;}
#index .box02 .inner img {box-sizing: border-box; border-top: 3px solid #feae00; position: relative; z-index: 10;}
#index .box02 .inner .item {transition-delay: .5s;}
#index .box02 .inner .item:nth-child(2) {transition-delay: .6s;}
#index .box02 .inner .item:nth-child(3) {transition-delay: .7s;}
#index .box02 .bg {width: 100%; height: 300px; background: url("img/index/box02_bg02.jpg")top left repeat; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
#index .box02 .btn {box-sizing: border-box; width: 500px; height: 70px; background: url("img/index/box02_btn_arrow.svg")center right 20px no-repeat; background-color: #e5e5e5; margin: 80px auto 0; font-size: 18px; line-height: 1; position: relative; z-index: 10; transition-delay: .7s;}
#index .box03 {background: url("img/index/box03_bg.jpg")top left repeat;}
#index .box03 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
#index .box03 h2 {font-size: 25px; margin: 10px auto 40px;}
#index .box03 .inner::before {content: ''; position: absolute; background: url("img/index/box03_before.svg")no-repeat; width: 612px; height: 854px; left: -520px; bottom: -80px;}
#index .box03 .inner::after {content: ''; position: absolute; background: url("img/index/box03_after.svg")no-repeat; width: 796px; height: 846px; right: -350px; bottom: -80px;}
#index .box03 .img_box {position: relative; margin-right: 20px;}
#index .box03 .right_box {width: 560px;}
#index .box03 .img {position: relative; z-index: 10;}
#index .box03 .icon {position: absolute; width: 80px; height: 80px; box-sizing: border-box; border-radius: 100%; z-index: 20; opacity: 0; transition-duration: .5s;}
#index .box03 .icon span {width: 70px; box-sizing: border-box; border-radius: 100%; background: #7f7f7f; display: block; transition-duration: .5s;}
#index .box03.inview .icon {opacity: 1;}
#index .box03 .icon01 {top: 18px; left: -155px; transition-delay: .5s;}
#index .box03 .icon02 {top: 145px; left: -87px; transition-delay: .6s;}
#index .box03 .icon03 {top: 250px; left: -230px; transition-delay: .7s}
#index .box03 .icon04 {bottom: 100px; left: -135px; transition-delay: .8s}
#index .box03 .icon05 {right: 35px; top: 20px; transition-delay: .5s}
#index .box03 .icon06 {right: 100px; top: 165px; transition-delay: .6s}
#index .box03 .icon07 {top: 290px; right: 20px; transition-delay: .7s}
#index .box03 .icon08 {right: 90px; bottom: 115px; transition-delay: .8s}
#index .box03 .icon:hover span {background: #513828;}
#index .box03 .icon::after {transition-duration: 1s; width: 0; transition-timing-function: ease-in-out;}
#index .box03 .icon01::after {content: ''; position: absolute; background: url("img/index/box03_icon01_a.svg")no-repeat; height: 45px; top: 0; left: 100px; transition-delay: 1s;}
#index .box03 .icon02::after {content: ''; position: absolute; background: url("img/index/box03_icon02_a.svg")no-repeat; height: 91px; bottom: 35px; left: 100px; transition-delay: 1.1s;}
#index .box03 .icon03::before,#index .box03 .icon03::after {content: ''; position: absolute; transition-delay: 1.3s; transition-duration: .7s; height: 0; width: 30px;}
#index .box03 .icon03::before {background: url("img/index/box03_icon03_b.svg")no-repeat; left: 40px; bottom: 100px; background-position: bottom;}
#index .box03 .icon03::after {background: url("img/index/box03_icon03_a.svg")no-repeat; left: 40px; top: 100px;}
#index .box03 .icon04::after {content: ''; position: absolute; background: url("img/index/box03_icon04_a.svg")no-repeat; height: 96px; top: 40px; left: 100px; transition-delay: 1.4s;}
#index .box03 .icon05::after {content: ''; position: absolute; background: url("img/index/box03_icon05_a.svg")no-repeat; height: 1px; top: 40px; right: 100px; transition-delay: 1s;}
#index .box03 .icon06::after {content: ''; position: absolute; background: url("img/index/box03_icon06_a.svg")no-repeat; height: 91px; bottom: 35px; right: 100px; transition-delay: 1.2s; background-position: right;}
#index .box03 .icon07::after {content: ''; position: absolute; background: url("img/index/box03_icon07_a.svg")no-repeat; height: 79px; bottom: 35px; right: 100px; transition-delay: 1.3s; background-position: right;}
#index .box03 .icon08::after {content: ''; position: absolute; background: url("img/index/box03_icon08_a.svg")no-repeat; height: 1px; top: 40px; right: 100px; transition-delay: 1.4s;}

#index .box03.inview .icon01::after {width: 110px;}
#index .box03.inview .icon02::after {width: 63px;}
#index .box03.inview .icon03::before {height: 233px;}
#index .box03.inview .icon03::after {height: 232px;}
#index .box03.inview .icon04::after {width: 70px;}
#index .box03.inview .icon05::after {width: 80px;}
#index .box03.inview .icon06::after {width: 78px;}
#index .box03.inview .icon07::after {width: 136px;}
#index .box03.inview .icon08::after {width: 27px;}

#index .box03 .bdr_box {box-sizing: border-box; position: absolute; width: 80px; height: 80px; border: 1px dashed #aaa; content: ''; border-radius: 100%;}
#index .box03 .icon:hover .bdr_box {animation: rotation 4s infinite linear;}


/* 円の回転アニメーション */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#index .box03 .txt01 {font-size: 60px; line-height: 1; letter-spacing: 2px; position: relative; z-index: 10; transition-delay: .3s;}
#index .box03 .txt01 .min_text {font-size: 20px; margin-top: 22px; margin-left: 20px;}
#index .box03 h3 {font-size: 24px; line-height: 1.8; margin: 30px auto; position: relative; z-index: 10; transition-delay: .7s;}
#index .box03 .txt02 {font-size: 14px; line-height: 2; position: relative; z-index: 10;}
#index .box03.inview .mask span {animation-delay: 1.2s; transition-delay: 1.2s;}
#index .box03 .btn {box-sizing: border-box; width: 400px; height: 70px; background: url("img/index/box03_btn_arrow.svg")center right 20px no-repeat; background-color: #feae00; font-size: 18px; line-height: 1; margin-top: 50px; position: relative; z-index: 10; transition-delay: 1.2s;}
#contact_banner {background: url("img/contact_banner/bg.jpg")top left repeat;}
#contact_banner .nav {margin-bottom: 50px;}
#contact_banner .nav a {font-size: 18px; line-height: 1; box-sizing: border-box; position: relative; display: inline-block; margin-left: 30px;}
#contact_banner .nav a:nth-child(1) {margin-left: 0;}
#contact_banner .nav a::before {content: ''; position: absolute; width: 0; height: 2px; background: #feae00; left: 0; right: 0; bottom: -10px; margin: auto; transition-duration: .5s; transform-origin: center;}
#contact_banner .nav a:hover::before {width: 100%;}
#contact_banner .sns_box {padding-right: 45px;}
#contact_banner .sns_box a:nth-child(1) {margin-right: 20px;}
#contact_banner th {width: auto; font-size: 18px; line-height: 1; word-break: keep-all; height: 50px; vertical-align: middle; box-sizing: border-box; border-right: 1px solid #ee8c00; padding-right: 20px;}
#contact_banner td {font-wight: 500; width: 50px; height: 50px; font-size: 18px; line-height: 1; text-align: center; vertical-align: middle; border-right: 1px solid #ee8c00;}
#contact_banner .txt01 {font-size: 14px; line-height: 1.8;}
#contact_banner .btn {box-sizing: border-box; width: 388px; height: 50px; background: #00b900; font-size: 18px; line-height: 1;}
#contact_banner .txt02 {font-size: 18px; line-height: 1; margin: 20px 0 10px;}
#contact_banner .tel {font-size: 30px; line-height: 1;}
#contact_banner .tel span {font-size: 50px;}
#contact_banner .txt03 {font-size: 16px; line-height: 1.7; margin-top: 10px;}
#index .box04 {background: url("img/index/box04_bg.jpg")top left repeat; overflow: hidden; padding-bottom: 160px;}
#index .box04 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
#index .box04 h2 {font-size: 30px; margin: 10px auto 50px;}
#index .box04 .icon_box {box-sizing: border-box; border: 1px dashed #513828; padding: 5px; border-radius: 100%; width: 125px; height: 125px;}
#index .box04 .icon {width: 100%; height: 100%; background: #7f7f7f; border-radius: 100%; transition-duration: .5s;}
#index .box04 ul {margin-bottom: 60px; z-index: 10;}
#index .box04 li {width: 125px;}
#index .box04 li p {font-size: 20px; line-height: 1; margin-top: 20px;}
#index .box04 li:hover .icon {background: #513828;}
#index .box04 .inner:before {content: ''; position: absolute; background: url("img/index/box04_before.svg")no-repeat; width: 1256px; height: 1649px; left: -700px; bottom: -160px;}
#index .box04 h3 {font-size: 50px; line-height: 1.5; margin-bottom: 50px; position: relative; z-index: 10; letter-spacing: 4px; transition-delay: 1s;}
#index .box04 h3 span {font-size: 60px;}
#index .box04 .txt01 {font-size: 16px; line-height: 2; position: relative; z-index: 10; width: 600px;}
#index .box04.inview .txt01 span {animation-delay: 1.4s; transition-delay: 1.4s;}
#index .box04 .img {position: absolute; top: 0; right: -360px; margin: auto; height: 503px; overflow: hidden; transition-delay: 1.2s;}
#index .box04.inview .img::before {left: 100%;}


#index .box05 {background: url("img/index/box05_bg.jpg")top center no-repeat;}
#index .box05 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
#index .box05 h2 {font-size: 25px; margin: 15px auto 50px;}
#index .box05 .item {box-sizing: border-box; width: 262px; margin-right: 50px;}
#index .box05 .item:nth-child(4n) {margin-right: 0;}
#index .box05 .item:nth-child(n + 5) {margin-top: 50px;}
#index .box05 .img {width: 100%;}
#index .box05 .img img {width: 100%; height: 175px; object-fit: cover; object-position: center;}
#index .box05 h3 {font-size: 14px; line-height: 1.5; margin-top: 10px;}
#index .box05 .btn {box-sizing: border-box; width: 500px; height: 70px; background: url("img/index/box05_btn_arrow.svg")center right 20px no-repeat; background-color: #feae00; margin: 50px auto 0; font-size: 18px; line-height: 1; transition-delay: 1s;}

#index .box06 #access {padding-top: 200px; margin-top: -200px;}
#index .box06 {background: url("img/index/box06_bg.jpg")center center no-repeat; padding: 100px 0 180px;}
#index .box06 .box06_title {font-size: 40px; line-height: 1; margin-bottom: 30px;}
#index .box06 iframe {box-sizing: border-box; width: 700px; height: 467px; box-shadow: 0 0 5px #7c7c7c;}
#index .box06 .box {background: #fff; width: 410px; border-bottom: 5px solid #513828; box-shadow: 0 0 5px #7c7c7c; padding: 30px 50px; position: absolute; right: 0; top: 30px; box-sizing: border-box; transition-delay: .3s;}
#index .box06 .txt01 {font-size: 30px; line-height: 1; letter-spacing: 3px; margin-bottom: 5px;}
#index .box06 h2 {font-size: 16px;}
#index .box06 .txt02 {font-size: 16px; line-height: 1.7; margin-top: 20px;}
#index .box06 .btn {box-sizing: border-box; background: url("img/index/box06_btn_arrow.svg")center right 10px no-repeat; background-color: #513828; box-shadow: 0 0 8px #7c7c7c; font-size: 18px; line-height: 1; width: 250px; height: 50px; margin: 25px auto 0;}
#index .box06 .btn02 {background-color: #feae00; line-height: 1.5; height: 70px;}
#index .access_box .title {font-size: 30px; line-height: 1; padding: 10px 0; background: #FEAE00;}
#index .access_box .access_con {margin-top: 50px;}
#index .access_box .txt01 {font-size: 20px; line-height: 1; margin-bottom: 20px;}
#index .access_box .txt01 span {font-size: 14px; margin-right: 10px;}
#index .access_box .item {width: 285px; margin-right: 20px;}
#index .access_box .item:nth-child(4n) {margin-right: 0;}
#index .access_box .txt02 {font-size: 16px; line-height: 1.7; margin-top: 16px;}
#index .access_box .txt03 {font-size: 18px; line-height: 1; margin-top: 10px;}

#index .box07 {background: url("img/index/box07_bg.jpg")top center repeat; padding: 0 0 80px; overflow: hidden;}
#index .box07 .title_box {margin: 50px auto;}
#index .box07 h2 {font-size: 60px; margin-left: 40px; letter-spacing: 2px; transition-delay: .3s;}
#index .box07 a {box-sizing: border-box; width: 262px; background: #000;}
#index .box07 a:nth-child(1) {transition-delay: .5s;}
#index .box07 a:nth-child(2) {transition-delay: .6s;}
#index .box07 a:nth-child(3) {transition-delay: .7s;}
#index .box07 a:nth-child(4) {transition-delay: .8s;}
#index .box07 .img_box {position: relative;}
#index .box07 .img {opacity: .5; transition-duration: .5s;}
#index .box07 .icon_text {font-size: 40px; line-height: 1; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; color: #fff; transition-duration: .5s;}
#index .box07 .txt01 {font-size: 16px; background: #fff; transition-duration: .5s; color: #feae00; width: 100%; height: 40px; line-height: 1;}
#index .box07 a:hover .img {opacity: 1;}
#index .box07 a:hover .icon_text {color: #feae00;}
#index .box07 a:hover .txt01 {background: #feae00; color: #fff;}
#index .box08 {background: #513828; overflow: hidden;}
#index .box08 h2 {font-size: 30px; margin-bottom: 50px; position: relative;}
#index .box08 h2 p {position: relative; z-index: 10;}
#index .box08 h2 span {margin-left: 20px; letter-spacing: 2px;}
#index .box08 h2::before {content: ''; position: absolute; background: #34241a; width: 1500px; height: 1500px; left: -1280px; top: -80px; transform: rotate(70deg);}
#index .box08 .item {box-sizing: border-box; border-bottom: 1px solid #ed6c00; padding: 20px 0;}
#index .box08 .item:nth-of-type(1) {padding-top: 0;}
#index .box08 .time {font-size: 16px; line-height: 1; margin-right: 50px; letter-spacing: 1px;}
#index .box08 h3 {font-size: 14px;}
#index .box09 {background: url("img/index/box09_bg.jpg")top left repeat;}
#index .box09 h2 {font-size: 20px; margin-bottom: 40px;}
#index .box09 h2 span {font-size: 40px; margin-right: 20px; letter-spacing: 2px;}
#index .box09 .txt {font-size: 16px; line-height: 1.9;}
#index .box09.inview .txt span {animation-delay: .5s; transition-delay: .5s;}

.c_img {position: relative; min-width: 1920px; left: 50%; margin-left: -960px;}

/*add*/
.front_main_box .add_box01 {margin: 50px auto;}
.front_main_box .add_box01 p {font-size: 25px; line-height: 1; width: 262px; height: 60px; background: #feae00; box-sizing: border-box;}
#index .add_box02 {background: url("img/index/add_box02_bg.jpg")top left repeat; position: relative; overflow: hidden;}
#index .add_box02 .bg {content: ''; position: absolute; left: 0; top: 0; background: #feae00; width: 100%; height: 300px;}
#index .add_box02 h2 {font-size: 60px; position: relative; z-index: 10;}
#index .add_box02 .txt01 {font-size: 25px; line-height: 1; margin: 20px auto 50px; z-index: 10; position: relative;}
#index .add_box02 .inner::before {content: ''; position: absolute; background: url("img/index/add_box02_icon01.svg")no-repeat; width: 912px; height: 854px; left: -870px; top: -100px;}
#index .add_box02 .inner::after {content: ''; position: absolute; background: url("img/index/add_box02_icon02.svg")no-repeat; width: 489px; height: 854px; right: -435px; top: -100px;}
#index .add_box02 .inner img {position: relative; z-index: 10;}
#index .add_box02 ul {margin: 50px auto 30px;}
#index .add_box02 li {font-size: 22px; line-height: 1;}
#index .add_box02 li img {margin-right: 10px;}
#index .add_box02 li:nth-child(n + 3) {margin-top: 20px;}
#index .add_box02 li:nth-child(2n) {width: 52%;}
#index .add_box02 .txt02 {font-size: 25px; line-height: 1; background: #000; box-sizing: border-box; display: table; margin: 0 auto; padding: 10px 20px; border-radius: 20px;}
#index .add_box03 {background: url("img/index/add_box03_bg.jpg")top left repeat; padding-bottom: 80px;}
#index .add_box03 .title_box {height: 212px; margin: 0 auto 40px; position: relative;}
#index .add_box03 .title_box::before {content: ''; position: absolute; background: #feae00; width: 100%; height: 212px; left: 0; top: 0; z-index: 10;}
#index .add_box03 .title_box::after {content: ''; position: absolute; background: url("img/index/add_box03_bg_icon01.svg")top left repeat; width: 603px; height: 755px; right: -350px; top: 0; clip-path: polygon(0 0, 100% 0,100% 100%);}
#index .add_box03 .txt01 {font-size: 25px; line-height: 1; margin-bottom: 30px; position: relative; z-index: 20;}
#index .add_box03 h2 {font-size: 55px; position: relative; z-index: 20;}
#index .add_box03 .item {box-sizing: border-box; width: 575px; margin-right: 50px; position: relative; z-index: 20;}
#index .add_box03 .youtube {position: relative; width:100%; height:0; padding-top: 56.25%;}
#index .add_box03 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#index .add_box03 .inner .item:nth-child(2n) {margin-right: 0;}
#index .add_box03 .inner .item:nth-child(n + 3) {margin-top: 50px;}
#index .add_box03 .txt02 {font-size: 18px; line-height: 1.7; color: #fff; padding: 20px; box-sizing: border-box; background: #feae00; border-radius: 20px 20px 0 0; font-weight: 500;}
#index .add_box03 .txt03 {line-height: 1.7; margin: 10px 0;}
#index .add_box03 .item a {box-sizing: border-box; background: #523929; width: 100%; height: 40px; border-radius: 5px; font-weight: 500;}
#index .add_box03 .inner02 {margin-top: 50px;}
#index .add_box03 .inner02 a {width: 141px; margin-right: 10px;}
#index .add_box03 #reviews {padding-top: 140px; margin-top: -140px;}





#index .add_box04 .txt01 {font-size: 50px; line-height: 1.4; letter-spacing: 1px; color: #feae00; text-align: center;}
#index .add_box04 .txt02 {font-size: 30px; line-height: 1; margin: 30px auto 50px; text-align: center; box-sizing: border-box; border-top:5px solid #000; border-bottom: 5px solid #000; padding:10px 10px; display:table; width: auto;}
#index .add_box04 .list_box {box-sizing: border-box; background: #fff; padding: 50px; border: 10px solid #feae00; border-radius: 30px;}
#index .add_box04 .human {position: absolute; right: 30px; bottom: 0;}
#index .add_box04 li {font-size: 22px; line-height: 1; align-items: center;}
#index .add_box04 li img {margin-right: 20px;}
#index .add_box04 li:nth-child(n + 2) {margin-top: 20px;}

#index .add_box04 .inner {margin-top: -80px;}
#index .add_box04 .arrow {content: ''; display: block; position: relative; background: #feae00; width: 300px; height: 50px; clip-path: polygon(0 0, 100% 0, 50% 100%); margin: 50px auto 0;}
#index .add_box04 .txt03 {font-size: 35px; line-height: 1; background: #feae00; width: 100%; padding: 20px 0; margin-bottom: 20px;}
#index .add_box04 .txt04 {font-size: 16px; line-height: 2.5;}
#index .add_box04 .inner .txt04:nth-of-type(n + 2) {margin-top: 20px;}
#index .add_box04 .man {margin-right: 20px; margin-bottom: -80px;}
#index .add_box04 .lp_txt01 {font-size: 50px; line-height: 1.7; margin-top: 50px;}
#index .add_box04 .lp_txt01 .reddott::before {width: 8px; height: 8px;}
#index .add_box04 .lp_txt01 span {font-size: 80px;}
#index .add_box04 .lp_txt02 {box-sizing: border-box; border: 3px solid #000; padding: 20px 0; font-size: 50px; line-height: 1.5;}
#index .add_box04 .lp_txt01 .lp_arrow {margin-top: 50px;}


.add_box05 #greeting {padding-top: 145px; margin-top: -145px;}
.add_box05 {background: url("img/index/add_box05_bg.jpg")top left repeat; overflow: hidden; padding-top: 80px; padding-bottom: 100px;}
.add_box05 .min {font-size: 30px; line-height: 1; color: #feae00;}
.add_box05 h2 {font-size: 45px; line-height: 1; margin-top: 10px;color: #feae00;}
.add_box05 .con {position: relative; margin-top: 100px;}
.add_box05 .con:nth-of-type(1)::before {content: ''; position: absolute; background: url("img/index/add_box05_bg_icon.svg")no-repeat; width: 1274px; height: 1821px; left: -1000px; top: -200px;}
.add_box05 .con01 {margin-top: 50px;}
.add_box05 .youtube_box {margin: auto; margin-right: 50px; position: relative; z-index: 10; min-width: 560px;}
.add_box05 .youtube {position: relative; width:100%; height:0; padding-top: 56.25%;}
.add_box05 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.add_box05 .con01 .con01_txt01 {font-size: 30px; line-height: 1; margin-bottom: 30px;}
.add_box05 .con01 .con01_txt02 {font-size: 14px; line-height: 1.7;}
.add_box05 .con02 {background: url("img/index/add_box05_bg02.jpg")top left repeat; padding: 50px; box-sizing: border-box; border-bottom: 5px solid #f08300; margin-top: 50px;}
.add_box05 .con02_txt01 {font-size: 30px; line-height: 1; margin-bottom: 40px; letter-spacing: 2px;}
.add_box05 .con02_txt02 {font-size: 16px; line-height: 2; position: relative; z-index: 10;}
.add_box05 .title{font-size: 30px; line-height: 2; position: relative; z-index: 10; border-top: 5px solid #000; border-bottom: 5px solid #000; margin-top: 30px; margin-bottom: 10px;}
.add_box05 .con02_txt02 span {font-size: 20px;}
.add_box05 .con01_txt02_02 {margin-bottom: 15px;}
.add_box05 .txt_box {position: relative; width: 610px; box-sizing:  border-box; padding: 50px 0;}
.add_box05 .txt_box01 {margin-right: auto;}
.add_box05 .txt_box02 {margin-left: auto;}
.add_box05 .con h3 {font-size: 30px; margin-bottom: 20px; line-height: 1; position: relative; z-index: 20;}
.add_box05 .text {font-size: 16px; line-height: 1.8; position: relative; z-index: 20;}
.add_box05 .bg {position: absolute; background: url("img/index/add_box05_bg02.jpg")top left repeat; width: 1500px; height: 100%; top: 0; z-index: 10; box-sizing: border-box; border-bottom: 5px solid #f08300;}
.add_box05 .bg01 {right: -50px;}
.add_box05 .bg02 {left: -50px;}
.add_box05 .logo {position: absolute; bottom: 0;}
.add_box05 .logo01 {right: 680px;}
.add_box05 .logo02 {left: 680px;}
.add_box05 .img {position: absolute; top: 0; bottom: 0; margin: auto;}
.add_box05 .img01 {right: -360px;}
.add_box05 .img02 {left: -360px;}
.add_box05 .con02 .logo {left: 0; top: 30px;}
.add_box05 .under {background: linear-gradient(75deg, #34241a 0%, #34241a 67%, #513828 67%, #513828 100%); padding: 70px 0 65px; border-bottom: 5px solid #feae00; margin-top: 100px; z-index: 20; position: relative;}
.add_box05 .under h3 {font-size: 30px; line-height: 1; position: relative; display: table; margin-bottom: 40px;}
.add_box05 .under h3::before {content: ''; position: absolute; width: calc(100% + 10px); height: 7px; bottom: -5px; left: 0; background: #feae00;}
.add_box05 .under h3 span {position: relative; z-index: 30;}
.add_box05 .under .txt {font-size: 16px; line-height: 1.8; position: relative; z-index: 30; width: 840px;}
.add_box05 .under .man {position: absolute; right: 0; bottom: -65px;}
#index .movie_box01 {margin-top: 100px; padding-bottom: 100px;}
#index .movie_box01 .lp_txt01 {font-size: 50px; line-height: 1.5; margin-bottom: 40px;}
#index .movie_box01 .lp_txt01 .reddott::before {width: 7px; height: 7px;}
#index .movie_box01 .box {border-radius: 30px; box-sizing: border-box; border: 10px solid #feae00; padding: 50px;}
#index .movie_box01 .m_txt01 {font-size: 60px; line-height: 1.7; letter-spacing: 2px; font-weight: 900;}
#index .movie_box01 .m_txt01 .reddott::before  {width: 8px; height: 8px;}
#index .movie_box01 .m_txt01 .big {font-size: 80px;}
#index .movie_box01 iframe {width: 100%; height: auto; aspect-ratio: 16 / 9; max-width: 800px; margin: 50px auto 0; display: block;}
#index .access_box {padding-bottom: 50px;}

.add_box06 #choose {padding-top: 200px; margin-top: -200px;}
.add_box06 {background: url("img/index/add_box06_bg.jpg")top left repeat;}
.add_box06 h2 {font-size: 80px; line-height: 1.5;}
.add_box06 .con {margin-top: 50px;}
.add_box06 .title {background: #d9d9d9; margin-bottom: 50px; overflow: hidden; padding: 20px;}
.add_box06 .no {position: relative; width: 100px; height: 100px; margin-right: 30px; line-height: 1; font-size: 20px; transform: skewX(-5deg);}
.add_box06 .no::before {width: calc(100% + 60px); height: 100%; transform: skewX(25deg); content: ''; position: absolute; background: #feae00; left: -45px; bottom: 0;}
.add_box06 .no p {position: relative; z-index: 10;}

.add_box06 .no p:nth-child(1) {margin-left: 5px;}
.add_box06 .no p:nth-child(2) {font-size: 50px;}
.add_box06 .con h3 {font-size: 40px; position: relative; z-index: 10; line-height: 1.5;}
.add_box06 .con .inner p {font-size: 25px; line-height: 1.7; font-weight: bold; margin-top: 35px;}
.add_box06 .con .img01 {margin-left: 50px;}
.add_box06 .con .img02 {margin-right: 50px;}
.add_box06 .feature_box {background: url("img/index/add_box06_feature_bg.jpg")center center no-repeat; padding: 50px; color: #fff; margin-top: 50px;}
.add_box06 .feature_box h4 {font-size: 35px; line-height: 1; margin-bottom: 30px;}
.add_box06 .con06_txt01 {font-size: 20px; line-height: 1.5; margin-bottom: 50px;}
.add_box06 .feature_box li {font-size: 16px; line-height: 1.8; margin-top: 20px;}
.add_box06 .feature_box li:nth-child(1) {margin-top: 0;}
.add_box06 .voice_con {box-sizing: border-box; margin-top: 50px; background: #fff; border: 3px solid #523929;}
.add_box06 .voice_con h4 {font-size: 30px; line-height: 1; background: #523929; padding: 17px 0 20px;}
.add_box06 .voice_con .inner02 {padding: 40px;}
.add_box06 .voice_con .img {margin-right: 50px;}
.add_box06 .voice_con .title_txt {font-size: 25px; box-sizing: border-box; line-height: 1.5; border-left: 3px solid #feae00; padding-left: 20px; margin-bottom: 20px;}
.add_box06 .voice_con .text {font-size: 16px; line-height: 1.8;}
.add_box06 .voice_con .sub_title {font-size: 23px; line-height: 1.5; margin-bottom: 40px;}
.add_box06 .youtube_item {width: 285px; box-sizing: border-box; position: relative; margin-right: 20px;}
.add_box06 .youtube_inner {margin-top: 50px;}
.add_box06 .youtube_inner .youtube_item:nth-child(4n) {margin-right: 0;}
.add_box06 .youtube_inner .youtube_item:nth-child(n + 5) {margin-top: 20px;}
.add_box06 .youtube_item .youtube {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.add_box06 .youtube_item .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.add_box06 .con06_txt01 {font-size: 20px; line-height: 1.5;}
.add_box06 .con06_txt01 span {font-size: 30px;}
.add_box06 .youtube_inner .img {margin-right: 50px;}
.add_box06 .youtube_inner .img:nth-of-type(3n) {margin-right: 0;}
.add_box06 .youtube_inner .img:nth-of-type(n + 4) {margin-top: 50px;}

.add_box07 #flow {padding-top: 180px; margin-top: -180px;}
.add_box07 {padding: 80px 0;}
.add_box07 .text {margin: 50px auto 0;}
.add_box07 h2 {font-size: 30px;}
.add_box07 .min {font-size: 40px; line-height: 1.5; margin: 0 auto 50px; background: url("img/index/add_box07_bg.jpg")top center no-repeat; padding: 40px 0;}
.add_box07 iframe {width: 1000px; height: 563px; margin: auto; display: block;}
.add_box08 {margin-bottom: 80px; padding: 0;}
.add_box08 .min {font-size: 20px; line-height: 1;}
.add_box08 h2 {font-size: 30px; margin-top: 10px;}
.add_box08 .title {margin-bottom: 40px; display: block;}
.add_box08 .no {font-size: 100px; transform: skewX(-5deg); line-height: 1; margin-right: 15px;}
.add_box08 h3 {font-size: 26px; line-height: 1; letter-spacing: 1px;}
.add_box08 .txt01 {font-size: 22px; line-height: 1.7; margin-bottom: 40px; margin-top: 40px;}
.add_box08 .text {font-size: 16px; line-height: 1.7; margin-top: 20px;}
.add_box08 .img01 {margin: 0 auto;}
.add_box08 .img02 {margin: 0 auto;}
.add_box08 .add_inner .icon {margin-right: 20px;}
.add_box08 .add_inner li {font-size: 23px;}
.add_box08 .add_inner ul li:nth-child(1) {margin-top: 20px;}
.add_box08 .box08_no6 {font-size: 20px; text-align: center; color: #fff; background: #feae00; padding: 15px; margin-bottom: 20px;}

.add_box09 #fee {padding-top: 200px; margin-top: -200px;}
.add_box09 {background: url("img/index/add_box09_bg.jpg")top left repeat;}
.add_box09 h2 {font-size: 30px; line-height: 1;}
.add_box09 .min_txt01 {font-size: 20px; line-height: 1; margin: 10px auto 30px;}
.add_box09 .txt01 {font-size: 25px; line-height: 1; margin-bottom: 50px;}
.add_box09 .con01 .con01_title {font-size: 30px; line-height: 1; box-sizing: border-box; position: relative;}
.add_box09 .con01 .con01_title::before,.add_box09 .con01 .con01_title::after {content: ''; display: block; background: #ff850d; height: 3px; flex-grow: 1;}
.add_box09 .con01 .con01_title::before {margin-right: 20px;}
.add_box09 .con01 .con01_title::after {margin-left: 20px;}
.add_box09 .con01 .con01_item {background: #feae00; width: 475px; padding: 25px 0; line-height: 1;}
.add_box09 .con01 .con01_item p:nth-of-type(1) {font-size: 30px;}
.add_box09 .con01 .con01_item p:nth-of-type(2) {font-size: 50px; margin: 5px auto 15px;}
.add_box09 .con01 .con01_item p:nth-of-type(3) {font-size: 20px;}
.add_box09 .con01 .con01_txt01 {font-size: 18px; line-height: 1;}
.add_box09 .con01 .con01_inner {margin: 30px auto;}
.add_box09 .add_box09_txt01 {font-size: 30px; color: #FEAE00; margin-top: 40px;}
.add_box09 .add_box09_txt01 p {display: table; position: relative; margin: 0 auto;}
.add_box09 .add_box09_txt01 p:nth-child(n + 2) {margin-top: 10px;}
.add_box09 .add_box09_txt01 p::after {content: ''; position: absolute; background: #ffea00; width: 100%; height: 10px; bottom: 0; left: 0;}
.add_box09 .add_box09_txt01 p span {position: relative; z-index: 10;}
.add_box09 .inner01 {line-height: 1; margin: 50px auto;}
.add_box09 .inner01 .inner01_txt01 {font-size: 30px;}
.add_box09 .inner01 .inner01_txt01 span {position: relative; font-size: 40px;}
.add_box09 .inner01 .inner01_txt01 span::after {content: ''; position: absolute; background: #ff0000; width: 100%; height: 3px; top: 0; bottom: 0; left: 0; margin: auto;}
.add_box09 .inner01 .inner01_txt02 {font-size: 30px; margin: 30px auto 5px;}
.add_box09 .inner01 .inner01_txt03 {font-size: 25px; margin-bottom: 20px;}
.add_box09 .inner01 .inner01_txt03 span {font-size: 90px; letter-spacing: 5px; position: relative;}
.add_box09 .inner01 .inner01_txt03 .inner_txt span {position: relative; z-index: 30;}
.add_box09 .inner01 .inner01_txt03 .inner_txt::after {content: ''; position: absolute; background: #FFF100; width: 100%; height: 15px; bottom: 10px; left: 0; }
.add_box09 .inner01 .inner01_txt04 {font-size: 35px;}
.add_box09 .add_box09_txt02 {font-size: 25px; line-height: 1;}
.add_box09 .add_box09_txt02 p:nth-of-type(2) {font-size: 20px; font-weight: 500;}
.add_box09 .add_box09_txt02 p:nth-of-type(n + 2) {margin-top: 20px;}
.add_box09 .con02 {margin-top: 30px;}
.add_box09 .con02 h3 {font-size: 20px; line-height: 1; box-sizing: border-box; border: 3px solid #feae00; padding: 12px 0; margin-bottom: 30px;}
.add_box09 .con02 h3 span {font-size: 30px;}
.add_box09 .con02 p {font-size: 18px; line-height: 1;}
.add_box09 .con02 p:nth-of-type(n + 2) {margin-top: 15px;}
.add_box09 .con03 {margin-top: 30px;}
.add_box09 .con03 h3 {box-sizing: border-box; border-top: 3px solid #feae00; border-bottom: 3px solid #feae00; font-size: 25px; padding: 12px 0; margin-bottom: 30px;}
.add_box09 .con03 p {font-size: 16px; line-height: 1.7; margin-top: 20px;}



.sekichukan .add_box09 .add_txt01 {font-size: 23px;}
.add_box10 {background: url("img/index/add_box10_bg.jpg")top left repeat;}
.add_box10 h2 {font-size: 30px; line-height: 1; margin-bottom: 20px;}
.add_box10 .min {font-size: 16px; line-height: 1; margin-bottom: 50px;}
.add_box10 .inner {background: #fff; box-sizing: border-box; border: solid 5px #feae00; padding: 20px 50px; margin-bottom: 30px; position: relative;}
.add_box10 .inner:last-child {margin-bottom: 0;}
.add_box10 .inner .title_box {box-sizing: border-box; border-bottom: solid 1px #000; padding-bottom: 20px; margin-bottom: 20px;}
.add_box10 .inner .title_box .big {font-size: 40px; font-style: italic; line-height: 1; margin-right: 20px;}
.add_box10 .inner .title_box h3 {font-size: 20px; line-height: 1;}
.add_box10 .inner p {font-size: 16px; line-height: 1.5;}
.add_box10 .bg {position: absolute; content: ''; background: url("img/index/add_box10_icon01.svg")no-repeat; width: 129px; height: 166px; top: 5px; right: 0;}
.add_box10 .bg02 {position: absolute; content: ''; background: url("img/index/add_box10_icon02.svg")no-repeat; width: 166px; height: 124px; bottom: 0; right: 0;}
.add_box10 .bg03 {position: absolute; content: ''; background: url("img/index/add_box10_icon03.svg")no-repeat; width: 151px; height: 124px; bottom: 0; right: 0;}
.add_box10 .bg04 {position: absolute; content: ''; background: url("img/index/add_box10_icon04.svg")no-repeat; width: 154px; height: 124px; bottom: 0; right: 0;}
.add_box10 .bg05 {position: absolute; content: ''; background: url("img/index/add_box10_icon05.svg")no-repeat; width: 140px; height: 150px; bottom: 0; right: 0;}
.add_box10 .bg06 {position: absolute; content: ''; background: url("img/index/add_box10_icon06.svg")no-repeat; width: 204px; height: 200px; bottom: 0; right: 0;}
#add_box10{padding-top: 170px; margin-top: -170px;}
.add_box11 {background: url("img/index/box04_bg.jpg")top left repeat; padding-top: 0; padding-bottom: 80px; position: relative;}
.add_box11 h2 {font-size: 30px; line-height: 1; margin-bottom: 30px;}
.add_box11 span {font-size: 40px; line-height: 1;}
.add_box11 p {font-size: 20px; line-height: 1; margin-bottom: 50px;}
.add_box11 .con {background: #fff; box-sizing: border-box; border: solid 5px #523929; padding: 0 50px 20px; margin-bottom: 30px; position: relative;}
.add_box11 .con:last-child {margin-bottom: 0;}
.add_box11 .con::before {background: url("img/index/add_box11_icon.svg")no-repeat; content: ''; position: absolute; width: 84px; height: 100px; top: -15px;}
.add_box11 .con .ribbon {font-size: 18px; line-height: 1; z-index: 100; margin-left: 15px;}
.add_box11 .con span {font-size: 40px; line-height: 1; margin-top: 10px;}
.add_box11 .con h3 {font-size: 25px; line-height: 1; box-sizing: border-box; border-left: solid 5px #feae00; height: 25px; margin-left: 50px; padding-left: 10px;}
.add_box11 .con .txt {font-size: 16px; line-height: 1.5; background: #e2e2e2; padding: 20px; margin-bottom: 0;}
.add_box11 .con02,.add_box11 .inner {position: relative; z-index: 10;}
.add_box11 .inner h4 {font-size: 50px; line-height: 1; margin: 0 0 20px;}
.add_box11 .inner .parent {text-align: center;}
.add_box11 .inner .rbn01 {display: inline-block; position: relative; height: 40px; line-height: 40px; text-align: center; background: #fff; padding: 0 30px; font-size: 20px; margin-bottom: 0; box-sizing: border-box;}
.add_box11 .inner .rbn01::before,.add_box11 .inner .rbn01::after {position: absolute; content: ''; width: 0; height: 0; z-index: 1;}
.add_box11 .inner .rbn01::before {top: 0; left: 0; border-width: 20px 0 20px 10px; border-color: transparent transparent transparent #feae00; border-style: solid;}
.add_box11 .inner .rbn01::after {top: 0; right: 0; border-width: 20px 10px 20px 0; border-color: transparent #feae00 transparent transparent; border-style: solid;}
.add_box11 .inner .title_area {background: #FEAE00; padding: 50px 0;}
.add_box11 .youtube_text {font-size: 16px; line-height: 1; margin-bottom: 20px;}
.add_box11 .youtube_box {width: 500px; margin-bottom: 30px;}
.add_box11 .youtube {position: relative; width:100%; height:0; padding-top: 56.25%;}
.add_box11 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.add_box11 .add_inner01 {margin-top: 50px;}
.add_box11 .add_inner01 .logo {margin-right: 50px;}
.add_box11 .add_inner01 .add_text {font-size: 16px; line-height: 2.3; margin-bottom: 0;}
.add_box11 .add_inner01 .add_text span {font-size: inherit;}
.add_box11 .add_img_inner .add_img {margin-top: 50px; width: calc(50% - 25px);}
.add_box12 {background: #ffefe0; overflow: hidden; margin-bottom: 80px;}
.add_box12 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
.add_box12 h2 {font-size: 30px; line-height: 1; margin: 10px 0 50px;}
.add_box12 .con h3 {font-size: 25px; line-height: 1.5; background: #feae00; padding: 20px 0;}
.add_box12 .con ul {font-size: 16px; line-height: 2; background: #fff; padding: 20px 0; width: 590px; }
.add_box12 .con li {margin-left: 50px;}
.add_box12 .con li .batu {color: #DD4F91; margin-right: 10px; font-weight: 900;}
.add_box12 .con li .maru {color: #30C02A; margin-right: 10px; font-weight: 900;}
.add_box12 .con03 h3 {font-size: 23px; line-height: 1; margin: 0 auto 20px;}
.add_box12 .con03 p {font-size: 16px; line-height: 2; background: #fff; box-sizing: border-box; border: solid 3px #c0c0c0; padding: 20px 30px;}
.herunia .add_box12 .con03 h3,.sekichukan .add_box12 .con03 h3 {font-size: 23px;}
.add_box08 .con {margin: 50px auto 0;}
.add_box13 {background: #ffefe0;}
.add_box13 .min {font-size: 20px; line-height: 1; letter-spacing: 2px;}
.add_box13 h2 {font-size: 30px; line-height: 1; margin-top: 10px;}
.add_box13 .inner {margin-top: 50px;}
.add_box13 .add_txt01 {font-size: 18px; line-height: 1; font-weight: bold;}
.add_box13 .add_txt02 {font-size: 30px; line-height: 1; margin: 10px auto 40px;}

#acMenu {width: 575px; height: auto;}
#acMenu dt {width: 575px; line-height: 1.5; border-bottom: #000 1px solid; cursor: pointer; padding: 20px 20px 20px 10px; box-sizing: border-box; font-weight: bold; position: relative; margin: auto; font-size: 18px;}
#acMenu dt img, #acMenu dd img {margin-right: 20px;}
#acMenu .bdr01 {position: absolute; content: ''; background: #feae00; top: 0; bottom: 0; right: 0; z-index: 10; width: 20px; height: 3px; margin: auto;}
#acMenu .bdr02 {position: absolute; content: ''; background: #feae00; top: 0; bottom: 0; right: 8.2px; z-index: 10; width: 3px; height: 20px; margin: auto;}
#acMenu dt.active .bdr02 {opacity: 0; transform: translateY(10px); transition-duration: .5s;}
#acMenu dd {width: 100%; line-height: 2px; box-sizing: border-box; display: none; padding: 20px 10px; background: #fff;}
#acMenu dd p {font-size: 16px; line-height: 1.7;}

#index .new_box01 {background: #fff; padding: 80px 0;}
#index .new_box01 h2 {font-size: 50px; line-height: 1;}
#index .new_box01 h2 .big {font-size: 80px;}
#index .new_box01 .text {font-size: 18px; line-height: 2.3; margin-top: 30px;}
#index .new_box01 .text span {font-size: 22px; line-height: 1;}
#index .new_box01 .add_txt {margin-top: 10px;}
#index .new_box01 .add_txt p:nth-of-type(1) {background: #feae00; font-size: 33px; box-sizing: border-box; border-radius: 26.5px; padding: 10px 0; margin: 20px auto;}
#index .new_box01 .add_txt p:nth-of-type(2) {font-size: 18px; line-height: 1.5;}

#index .n_box01 {background: url(img/index/n_box01_bg.jpg)top left repeat; padding: 80px 0;}
#index .n_box01 .box {background: #fff; box-sizing: border-box; border: 1px solid #FEAE00; border-top: none; box-sizing: border-box; padding-bottom: 50px;}
#index .n_box01 h2 {font-size: 50px; line-height: 1.3; position: relative; z-index: 10; padding: 40px 0;}
#index .n_box01 .bg {position: absolute; background: #FEAE00; top: 0; left: 0; width: 100%; height: 275px;}
#index .n_box01 .inner {position: relative; z-index: 10;}
#index .n_box01 .inner img:nth-of-type(2) {margin-left: 50px;}

#index .n_box02 {padding: 80px 0; box-sizing: border-box;}
#index .n_box02 h2 {font-size: 52px; line-height: 1.5; box-sizing: border-box; border: 10px solid #feae00; padding: 30px 0; border-radius: 30px; font-weight: bold; text-align: center; margin-bottom: 80px;}
#index .n_box02 h2 p {margin: 0 30px;}
#index .n_box02 .lp_txt01 {font-size: 50px; line-height: 1; text-align: center;}
#index .n_box02 .lp_txt01-1 {font-size: 55px; line-height: 1.5; margin: 50px auto; text-align: center;}
#index .n_box02 .lp_txt01-1 .reddott::before {width: 8px; height: 8px;}
#index .n_box02 .lp_txt02 {font-size: 60px; line-height: 1.5; margin: 50px auto; text-align: center;}
#index .n_box02 .lp_txt02 .reddott::before {width: 8px; height: 8px;}
#index .n_box02 .con01 {background: #fff; box-sizing: border-box; border: 10px solid #FEAE00; padding: 50px; box-sizing: border-box;}
#index .n_box02 .con01 h3 {font-size: 35px; line-height: 1.5; margin-bottom: 50px; background: #FEAE00; padding: 20px 0;}
#index .n_box02 .con01 .txt01 {font-size: 20px; line-height: 1.5; margin: 25px auto 45px;}
#index .n_box02 .con01 .youtube {position: inherit; width: 100%; height: 0; padding-top: 56.25%;}
#index .n_box02 .con01 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#index .n_box02 .con01 .txt02 {font-size: 20px; line-height: 1; margin-top: 20px;}
#index .n_box02 .con01 .q_a_box {margin-top: 50px;}
#index .n_box02 .con01 .q_a_box .title_box {margin-bottom: 20px; box-sizing: border-box; font-size: 35px; font-weight: bold; box-sizing: border-box; padding: 20px; background: #FEAE00; color: #fff;}
#index .n_box02 .con01 .text {font-size: 26px; line-height: 1.8;}
#index .n_box02 .con02 {box-sizing: border-box;}

#index .n_box02 .con02 h3 {font-size: 48px; line-height: 1.5; font-weight: bold; text-align: center;}
#index .n_box02 .con02 .inner_list .inner {width: 366px; margin-right: 50px; margin-top: 50px; position: relative; box-sizing: border-box; border: 3px solid #000;}
#index .n_box02 .con02 .inner_list .inner:nth-of-type(3n) {margin-right: 0;}
#index .n_box02 .con02 .inner_list .inner h4 {font-size: 25px; line-height: 1.3; background-image: linear-gradient(180deg, rgba(251, 225, 49, 1), rgba(255, 150, 2, 1)); height: 88px;}
#index .n_box02 .con02 .inner_list .inner .img {margin: 0 auto;}
#index .n_box02 .con02 .inner_list .inner .under {box-sizing: border-box; background: #fff; padding: 20px;}
#index .n_box02 .con02 .inner_list .inner .under .txtbox {position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; text-align: center;}
#index .n_box02 .con02 .inner_list .inner:nth-of-type(7) .under .txtbox {bottom: 55px;}
#index .n_box02 .con02 .inner_list .inner:nth-of-type(9) .under .txtbox {bottom: 55px;}
#index .n_box02 .con02 .inner_list .inner .under .txtbox p {font-size: 26px;}
#index .n_box02 .con02 .inner_list .inner .under .txtbox .txt01 {line-height: 1.4; padding: 0 30px; font-size: 35px; text-align: left;}
#index .n_box02 .con02 .inner_list .inner .under .txtbox .txt02 {margin-top: 10px;}
.top_contact h2 {font-size: 40px; line-height: 1.65;}
.top_contact .add_txt_box {box-sizing: border-box; background: #fff; margin-bottom: 30px;}
.top_contact .add_txt_box .add_txt01 {font-size: 40px; line-height: 1; background: #ff0000; padding: 15px 0 20px; margin-bottom: 25px;}
.top_contact .add_txt_box .add_txt02 {font-size: 40px; line-height: 1;}
.top_contact .add_txt_box .add_txt03 {font-size: 25px; line-height: 1; margin: 30px auto 10px;}
.top_contact .add_txt_box .add_txt04 {font-size: 30px; line-height: 1;}
.top_contact .add_txt_box .add_txt04 span {font-size: 100px; box-sizing: border-box; padding-bottom: 10px;}
.top_contact .add_txt_box .add_txt05 {font-size: 30px; margin: 10px auto 15px;}
.top_contact .add_txt_box .under {box-sizing: border-box; background: #fff; border: 3px solid #FEAE00; padding: 25px 0 30px; width: calc(100% - 40px); margin: 0 auto 20px;}
.top_contact .add_txt_box .add_txt06 {font-size: 30px; line-height: 1.5;}
.top_contact .add_txt_box .add_txt07 {font-size: 80px; line-height: 1; margin-top: 10px;}
.top_contact .add_txt_box .add_txt08 {font-size: 25px; line-height: 1; font-weight: 600; margin-bottom: 25px;}
.top_contact .add_txt_box .add_txt08 span {color: #FF0000;}
.top_contact .arrow03 {margin: 30px auto 0;}

.top_contact .inner .tag_inner .tag {font-size: 16px; line-height: 1.2; background: #523929; width: 150px; height: 50px; box-sizing: border-box; border-radius: 5px;}
.top_contact .inner .tag_inner .tag:nth-of-type(n + 2) {margin-left: 10px;}
.top_contact .con {box-sizing: border-box; color: #fff;}
.top_contact .con01 .con01_txt01 {font-size: 50px; line-height: 1.5;}
.top_contact .con01 .tel {font-size: 90px; line-height: 1; letter-spacing: 5px; margin: 10px 0 20px;}
.top_contact .con01 .tel .icon {margin-right: 15px;}
.top_contact .con01 .con01_txt02 {font-size: 20px; line-height: 1.5;}
.top_contact .con01 .con01_txt03 {font-size: 16px; line-height: 1; margin-top: 15px;}
.top_contact .con01 .sp-tel {display: none;}
.top_contact .con02 {margin: 30px auto 50px;}
.top_contact .con02 .mail {box-sizing: border-box; background: #fff; color: #000; border: 5px solid #523929; width: 600px; height: 70px; box-shadow: 0 5px 0 #523929; font-size: 20px; line-height: 1; margin: 0 auto 20px;}
.top_contact .con02 .mail .icon {margin-right: 10px;}
.top_contact .con02 .con02_txt01 {font-size: 20px; line-height: 1.5;}
.top_contact .qr_box {background: #3fb900; padding: 20px;}
.top_contact .qr_box .icon {margin-right: 20px;}
.top_contact .qr_box .qr_txt01 {font-size: 20px; line-height: 1.5; margin-bottom: 15px; color: #f0ff00;}
.top_contact .qr_box .qr_tag {font-size: 16px; line-height: 1; padding: 2px 10px 5px; background: #164200; margin-right: 5px;}
.top_contact .qr_box .qr_txt02 {font-size: 16px; line-height: 1;}
.top_contact .qr_box .qr_txt03 {font-size: 16px; line-height: 1.5; margin-top: 5px;}
.top_contact .qr_box .qr_txt04 {font-size: 16px; line-height: 1; padding: 5px 20px; box-sizing: border-box; background: #fff; border-radius: 13.5px; margin-top: 5px; color: #3fb900; display: table;}
.top_contact .qr_box .qr_inner .qr_con:nth-of-type(2) {margin-left: 50px;}
.top_contact .add_txt01 {font-size: 52px;}
.top_contact {border: 3px solid #000; max-width: 1200px; margin: 0 auto; padding-bottom: 20px; margin-bottom: 80px;}
.top_contact .lp_under {background: #feae00; padding: 50px 0; width: calc(100% - 40px); margin: auto;}
.top_contact .lp_txt01 {font-size: 50px; line-height: 1; margin-bottom: 20px;}
.top_contact .lp_under02 {background: #06c152; box-sizing: border-box; padding: 30px;}
.top_contact .lp_txt02 {font-size: 50px; color: #fff; margin-bottom: 20px;}
.top_contact .lp_inner {background: #fff; box-sizing: border-box; padding: 30px 0;}
.top_contact .lp_inner ul {font-size: 40px; line-height: 1; display: table; margin: auto; text-align: left;}
.top_contact .lp_inner ul li:nth-of-type(n + 2) {margin-top: 20px;}
.top_contact .lp_inner p {font-size: 60px; line-height: 1; margin-top: 20px;}
.top_contact .lp_box {margin-top: 50px; box-sizing: border-box; padding: 0 20px;}
.top_contact .lp_inner02 {margin-top: 20px;}
.top_contact .lp_inner02 p {font-size: 60px; line-height: 1.4; margin-left: 20px; color: #fff;}
#index .lp_box03 .youtube_box {max-width: 900px; margin: 50px auto 0;}
#index .lp_box03 .youtube {position: relative; width:100%; height:0; padding-top: 56.25%;}
#index .lp_box03 .youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



#index #reserve{padding-top: 140px; margin-top: -140px;}
#index .reviews_box {background: #fff; box-sizing: border-box; padding: 80px 0;}
#index .reviews_box h2 span {font-size: 50px; display: block; margin: 0 15px; font-weight: 900;}
#index .reviews_box .item {box-sizing: border-box; background: url(img/index/reviews_box_bg.jpg)center center repeat; border: 3px solid #FEAE00; padding: 45px 50px 50px; box-shadow: 0 0 5px rgba(0,0,0,.8); max-width: 1200px; margin: 50px auto 0;}
#index .reviews_box .item h3 {font-size: 25px; line-height: 2;}
#index .reviews_box .item .star_box {margin: 20px 0 25px;}
#index .reviews_box .item .star_box::after {display: block; content: ''; flex-grow: 1; height: 3px; background: #FEAE00;}
#index .reviews_box .item .star_box .star_item {box-sizing: border-box; background: #FEAE00; padding: 10px 20px; border-radius: 17.5px; line-height: 1;}
#index .reviews_box .item .star_box .star_item .star {font-size: 20px;}
#index .reviews_box .item .star_box .star_item .star_txt {font-size: 16px; margin-left: 10px;}
#index .reviews_box .item .text {font-size: 16px; line-height: 2;}
#index .reviews_box .item .text span {font-size: 23px; font-weight: 900;}

.bdr_txt {position: relative;}
.bdr_txt::before {content: ''; position: absolute; background: #ff0000; left: 0; bottom: 0; width: 100%; height: 3px; top: 0; margin: auto; transform: translateY(3px);}
.bdr_txt::after {content: ''; position: absolute; background: #ff0000; left: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 3px; transform: translateY(-3px);}
#index .lp_box01 {padding: 50px 0;}
#index .lp_box01 .title {font-size: 50px; line-height: 1.5; margin-bottom: 30px; font-weight: bold; text-align: center;}
#index .lp_box01 .title span {font-size: 70px;}
#index .lp_box01 .title .min {font-size: 40px;}
#index .lp_box01 .title .reddott::before {width: 10px; height: 10px;}
#index .lp_box01 .text .reddott::before {width: 10px; height: 10px;}
#index .lp_box01 .text {font-size: 52px; line-height: 1.6; font-weight: 900; margin-top: 30px; text-align: center;}
#index .lp_box01 .text span {font-size: 62px; display: inline-block;}
#index .lp_box01 .icon {margin-bottom: 10px;}
#index .lp_box01 .lp_box01_txt {margin: 50px auto;}
#index .add_box04 .lp_arrow {margin: 50px auto 0;}
#index .lp_box03 {margin-top: 80px; border: 10px solid #FEAE00; padding: 50px; box-sizing: border-box;}
#index .lp_box03 .lp_txt01 {font-size: 60px; line-height: 1;}
#index .lp_box03 .lp_txt01.lp_txt01_min01 {font-size: 50px;}
#index .lp_box03 .lp_txt02 {font-size: 50px; line-height: 1.5; margin: 50px auto; font-weight: bold; text-align: center;}
#index .lp_box03 .lp_txt02 .reddott::before {width: 8px; height: 8px;}
#index .lp_box03 .lp_txt02 span {font-size: 60px;}
#index .lp_box03 .lp_img01 {margin: 50px auto 0;}
#index .lp_box03 .lp_txt03 {font-size: 35px; line-height: 1.5; margin-top: 40px; box-sizing: border-box; padding: 20px; background: #FEAE00; color: #fff;}
#index .lp_box03 .lp_txt04 {font-size: 26px; line-height: 1.7; margin-top: 40px;}
#index .lp_box03 .lp_txt01-1 {font-size: 55px; line-height: 1.5; margin: 50px auto; text-align: center;}
#index .lp_box03 .lp_txt01-1 .reddott::before {width: 8px; height: 8px;}
#index .s_02 .accordion_one .accordion_header {
  cursor: pointer;
  background: #FEAE00;
  color: #fff;
  font-size: 20px;
  padding: 20px;
  width: 600px;
  font-size: 25px;
  text-align: center;
  margin: 50px auto 0;
  font-weight: bold;
}
#index .s_02 .accordion_one .accordion_inner { display: none; }







@keyframes tel_move {
    from, 33%, 66%, to { transform: rotate(6deg) }
    16%, 50%, 83% { transform: rotate(-6deg) }
}




/*========================
FOOTER
========================*/
footer {background: url("img/footer/bg.jpg")top center no-repeat; background-repeat: repeat-x; padding-top: 80px; background-size: cover;}
footer .list {width: 790px; margin: auto;}
footer .list a {display: inline-block; text-align: center; position: relative; font-size: 18px; line-height: 1;}
footer .list a::before {content: ''; position: absolute; width: 0; height: 2px; background: #feae00; left: 0; right: 0; bottom: -10px; margin: auto; transition-duration: .5s; transform-origin: center;}
footer .list a:hover::before {width: 100%;}
footer .list a:nth-of-type(n + 2) {margin-left: 50px;}
footer .list:nth-of-type(2) {margin-top: 50px; width: 945px;}
footer .list:nth-of-type(3) {margin-top: 50px; width: 550px;}
footer .copy {background: #000; padding: 10px; font-size: 12px; line-height: 1; margin-top: 80px;}
#pop_banner {position: fixed; top: 0; z-index: 100; width: 100%;}
#pop_banner .inner { margin: auto; box-sizing: border-box; background-color: #f0f0f0;}
#pop_banner .icon01 {margin-right: 5px;}
#pop_banner .right_area {display: flex; align-items: center; justify-content: center;}


/*pankuzu*/
.pan {padding: 50px 0 80px;}
.pan p {font-weight: bold; margin: 0 auto;}
.pan a {display: inline;}
.pan a:nth-child(1) {box-sizing: border-box; border-bottom: 1px solid #aaa;}
/*========================
ページ設定
========================*/
/*
サムネ
*************/
.page_thumb {
width: 100%;
margin: auto;
box-sizing: border-box; 
height: 598px;
position: relative;
font-size: 35px; line-height: 1; z-index: 100;
overflow: hidden;
}
.page_thumb .inbox12 {height: 100%;}
.page_thumb .inbox12::before {content: ''; position: absolute; width: 310px; height: 600px; background: rgba(255, 127, 0, .5); transform: skewX(-18deg); left: -110px; bottom: 0;}
.page_thumb p {position: relative; z-index: 20;}


.thumb01 {background: url("img/thumb01.jpg")top center no-repeat;}
.thumb02 {background: url("img/thumb02.jpg")top center no-repeat;}
.thumb03 {background: url("img/thumb03.jpg")top center no-repeat;}
.thumb04 {background: url("img/thumb04.jpg")top center no-repeat;}
.thumb05 {background: url("img/thumb05.jpg")top center no-repeat;}
.thumb06 {background: url("img/thumb06.jpg")top center no-repeat;}
.thumb07 {background: url("img/thumb07.jpg")top center no-repeat;}
.thumb08 {background: url("img/thumb08.jpg")top center no-repeat;}
.thumb09 {background: url("img/thumb09.jpg")top center no-repeat;}
.thumb10 {background: url("img/thumb10.jpg")top center no-repeat;}
.thumb11 {background: url("img/thumb11.jpg")top center no-repeat;}

.single_page {padding-bottom: 80px;}

/*****************
width480px以下
*****************/
@media screen and (max-width:480px) {
.page_thumb img {
height: 120px;
}
}

/*
タイトル
*************/
.page_title {font-size: 25px; margin: 10px auto 80px;}
.min_page_title {font-size: 20px; line-height: 1;}

/*
記事詳細ページ
***************/
.nav_over {margin-bottom: 50px;}
.nav_under {margin-top: 50px;}
.navigation .next-entries,.navigation .previous-entries {width: 119px; height: 37px; line-height: 1; font-size: 16px; display: flex; align-content: center; justify-content: center; box-sizing: border-box; background: url("img/pagenation_arrow.svg")center left 20px no-repeat; background-color: #feae00; font-weight: 500; color: #fff;}
.navigation .next-entries a,.navigation .previous-entries a {display: flex; align-items: center; justify-content: center;}

.nav_archive_btn {box-sizing: border-box; font-size: 16px; line-height: 1; width: 200px; height: 35px; background: url("img/pagenation_arrow.svg")center left 20px no-repeat; font-weight: 500;  background-color: #513828; color: #fff;}
.nav_archive_btn img {margin-left: 20px;}
.news_archive_btn {background: #FFAD4D; color: #fff;}

/*ページネーション
*******************/
.paging {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
}
.paging-box {
display: inline-block;
}
.paging span, .paging a {
display: block;
float: left;
margin: 2px 2px 2px 0;
padding: 10px 15px 10px 15px;
text-decoration: none;
width: auto;
color: #000; /* 文字色 */
background: #ddd; /* 背景色 */
border: 1px solid #bbb;
font-weight: bold;
}
.page-of {display: none !important;}
.paging a:hover{
color: #fff; /* マウスホバー時の文字色 */
background: #ccc; /* マウスホバー時の背景色 */
}
.paging .current{
padding: 10px 15px 10px 15px;
color: #fff; /* 文字色 */
background: #ccc; /* 背景色 */
}
@media only screen and (max-width: 413px) {
.paging {
font-size: 12px;
padding-bottom: 0;
line-height: 12px;
}
.paging span, .paging a {
padding: 8px 10px 8px 10px;
}
.paging .current{
padding: 8px 10px 8px 10px;
}
}