@charset "utf-8";
/* CSS Document */

@media screen and (min-width:600px) {

/*-----------------------------------
ここからメインイメージ
-----------------------------------*/

/*-----------------------------------
ここからメイン（トップ以外）
-----------------------------------*/

main {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

main article {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 40px;
	background-color: #fff;
}

main article section h3 {
	padding-bottom: 40px;
}

/*-----------------------------------
ここからコンテンツ
-----------------------------------*/

.icon ul {
	overflow: hidden;
	height: 100%;
	margin-right: -200%;
    margin-left: -200%;
	//margin-bottom: 60px;
    padding-right: 200%;
    padding-left: 200%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
}

.icon ul li {
	float: left;
	margin-left: 40px;
}

#tiryo01 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

#tiryo02 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

#tiryo03 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

#tiryo04 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

#tiryo05 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

#tiryo06 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

article section h3 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

article section:first-child ul {
	overflow: hidden;
	height: 100%;
}

article section:first-child ul li:first-child {
	float: left;
}

article section:first-child ul li:last-child {
	float: right;
	width: 480px;
}

article section:first-child ul li:last-child img {
    display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

article.tiryo03 .shinbi ul {
	overflow: hidden;
	height: 100%;
	width: 1000px;
}

article.tiryo03 .shinbi ul li:first-child img {
	display: block;
	float: left;
}

article.tiryo03 .shinbi ul li:last-child img {
	display: block;
	float: right;
	padding-right: 20px;
}

article.tiryo03 section:last-child {
	margin-top: 20px;
}

article.tiryo03 section:last-child ul.shinbi_ex2 {
    margin-top: 20px;
}

//article.tiryo03 section:last-child ul.shinbi {
	margin-top: 20px;
}

article.tiryo03 section:last-child ul {
	overflow: hidden;
	height: 100%;
	//margin-top: 10px;
	//margin-bottom: 10px;
}

article.tiryo03 section:last-child ul li:first-child {
	float: left;
}

article.tiryo03 section:last-child ul li:last-child {
	float: right;
}

article.tiryo03 section:last-child ul li dl {
	background-color: #effcfc;
	padding-top: 20px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 20px;
	margin-top: 10px;
}

article.tiryo03 section:last-child ul li dl dt {
	font-weight: bold;
}

article.tiryo04 .about_box {
	margin-bottom: 30px;
}

article.tiryo04 section:last-child ul {
	overflow: hidden;
	height: auto;
	background-color: #effcfc;
	margin-top: 20px;
}

article.tiryo04 section:last-child ul li {
	float:left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
}

article.tiryo04 section:last-child ul li:last-child {
	padding-right: 0px;
}

article.tiryo04 section:last-child ul li:nth-child(odd) {
    width: 222px;
}

article.tiryo04 section:last-child ul li:nth-child(even) {
    padding-top: 98px;
}

article.tiryo04 section:last-child ul li dt {
	font-weight: bold;
}

article.tiryo05 section:last-child div {
	width: 900px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f6f6f6;
	padding: 20px;
}

article.tiryo05 section:last-child div p span {
	color: #00babf;
}

article.tiryo06 section:first-child {
	margin-bottom: 30px;
}

article.tiryo06 section:last-child img {
	display:  block;
	margin-bottom: 10px;
}

//article.tiryo06 section:last-child tr {
	vertical-align: middle;
}

article.tiryo06 section:last-child th {
	width: 200px;
	height: 100px;
	//float: left;
	background-color: #f2fbfc;
	font-weight: bold;
	text-align: center;
	border: 1px solid #E5E5E5;
	padding: 10px;
	vertical-align: middle;
}

article.tiryo06 section:last-child td {
	width: 750px;
	height: 100px;
	float: right;
	border: 1px solid #E5E5E5;
	padding: 10px;
}

article.tiryo06 div:last-child {
	margin-top: 20px;
}

}

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

/*-----------------------------------
ここからメインイメージ
-----------------------------------*/
/*-----------------------------------
ここからメイン（トップ以外）
-----------------------------------*/

main {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

main article {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	//padding-left: 100px;
	//padding-right: 100px;
	padding-bottom: 40px;
	background-color: #fff;
}

main h2 img {
	display: block;
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

main article section h3 {
	padding-bottom: 20px;
}
/*-----------------------------------
ここからコンテンツ
-----------------------------------*/

.icon ul {
	overflow: hidden;
	height: 100%;
	margin-right: -200%;
    margin-left: -200%;
	//margin-bottom: 60px;
    padding-right: 200%;
    padding-left: 200%;
	padding-top: 20px;
	padding-bottom: 20px;
	//background-color: #fff;
}

.icon ul li {
	float: left;
	margin-right: 5%;
	width: 30%;
	height: auto;
}

.icon ul li:nth-child(3n) {
	margin-right: 0;
}

.icon ul li:nth-child(1) {
	margin-bottom: 10px;
}

.icon ul li:nth-child(2) {
	margin-bottom: 10px;
}

.icon ul li:nth-child(3) {
	margin-bottom: 10px;
}

.icon ul li img {
	display: block;
	width: 100%;
	height: auto;
}

//#tiryo01 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

//#tiryo02 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

//#tiryo03 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

//#tiryo04 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

//#tiryo05 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

//#tiryo06 {
	background-color: #effcfc;
	width:100%;
	height: 80px;
}

article section h3 img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

article section:first-child ul {
	overflow: hidden;
	height: 100%;
}

article section:first-child ul li:first-child img {
	display: block;
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
	

article section:first-child ul li:first-child {
	//float: left;
}

article section:first-child ul li:last-child {
	//float: right;
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

article section:first-child ul li:last-child img {
    display: block;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

article.tiryo03 .shinbi ul {
	overflow: hidden;
	height: 100%;
	//width: 1000px;
}

article.tiryo03 .shinbi ul li:first-child img {
	display: block;
	width: 100%;
	height: auto;
	//float: left;
}

article.tiryo03 .shinbi ul li:last-child img {
	display: block;
	width: 100%;
	height: auto;
	//float: right;
	//padding-right: 20px;
}


article.tiryo03 section:last-child ul {
	overflow: hidden;
	height: 100%;
	//margin-top: 30px;
}

article.tiryo03 section:last-child ul li {
	margin-bottom: 20px;
	//float: left;
}

article.tiryo03 section:last-child ul li:last-child {
	//float: right;
}

article.tiryo03 section:last-child ul li dl {
	background-color: #effcfc;
	padding: 8px;
}

article.tiryo03 section:last-child ul li dl dt {
	font-weight: bold;
}

article.tiryo03 section:last-child ul li dl dd img {
	display: block;
	width: 100%;
	height: auto;
}

article.tiryo04 .about_box {
	margin-bottom: 30px;
}

article.tiryo04 section:last-child ul {
	overflow: hidden;
	height: auto;
	background-color: #effcfc;
	margin-top: 20px;
}

article.tiryo04 section:last-child ul li {
	//float:left;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
}

article.tiryo04 section:last-child ul li:last-child {
	padding-right: 0px;
}

article.tiryo04 section:last-child ul li:nth-child(odd) {
    width: 60%;
	margin-right: auto;
	margin-left: auto;
}

article.tiryo04 section:last-child ul li:nth-child(odd) img {
	width: 100%;
	height: auto;
}

article.tiryo04 section:last-child ul li:nth-child(even) {
    //padding-top: 98px;
	display: none;
}

article.tiryo04 section:last-child ul li dt {
	font-weight: bold;
}

article.tiryo05 section:last-child div {
	width: 90%;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f6f6f6;
	padding: 20px;
}

article.tiryo05 section:last-child div p span {
	color: #00babf;
}

article.tiryo06 section:first-child {
	margin-bottom: 30px;
}

article.tiryo06 section:last-child img {
	display:  block;
	margin-bottom: 10px;
}

//article.tiryo06 section:last-child tr {
	vertical-align: middle;
}

article.tiryo06 section:last-child th {
	width: 30%;
	height: 100px;
	//float: left;
	background-color: #f2fbfc;
	font-weight: bold;
	text-align: center;
	border: 1px solid #E5E5E5;
	padding: 10px;
	vertical-align: middle;
}

article.tiryo06 section:last-child td {
	width: 70%;
	height: 100px;
	//float: right;
	border: 1px solid #E5E5E5;
	padding: 10px;
}

article.tiryo06 div:last-child {
	margin-top: 20px;
}

}