@charset "utf-8";
/* CSS Document */

/*--------------------------------

全体レイアウト

----------------------------------------------------------------*/
*{
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
	scroll-behavior: smooth;
}
body{
	/*font-family:"BIZ UDPGothic","BIZ UDGothic";*/
	font-family: "Noto Sans Japanese", sans-serif;
	font-size:10px;
	overflow-x:hidden;
}
a:hover{
	opacity:0.8;
}
.pc_only{
	display:block !important;
}
.sp_only{
	display:none !important;
}
section{
	overflow-x:hidden;
}
@media screen and (max-width: 780px) {
.pc_only{
	display:none !important;
}
.sp_only{
	display:block !important;
}
}
@media screen and (max-width: 680px) {
body{
	font-size:9px;
}
}
@media screen and (max-width: 580px) {
body{
	font-size:6px;
}
}

/*--------------------------------

ヘッダー

----------------------------------------------------------------*/
section.sec00{
	position:relative;
	background-color:#fbf7dd;
}
section.sec00::before{
	content:"";
	position:absolute;
	top:0;
	background:#fbf7dd url(../images/header_bk.jpg) no-repeat top center;
	background-size:cover;
	width: 100%;
	height: 1327px;
	object-fit: cover;
}
header{
	max-width: 1150px;
    margin: 0 auto;
    display: flex;
}
.main_logo{
	position:absolute;
	left: 10%;
	z-index:9999;
}
nav{
	max-width: 1070px;
    width: 100%;
    margin: 1.6vw 0 0 auto;
}
nav ul.big_menu{
	width: 100%;
    margin: 0 0 0 auto;
	display:flex;
	justify-content: space-between;
    align-items: end;
}
nav ul.big_menu > li{
    flex: 0 1 20%;
	margin-left: 2vw;
	padding-bottom: 25px;
	position: relative;
}
nav ul.big_menu > li:first-of-type{
	margin-left: 0;
}
nav ul.big_menu > li > a{
	display:block;
	text-align:center;
	margin-bottom:25px;
}
nav ul.big_menu > li > a:hover{
	transition: 0.1s;
}
.jp_nav_wrap{
	border-bottom:#000000 2px solid;
	display: block;
	margin-bottom: 0.5vw;
}
.jp_nav{
    font-size: 2em;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}
.jp_nav:after {
  content: " ";
  margin-left: -0.5em;
}
.let_normal{
	letter-spacing:normal;
}
.en_nav{
	font-size:1.4em;
	letter-spacing:0.1em;
}
.en_nav:after {
  content: " ";
  margin-left: -0.1em;
}
@media screen and (max-width: 1734px) {
.main_logo {
    left: 1%;
}
}
@media screen and (max-width: 1580px) {
.main_logo a img {
    /*width: 14vw;*/
    width: 11vw;
}
nav ul.big_menu{
    width: 98%;
}
}
@media screen and (max-width: 1280px) {
.main_logo a img {
    /*width: 16vw;*/
    width: 13vw;
}
nav ul.big_menu {
    width: 80vw;
    margin: 0 1vw 0 auto;
}
}
@media screen and (max-width: 780px) {
/*section.sec00::before{
	background:#fbf7dd url(../images/sp_bk.jpg) no-repeat top center;
	height: 1326px;
	background-size:contain;
}*/
.main_logo {
    left: 4vw;
}
.main_logo a img {
    width: 27vw;
}
}
/*--------------------------------

全画面ボタン（仮）

----------------------------------------------------------------*/
.full_botton{
	padding:5vw;
	background-color: #FFFFFF;
}
.full_botton button{
	background-color:#0F3;
}

/*--------------------------------

ヘッダーナビ

----------------------------------------------------------------*/
nav ul.big_menu > li:hover:after{
    content: "";
    position: absolute;
	bottom: 15px;
	left: 45%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-bottom: 10px solid #000000;
	transition: 0.1s;
}
nav div.nav_contents{
	width: 100%;
    position: absolute;
    left: 0;
    background: #FFFFFF;
	background:rgba(255,255,255,0.8);
    padding: 30px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
	border-top:#000000 2px solid;
	position: fixed;
	transition: 0.1s;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
}
nav ul.big_menu > li > a:hover + div.nav_contents,.nav_contents:hover{
    visibility: visible;
    opacity: 1;
}
.hidden{
    opacity: 0 !important;
    visibility: hidden !important;
	transition:none !important;
}
div.nav_contents ul{
	max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: left;
}
div.nav_contents ul li{
	margin-right:50px;
}
div.nav_contents ul li a{
	font-size:1.6em;
	font-weight:bold;
	position:relative;
}
div.nav_contents ul li a:before{
    content: "\f105";
    position: absolute;
    font-family: "Font Awesome 5 Free";
	font-weight:900;
	left:-10px;
}
.top_head_inner_nav_toggle{
	display:none;
}
header.open nav div.nav_contents.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
@media screen and (max-width: 780px) {
.top_head_inner_nav_toggle {
    cursor: pointer;
	display:block;
	background-color:#000;
	position:fixed;
	padding:10vw;
	right:0;
	z-index:999999;
}
.top_head_inner_nav_toggle span {
    display: block;
    position: absolute;
    height: 1vw;
    width: 50%;
    border-radius: 50px;
    background: #FFFFFF;
	transform: translateX(-50%);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.top_head_inner_nav_toggle span:nth-child(1) {
    top: 6.5vw;
}
.top_head_inner_nav_toggle span:nth-child(2) {
    top: 10vw;
}
.top_head_inner_nav_toggle span:nth-child(3) {
    top: 13.5vw;
}
/* #nav-toggle 切り替えアニメーション */
.open .top_head_inner_nav_toggle span {
    position: absolute;
    left: 5vw;
	transform: translateX(-50%);
}
.open .top_head_inner_nav_toggle span:nth-child(1) {
    top: 9vw;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
.open .top_head_inner_nav_toggle span:nth-child(2) {
    width: 0;
    right: 0%;
}
.open .top_head_inner_nav_toggle span:nth-child(3) {
    top: 9vw;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.top_head_inner_nav_toggle:before {
	display:none;
}
header nav{
	display:none;
}
header.open nav{
	display:block;
	position:fixed;
	top:0;
	right:0;
	background:none;
	margin: 0;
    width: 69vw;
	height:100vh;
	overflow:scroll;
	padding-top:25vw;
    background: rgba(255, 255, 255, 0.8);
	z-index:99999;
}
header.open nav ul.big_menu {
    width: 100%;
    margin: 0 1vw 0 auto;
	display: block;
}
header.open nav ul.big_menu li {
    width: 100%;
}
header.open .jp_nav {
    font-size: 3em;
    display:block;
    height: auto;
}
header.open .jp_nav br{
	display:none;
}
header.open .en_nav{
	display:none;
}
header.open nav ul.big_menu > li:hover:after{
	display:none;
}
header.open .jp_nav_wrap{
	border-bottom:none;
}
header.open nav div.nav_contents {
    width: 100%;
    background:none;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    border-top: none;
    position: absolute;
}
header.open nav ul.big_menu > li {
    margin-left: 0vw;
	border-bottom: #000000 1px solid;
    padding: 6vw 0vw 6vw 0vw;
}
header.open nav ul.big_menu > li > a {
	pointer-events: none;
	margin-bottom: 0;
	text-align:left;
	padding: 0 10vw 2vw;
}
header.open nav div.nav_contents.active {
    padding:0;
	position:static;
}
div.nav_contents ul,
div.nav_contents.active ul {
	padding:0;
	display:block;
}
div.nav_contents ul li,
div.nav_contents.active ul li {
    margin-right:0;
	transition: 0.5s;
}
div.nav_contents ul li a,
div.nav_contents.active ul li a {
	display:block;
	padding: 2vw 5vw 2vw 12.5vw;
    font-size: 2em;
    position: relative;
	transition: 0.5s;
}
div.nav_contents ul li a:before,
div.nav_contents.active ul li a:before{
	left: 10vw;
}
.section_inner {
    display: block;
    margin-top: -20vw;
}
#sec01slide01,
#sec01slide02,
#sec02slide01,
#sec02slide02,
#sec02slide03,
#sec03slide01,
#sec03slide02,
#sec03slide03,
#sec04slide01,
#sec04slide02,
#sec05slide01,
#sec05slide02,
#sec06slide01,
#sec06slide02 {
    display: block;
    padding-top: 10vw;
}
}
/*--------------------------------

SPトグル用・範囲外背景

----------------------------------------------------------------*/
.main_cover {
    position: fixed;
    width: 100%;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.main_cover.active {
    height: 100%;
    visibility: visible;
    background: rgba(0, 0, 0, 0);
    z-index: 1000;
	top: 0;
}



/*--------------------------------

スライド設定

----------------------------------------------------------------*/
.main_slider .slide-arrow{
	position: absolute;
    bottom: 55%;
    z-index: 99;
	color:#FFFFFF;
}
.main_slider .slide-arrow.prev-arrow{
}
.main_slider .slide-arrow.next-arrow{
	right:0;
}
.main_slider .slide-arrow:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.7em;
    background: black;
    padding: 13px 15px;
    border-radius: 50%;
}
.main_slider .prev-arrow:before{
/*    left: -20px;*/
    left: -1.2vw;
    content: "\f060";
}
.main_slider .next-arrow:before{
/*    right: -20px;*/
    right: -1.2vw;
    content: "\f061";
}
@media screen and (max-width: 768px) {
.main_slider-nav{
	width: 84%;
}
.main_slider-nav li.slick-current {
    outline: #614B38 3px solid;
    transition: .1s;
}
.main_slider-nav li {
    margin: 5px 3px;
}
}
.slick-slider div { transition: none; }
.main_box{
	max-width:1150px;
	width: 90%;
    margin: 20px auto 0;
	display:flex;
	justify-content: space-between;
	position:relative;
	align-items: stretch;
}
@media screen and (max-width: 1024px) {
.main_box{
	width: 90%;
}
}
@media screen and (max-width: 780px) {
.main_box{
	width: 96%;
	margin-top: 40vw;
}
}
.main_slider{
	width: 66%;
}
.main_slider img{
    height: 100%;
	margin: 0 0 0 auto;
}
.main_slider_box{
	background-color:#FFFFFF;
	border-radius:20px;
	display:flex !important;
	justify-content: space-between;
}
.dropshadow {
  position: relative;
  border-radius: 20px;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.main_slider_textbox{
	padding: 40px 0 40px 55px;
	position: relative;
	width:65%;
}
.main_slider_pan{
	font-size:2em;
	position:relative;
	left:20px;
	line-height:1.5;
}
.main_slider_pan span{
	font-size:80%;
}
.main_slider_pan::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position:absolute;
    left: -15px;
    content: "\f105";
}
.main_slider_pan.grn{
	color:#2f9166;
}
.main_slider_pan.yel{
	color:#E4C900;
}
.main_box_title{
	margin-top:1.5vw;
	color:#150035;
	font-size:3.8em;
	font-weight:bold;
	line-height:1.5;
}
.main_box_title_big{
	font-size:1.3em;
}
.main_slider_text{
	margin-top:1vw;
	font-size:1.6em;
	line-height:1.6;
	letter-spacing:0.1em;
}
.main_slider_view_more{
    text-align: right;
}
.main_slider_view_more a{

	color:#FFFFFF;
	font-size:1.6em;
	display:inline-block;
	padding: 8px 16px;
    border-radius: 30px;
}
.main_slider_view_more a.grn{
	background-color:#2f9166;
}
.main_slider_view_more a.yel{
	background-color:#E4C900;
}
.main_box_img{
    overflow: hidden;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	width:35%;
}
.main_box_img img{
	height: 100%;
	object-fit:cover;
}
.baloon{
	content: "";
    position: absolute;
    background-image: url(../images/balloon.png);
    bottom: -50px;
    z-index: 99999;
    left: -135px;
}
@media screen and (max-width: 1170px) {
.main_slider_box {
    align-items: center;
}
.main_box_title{
	font-size:3em;
}
.main_slider_text br{
	display:none;
}
}
@media screen and (max-width: 1024px) {
.main_box{
	display:block;
}
.main_box_img img{
	width:auto;
}
.baloon{
	display:none;
}
.main_slider {
    width: 100%;
    margin: 0 auto;
}
.main_slider_textbox {
}
.main_box_title{
	font-size:3.8em;
}
.main_slider_text br{
	display:block;
}
}
@media screen and (max-width: 864px) {
.main_box_title{
	font-size:3em;
}
.main_slider_text br{
	display:none;
}
}
@media screen and (max-width: 780px) {
.dropshadow {
  position: relative;
  border-radius: 20px;
  -webkit-filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
}
.main_slider_box {
}
.main_slider_textbox{
	padding: 0px 0 0px 7vw;
	width:60%;
	text-align:justify;
}
.main_box_img{
	width:40%;
}
.main_box_img img {
    object-position: 30px center;
}
.main_slider_view_more{
	margin-top:3vw;
    text-align: center;
}
.main_slider_view_more a{
	width:50vw;
	background-color:#2f9166;
	color:#FFFFFF;
	font-size:3em;
	display:inline-block;
	padding: 2vw;
    border-radius: 30px;
}
}
@media screen and (max-width: 620px) {
.main_slider_box{
	height:400px;
}
.main_box_img{
	height:400px;
}
}
@media screen and (max-width: 480px) {
.main_slider_box{
	height:300px;
}
.main_slider_textbox{
	width:65%;
}
.main_box_img{
	width:35%;
	height:300px;
}
.main_box_img img {
    object-position: 0 center;
}
}

/*--------------------------------

メインスライダーの横

----------------------------------------------------------------*/
.sub_box_wrap{
	max-width:350px;
	margin-left: 1.5vw;
	width:100%;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.sub_box{
	background-color:#FFFFFF;
	padding: 15px 20px;
    border-radius: 20px;
	margin-bottom: 1vw;
}
.sub_title{
	background-color:#150035;
	color:#FFFFFF;
	font-size:2em;
	font-weight:bold;
	text-align:center;
    border-radius: 100px;
	padding: 6px;
}
.sub_text_box{
	margin-top:20px;
	display:flex;
	justify-content: space-between;
}
.sub_text{
    font-size: 1.4em;
    line-height: 1.8;
    margin-right: 18px;
    text-align: justify;
}
.sub_view_more{
	margin-top:5px;
	text-align: right;
}
.sub_view_more a{
	font-size:1.2em;
	position:relative;
}
.sub_view_more a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position:absolute;
    left: -10px;
	content: "\f105";
}
@media screen and (max-width: 1170px) {
.sub_text br{
	display:none;
}
}
@media screen and (max-width: 1024px) {
.sub_box_wrap {
    max-width: 100%;
	margin:3vw auto;
    flex-direction: row;
}
.sub_box {
    flex-basis: 49%;
}
}
@media screen and (max-width: 780px) {
.sp_balloon_wrap{
	position:relative;
}
.sp_balloon{
	position:absolute;
	left: 0;
    bottom: -20vw;
}
.sp_balloon img{
	objeft-fit:cover;
	width: 14.5vw;
}
}
@media screen and (max-width: 540px) {
.sub_box{
	position: relative;
    width: 49%;
	padding: 3vw 3vw 8vw;
}
.sub_text_box{
	margin-top:3vw;
	flex-direction: column;
}
.sub_text{
	order:2;
	margin-right: 0;
	margin-top:2vw;
}
.sub_img{
	order:1;
	text-align:center;
    max-width: 140px;
    margin: 0 auto;
    width: 100%;
}
.sub_img img{
    width: 100%;
}
.sub_view_more{
	position: absolute;
    bottom: 0px;
    right: 0;
    padding: 20px;
}
.sub_view_more a{
}
}


/*--------------------------------

NEW POST

----------------------------------------------------------------*/
article.sec01{
	max-width:1150px;
	margin:100px auto 0;
	width:95%;
}
.sec_title_wrap{
	padding-bottom:20px;
	border-bottom:#000000 2px solid;
	display:flex;
	align-items: baseline;
	position: relative;
	padding:1vw;
}
.sec_title{
	font-size:2.4em;
	color:#150035;
	font-weight:bold;
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}
.sec_subtitle{
	background-color:#FFFFFF;
	font-size:2em;
	padding: 5px 15px;
    border-radius: 50px;
	margin-left:2vw;
	position:relative;
}
.sec_subtitle::before{
    content: "";
    position: absolute;
	left: -15px;
    top: 33%;
	transition: 0.1s;
  border-top: 5px solid transparent;
  border-right: 20px solid #FFFFFF;
  border-bottom: 5px solid transparent;
}
.sec_morebtn{
	position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.sec_morebtn a{
	display: block;
    background-color: #000000;
    color: #FFFFFF;
    font-size: 1.8em;
    padding: 6px 18px 7px;
    border-radius: 50px;
}
.sec01_block_wrap{
	margin-top:2vw;
	display:flex;
	justify-content: space-between;
	padding-bottom:4vw;
}
.sec01_block{
	width: calc(100% / 3);
	background-color:#FFFFFF;
	padding:0 1.5vw 1vw;
	margin-right:2vw;
    border-radius: 20px;
}
.sec01_block:nth-of-type(3){
	margin-right:0;
}
.sec01_block:nth-of-type(n+4){
	display:none;
}
.sec01_block_image img{
	width:100%;
}
.sec01_block_date{
	font-size:1.4em;
	color:#9c9c9b;
	letter-spacing:0.1em;
	margin-top:10px;
}
.sec01_block_title{
	font-size:2em;
	line-height:1.5;
	font-weight:bold;
	margin-top:10px;
}
.sec01_block_postbox{
	display:flex;
	margin-top:10px;
	align-items: flex-end;
}
.sec01_block_postimg{
	margin-right:10px;
}
.sec01_block_postimg img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
}
.sec01_block_postdata{
	font-size:1.4em;
	color:#9c9c9b;
	margin-bottom:10px;
	letter-spacing:0.1em;
	margin-right: 20px;
}
.sec01_block_postlink{
	margin-left:auto;
	margin-right:0;
	margin-bottom:10px;
}
.sec01_block_postlink a{
	font-size:1.2em;
	position:relative;
	letter-spacing:0.1em;
}
.sec01_block_postlink a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position:absolute;
    left: -10px;
	content: "\f105";
}
@media screen and (max-width: 1024px) {
article.sec01{
	width:90%;
}
.sec01_block_wrap{
	flex-wrap: wrap;
}
.sec01_block{
	width: 49%;
	padding:0 3vw 1.5vw;
	margin-right:1vw;
	margin-bottom:2vw;
}
.sec01_block:nth-of-type(3){
	margin-right:1vw;
}
.sec01_block:nth-of-type(n+4){
	display:block;
}
.sec01_block:nth-of-type(even){
	margin-right:0;
}
}

@media screen and (max-width: 780px) {
article.sec01 {
    width: 100%;
	margin-top:25vw;
}
.sec_title_wrap{
	padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3vw;
	justify-content: space-between;
}
.sec_morebtn{
	display:none;
}
.sec_title{
    font-size: 3.9em;
}
.sec_subtitle {
    font-size: 2.3em;
}
.sec01_block_wrap{
	width:96%;
	margin:3vw auto;
}
}
@media screen and (max-width: 540px) {
.sec01_block_postbox {
    flex-wrap: wrap;
}
.sec01_block_postdata {
    font-size: 1em;
}
.sec01_block_postimg {
    margin-right: 5px;
}
.sec01_block_postimg img {
    width: 40px;
    height: 40px;
}
.sec_title{
    font-size: 3.5em;
}
.sec_subtitle {
    font-size: 2em;
}
/* 20250623  */
.sec01_block{
	width:100%;
}
}


/*--------------------------------

プロジェクトについて

----------------------------------------------------------------*/
section.sec02{
	padding: 0 0 3vw;
}
.h2_box{
	margin:3vw auto;
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
h2{
	text-align:center;
	font-weight:bold;
	font-size:2.4em;
	padding: 60px 0 25px;
}
.h2_box:after{
	content: "";
	display:block;
	border-bottom:#000000 1px solid;
	width:300px;
}
.section_inner{
	max-width:1150px;
	margin:0 auto;
	width:90%;
	position:relative;
}
.title{
	position:absolute;
	top:0;
	padding:10px;
	display:inline-block;
	background-color:#000000;
	color:#FFFFFF;
	width:160px;
	height:160px;
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
	font-weight:bold;
	font-size:2.4em;
	letter-spacing:0.1em;
	z-index:999;
}
.title span{
	text-align:center;
}
.title span.ttl_first{
	font-size:2.6em;
	line-height:1.05;
}
@media screen and (max-width: 780px) {
section.sec02{
	padding: 0 0 8vw;
}
.section_inner{
	width:100%;
}
.title{
	font-size:2.15em;
	max-width:20vw;
	height:20vw;
}
.title span.ttl_first{
	font-size:2.46em;
}
/*.h2_box{
	align-items: flex-end;
}
h2 {
    padding: 5vw 5vw 6vw 0;
	font-size:3.8em;
}*/
.h2_box:after {
    width: 60vw;
}
}
@media screen and (max-width: 600px) {
.title{
	font-size:3.4vw;
}
.title span.ttl_first{
	font-size:2.2em;
}
h2 {
	font-size:3.5em;
}
}
@media screen and (max-width: 480px) {
.title{
	padding:1.5vw;
	font-size:3vw;
}
.title span.ttl_first{
	font-size:2.2em;
}
h2 {
	font-size:3em;
}
}

/*--------------------------------
sec02_block_wrap_slide
----------------------------------------------------------------*/
.sec02_block_wrap_slide{
}
.sec02_block{
	display:flex;
	margin-bottom:1vw;
	align-items: flex-start;
}
.last_margin{
	margin-bottom:3vw;
}
.sec02_block p{
	font-size:1.6em;
	line-height:1.8;
    text-align: justify;
}
.sec02_img{
	display:flex;
}
.sec02_img img{
	margin-left:1vw;
	height:auto;
	margin-bottom:1vw;
}
.sec02_block:nth-of-type(odd) .sec02_img{
	order: -1;
}
.sec02_block:nth-of-type(odd) .sec02_img img{
	margin-left:0;
	margin-right:1vw;
}
@media screen and (max-width: 1024px) {
.sec02_block {
    align-items: center;
}
.sec02_img{
	display:block;
}
.sec02_img img{
	margin-left:2vw;
	margin-bottom:2vw;
}
.sec02_block:nth-of-type(odd) .sec02_img img{
	margin-right:2vw;
}
}
@media screen and (max-width: 780px) {
.sec02_block{
    flex-direction: column;
	width: 95%;
    margin: 0 auto;
}
.sec02_img {
	width: 100%;
    order: 1;
    display: flex;
    justify-content: space-between;
}
.sec02_block p {
	order:2;
	margin: 0 auto 3vw;
}
.sec02_img img {
    margin-left:0;
    margin-bottom: 2vw;
	width: 49%;
}
.sec02_block:nth-of-type(odd) p{
	margin-bottom:10vw;
}
}

/*--------------------------------

swiperスライド設定

----------------------------------------------------------------*/
.sec02_block_wrap_slide .slide-arrow{
	position: absolute;
    bottom: 23px;
    z-index: 99;
}
.sec02_block_wrap_slide .slide-arrow.prev-arrow{
}
.sec02_block_wrap_slide .slide-arrow.next-arrow{
	right:0;
}
.sec02_block_wrap_slide .slide-arrow:before{
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.4em;
    padding: 10px 20px;
}
.sec02_block_wrap_slide .prev-arrow:before{
/*    left: -20px;*/
    left: 0;
    content: "\f060";
	padding: 10px 200px 10px 0;
}
.sec02_block_wrap_slide .next-arrow:before{
/*    right: -20px;*/
    right: 0;
    content: "\f061";
	padding: 10px 0 10px 200px;
}
.sec02_block_wrap_slide .slick-dots {
    bottom: -5px;
}
.sec02_block_wrap{
}
.arrow_text{
	display:flex;
	justify-content: space-between;
	font-size:1.4em;
	position:absolute;
	bottom:0;
	width: 100%;
}
.before_text{
    position: relative;
    left: 0;
}
.before_text::before{
	position:absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f104";
	right:-10px;
}
.next_text{
    position: relative;
    right: 0;
}
.next_text::before{
	position:absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
	left:-10px;
}
.disabled{
	opacity:0.35;
}
.swiper-slide{
	height:auto;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1px;
}
.swiper-button-next,
.swiper-button-prev {
	top: auto;
	bottom: 0;
    width: 14px;
    height: auto;
    margin-top: 0;
    color: #000000;
}
.swiper-button-next{
    padding-left: 200px;
	right:0;
}
.swiper-button-prev {
    padding-right: 200px;
	left:0;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 14px;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    opacity: 0;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    opacity: 0;
}
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 12px;
}

.swiper-pagination-bullet {
    background: #d7d5ca;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000000;
}
@media screen and (max-width: 780px) {
.before_text {
    left: 2.5%;
}
.next_text {
    right: 2.5%;
}
}










/*--------------------------------

知る

----------------------------------------------------------------*/
section.sec03{
	background-color:#fff5f4;
	padding: 0 0 3vw;
}

.hiking_block{
	position:relative;
	min-height:700px;
}
.hiking_block p{
	font-size:1.6em;
	line-height:1.8;
	max-width:40vw;
    text-align: left;
}
.hiking_img {
	position:absolute;
	bottom:3vw;
	right:0;
	max-width:1066px;
	width:100%;
}
.hiking_img img {
	width:100%;
}
.hiking_block p.hiking_upper_text{
	position:absolute;
	top:4vw;
	left:0;
}
.hiking_block p.hiking_down_text{
	position:absolute;
	bottom:3vw;
	left:0;
}
@media screen and (max-width: 1280px) {
.hiking_block p{
	font-size:1.4em;
}
.hiking_block p.hiking_upper_text{
	top:6vw;
}
}
@media screen and (max-width: 1060px) {
.hiking_block{
	position:static;
	min-height:auto;
	padding: 5vw 0;
}
.hiking_img {
	position:static;
	bottom:3vw;
	right:0;
	max-width:1066px;
	width:100%;
}
.hiking_block p{
	max-width:100%;
	text-align:center;
}
.hiking_block p.hiking_upper_text,
.hiking_block p.hiking_down_text{
	position:static;
}
.hiking_block p.hiking_upper_text{
	margin-bottom:3vw;
}
.hiking_block p.hiking_down_text{
	margin-top:3vw;
}
}
@media screen and (max-width: 780px) {
section.sec03{
	padding: 0 0 8vw;
}
}


/*--------------------------------

遊ぶ

----------------------------------------------------------------*/
.h2_lower{
	max-width:484px;
	margin:0 auto;
	font-size: 1.6em;
	line-height:1.8;
}
section.sec04{
	background-color:#daecd4;
	padding: 0 0 3vw;
}

.sec04_block{
	max-width:1080px;
	margin:2vw auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.sec04_box{
	width:160px;
	margin-bottom:1vw;
}
.sec04_img{
	width:100%;
	height:auto;
}
.sec04_img img{
	width:100%;
	height:auto;
}
.sec04_text{
	font-size:1.2em;
	margin:0.5vw 0.25vw;
	text-align:justify;
	line-height:1.4;
}
@media screen and (max-width: 1100px) {
.sec04_box{
	width:22%;
	margin:0 1.5% 5%;
}
}
@media screen and (max-width: 780px) {
section.sec04{
	padding: 0 0 8vw;
}
}


/*--------------------------------

つなぐ

----------------------------------------------------------------*/

.sec05_block{
	/*max-width:1080px;*/
	max-width:800px;
	margin: 1vw auto 2vw;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.sec05_box{
	width:160px;
	margin-bottom:1vw;
}

.sec05_box_s{
	width:160px;
	margin-bottom:1vw;
}
.sec05_box_m{
	width:240px;
	margin-bottom:1vw;
}
.sec05_box_l{
	width:370px;
	margin-bottom:1vw;
}

.sec05_img{
	width:100%;
	height:auto;
}
.sec05_img img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 1100px) {
.sec05_box{
	width:30%;
	margin:0 1.5% 5%;
}

.sec05_box_s{
	width:25%;
	margin:0 1.5% 5%;
}
.sec05_box_m{
	width:30%;
	margin:0 1.5% 5%;
}
.sec05_box_l{
	width:45%;
	margin:0 1.5% 5%;
}

}



/*--------------------------------

つなぐ

----------------------------------------------------------------*/

.sec06_block{
	/*max-width:1080px;*/
	max-width:800px;
	margin: 1vw auto 2vw;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.sec06_box{
	width:160px;
	margin-bottom:1vw;
}

.sec06_box_s{
	width:160px;
	margin-bottom:1vw;
}
.sec06_box_m{
	width:240px;
	margin-bottom:1vw;
}
.sec06_box_l{
	width:370px;
	margin-bottom:1vw;
}

.sec06_img{
	width:100%;
	height:auto;
}
.sec06_img img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 1100px) {
.sec06_box{
	width:30%;
	margin:0 1.5% 5%;
}

.sec06_box_s{
	width:25%;
	margin:0 1.5% 5%;
}
.sec06_box_m{
	width:30%;
	margin:0 1.5% 5%;
}
.sec06_box_l{
	width:45%;
	margin:0 1.5% 5%;
}

}

/*--------------------------------

フッター

----------------------------------------------------------------*/
footer{
	background-color:#2f9166;
	padding:50px 0;
}
.footer_innner{
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
    justify-content: space-between;
}
.footer_logo{
	order:1;
	margin-left:2px;
	width: 15%;
}
.footer_logo img{
	max-width:189px;
}
.footer_menu{
	order:2;
	display:flex;
	flex-wrap: wrap;
	width:45%;
}
.footer_menu > ul{
    margin-left:20%;
}
.footer_menu > ul:first-of-type{
    margin-left: 0;
}
.footer_menu > ul > li{
	color:#FFFFFF;
	display:block;
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:1.45vw;
}
.footer_menu > ul > li a{
}
.footer_menu > ul > li ul{
	margin-left:14px;
	line-height:2;
	margin-top:0.5vw;
}
.footer_menu > ul > li ul li{
}
.footer_menu > ul > li ul li a{
	font-size:0.75em;
	position:relative;
	font-weight:normal;
	display:flex;
}
.footer_menu > ul > li ul li a:before{
	position:absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
	left:-10px;
}
.footer_main_bnr{
	margin-top:3vw;
	order:4;
	display:flex;
    justify-content: center;
	width: 100%;
}
.footer_main_bnr a{
	margin:0 1vw;
}
.footer_main_bnr a img{
	width:100%;
}
.footer_bnr{
	order:3;
	display:flex;
	flex-direction: column;
    align-items: flex-end;
	width:25%;
}
.footer_bnr a{
	margin-bottom:0.35vw;
}
.footer_bnr a img{
	width:100%;
}
.copy{
	order:5;
	flex-basis:100%;
	font-size:1.4em;
	color:#FFFFFF;
	text-align:center;
	margin-top:3vw;
	letter-spacing:1px;
}
@media screen and (max-width: 1100px) {
.footer_logo {
    width: 20vw;
}
.footer_menu {
    width: 50%;
}
.footer_menu > ul {
    margin-left: 5%;
}
}
@media screen and (max-width: 980px) {
.footer_logo{
	margin-left:0;
	width: 20vw;
}
.footer_logo img{
	width:100%;
}
.footer_menu {
	width: 45%;
    font-size: 90%;
}
.footer_menu > ul {
    margin-left: 5%;
}
}
@media screen and (max-width: 840px) {
.footer_bnr {
	margin-top:3vw;
    order: 5;
	flex-direction: row;
	width:100%;
}
.footer_bnr a {
	margin:0 1vw;
}
.footer_logo {
    width: 40%;
    text-align: center;
}
.footer_menu {
    width: 60%;
    font-size: 100%;
}
}
@media screen and (max-width: 780px) {
.footer_logo {
    width: 100%;
    text-align: center;
}
.footer_logo img{
	max-width: 233px;
	width:100%;
}
.footer_menu {
	margin-top:2vw;
    width: 100%;
	flex-wrap: nowrap;
    justify-content: center;
    font-size: 150%;
}
.footer_menu > ul{
	width:35%;
}
.footer_menu > ul:first-of-type{
	width:45%;
}
.footer_main_bnr {
    width: 95%;
    margin: 3vw auto 0;
}
.footer_bnr{
	flex-wrap: wrap;
	justify-content: center;
}
.footer_bnr a {
    width: 30vw;
    margin: 0 1vw 1vw 1vw;
}
}