html,body {width: 100%; box-sizing:border-box;}
* {font-family:'Noto Sans JP';}
html { color:#222222; font-weight:400; font-family:'Noto Sans JP';}
/*font-family: "Roboto";*/
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:14px; line-height:16px;}
.txt-m {font-size:16px; line-height:24px;}
.txt-l {font-size:18px; line-height:36px;}
.txt-l2 {font-size:20px; line-height:40px;}
.txt-l3 {font-size:24px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#6c8b23; text-decoration:none;}
a:hover {color:#8aa744; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 10px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.index {margin:20px 0px 20px 0px; margin:0px auto; padding:20px 0px 20px 0px; font-size:26px; line-height:40px; font-weight:500;}
.main_contents h2 {margin:0px 0px 30px 0px; padding:20px 0px 20px 0px; text-align:center; font-size:36px; line-height:50px; font-weight:700;}
.main_contents h2 span {display:block; color:#539335; padding-bottom:10px; font-size:24px; line-height:16px; font-weight:800; letter-spacing:10px; font-family:'Roboto'; text-indent: 0.6em;}
.main_contents h3 {margin:0px 0px 0px 0px; margin:0px auto; margin-bottom:20px; text-align:left; border:1px solid #dddddd; border-top:2px solid #539335; padding:15px 20px 15px 20px; font-size:24px; line-height:36px; font-weight:600;}
.h3_plane {margin:0px 0px 0px 0px; margin:0px auto; margin-bottom:20px; margin-top:20px!important; text-align:left; border:0px none!important; border-top:0px none!important; padding:0px 0px 0px 0px!important; font-size:24px; line-height:36px; font-weight:600;}
.main_contents h4 { margin:0px auto; margin-bottom:20px; background-color:#f5f5f5; padding:15px 15px 15px 20px; font-size:22px; line-height:36px; font-weight:600;}
.main_contents h5 { margin:0px auto; margin-bottom:20px; border-bottom:1px solid #eeeeee; padding:10px 10px 10px 15px; font-size:22px; line-height:36px; font-weight:600;}
.imgindex {display:block; margin:0px; padding:0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #bbbbbb;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
.ami {background-image:url(../images/ami.gif);}
/* ----- MainBox ----- */
.base {padding:50px 0px 50px 0px;}
.base2 {padding:30px 0px 30px 0px;}
.base3 {padding:0px 0px 0px 0px;}
.container {width:1170px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
.container_in2 {padding:40px 40px 40px 40px;}
.main_maru {border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
/* ----- Main ----- */
body {background-color:#f7f7f0; min-width:1260px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
#spbase {max-width:1920px; width:100%; margin:0px auto;}
/*TopBg*/
.top_bg1 {background-image:url(../images/bg1.jpg); background-repeat:no-repeat;background-size:100% auto; background-position:top center;}
.top_bg2 {background-image:url(../images/bg2.jpg); background-repeat:no-repeat;background-size:100% 100%; background-position:top center;}
/* header */
header {width:1170px; margin:0px auto; padding-bottom:40px; }
header h1 {display:block; text-align:right; width:100%; margin:0px; padding:0px; padding-top:10px; padding-bottom:15px; font-size:14px; line-height:24px; font-weight:400; color:#555555;}
#header_in {display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_logo {width:24%; margin:0px; padding:0px;}
#header_menu {width:56%; margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_tel {width:17%;}
#header_menu li {list-style:none; width:25%;}
/*topimage*/
#top_topimage_base {width:1170px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#top_topimage {width:84%;}
#top_topimage_tx {width:16%;}
#vegas {height:586px; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
/*TopIndex*/
.top_index_ill {text-align:center; padding-bottom:20px;}
.top_index {display:block; text-align:center; margin:0px; padding:0px 0px 30px 0px; font-size:26px; line-height:26px; font-weight:700; color:#222222;}
/*Intro*/
.top_introbox {position:relative;}
.top_introbox img { border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px;}
.top_introtx {position:absolute; bottom:0; left:0; background-color:#ffffff; padding:20px 60px 20px 60px; font-size:18px; line-height:18px; font-weight:600; border-radius:0 40px 0 40px; -webkit-border-radius:0 40px 0 40px; -moz-border-radius:0 40px 0 40px;}
/*After*/
.top_after_intro {width:900px; margin:0px auto; margin-bottom:40px; padding:30px; font-size:20px; line-height:20px; font-weight:600; text-align:center; background-color:#ffffff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.top_after_out {display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_after_box {width:21%; margin:2.0%; margin-bottom:20px;}
.top_after_box a {text-decoration:none; color:#222222; display:block;}
.top_after_box a img {border-radius: 400px; -webkit-border-radius: 400px; -moz-border-radius: 400px; margin-bottom:20px;}
.top_after_tx {text-align:center; font-size:16px; line-height:16px; font-weight:600;}
/*TOP Detail*/
.top_detail {margin-top:40px; margin-bottom:60px; display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_detail_img {width:50%;}
.top_detail_tx {width:50%; padding-top:40px;}
.top_detail_tx_in {width:74%; margin-left:60px;}
.top_detail h2 {display:block; font-size:26px; line-height:32px; font-weight:600; margin:0px 0px 30px 0px; padding:0px;}
@media screen and (max-width:1500px){
.top_detail_tx {width:50%; padding-top:0px;}
.top_detail_tx_in {width:84%; margin-left:40px;}
}
/* footer */
footer {width:100%; padding:30px 0px 20px 0px; background-color:#ffffff;}
#footer_in {width:1170px; margin:0px auto; padding-bottom:20px; }
#footer_in {display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_logo {width:24%; margin:0px; padding:0px;}
#footer_menu {width:56%; margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_tel {width:17%;}
#footer_menu li {list-style:none; width:25%;}
.footer_menu_sp {display:none;}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:16px; line-height:32px;}
.txt-l2 {font-size:18px; line-height:36px;}
.txt-l3 {font-size:20px; line-height:38px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.index {margin:10px 0px 10px 0px; margin:0px auto; padding:10px 0px 10px 0px; font-size:20px; line-height:30px; font-weight:500;}
.main_contents h2 {margin:0px 0px 20px 0px; padding:20px 0px 10px 0px; text-align:center; font-size:26px; line-height:34px; font-weight:700;}
.main_contents h2 span {display:block; color:#539335; padding-bottom:0px; font-size:16px; line-height:16px; font-weight:800; letter-spacing:6px; font-family:'Roboto'; text-indent: 0.6em;}
.main_contents h3 {margin:0px 0px 0px 0px; margin:0px auto; margin-bottom:20px; text-align:left; border:1px solid #dddddd; border-top:2px solid #539335; padding:10px 15px 10px 15px; font-size:20px; line-height:30px; font-weight:600;}
.main_contents h4 { margin:0px auto; margin-bottom:20px; background-color:#f5f5f5; padding:15px 15px 15px 15px; font-size:18px; line-height:30px; font-weight:600;}
.main_contents h5 { margin:0px auto; margin-bottom:20px; border-bottom:1px solid #eeeeee; padding:10px 10px 10px 15px; font-size:18px; line-height:30px; font-weight:600;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #d5d5d5;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #d5d5d5;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.base2 {padding:20px 0px 20px 0px;}
.base3 {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
.container_in2 {padding:10px;}
.main_maru {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
/* ----- Main ----- */
body {padding-top:0px; min-width:auto;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/* header */
header {width:84%; margin:0px 0px 0px 10px; padding-bottom:20px; }
header h1 {display:block; text-align:left; width:100%; margin:0px; padding:0px; padding-top:5px; padding-bottom:5px; font-size:12px; line-height:15px; font-weight:400; color:#666666;}
#header_in {width:100%; padding-top:10px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_logo {width:65%; margin:0px; padding:0px;}
#header_menu {display:none;}
#header_tel {width:35%;}
/*topimage*/
#top_topimage_base {width:100%; margin:0px auto; display:block;}
#top_topimage {width:100%;}
#top_topimage_tx {width:100%;}
#vegas {height:300px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;}
/*TopIndex*/
.top_index_ill {text-align:center; padding-bottom:20px;}
.top_index {display:block; text-align:center; margin:0px; padding:0px 0px 30px 0px; font-size:20px; line-height:26px; font-weight:700; color:#222222;}
/*Intro*/
.top_introbox {position:relative;}
.top_introbox img { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.top_introtx {position:absolute; bottom:0; left:0; background-color:#ffffff; padding:15px 20px 15px 20px; font-size:18px; line-height:18px; font-weight:600; border-radius:0 20px 0 20px; -webkit-border-radius:0 20px 0 20px; -moz-border-radius:0 20px 0 20px;}
/*After*/
.top_after_intro {width:100%; margin:0px auto; margin-bottom:40px; padding:20px; font-size:18px; line-height:24px; font-weight:600; text-align:left; background-color:#ffffff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
.top_after_out {display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_after_box {width:42%; margin:4.0%; margin-bottom:20px;}
.top_after_box a {text-decoration:none; color:#222222; display:block;}
.top_after_box a img {border-radius: 400px; -webkit-border-radius: 400px; -moz-border-radius: 400px; margin-bottom:20px;}
.top_after_tx {text-align:center; font-size:16px; line-height:20px; font-weight:600;}
/*TOP Detail*/
.top_detail {margin-top:40px; margin-bottom:60px; display:block;}
.top_detail_img {width:100%;}
.top_detail_tx {width:100%; padding-top:40px;}
.top_detail_tx_in {width:92%; margin-left:0px; margin:0px auto;}
.top_detail h2 {display:block; font-size:22px; line-height:28px; font-weight:600; margin:0px 0px 30px 0px; padding:0px;}
/* footer */
footer {width:100%; padding:30px 0px 20px 0px; background-color:#ffffff;}
#footer_in {width:96%; margin:0px auto; padding-bottom:20px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_logo {width:65%; margin:0px; padding:0px;}
#footer_menu {display:none;}
#footer_tel {width:35%;}
.footer_menu_sp {display:block; width:100%; }
.footer_menu_sp ul {margin:20px 0px 20px 0px; padding:0px;}
.footer_menu_sp li {list-style:none;}
.footer_menu_sp li a {display:block; padding:10px; text-align:center; border:1px solid #eeeeee; margin-bottom:2px;}
}