@charset "utf-8";
/* ===================================================================
CSS information
 file name  :  guidance.css
 style info :  スタイル指定
=================================================================== */


/* main_img
----------------------------------------------------------------------------- */
.logo img {
	margin: 0 auto;
}
li a img {
}

.main_img {
	width: 100%;
	background: #333333;
	margin-bottom: 33px;
}
/* container01
----------------------------------------------------------------------------- */
.container01 {
	margin-bottom: 60px;
}
.container01 img {
	margin: 0 auto 30px;
	text-align: center;
}
.container01 h2 {
	margin-bottom: 25px;
	font-size: 20px;
}
.container01 p {
	font-size: 14px;
	line-height:2;
}
/* container02
----------------------------------------------------------------------------- */
.container02 {
	margin-bottom: 36px;
	font-size: 14px;
}
.container02 .title01 {
	margin: 0 auto 21px;
}
.container02 .wrapper {
	background: #f6f6f6;
	width: 100%;
	padding: 15px;
}
.container02 .wrapper .inner {
	background: #fff;
	padding: 20px 46px;
}
.container02 ul li {
	font-size: 14px;
	text-align: left;
	line-height: 2;
}
/* container03
----------------------------------------------------------------------------- */
.container03 {
	margin-bottom: 36px;
	font-size: 14px;
}
.container03 .title01 {
	margin: 0 auto 21px;
}
.container03 .wrapper {
	background: #f6f6f6;
	width: 100%;
	padding: 15px;
}
.container03 .wrapper .inner {
	background: #fff;
	padding: 20px 46px;
	text-align: left;
	line-height: 40px;
}
.container03 .wrapper .inner dl {
	float: left;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	padding-left: 14px;
}
.container03 .wrapper .inner dl dt {
	font-weight: bold;
	float: left;
	width: 205px;
}
.container03 .wrapper .inner .last {
	border-bottom: 1px solid #dcdcdc;
}
.container03 .wrapper .inner dl dd {
	float: left;
	widows: 639px;
}
/* container04
----------------------------------------------------------------------------- */
.container04 {
	margin-bottom: 36px;
	font-size: 14px;
}
.container04 .title01 {
	margin: 0 auto 21px;
}
.container04 .wrapper {
	background: #f6f6f6;
	width: 100%;
	padding: 15px;
}
.container04 .wrapper .inner {
	background: #fff;
	padding: 20px 46px;
	text-align: left;
	line-height: 2;
}
.container04 ul {
	counter-reset: section;
	margin-bottom: 15px;
}
.container04 .count:before {
	counter-increment: section;
	content: counter(section) ".　";
	font-weight: bold;
}
.container04 p {
	font-weight: bold;
	margin-bottom: 10px;
}
.container04 .box {
	padding: 15px 25px;
	border: 1px solid #dcdcdc;
	width: 100%;
	font-weight: normal;
}
/* container05
----------------------------------------------------------------------------- */
.container05 {
	margin-bottom: 100px;
	font-size: 14px;
}
.container05 .title01 {
	margin: 0 auto 21px;
}
.container05 .wrapper {
	background: #f6f6f6;
	width: 100%;
	padding: 15px;
}
.container05 .wrapper .inner {
	background: #fff;
	padding: 20px 46px;
	text-align: left;
	line-height: 40px;
}
.container05 p {
	margin-bottom: 10px;
}
.container05 ul {
	counter-reset: section;
	line-height:2;
}
.container05 .count:before {
	counter-increment: section;
	content: counter(section) ".　";
	font-weight: bold;
}

/* BreakPoint 641px
=============================================================*/
@media only screen and (max-width: 641px) {
/* container01
----------------------------------------------------------------------------- */
.container01 {
	margin-bottom: 72px;
	font-size: 3.8vw;
}
.container01 h2 {
	font-size: 4.4vw;
}
.container01 p {
	font-size: 3.8vw;
	text-align: left;
}
/* container02
----------------------------------------------------------------------------- */
.container02 {
	margin-bottom: 51px;
	font-size: 3.8vw;
}
.container02 .title01 {
	width:100%;
}
.container02 .wrapper .inner {
	background: #fff;
	padding: 25px 35px;
	text-align: left;
	line-height: 2;
}
.container02 ul li {
	font-size: 3.8vw;
	padding-left: 1em;
	text-indent: -1em;
}
/* container03
----------------------------------------------------------------------------- */
.container03 {
	margin-bottom: 71px;
	font-size: 3.8vw;
}
.container03 .title01 {
	width:100%;
}
.container03 .wrapper .inner {
	background: #fff;
	padding: 38px 35px;
	text-align: left;
}
.container03 .title01 {
	margin: 0 auto 20px;
}
.container03 .wrapper .inner dl {
	float: left;
	width: 100%;
	border-top: 1px solid #dcdcdc;
	padding: 10px 2%;
}
.container03 .wrapper .inner dl dt {
	font-weight: bold;
	float: left;
	width: 100%;
}
.container03 .wrapper .inner .last {
	border-bottom: 1px solid #dcdcdc;
}
.container03 .wrapper .inner dl dd {
	float: left;
	width: 100%;
}
/* container04
----------------------------------------------------------------------------- */
.container04 {
	margin-bottom: 40px;
	font-size: 3.8vw;
}
.container04 .title01 {
	margin: 0 auto 23px;
	width:100%;
}
.container04 .wrapper {
	background: #f6f6f6;
	width: 100%;
	padding: 15px;
}
.container04 .wrapper .inner {
	background: #fff;
	padding: 40px 35px;
	text-align: left;
	line-height: 2;
}
.container04 ul li {
	font-size: 3.8vw;
	padding-left: 2em;
	text-indent: -2em;
}
/* container05
----------------------------------------------------------------------------- */
.container05 {
	margin-bottom: 60px;
	font-size: 3.8vw;
}
.container05 .title01 {
	width:100%;
}
.container05 .wrapper .inner {
	background: #fff;
	padding: 31px 35px;
	text-align: left;
}
.container05 ul li {
	font-size: 3.8vw;
	padding-left: 2em;
	text-indent: -2em;
}
}
