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

html{
	font-size: 62.5%;/*16px x 62.5%=10px*/
}
body{
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;	
	font-size: 1.6rem;
	line-height: 1.85;
	font-feature-settings: "palt";
	letter-spacing: 0.025em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
img{
	max-width: 100%;
	height: auto;
}
a{
color: #333;	
}
/*---fadein  CSS---*/

	.fadein {
	  opacity: 0;
	  -webkit-transform: translate(0, 100px);
			  transform: translate(0, 100px);
	  -webkit-transition: all 1000ms;
	  transition: all 1000ms;
	}

	.fadein.scrollin {
	  opacity: 1;
	  -webkit-transform: translate(0, 0);
			  transform: translate(0, 0);
	}
._sp{
		display: none;
	}
.relative{
	position: relative;
}
.wrapper01{
    max-width: 1240px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 20px;
}
.wrapper02{
	max-width: 1140px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
}

.bg-BL{
	background:#F5FFFE;
}
.bg-BL2{
	background:#EAF7F6
}

/*---------header---------------------------------*/

.header_wrapper{
	display: flex;
    align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
    padding: 8px;
}


.header_nav {
    position: fixed;
	top: 0;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
	 -webkit-box-shadow: 0px 3px 6px #0000001A;
    box-shadow: 0px 3px 6px #0000001A;
	z-index: 500;
}

.header_logo{
	width: 180px;
}
.nav_wrapper{
	display: flex;
    align-items: center;
}
.header_line_icon{
	width: 108px;
	height: auto;
	margin-right: 20px;
	transition: 0.5s;
}
.header_line_icon:hover{
	opacity: 0.6;
}
.header_sns_icon{
	font-size: 2.4rem;
	color: #88B723;
	margin-right: 20px;
	transition: 0.5s;
}
.header_sns_icon img{
	width: 23px;
    margin-bottom: 8.5px;
}	
.header_sns_icon:hover{
	opacity: 0.6;
}
.contact-btn{
    display: -ms-inline-grid;
    display: inline-grid;
    width: 140px;
    height: 40px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    background: transparent -webkit-gradient(linear, left top, right top, from(#4DBFBB), to(#88B723)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(left, #4DBFBB 0%, #88B723 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #4DBFBB 0%, #88B723 100%) 0% 0% no-repeat padding-box;
    border-radius: 50px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 1.7rem;
    color: #fff;
	transition: 0.5s;
}

.contact-btn:hover{
	opacity: 0.6;
}


/*---------fv---------------------------------*/

.fv-wrapper{
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 100px;
}
h2{
	padding-bottom: 70px;
}
h2 span{
	font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 10.2rem;
	color: #17978B;
	line-height: 1;
	padding-left: 20px;
}
h2 img{
	width: 768px;
}
.fv-lead{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.6rem;
	color: #17978B;
	padding-bottom: 40px;
}
.fv-lead::before
{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 30px;
    transform: rotate(145deg);
    vertical-align: middle;
    width: 2px;
}
.fv-lead::after
{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-left: 30px;
    transform: rotate(35deg);
    vertical-align: middle;
	width: 2px;
}

.fv-txt{
	color: #17978B;
	font-size: 1.8rem;
	font-weight: 500;
	padding-bottom: 70px;
}
.fv-okinawa{
	width: 220px;
	position: absolute;
	bottom: 50px;
    left: 80px;
}
.fv-tsunahikika{
	position: absolute;	
    bottom: 50px;
    right: 120px;
}
.fv-tsunahikika img{
	width: 130px;
	padding-bottom: 10px;
}
.fv-tsunahikika p{
	font-size: 1rem;
	line-height: 1.3;
}
.triangle01{
	position: absolute;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
    width: 60px;
    top: 80px;
    left: 200px;
}
.triangle02{
    position: absolute;
    -webkit-transform: rotate3d(1, 1, 1, 60deg);
    transform: rotate3d(1, 1, 1, 60deg);
    width: 100px;
    top: 260px;
    left: -50px;
}

.triangle03{
    position: absolute;
	-webkit-transform: rotate3d(1, 2, 1, -30deg);  
    transform: rotate3d(1, 2, 1, -30deg);
    width: 50px;
    bottom: 70px;
    left: 250px;
}
.triangle04{
    position: absolute;
	-webkit-transform: rotate(-850deg);
    -ms-transform: rotate(-850deg);
    transform: rotate(-850deg);
    width: 50px;
    top: 80px;
    right: 200px;
}

.triangle05{
    position: absolute;
	-webkit-transform: rotate3d(0, 0, 1, -40deg);
  	transform: rotate3d(0, 0, 1, -40deg);
    width: 60px;
    top: 130px;
    right: 0;
}
.triangle06{
    position: absolute;
	-webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 100px;
    bottom: 40px;
    right: 0;
}
.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animate__animated.animate__slow {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
	 -webkit-animation-duration: calc(var(--animate-duration)*8);
    animation-duration: calc(var(--animate-duration)*8);
}
.animate__animated.animate__slow02 {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
	-webkit-animation-duration: calc(var(--animate-duration)*4);
    animation-duration: calc(var(--animate-duration)*4);
}
.animate__animated.animate__slow03 {
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
		-webkit-animation-duration: calc(var(--animate-duration)*6);
    animation-duration: calc(var(--animate-duration)*6);
}
/*----slider---------------------------------*/

.slide-bg{
	background-image: url("image/slide-bg@2x.png");
	background-size: cover;
	margin-bottom: 130px;
}
.slide-wrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.slide-wrapper img{
	width: 22%;
	height: 100%;
	border-radius: 20px;
	margin: 30px 8px;
}

/*----activity---------------------------------*/

.activity{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 130px;
}
.activity:nth-of-type(even){
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}
.activity-tll{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #17978B;
	line-height: 3.6rem;
	padding-bottom: 36px;
	padding-top: 25px;
}
.activity-txt{
	width: 46%;
}
.activity-txt p{
	text-align: justify;
}
.activity-sch-link i{
	padding-left: 5px;
}
.activity-illust{
	width: 50%;
	height: 100%;
	padding-top: 30px;
}
.activity-ph{
	width: 50%;
	height: 100%;
	border-radius: 20px;
}
.tsuna-icon{
	position: absolute;
	width: 120px;
	z-index: -1;
	top: -20px;
    left: -30px;
}
.jimusyo-icon{
	width: 50px;
	padding-top: 20px;
    padding-right: 20px;
}

/*----coms---------------------------------*/

.coms-wrapper{
	background:#EAF7F6;
	border-radius: 20px;
	padding: 60px 90px;
	margin-bottom: 130px;
}
.coms-lead{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #17978B;
    text-align: center;
	padding-bottom: 60px;
}
.coms-lead::before{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 30px;
    -webkit-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
            transform: rotate(145deg);
    vertical-align: middle;
    width: 2px;
}
.coms-lead::after{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-left: 30px;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
    vertical-align: middle;
	width: 2px;
}
.coms{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.coms p{
	width: 48%
}
.coms-ph{
	width: 48%;
	height: 100%;
	border-radius: 20px;
}

/*----supporter---------------------------------*/

.supporter-box{
	background: #E3F5BD;
    border-radius: 20px;
    width: 650px;
    height: 200px;
	position: relative;
	margin: 0 auto 140px;
}
.supporter-box:after{
	content: "";
    position: absolute;
    margin: 0;
    bottom: -30px;
    left: 150px;
    width: 0;
    height: 0;
    border-top: 40px solid #E3F5BD;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(30deg);
}

.supporter-box h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.8rem;
	color: #3D7828;
  	line-height: 1;
    text-align: center;
    padding-top: 44px;
    padding-bottom: 30px;
}

.supporter-box p{
	color: #3D7828;
	text-align: center;
	font-size: 1.8rem;
}
.supporter-tsuna{
	width: 207px;
	position: absolute;
    left: -80px;
}
.supporter-deco{
    position: absolute;
	width: 164px;
    top: -50px;
    left: -100px;
}


/*----sns---------------------------------*/
.sns_bg{
	background-image: url("image/tsuna-bg.png");
	background-repeat: no-repeat;
    background-position: top 0 right -20px;
    background-size: 40%;
}
.sns-wrapper{
	max-width: 840px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 90px 20px;
}
.sns-lead{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #17978B;
    text-align: center;
	padding-bottom: 90px;
}
.sns-lead::before
{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 30px;
    transform: rotate(145deg);
    vertical-align: middle;
    width: 2px;
}
.sns-lead::after
{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-left: 30px;
    transform: rotate(35deg);
    vertical-align: middle;
	width: 2px;
}
.sns-wrapper-inner{
	display: flex;
	justify-content: space-between;
}
.sns-list{
	width: 340px;
	height: 560px;
	background-color: #fff;
	text-align: center;
}
.sns-list .sns-item{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2rem;
	color: #17978B;
	padding-top: 50px;
}
.sns-list .sns-item:first-of-type{
  padding-top: 80px;
}
.sns-icon{
	font-size: 4rem;
    color: #88B723;
    transition: 0.5s;
}
.sns-icon img{
	width: 40px;
    margin-bottom: 15px;
}

.sns-icon:hover{
	opacity: 0.6;
}
.sns_line_icon{
	width: 108px;
	height: auto;
    padding-top: 20px;
	transition: 0.5s;
}
.sns_line_icon:hover{
	opacity: 0.6;
}
.sns_apl-box{
	position: absolute;
	top: -40px;
    left: -100px;
}
.sns_apl{
	position: relative;
	display: -ms-inline-grid;
	display: inline-grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	width: 238px;
	height: 54px;
	background: #4DBFBB;
	border-radius: 50px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2rem;
	color: #fff;	
}
.sns_apl::after{
	content: "";
    position: absolute;
    margin: 0;
    bottom: -25px;
    left: 50px;
    width: 0;
    height: 0;
    border-top: 40px solid #4DBFBB;
    border-left: 18px solid transparent;
    border-right: 12px solid transparent;
    transform: rotate(-18deg);
}
.sns-deco{
	position: absolute;
	width: 140px;
	left: -60px;
    bottom: 10px;
}

/*----contact---------------------------------*/
.contact-wrapper{
	margin: 85px auto;
    text-align: center;
}
.contact-btn-L{
    display: -ms-inline-grid;
    display: inline-grid;
    width: 220px;
    height: 60px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    background: transparent -webkit-gradient(linear, left top, right top, from(#4DBFBB), to(#88B723)) 0% 0% no-repeat padding-box;
    background: transparent -o-linear-gradient(left, #4DBFBB 0%, #88B723 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #4DBFBB 0%, #88B723 100%) 0% 0% no-repeat padding-box;
    border-radius: 50px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 2.6rem;
    color: #fff;
	transition: 0.5s;
}

.contact-btn-L:hover{
	opacity: 0.6;
}
/*----footer---------------------------------*/

.footer-bg{
	background-image: url("image/footer-bg@2x.jpg");
	background-size: cover;
}

.footer-wrapper {
    max-width: 1040px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 80px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer-logo{
	width: 370px;
	padding-bottom: 40px;
}
address{
	font-style:normal;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2.5rem;
}
address a{
	color: #fff;
}

.footer-icon{
	font-size: 3rem;
	padding-right: 30px;
    color: #fff;
    transition: 0.5s;
}
.footer-icon:hover{
	opacity: 0.6;
}
.footer_line_icon{
	width: 134px;
	height: auto;
	margin-bottom: 10.5px;
	transition: 0.5s;
}
.footer_line_icon:hover{
	opacity: 0.6;
}
.pagetop-btn{
	position: fixed;
	width: 60px;
	bottom: 30px;
	right: 2vw;
}

small{
	display: block;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    padding-bottom: 10px;
}


/*----news---------------------------------*/

.news-wrapper{
	background:#EAF7F6;
	border-radius: 20px;
	padding: 60px 90px;
	margin-bottom: 130px;
}
.news-wrapper .icon{ 
position: absolute;
    top: -10px;
    left: 140px;
	z-index: 100;
}
.news-lead{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.4rem;
	color: #17978B;
    text-align: center;
	padding-bottom: 60px;
}
.news-lead::before{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-right: 30px;
    -webkit-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
            transform: rotate(145deg);
    vertical-align: middle;
    width: 2px;
}
.news-lead::after{
    background-color: #249A96;
    content: "";
    display: inline-block;
    height: 36px;
    margin-left: 30px;
    -webkit-transform: rotate(35deg);
        -ms-transform: rotate(35deg);
            transform: rotate(35deg);
    vertical-align: middle;
	width: 2px;
}
.news{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.news-img-box{
	display: block;
    width: 48%;
    text-align: center;
}
.news-ph {
	width: 80%;
	height: auto;
	padding-bottom: 20px;
}
.news-img-box > a{
	margin: 0 auto;
    width: 200px;
    padding: 10px;
    display: block;
	background: #65c5ba;
    color: #fff;
    font-weight: 500;
    text-align: center;
	border-radius: 2px;
}
.news-txt-box{
	margin: 0 auto;
	width: 52%;
}
.news-txt-box .LINE-btn{
	padding-top: 20px;
}
.news_line_icon {
    width: 108px;
    height: auto;
    transition: 0.5s;
	margin-top: 5px;
}
.news-komidashi{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2rem;
	color: #17978B;
	border-bottom: 1px solid;
    margin-bottom: 10px;
	margin-top: 20px;
}
.news-komidashi:first-of-type{
	margin-top: 0px;
}
.news-btn{
    width: 200px;
    padding: 10px;
    display: block;
	background: #65c5ba;
    color: #fff;
    font-weight: 500;
    text-align: center;
	border-radius: 2px;
}
/*----media---------------------------------*/
.media-wrapper {
    background: #f1ecdf;
    border-radius: 20px;
    padding: 60px 90px;
    margin-bottom: 130px;
}
.media-wrapper .icon{ 
	position: absolute;
		top: -10px;
		left: 140px;
		z-index: 100;
	}
.media-lead{
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 2.4rem;
    color: #856923;;
    text-align: center;
    padding-bottom: 60px;
}
.media-txt-box{
	width: 48%;
}
.media-txt01{
	padding-top: 100px;
}
.media-txt02{
    padding-top: 30px;
}
.media-contents-box
{
    padding-left: 20px;
}
.media-contents-box dd
{
    padding-left: 20px;
}
.media_btn{
    margin: 0 auto;
    width: 200px;
    padding: 10px;
    display: block;
    background: #a99563!important;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
	color: #fff;
}
.media_btn02{
    margin-top: 50px;
    width: 200px;
    padding: 10px;
    display: block;
    background: #a99563!important;
    font-weight: 500;
    text-align: center;
    border-radius: 2px;
	color: #fff;
}
.media_link{
	border-bottom: 1px solid #856923;
color: #856923;
display: inline-block;
padding-top: 20px;
}

.report-ph {
    width: 80%;
    height: auto;
    padding-bottom: 50px;
}
/*******************************************************/

@media screen and (max-width: 834px) { 
	/*ipad 縦＆Mobile*/
	body{
		font-size: 1.4rem;
		line-height: 1.85;
	}
	
	._pc{
		display: none;
	}
	._sp{
		display: block;
	}
	.wrapper01{
		max-width: 100%;
	}
	.wrapper02 {
		max-width: 100%;
	}
	.wrapper03 {
		max-width: 100%;
	}

	
	.sp_sns_wrapper{
		position: fixed;
		bottom: 0;
		z-index: 100;
		background-color: #3D7828;
		width: 100%;
		height: 50px;
	    box-sizing: border-box;
		padding: 0 50px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
/*----header---------------------------------*/	
	.header_nav {
      height: 56px;
	}
	.header_logo {
		width: 140px;
	}
	.header_logo {
		width: 160px;
		margin-left: 2vw;
	}
	.contact-btn {
		margin-right: 2vw;
		}	
	
	.SP_sns_icon {
		font-size: 2.4rem;
		color: #fff;
		margin-right: 20px;
	}
	.SP_line_icon {
    width: 108px;
    height: auto;
    margin-bottom: 0;
	margin-right: 0;
}
/*----fv------------------------------------*/		
	h2 {
		padding-bottom: 20px;
	}
	h2 img {
    width: 80%;
	}
	h2 span {
    font-size: 6rem;
    line-height: 1.3;
    padding-left: 20px;
	}

	
	.fv-wrapper {
		max-width: 100%;
		height: 80vh;
	}
	.fv-lead {
		font-size: 1.8rem;
		padding-bottom: 30px;
	}
	.fv-lead::after {
		margin-left: 10px;
	}
	.fv-lead::before {
		margin-right: 10px;
	}
	.fv-txt {
		font-size: 1.6rem;
		padding-bottom: 200px;
	}
	.fv-okinawa {
	    width: 130px;
		position: absolute;
		bottom: 8vh;
		left: 10vw;
	}
	.fv-tsunahikika {
		position: absolute;
		bottom: 7vh;
		right: 15vw;
	}
	.fv-tsunahikika img {
    width: 100px;
    padding-bottom: 10px;
}
	.fv-tsunahikika p {
    font-size: 0.8rem;
    line-height: 1.2;
}
	.triangle03 {
    position: absolute;
    -webkit-transform: rotate3d(1, 1, 2, -75deg);
    transform: rotate3d(1, 1, 2, -75deg);
    width: 50px;
    bottom: 180px;
    left: 3vw;
}
	.triangle04 {
    position: absolute;
    -webkit-transform: rotate(-850deg);
    -ms-transform: rotate(-850deg);
    transform: rotate(-850deg);
    width: 40px;
    top: 240px;
    left: 5vw;
}
	.triangle05 {
		position: absolute;
		-webkit-transform: rotate3d(0, 0, 1, -40deg);
		transform: rotate3d(0, 0, 1, -80deg);
		width: 40px;
		top: 130px;
		right: 5vw;
	}
	.triangle06 {
    position: absolute;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    width: 40px;
   bottom: 160px;
    right: 6vw;
}
/*----slide---------------------------------*/	
	.slide-bg {
		margin-bottom: 40px;
	}
/*----activity----------------------------*/		
	.activity {
		display: block;
		padding-bottom: 40px;
	}
	.activity-tll {
    	font-size: 1.7rem;
		text-align: center;
		line-height: 2.6rem;
	}
	.activity-txt {
	    width: 100%;
	}
	.activity-txt p {
		padding-bottom: 30px;
	}
	.activity-sch-link
	{
	    margin-top: -30px;
    display: block;
    margin-bottom: 30px;
	}
	.activity-ph {
		width: 100%;
	}
	.activity-illust {
		width: 100%;
		padding-top: 0;
	}
	.tsuna-icon {
		width: 90px;
		top: -10px;
		left: 0;
	}
	.jimusyo-icon {
		padding-top: 0;
		padding-right: 10px;
		padding-bottom: 20px;
	}
/*----coms----------------------------*/		
	.coms{
		display: block;
	}
	.coms-wrapper {
		padding: 40px 20px 20px;
    	margin-bottom: 60px;
	}
	.coms-lead {
		font-size: 1.7rem;
		padding-bottom: 40px;
	}
	.coms-lead::before {
		display: none;
	}
	.coms-lead::after {
		display: none;
	}
	.coms p {
	   	 width: 100%;
		 padding-bottom: 30px;
		text-align: justify;
	}
	.coms-ph {
		width: 100%;
	}
/*----supporter----------------------------*/	
	
	.supporter-box {
		width: 90%;
		height: 170px;
	}
	.supporter-box:after {
		left: 180px;
	}
	.supporter-box h3 {
		font-size: 1.7rem;
		padding-top: 37px;
		padding-bottom: 24px;
	}
	.supporter-box p {
		font-size: 1.4rem;
	}
	.supporter-deco {
		width: 150px;
		top: 200px;
		left: 160px;
	}
	.supporter-tsuna {
		width: 160px;
		left: 0;
		bottom: -120px;
	}
/*----sns---------------------------------*/	
	.sns-wrapper {
    	max-width: 100%;
		padding: 40px 20px 60px;
	}
	.sns_apl {
		width: 168px;
		height: 36px;
		font-size: 1.4rem;
	}
	.sns_apl::after {
		bottom: -20px;
		border-top: 30px solid #4DBFBB;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
	}
	.sns_apl-box {
		top: -45px;
		left: -30px;
	}
	.sns-wrapper-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.sns-list {
		width: 80%;
		height: 430px;
		margin: 60px auto 0;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.sns-list .sns-item:first-of-type {
		padding-top: 50px;
	}
	.sns-lead {
		font-size: 1.7rem;
		padding-bottom: 40px;
	}
	.sns-list .sns-item {
		font-size: 1.8rem;
		line-height: 0.5em;
	}
	.fb-wrapper{
		text-align: center;
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}
	.sns-deco {
		width: 90px;
		left: -20px;
		bottom: 10px;
	}
/*----contact---------------------------------*/	
	.contact-wrapper {
		margin: 70px auto;
	}
	.contact-btn-L {
		width: 180px;
    	height: 44px;
		font-size: 1.7rem;
	}
/*----footer---------------------------------*/		
	.footer-wrapper {
		max-width: 100%;
		display: block;
	}
	.footer-logo {
		width: 300px;
	}
	.pagetop-btn {
		bottom: 60px;
	}
	small {
    font-size: 1rem;
    padding-bottom: 60px;
	}
	/*----news----------------------------*/		
	.news{
		display: block;
	}
	.news-wrapper,.media-wrapper{
		padding: 40px 20px 40px;
    	margin-bottom: 60px;
	}
	.news-wrapper .icon,
	.media-wrapper .icon{
		width: 60px;
		top: -5px;
		left: 10vw;
	}
	.news-lead {
		font-size: 1.7rem;
		line-height: 1.5;
		padding-bottom: 20px;
	}
	.news-img-box {
		display: block;
		width: 100%;
	}
	.news-img-box > a {
		width: 60%;
	}
	.news-btn {
		margin: 0 auto;
		width: 60%;
	}
	.news-ph {
		width: 100%;
	}
	.news-lead::before {
		display: none;
	}
	.news-lead::after {
		display: none;
	}
	.news-komidashi {
		font-size: 1.7rem;
	}
	.news-komidashi:first-of-type {
		margin-top: 30px;
	}
	.news_line_icon {
		display: block;
		margin: 0 auto;
		margin-top: 5px;
	}
	.news-txt-box{
		padding-top: 20px;
		margin: 0 auto;
		width: 100%;
	}
	/*----media----------------------------*/	
	.media-lead {
		font-size: 2rem;
		line-height: 1.5;
		padding-bottom: 20px;
	}
	.media_btn{
		width: 60% !important;
	}
	.media_btn02{
		width: 60% !important;

			margin: 30px auto 0;
		
	}
	.media-txt-box{
		width: 100%;
		padding-top: 20px;
	}
	.media-txt01{
		padding-top: 0;
	}
	.report-ph {
		width: 80%;
		height: auto;
		padding-bottom: 20px;
	}
}

	@media (min-width: 500px) and (max-width: 835px) {
	.wrapper02 {
		max-width: 80%;
		}
	.wrapper03 {
		max-width: 100%;
			}
	.header_wrapper {
		padding: 8px 10vw;
		}	
	.sp_sns_wrapper {
		padding: 0 20vw;
		}
	.fv-wrapper {
		max-width: 100%;
		height: auto;
		}
	.fv-txt {
		font-size: 1.6rem;
		padding-bottom: 100px;
			}
	.fv-okinawa {
		bottom: 50px;
		}	
	.fv-tsunahikika {
		bottom: 50px;
		}
		
	.tsuna-icon {
		width: 90px;
		top: -10px;
		left: 100px;
		}	

	.supporter-box {
		width: 60%;
		height: 170px;
		}
	.sns-list {
		width: 320px;
		}	
	.footer-wrapper {
		padding: 80px 25vw;
		}	

	}

@media (min-width: 835px) and (max-width: 1200px) {
	._tab{
		display: block;
	}
	.wrapper02 {
		max-width: 90%;
	}
	.wrapper03 {
		max-width: 90%;
	}
	.header_wrapper {
		padding: 8px 4vw;
		}
	.fv-okinawa {
		left: 40px;
	}
	.fv-tsunahikika {
		right: 100px;
	}
	.triangle02 {
		left: 0;
	}

	.triangle03 {
		bottom: 30px;
		left: 180px;
	}
	.triangle05 {
		top: 200px;
		right: 30px;
	}
	.sns-wrapper {
		max-width: 78%;
	}
	.sns_apl-box {
		left: -50px;
	}
	.footer-wrapper {
		max-width: 80%;
	}
}