html,body {width: 100%; box-sizing:border-box;}
* {font-family:"Noto Sans JP","Roboto";}
html { color:#333333; font-weight:400;font-family:"Noto Sans JP","Roboto";scroll-behavior: smooth;}
.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;}
.fl {float:left; margin:0px 40px 10px 0px;}
.fr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:14px; line-height:26px;}
.txt-l {font-size:16px; line-height:26px;}
.txt-l2 {font-size:18px; line-height:36px;}
.txt-l3 {font-size:20px; 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:#718c51; text-decoration:none;}
a:hover {color:#86ad58; 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 20px 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 {display:block;margin:0px; text-align:center; padding:0px 0px 40px 0px; margin-bottom:20px;}
.index_en {font-size:40px; line-height:50px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px; color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111;margin:0px; padding:0px 0px 0px 0px;font-size:20px; line-height:38px; font-weight:600;}
.main_contents h1 {display:block; font-size:30px; line-height:40px; font-weight:700; margin:10px 0px 30px 0px;}
.main_contents h2 {display:block; font-size:20px; line-height:28px; font-weight:700; margin:30px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:20px; line-height:28px; font-weight:500; margin:30px 0px 20px 0px;}
.main_contents h1 {padding:30px 25px 30px 25px;background-image: linear-gradient(135deg, #e2edd6 25%, #f2f7eb 25%, #f2f7eb 50%, #e2edd6 50%, #e2edd6 75%, #f2f7eb 75%, #f2f7eb 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h2 {padding:15px 15px 15px 15px;border:1px solid #eeeeee; border-top:2px solid #718c51; }
.main_contents h3 {padding:10px 15px 10px 15px; border-left:2px solid #718c51;}
.main_contents h4 {padding:15px 15px 15px 15px; background-color:#f5f9f0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h5 {padding:10px 0px 10px 0px; border-bottom:1px solid #e7e7e7;}
.textindex1 { font-size:30px; line-height:40px; font-weight:500; margin:0px; padding:0px 0px 30px 0px;}
.textindex2 { font-size:26px; line-height:36px; font-weight:500; margin:0px; padding:0px 0px 30px 0px;}
.engtitle {font-size:26px; line-height:26px; font-family:Mukta; font-weight:700;}
.jptitle {font-size:20px; line-height:20px; 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:70px 0px 70px 0px;}
.base2 {padding:0px 0px 50px 0px;}
.base3 {padding:0px 0px 0px 0px;}
.container {width:1200px; margin:0px auto; }
.container2 {width:1100px; margin:0px auto; }
.container3 {width:1000px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
/* ----- Main ----- */
body {position:relative; background-color:#ffffff; min-width:1260px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
#spbase {width:100%; margin:0px auto;}
/*op anime*/
.start {background: #FFF;position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9000;}
.start p {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);display: none;z-index: 9999;width: 130px;}
.start img {width:130px;}
/**/
.ovimg {}
/* ----- header ----- */
#header1 h1 a img,
#header1_tel a img
{width:100%; height:auto;}
header {}
#header1 {width:1100px; margin:0px auto; padding:20px 0px 20px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header1 h1 {display:block; width:360px; margin:0px; padding:0px;}
#header1_content {width:740px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header1_submenu {width:540px;display: flex; flex-direction: column;justify-content: center;}
#header1_submenu ul {display:flex; justify-content:flex-end; flex-wrap: wrap; margin:0px; padding:0px;}
#header1_submenu ul li {list-style:none; font-size:13px; line-height:20px; margin:0px 10px 0px 10px;}
#header1_submenu ul li a {color:#666666;}
#header1_submenu ul li a i:after {content: "";display: inline-block;width: 14px;height: 14px;background-position: center;background-size: contain;margin-right:3px;}
#header_ico1:after {background-image: url('../images/head_ico1.png');}
#header_ico2:after {background-image: url('../images/head_ico2.png');}
#header_ico3:after {background-image: url('../images/head_ico3.png');}
#header_ico4:after {background-image: url('../images/head_ico4.png');}
#header1_tel {width:200px; display: flex; flex-direction: column;justify-content: center;}
#header2 {background-color:#f3f4f1;}
#header2_in {width:1100px; margin:0px auto;}
#header2_in ul {display:flex; justify-content:space-between; flex-wrap: wrap; margin:0px; padding:0px;}
#header2_in ul li {list-style:none; font-weight:600; border-left:1px solid #dddddd; font-size:15px; border-image: linear-gradient(to bottom, #f3f4f1, #dddddd) 1;}
#header2_in ul li a {display:block; width:100%; color:#111111; padding:20px 0px 20px 0px; text-align:center;}
#header2_in ul li a:hover {text-decoration:none;}
.menu1 {width:143px;}
.menu2 {width:183px;}
.menu3 {width:183px;}
.menu4 {width:300px;}
.menu5 {width:143px;}
.menu6 {width:143px;}
.menuactive {background-color:#f9f9f9; color:#718c51!important;}
/*Pankuzu*/
.pankuzu { background-color:#f9f9f9;}
.pankuzu_in {width:1100px; margin:0px auto; font-size:12px; line-height:12px; padding:8px 0px 8px 0px;color:#999999;}
.pankuzu_in a {color:#999999;}
.pan_home {}
.pan_home:before {content: ''; width:10px; height:10px; margin-bottom:3px; margin-right:3px; background-repeat:no-repeat; display:inline-block; background-image: url(../images/home.png);background-size: contain;vertical-align: middle;}
/*TopImage*/
#vegas {width:100%; height:0; padding-top:30%;}
#vegas_in {width:640px; padding-top:6%; margin:0px auto;}
#vegas_in img {width:100%; height:auto;}
/*TOP News*/
#top_news {background-color:#f3f4f1; padding:80px 0px 80px 0px;}
#top_news_in {width:1100px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#top_news_l {width:200px;}
#top_news_r {width:860px;}
#top_news_l h2 {display:block; margin:0px 0px 30px 0px; padding:0px; font-size:30px; line-height:30px; font-weight:600;}
#top_news_l h2 span {display:block; font-size:14px; line-height:30px; font-weight:600;}
.top_news_gyo {}
.top_news_gyo a {display:flex; justify-content:space-between; flex-wrap: wrap; text-decoration:none; color:#333333; padding:10px 15px 10px 15px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_news_gyo a:hover {background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_news_date {width:14%; font-weight:600; font-size:17px;}
.top_news_tx {width:84%; font-weight:500; font-size:16px; line-height:26px;}
/**/
.zoom_a {}
.zoom_oyabox {overflow: hidden;}
.zoom_a:hover .zoom {transform: scale(1.04);-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.zoom_a .zoom {-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*TopSec*/
.top_sec {}
.top_sec a {text-decoration:none; color:#333333; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_sec a:hover {background-color:#f0f4ec; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_sec_in {padding:40px 80px 40px 80px;}
.top_sec h2 {display:block; margin:0px; padding:0px 0px 30px 0px; font-size:26px; line-height:30px; font-weight:700;}
/*TopMes*/
#top_mes {background-image:url(../images/bg1.webp); background-size:cover;}
#top_mes_in {width:90%; margin:0px auto; padding:80px 0px 80px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#top_mes_l {width:430px;}
#top_mes_r {width:calc(100% - 430px);}
#top_mes_l h2 {display:block; margin:0px; padding:0px 0px 30px 0px; font-size:26px; line-height:30px; font-weight:700;}
#top_mes_l img {width:300px; height:auto;}
/*TopService*/
#top_service {background-color:#f4f4f4; padding:80px 0px 80px 0px;}
#top_service_in {width:1100px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_service {width:28%; margin-bottom:50px;}
.top_service a {display:block; height:390px; background-color:#ffffff; text-decoration:none; color:#333333;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_service a:hover {background-color:#ecf5da;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_service_img {}
.top_service_tx {padding:20px 20px 20px 20px;}
.top_service_tx h2 {display:block; margin:0px; padding:0px 0px 10px 0px; font-size:20px; line-height:30px; color:#718c51; text-align:center;}
/*obi*/
.backtop {text-align:center; padding:0px 0px 0px 0px;}
.backtop a {display:block; padding:10px 0px 10px 0px; text-align:center;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.backtop a img {}
.backtop a:hover {display:block; padding:10px 0px 10px 0px; text-align:center; background-color:#eeeeee;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.backtop a:hover img {}
.obi {background-color:#718c51; padding:80px 0px 80px 0px; color:#ffffff;}
.obi_in {width:1100px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
.obi_l {width:46%; font-size:15px;}
.obi_c {width:32%;}
.obi_c a {color:#ffffff; font-size:44px; font-weight:600; text-decoration:none; font-family:"Roboto"; text-align:center;}
.obi_r {width:20%;}
.obi_c a span:before {content: ''; width:30px; height:34px; margin-bottom:5px; background-repeat:no-repeat; display:inline-block; background-image: url(../images/phone.png);background-size: contain;vertical-align: middle;}
/*foot*/
footer {}
#footer {width:1100px; padding:40px 0px 40px 0px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_l {width:500px; font-size:14px; line-height:22px; display: flex; flex-direction: column;justify-content: center;}
#footer_r {width:550px; display: flex; flex-direction: column;justify-content: center;}
#footer_logo {width:300px; padding-bottom:10px;}
#footer_logo img {width:100%; height:auto;}
#footer address {text-decoration:none; font-style:normal;}
#footer_r ul {display:flex; justify-content:flex-end; flex-wrap: wrap; margin:0px; padding:0px;}
#footer_r ul li {list-style:none; margin:0px 5px 0px 5px; font-size:14px; line-height:26px;}
.takken {font-size:14px; line-height:26px; text-align:right; color:#666666;}
@media screen and (max-width:781px){
.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;}
.fl {float:none; display:block; margin:0px auto; text-align:center;}
.fr {float:none; display:block; margin:0px auto; text-align:center;}
.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:14px; line-height:26px;}
.txt-l {font-size:15px; line-height:26px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:18px; line-height:38px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.index {display:block;margin:0px; text-align:center; padding:20px 0px 20px 0px; margin-bottom:20px;}
.index_en {font-size:18px; line-height:30px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px;color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111; margin:0px; padding:0px 0px 0px 0px;font-size:22px; line-height:36px; font-weight:600;}
/*index*/
.main_contents h1 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h2 {display:block; font-size:20px; line-height:30px; font-weight:700; margin:20px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:20px; line-height:30px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:18px; line-height:24px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:18px; line-height:24px; font-weight:500; margin:10px 0px 20px 0px;}
.main_contents h1 {padding:15px 15px 15px 15px;background-image: linear-gradient(135deg, #e2edd6 25%, #f2f7eb 25%, #f2f7eb 50%, #e2edd6 50%, #e2edd6 75%, #f2f7eb 75%, #f2f7eb 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h2 {padding:15px 15px 15px 15px;border:1px solid #eeeeee; border-top:2px solid #718c51; }
.main_contents h3 {padding:10px 15px 10px 15px; border-left:2px solid #718c51;}
.main_contents h4 {padding:10px 15px 10px 15px; background-color:#f5f9f0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h5 {padding:10px 0px 10px 0px; border-bottom:1px solid #e7e7e7;}
.textindex1 { font-size:24px; line-height:30px; font-weight:500; margin:0px; padding:0px 0px 20px 0px;}
.textindex2 { font-size:20px; line-height:28px; font-weight:500; margin:0px; padding:0px 0px 20px 0px;}
.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;}
.container {width:94%; margin:0px auto; display:block;}
.container2 {width:94%; margin:0px auto; display:block; }
.container3 {width:94%; margin:0px auto; display:block; }
.container_in {padding:10px;}
/* ----- Main ----- */
body {padding-top:0px; min-width:auto;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/* ----- header ----- */
header {}
#header1 {width:100%; margin:0px; padding:0px 0px 0px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header1 h1 {display:block; width:80%; max-width:300px; margin:0px; padding:5px 0px 5px 0px;}
#header1_content {display:block; width:100%;}
#header1_submenu {display:none;}
#header1_tel {display:none;}
#header1_tel a {padding:5px;}
#header1_tel a img {width:150px; padding:7px;}
#header2 {display:none}
/*Pankuzu*/
.pankuzu {display:none;}
/*TopImage*/
#vegas {width:100%; height:0; padding-top:56.25%;}
#vegas_in {width:100%; padding-top:10%; margin:0px auto;}
#vegas_in img {width:100%; height:auto;}
/*TOP News*/
#top_news {background-color:#f3f4f1; padding:40px 0px 40px 0px;}
#top_news_in {width:92%; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#top_news_l {width:100%;}
#top_news_r {width:100%;}
#top_news_l h2 {display:block; margin:0px 0px 30px 0px; padding:0px; font-size:30px; line-height:30px; font-weight:600;}
#top_news_l h2 span {display:block; font-size:14px; line-height:30px; font-weight:600;}
.top_news_gyo {}
.top_news_gyo a {display:block; text-decoration:none; color:#333333; padding:10px 15px 10px 15px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_news_gyo a:hover {background-color:#ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.top_news_date {width:100%; font-weight:600; font-size:17px;}
.top_news_tx {width:100%; font-weight:500; font-size:16px; line-height:26px;}
/*TopSec*/
.top_sec {}
.top_sec a {}
.top_sec a:hover {}
.top_sec_in {padding:20px;}
.top_sec h2 {display:block; margin:0px; padding:20px 0px 30px 0px; font-size:30px; line-height:40px; font-weight:700;}
/*TopMes*/
#top_mes {background-image:url(../images/bg1.webp); background-size:cover;}
#top_mes_in {width:92%; margin:0px auto; padding:40px 0px 40px 0px; display:block;}
#top_mes_l {width:100%;}
#top_mes_r {width:100%;}
#top_mes_l h2 {display:block; margin:0px; padding:0px 0px 10px 0px; font-size:30px; line-height:40px; font-weight:700;}
#top_mes_l img {width:240px; height:auto; padding-bottom:20px;}
/*TopService*/
#top_service {padding:40px 0px 40px 0px;}
#top_service_in {width:92%; margin:0px auto; display:block;}
.top_service {width:100%; margin-bottom:20px;}
.top_service a {height:auto; }
.top_service a:hover {}
.top_service_img {}
.top_service_tx {padding:20px 20px 20px 20px;}
.top_service_tx h2 {display:block; margin:0px; padding:0px 0px 10px 0px; font-size:20px; line-height:30px; color:#718c51; text-align:center;}
/*obi*/
.obi {background-color:#718c51; padding:40px 0px 40px 0px; color:#ffffff;}
.obi_in {width:92%; margin:0px auto; display:block;}
.obi_l {width:100%; font-size:14px; text-align:center;}
.obi_c {width:100%; text-align:center; padding:20px 0px 20px 0px;}
.obi_c a {color:#ffffff; font-size:30px; font-weight:600; text-decoration:none; font-family:"Roboto";}
.obi_r {width:100%}
/*foot*/
footer {}
#footer {width:92%; padding:40px 0px 40px 0px; margin:0px auto; display:block;}
#footer_l {width:100%; font-size:14px; line-height:22px; display: block;text-align:center;}
#footer_r {width:100%; display: block; text-align:center; padding-top:10px;}
#footer_logo {width:100%; max-width:300px; margin:0px auto; padding-bottom:10px;}
#footer_logo img {width:100%; height:auto;}
#footer address {text-decoration:none; font-style:normal;}
#footer_r ul {display:block; margin:0px; padding:0px;}
#footer_r ul li {list-style:none; margin:0px 5px 0px 5px; font-size:14px; line-height:26px;}
#footer_r ul li a {display:block; border:1px solid #dddddd; padding:5px; margin-bottom:2px;}
.takken {font-size:14px; line-height:26px; text-align:center;}
}