@charset "utf-8";

@media print, screen and (min-width: 751px) {
	a {
		display: block;
	}
	img {
		vertical-align: bottom;
	}
	.inner {
		max-width: 1480px;
		margin: 0 auto;
	}
	.pcShow {
		display: block;
	}
	.spShow {
		display: none;
	}
	.linkArea a:hover {
		opacity: .7;
	}

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

	index

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

/* mvArea
---------------------------------------------*/
	.mvArea {
		position: relative;
	}
	.mvArea__catch {
		position: absolute;
		z-index: 1;
		bottom: -3%;
		left: 5%;
		max-width: 1000px;
		width: 60%;
	}
	.mvArea__catch:before {
		position: absolute;
		content: '';
		display: block;
		background: #3fb06c;
		transform: skewX(-30deg);
		width: 130%;
		height: 176%;
		z-index: -100;
		left: -23%;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.mvArea__catch:after {
		position: absolute;
		content: '';
		display: block;
		background: #ede100;
		transform: skewX(-30deg);
		width: 130%;
		height: 175%;
		margin: 0 auto;
		z-index: -200;
		left: -21%;
		top: -17%;
	}
	.mvArea__catch h2 {
		margin-bottom: 2.6rem;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
		width: 93.5%;
	}
	.mvArea__catch-enTitle {
		display: block;
		width: 96%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.mvArea--img img {
		min-width: 100%;
	}


/* movieArea
---------------------------------------------*/
	.inner--movieArea {
		padding: 21rem 6.0416% 8rem;
	}
	.movieAreaWrap {
		padding: 3rem 5rem 5rem;
		background: #ebf7f0;
		position: relative;
	}
	.movieArea h3 {
		display: block;
		text-align: center;
	}
	.movieArea h3 span {
		font-size: 400%;
		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: 86px;
		height: 66px;
		background: url(../../common/img/yt_play.png) no-repeat center center;
		background-size: 86px;
		top: 50%;
		left: 50%;
		margin-top: -33px;
		margin-left: -43px;
	}
	#main .movieBox a:hover {
		opacity: 1;
	}
	.movieBox a:hover:after {
		background: url(../../common/img/yt_play_hover.png) no-repeat center center;
		background-size: 86px;
	}
	.movieArea__btnWrap {
		display: flex;
		align-items: center;
		width: 43%;
		margin: 0 auto;
		justify-content: space-between;
		margin-bottom: 2rem;
		max-width: 400px;
	}
	.movieArea__btnWrap a {
		color: #FFF;
		display: inline-block;
		width: 180px;
		font-size: 140%;
		height: 52px;
		line-height: 52px;
		text-align: center;
		border-radius: 25px;
	}
	.movieArea__btnWrap a:hover {
		opacity: .7;
	}
	.movieArea__btnWrap a.btn_bc {
		background: #0aa547;
		border: solid 1px #0aa547;
	}
	.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: center;
		font-size: 110%;
		color: #555;
	}


/* contentsArea
---------------------------------------------*/
	.contentsArea section {
		padding: 0 6.0416% 6rem;
	}
	.inner--contentsArea {
		padding: 0 6.0416%;
	}
	.moreTop .contentsArea .inner--contentsArea {
		padding-bottom: 5rem;
	}
	.contentsArea__menuList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.contentsArea__menuList__item {
		width :calc((100% - 60px) / 2);
		margin-bottom: 5rem;
	}
	.contentsArea__menuList__item:nth-last-child(1),
	.contentsArea__menuList__item:nth-last-child(2) {
		margin-bottom: 0;
	}
	.contentsArea__menuList__item a:hover {
		opacity: .7;
	}
	.contentsArea__menuList__item figure {
		margin-bottom: 2rem;
		position: relative;
	}
	.menuList__item__txt h3 {
		font-size: 240%;
		font-weight: bold;
		margin-bottom: 1.4rem;
	}
	.menuList__item__txt p {
		font-size: 160%;
		line-height: 1.75;
	}
	.menuList__item--title {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50px;
		margin: auto;
		width: 53%;
		height: auto;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
		max-width: 260px;
	}


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

	under page

----------------------------------------------------------------------------- */
	.underPage p {
		font-size: 140%;
	}
	.titleArea {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 10rem;
	}
	.titleArea__catch {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 33%;
		top: -5px;
		bottom: 0;
		margin: auto;
	}
	.titleArea__catch:before {
		position: absolute;
		content: '';
		display: block;
		background: #3fb06c;
		transform: skewX(-30deg);
		width: 63.4%;
		height: 144%;
		z-index: -100;
		left: -23%;
		top: 0;
		bottom: 0;
		margin: auto;
		max-width: 1493px;
	}
	.titleArea__catch:after {
		position: absolute;
		content: '';
		display: block;
		background: #ede100;
		transform: skewX(-30deg);
		width: 63.2%;
		height: 145%;
		margin: 0 auto;
		z-index: -200;
		left: -22%;
		top: -11px;
		max-width: 1494px;
	}
	.titleArea__catch h2 {
		display: block;
		width: 22%;
		margin-bottom: 2.2rem;
		margin-left: 2.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.titleArea__catch h2 img {
		/*max-width: 422px;*/
		max-width: 100%;
	}
	.titleArea__catch--subTxt {
		width: 31%;
		margin-left: 2.5%;
		filter: drop-shadow(0px 0px 5px rgba(39, 110, 68, 0.7));
	}
	.titleArea__catch--subTxt img {
		/*max-width: 595px;*/
		max-width: 100%;
	}
	.titleArea--img {
		display: block;
		width: 77.7604%;
		margin-left: auto;
	}
	.titleArea--img img {
		width: 100%;
	}

/* thin */
	.thin .titleArea__catch--subTxt {
		width: 23%;
	}
	.thin .titleArea__catch--subTxt img {
		/*max-width: 422px;*/
		max-width: 100%;
	}

/* short */
	.short .titleArea__catch:before {
		width: 70%;
	}
	.short .titleArea__catch:after {
		width: 70%;
	}
	.short .titleArea__catch--subTxt {
		width: 40%;
	}
	.short .titleArea__catch--subTxt img {
		/*max-width: 768px;*/
		max-width: 100%;
	}

/* small */
	.small .titleArea__catch--subTxt {
		width: 34%;
	}
	.small .titleArea__catch--subTxt img {
		/*max-width: 595px;*/
		max-width: 100%;
	}


/* contentsArea
---------------------------------------------*/
	.underPage .contentsArea--block03 .inner--contentsArea {
		display: table;
	}
	.underPage .contentsArea h2 {
		font-size: 300%;
		margin-bottom: 2rem;
		line-height: 1.5;
	}
	.underPage .contentsArea p {
		font-size: 140%;
		line-height: 2.15;
		margin-bottom: 1.5rem;
	}
	.underPage .contentsArea img {
		width: 100%;
	}
	.underPage .contentsArea p:last-child {
		margin-bottom: 0;
	}
	.inner--contentsArea figure {
		box-sizing: content-box;
	}
	.contentsArea--block01 .inner--contentsArea figure {
		float: right;
		margin: 0 0 4rem 5.7142%;
		width: 50%;
	}
	.contentsArea--block01 .contentsArea__txtWrap {
		display: block;
		width: 100%;
	}
	.contentsArea--block02 .contentsArea__txtWrap {
		margin-bottom: 3rem;
	}
	.contentsArea--block03 .inner--contentsArea figure {
		display: block;
		float: left;
		margin: 0 5.7142% 3rem 0;
		width: 50%;
	}
	.contentsArea--block03 .inner--contentsArea {
		display: block;
		width: 100%;
	}

/* short */
	.short .contentsArea--block01 .contentsArea__txtWrap ,
	.short .contentsArea--block02 .contentsArea__txtWrap  {
		margin-bottom: 3rem;
	}
	.short .contentsArea--block01 .inner--contentsArea figure {
		width: 100%;
		margin: 0;
		float: none;
	}

/* small */
	.small .contentsArea--block01 .inner--contentsArea {
		display: block;
	}
	.small .contentsArea--block01 .inner--contentsArea figure {
		width: 100%;
		float: none;
		margin: 0;
	}
	.small .contentsArea--block01 .contentsArea__txtWrap {
		margin-bottom: 3rem;
	}
	.small .contentsArea--block02 .inner--contentsArea figure {
		box-sizing: content-box;
		float: right;
		margin: 0 0 3rem 5.7142%;
		width: 50%;
	}
	.small .contentsArea--block02 .contentsArea__txtWrap {
		margin-bottom: 0;
	}


/* articleArea
---------------------------------------------*/
	.articleArea {
		background: #eee;
	}
	.inner--articleArea {
		padding: 5.5rem 6.0416% 6rem;
	}
	.articleArea h2 {
		font-size: 240%;
		text-align: center;
		margin-bottom: 5rem;
	}
	.articleArea h2 span {
		font-size: 56.0416%;
		color: #3fb06c;
		display: block;
	}
	.articleArea__list {
		display: flex;
		justify-content: space-between;
	}
	.articleArea__list__item {
		width: calc((100% - 40px) / 3);
	}
	.articleArea__list__item a:hover {
		opacity: .7;
	}
	.articleArea figure {
		margin-bottom: 2rem;
	}
	.articleArea h3 {
		font-size: 200%;
		color: #3fb06c;
		margin-bottom: 2rem;
	}
	.thin .articleArea__list,
	.small .articleArea__list {
		justify-content: flex-start;
	}
	.thin .articleArea__list__item,
	.small .articleArea__list__item {
		margin-right: 20px;
	}
	.thin .articleArea__list__item:last-child,
	.small .articleArea__list__item:last-child {
		margin-right: 0;
	}
}