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

/**
/* .mainContents
/* #flow1
 */


/* .mainContents
--------------------- */

.mainContents {
	margin-bottom: 80px;
}
@media only screen and (max-width: 600px) {
.mainContents {    
	margin-bottom: 0px;
}}


.mainContents section {
	margin-bottom: 80px;
}
.mainContents section h3 {
	background: -webkit-linear-gradient(left, #38BEEF 0%, #00A1E9 100%);
	background:        -webkit-gradient(linear, left top, right top, color-stop(0%, #38BEEF), color-stop(100%, #00A1E9));
	background:         linear-gradient(to right, #38BEEF 0%, #00A1E9 100%);
	background-color: #38BEEF;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 30px;
	padding: 9px 0;
	text-align: center;
}
.mainContents section p {
	line-height: 2.5;
	margin-bottom: 2rem;
}
@media only screen and (max-width: 600px) {
	.mainContents section {
		margin-bottom: 2.5rem;
	}
	.mainContents section h3 {
		font-size: 1.2rem;
		margin-bottom: 1.25rem;
		padding: 13px 0;
	}
	.mainContents section p {
		line-height: 2;
		margin-bottom: 2.5rem;
        text-align: justify;
	}
}

/* .btnMovie */
.mainContents .btnMovie a {
	background: -webkit-linear-gradient(left, #F5A509 0%, #EA5404 100%);
	background:        -webkit-gradient(linear, left top, right top, color-stop(0%, #F5A509), color-stop(100%, #EA5404));
	background:         linear-gradient(to right, #F5A509 0%, #EA5404 100%);
	background-color: #F5A509;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: #fff;
	display: block;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
	padding: 1px;
	text-align: center;
}
.mainContents .btnMovie a > span {
	background: -webkit-linear-gradient(left, #EA5404 0%, #F5A509 100%);
	background:        -webkit-gradient(linear, left top, right top, color-stop(0%, #EA5404), color-stop(100%, #F5A509));
	background:         linear-gradient(to right, #EA5404 0%, #F5A509 100%);
	background-color: #EA5404;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	display: block;
}
.mainContents .btnMovie a > span > span {
	background: url(../img/ico_arrow.png) 100% 50% no-repeat;
	-webkit-background-size: 16px 18px;
	        background-size: 16px 18px;
	display: inline-block;
	padding: 28px 28px 28px 0;
}
@media only screen and (max-width: 600px) {
	.mainContents .btnMovie a {
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	.mainContents .btnMovie a > span {
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
	.mainContents .btnMovie a > span > span {
		padding: 20px 28px 20px 0;
	}
}


/* .btnMovie2 */
.mainContents .btnMovie2 {
	display: block;
	padding: 1px;
	text-align: center;
}
@media only screen and (max-width: 600px) {
	.mainContents .btnMovie2 {
		-webkit-border-radius: 5px;
				border-radius: 5px;
	}
}

.mainContents .btnMovie2 img {
 width: 600px;
}
@media (max-width: 768px){
	.mainContents .btnMovie2 img {
 width: 90%;
	}
}

.mainContents .btnzukai img {
 width: 650px;
margin-bottom: 5rem;    
border-block-end:1px dotted #999;
padding-bottom: 4rem;
}
@media (max-width: 768px){
	.mainContents .btnzukai img {
 width: 90%;
	}
}

/* #flow1
--------------------- */

#flow1 {
	margin-bottom: 0;
}
#flow1 li {
	border: 2px solid #7FCFF4;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: #231815;
	float: left;
	margin: 0 18px 18px 0;
	padding: 28px 40px 15px;
	width: 351px;
}
#flow1 li:nth-child(2n) {
	margin-right: 0;
}
#flow1 li .txt1 {
	margin-bottom: 20px;
	text-align: center;
}
#flow1 li .txt2 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.46;
	margin: 0 -40px 20px;
	text-align: center;
}
#flow1 li figure {
	margin-bottom: 30px;
	text-align: center;
}
#flow1 li figure img {
	height: 38px;
}
#flow1 li .txt3 {
	color: #898989;
	font-size: 1.6rem;
	line-height: 1.875;
	margin-bottom: 20px;/*	margin-bottom: 20px;*/
	text-align: left;
}
@media only screen and (max-width: 600px) {
	#flow1 {
		margin-bottom: 2.5rem;/*	margin-bottom: 45px;*/
	}
	#flow1 h3 {
		margin-bottom: 1.25rem;/*	margin-bottom: 10px;*/
	}
	#flow1 li {
		border: 1px solid #7FCFF4;
		-webkit-border-radius: 5px;
				border-radius: 5px;
		margin: 0 0 2.5rem;
		padding: 9.375vw 8vw 0vw;/*		padding: 9.375vw 9.375vw 1.25vw;*/
		width: 100%;
	}
	#flow1 li .txt1 {
		margin-bottom: 1.25rem;/*	margin-bottom: 15px;*/
	}
	#flow1 li .txt1 img {
		height: 3rem;/*	height: 29px;*/
	}
	#flow1 li .txt2 {
		font-size: 1.8rem;
		margin: 0 -9.375vw 1.25rem;/*		margin: 0 -9.375vw 15px;*/
	}
	#flow1 li figure {
		margin-bottom: 25px;
	}
	#flow1 li figure img {
		height: 2.5rem;/*	height: 29px;*/
	}
	#flow1 li .txt3 {
		font-size: 1.6em;
		line-height: 2;
    	margin-bottom: 2.5rem;
        text-align: justify;
	}
}


/* figure
--------------------- */

/* figure */
article > figure {
	margin-bottom: 100px;
}
article > figure img {
	width: 100%;
}
@media only screen and (max-width: 600px) {
	article > figure {
		margin-bottom: 2.5rem;/*	margin-bottom: 30px;*/
	}
}


/* #flow2
--------------------- */

#flow2 h3 {
	margin-bottom: 0;
}
#flow2 .inner {
	border: 2px solid #7FCFF4;
	border-top: 0;
	margin-bottom: 40px;
	padding: 40px;
}
#flow2 ul {
	background: url(../img/flow_arrow2.png) 50% 100% no-repeat;
	margin-bottom: 45px;
	padding-bottom: 60px;
}
#flow2 ul:last-child {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#flow2 li:nth-child(1),
#flow2 li:nth-child(2) {
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 20px;
	padding: 20px;
	text-align: center;
	width: 60px;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
}
#flow2 li:nth-child(1) {
	background: #00A0E9;
	color: #fff;
	float: left;
	margin-right: 38px;
}
#flow2 li:nth-child(2) {
	border: 2px solid #7FCFF4;
	color: #00A0E9;
	float: right;
}
#flow2 li:nth-child(3) {
	margin: 0 auto;
	width: 440px;
}
#flow2 li:nth-child(3) dl {
	background: url(../img/flow_arrow.png) 50% 100% no-repeat;
	-webkit-background-size: auto 12px;
	        background-size: auto 12px;
	margin-bottom: 12px;
	padding-bottom: 23px;
}
#flow2 li:nth-child(3) dl:last-child {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#flow2 li:nth-child(3) dt {
	border: 2px solid #7FCFF4;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	color: #231815;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 18px;
	text-align: center;
}
#flow2 li:nth-child(3) dd {
	font-size: 1.6rem;
	line-height: 1.875;
}
@media only screen and (max-width: 600px) {
	#flow2 h3 {
		font-size: 1.4rem;
		padding: 5px;
	}
	#flow2 .inner {
		border: 1px solid #7FCFF4;
		border-top: 0;
		margin-bottom: 2.5rem;
		padding: 1.25rem 3.125vw 3.125vw 3.125vw;
	}
	#flow2 ul {
		-webkit-background-size: auto 10px;
				background-size: auto 10px;
		margin-bottom: 20px;
		padding-bottom: 30px;
	}
	#flow2 ul:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#flow2 li:nth-child(1),
	#flow2 li:nth-child(2) {
		font-size: 1.6em;
		line-height: 1.2;
		padding: 8px 10px;
		width: 100%;
		-webkit-writing-mode: horizontal-tb;
			-ms-writing-mode: lr-tb;
				writing-mode: horizontal-tb;
	}
	#flow2 li:nth-child(1) {
		-webkit-border-radius: 0;
				border-radius: 0;
		float: none;
		margin-bottom: 1.25rem;
		margin-right: 0;
	}
	#flow2 li:nth-child(2) {
		border: 1px solid #7FCFF4;
		-webkit-border-radius: 5px;
				border-radius: 5px;
		float: none;
		margin-bottom: 1.25rem;/*	margin-bottom: 20px;*/
	}
	#flow2 li:nth-child(3) {
		width: 100%;
	}
	#flow2 li:nth-child(3) dl {
		-webkit-background-size: auto 7px;
				background-size: auto 7px;
		margin-bottom: 8px;
		padding-bottom: 1.25rem;/*padding-bottom: 12px;*/
	}
	#flow2 li:nth-child(3) dl:last-child {
		background: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#flow2 li:nth-child(3) dt {
		border: 1px solid #7FCFF4;
		-webkit-border-radius: 5px;
				border-radius: 5px;
		font-size: 1.4rem;
		padding: 1.25rem;
	}
	#flow2 li:nth-child(3) dd {
		font-size: 1.6em;
		line-height: 2;
	}
}