@charset "UTF-8";
/*----------------------------------------
- 共通

- PC(481px)
	- common
	- box1
	- box2
	- box3
	- box4

	
- SP(480px)

-----------------------------------------*/
/* ==========================================================
	共通
========================================================== */
#box2 dd img{
	margin-bottom:1rem;
}

#box2 dl dt{
	font-weight:bold;
}

#box2 section{
	padding:4px;
	background-image: url('../../img/cmn_main_color02.gif');
}
#box2 section div{
	background-color:#fff;
	padding:15px;
}
#box2 div h4{
	font-size:1.6rem;
	font-weight:bold;
	color:#3eb2d4;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #3eb2d4;
}
#box2 div ol li ul li{
	list-style-type:disc;
	font-weight:normal;
	margin-left:2rem;
	font-size:1.4rem;
	margin-bottom:0px;
	color:#333;
}

#box2 div ol li{
	color:#3eb2d4;
	margin-left:3rem;
	list-style-type:decimal;
	font-weight:bold;
	font-size:1.6rem;
	margin-bottom:15px;
}
.qanda {
	padding-top: 20px;
}

.qanda dt {
	padding: 2px 0 0 54px;
	background: #f4f4f4 url(../../img/cmn_main_faq_txt_q.gif) no-repeat;
 background-size: 40px 27px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
}

.qanda dd {
	margin-top: 1px;
	padding: 6px 0 24px 54px;
	background: url(../../img/cmn_main_faq_txt_a.gif) no-repeat;
 background-size: 40px 27px;
}

/* ==========================================================
	PC
========================================================== */

@media print, screen and (min-width: 481px) {

	.cmnbox img {
		width: 250px;
		height: 172px;
	}


	#box1 div.inner {
		display:flex;
		justify-content: space-between;
	}
	#box1 .inner p{
		width: 430px;
	}
	
	.cmnbox dd img{
		width:auto;
		height:auto;
		margin-bottom:1rem;
	}
	#box2 dl dt{
		margin:0.5rem 0;
	}

	/*qanda*/

	.qanda {
		margin-top: 30px;
	}

	.qanda dt {
		padding: 2px 0 0 54px;
		background: #f4f4f4 url(../../img/cmn_main_faq_txt_q.gif) no-repeat;
  background-size: 40px 27px;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
	}

	.qanda dd {
		margin-top: 1px;
		padding: 6px 0 24px 54px;
		background: url(../../img/cmn_main_faq_txt_a.gif) no-repeat;
  background-size: 40px 27px;
	}
}

/* ==========================================================
	SP
========================================================== */

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

	.cmnbox img{
		width: 100%;
	}

	#box1 div.inner {
		display:block;
	}
	#box1 .inner p{
		margin-bottom: 15px;
	}

	#box2 dd img{
		width: 100%;
	}

	#box2 div ol li ul li{
		margin-left:1rem;
	}

}