@charset "utf-8";

/*=====================================================
COMMON-LAYOUT
======================================================*/




.main{
	position: relative;
}

.main .img{}

.main .main_img_box{
	position: relative;
}
.main .main_img_box .s02,
.main .main_img_box .s03,
.main .main_img_box .s04{
	position: absolute;
}

.main .main_img_box .s02{
	top: 0;
	left: 0;
	width: 50%;
}

.main .text{
	position: absolute;
	bottom: 5.2%;
	left: 22.27272727272727%;
	right: 22.27272727272727%;
	width: 55.45454545454545%;
	text-align: center;
}

.main .imgicon01{
	position: absolute;
	bottom: -15.8%;
	left: 0;
	width: 21.18181818181818%;
	text-align: center;
/*	pointer-events: none;*/
}

.main .imgicon02{
	position: absolute;
	bottom: -3.8%;
	right: 0;
	width: 21.72727272727273%;
	text-align: center;
/*	pointer-events: none;*/
}




/*子供上下の動き*/
.main .imgicon01 img,
.main .imgicon02 img{
	display:block;
	width:100%;
	position:relative;
	text-align:center;
	animation:scr 1s both infinite alternate;
	-webkit-animation:scr 1s both infinite alternate;
}
@-webkit-keyframes scr{
	0%{
		-webkit-transform:translate3d(0, -4px, 0);
		transform:translate3d(0, -4px, 0);
	}
	100%{
		-webkit-transform:translate3d(0, 4px, 0);
		transform:translate3d(0, 4px, 0);
	}
}
@keyframes scr{
	0%{
		-webkit-transform:translate3d(0, -4px, 0);
		transform:translate3d(0, -4px, 0);
	}
	100%{
		-webkit-transform:translate3d(0, 4px, 0);
		transform:translate3d(0, 4px, 0);
	}
}
/*子供上下の動き*/






/*sec01*/
.sec01 .ol_ttl{
	margin: 0 auto;
	/* width: 55.72727272727273%; */
}
.sec01 .text01{
	line-height: 2.4;
}
/*sec01*/

/*sec02*/
.sec02 .btn{
	position: relative;
	z-index: 1;
}
.sec02 .btn p:nth-child(1){
	margin-bottom: -2.9%;
}
.sec02 .innew_wrap{
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
}
.sec02 .innew_wrap .imgicon01{
	position: absolute;
	top: -33.8%;
	left: 0;
	width: 32.375%;
	text-align: center;
	z-index: 1;
}
.sec02 .innew_wrap .imgicon02{
	position: absolute;
	top: -33%;
	right: 0;
	width: 31.625%;
	text-align: center;
	z-index: 1;
}
/*sec02*/


/*sec03*/
.sec03 {
	overflow: hidden;
	margin-top: -7%;
	background-image: url(../images/top/bg_b.png);
	background-position: center bottom;
	background-repeat: repeat-x;
}
.sec03 .innew_wrap{
	background-image: url(../images/top/bg_c.png);
	background-repeat: no-repeat;
	background-position: center top;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	padding-top: 15%;
	padding-bottom: 2%;
}
.sec03 .innew_wrap:before{
	background-image: url(../images/top/bg_l.png);
	background-repeat: repeat-x;
	background-position: left top;
	position: absolute;
	top: 0;
	left: -100%;
	content: "";
	width: 100%;
	height: 100%;
}
.sec03 .innew_wrap:after{
	background-image: url(../images/top/bg_r.png);
	background-repeat: repeat-x;
	background-position: right top;
	position: absolute;
	top: 0;
	right: -100%;
	content: "";
	width: 100%;
	height: 100%;
	z-index: -1;
}

.sec03 .innew_wrap .text_box .ttl{
	font-family: "小塚ゴシック Pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing: 0.2em;
	font-size: 32px;
	color: #353a51;
}

.sec03 .innew_wrap .text_box .ttl span{
	display: inline-block;
	background-image: url(../images/common/underline.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 20px;
}

.sec03 .innew_wrap .text_box .text_copy{
	letter-spacing: 0.2em;
	letter-spacing\0: 0.001em;
	line-height: 2.4;
}
.sec03 .innew_wrap .text_box .text_copy span{
	font-size: 30px;
}

.sec03 .innew_wrap .box{
	position: relative;
	background-image: url(../images/top/bg_n.png);
}


.sec03 .innew_wrap .box:before{
	background-position: left top;
	position: absolute;
	top: 0;
	left: -100%;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/top/bg_n.png);
	content: "";
}
.sec03 .innew_wrap .box:after{

	background-position: right top;
	position: absolute;
	top: 0;
	right: -100%;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/top/bg_n.png);
	content: "";
	z-index: -1;
}




.sec03 .innew_wrap .img_box p.mb{
	margin-bottom: -3.5%;
	position: relative;
	z-index: 1;
}
.sec03 .innew_wrap .img_box p.mb2{
	position: relative;
	z-index: 2;
}

.sec03 .innew_wrap .img_box{
	position: relative;
}
.sec03 .innew_wrap .imgicon01{
	position: absolute;
	top: -5%;
	left: -6%;
	text-align: center;
	width: 34.5%;
}
.sec03 .innew_wrap .imgicon02{
	position: absolute;
	top: -60%;
	right: -26%;
	text-align: center;
	width: 56.51%;
}
.sec03 .innew_wrap .imgicon03{
	position: absolute;
	top: 50%;
	right: 11%;
	text-align: center;
	width: 11.81818181818182%;	
	z-index: 10;
}
/*sec03*/




/*f_inner_box*/


.f_inner_box{
	overflow: hidden;
	
}
.f_inner_box .innew_wrap{
	padding-bottom: 5%;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
}

.f_inner_box .ttl{
	
}

.f_inner_box .ttl{
	font-family: "小塚ゴシック Pro","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体",'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	letter-spacing: 0.2em;
	font-size: 32px;
	color: #353a51;
}

.f_inner_box .ttl span{
	display: inline-block;
	background-image: url(../images/common/underline.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding: 0 20px;
}


.f_inner_box .lists{
	position: relative;
	z-index: 1;
}
.f_inner_box .lists .left{
/*
	float: left;
	width: 75.45454545454545%;
*/
	margin-bottom: 20px;
}
.f_inner_box .lists .right{
/*
	float: right;
	width: 22.72727272727273%;
*/
}
.f_inner_box .lists p{
	box-shadow: 0px 0px 23.28px 0.72px rgba(0, 0, 0, 0.18);
	position: relative;
}
/*
.f_inner_box .lists .left p:nth-child(2n+1){
	float: left;
	width: 56.62650602409639%;
	clear: both;
}
.f_inner_box .lists .left p:nth-child(2n){
	float: right;
	width: 40.96385542168675%;
}
.f_inner_box .lists .left p:nth-child(1),
.f_inner_box .lists .left p:nth-child(2){
	margin-bottom: 2.4%;
}
*/

.f_inner_box .innew_wrap .in_conw{
	position: relative;
}
.f_inner_box .innew_wrap .imgicon01{
	position: absolute;
	top: -35px;
	left: -21%;
	text-align: center;
	width: 32.71929824561404%;
	z-index: 10;
}
.f_inner_box .innew_wrap .imgicon02{
	position: absolute;
	top: -16%;
	left: 22%;
	text-align: center;
	width: 10.29411764705882%;
}




/*f_inner_box*/





@media screen and (max-width: 1340px){
	.sec03 .innew_wrap {
		padding-top: 19%;
	}
}


@media screen and (max-width: 1280px){
	.sec03 .innew_wrap .imgicon01 {
		width: 28.5%;
	}
	.sec03 .innew_wrap .imgicon02 {
		top: -40%;
		right: -6%;
		width: 36.51%;
	}
}


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

	.text20 {
		font-size: 18px;
	}
	.sec03 .innew_wrap .text_box .text_copy span {
		font-size: 26px;
	}
	.sec03 .innew_wrap .imgicon01 {
		width: 24.5%;
		left: 0;
	}
	
	.sec03 .innew_wrap .imgicon02 {
		top: 0%;
		right: 0;
		width: 26.51%;
	}
}


@media screen and (max-width: 1100px){
	.sec02{
		margin-bottom: 6%;
	}
	
	.sec03 .innew_wrap {
		background-size: contain;
	}
	
	.sec03 .innew_wrap .imgicon01 {
		top: -28%;
	}
	
	.sec03 .innew_wrap .imgicon02 {
		top: -40%;
	}
}


@media screen and (max-width: 920px){
	.sec03 .innew_wrap .imgicon03 {
		right: 1%;
	}
	.sec03 .innew_wrap {
		padding-bottom: 40px;
	}
}


@media screen and (max-width: 750px){
	
	div.header h2{
		display: none;
	}
	
	
	.text20 {
		font-size: 16px;
	}
	.sec03 .innew_wrap .text_box .text_copy span {
		font-size: 20px;
	}
	.sec01 .text01 {
		line-height: 2;
	}
	.sec03 .innew_wrap .text_box .text_copy {
		line-height: 2;
	}
	
	.sec03 .innew_wrap .text_box .ttl {
		font-size: 26px;
	}
	
	.f_inner_box .ttl {
		font-size: 26px;
	}
	
	
	.sec02 .btn {
		padding-bottom: 12%;
	}
	.sec02 .innew_wrap .imgicon01 {
		top: auto;
		bottom: 0;
	}
	.sec02 .innew_wrap .imgicon02 {
		top: auto;
		bottom: 0;
	}
	
	
	.more a{
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	
	
	.sec03 .innew_wrap .imgicon02 {
		top: -33%;
	}
	
	
	.f_inner_box .lists .left {
		float: none;
		width: 100%;
		max-width: 470px;
		margin: 0 auto 20px;
	}
	
	
	.f_inner_box .lists .left p:nth-child(2n+1){
		float: none;
		width: 100%;
		clear: both;
	}
	.f_inner_box .lists .left p:nth-child(2n){
		float: none;
		width: 100%;
	}
	.f_inner_box .lists .left p:nth-child(1),
	.f_inner_box .lists .left p:nth-child(2),
	.f_inner_box .lists .left p:nth-child(3){
		margin-bottom: 20px;
	}
	
	
	
	.f_inner_box .lists .right {
		float: none;
		width: 100%;
		max-width: 470px;
		margin: 0 auto;
	}
}


@media screen and (max-width: 650px){
	.sec01 .text01 {
		text-align: left;
	}
	.sec01 .text01 br{
		display: none;
	}
	.sec03 .innew_wrap .text_box .text_copy {
		text-align: left;
	}
	.sec03 .innew_wrap .text_box .text_copy br{
		display: none;
	}
	.sec03 .innew_wrap .text_box .text_copy span {
		font-size: 18px;
	}
	
	.sec01 .text01 {
		line-height: 1.6;
	}
	.sec03 .innew_wrap .text_box .text_copy {
		line-height: 1.6;
	}
	
	.sec03 .innew_wrap .text_box .ttl {
		font-size: 22px;
	}
	.f_inner_box .ttl {
		font-size: 22px;
	}
}