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

.in_wrap .sec00 {	background: url(../img/mv.jpg) no-repeat center/cover ;}
.in_wrap #pan { margin: 0 auto 80px;}

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

	#wrap header { position: fixed; }

}

.sec .inner ul.en li{
	max-width: 180px;
	width: 28.5%;
	float: left;
}

.sec .inner li a.btn{
	float: none;
	margin: 10px auto 0;
	display: table;
	letter-spacing: 0;
	padding: 2px 38px 2px 10px;
	box-sizing: border-box;
}

@media screen and (min-width: 751px) {

	.sec:not(.sec01) {
		padding: 100px 0;
	}


}

/*---------------------------------------------------------------------
						sec01
----------------------------------------------------------------------*/

.sec01 {
	padding-top: 50px;
	margin-bottom: 80px;
	background: url(../img/bg_sita.png) no-repeat bottom 100px left 65px,url(../img/bg_ue.png) no-repeat top 0px right 90px;
}

.sec01 .inner{
	max-width: 550px;
	width: calc(100% - 40px);
	position: relative;
}

.sec01 .inner dt img { width: 100%;}


@media screen and (min-width: 1025px) {


}

@media screen and (max-width: 1024px) and (min-width: 751px) {

}

@media screen and (min-width: 751px) {

	.sec01 .inner dt {
		max-width: 52px;
		width: 12%;
		float: left;
	}

	.sec01 .inner dd {
		float: right;
		margin-top: 25px;
		line-height: 40px;
		max-width: 380px;
		width: 75%;
	}

}

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


	.sec01 {
		padding: 0px 0 50px;
		margin-bottom: 0px;
		background: url(../img/bg_sita.png) no-repeat bottom 120px left -100px/80%,url(../img/bg_ue.png) no-repeat top 20px right -110px/80%;
	}

	.sec01 .inner{
		width: calc(100% - 30px);
	}

	.sec01 .inner dt {
		max-width: 75px;
		width: 11%;
		margin: 0 auto;
	}

	.sec01 .inner dt img { width: 100%;}

	.sec01 .inner dd {
		margin-top: 30px;
		/* line-height: 28px; */
	}

}


/*---------------------------------------------------------------------
						sec02
----------------------------------------------------------------------*/

.sec02 {
	padding-top: 50px;
	/* margin-bottom: 100px; */
}

.sec02 .inner{
	max-width: 1000px;
	width: calc(100% - 40px);
	position: relative;
	display: flex;
	justify-content: center;
  flex-wrap: wrap;
}

.sec02 .inner li em{
	font-size: 20px;
	display: block;
	text-align: center;
	margin: 30px auto 20px;
	font-weight: 500;
}

.sec02 .inner img { width: 100%;}

@media screen and (min-width: 1025px) {


}

@media screen and (max-width: 1024px) and (min-width: 751px) {

}

@media screen and (min-width: 751px) {

	.sec02 .inner li:not(:first-child):not(:nth-child(4)){margin-left: 3.5%;}
	.sec02 .inner li:nth-child(n+4){margin-top: 5%;}

	.sec02 .inner li{
		max-width: 300px;
		width: 31%;
	}

}

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

	.sec02 {
		padding-top: 30px;
		margin-bottom: 60px;
	}
	.sec02 .inner li img {
		max-width: 200px;
		display: block;
		margin: 0 auto ;
	}
	.sec02 .inner li{
		max-width: 450px;
	}
	.sec02 .inner li:not(:first-child) {margin-top: 30px;}

	.sec02 .inner li em{
		font-size: 18px;
	}

}



/*---------------------------------------------------------------------
						sec03
----------------------------------------------------------------------*/

.sec03 {
	padding-top: 100px;
	/* margin-bottom: 100px; */
	font-size: 13px;
	line-height: 22px;
	background: url(../img/bg.jpg) #000 no-repeat top center/cover;
	color: #fff;
}

.sec03 .ttl {
	width: calc(100% - 40px);
	margin-bottom: 60px;
	text-align: center;
}

.sec03 h4 {
	font-size: 30px;
	line-height: 140%;
	margin: 0 auto 30px;
}

.sec03 span {	font-size: 16px;}
.sec03 span a {
	text-decoration: underline;
	color: #fff;
}

.sec03 .inner{
	max-width: 900px;
	width: calc(100% - 40px);
	margin: 0 auto;
}
.sec03 .inner:not(.inner03) { margin-bottom: 50px;}

.sec03 .inner01 li em{
	font-size: 20px;
	display: block;
	text-align: center;
	margin: 20px auto 15px;
	font-weight: 500;
}

.sec03 .inner01 li p {margin: 0 auto;}
.sec03 .inner img { width: 100%;}

.sec03 .inner02 li:not(:last-child) {	margin-bottom: 25px;}

.sec03 .inner02 li em{
	font-size: 15px;
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
}

.sec03 .inner03 {
	border: solid 1px #fff;
	padding: 40px;
	box-sizing: border-box;
	margin-bottom: 80px;
}

.sec03 .inner03 dt{
	font-size: 20px;
	margin-bottom: 25px;
	font-weight: 500;
	text-align: center;
}

.sec03 a.btn{
	color: #fff;
	float: none;
	font-size: 14px;
	margin: 10px auto 0;
	display: table;
	letter-spacing: 0;
	padding: 2px 30px 2px 10px;
	box-sizing: border-box;
	background: url(../../img/common/icon_w.png) no-repeat bottom -1px right;
}



@media screen and (min-width: 1025px) {


}

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



}

@media screen and (min-width: 751px) {

	.sec03 .inner01 ul{
		position: relative;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.sec03 .inner01 li{
		max-width: 295px;
		width: 32.8%;
	}
	.sec03 .inner01 li:not(:first-child){margin-left: 0.7%;}

}

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

	.sec03 { padding: 60px 0 ; }

	.sec03 .ttl {
		margin-bottom: 40px;
		width: calc(100% - 30px);
	}

	.sec03 h4 {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.sec03 span {	font-size: 14px;}
	.sec03 .inner:not(.inner03) { margin-bottom: 30px;}

	.sec03 .inner01 li {
		max-width: 275px;
		margin: 0 auto;
		}

	.sec03 .inner01 li em {
    font-size: 18px;
    /* margin: 20px auto 15px; */
	}

	.sec03 .inner01 li:not(:first-child){ margin-top: 30px;}
	.sec03 .inner02 li:not(:last-child) {	margin-bottom: 15px;}

	.sec03 .inner03 {
    padding: 20px;
    margin-bottom: 40px;
	}
	.sec03 .inner02 li em {
    font-size: 14px;
    margin-bottom: 5px;
	}
	.sec03 .inner03 dt {
    font-size: 18px;
    margin-bottom: 15px;
	}

	.sec03 .inner01 li p { text-align: center; }


}