@charset "utf-8";
/* CSS Document */
/* body{
	overflow-y: auto;
} */

.main{
	width: 100%;
	margin: 0 auto;
	/* height: 100%; */
	/*font-family: Arial, Helvetica, sans-serif;*/
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	position: relative;

}
/* 印刷用 */
/* overflowを初期値(visible)にしないと1ページ分しか印刷できない */
/* footer固定用にmin-heightに数値を指定している場合、印刷時footerが変にずれるので、ここでcontents{min-height:0(初期値);}を指定 */

@media print {
    body{
        overflow-y: visible;
        overflow-x: visible;
    }
    .main{
        overflow-y: visible;
        overflow-x: visible;
	}

}

.introduction{
	position: relative;
	background-image: url(../img_index/img_top_ifield.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/* background-color: #20274e; */
}
.introduction > .introduction_back{
	height: 280px;
	position: relative;
}

.introduction > .introduction_back{
	background-color: rgba(255, 255, 255, 0.6);
}

.introduction .introduction_title{
    position: absolute;
    left: 42%;
	top: 17%;
    color: #fff;
	text-align: right;
}
.introduction_title > p:nth-child(1){
    font-size: 4rem;
    font-weight: 100;
	padding-bottom: 10px;
}
.introduction_title > p:nth-child(1) > span{
    font-size: 2.5rem;
    font-weight: 100;
	padding-right: 12px;
}
.introduction_title > p:last-child{
	font-size: 1.6rem;
    font-weight: 200;
	margin-top: -5px;
	padding-right: 13px;
}
/* .introduction_title > p:nth-child(2){
    font-size: 13rem;
    font-weight: 800;
	margin-top: -10px;
} */

.introduction_title > img{
	width: 600px;
}

/* NOW */
/* nav > ul:nth-child(1) > li:nth-child(1) > a{
	color: #ef4b46;
    font-weight: bold;
} */

.section1{
	margin-bottom: 30px;
}

.section3 h2{
	margin-bottom: 40px;
}

.container_col3_sec3_1 > div.container_item > p.secsion3_p_frame{
	text-align: left;
	border: solid 2px;
    border-radius: 8px;
	padding: 10px;
}

.container_col2_sec3_1{
	margin-top: 30px;
	margin-bottom: 30px;
}
.container_col2_sec3_1 > div.container_item:nth-child(1){
	width: 61%;
}
.container_col2_sec3_1 > div.container_item:nth-child(2){
	width: 39%;
}
.container_col2_sec3_1 > div.container_item > img{
	width: 100%;
}
.container_col2_sec3_1 > div.container_item > p{
	text-align: center;
	font-size: 1.8rem;
    font-weight: bold;
}

/* 表示機能：画像一覧 */
.container_col3_sec3_1 > div.container_item {
	text-align: center;
	padding-bottom: 45px;
}
.container_col3_sec3_1 > div.container_item > img{
	height: 170px;
}
.container_col3_sec3_1 > div.container_item > p{
	text-align: center;
    font-weight: bold;
}

.section4 > .container > .container_item:nth-child(1){
	width: 300px;
}
.section4 > .container > .container_item:nth-child(1) > p{
	background-color: #dd5710;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 10px 0px;
}
.section4 > .container > .container_item:nth-child(1) > span{
	font-size: 1.2rem;
	float: right;
}
.section4 > .container > .container_item:nth-child(2){
	width: calc(100% - 250px);
	padding-top: 5px;
}

@media only screen and (min-device-width:320px) and (max-device-width:768px) {
	.introduction > .introduction_back{
		height: 300px;
	}
	.introduction .introduction_title{
		left: calc(50% - 165px);
		top: 35%;
		padding-right: 15px;
	}
	.introduction_title > p:nth-child(1){
		font-size: 3rem;
	}
	.introduction_title > p:nth-child(1) > span{
		font-size: 2rem;
	}
	.introduction_title > p:nth-child(2){
		font-size: 1.6rem;
		margin-top: -5px;
	}
	/* .introduction_title > p:nth-child(2){
		font-size: 8.5rem;
		margin-top: -10px;
	} */

.introduction_title > img{
	width: 100%;
}

.container_col3_sec3_1 > div.container_item > p.secsion3_p_frame{
		width: 90%;
		margin: 0 auto;
}
.container_col2_sec3_1{
	flex-direction: column;
}
.container_col2_sec3_1 > div.container_item:nth-child(1){
	width: 100%;
}
.container_col2_sec3_1 > div.container_item:nth-child(2){
	width: 100%;
}

.section4 > .container > .container_item:nth-child(1){
	width: 90%;
	margin: 0 auto;
	padding-bottom: 0px;
}
.section4 > .container > .container_item:nth-child(2){
	width: 90%;
	margin: 0 auto;
}
}