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



/* SP */
@media screen and (max-width: 768px){

/* TOP */

.wrap {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

/* header */

header {
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 13.33% 0 0 0;
	text-align: center;
	position: relative;
}
	
header img {
	width: 52.53%;
	text-align: center;
	margin: 0 auto 0 auto;
	position: absolute;
	top: 20.64%;
	left: 0;
	right: 0;
}	

	
	
/* FV */
	
#fv {
	width: 100%;
	height: auto;
	margin: 0 auto 8% auto;
	padding: 0 0 106% 0;
	position: relative;
	background-image:url("../img/fv/sp_fv_img.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	z-index: 1;
}

	
	
.fv_text1 {
	font-size: 12vw;
		position: absolute;
		top: 50%;
		left: 6%;
		color: #8dc21f;
		text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
          			    -1px 1px 0 #FFF, 1px -1px 0 #FFF,
             			 0px 1px 0 #FFF,  0 -1px 0 #FFF,
            			  -1px 0 0 #FFF, 1px 0 0 #FFF;
				-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
   				 filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
}
	
.fv_text2 {
	font-size: 12vw;
		position: absolute;
		top: 63%;
		left: 6%;
		color: #8dc21f;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
}	
	
	.fv_text3 {
		font-size: 5.8vw;
		line-height: 1.3;
		position: absolute;
		top: 80%;
		left: 7%;
		text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0 -1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	-webkit-filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
    filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.9));
	}
	
	.fv_scanner {
		width: 63.33%;
		position: absolute;
		bottom: -7%;
  		right: -12%;
	}
	

	
#fv_p {
	width: 100%;
	margin: 0 auto 10.66% auto;
	overflow: hidden;
}
	
	#fv_p h2 {
		font-size: 7.46vw;
		line-height: 1.4;
		margin: 2% auto 3% auto;
		font-weight: bold;
		color: #8dc21f;
		text-align: center;
	}

	#fv_p h3 {
		font-size: 5vw;
		margin: 0 auto 2.66% auto;
		text-align: center;
	}
	
	#fv_p h4 {
		width: 65%;
		font-size: 5.3vw;
		margin: 10.66% auto 5.3% auto;
		text-align: center;
		color: #fff;
		background-color: #8ec31f;
		padding: 2px;
	}
	
	
	.fv_p {
		width: 100%;
		font-size: 4.5vw;
		line-height: 1.8;
		margin: 0 auto 4% auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
	
	.fv_p1 {
		width: 86.66%;
		font-size: 4.5vw;
		line-height: 1.8;
		margin: 1.33% auto 4% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		}
	
	.fv_p1_2 {
		width: 48%;
		font-size: 4.5vw;
		line-height: 1.8;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		float: left;
		padding-left: 7%;
		margin-bottom: 4%;
		}
	
	.fv_p_img {
		width: 45%;
		float: right;
		}
	
	
	.fv_p2 {
		width: 86.66%;
		font-size: 4.5vw;
		line-height: 1.8;
		margin: 1.33% auto 4% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		clear: both;
}
	
	.fv_p_img_w {
		width: 100%;
		margin: 5.3% auto 0 auto;
	}
	
	.fv_p_img_02 {
		width: 66.66%;
		margin: 0 auto 3% auto;
	}
	
	.fv_p_img_03 {
		width: 66.66%;
		margin: 0 auto 0 auto;
	}
	
	
	

	
		
/* con1 */
	
#con1 {
	width: 100%;
	margin: 0 auto 10.66% auto;
	background-color: #f4f9e9;
	overflow: hidden;
	padding-bottom: 10.66%;
}
	
	
	#con1 h3 {
		font-size: 5vw;
		margin: 10.66% auto 3% auto;
		text-align: center;
	}	
	
	#con1 h3 span {
		font-weight: bold;
    background: linear-gradient(transparent 50%, yellow 50%);
	}
	
	
	#con1 h4 {
		width: 65%;
		font-size: 5.3vw;
		margin: 0 auto -7% auto;
		text-align: center;
		color: #fff;
		background-color: #8ec31f;
		padding: 2px;
	}
	
	.con1_st_w {
		width: 100%;
		margin: 6% auto 0 auto;
		overflow: hidden;
	}
	
	.con1_st_m {
		width: 13.6%;
		margin: 0 2% 4% 7%;
		float: left;
	}
	
	.con1_st_t {
		margin: 0 0 0 0;
		float: left;
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 1.4;
		color: #8ec31f; 
	}
	
	.con1_p {
		width: 86.66%;
		font-size: 4.5vw;
		line-height: 1.8;
		margin: 0 auto 4% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	
	.video_w {
		width: 100%;
		margin: 6.66% auto 0 auto;
		text-align: center;
	}
	
	video {
		width: 85.33%;
	}
	
	.con1_sankaku {
		width: 17.6%;
		margin: 4% auto -2% auto;
	}

#con2 {
	width: 100%;
	margin: 0 auto 10.66% auto;
	padding-top: 0;
	padding-bottom: 0;
}
	
	#con2 h2 {
		font-size: 5.3vw;
		margin: 0 auto 4% auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		line-height: 1.4;
	}
	
	#con2 h2 span {
		font-weight: bold;
		color: #8ec31f;
		font-size: 7.46vw;
	}
	
	.con2_img_w {
		width: 66.6%;
		margin: 0 auto 10% auto;
		overflow: hidden;
	}
	
	.con2_img01 {
		width: 100%;
		margin-bottom: 4%;
	}
	
	.con2_img02 {
		width: 100%;
	}
	
#con2 h3 {
	font-size: 4.8vw;
	font-weight: bold;
	text-align: center;
	
	color: #8ec31f;
	padding: 4px 2px 2px 2px;
	border: 4px solid #8ec31f;
	margin: 0 auto 4% auto;
	width: 80%;
	}
	
	
	.con2_p1 {
		width: 86.66%;
		font-size: 4vw;
		line-height: 1.8;
		margin: 0 auto 6.66% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}	

	
/* con3 */
	
#con3 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 10.66%;
	padding-bottom: 4.66%;
	background-color: #f4f9e9;
}
	
	#con3 h2 {
		font-size: 5vw;
		margin: 0 auto 4.6% auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	#con3 h2 span {
		font-weight: bold;
		color: #8ec31f;
	}
	
	.con3_p1 {
		width: 86.66%;
		font-size: 4vw;
		line-height: 1.8;
		margin: 0 auto 3.33% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}

	.con3_pt_sp {
		padding-top: 6.66%;
	}
	
/* con4 */
	
#con4 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 10.66%;
}
	
	.con4 {
		width: 86.66%;
		margin: 0 auto 10.66% auto;
		padding-bottom: 1.33%;
		padding-top: 5.3%;
		background-color: #fffff2;
		box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 40%);
	}
	
	#con4 h2 {
		font-size: 5vw;
		margin: 0 auto 5.3% auto;
		padding: 0.5% 0 0 0;
		font-weight: bold;
		color: #fff;
		text-align: center;
		width: 44.15%;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		background-color: #ef3486;
	}
	
	
	#con4 h3 {
		width: 85%;
		font-size: 4.5vw;
		margin: 0 auto 1.33% auto;
		color: #ef3486;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		text-indent: -1em;
		padding-left: 1em;
	}
	
	.con4_p1 {
		width: 89%;
		font-size: 4vw;
		line-height: 1.8;
		margin: 0 auto 4.5% auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		border-bottom: 1px solid #ef3486;
		padding-bottom: 4.5%;
	}
	
	
	.con4_p1:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}	
	
	
/* con5 */
	
#con5 {
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #f4f9e9;
	padding-top: 10.66%;
	padding-bottom: 10.66%;
	overflow: hidden;
}
	
	#con5 h2 {
		font-size: 5vw;
		margin: 0 auto 6.66% auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	#con5 h2 span {
		font-weight: bold;
		background: linear-gradient(transparent 50%, yellow 50%);
	}
	
	.cpn5_txet_w {
		width: 86.66%;
		margin: 0 auto 0 auto;
	}
	
	.con5_p {
		font-size: 4vw;
		line-height: 1.8;
		margin: 0 auto 0 auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	.con5_img {
		width: 41%;
		float: right;
		padding-left: 2%;
	}	
	
	
	
/* con6 */
	
	#con6 {
		width: 100%;
		margin: 10.66% auto 0 auto;
	}
	
	
	#con6 h2 {
		font-size: 5vw;
		margin: 0 auto 2% auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		color: #8ec31f;
		font-weight: bold;
	}
	
	.con6_p1 {
		width: 100%;
		margin: 0 auto 6.66% auto;
		font-size: 4.5vw;
		text-align: center;
		line-height: 1.8;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}

	
	
/* cv */
	
.cv {
	width: 86.66%;
	margin: 0 auto 10.66% auto;
	position: relative;
	background-color: #ffffe5;
	padding-bottom: 5.3%;
}
	
	.cv_h2 {
		font-size: 5vw;
		font-weight: bold;
		color: #ed1e79;
		text-align: center;
		margin: 0 auto 4% auto;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		padding-top: 5.3%;
	}
	
	.cv_text01 {
		width: 86.66%;
		margin: 0 auto 5% auto;
		padding-bottom: 4%;
		border-bottom: 1px solid #8ec31f;
	}
	
	.cv_text02 {
		width: 86.66%;
		margin: 0 auto 0 auto;
	}
	
	
	.cv_p1 {
		font-size: 3.7vw;
		text-align: center;
		margin: 0 auto 0 auto;
		line-height: 1.5;
	}
	
	.cv_p2 {
		font-size: 3.7vw;
		text-align: center;
		margin: 0 auto 0 auto;
		line-height: 1.5;
	}
	
	.cv_p1 span, .cv_p2 span {
		font-weight: bold;
		color: #8ec31f;
	}
	
	.cv_btn1 {
		width: 100%;
		margin: 0 auto;
	}
	
	.cv_btn2 {
		width: 100%;
		margin: 0 auto;
	}
	
	
	
}


/* PC */
@media screen and (min-width: 769px){

/* TOP */

.wrap {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

/* header */

header {
	width: 100%;
	height: 100px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
}
	
header img {
	width: 394px;
	text-align: center;
	margin: 20px auto 0 auto;
}		
	
	
/* FV */
	
#fv {
	width: 100%;
	height: 500px;
	
	margin: 0 auto 70px auto;
	padding: 0 0 0 0;
	
	background-image:url("../img/fv/fv_img.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
	
	.fv_w {
		width: 1000px;
		margin: 0 auto 0 auto;
		position: relative;
		
	}
	
	.fv_text1 {
		font-size: 7.6rem;
		position: absolute;
		top: 60px;
		left: 0;
		color: #8dc21f;
	}
	
	.fv_text2 {
		font-size: 7.6rem;
		position: absolute;
		top: 145px;
		left: 0;
		color: #8dc21f;
	}
	
	.fv_text3 {
		font-size: 4.0rem;
		line-height: 1.4;
		position: absolute;
		top: 265px;
		left: 0;
	}
	
	.fv_scanner {
		width: 494px;
		position: absolute;
		top: 320px;
		left: 120px;
	}
	
	
	.sp_fv_text1, .sp_fv_text2, .sp_fv_text3 {
		display: none;
	}
	
	
#fv_p {
	width: 1000px;
	margin: 0 auto 80px auto;
	overflow: hidden;
}
	
	#fv_p h2 {
		font-size: 5.6rem;
		margin: 0 auto 10px auto;
		font-weight: bold;
		color: #8dc21f;
		text-align: center;
	}

	#fv_p h3 {
		font-size: 4.0rem;
		margin: 0 auto 20px auto;
		text-align: center;
	}
	
	#fv_p h4 {
		width: 50%;
		font-size: 4.0rem;
		margin: 80px auto 40px auto;
		text-align: center;
		color: #fff;
		background-color: #8ec31f;
		padding: 2px;
	}
	
	
	.fv_p {
		font-size: 2.7rem;
		line-height: 1.8;
		margin: 0 0 30px 0;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
	
	.fv_p1 {
		width: 726px;
		font-size: 2.2rem;
		line-height: 1.8;
		margin:10px 0 30px 0;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
			float: left;
		}
	
	.fv_p_img {
			width: 254px;
			float: right;
		}
	
	
	.fv_p2 {
		clear: both;
		width: 100%;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 0 0 0;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
	
	.fv_p_img_w {
		width: 810px;
		margin: 40px auto 0 auto;
	}
	
	.fv_p_img_02 {
		width: 400px;
		margin: 0 0 0 0;
		float: left;
	}
	
	.fv_p_img_03 {
		width: 400px;
		margin: 0 0 0 0;
		float: right;
	}
	
	
/* con1 */
	
#con1 {
	clear: both;
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #f4f9e9;
	padding-top: 80px;
	padding-bottom: 80px;
	overflow: hidden;
}
	
	#con1 h3 {
		font-size: 4.0rem;
		margin: 0 auto 10px auto;
		text-align: center;
	}	
	
	#con1 h3 span {
		font-weight: bold;
    background: linear-gradient(transparent 50%, yellow 50%);
	}
	
	#con1 h4 {
		width: 50%;
		font-size: 4.0rem;
		margin: 0 auto 40px auto;
		text-align: center;
		color: #fff;
		background-color: #8ec31f;
		padding: 2px;
	}
	
	.con1_st_w {
		width: 1000px;
		margin: 40px auto 0 auto;
	}
	
	.con1_st_m {
		width: 102px;
		margin: 0 15px 30px 0;
		float: left;
	}
	
	.con1_st_t {
		margin: 3px 0 30px 0;
		float: left;
		font-size: 3.8rem;
		font-weight: bold;
		line-height: 1.3;
		color: #8ec31f;
	}
	
	.con1_p {
		clear: both;
		width: 1000px;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 auto 0 auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	.video_w {
		width: 1000px;
		margin: 50px auto 50px auto;
		text-align: center;
	}
	
	video {
		width: 640px;
	}
	
	.con1_sankaku {
		width: 132px;
		margin: 0 auto 0 auto;
	}

	
/* con2 */
	
#con2 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 80px;
	padding-bottom: 80px;
}
	
	#con2 h2 {
		font-size: 4.0rem;
		margin: 0 auto 40px auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	#con2 h2 span {
		font-weight: bold;
		color: #8ec31f;
		font-size: 5.6rem;
	}
	
	.con2_img_w {
		width: 810px;
		margin: 40px auto 60px auto;
		overflow: hidden;
	}
	
	.con2_img01 {
		width: 400px;
		float: left;
	}
	
	.con2_img02 {
		width: 400px;
		float: right;
	}
	
#con2 h3 {
	font-size: 3.4rem;
	font-weight: bold;
	text-align: center;
	
	color: #8ec31f;
	padding: 4px 2px 2px 2px;
	border: 4px solid #8ec31f;
	margin: 0 auto 30px auto;
	width: 600px;
	}
	
	
	.con2_p1 {
		width: 1000px;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 auto 50px auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	

/* con3 */
	
#con3 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 80px;
	padding-bottom: 50px;
	background-color: #f4f9e9;
}
	
	#con3 h2 {
		font-size: 4.0rem;
		margin: 0 auto 40px auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	#con3 h2 span {
		font-weight: bold;
		color: #8ec31f;
	}

	
	.con3_p1 {
		width: 1000px;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 auto 30px auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}


	
/* con4 */
	
#con4 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 80px;
}
	
	.con4 {
		width: 1000px;
		margin: 0 auto 80px auto;
		padding-bottom: 10px;
		padding-top: 40px;
		background-color: #fffff2;
		box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 40%);
	}
	
	#con4 h2 {
		font-size: 3.2rem;
		margin: 0 auto 40px auto;
		padding: 1px 0 0 0;
		font-weight: bold;
		color: #fff;
		text-align: center;
		width: 300px;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		background-color: #ef3486;
	}
	
	
	#con4 h3 {
		width:900px;
		font-size: 3.0rem;
		margin: 0 auto 10px auto;
		color: #ef3486;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	.con4_p1 {
		width:900px;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 auto 35px auto;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		border-bottom: 1px solid #ef3486;
		padding-bottom: 35px;
	}
	
	
	.con4_p1:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	
	
	
/* con5 */
	
#con5 {
	width: 100%;
	margin: 0 auto 0 auto;
	background-color: #f4f9e9;
	padding-top: 80px;
	padding-bottom: 75px;
	overflow: hidden;
}
	
	#con5 h2 {
		font-size: 4.0rem;
		margin: 0 auto 50px auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	#con5 h2 span {
		font-weight: bold;
		background: linear-gradient(transparent 50%, yellow 50%);
	}
	
	.cpn5_txet_w {
		width: 1000px;
		margin: 0 auto 0 auto;
	}
	
	.con5_p {
		width: 715px;
		float: left;
		font-size: 2.2rem;
		line-height: 1.8;
		margin: 0 0 0 0;
		text-align: justify;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
	.con5_img {
		width: 270px;
		float: right;
	}
	

	
		/* con6 */
	
	#con6 {
		width: 100%;
		margin: 80px auto 0 auto;
	}
	
	
	#con6 h2 {
		font-size: 4.0rem;
		margin: 0 auto 15px auto;
		text-align: center;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
		color: #8ec31f;
		font-weight: bold;
	}
	
	.con6_p1 {
		width: 1000px;
		margin: 0 auto 50px auto;
		font-size: 2.2rem;
		text-align: center;
		line-height: 1.8;
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
	}
	
		
/* cv */
	
.cv {
	width: 920px;
	margin: 0 auto 70px auto;
	background-color: #ffffe5;
	overflow: hidden;
	padding: 20px 0;
	box-shadow: 0.3em 0.3em 1em rgb(0 0 0 / 40%);
	border-radius: 20px;
}

	.cv_h2 {
		font-size: 3.2rem;
		font-weight: bold;
		line-height: 1.5;
		color: #ed1e79;
		text-align: center;
		margin: 0 auto 15px auto;
	}
	
	.cv_text01 {
		font-size: 1.7rem;
		text-align: center;
		line-height: 1.5;
		width: 460px;
		float: left;
		background-image: url("../img/cv/cv_kazari.svg");
  	  	background-repeat: no-repeat;
  		background-size: 85%;
  		background-position: center;
	}
	
	.cv_text02 {
		font-size: 1.7rem;
		text-align: center;
		line-height: 1.5;
		width: 460px;
		float: right;
		background-image: url("../img/cv/cv_kazari.svg");
  	  	background-repeat: no-repeat;
  		background-size: 85%;
  		background-position: center;
	}
	
	.cv_text01 span, .cv_text02 span {
		font-weight: bold;
		color: #8ec31f;
	}
	
	.cv_btn01 {
		width: 425px;
		margin: 0 0 0 20px;
		float: left;
	}
	
	.cv_btn02 {
		width: 425px;
		margin: 0 20px 0 0;
		float: right;
	}
	
	
	
	.cv_btn01 a:hover img, .cv_btn02 a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}
	
}