@charset "utf-8";

/*===============================================
●共通
===============================================*/
/* contents02
---------------------------------------- */
#contents02 section {
	background-color:#fff;
}
#contents02 section h3 {
	position:relative;
	color:#5c272e;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
}
#contents02 section h3:before {
	display:block;
	content:"";
	width:1em;
	height:1em;
	position:absolute;
	top:50%;
	left:0;
	color:#e8e2de;
	margin-top:-0.5em;
	font-family: "RocknRoll One", sans-serif;
	font-weight: 400;
	letter-spacing: 0.01em;
}
#contents02 #box01 h3:before {background:url(../../images/service/no1.gif) no-repeat center center / contain;}
#contents02 #box02 h3:before {background:url(../../images/service/no2.gif) no-repeat center center / contain;}
#contents02 #box03 h3:before {background:url(../../images/service/no3.gif) no-repeat center center / contain;}
#contents02 #box04 h3:before {background:url(../../images/service/no4.gif) no-repeat center center / contain;}
#contents02 .text02 {
	color:#5c272e;
	text-align:center;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
}
#contents02 .text02 a {
	text-decoration:none;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* contents01
	---------------------------------------- */
	#contents01 {
		margin-bottom:3em;
	}
	#contents01 .clearfix p {
		line-height:1.6em;
		margin-bottom:1em;
	}
	#contents01 .clearfix div {
		max-width:400px;
		margin:0 auto;
	}
	
	/* contents02
	---------------------------------------- */
	#contents02 {
		margin-bottom:3.5em;
	}
	#contents02 .text {
		margin-bottom:1em;
	}
	#contents02 section {
		padding:1em;
		margin-bottom:1em;
	}
	#contents02 section h3 {
		font-size:1.5em;
		line-height:2.5em;
		padding-left:2em;
		margin-bottom:0.5em;
		border-bottom:#e8e2de 2px solid;
	}
	#contents02 section h3:before {
		font-size:1.7em;
	}
	#contents02 .btn01 {
		margin-bottom:1.7em;
	}
	#contents02 .text02 {
		font-size:1.28em;
		line-height:1.5em;
	}
	
	/* contents03
	---------------------------------------- */
	#contents03 .textBox .btn01 {
		margin-top:1em;
	}
	#contents03 .image {
		display:none;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	
	/* contents01
	---------------------------------------- */
	#contents01 {
		margin-bottom:5.5em;
	}
	#contents01 .clearfix p {
		width:55%;
		font-size:1.15em;
		line-height:1.7em;
		float:right;
		padding-top:0.7em;
	}
	#contents01 .clearfix div {
		width:40%;
		float:left;
	}
	
	/* contents02
	---------------------------------------- */
	#contents02 {
		margin-bottom:5.5em;
	}
	#contents02 .text {
		font-size:1.15em;
		margin-bottom:1.5em;
	}
	#contents02 section {
		display:table;
		width:100%;
		padding:1.7em;
		margin-bottom:1em;
		box-sizing:border-box;
	}
	#contents02 section h3 {
		display:table-cell;
		width:7em;
		font-size:1.7em;
		line-height:1.3em;
		padding:0 2em;
		vertical-align:middle;
		white-space:nowrap;
		border-right:#e8e2de 2px solid;
	}
	#contents02 section h3:before {
		font-size:2em;
		left:-0.2em;
	}
	#contents02 section p {
		display:table-cell;
		padding-left:2em;
		vertical-align:middle;
	}
	#contents02 .btn01 {
		margin-bottom:3em;
	}
	#contents02 .text02 {
		font-size:1.7em;
		line-height:1.5em;
	}
	
	/* contents03
	---------------------------------------- */
	#contents03 .textBox {
		width:80%;
		float:left;
	}
	#contents03 .textBox .text {
		font-size:1.15em;
		line-height:1.7em;
		margin-bottom:2em;
	}
	#contents03 .image {
		width:15%;
		float:right;
	}
}

/*===============================================
●画面の横幅が860px以上(PCのみ)
===============================================*/
@media screen and (min-width: 860px){
	
	/* 全般
	---------------------------------------- */
}