@charset "utf-8";

@media screen and (max-width: 750px) {

	a {
		display: block;
	}
	img {
		vertical-align: bottom;
	}
	.inner {
		margin: 0 5.3333%;
	}
	.pcShow {
		display: none;
	}
	.spShow {
		display: block;
	}

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

	main

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

/* mvArea
---------------------------------------------*/
	.mvArea {
		position: relative;
	}
	.mvArea__catch {
		position: absolute;
		z-index: 50;
		bottom: -13.8%;
		left: 0;
		width: 100%;
	}
	.mvArea__catch:before {
		position: absolute;
		content: '';
		display: block;
		background: #3fb06c;
		transform: skewX(-25deg);
		width: 127%;
		height: 134%;
		z-index: -100;
		left: -52%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.mvArea__catch:after {
		position: absolute;
		content: '';
		display: block;
		background: #ede100;
		transform: skewX(-25deg);
		width: 99%;
		height: 132%;
		margin: 0 auto;
		z-index: -200;
		left: -22%;
		top: -6%;
	}
	.mvArea__catch h2 {
		width: 55%;
		margin-bottom: 1.2rem;
		margin-left: 5.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.mvArea__catch-enTitle {
		width: 54%;
		margin-left: 5.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.mvArea--img img {
		min-width: 100%;
	}


/* movieArea
---------------------------------------------*/
	.inner--movieArea {
		padding: 35% 0 4rem;
	}
	.movieAreaWrap {
		padding: 2rem;
		background: #ebf7f0;
	}
	.movieArea h3 {
		display: block;
		text-align: center;
	}
	.movieArea h3 span {
		font-size: 260%;
		font-family: 'Montserrat', sans-serif;
		color: #0aa547;
		display: inline-block;
		font-weight: bold;
		border-bottom: 2px solid #0aa547;
		margin-bottom:  3rem;
	}
	.movieArea .movieBox {
		width: 100%;
		padding-right: 0;
		margin-right: 40px;
		margin-bottom: 3rem;
		overflow: hidden;
	}
	.movieArea .movieBox a:after {
		content: "";
		display: block;
		position: absolute;
		width: 66px;
		height: 46px;
		background: url(../../common/img/yt_play.png) no-repeat center center;
		background-size: 66px;
		top: 50%;
		left: 50%;
		margin-top: -23px;
		margin-left: -33px;
	}
	#main .movieBox a:hover {
		opacity: 1;
	}
	.movieBox a:hover:after {
		background: url(../../common/img/yt_play_hover.png) no-repeat center center;
		background-size: 66px;
	}
	.movieImage {
		margin-bottom: 3rem;
	}
	.movieArea__btnWrap {
		align-items: center;
		margin: 0 auto;
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.movieArea__btnWrap a {
		color: #FFF;
		display: inline-block;
		font-size: 140%;
		height: 52px;
		line-height: 52px;
		text-align: center;
		border-radius: 25px;
		width: 100%;
	}
	.movieArea__btnWrap a.btn_bc {
		background: #0aa547;
		border: solid 1px #0aa547;
		margin-bottom: 1.5rem;
	}
	.movieArea__btnWrap a.btn_yt {
		background: #b0210a;
		border: solid 1px #b0210a;
	}
	.movieArea__btnWrap a i {
		font-size: 1.4em;
		vertical-align: middle;
		padding-right: 0.5em;
	}
	.movieArea__btn__notion p {
		text-align: left;
		font-size: 125%;
		color: #555;
	}

/* contentsArea
---------------------------------------------*/
	.inner--contentsArea {
		padding: 0 0 4rem;
	}
		.contentsArea__menuList__item {
		width : 100%;
		margin-bottom: 5rem;
	}
	.contentsArea__menuList__item:nth-last-child(1) {
		margin-bottom: 0;
	}
	.contentsArea__menuList__item figure {
		margin-bottom: 1rem;
		position: relative;
	}
	.menuList__item__txt h3 {
		font-size: 240%;
		font-weight: bold;
		margin-bottom: 1rem;
	}
	.menuList__item__txt p {
		font-size: 140%;
		line-height: 1.57;
	}
	.menuList__item--title {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 20px;
		margin: auto;
		width: 55%;
		height: auto;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
		max-width: 160px;
	}


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

	under page

----------------------------------------------------------------------------- */
	.underPage p {
		font-size: 120%;
		line-height: 2;
	}
	.titleArea {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10rem;
	}
	.titleArea__catch {
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
	}
	.titleArea__catch:before {
		position: absolute;
		content: '';
		display: block;
		background: #3fb06c;
		transform: skewX(-18deg);
		width: 104%;
		height: 130%;
		z-index: -100;
		left: -23%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.titleArea__catch:after {
		position: absolute;
		content: '';
		display: block;
		background: #ede100;
		transform: skewX(-18deg);
		width: 106%;
		height: 123%;
		margin: 0 auto;
		z-index: -200;
		left: -22%;
		top: 4px;
	}
	.titleArea__catch h2 {
		width: 70%;
		margin-bottom: 1.9rem;
		margin-left: 5.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.titleArea__catch--subTxt {
		width: 61%;
		margin-left: 5.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.titleArea--img {
		width: 100%;
	}

/* thin */
	.thin .titleArea__catch--subTxt {
		width: 59%;
	}

/* short */
	.short .titleArea__catch:before {
		width: 107%;
	}
	.short .titleArea__catch:after {
		width: 108%;
	}
	.short .titleArea__catch--subTxt {
		width: 72%;
	}

/* contentsArea
---------------------------------------------*/
	.underPage .contentsArea section:last-child {
		margin-bottom: 0;
	}
	.underPage .contentsArea h2 {
		font-size: 240%;
		margin-bottom: 2rem;
		line-height: 1.33;
	}
	.underPage .contentsArea p {
		margin-bottom: 15px;
		font-size: 120%;
		line-height: 2;
		margin-bottom: 1.3rem;
	}
	.underPage .contentsArea p:last-child {
		margin-bottom: 0;
	}
	.contentsArea--block01 .inner--contentsArea,
	.contentsArea--block03 .inner--contentsArea {
		display: flex;
		flex-direction: column-reverse;
	}
	.underPage .contentsArea__txtWrap {
		margin-bottom: 2rem;
	}

	/* short */
	.short .contentsArea--block01 .inner--contentsArea {
		flex-direction: column;
	}

	/* small */
	.small .contentsArea--block01 .inner--contentsArea {
		flex-direction: column;
	}
	.small .contentsArea--block02 .inner--contentsArea{
		display: flex;
		flex-direction: column-reverse;
	}

/* articleArea
---------------------------------------------*/
	.articleArea {
		background: #eee;
	}
	.inner--articleArea {
		padding: 3.5rem 0 4rem;
	}
	.articleArea h2 {
		font-size: 240%;
		text-align: center;
		margin-bottom: 4.6rem;
	}
	.articleArea h2 span {
		font-size: 58.3333%;
		color: #3fb06c;
		display: block;
	}
	.articleArea__list__item {
		width: 100%;
		margin-bottom: 3rem;
	}
	.articleArea figure {
		margin-bottom: 2rem;
	}
	.articleArea__list__item img {
		min-width: 100%;
	}
	.articleArea h3 {
		font-size: 200%;
		color: #3fb06c;
		margin-bottom: 1rem;
		line-height: 1.33;
	}
}


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

	sp landscape

----------------------------------------------------------------------------- */
@media screen and (max-width: 768px) and (orientation: landscape) {
	.pcShow {
		display: block;
	}
	.spShow {
		display: none;
	}
	.mvArea__catch {
		bottom: 4%;
	}
	.mvArea__catch:before {
		height: 140%;
	}
	.mvArea__catch:after {
		left: -22.5%;
		top: 12%;
		width: 98.5%;
	}
	.mvArea__catch h2 {
		margin-bottom: .8rem;
	}
	.inner--movieArea {
		padding: 8rem 0 4rem;
	}
	.menuList__item--title {
		max-width: 220px;
	}

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

	under page

----------------------------------------------------------------------------- */
	.titleArea__catch {
		width: 50%;
		top: 0;
		bottom: 0;
		margin: auto;
		height: 37%;
	}
	.titleArea__catch h2 {
		margin-bottom: 1rem;
	}
	.titleArea__catch--subTxt {

	}
	.titleArea--img {
		width: 90%;
		margin-left: auto;
	}
	.titleArea {
		margin-bottom: 5rem;
	}

}