@charset "utf-8";

/*===============================================
●共通
===============================================*/
#container section:nth-child(odd) {
	background-color:#f5f5f5!important;
	box-shadow:0px -5px 5px -1px rgba(0,0,0,0.10) inset, 0px 5px 5px -1px rgba(0,0,0,0.10) inset;
}
#container section h3 {
	line-height:1.5em;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
}
#container section h3 span {
	font-size:1.4em;
}
#container section p {
	font-family: "Noto Serif JP", serif;
}
#container section p span {
	font-size:1.1em;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* container
	---------------------------------------- */
	#container .title01 {
		font-size:1.5em;
		padding-top:1em;
	}
	#container section {
		padding:2em 0;
	}
	#container section h3 {
		font-size:1.5em;
		margin-bottom:0.5em;
	}
	#container section .imgBox {
		margin-bottom:0.5em;
	}
}

/*===============================================
●画面の横幅が730px以上(タブレット・PC共通)
===============================================*/
@media screen and (min-width: 730px) {
		
	/* container
	---------------------------------------- */
	#container .title01 {
		font-size:2em;
		padding-top:2em;
	}
	#container section {
		padding:4.3em 0;
	}
	#container #box01 {
		background:url(../../images/concept/tex01.png) no-repeat left center;
	}
	#container #box02 {
		background:url(../../images/concept/tex02.png) no-repeat right center;
	}
	#container #box03 {
		background:url(../../images/concept/tex03.png) no-repeat left center;
	}
	#container #box04 {
		background:url(../../images/concept/tex04.png) no-repeat right center;
	}
	/*#container #box05 {
		background:url(../../images/concept/tex05.png) no-repeat left center;
	}*/
	#container #box06 {
		background:url(../../images/concept/tex06.png) no-repeat left center;
	}
	#container #box07 {
		background:url(../../images/concept/tex07.png) no-repeat right center;
	}
	#container #box08 {
		background:url(../../images/concept/tex08.png) no-repeat left center;
	}
	#container #box09 {
		background:url(../../images/concept/tex09.png) no-repeat right center;
	}
	#container #box10 {
		background:url(../../images/concept/tex10.png) no-repeat left center;
	}
	#container section .inner {
		display:table;
	}
	#container section .imgBox {
		width:40%;
		display:table-cell;
		vertical-align:middle;
	}
	#container section .textBox {
		width:60%;
		display:table-cell;
		vertical-align:middle;
		box-sizing:border-box;
	}
	#container section:nth-child(even) .textBox {
		padding-left:2.5%;
	}
	#container section:nth-child(odd) .textBox {
		padding-right:2.5%;
	}
	#container section h3 {
		font-size:1.8em;
		margin-bottom:0.5em;
	}
	#container section p {
		font-size:1.2em;
	}
}