@media screen and (min-width: 641px),print {
#contents #mainimage {
margin-bottom: 40px;
}
#contents h2 {
font-size: 26px;
line-height: 1.5em;
font-weight: bold;
background-color: #0181c3;
color: #FFF;
padding: 0.5em 0 0.5em 0;
margin-bottom: 50px;
}
#contents .box {
background-color: #E2F9FF;
border-radius: 10px;
width: 90%;
margin: 0px auto 80px auto;
padding: 20px 0 20px 0;
}
#contents .box h3 {
font-size: 30px;
line-height: 1.8em;
font-weight: bold;
color: #0181c3;
}
#contents .box h4 {
font-size: 18px;
line-height: 1.5em;
}
#contents .box .voice {
margin: 20px auto 20px auto;
display: block;
width: 80%;
}
#contents .box .voice img {
border: solid 1px #DBDBDB;
width: 100%;
height: auto;
}
#contents .box ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 80%;
margin: 20px auto 20px auto;
}
#contents .box ul li {
text-align: left;
font-size: 18px;
line-height: 1.8em;
width: 60%;
}
#contents .box ul li.photo {
width: 40%;
text-align: center;
}
#contents .box ul li.photo img {
width: 90%;
height: auto;
}
#contents .box p {
font-size: 18px;
line-height: 1.8em;
margin-bottom: 1em;
}
#contents .box p.question {
color: #0181c3;
line-height: 1.5em;
font-weight: bold;
margin-bottom: 0.2em;
}

/********************* pagenation ******/
#contents .pagenation {
padding-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 20px;
}
#contents .pagenation ul.pager {
	display: flex;
flex-flow: nowrap;
justify-content: center;
	margin: 0;
	padding-bottom: 20px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#contents .pagenation ul.pager li {
	list-style: none;
	padding: 0;
	font-weight: bold;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 3px;
}
#contents .pagenation ul.pager li b {
	display: -moz-inline-box; /* firefox2 蟇ｾ蝪ｦ */
	display: inline-block;
	background-color: #919191;
	border: 1px #919191 solid;
	font-size: 16px;
	line-height: 1em;
	padding-top: 0.4em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	color: #FFF;
}
#contents .pagenation ul.pager li a {
	display: -moz-inline-box; /* firefox2 蟇ｾ蝪ｦ */
	display: inline-block;
	border: 1px solid #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding-top: 0.4em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	margin: 0px;
	color: #919191;
}
#contents .pagenation ul.pager li a i {
	font-size: 14px;
	font-style: normal;
}
#contents .pagenation ul.pager li a:link,
#contents .pagenation ul.pager li a:visited {
	color: #919191;
	border: 1px #919191 solid;
}
#contents .pagenation ul.pager li a:hover,
#contents .pagenation ul.pager li a:active {
	background-color: #e8f4f9;
	color: #000;
	border: 1px #000 solid;
}
/********************* pagenation ******/

}



@media screen and (min-width: 0px) and (max-width: 640px) {
#contents #mainimage {
margin-bottom: 20px;
}
#contents h2 {
font-size: 18px;
line-height: 1.3em;
font-weight: bold;
background-color: #0181c3;
color: #FFF;
padding: 0.3em 0 0.3em 0;
margin-bottom: 20px;
text-align: center;
}
#contents .box {
background-color: #E2F9FF;
border-radius: 10px;
width: 100%;
margin: 0px auto 40px auto;
padding: 20px 0 20px 0;
}
#contents .box h3 {
font-size: 20px;
line-height: 1.3em;
font-weight: bold;
color: #0181c3;
text-align: center;
padding: 0 0.6em 0.2em 0.6em;
}
#contents .box h4 {
font-size: 14px;
line-height: 1.3em;
text-align: center;
padding: 0px auto 0px auto;
margin: 0px auto 0 auto;
}
#contents .box .voice {
margin: 20px auto 20px auto;
display: block;
width: 90%;
}
#contents .box .voice img {
border: solid 1px #DBDBDB;
width: 100%;
height: auto;
}
#contents .box ul {
width: 90%;
margin: 20px auto 20px auto;
}
#contents .box ul li {
text-align: left;
font-size: 16px;
line-height: 1.3em;
width: 100%;
}
#contents .box ul li.photo {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
#contents .box ul li.photo img {
width: 90%;
height: auto;
}
#contents .box p {
font-size: 16px;
line-height: 1.3em;
margin-bottom: 1em;
}
#contents .box p.question {
color: #0181c3;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 0.5em;
}

/********************* pagenation ******/
#contents .pagenation {
padding-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
margin-top: 10px;
}
#contents .pagenation ul.pager {
display: flex;
flex-flow: nowrap;
justify-content: center;
margin: 0;
padding-bottom: 0px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#contents .pagenation ul.pager li {
list-style: none;
padding: 0;
font-weight: bold;
margin-top: 0;
margin-right: 3px;
margin-bottom: 0;
margin-left: 3px;
}
#contents .pagenation ul.pager li b {
display: -moz-inline-box; /* firefox2 蟇ｾ蝪ｦ */
display: inline-block;
background-color: #919191;
border: 1px #919191 solid;
font-size: 14px;
line-height: 1em;
padding-top: 0.4em;
padding-right: 0.6em;
padding-bottom: 0.4em;
padding-left: 0.6em;
color: #FFF;
}
#contents .pagenation ul.pager li a {
	display: -moz-inline-box; /* firefox2 蟇ｾ蝪ｦ */
	display: inline-block;
	border: 1px solid #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	padding-top: 0.4em;
	padding-right: 0.6em;
	padding-bottom: 0.4em;
	padding-left: 0.6em;
	margin: 0px;
	color: #919191;
}
#contents .pagenation ul.pager li a i {
	font-size: 14px;
	font-style: normal;
}
#contents .pagenation ul.pager li a:link,
#contents .pagenation ul.pager li a:visited {
	color: #919191;
	border: 1px #919191 solid;
}
#contents .pagenation ul.pager li a:hover,
#contents .pagenation ul.pager li a:active {
	background-color: #e8f4f9;
	color: #000000;
	border: 1px #000 solid;
}
/********************* pagenation ******/
}