@charset "utf-8";
/* CSS Document */
/************************************
	clearfix 
************************************/ 
.clearfix:after {
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}  
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
body {
	font-size: 16px;
/*	font-family: 游ゴシック体, 'Yu Gothic', YuGothic,"Hiragino Kaku Gothic ProN","Meiryo", sans-serif;*/
	font-family: 'Kosugi Maru',游ゴシック体, 'Yu Gothic', YuGothic,"Hiragino Kaku Gothic ProN","Meiryo", sans-serif;
	font-weight: 500;
	background-color: #fbfbfb;
	background-image: url(../img/body_bg.jpg);
	color:#36240b;
}
main,header,footer,navi{
	display:block;
}
p{
	font-feature-settings: "pkna";
}
img {
	max-width: 100%;
	vertical-align: middle;
}
a:link { text-decoration: none; }
a:visited {	text-decoration: none; }

*:focus {
/*    outline: dashed #526A33 1px;*/
}

.bold{
	font-weight:bold;
}
.only_sp{
    display: none;
}
.static{
	position:static !important;
}
.head{
	position:fixed;
	width:100%;
	z-index: 1;
	opacity: 0.95;
}
.head_ttl{
	width: 100%;
	position:absolute;
	left:0;
	top:0;
	box-shadow: 0px 0px 1px 1px #eee;
}
.head_ttl_box{
	width:1300px;
	height: 0;
	margin:auto;
}
.head_ttl_box a{
	display: block;
    width: 30%;
    background: url(../img/top_bg.jpg);
    padding: 1.5% 2%;
    border-radius: 30px;
	padding-top: 0.5%;
    transition: width 0.5s;
	position:relative;
}
.head_ttl_box a:before{
	content: "";
    background: url(../img/top_bg_corner.png);
    position: absolute;
    top: 31px;
    left: -35px;
    width: 9%;
    height: 32px;
    background-size: cover;
    transition-delay:0.5s;
    transition-duration:0.5s;
	opacity:1;
}
.head_ttl_box a:after{
	content: "";
    background: url(../img/top_bg_corner.png);
    position: absolute;
    top: 31px;
    right: -34px;
    width: 9%;
    height: 32px;
    background-size: cover;
    transform: scale(-1, 1);
    transition-delay:0.5s;
    transition-duration:0.5s;
	opacity:1;
}
.fixed_ttl .head_ttl_box a:before{
	opacity:0;
}
.fixed_ttl .head_ttl_box a:after{
	opacity:0;
}


.head_ttl_box a img{
	width:100%;
}
.head_menu{
    width: 100%;
    position: absolute;
	left: 0;
    top: 0;
    background: url(../img/top_bg.jpg);
	transition     : top 0.1s;
}
.head_menu_box{
	width:1300px;
	margin:auto;
}
.head_menu_box ul{
	width: 100%;
    margin-left: 35%;
    position: relative;
    z-index: 1;
}
.head_menu_btn a{
	float: left;
    height: 25px;
    line-height: 24px;
    margin: 0.3%;
    padding: 0 1%;
    font-size: 0.9em;
	border-radius: 3px;
}
.head_menu_0{
	border:solid 1px #00B050;
	color:#00B050;
}
.head_menu_0:hover{
	background:#00B050;
	color:#fff;
}
.head_menu_1{
	border:solid 1px #EA575C;
	color:#EA575C;
}
.head_menu_1:hover{
	background:#EA575C;
	color:#fff;
}
.head_menu_0:hover img,.head_menu_1:hover img,.head_menu_2:hover img,.head_menu_3:hover img,.head_menu_4:hover img,.head_menu_5:hover img{
	filter: brightness(0) invert(1);
}
.head_menu_0 img{
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.head_menu_1 img{
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}
.head_menu_2{
	border:solid 1px #80A54D;
	color:#80A54D;
}
.head_menu_2:hover{
	background:#80A54D;
	color:#fff;
}
.head_menu_2 img {
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}
.head_menu_3,.head_menu_4{
	border:solid 1px #333;
	color:#333;
}
.head_menu_5 {
	border: solid 1px #4886df;
    color: #4886df;
}
.head_menu_5:hover{
	background:#4886df;
	color:#fff;
}
.head_menu_3:hover,.head_menu_4:hover{
	background:#333;
	color:#fff;
}
.head_menu_3 img {
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}
.head_menu_4 img {
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}
.head_menu_5 img {
    display: inline;
    height: 15px;
    padding-right: 5px;
    padding-bottom: 3px;
}
div.menu-container{
	margin-top: -3vw;
}
main{
    background: url(../img/top_con_bg.jpg);
	padding-top: 2%;
}
.main_visual{
    position: fixed;
    width: 100%;
    z-index: -1;
	background: url(../img/top_bg.jpg);
}
.main_visual img{
	width:100%;
}

#main_nav{
	position: relative;
	padding-top: 650px;
	height: 0;
}
.first_con{
	width: 1300px;
    margin: auto;
    padding: 3% 0;
}
.kouhou{
    width: 27%;
    float: left;
    padding: 0 2%;
}
.kouhou_box{
	border: solid 1px #ccc;
    background: #fff;
    border-radius: 12px;
}
.kouhou_ttl{
	background: url(../img/kouhou_bg.png);
    padding: 4%;
    padding-left: 8%;
    border-radius: 12px 12px 0 0;
}
.kouhou_ttl img{
    width: 70%;
}
.kouhou_link{
	display: block;
    position: relative;
    color: #333;
    font-weight: bold;
    text-align: center;
	padding: 4% 0;
}
.kouhou_link:hover .kouhou_thum{
    transform: rotate(3deg);
	box-shadow: 0px 0px 3px 1px #ccc;
}
.kouhou_link:hover span{
	text-decoration:underline;
}
.kouhou_thum{
    width: 75%;
    margin: 0 auto 2% auto;
	transition-duration: 0.1s;
}
.kouhou_logo{
	position: absolute;
    top: 55%;
    right: 6%;
    width: 40%;
	transition-duration: 0.1s;
}
.kouhou_link span{

}
.backnumber{
    color: #7E9F51;
    font-size: 0.9em;
    float: right;
    margin-top: 1%;
    margin-right: 2%;
}
.old_news {
    color: #7E9F51;
    font-size: 0.9em;
    float: right;
    margin-top: 0.5%;
    margin-right: 2%;
}
.news{
	width: 73%;
    float: left;
    background: #FEFEFA;
    padding: 4%;
    padding-top: 2%;
    border-radius: 15px;
    height: 455px;
}
.news_box{
	overflow-y: scroll;
    height: 390px;
	font-family: 'M PLUS Rounded 1c',游ゴシック体, 'Yu Gothic', YuGothic,"Hiragino Kaku Gothic ProN","Meiryo", sans-serif;
}
.news_date{
	display: block;
    background: url(../img/news_date_bg.png);
    width: 50px;
    height: 50px;
    border-radius: 5px;
    float: left;
    clear: both;
}
.news_ttl{
	height: 50px;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 5%;
	width: 75%;
    color: #333;
    font-weight: bold;
}
.news_item a{
	display:block;
    border-bottom: dotted 1px #ccc;
    padding: 2% 0;
}
.news_item a:hover .news_ttl{
	text-decoration:underline;
}
.news_end_img{
    width: 10%;
    float: left;
    margin-top: 1%;
	margin-left: 2%;
}
.news_date_1{
	display: block;
    font-size: 0.8em;
    text-align: center;
    color: #fff;
    margin-top: 9%;
}
.news_date_2{
	display: block;
    font-size: 1em;
    text-align: center;
    color: #fff;
}
.news_group_name{
    display: block;
    clear: both;
    font-size: 1em;
    color: #466d60;
    padding: 0.3% 2%;
    border-radius: 100px;
    float: right;
    font-weight: bold;
    margin-top: -2.5%;
}
.postedby{
    color: #999;
    font-weight: normal;
}
.second_con{
	width: 1300px;
    margin: auto;
    padding: 3% 0;
    clear: both;
    position: relative;
}
.second_con h2{
	margin: 0 4%;
}
.second_con h2 img{
    width: 55%;
}
.fadein{
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 600ms;
}
.fadein.scrollin{
    opacity: 1;
    transform: translate(0, 0);
}
.waku{
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}
#katsudou_1{
	position:relative;
	height: 550px;
	z-index: 5;
}
#katsudou1_txt{
	position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 270px;
    font-size: 1.5em;
    transform: rotate(-12deg);
    font-family: 'Reggae One', cursive;
	top: -3%;
    left: 11%;
    text-align: right;
	color: #000;
}
#katsudou1_line{
    position: absolute;
    width: 114px;
    height: 1px;
    border-bottom: solid 1px #333;
    transform: rotate(63deg);
    top: 40%;
    left: 5.3%;
}
#katsudou_photo_1{
	position:absolute;
    top: 3%;
    left: 17%;
    width: 68%;
    height: 418px;
    transition: transform 0.2s;
}
.katsudou_msg{
    position: absolute;
    font-size: 1.05em;
}
#katsudou1_msg{
    top: 80%;
    width: 30%;
    left: 22%;
}
.katsudou_link:hover .katsudou_btn{
	transform: scale(1.05);
}
.katsudou_btn{
    width: 9%;
    position: absolute;
    transition: transform 0.1s;
	z-index: 1;
}
#katsudou_btn_1{
    right: 15%;
    top: 59%;
}
#katsudou_accent_1{
    right: 17%;
    top: 0;
}
.katsudou_accent{
    position: absolute;
    width: 4%;
}
#katsudou_2{
    position: relative;
	height: 550px;
    margin-top: -74px;
	z-index: 4;
}
#katsudou_photo_2{
    width: 33%;
    height: 420px;
    position: absolute;
    left: 50%;
    top: 0;
    transition: transform 0.2s;
}
#katsudou2_msg{
    top: 78%;
    width: 27%;
    right: 20%;
}
#katsudou2_txt{
	position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 270px;
    font-size: 1.5em;
    transform: rotate(10deg);
    font-family: 'Reggae One', cursive;
    top: -9%;
    right: 10%;
    text-align: right;
	color: #000;
}
#katsudou2_line{
	position: absolute;
	    width: 114px;
    height: 1px;
    border-bottom: solid 1px #333;
    transform: rotate(117deg);
    top: 34%;
    right: 5%;
}
#katsudou_btn_2{
    right: 15%;
    top: 49%;
}
#katsudou_accent_2{
	right: 16%;
}
#katsudou_3 {
    position: relative;
    height: 470px;
    margin-top: -265px;
	z-index: 3;
}
#katsudou_photo_3{
	width: 33%;
    height: 420px;
    position: absolute;
	left: 18.5%;
    top: 0;
    transition: transform 0.2s;
}
#katsudou3_txt{
	position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 270px;
    font-size: 1.5em;
    transform: rotate(-12deg);
    font-family: 'Reggae One', cursive;
    top: -5%;
    left: 10%;
    text-align: right;
	color: #000;
}
#katsudou3_line{
	position: absolute;
    width: 114px;
    height: 1px;
    border-bottom: solid 1px #333;
    transform: rotate(63deg);
    top: 44%;
    left: 5.3%;
}
#katsudou3_msg{
    width: 23%;
    top: 87%;
    left: 21%;
}
#katsudou_btn_3{
    top: 58%;
    left: 42%;
}
#katsudou_accent_3{
    left: 50%;
}
#katsudou_4{
	position: relative;
    height: 470px;
    margin-top: -102px;
    z-index: 2;
}
#katsudou_photo_4{
    width: 38%;
    height: 331px;
    position: absolute;
    left: 45%;
    top: 0;
    transition: transform 0.2s;
}
#katsudou4_txt{
	position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 270px;
    font-size: 1.5em;
    transform: rotate(10deg);
    font-family: 'Reggae One', cursive;
    top: 29%;
    right: 11%;
    text-align: right;
	color: #000;
}
#katsudou4_msg{
    width: 25%;
    top: 74%;
    right: 22%;
}
#katsudou4_line{
    position: absolute;
    width: 114px;
    height: 1px;
    border-bottom: solid 1px #333;
    transform: rotate(117deg);
    top: 79%;
    right: 6%;
}
#katsudou_accent_4{
	right: 16%;
	top: -5%;
}
#katsudou_btn_4{
	right: 18%;
    top: 47%;
}
#katsudou_5{
    position: relative;
	height: 510px;
    margin-top: -167px;
    z-index: 1;
}
#katsudou_photo_5{
    width: 35%;
    height: 408px;
    position: absolute;
    left: 20%;
    top: 0;
    transition: transform 0.2s;
}
#katsudou5_txt{
	position: absolute;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 270px;
    font-size: 1.5em;
    transform: rotate(-12deg);
    font-family: 'Reggae One', cursive;
    top: -12%;
    left: 13.5%;
    text-align: right;
	color: #000;
}
#katsudou5_line{
    position: absolute;
    width: 114px;
    height: 1px;
    border-bottom: solid 1px #333;
    transform: rotate(63deg);
    top: 34%;
    left: 8.5%;
}
#katsudou5_msg{
    width: 27%;
    top: 82%;
    left: 23%;
}
#katsudou_btn_5{
    top: 52%;
    left: 45%;
}
#katsudou_accent_5{
	left: 47%;
    top: 3%;
}
#katsudou_other img{
	margin: auto;
    width: 34%;
}
.katsudou_link:hover ~ #katsudou_photo_1{
	transform: scale(1.05);
}
.katsudou_link:hover ~ #katsudou_photo_2{
	transform: scale(1.05);
}
.katsudou_link:hover ~ #katsudou_photo_3{
	transform: scale(1.05);
}
.katsudou_link:hover ~ #katsudou_photo_4{
	transform: scale(1.05);
}
.katsudou_link:hover ~ #katsudou_photo_5{
	transform: scale(1.05);
}
/*
.katsudou_illust_1{
    position: absolute;
    z-index: 0;
    left: 35%;
    width: 8%;
    top: 28%;
    transform: rotate(-8deg);
}
*/
.third_con_bg{
    background: #fff;
}
.third_con{
    width: 1300px;
    margin: auto;
    padding: 3% 0;
}
.slogan{
	position:relative;
	height: 450px;
}
.slogan_img1{
	width: 32%;
    position: absolute;
    top: 16%;
    left: 15%;
}
.slogan_img2{
    width: 27%;
    position: absolute;
    z-index: 1;
    top: 2%;
    left: 49%;
	transform: rotate(90deg);
    transform-origin: bottom;
	transition-duration:1s;
	transition-timing-function:ease-out;
}
.scrollin_char{
	transform: rotate(0deg);
}
.slogan_img3{
	position:absolute;
    width: 37%;
    right: 2%;
    top: -6%;
}
.fadein_about{
	opacity:0;
	transition-duration:1s;
	transition-delay:1s;
}
.scrollin_about{
	opacity:1;
}
.about{
	width: 70%;
    margin: auto;
    padding: 1%;
    position: relative;
    z-index: 1;
}
.about_ttl{
    font-size: 1.2em;
    font-weight: bold;
}
.about_txt{
    padding-top: 1%;
	font-size: 1.05em;
}
.about_btn{
    width: 80%;
    margin: auto;
	padding: 6% 0;
}
.about_btn1{
	background: #EA575C;
	color:#fff;
	font-weight:bold;
    font-size: 1.1em;
	padding: 1.5% 0;
    margin-right: 10%;
    width: 45%;
    float: left;
    display: block;
    text-align: center;
	border-radius: 4px;
}
.about_btn1:hover{
	opacity:0.8;
}
.about_btn2{
	background: #06903B;
	color:#fff;
	font-weight:bold;
    font-size: 1.1em;
	padding: 1.5% 0;
    width: 45%;
    float: left;
    display: block;
    text-align: center;
	border-radius: 4px;
}
.about_btn2:hover{
	opacity:0.8;
}
footer{
    background-color: #fbfbfb;
    background-image: url(../img/body_bg.jpg);
    padding-top: 3%;
}
.foot_link{
    width: 1300px;
    margin: auto;
    margin-bottom: 3%;
    padding: 3% 4%;
    padding-left: 7%;
    background: #fff;
    border-radius: 20px;
}
.foot_link a:hover{
	text-decoration:underline;
}
.foot_link1{
	width:33%;
	float:left;
}
.foot_link2{
	width:33%;
	float:left;
}
.foot_link3{
	width:33%;
	float:left;
}
.cate_1 a{
	color:#73924A;
	font-weight: bold;
	line-height: 2em;
}
.cate_2 a{
	font-size: 0.85em;
	color:#36240b;
    padding-left: 1em;
    line-height: 2em;
}
.cate_3 a{
	font-size: 0.85em;
	color:#36240b;
    padding-left: 2em;
    line-height: 2em;
}
.cate_3 a:before{
	content:"- ";
}
.foot_con{
    width: 1300px;
    margin: auto;
    border-top: dotted 1px #ccc;
    padding: 2% 0;
}
.foot_left{
	width:30%;
	float:left;
}
.foot_left img{
    width: 70%;
	margin-left: 25%;
}
.foot_center{
	width:35%;
	float:left;
	font-size: 0.9em;
    padding-left: 8%;
}
.foot_info{
    margin-top: 2%;
}
.foot_right{
	width:35%;
	float:left;
	padding: 2.3%;
}
.foot_contact{
	display:block;
	line-height: 1em;
    color: #111;
    font-weight: bold;
}
.foot_contact img{
	height: 1em;
    float: left;
    margin-right: 1%;
}
.foot_tel{
    font-family: 'M PLUS Rounded 1c',游ゴシック体, 'Yu Gothic', YuGothic,"Hiragino Kaku Gothic ProN","Meiryo", sans-serif;
	display:block;
	line-height: 1em;
    color: #111;
    font-weight: bold;
    clear: both;
    margin-top: 4%;
}
.foot_tel img{
	height: 1em;
    float: left;
    margin-right: 1%;
}
.fax{
	font-size: 0.8em;
}
.foot_sub_link{
	background: #DBEEBD;
    font-size: 0.9em;
	line-height: 1em;
}
.foot_sub_link ul{
	width:1300px;
	margin:auto;
	display: flex;
    justify-content: center;
	padding: 1% 0;
}
.foot_sub_link ul li a{
	margin-right: 50px;
	color:#666;
}
.foot_sub_link img{
	height:1em;
	float:left;
    margin-right: 4px;
}
.copyright{
	text-align: center;
    padding: 1% 0;
    font-size: 0.8em;
    color: #999;
}
.pagetop{
    right: -20%;
    position: fixed;
    bottom: 7%;
    width: 100px;
    transition: right 0.7s,transform 0.1s;
	z-index:9;

}
.pagetop:hover{
	transform: rotate(-5deg);
}