@charset "UTF-8";


#sec04 .mt50 {
    width: 100%;
    margin-top: 70px;
}
#sec04 .point_btn {
    width: 100%;
    margin-top: 70px;
}
#sec04 .point_btn a {
    font-size: 1.8rem;
    padding: 12px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 5px;
    width: 300px;
    display: block;
    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: 94% 52%;
    background-size: 10px;
}
@media (max-width: 1200px){
header .header .right { width: 80%; }
header .header .left{ width: 20%; }
header .header .right img{ width: 100%; }
header .headernav_box .nav2_box ul li { padding: 0 15px; }
.fv_inner { max-width: 1000px; }
.fv .fv_textbox { bottom: 14%; }
.inner{ padding: 0 20px; }
.table_box{ overflow-x: scroll; }
table{ width: 1000px!important; }
#sec02 table tr:nth-child(n+3) th:after { margin-left: 159px; }
#plan table tr:nth-child(n+3) th:after{ margin-left: 159px; }
#plan .plantable2 tr:nth-child(n+3) th:after{ margin-left: 125px; }
#plan table{ margin: 0; }
#plan table{ margin: 0!important; }
#plan #sec01 .plan h2{ margin-bottom: 20px; }
#plan #sec01 .plan h2.title2{ margin-top: 50px; }
header .contact_btn{ padding-left: 20px; }
header .banner{ margin-right: 20px; }
header .tel svg { width: 40px; height: 30px; margin-bottom: 4px;}
header .tel a { font-size: 3.4rem; }
header .tel p { font-size: 1.3rem; }
.contact_btn a { width: 250px; font-size: 1.6rem; }
#sec02 .petimg_ctrl .petimg1{ left: 5%; }
#sec02 .petimg_ctrl .petimg2{ right: 5%; }
}
@media (max-width: 1200px) and ( min-width: 769px){
.fv .pc{ max-height: 100%; min-height: 500px; width: 100%; object-fit: cover; }
}

@media (max-width: 1024px){
header .headernav_box .nav1 .nav2 li,
header .headernav_box .nav1 .nav2 li a{ font-size: 14px; }
header .headernav_box .nav2_box .innav .box_title{ font-size: 14px; }
.fv_inner { padding: 0 20px; }
.fv .fv_textbox .toptext{ font-size: 2.8rem; }
.fv .fv_textbox .toptext.jp { line-height: 35px; }
.fv .fv_textbox .toptext.en{ font-size: 1.5rem; margin-bottom: 5px; }
.fv .fv_textbox .fv_pricebox .plice span{ font-size: 5rem; }
.fv .fv_textbox .fv_pricebox{ padding: 35px 25px 25px; }
.fv .fv_textbox .fv_pricebox .fv_pricebox_point{ width: 100%; }
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span{ width: 48%; margin: 0;}
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span:nth-child(1){ margin-right: 4%; }
.fv .fv_textbox .fv_inimg{ width: 200px; right: -200px; }
.fv .fv_textbox { bottom: 17%; }
#toppage #sec02 .plan{ padding: 50px; }
#toppage #sec04 .flow{ padding: 50px; }
#sec02 .twocolumn .left{ width: 32%; }
#sec02 .twocolumn .right{ width: 68%; }
#sec02 table tr:nth-child(n+3) th:after{ margin-left: 77.5%; }
#sec04 .btn_box .btn{ padding: 10px 20px; }
.fv .fv_textbox{ top: 70px; }
.fv .fv_textbox .fv_inimg{ bottom: 10px; }
#plan .twocolumn .box h4{background-position: 50% 112%; }
#car #sec02 .car .popup{ width: 60vw; max-width: 100%; }
#sec02 .petimg_ctrl .petimg1{ left: 10%; top: 5px; max-width: 80px; }
#sec02 .petimg_ctrl .petimg2{ right: 10%; top: 5px; max-width: 80px; }
}

@media (max-width: 1024px) and (min-width: 769px){
header .nav-item a { font-size: 1.4rem; }
}

@media (max-width: 991px) and (min-width: 768px){
header .headernav_box .nav2_box ul li { padding: 0 10px; }
header .headernav_box .nav2_2{ padding-right: 50px; }
header .headernav_box .nav2_box .searchbox .box{ width: 80%; }
header .headernav_box .nav2_box .searchbox .submit{ width: 20%; }
#sec02 .petimg_ctrl .petimg1{ left: 0%; }
#sec02 .petimg_ctrl .petimg2{ right: 0%; }

}

@media (max-width: 991px){

header .header .right ul { margin-left: 10px; }
header .header .right .lineup_title{ font-size: 12px; }
header .header .right .lineup_title span{ font-size: 13px; }
footer .footer nav .box { margin-right: 3%; }
#sec01 .fukidashi01 p{ width: 100%; padding: 20px; }
.sp991{ display: block; }
#sec01 .ttl span .num{ font-size: 5rem; line-height: 65px; }
#sec02 .twocolumn .left{ width: 35%; }
#sec02 .twocolumn .right{ width: 65%; }
.table_box{ overflow-x: scroll; }
table{ width: 1000px!important; }
#sec02 table tr:nth-child(n+3) th:after { margin-left: 159px; }
#sec04 .btn_box .btn{ padding: 10px; }
#sec04 .btn_box{ margin-top: 30px; margin-bottom: 30px; }
#sec04 .btn_box .btn a { font-size: 1.6rem; }
#plan table{ margin: 0!important; }
#plan #sec01 .plan h2{ margin-bottom: 20px; }
#plan #sec01 .plan h2.title2{ margin-top: 50px; }
#plan .twocolumn{ margin-top: 70px; padding: 0 50px; }
.contact_btn { padding: 0 0 0 20px; }
.contact_btn a { font-size: 1.5rem; width: 100%; padding: 12px 10px; }
header .tel a { font-size: 2.8rem; }
header .tel svg { width: 40px; padding: 5px 0 0; margin: 0; height: 40px; vertical-align: bottom; }
header .tel p { font-size: 1.1rem; }
header .banner{ font-size: 1.3rem; }
header .site-title a img { max-width: 200px; }
.contact_btn a svg { margin-right: 2px; margin-bottom: 2px; height: 20px; }
#sec02 .twocolumn .right .box h4{ background-position: 50% 112%; }

#sec04_b .box{ width: calc( 100% / 2 - ( 23px ) ); }
#sec04_b .box{ padding-bottom: 60px; margin-right: 30px; }
#sec04_b .box:nth-child(2n){ margin-right: 0px; }
#sec04_b .box:nth-child(-n+6){ margin-bottom: 30px; }
.header1, .header2, .header3 { padding: 19px 10px; }
.option_btn a{ font-size: 1.6rem; }

#toppage #sec02 .twocolumn{ flex-wrap: wrap; }
#toppage #sec02 .twocolumn .left{ width: 100%; margin-top: 30px; }
#toppage #sec02 .twocolumn .left br{ display: none; }
#toppage #sec02 .twocolumn .right{ width: 100%; padding: 0; }
#toppage #sec02 .twocolumn .right .box{ width: 48%; }
#toppage #sec02 .twocolumn .left .fukidashi02_box{ left: 200px; }
#toppage #sec02 .twocolumn .left h3{ margin-bottom: 15px; text-align: center; font-size: 2rem; }
#toppage #sec02 .twocolumn .left span{ font-size: 2rem; }
#toppage #sec02 .twocolumn .left span .num{ font-size: 5rem; }
#toppage #sec02 .twocolumn { margin-top: 10px; }
#toppage #sec02 .twocolumn .left .fukidashi02_box { left: 60%; }
#toppage #sec02 .twocolumn .left .fukidashi02:before { transform: rotate(167deg); top: 44%; left: 14%; margin-left: -11px; border: 12px solid transparent; border-top: 20px solid #F39800; }
#toppage #sec02 .twocolumn .right{ margin-top: 30px; }

#sec05 .line_btn{ padding: 0; }
#sec05 .contact_btn{ padding: 0 0 20px; }
#sec05 .tel p { font-size: 1.8rem; }
#sec05 .tel a { font-size: 4.0rem; }
}

@media (max-width: 860px) and (min-width: 768px){
header .headernav_box .nav1 .nav2 li,
header .headernav_box .nav1 .nav2 li a{ font-size: 12px; }
header .headernav_box .nav2_box .innav .box_title{ font-size: 12px; }
header .nav-item a { font-size: 1.2rem; }
.contact_btn a { letter-spacing: 0px; font-size: 1.3rem; padding: 10px 10px; }
header .tel svg { width: 35px; padding: 0; margin: 0; height: 30px; }
header .tel a { font-size: 2.6rem; }
header .tel p { font-size: 1.0rem; }
.contact_btn { padding: 0 0 0 10px; }
header .banner{ margin-right: 10px; }
#toppage #sec02 .twocolumn .left .fukidashi02_box { left: 63%; }


}

@media (min-width: 768px){
header .headernav_box .nav1 ul li:hover{ cursor: pointer; }
header .headernav_box .nav1 ul .tab a{ text-align: center; color: #555555; font-size: 16px; line-height: 60px; }
header .headernav_box .nav1 ul .tab a:hover{ color: #004899; font-weight: 700; }
header .headernav_box .nav1 ul .tab.active a{ font-weight: 700; display: block; color: #004899; }
header .headernav_box .nav2_box ul li{ margin: 0 24px; }
header .headernav_box .nav2_box .innav .box li{ margin: 0px; padding-right: 0;}


}

@media(max-width: 768px){
.sp{ display: block; }
.pc{ display: none!important; }
.header-inner{ justify-content: flex-start; }
header .right .tel,
header .contact_btn{ display: none; }
header .banner{ font-size: 1.1rem; box-shadow: 0px 0px 0px 3px #f29801; border: dashed 1.5px #fff; }
.fv { margin-top: 90px!important; }
.header1, .header2, .header3{ height: 90px; position: fixed; top: 0;}
header .site-title a img { margin-top: 2px; }
#toppage #sec01 .box{ width: 100%; margin: 0 20px 50px; }
#toppage #sec01 .box:nth-child(3){ margin-bottom: 0; }
#toppage #sec01 .box .point_btn{ position: unset; margin-top: 20px; margin-bottom: 25px; }
#toppage #sec02{ padding: 30px 0; }
#toppage #sec02{ padding: 60px 0; }
#toppage #sec03 .twocolumn{ padding: 0; }
.en_title{ font-size: 3.7rem; margin-bottom: 5px; }
.title{ font-size: 3.0rem; line-height: 40px;}
#toppage #sec03{ padding: 60px 0; }
#toppage #sec03 .text { width: 66%; }
#toppage #sec03 .text h4 { font-size: 2.5rem; line-height: 35px; margin-bottom: 15px; }
#toppage #sec03 .text p { font-size: 1.5rem; line-height: 25px;}
#toppage #sec03 .twocolumn{ margin-top: 60px; }
#toppage #sec03 .message_text{ margin-top: 80px; font-size: 2.8rem; max-width: 500px; }
#toppage #sec03 .text h4.en{ margin-bottom: 5px; }
#toppage #sec04{ padding: 40px 0; }
#toppage #sec04 .flow img { margin: 50px auto; }
#toppage #sec04 .flow .price2{ font-size: 5rem; }
#toppage #sec04 .flow .price{ font-size: 2.5rem;  max-width: 400px; }
#toppage #sec04 .btn_box .btn { margin-top: 10px; width: calc( 100% / 2); }
#toppage #sec04 .btn_box { margin-top: 10px; margin-bottom: 10px; justify-content: space-between; }
#toppage #sec05 .title{ font-size: 2.5rem; line-height: 35px; }
#toppage #sec05 .flex .box{ width: 70%; }
#toppage #sec05 .tel { margin: 20px 0; }
#sec06 { padding: 50px 0; }
#sec06 .title { font-size: 2rem; }
#sec06 img{ width: 70%; }
footer{ padding: 50px 0; }
footer .flex .left{ width: 100%; text-align: center; }
footer .flex .right{ margin-left: 0; width: 100%; padding: 0; }
footer .contact_btn,
footer .line_btn{ display: none; }
footer .nav-list{ flex-direction: unset; }
footer .nav-item2{ width: calc( 100% / 2 ); margin-bottom: 15px!important;}
footer .nav-item2:nth-child(-n+9) { border-right: none; }
footer .flex { margin-bottom: 50px; }
footer small{ margin-top: 70px; }

.fv .fv_textbox { top: 5%; width: 100%; padding: 20px; }
.fv .fv_textbox .toptext.en{ font-size: 3rem; }
.fv .fv_textbox .toptext.jp { font-size: 4rem; line-height: 55px; } 
.fv_inner {padding: 0;}
.fv .fv_textbox .fv_pricebox{ max-width: 100%; }
.fv .fv_textbox .fv_pricebox .plicetext{ font-size: 2.4rem; line-height: 40px; }
.fv .fv_textbox .fv_pricebox .plice{ float: right; }
.fv .fv_textbox .fv_pricebox .plice span { font-size: 8rem; }
.fv .fv_textbox .fv_pricebox { padding: 60px 50px 40px; }
.fv .fv_textbox .fv_pricebox .fv_pricebox_point{ top: -25px; left: 0; display: flex; justify-content: space-between; padding: 0 50px;}
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span{ display: inline-block; font-size: 2.5rem; text-align: center; }
.fv .fv_textbox .fv_inimg{ left: 0; width: 40%; left: 5%; bottom: -15%; }
header .nav-item{ width: 100%; }
header .nav-item:nth-child(-n+6),
header .topnav-list .nav-item:nth-child(-n+7) { border-right: none; }
header .header-nav { width: 100%; margin: 0px; }
#plan .twocolumn{ margin-top: 100px; padding: 0px; }
header .nav-list{ flex-wrap: nowrap; height: calc( 100vh / 1 ); height: -webkit-fill-available; background-color: #00000061; padding: 100px 0; }
header .header-nav{ background-image: url(../img/firstview_sp.jpg) ; background-size: cover; background-position: center; }
header .nav-item{ width: 100%; display: inline-flex; height: calc( 100vh / 8); height: -webkit-fill-available; justify-content: center; align-items: center; margin: 0; }
header .topnav-list .nav-item{ height: calc( 100vh / 8); }
header .nav-item:nth-child(-n+4){ margin-bottom: 0; }
header .nav-item a{ font-size: 2.5rem; }
#plan .bottom{ width: 100%; }
#plan .twocolumn .box h4{background-position: 50% 109%; }
.fv .btn a{ margin: 20px auto 0; font-size: 2.2rem; max-width: 400px; display: none;}
#area #sec01 .box .fukidashi span{ display: block; }
#area #sec01 .box .fukidashi .zip{ display: inline-block; margin-top: 5px; }
#car #sec02 .car .box{ margin-bottom: 100px; }

#sec02 .petimg_ctrl .petimg1{ display: none; }
#sec02 .petimg_ctrl .petimg2{ display: none; }
.fv .comingsoon{ right: 20px; left: auto; top: -30px; }

#toppage #sec02 .twocolumn .left .fukidashi02_box { left: 65%; }


#option #sec01 .option ul.flex li{ width: calc( 100% / 2 - ( 15px)); margin-bottom: 30px!important; border: 1px solid #272727; padding: 20px; border-radius: 10px;}
#option #sec01 .option ul.flex li h3{font-size: 15px; }
#option #sec01 .option ul.flex li:last-child{ margin-bottom: 0!important; }

#sec03 .goods{ padding: 50px; }
#sec03 .goods .twocolumn{ padding: 50px!important; }

#sec04_b .flex{ padding: 0 20px; }
#sec05 .flex img { margin-top: 45px; align-self: flex-start; }
header .line_btn a br{ display: none; }
}

@media(max-width: 767px){
.sp_text{display: inline-block; color: #555555; font-size: 14px; padding-left: 10px;}

header .header { padding: 0px; height: 55px; -ms-flex-item-align: center; align-items: center; }
header .header .left{ width: auto; }
header .header .left .title img{ width: 105px; }
header .header .right{ width: auto; }
header .headernav_box{ background: #E2E8F2; margin-top: 55px; }
header .headernav_box .nav1 .inner{ padding: 0; }
header .headernav_box .nav1 .flex { display: block; }
header .headernav_box .nav1 ul li { padding: 0 15px; text-align: left; width: 100%; height: auto; border-bottom: 1px solid #fff!important; color: #000000; font-size: 18px; }
header .headernav_box .nav1 ul li a{ line-height: 25px; padding: 20px 0; text-align: left; display: block; color: #000000; font-size: 18px; background: url(../img/arrow01.webp) no-repeat; background-size: 8px; background-position: 100% 50%; }
header .headernav_box .nav1 ul li a.no-webp{ line-height: 25px; padding: 20px 0; text-align: left; display: block; color: #000000; font-size: 18px; background: url(../img/arrow01.png) no-repeat; background-size: 8px; background-position: 100% 50%; }
header .headernav_box .nav1 .spbtn_box{ margin: 15px 0; text-align: center; padding: 15px; background: #fff; border-radius: 10px; }
header .headernav_box .nav1 .spbtn_list{ -ms-flex-wrap: wrap-; flex-wrap: wrap;　display:-webkit-box; display:-ms-flexbox; display:flex; }
header .headernav_box .nav1 .spbtn_list li{ padding: 0; width: 49%!important; }
header .headernav_box .nav1 .spbtn_list li:nth-child(2n){ margin-left: 2%; margin-bottom: 2%; }
header .headernav_box .nav1 .spbtn_list li:last-child{ margin-bottom: 0; }
header .headernav_box .nav1 .spbtn_list li a{ background: none; line-height: 100%; padding: 0!important; }
header .headernav_box .nav1 .spbtn_list li:after{ content: none; }
header .headernav_box .nav1 .spbtn_box .lineup_title{ line-height: 25px; display: inline-block;padding: 2px 30px; margin-bottom: 20px; background: url(../img/line04.webp), url(../img/line03.webp); background-repeat: no-repeat,no-repeat; background-size: contain, contain; background-position: 0% 50%, 100% 50%; color: #004899; font-size: 17px; letter-spacing: 1px; }
header .headernav_box .nav1 .spbtn_box .lineup_title.no-webp{ line-height: 25px; display: inline-block;padding: 2px 30px; margin-bottom: 20px; background: url(../img/line04.png), url(../img/line03.png); background-repeat: no-repeat,no-repeat; background-size: contain, contain; background-position: 0% 50%, 100% 50%; color: #004899; font-size: 17px; letter-spacing: 1px; }
header .headernav_box .nav1 .spbtn_box .lineup_title span{ font-size: 18px; letter-spacing: 1px; }
header .headernav_box .nav1 .nav2{ width: 100%; background: #EFF2F7; }
header .headernav_box .nav1 .nav2 li{ width: 100%; }
header .headernav_box .nav1 .nav2 li a{ line-height: 25px; padding: 20px 0; }
header .headernav_box .nav1 .nav2 .innav .box{ width: 100%; margin-right: 0!important;}
header .headernav_box .nav1 .nav2 .innav{ width: 100%; background: #FCFCFC; padding: 0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
header .headernav_box .nav1 .nav2 .innav li{ padding: 15px;width: 50%; border-bottom: 1px solid #E0E6EF!important; }
header .headernav_box .nav1 .nav2 .innav li a{ font-weight: 400; padding: 0; width: 100%; background: url(../img/arrow02.webp) no-repeat; background-size: 8px; background-position: 100% 50%; }
header .headernav_box .nav1 .nav2 .innav li a.no-webp{ font-weight: 400; padding: 0; width: 100%; background: url(../img/arrow02.png) no-repeat; background-size: 8px; background-position: 100% 50%; }
header .headernav_box .nav1 .nav2 .innav li a:before{ content: none; }
header .headernav_box .nav1 .nav2 .innav .box:nth-child(1) li{ border-right: 1px solid #E0E6EF; }
header .headernav_box .nav2_box .nav3{ left: 15px; position: unset; }
header .headernav_box .nav2 .toggle{ background: url(../img/plus.webp) no-repeat; background-position: right 15px top 24px; background-size: 14px; }
header .headernav_box .nav2 .toggle.active{ background: url(../img/minus.webp) no-repeat; background-position: right 15px top 24px; background-size: 14px; }
header .headernav_box .nav2 .toggle.no-webp{ background: url(../img/plus.png) no-repeat; background-position: right 15px top 24px; background-size: 14px; }
header .headernav_box .nav2 .toggle.active.no-webp{ background: url(../img/minus.png) no-repeat; background-position: right 15px top 24px; background-size: 14px; }
header .headernav_box .nav2_box ul li:hover{ border: none; }
header .headernav_box .nav2_box .innav1 .box{ width: 50%!important; }
header .headernav_box .nav2_box .innav2 .box{ width: 100%; margin-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display:-webkit-box; display:-ms-flexbox; display:flex; }
header .headernav_box .nav2_box .innav .box_title{ background: #E0E6EF; width: 100%; padding: 15px; margin-bottom: 0; font-weight: 700; border-top: 1px solid #E0E6EF; }
header .headernav_box .nav3{ margin: 0 -15px; }
header .headernav_box .nav2_box .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; display:-webkit-box; display:-ms-flexbox; display:flex; }
header .headernav_box .nav2_box .nav2_2{ order: 2; }
header .headernav_box .nav2_box .searchbox{ background: #EFF2F7; order: 1; width: 100%; padding: 15px; border-bottom: 1px solid #fff; }
header .headernav_box .nav2_box .searchbox .box{ width: 85%; }
header .headernav_box .nav2_box .searchbox .submit{ width: 15%; }
header .headernav_box .nav2_box .nav2 li,
header .headernav_box .nav2_box .nav2 li a{ font-size: 18px; }
header .headernav_box .nav2_box .nav2_2 .innav .box:nth-child(2) li:nth-child(even){ border-right: 1px solid #E0E6EF; }
header .headernav_box .nav2_box .nav2_2 .box .flex{ display:-webkit-box; display:-ms-flexbox; display:flex; width: 100%; }
header .headernav_box .nav2_box .nav2_2 .box .flex .inflex li{ width: 100%; }
header .headernav_box .nav2_box .nav2_2 .box .flex .inflex:nth-child(1){ border-right: 1px solid #E0E6EF; }
header .headernav_box .nav2_box .innav3{ width: 100%; margin-right: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display:-webkit-box; display:-ms-flexbox; display:flex; }
header .headernav_box .nav2_box .innav3 .box{ width: 50%!important; }
header .headernav_box .nav2_box .innav3 .box li{ width: 100%; }
header .headernav_box .nav1 .innav li a{ color: #555555; font-size: 14px; }
header .headernav_box .nav2_box .nav3_1,
header .headernav_box .nav2_box .nav3_2,
header .headernav_box .nav2_box .nav3_3{ width: 100vw; }
header .headernav_box .spnav_title{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #fff; color: #004899; padding: 10px 15px; }
header .headernav_box .spnav_title .intoggle{ position: relative; height: 30px; width: 100px; background-color: #EFF2F7; border-radius: 5px; padding: 5px 35px 5px 20px; background-image: url(../img/arrow06.webp); background-repeat: no-repeat; background-size: 13px; background-position: 90% 50%; }
header .headernav_box .spnav_title .intoggle.no-webp{ position: relative; height: 30px; width: 100px; background-color: #EFF2F7; border-radius: 5px; padding: 5px 35px 5px 20px; background-image: url(../img/arrow06.png); background-repeat: no-repeat; background-size: 13px; background-position: 90% 50%; }
header .headernav_box .spnav_title .intoggle span:before{ content: "MENU"; position: absolute; top: 3px; }
header .headernav_box .active .intoggle span:before{ content: "CLOSE"; position: absolute; top: 3px; }
header .headernav_box .active .intoggle { background-color: #EFF2F7; border-radius: 5px; padding: 5px 35px 5px 20px; background-image: url(../img/arrow05.webp); background-repeat: no-repeat; background-size: 13px; background-position: 90% 50%; }
header .headernav_box .active .intoggle.no-webp{ background-color: #EFF2F7; border-radius: 5px; padding: 5px 35px 5px 20px; background-image: url(../img/arrow05.png); background-repeat: no-repeat; background-size: 13px; background-position: 90% 50%; }
header .headernav_box .spnav_title p{ font-size: 16px; }
header .headernav_box .nav1 .spnav1,
header .headernav_box .nav1 .spnav{ display: none; }
header .wrapper{ width: 100%; background: #fff; position: fixed; z-index: 999; top: 0; }
header .headernav_box .nav1 .spnav1{ position: fixed; z-index: 999; top: 55px; left: 0; right: 0; bottom: 0; overflow-y: auto; background: #E2E8F2; }
header .headernav_box .nav2_box{ background: none; width: 100%; position: fixed; z-index: 990; top: 55px; right: 0; left: 0; bottom: 0; overflow-y: auto; }
header .header .right .spnav_icon { position: relative; width: 30px; height: 23px; box-sizing: border-box; }
header .header .right .spnav_icon span { display: block; width: 100%; height: 3px; background: #666666; position: absolute; left: 0px; transition: all 0.5s ease;}
header .header .right .spnav_icon .bar1 { top: 0px; }
header .header .right .spnav_icon .bar2 { top: 10px; }
header .header .right .spnav_icon .bar3 { bottom: 0px; }
header .header .right .active .bar1 { top: 10px; transform: rotate(45deg);}
header .header .right .active .bar2 { opacity: 0; }
header .header .right .active .bar3 { top: 10px; transform: rotate(-45deg);}


.noborder,
header .headernav_box .nav1 ul li.noborder,
header .headernav_box .nav1 .nav2 .innav .noborder{ border-bottom: none!important; }

footer .footer{ margin: 0 -15px; padding: 0; }
footer .footer nav{ display: block; }
footer .footer nav .box{ width: 100%; }
footer .footer nav .box .footnav_title{ margin-bottom: 0; background-image: none; padding: 0 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #DFE6F0;}
footer .footer nav .box .footnav_title a{ display: block; width: 100%; padding: 20px 0; background: url(../img/arrow01.webp) no-repeat; background-size: 8px; background-position: 100% 50%; }
footer .footer nav .box ul{ -ms-flex-item-align: center; align-items: center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #EFF2F7; }
footer .footer nav .box ul li{ width: 50%; padding: 0 15px!important; border-bottom: 1px solid #fff; }
footer .footer nav .box ul li:nth-child(odd){ border-right: 1px solid #fff; }
footer .footer nav .box ul li a{ height: 65px; background: url(../img/arrow02.webp) no-repeat; background-size: 8px; background-position: 100% 50%; display: inline-flex; -ms-flex-item-align: center; align-items: center; width: 100%; }
footer .footer nav .box ul li a.no-webp{ height: 65px; background: url(../img/arrow02.png) no-repeat; background-size: 8px; background-position: 100% 50%; display: inline-flex; -ms-flex-item-align: center; align-items: center; width: 100%; }
footer .footer nav .box ul li a:before{ content: none; }
footer .footer nav .box ul li a:hover{ text-decoration: none; }
footer .footer nav .f-box{width: 90%;margin: 0 auto;}
#sec04_b .box{ width: 100%; margin-right: 0px; padding: 0 10px; }
#sec04_b .flex{ max-width: 100%; padding: 0; }
#sec04_b .slick-slide img{ width: 100%; }

footer .nav-item2{ line-height: 20px; }
}


@media( max-width: 640px ){
.pc{ display: none; }
.sp{ display: block; }
footer .left img{ max-width: 220px; }
.fv .fv_textbox { top: 14%; width: 100%; padding: 20px; text-align:center; }
.fv .fv_textbox .toptext.en{ font-size: 1.6rem;}
.fv .fv_textbox .toptext.jp { font-size: 2rem; line-height: 23px; } 
.fv_inner { padding: 0; }
.fv .fv_textbox .fv_pricebox{ text-align:center; }
.fv .fv_textbox .fv_pricebox .plicetext{ font-size: 1.2rem; line-height: 15px; text-align: left; }
.fv .fv_textbox .fv_pricebox .plice{ font-size: 1.2rem; float: unset; text-align: center; }
.fv .fv_textbox .fv_pricebox .plice span { font-size: 3.5rem; margin-left: 5px; letter-spacing: 0; margin-right: 3px; }
.fv .fv_textbox .fv_pricebox { padding: 20px 15px 10px; }
.fv .fv_textbox .fv_pricebox .fv_pricebox_point{ padding: 0 15px; top: -15px;}
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span{ width: 49%; padding: 8px 0px; font-size: 1.5rem; }
.fv .fv_textbox .fv_inimg{ width: 35%; bottom: -20%; }
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span:nth-child(1) { margin-right: 2%; }
.fv .comingsoon{ margin-top: 25px; font-size: 1.1rem; padding: 10px 25px; }
header .site-title{ margin-top: -6px; }
header .site-title a img {max-height: 54px !important; width: auto; }
header .banner{ height: 30px; line-height: 15px; margin-right: 10px; }
header .line_btn a{ padding: 5px;font-size: 1.2rem; line-height: 1.1; }
header .line_btn a span{ font-size: 0.9rem; }
header .line_btn a br{ display: block; }
.header1, .header2, .header3 { padding: 10px 5px; height: 65px; }
.burger-btn{ top: 20px; }
.fv { margin-top: 65px!important; }
/*header .header-nav{ margin-top: 65px; }*/
header .nav-list{ height: calc( 100vh / 1 );  -webkit-fill-available; }
#toppage #sec01 .fukidashi01 p{ font-size: 1.7rem; line-height: 25px; padding: 10px; }
#toppage #sec01 .fukidashi01 { margin: 30px auto 40px; }
#toppage #sec01 h2 { font-size: 2rem; }
#toppage #sec01 .ttl span .num { font-size: 4rem; line-height: 55px; }
#toppage #sec01 .box{ min-height: 100%; background: url(../img/topsec01_bg01.webp);}
#toppage #sec01 .box .bottom { padding: 25px 25px 10px; }
#sec01 { margin-bottom: 40px; }
#toppage #sec02 { padding: 40px 0; }
.en_title { font-size: 3.0rem; }
#toppage #sec02 .plan { padding: 20px;　}
.title { font-size: 2.3rem; }
#toppage #sec02 .twocolumn .left p{ line-height: 20px; font-size: 1.5rem; }
#toppage #sec02 .twocolumn .left .fukidashi02{ line-height: 60px!important; }
#toppage #sec02 .twocolumn .right .box h4{ font-size: 1.5rem; height: 55px; }
#toppage #sec02 .twocolumn .right .box .price{ font-size: 2.3rem; margin-right: 0;}
#toppage #sec02 .twocolumn .right .box .price:before{ font-size: 0.9rem; margin-left: -25px; }
#toppage #sec02 .twocolumn .right .box .price:after{ font-size: 0.9rem; }
table { width: 800px!important;}
table tr:nth-child(n+3) th{ padding-left: 5px!important; }
table tr{ font-size: 1.4rem!important; }
#sec02 .point_btn{ padding: 0; margin: 20px 0 0; }
#sec02 .point_btn a{ width: 100%; padding: 12px; font-size: 1.6rem;}
#toppage #sec03 { background: url(../img/cloud02.webp) , url(../img/cloud01.webp), url(../img/cloud02.webp) , url(../img/cloud01.webp); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 70%, 70%, 70%, 70%; background-position: -90% 0%, 190% 25% , -90% 50%, 190% 100%;}
#toppage #sec03 .twocolumn{ flex-wrap: wrap; }
#toppage #sec03 .twocolumn .img{ width: 100%;  padding: 0 50px 20px; order: 1; }
#toppage #sec03 .twocolumn .text{ width: 100%; order: 2; }
#toppage #sec03 .text h4 { font-size: 2.0rem; line-height: 30px; margin-bottom: 10px; }
#toppage #sec03 .text p { font-size: 1.4rem; line-height: 20px; }
#toppage #sec03 .twocolumn:nth-child(1){ margin-top: 30px; }
#toppage #sec03 .message_text{ font-size: 1.8rem; }
#toppage #sec03 .text h4 { font-size: 1.8rem; }
#toppage #sec03 { padding: 40px 0; }
#toppage #sec04 { padding: 30px 0 50px; }
#toppage #sec04 .flow { padding: 20px; }
#toppage #sec04 .flow .price2 { font-size: 4rem; padding: 0 5px; }
#toppage #sec04 .flow .price small{ letter-spacing: 0px; font-size: 1.2rem; }
#toppage #sec04 .flow .price { letter-spacing: 0px; font-size: 1.8rem; margin: 0 10px; }
#toppage #sec04 .btn_box .btn { margin-top: 10px; width: calc( 100% / 1); padding: 0; margin-top: 15px; }
#sec04 .point_btn {
    padding: 0;
    margin: 20px 0 0;
}
#sec04 .point_btn a {
    width: 100%;
    padding: 12px;
    font-size: 1.6rem;
}
#toppage #sec05 .title { font-size: 1.8rem; line-height: 25px; }
#sec05{ padding: 40px 0; }
#sec05 .flex img{ display: none; }
#sec05 { background-size: 70%, 70%; background-position: -100% 35%, 200% 35%;}
#toppage #sec05 .flex .box { width: 100%; padding: 10px 0; }
#sec05 .tel p { font-size: 1.6rem; }
#sec05 .tel svg { width: 43px; height: 33px; }
#sec05 .tel a { font-size: 4rem; }
#sec05 .contact_btn{ width: 100%; }
#sec05 .contact_btn a{ width: 100%; font-size: 1.6rem; display: block;}
#sec05 .line_btn{ width: 100%; }
#sec05 .line_btn a{ width: 100%; font-size: 1.6rem; display: block;}
#sec05 .line_btn a span{ font-size: 1.3rem; }
#sec06 { padding: 40px 0; }
#sec06 .title { font-size: 1.8rem; line-height: 30px;}
#sec06 img { width: 90%; margin: 20px auto 0; }
footer { padding: 30px 0; }
footer .tel { margin: 10px 0; }
footer .flex { margin-bottom: 30px; flex-wrap: wrap; }
footer .footer-nav { margin: 30px auto 10px; }
footer small { margin-top: 50px; font-size: 1.2rem; }

.second_page .secondpage_fv{ background-position: 46% 100%; height: 150px; }
.second_page .secondpage_fv h1 { line-height: 150px; font-size: 2.2rem; }
.second_page .top_message h2{ line-height: 30px; width: 100%; padding: 0px 0px 30px; background-size: 150px, 150px;  font-size: 2rem!important; background-position: 120% 60%, -20% 60%; }
.second_page .top_message p{ font-size: 1.5rem; }
.second_page #sec02{ padding: 30px 0; }
.second_page .howto .box{ padding: 20px; }
.second_page .howto .box .left { width: 100%; }

.second_page .howto .box .left h3 { font-size: 2rem; line-height: 30px; }
.second_page .howto .box .left h3 .num{ font-size: 2.2rem; }
.second_page .howto .box .left h4{ font-size: 1.6rem; line-height: 25px; padding: 20px 0; }
.second_page .howto .box .left p { line-height: 23px; font-size: 1.4rem; }
.second_page .howto .box .right { width: 70%; margin-top: 20px; }
.second_page .howto .box { margin-bottom: 30px; }
.second_page .howto .box .bottom .list_title{ padding: 0 10px; left: 20px; font-size: 2rem; }
.second_page .howto .box .bottom{ padding: 30px 20px; }
.second_page .howto .box .bottom ul li{ font-size: 1.5rem; }
.second_page .howto .box .bottom2 img {  padding: 10px 0px; }
#flow #sec01 { padding: 30px 0; }
#flow #sec01 .flow{ padding: 20px; margin-bottom: 0px; }
#flow #sec01 .flow .box{ width: 100%; margin-right: 0!important; height: 100%; margin-bottom: 20px; padding: 20px; }
#flow #sec01 .flow .box .left,
#flow #sec01 .flow .box .right{ width: 100%; }
#flow #sec01 .flow .box .right{ margin-top: 20px; }
#flow #sec01 .flow .box .left h3 { font-size: 2.0rem; }
#flow #sec01 .flow .box .left h3 .num{ font-size: 2.2rem; }
#plan #sec01 { padding: 30px 0; }
#plan #sec01 .plan{ padding: 20px; margin-bottom: 0; }
#plan #sec01 .plan h2{ font-size: 2rem; margin-bottom: 20px; }
#plan #sec01 .plan h2.title2{ margin-top: 50px; }
#plan .twocolumn{ padding: 0; margin-top: 30px; }
#plan .twocolumn .box{ width: 100%!important; height: auto; }
#plan .twocolumn .box h4{height: 90px; padding: 0px 20px 10px 20px; font-size: 1.5rem; }
#plan .twocolumn .box .price{ font-size: 3.5rem; }
#plan .bottom{ margin-top: 50px; padding: 30px 20px; }
#plan .bottom .list_title{ padding: 0 10px; left: 20px; font-size: 2rem; }
#plan .bottom dl dd{ font-size: 1.6rem; margin-bottom: 15px; }
#plan .bottom dl dt{ font-size: 1.5rem; margin-bottom: 30px; }
#plan .bottom dl dt img{ width: 100%; max-width: 100%; }
#plan .plantable1 tr:nth-child(n+3) th:after { margin-left: 120px; }
#plan .plantable2 tr:nth-child(n+3) th:after  { margin-left: 93px; }
#faq #sec01 { padding: 30px 0; }
#faq #sec01 .faq{ padding: 25px 10px; margin-bottom: 0; }
#faq #sec01 .faq-list dl dt{ font-size: 1.5rem; line-height: 20px; padding: 0px 35px 0px 45px; }
#faq #sec01 .faq-list dl dd{ font-size: 1.4rem; line-height: 20px; padding: 10px 10px 10px 45px; }
#faq #sec01 .faq-list dl dt:before{ font-size: 2.3rem; margin-left: -33px; }
#faq #sec01 .faq-list dl dd:before{ font-size: 2.3rem; margin-left: -33px; }
#contact #sec01 { padding: 30px 0; }
#contact #sec01 .contact{ padding: 20px; margin-bottom: 0; }
#policy #sec01 { padding: 30px 0; }
#policy #sec01 .policy{ padding: 20px; margin-bottom: 0; }
#policy #sec01 .policy .title{ font-size: 2rem; margin-bottom: 20px; }
#policy #sec01 .box .pink { font-size: 1.7rem; }

#area #sec01{ padding: 30px 0;　}
#area #sec01 .area{ padding: 20px; margin-bottom: 0; }
#area #sec01 .box .title{ font-size: 2rem; margin-bottom: 20px; }
#area #sec01 .box .fukidashi_box{ margin: 0px auto 50px; display: block;}
#area #sec01 .box .fukidashi{ font-size: 1.8rem; padding: 15px 20px; border-radius: 40px; display: block; }
#area #sec01 .box .fukidashi span{ padding-top: 4px; display: block; font-size: 1.3rem; margin-left: 0px; letter-spacing: 0px; }
#area #sec01 .box .area_box p{ font-size: 1.4rem; line-height: 25px; }
#area #sec01 .box .area_box .list_title{ top: -20px; max-width: 230px; font-size: 1.8rem; }
#area #sec01 .box .area_box{ padding: 40px 20px 30px; }
#area #sec01 .box .area_box dl dt{ margin-bottom: 10px; font-size: 1.5rem; font-weight: 700; }
#area #sec01 .box .area_box dl dd{ margin-bottom: 40px; line-height: 18px; font-size: 1.3rem; }
#area #sec01 .box .fukidashi .zip{ display: block; margin-top: 0px; margin-right: 0; }

#car #sec02 .car{ padding: 20px; margin-bottom: 0; }
#car #sec02 .car .box .text.left{ width: 100%; padding: 0; margin-bottom: 30px;}
#car #sec02 .car .box .text.right{ width: 100%; padding: 0; order: 1; margin-bottom: 30px;}
#car #sec02 .car .box .img.left{ width: 100%; order: 2; }
#car #sec02 .car .box .img.right{ width: 100%; }
#car #sec02 .car .box { margin-bottom: 50px; }

#car #sec02 .car .box .text h3 { font-size: 2rem; line-height: 30px; }
#car #sec02 .car .box .text h4{ font-size: 1.6rem; line-height: 25px; padding: 20px 0; }
#car #sec02 .car .box .text p { line-height: 23px; font-size: 1.4rem; }
#car #sec02 .car .img_box .pop-box{ width: calc( 100% / 2 - ( 10px) ); }
#car #sec02 .car .img_box .pop-box:nth-child(-n+6){ margin-bottom: 20px; }
#car #sec02 .car .click_text { font-size: 1.2rem; }
#car #sec02 .car .popup { width: 80vw; }

#toppage #sec06 .area_box p{ font-size: 1.4rem; line-height: 25px; }
#toppage #sec06 .area_box .list_title{ top: -10px; max-width: 230px; font-size: 1.8rem; }
#toppage #sec06 .area_box{ padding: 40px 20px 30px; }
#toppage #sec06 .area_box dl dt{ margin-bottom: 10px; font-size: 1.5rem; font-weight: 700; }
#toppage #sec06 .area_box dl dd{ margin-bottom: 40px; line-height: 18px; font-size: 1.3rem; }
#toppage #sec06 .area_box{ margin-top: 70px; }

#sec04_b{ margin-bottom: 40px; }
#sec04_b .voice{ padding: 40px 0 0 ; }
#sec04_b .title{ margin-bottom: 40px; }
#sec04_b .box .bottom h3{ font-size: 1.5rem; }

header .header-nav{ overflow-x: scroll; }
header .nav-list{ padding: 50px 0 100px; }
header .nav-item { padding: 0; height: calc( 100vh / 8); height: -webkit-fill-available; }
header .nav-item a{ font-size: 2rem; }

#page-top{ bottom: 65px; }

.cv{ position: fixed; display: flex; bottom: 0; width: 100%; z-index: 3; box-shadow: 0px 8px 14px #00000030; margin-bottom: 0!important; }
.cv .cv_box{ width: 50%; text-align: center; }
.cv a{ width: 100%; text-align: center; height: 50px;  display: block; line-height: 50px; background: #fff; color: #F39800; font-weight: 700; }.cv a.spline {
    background: #06c755;
    color: #fff;
    letter-spacing: 0;
}
.cv a.spline img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
.cv a.sptel {
    background: #f29801;
    color: #fff;
    font-size: 1.8rem;
}
.cv a.sptel svg {
    vertical-align: middle;
}

.cv .cv_box:nth-child(1){ border-right: 1px solid #ececec; }
.header1, .header2, .header3{ z-index: 5; }

footer{ padding-bottom: 70px; }
#toppage #sec04 .flow img { margin: 30px auto 20px; }

.infinity_img{ display: block; width: 35px; margin: -55px auto 0; }
.fv .btn a { font-size: 1.6rem; display: none;}

#sec04_b .box:nth-child(2n){ margin-right: 0px; }
#sec04_b .box:nth-child(-n+6){ margin-bottom: 30px; }

.option_btn{ padding: 0; margin: 20px 0 30px; }
.option_btn a{ width: 100%; }

.comingsoon{ margin-top: 35px; font-size: 1.3rem; }

.check-inner h2{ font-size: 2rem; }
.check { margin-top: 50px!important; }
.check .flex{ flex-wrap: wrap; }
.check .flex .right{ width: 100%!important; margin-top: 10px; }
.check .flex .left{ width: 100%!important;}
.check .flex .right .flex{ margin-bottom: 0!important; }
#sec01 h2{ font-size: 2rem; }
#top2 .button.pbn{ width: 48%!important; margin-right: 4%; }
#top2 .button.sbn{ width: 48%!important; margin-right: 0%; }
.mbwrap{ flex-wrap: wrap; }
#top2 .textbox3{ max-width: 100%!important; width: calc( 100% / 3)!important; }

.fv .comingsoon{ margin: 0 auto; padding: 7px 4px; font-size: 2rem; width: calc(95% - 50px); top: -50px; left: 20px; height: auto;  }
.fv .comingsoon span{ font-size: 2.9rem; margin-right: 6px;}
.fv .comingsoon:before{ transform: rotate(0deg); top: 100%; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top: 12px solid #fff; }
.fv .comingsoon br{ display: none; }
.tax{ font-size: 1.3rem; }
.option_btn a { font-size: 1.6rem; padding: 10px;}
#toppage #sec02 .twocolumn .left .fukidashi02_box { left: auto; right: 10px; }

#option #sec01{ padding: 30px 0;　}
#option #sec01 .option{ padding: 20px; margin-bottom: 0; }
#option #sec01 .option ul.flex{ display: block; }
#option #sec01 .option ul.flex li{ width: 100%; }
#option #sec01 .option h2 { margin-bottom: 20px; }


#instagram #sec01{ padding: 30px 0;　}
#instagram #sec01 .instagram{ padding: 20px; margin-bottom: 0; }
#instagram #sec01 .instagram .btn{ padding: 0; width: 100%; margin-top: 20px; }
#instagram #sec01 .instagram  a{ font-size: 1.5rem; padding: 10px; width: 100%; }

.instagram { margin: 20px 0 70px; }
.instagram .text{ line-height: 25px; font-size: 2rem; }
.instagram .instagram_btn{ margin-top: 0px; padding: 0; }
.instagram .instagram_btn a{ font-size: 1.6rem; }

#sec03 .goods { padding: 20px; margin-top: 80px; }
#sec03 .goods .toptext{ line-height: 20px; font-size: 1.4rem; margin-top: 30px; }
#sec03 .goods .toptext p { font-size: 1.6rem; margin-bottom: 20px; }
#sec03 .goods .toptext p:after,
#sec03 .goods .toptext p:before{ content: none; }
#sec03 .goods .twocolumn{ border-radius: 20px; margin-top: 30px!important; padding: 20px!important; }
#sec03 .goods .twocolumn .img{ padding: 0!important; margin-bottom: 20px; }
#sec03 .goods .twocolumn .img img{ object-fit: cover; object-position: center; height: 200px; overflow: hidden; }
#sec03 .goods .twocolumn .right img{ object-fit: contain; }
#sec03 .goods .twocolumn h4{ margin-bottom: 20px; }
#sec03 .goods .twocolumn h4 small{ font-size: 1.3rem; }
#sec03 .goods .twocolumn h5{ font-size: 1.6rem; margin-bottom: 15px; }
#sec03 .goods .twocolumn p span { font-size: 1.1rem; margin-top: 5px; }

.instagram_icon { margin-left: 10px; }
#sec03 .goods .btn{ margin-top: 20px; }
#sec03 .goods .btn a{ font-size: 1.6rem; }

.insta_list li {
    position: relative;
    width: 33.33%;
    padding-bottom: 33.33%;
    border: solid 2px #FFF;
    box-sizing: border-box;
}
#sec04 .toptext {
    line-height: 20px;
    font-size: 1.4rem;
    margin-top: 30px;
}
#sec05-2 .moviebox{ width: 100%; }
#sec05-2 .movie{ margin-bottom: 100px; }
}


@media( max-width: 320px ){
.fv .comingsoon{ font-size: 1.2rem  }
.fv .comingsoon span{ font-size: 1.2rem; margin-right: 5px;}
.fv .fv_textbox .fv_pricebox .fv_pricebox_point span { font-size: 1.2rem; }
.fv .fv_textbox .fv_inimg { width: 25%; bottom: -24%; }
#toppage #sec02 .twocolumn .right .box{ width: 100%; margin: 0px 0 20px; }
#toppage #sec03 .message_text { font-size: 1.5rem; }
footer .nav-item2 a { font-size: 1.2rem; }
}

@media (min-width: 1201px) {
#plan .plantable2 tr:nth-child(n+3) th:after {
    margin-left: 125px !important;
}
}
#sec07 .car{ margin-bottom: 0px; background: #fff; flex-wrap: wrap; justify-content: space-between; align-items: center; border-radius: 25px; padding: 100px 50px 100px; width: 100%; }
#sec07 .car .box{ background: #fff; padding: 0; flex-wrap: wrap; align-items: center; margin-bottom: 30px; width: 100%; }
#sec07 .car .box:last-child{ margin-bottom: 0; }
#sec07 .car .box .text{ width: 70%; }
#sec07 .car .box .text.left{ padding-right: 50px; }
#sec07 .car .box .text.right{ padding-left: 50px; }
#sec07 .car .box .img{ width: 30%; text-align: center; align-self: center; }
#sec07 .car .box .img img{ max-height: 100%; }
#sec07 .car .box h3{ 
    background: #fff;
    color: #F29801;
    font-size: 2.1em;
    padding: 6px 40px;
    display: inline-block;
    width: 100%;
 }
#sec07 .car .box .text h4{ line-height: 30px; font-size: 2rem; font-weight: 700; margin: 35px 0; }
#sec07 .car .box .text p{ line-height: 36px; font-size: 1.8rem; }
#sec07 .car .box .bottom{ position: relative; margin-top: 50px; width: 100%; border-radius: 25px; border: 1px solid #301D15; padding: 50px; }
#sec07 .car .box .bottom .list_title{ position: absolute; background: #fff; padding: 0 20px; top: -10px; left: 30px; font-size: 2.2rem; font-weight: 700; }
#sec07 .car .box .bottom ul li{ list-style: disc; margin-bottom: 20px; font-size: 1.8rem; }
#sec07 .car .box .bottom ul li:last-child{ margin-bottom: 0; }
#sec07 .car .box .bottom ul { padding-left: 20px; }
#sec07 .car .box .left2{ width: 100%; }
#sec07 .car .box .bottom2 img{ padding: 20px 30px; }
#sec07 .car .img_box{ justify-content: space-between; }
#sec07 .car .img_box .pop-box{ width: calc( 100% / 7 - ( 15px )); }
#sec07 .car .img_box .btn-open:hover{ cursor: pointer; }
#sec07 .car .popup { background-color: #efefef; box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8); display: none; position: fixed; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); margin: auto; width: 35vw; max-width: 450px; }
#sec07 .car #popup-on{ display: none; }
#sec07 .car #popup-on:checked + .popup{ display: block; z-index: 5;}
#sec07 .car .icon-close{ background: #f29804; color: #fff; font-size: 30px; padding: 0 10px 5px; position: absolute; right: 0; }
#sec07 .car .icon-close:hover{ cursor: pointer; }
#sec07 .car .popup-content{ width: 100%;}
#sec07 .car .popup-content img{ width: 100%;}
#sec07 .car .click_text{ font-size: 1.4rem; margin-top: 15px; text-align: right; }
#sec07 .btn {
	padding: 40px 0 30px;
    width : 300px;
 }
#sec07 .btn a{
    margin: 0 auto;
    text-decoration: none;
    border-radius: 5px;
    max-width: 300px;
    width: 100%;
    display: block;
    background-image: url(../img/arrow01.png);
    background-repeat: no-repeat;
    background-position: 94% 52%;
    background-size: 10px;
    font-size: 1.8rem;
    background-color: #F29801;
    color: #fff;
 }

@media (max-width: 991px) {
#sec07 .car .box h3{ 
    width: 100%;
    padding: 6px 10px;
}
#sec07 .btn {
    width : 100%;
 }

}
@media( max-width: 640px ){
#sec07 .car{ padding: 20px 0; margin-bottom: 0; }
#sec07 .car .box .text.left{ width: 100%; padding: 0; margin-bottom: 30px;}
#sec07 .car .box .text.right{ width: 100%; padding: 0; order: 1; margin-bottom: 30px;}
#sec07 .car .box .img.left{ width: 100%; order: 2; }
#sec07 .car .box .img.right{ width: 100%; }
#sec07 .car .box { margin-bottom: 50px; }
#sec07 .car .box h3{ 
    font-size: 1.7rem;
    line-height: 25px;
    padding: 10px;
 }

#sec07 .car .box .text h3 { font-size: 2.3rem; line-height: 30px; }
#sec07 .car .box .text h4{ font-size: 1.6rem; line-height: 25px; padding: 20px 0; }
#sec07 .car .box .text p { line-height: 23px; font-size: 1.4rem; }
#sec07 .car .img_box .pop-box{ width: calc( 100% / 2 - ( 10px) ); }
#sec07 .car .img_box .pop-box:nth-child(-n+6){ margin-bottom: 20px; }
#sec07 .car .click_text { font-size: 1.2rem; }
#sec07 .car .popup { width: 80vw; }
}

.fv .fv_textbox .fv_pricebox span {
    color: #ce0000;
}
@media (min-width: 769px) {
.fv .fv_textbox .fv_pricebox {
    padding: 40px 0px 25px;
}
.fv .fv_textbox .fv_pricebox {
    width: 440px;
    text-align: center;
}
.fv .fv_textbox .fv_pricebox .plicetext {
    font-size: 4.0rem;
}
}
@media (min-width: 1024px) {
.fv .fv_textbox .fv_pricebox {
    width: 470px;
    text-align: center;
}
.fv .fv_textbox .fv_pricebox {
}
.fv .fv_textbox .fv_pricebox .fv_pricebox_point {
    width: 100%;
    left: 11px;
}
}
@media (max-width: 768px) {
.fv .fv_textbox .fv_pricebox {
    width: 100%;
    text-align: center;
}
.fv .fv_textbox .fv_pricebox .plicetext {
    font-size: 5.2vw;
}
}
@media (max-width: 640px) {
.fv .fv_textbox .fv_pricebox {
    padding: 30px 0px 20px;
}
}

@media (min-width: 769px) {
#sec02 .plan > ul > li {
    width: 48%;
    padding-top: 125px;
}
#plan-tachiaiA, #plan-tachiaiB, #plan-omakase, #plan-all {
    padding-top: 115px;
    margin-top: -115px;
}
}
#sec02 .twocolumn .right .box h4.omakase {
    background-color: #e77592;
	background-image: url(../img/sankaku-omakase.jpg);
}
#sec02 .twocolumn .right .box h4.tachiaiA {
    background-color: #f6b458;
	background-image: url(../img/sankaku-tachiaiA.jpg);
}
#sec02 .twocolumn .right .box h4.tachiaiB {
    background-color: #7cd5c2;
	background-image: url(../img/sankaku-tachiaiB.jpg);
}
#sec02 .twocolumn .right .box h4.all {
    background-color: #a3b739;
	background-image: url(../img/sankaku-all2.jpg);
}
#sec02 table tr:nth-child(2) th:nth-child(1) {
    background: #7cd5c2;
}
#sec02 table tr:nth-child(2) th:nth-child(2) {
    background: #f6b458;
}
#plan .plantable2 tr:nth-child(1) th:nth-child(5) {
    background: #a3b739;
}
#sec02 table tr:nth-child(1) th:nth-child(3) {
    background: #7cd5c2 !important;
}
#plan .plantable2 tr:nth-child(1) th:nth-child(4) {
    background: #f6b458 !important;
}
#plan .plantable2 tr:nth-child(1) th:nth-child(5) {
    background: #E588A0 !important;
}
#plan .plantable2 tr:nth-child(1) th:nth-child(6) {
    background: #a3b739 !important;
}
#sec02 .plan > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto 20px;
}
  #sec02 .plan > ul > li h4 {
    font-size: 26px;
    text-align: center;
    color: #FFF;
    line-height: 120%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 4px 4px 0 0;
    font-weight: 600;
	line-height: 1.6;
  }
  #sec02 .plan > ul > li .content {
    background: #FFF;
    border-radius: 0 0 0.8vw 0.8vw;
    padding: 1.5625vw;
  }
  #sec02 .plan > ul > li .content h5 {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    margin: 20px auto;
	line-height: 1.6;
  }
  #sec02 .plan > ul > li .content .txt {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.5625vw;
  }
  #sec02 .plan > ul > li .content .pic {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.95312vw;
  }
  #sec02 .plan > ul > li#plan-tachiaiB h4 {
    background: #7cd5c2;
    position: relative;
  }
  #sec02 .plan > ul > li#plan-tachiaiB .content {
    border-right: 2px solid #7cd5c2;
    border-bottom: 2px solid #7cd5c2;
    border-left: 2px solid #7cd5c2;
  }
  #sec02 .plan > ul > li#plan-tachiaiB .content h5 {
    color: #7cd5c2;
  }
  #sec02 .plan > ul > li#plan-tachiaiA h4 {
    background: #f6b458;
    position: relative;
  }
  #sec02 .plan > ul > li#plan-tachiaiA .content {
    border-right: 2px solid #f6b458;
    border-bottom: 2px solid #f6b458;
    border-left: 2px solid #f6b458;
  }
  #sec02 .plan > ul > li#plan-tachiaiA .content h5 {
    color: #f6b458;
  }
  #sec02 .plan > ul > li#plan-omakase h4 {
    background: #e77592;
    position: relative;
  }
  #sec02 .plan > ul > li#plan-omakase .content {
    border-right: 2px solid #e77592;
    border-bottom: 2px solid #e77592;
    border-left: 2px solid #e77592;
  }
  #sec02 .plan > ul > li#plan-omakase .content h5 {
    color: #e77592;
  }
  #sec02 .plan > ul > li#plan-all h4 {
    background: #a3b739;
    position: relative;
  }
  #sec02 .plan > ul > li#plan-all .content {
    border-right: 2px solid #a3b739;
    border-bottom: 2px solid #a3b739;
    border-left: 2px solid #a3b739;
  }
  #sec02 .plan > ul > li#plan-all .content h5 {
    color: #a3b739;
  }
  #sec02 .plan > ul > li .content .p-flow li {
    background-color: #fff9ea;
  }
  .omukae{
      background: url(../img/omukae.png) no-repeat right ;
      background-size: 10vw auto;
  }
  .kobetsukasou{
      background: url(../img/use-flow03.png) no-repeat right ;
      background-size: 10vw auto;
  }
  .ohonebiroi{
      background: url(../img/ohonebiroi.png) no-repeat right ;
      background-size: 10vw auto;
  }
  .gohenkotsu{
      background: url(../img/gohenkotsu.png) no-repeat right ;
      background-size: 10vw auto;
  }
  .ceremony{
      background: url(../img/ceremony.png) no-repeat right ;
      background-size: 10vw auto;
  }
  .maisou{
      background: url(../img/maisou.png) no-repeat right ;
      background-size: 9vw auto;
	}
  .p-flowUnderP{
      color: #666;
      font-size: 1.07vw !important;
  }
  #sec02 .plan > ul > li .content .p-flow {
    margin-bottom: 2.34375vw;
  }
  #sec02 .plan > ul > li .content .p-flow li {
    border-radius: 0.625vw;
    margin-bottom: 1.5625vw;
    padding-top: 0.9375vw;
    padding-right: 10.15625vw;
    padding-bottom: 0.9375vw;
    padding-left: 0.9375vw;
    box-sizing: border-box;
    position: relative;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 18px;
    margin-bottom: 0.46875vw;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 span {
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.78125vw;
    height: 1.78125vw;
    margin-right: 0.39062vw;
    color: #FFF;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 .ohonebiroispan {
      font-size: .9625vw;
      background: none !important;
      color: #000 !important;
      width: auto;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 strong {
    font-weight: 600;
  }
  #sec02 .plan > ul > li .content .p-flow li::after {
    content: '';
    display: inline-block;
    clip-path: polygon(100% 0, 0 0, 50% 55%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 2.15625vw;
    height: 1.78125vw;
  }
  #sec02 .plan > ul > li .content .p-flow li:last-child {
    margin-bottom: 0;
  }
  #sec02 .plan > ul > li .content .p-flow li:last-child::after {
    display: none;
  }
  #sec02 .plan > ul > li .content .p-flow p {
    font-size: 16px;
    line-height: 180%;
  }
  #sec02 .plan > ul > li#plan-tachiaiB .content .p-flow li h6 span, #sec02 .plan > ul > li#plan-tachiaiB .content .p-flow li::after {
    background: #7cd5c2;
  }
  #sec02 .plan > ul > li#plan-tachiaiA .content .p-flow li h6 span, #sec02 .plan > ul > li#plan-tachiaiA .content .p-flow li::after {
    background: #f6b458;
  }
  #sec02 .plan > ul > li#plan-omakase .content .p-flow li h6 span, #sec02 .plan > ul > li#plan-omakase .content .p-flow li::after {
    background: #e77592;
  }
  #sec02 .plan > ul > li#plan-all .content .p-flow li h6 span, #sec02 .plan > ul > li#plan-all .content .p-flow li::after {
    background: #a3b739;
  }

  #sec02 .plan > ul > li .content .price{ padding: 15px 10px 10px; text-align: center; position: relative; font-family: 'Heebo', sans-serif!important; color: #F29801; font-size: 3rem; font-weight: 700; text-align: center; }
  #sec02 .plan > ul > li .content .price:before{ content: "税込"; color: #331C13; margin-left: -40px; bottom: 15px; position: absolute; text-align: center; font-size: 1.7rem; font-weight: 700;}
  #sec02 .plan > ul > li .content .price:after{ content: "円～"; color: #331C13; margin-left: 5px; bottom: 15px; position: absolute; text-align: center; font-size: 1.7rem; font-weight: 700;}

@media (max-width: 768px) {
#sec02 .plan > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% + 40px);
    margin: 30px -20px 0;
}
#sec02 .plan > ul > li {
	width: 100%;
    margin-bottom: 9.33333vw;
    margin-top: -58px;
    padding-top: 70px;
}
#sec02 .plan > ul > li h4 {
    font-size: 20px;
    text-align: center;
    color: #FFF;
    line-height: 120%;
    padding-top: 2.66667vw;
    padding-bottom: 2.66667vw;
    border-radius: 0.8vw 0.8vw 0 0;
    font-weight: 600;
    line-height: 140%;
  }
  #sec02 .plan > ul > li .content {
    background: #FFF;
    border-radius: 0 0 0.8vw 0.8vw;
    padding: 4vw;
  }
  #sec02 .plan > ul > li .content h5 {
    font-size: 1.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 0;
  }
  #sec02 .plan > ul > li .content .txt {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  #sec02 .plan > ul > li .content .pic {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.33333vw;
  }
  .omukae{
      background: url(../img/omukae.png) no-repeat right ;
      background-size: 26vw auto;
  }
  .kobetsukasou{
      background: url(../img/use-flow03.png) no-repeat right ;
      background-size: 34vw auto;
      background-position-x:50vw;
  }
  .ohonebiroi{
      background: url(../img/ohonebiroi.png) no-repeat right ;
      background-size: 23vw auto;
      background-position-x:55vw;
  }
  .gohenkotsu{
      background: url(../img/gohenkotsu.png) no-repeat right ;
      background-size: 30vw auto;
  }
  .ceremony{
      background: url(../img/ceremony.png) no-repeat right ;
      background-size: 36vw auto;
      background-position-x:50vw;
  }
  .maisou{
      background: url(../img/maisou.png) no-repeat right ;
	  background-size: 21vw auto;
  }
  .p-flowUnderP{
      color: #666;
      font-size: 2.7vw !important;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 3.73333vw;
    margin-bottom: 0.8vw;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 .ohonebiroispan {
      font-size: 2vw;
      background: none !important;
      color: #000 !important;
      width: auto;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 span {
    line-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.53333vw;
    height: 4.53333vw;
    margin-right: 0.66667vw;
    color: #FFF;
  }
  #sec02 .plan > ul > li .content .p-flow li h6 strong {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", sans-serif;
    font-weight: 600;
  }
  #sec02 .plan > ul > li .content .p-flow li {
    border-radius: 0;
    margin-bottom: 16px;
    padding-top: 1.6vw;
    padding-right: 26.93333vw;
    padding-bottom: 1.6vw;
    padding-left: 1.6vw;
    box-sizing: border-box;
    position: relative;
}
  #sec02 .plan > ul > li .content .p-flow li::after {
    content: '';
    display: inline-block;
    clip-path: polygon(100% 0, 0 0, 50% 55%);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 5.33333vw;
    height: 4.26667vw;
  }
  #sec02 .plan > ul > li .content .p-flow li:last-child {
    margin-bottom: 0;
  }
  #sec02 .plan > ul > li .content .p-flow li:last-child::after {
    display: none;
  }
  #sec02 .plan > ul > li .content .p-flow p {
    font-size: 2.93333vw;
    line-height: 180%;
  }
}

.fv_pricebox.pc {min-height: auto;}
.fv .fv_textbox .toptext.jp01 {
	line-height: 1.6 !important;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
	margin-bottom: 15px;
}
.fv .fv_textbox .toptext.jp01 img {
	width: 300px;
	height: auto;
	max-height: inherit;
    min-height: inherit;
    margin: 0 auto;
}

.fv .fv_textbox .toptext.en {
    line-height: 1.6;
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
}
@media (max-width: 1024px) {
.fv .fv_textbox .toptext {
    font-size: 3.5rem;
	line-height: 1.6 !important;
	text-align: center;
}
}
@media (max-width: 768px) {
.fv .fv_textbox .fv_pricebox .plicetext {
    font-size: 8.2vw;
}
.fv .fv_textbox .toptext.jp01 img {
	width: 240px;
}
}
@media (max-width: 640px) {
.fv .fv_textbox {
    top: 38px;
    width: 100%;
    padding: 20px;
    text-align: center;
}
.fv .fv_textbox .toptext.en {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 0;
	margin-left: 0;
}
.fv .fv_textbox .fv_pricebox {
    padding: 24px 0px 15px;
}
.fv .fv_textbox .toptext {
    font-size: 2.4rem;
	margin-bottom: 8px;
	line-height: 1.4 !important;
    margin-left: 0;
}
#toppage #sec05 .title {
    font-size: 1.6rem;
}
}
.fv .fv_textbox .toptext {
    text-align: center;
}

a.anchor {
    display: block;
    padding-top: 20px;
    margin-top: -20px;
}
.fv .fv_textbox .fv_pricebox {
    margin-top: 12%;
}
.htopbox {height: 50px;
text-shadow: none !important;
}
.fv .fv_textbox .toptext span {
	color: #fff;
    font-weight: 700;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
 }

.fv .fv_textbox .fv_planbtn {
    max-width: 470px;
    margin-bottom: 5%;
    font-weight: 700;
    position: relative;
}
.fv .fv_textbox .fv_planbtn div a {
	font-size: 1.9rem;
    margin-right: 15px;
    margin-left: 30px;
    padding: 14px 25px;
    width: 175px;
    height: 60px;
	-moz-border-radius: 86px / 29px;
	-webkit-border-radius: 86px / 29px;
	border-radius: 86px / 29px;
	display: block;
	float: left;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
.fv .fv_textbox fv_pricebox .btn {
    margin: 0 15%;
}
.fv .fv_textbox div .mochikomi {
    background: #befc9e !important;
    color: #000 !important;
}
.fv .fv_textbox div .houmon {
    background: #ffbebe !important;
    color: #000 !important;
}
.clearfix::after{
  content: "";
  clear: both;
  display: block;
}
#sec07 .title-wrapper {
    background: #F29801;
    padding: 10px 0;
    margin: 40px auto 30px;
	width: 100%;
    max-width: 100%;
    text-align: center;
	color: #fff;
	display: block;
}
#sec07 .title-wrapper h3 {
	color: #fff !important;
	background-color: #F29801 !important;
	padding: 0 !important;
	font-size: 2.6rem !important;
	margin-bottom: 0 !important;
}
#sec07 th,td {
    padding: 10px;
}
 
#sec07 table {
    border-collapse:  collapse;
	font-size: 1.6rem;
	width: 100% !important;
	max-width: 800px;
	margin:  0 auto 10px;
	line-height: 1.8;
}
#sec07 .mochikomi-head {
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
    padding: 21px 25px;
	margin-bottom: 20px;
    width: 175px;
    height: 60px;
	-moz-border-radius: 86px / 29px;
	-webkit-border-radius: 86px / 29px;
	border-radius: 86px / 29px;
	display: block;
	float: left;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
    background: #befc9e;
    color: #113100;
}
#sec07 .houmon-head {
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
    padding: 21px 25px;
	margin-bottom: 20px;
    width: 175px;
    height: 60px;
	-moz-border-radius: 86px / 29px;
	-webkit-border-radius: 86px / 29px;
	border-radius: 86px / 29px;
	display: block;
	float: left;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
	background: #ffbebe;
    color: #3d0000;
}

@media (min-width: 1024px) {
.fv .fv_textbox .fv_planbtn {
    width: 470px;
    text-align: center;
}
}
@media (min-width: 769px) {
.fv .fv_textbox .fv_planbtn {
    padding: 0 0px 25px;
}
}
@media (max-width: 768px) {
	.htopbox {
	display: flex;
    justify-content: center;
}
}
@media (max-width: 640px) {
#sec07 .title-wrapper h3 {
	font-size: 1.8rem !important;
}
.fv .fv_textbox .fv_planbtn div a {
	font-size: 1.9rem;
    margin-right: 8px;
    margin-left: 8px;
    padding: 16px 25px;
    width: 150px;
    height: 60px;
	-moz-border-radius: 73px / 29px;
	-webkit-border-radius: 73px / 29px;
	border-radius: 73px / 29px;
	display: block;
	float: left;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
.fv .fv_textbox .toptext {
    font-size: 6.8vw;
    margin-bottom: 8px;
    line-height: 1.4 !important;
    margin-left: 0;
}
.fv .fv_textbox .toptext span {
	color: #fff;
    font-weight: 700;
    font-size: 8vw;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif !important;
 }

.fv .fv_textbox .toptext {
    letter-spacing: 0;
}
#sec07 .car .box h3.dochira {
	font-size: 5.8vw;
    padding: 10px 0;
}
}
@media (max-width: 480px) {
.fv .fv_textbox .toptext.jp01 {
    margin-bottom: 6px;
}
}

#sec07 .twocolumn {
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding: 0 ;
}
.override {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: initial !important;
  width: 100vw !important;
}
#sec07 .car .box h3.tcolor01 {
  background-color: #fbcbcb !important;
  margin-bottom: 0 !important;
}
#sec07 .car .box h3.tcolor01 img {
  width: 350px !important;
}
#sec07 .car .box h3.tcolor02 {
  background-color: #feeed5 !important;
  color: #a1410e !important;
  font-size: 2.6rem !important;  
}

@media(max-width: 768px){
#toppage #sec07 .twocolumn{ padding: 0; }
#toppage #sec07{ padding: 60px 0; }
#toppage #sec07 .text { width: 66%; }
#toppage #sec07 .text h4 { font-size: 2.5rem; line-height: 35px; margin-bottom: 15px; }
#toppage #sec07 .text p { font-size: 1.5rem; line-height: 25px;}
#toppage #sec07 .twocolumn{ margin-top: 60px; }
#toppage #sec07 .message_text{ margin-top: 80px; font-size: 2.8rem; max-width: 500px; }
#toppage #sec07 .text h4.en{ margin-bottom: 5px; }
}

@media( max-width: 768px ){
#toppage #sec07 .twocolumn{ flex-wrap: wrap; }
#toppage #sec07 .twocolumn .img{ width: 100%;  padding: 0 0px 20px; order: 1; }
#toppage #sec07 .twocolumn .text{ width: 100%; order: 2; }
#toppage #sec07 .text h4 { font-size: 2.0rem; line-height: 30px; margin-bottom: 10px; }
#toppage #sec07 .text p { font-size: 1.4rem; line-height: 20px; }
#toppage #sec07 .twocolumn:nth-child(1){ margin-top: 30px; }
#toppage #sec07 .message_text{ font-size: 1.8rem; }
#toppage #sec07 .text h4 { font-size: 1.8rem; }
#toppage #sec07 { padding: 40px 0; }
#sec07 .car .box h3.tcolor01 img {
  width: 280px !important;
}
#sec07 .car .box h3.tcolor02 {
  font-size: 1.7rem !important;  
}
}

#sec07 .sec07-text {
  margin: 20px 0 0 0;
  line-height: normal;
  font-size: 2.0rem;
}
#sec07 .sec07-image-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media(max-width: 768px){
  #sec07 .sec07-text {
    font-size: 1.5rem;
  }
  #sec07 .sec07-image-wrapper {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
  }
}