@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
*{margin:0px;padding:0px; color:#3E3A39;}
.marumozi{font-family: 'Rounded Mplus 1c','Yu Gothic','メイリオ', Meiryo,sans-serif;}
body{ position:relative; margin:0;}
main{width:100%; top:0;}
li{list-style:none;}a{text-decoration:none;}
img {vertical-align:bottom;border:none;}
.clearfix:after{content:".";visibility:hidden;display:block;height:0px;clear:both;}
.hiddent_txt{overflow:hidden;text-indent:100%;white-space:nowrap;}
.link_div_a{ position:relative; z-index:-10000; height:0;}
.link_div_b{ position:absolute;}
header{ z-index:1000;}
nav {position:relative; z-index:1000;}
.nav_fix_on .nav_in_wrapper{position:fixed; top:0;}
.nav_in_wrapper .d_li1{ overflow:hidden; height:0; transition:all 0.5s ease;}
#h_swich span{position:absolute; right:0;}
.body_close .oc_btn{background:url(../images/common/images/common8_1.png); background-size:100%;}
.body_open .oc_btn{background:url(../images/common/images/common8_2.png); background-size:100%;}
.body_close header{left:0;}
.body_close #h_swich{left:calc(100% - 15.625vw);}
.body_close .nav_in_wrapper .nav1{right:-100%;}
.body_open .left_nav #h_swich{left:0;}
.body_close .left_nav{position:absolute; left:0;}
.body_open .left_nav{position:fixed;left:calc(15.625vw - 100%);}
.body_open .left_nav header{left:calc(15.625vw - 100%);}
.body_open .left_nav .nav_in_wrapper .nav1{ right:0; }
.body_open .top_nav #h_swich{right:0;}
.body_close .top_nav{position:absolute; left:0;}
.body_open .top_nav .nav_in_wrapper .nav1{height:calc(100vh - 15.625vw);}
.nav1 .gry_hover:hover{background:#DACDC0; color:#007A28;}
footer{background:url(../images/common/images/common13.png); background-size:100% 100%;}
#copyright{background:url(../images/common/images/common14.png); background-size:100% 100%; color:#fff; text-align:center; padding:0.5em 0; font-weight:300;}
footer .box1 a{ transition:all 0.5s ease;}
footer .box1 a:hover{ transform:translateY(-15%);}
footer .box1 a img{ width:100%;}
footer .box2 .leftbox .txt1 .s1{color:#DB5343;}
footer .box2 .leftbox .a1{ background:#007A28; padding: 0.5em 1.4em; color:#fff;}
footer .box2 .leftbox .a1:hover{ background:#6FB92C;}
footer .box2 .rightbox .txt3 .s1{ background:#fff; color:#007A28;  padding:0.1em 2em; border:solid #007A28 0.1em; border-radius:1.25em;}
footer .box2 .rightbox .txt4{ color:#DB5343; font-size: 16px;}
footer .box2 .rightbox .img1{ width:434px;}
footer .box3 .txt1{ font-weight:300;}
footer .box3 .txt2{ font-weight:300; position:relative;}
footer .box3 .s2{ font-weight:300;}
footer .box3 a{font-weight:300;}
footer .box3 a:hover{ color:#DB5343;}
.title1{ color:#007A28; display:flex;align-items: center;}
.more_btn1{background:url(../images/common/images/common17_1.png); background-size:100% 100%;}
.more_btn1:hover{background:url(../images/common/images/common17_2.png); background-size:100% 100%;}
.more_btn2{background:url(../images/common/images/common17_3.png); background-size:100% 100%;}
.more_btn2:hover{background:url(../images/common/images/common17_4.png); background-size:100% 100%;}


/*ーーーーーーーーーーーーーーーー
PCの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/

@media screen and (min-width: 769px) {
.pc_none{ display:none;}
body{ min-width:1020px;}
*{font-size:18px; line-height:1.7;}
p, li, a, span, strong, td, th, h1, h2, h3, h4, h5{font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
.pc_none{ display:none;}
.link_div_b{bottom:50px;}
#top_space{ padding-top:50px; width:100%;}
nav{height:0;}
nav .nav_in_wrapper{ background:var(--nav_bg); width:100%; left:0; z-index:100; min-width:1020px;}
nav .nav_in_wrapper .nav1{margin:auto;}
.nav_fix_off .nav_in_wrapper{bottom:-40px; position:absolute; }
.nav_fix_on .nav_in_wrapper{top:0;}
#h_swich{ display:none;}
nav .nav_in_wrapper{height:50px; background:url(../images/common/images/common5.png); background-size:100% 100%;}
.nav_in_wrapper .nav1{ width:1020px;}
.nav_in_wrapper .li1{ width:25%; height:50px; float:left;}
.nav_in_wrapper .li2{ width:25%; height:50px; float:left;}
.nav_in_wrapper .d_li0{height:50px;}
.nav_in_wrapper .d_li1{overflow:hidden; height:0; background:#007A28;}
.nav_in_wrapper .nav1 .list8{ display:none;}
.nav_in_wrapper .drop_list:hover .d_li1{height:50px;}
.d_swich_off{ display:none;}
header{ position:relative; height:100px;}
header .header_wrapper{top:calc(0px - 50px); width:100%; background:#fff;position:absolute;left:50%;-webkit-transform: translate(-50%, -0%);/* Safari用 */transform: translate(-50%, -0%);}
header .header_wrapper h1 { padding:30px;}
header .header_wrapper h1 p .s1{ color:#DB5343;}
header .header_wrapper h1 img{ height:58px;}
header .header_inbox{max-width:1060px; width:100%;margin:auto; background:#fff; position:relative;}
header .header_inbox .rightbox{ width:515px; position:absolute; right:30px; top:5px;}
header .rightbox .time {font-size: 13px;}
header .header_inbox .rightbox .img1{ width:22px; padding:0 5px;}
header .header_inbox .rightbox .img2{ width:70px; padding:0 5px;}
/* header .header_inbox .rightbox .txt1{ font-size:14px;display:flex;align-items: center;justify-content: center; line-height: 1;} */
header .header_inbox .rightbox .txt1{ font-size:14px;display:flex;align-items: center;}
header .header_inbox .rightbox .txt1 .s1{ color:#6FB92C; font-size:20px;}
header .header_inbox .rightbox a{ display:table; margin:auto;}
header .header_inbox .rightbox a:hover{ opacity:0.3;}
header .header_inbox .rightbox1_1{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center; position:absolute; width:550px; right:-20px;}
.nav_in_wrapper .nav1 .list1{ width:120px;}
.nav_in_wrapper .nav1 .list2{ width:210px;}
.nav_in_wrapper .nav1 .list3{ width:120px;}
.nav_in_wrapper .nav1 .list4{ width:210px;}
.nav_in_wrapper .nav1 .list5{ width:120px;}
.nav_in_wrapper .nav1 .list6{ width:120px;}
.nav_in_wrapper .nav1 .list7{ width:120px;}
.nav1 .li1{ position:relative;}
.nav1 .li1 .line1{ display:block; background:url(../images/common/images/common6_1.png); background-size:100% 100%;width:2px; height:38px; position:absolute; left:-1px; top:7px;}
.nav1 .li1 .line2{ display:block; background:url(../images/common/images/common6_1.png); background-size:100% 100%;width:2px; height:38px; position:absolute; right:-1px; top:7px;}
.nav1 .li2{ position:relative;}
.nav1 .li2 .line1{ display:block; background:url(../images/common/images/common6_1.png); background-size:100% 100%;width:2px; height:38px; position:absolute; left:-1px; top:7px;}
.nav1 .li2 .line2{ display:block; background:url(../images/common/images/common6_1.png); background-size:100% 100%;width:2px; height:38px; position:absolute; right:-1px; top:7px;}
.nav1 .li1 a{ color:#fff;display:flex;align-items: center;justify-content: center;}
.nav1 .li2 a{ color:#fff;display:flex;align-items: center;justify-content: center;}
.nav1 .li2 .d_swich_off{ display:none;}
.nav1 .li1 a{ height:50px;}
.nav1 .li2 a{ height:50px;}
.nav1 .li2 .d_li1 a{ justify-content:flex-start; border-top:solid 1px #fff;}
.nav1 .drop_list .d_li1{ width:268.4px;}
.nav1 li:nth-of-type(3) .drop_list .d_li1{ width:200px;}
.nav1 .drop_list li:nth-of-type(2){ position:relative; background:none;}
.nav1 .drop_list:hover li:nth-of-type(2){ height:14px;}
.nav1 .drop_list .d_li1 .arrow1{position:absolute;top:0; height:16px;}
.nav1 li:nth-of-type(1) .drop_list .d_li1 .arrow1{ left:60px;}
.nav1 li:nth-of-type(2) .drop_list .d_li1 .arrow1{ left:130px;}
.nav1 li:nth-of-type(3) .drop_list .d_li1 .arrow1{ left:50px;}
.nav1 .drop_list li:nth-of-type(3) a{border:none;}
.nav1 .drop_list li:nth-of-type(3){border-top-left-radius:10px;border-top-right-radius:10px;}
.nav1 .drop_list li:last-child{ border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.nav1 .drop_list .d_li1 a .s1{ background:url(../images/common/images/common6_4.png); width:10px; height:12px; background-size:100% 100%; margin:0 5px 0 20px;}
.nav1 .drop_list .d_li1 a:hover .s1{ background:url(../images/common/images/common6_3.png); background-size:100% 100%;}
.fix_tell_box{ display:none;}
footer .box1{ width:1020px; margin:auto;}
footer .box1 a{ width:100px; display:block; margin-left:auto;}
footer .box2{ width:1020px; margin:auto; border-bottom:solid 1px #fff; padding-bottom:20px;}
footer .box2 .leftbox{ width:480px; padding-left:30px; float:left; position:relative;}
footer .box2 .leftbox .txt1{ padding-bottom:5px;}
footer .box2 .leftbox .txt2{ padding:40px 0 20px;}
footer .box2 .leftbox .a1{ font-size:20px; position:absolute; right:90px; top:140px;}
footer .box2 .rightbox{ width:510px; float:left;}
footer .box2 .rightbox .denwabox{display: flex; justify-content: space-between;}
footer .box2 .rightbox .txt2{ font-size:27px;display:flex;align-items: center;}
footer .box2 .rightbox .txt2 .s1{font-size:27px;}
footer .box2 .rightbox .txt2 img{ width:60px;}
footer .box2 .rightbox .txt2 .a1{ display:none;}
footer .box2 .rightbox .txt3 { font-size:20px; padding:10px 0;}
footer .box2 .rightbox .txt3 .s1{ font-size:20px; margin-right:0.5em;}
footer .box3{ width:1020px; margin:auto;}
footer .box3 .txt1{ text-align:center; padding:20px 0 30px; font-weight:300;}
footer .box3 .txt2{ padding:0 0 30px 150px; font-weight:300; position:relative;}
footer .box3 .txt2 .s1{ position:absolute; left:70px; top:0;}
.title1{font-size:25px;width:calc(100% - 2em); padding:0.5em 1em;}
.title1 img{ width:37px; padding-right:1em; }
.more_btn1{ width:217px; height:49px; display:block;}
.more_btn2{ width:258px; height:49px; display:block;}
}
/*ーーーーーーーーーーーーーーーー
spの時のみ使用するCSS
ーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 768px) {
*{font-size:4.8vw; line-height:1.5;}
.sp_none{ display:none;}
.link_div_b{bottom:var(--sp_nav_height);}
#top_space{ padding-top:15.625vw; width:100%;}
p, li, a, span, strong, td, th, h1, h2, h3, h4, h5{font-family: 'Noto Sans Japanese','Yu Gothic','メイリオ', Meiryo,sans-serif; font-weight:400;}
.d_close .d_swich_on{ height:12vw; display:flex;align-items: center; width:100%}
.d_close .d_swich_off{display:none;}
.d_open .d_swich_on{display:none;}
.d_open .d_swich_off{ height:12vw; display:flex;align-items: center; width:100%}
.d_open .d_li1{ height:12vw; background:#007A28;}
.d_close .d_li1{ height:0vw;}
.top_nav .nav_in_wrapper .nav1{top:15.625vw;width:100%; height:0;  left:0;}
.left_nav .nav_in_wrapper .nav1{top:0;width:calc(100% - 15.625vw); height:100vh;}
header{ width:100%; position:fixed; top:0; display:block; height:15.625vw; background:#fff;}
header h1 img{ height:11vw; padding:2vw;}
#h_swich{ display:block;}
#h_swich{ position:fixed; top:0; display:block;width:15.625vw; height:15.625vw;}
#h_swich span{width:15.625vw; height:15.625vw;}
nav{height:/*nav_height*/0;}
.nav_in_wrapper .nav1{ position:fixed;  background:#fff; overflow:scroll;}
.nav_in_wrapper .nav1 .li1{ height:12vw;background:#fff; border-bottom:solid #007A28 0.08em;}
.nav_in_wrapper .nav1 .li2{ height:auto;background:#fff; border-bottom:solid #007A28 0.08em;}
.nav_in_wrapper .nav1 .list8{ height:20vw; border:none;}
header .header_inbox .rightbox{ display:none;}
h1 p{ display:none;}
.fix_tell_box{ position:fixed; bottom:0; left:0; width:100%; background:#fff; z-index:10001; border-top:solid #007A28 0.05em;}
.fix_tell_box a{ width:50%; float:left;}
.fix_tell_box a img{ width:100%;}
.nav1 .d_li0{ position:relative;}
.nav1 .p_img{ width:10vw; height:10vw; display:block; position:absolute; top:1vw; right:3vw; z-index:1;}
.nav1 .d_close .p_img{background:url(../images/common/images/common9_1.png); background-size:100% 100%; }
.nav1 .d_open .p_img{background:url(../images/common/images/common9_2.png); background-size:100% 100%; }
.nav1 .drop_list li:nth-of-type(2){ display:none;}
.nav1 .li1 a{ display:flex;align-items: center; width:calc(100% - 1em); height:12vw; padding-left:1em;}
.nav1 .li2 a{ width:calc(100% - 1em); height:12vw; padding-left:1em; position:relative; z-index:2;}
.nav1 .d_li1 a{display:flex;align-items: center; color:#fff;}
.nav1 .d_li1 a .s1{ position:absolute; left:0; bottom:0; height:0.08em; width:100%; background:#fff;}
.nav1 .d_li1:last-child a .s1{ display:none;}
footer .box1{ width:100%; padding-bottom:5vw;}
footer .box1 a{ width:30vw; display:block; margin:auto;}
footer .box2{ width:95%; margin:auto; border-bottom:solid 0.1em #fff; padding-bottom:5vw;}
footer .box2 .leftbox{ width:95%; margin:auto;}
footer .box2 .leftbox .txt1 { text-align:center;}
footer .box2 .leftbox .txt1 .s1{ display:block; text-align:center;}
footer .box2 .leftbox h2 img{ width:100%; padding-top:2vw;}
footer .box2 .leftbox .txt2{ padding:5vw 0;}
footer .box2 .leftbox .a1{ font-size:6vw; margin:auto; display:table;}
footer .box2 .leftbox .txt3{ padding:5vw 0;}
footer .box2 .rightbox{width:95%; margin:auto;}
footer .box2 .rightbox .denwabox .zaitaku {margin: 20px 0;}
footer .box2 .rightbox .txt2{ font-size:10vw;display:flex;align-items: center; position:relative;}
footer .box2 .rightbox .txt2 .s1{font-size:10vw;}
footer .box2 .rightbox .txt2 img{ width:20vw;}
footer .box2 .rightbox .img1{ width:100%;}
footer .box2 .rightbox .txt2 .a1{width:100%; height:3em; display:block; position:absolute; top:0; left:0;}
footer .box2 .rightbox .txt3 {font-size:5vw; padding:2vw 0 0;}
footer .box2 .rightbox .txt3 .s1{ font-size:5vw; display:table; margin-bottom:2vw;}
footer .box3{ width:95%; margin:auto;}
footer .box3 .txt1 a{width:calc(50% - 3vw); float:left; height:10vw; font-size:4vw; border:solid 0.5vw #fff; color:#fff; background:#007A28; margin:1vw;display:flex;align-items: center;justify-content: center;}
footer .box3 .txt1{padding:2vw 0 5vw;}
footer .box3 .txt2 a{width:calc(50% - 3vw); float:left; height:10vw; font-size:4vw; border:solid 0.5vw #fff; color:#fff; background:#007A28; margin:1vw;display:flex;align-items: center;justify-content: center;}
footer .box3 .txt2{padding:0 0 5vw;}
footer .box3 .s2{ display:none;}
footer .box3 .txt2 .s1{ display:block; width:calc(100% - 3vw);  text-align:center; letter-spacing:0.5em; text-indent:0.5em; border:solid 0.5vw #007A28; margin:0 auto 2vw; background:#fff; color:#007A28;}
#copyright{margin-bottom:15.625vw; font-size:3.5vw;}
.title1{font-size:7vw;width:calc(100% - 1em); padding:0.5em;}
.title1 img{ width:10vw; padding-right:0.5em; }
.more_btn1{ width:40vw; height:10vw; display:block;}
.more_btn2{ width:45vw; height:10vw; display:block;}

a.monshinhyo {color:#007A28;}
        
iframe {width: 100%;}
	
}