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


/* スマートフォン用CSS */
@media screen and (max-width: 630px) {

/* サブページ メイン画像&タイトル */
#tetsuke #sub_title-img {
    background-image:url("../img/about/page_title_new.png");
}

#tetsuke .contents_box .title {
	color:#009944;
	font-size:16px;
}
	
#tetsuke .s_box {
	width: 90%;
	height: auto;
	margin: 5% auto;
	padding: 5%;
	background-color: #ffffff;
	border-radius: 5px;
	font-size:14px;
	line-height: 180%;
}
#tetsuke .mds {
	color:#009944;
	font-size:17px;
	margin-bottom: 3%;
	padding-bottom: 3%;
	border-bottom: solid 1px #009944;
}

#tetsuke .contents_box.pc {
	display:none;
}

#tetsuke .contents_box.sp h4 {
	text-align:center;
	font-size:18px;
	color:#123456;
	font-weight:bold;
}
#tetsuke .contents_box.sp dl {
	width:100%;
}
#tetsuke .contents_box.sp dt {
	width:94%;
	padding:0% 3%;
	background-color:#075c84;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
#tetsuke .contents_box.sp dd {
	width:94%;
	padding:1% 3%;
	background-color:#f1f6f7;
}

#tetsuke .contents_box.sp .hosyo dt {
	background-color:#5eaace;;
}
#tetsuke .contents_box.sp .hosyo dd {
	background-color:#dff2f5;
}

#tetsuke .contents_box.sp .hokan dt {
	background-color:#8bbe85;
}
#tetsuke .contents_box.sp .hokan dd {
	background-color:#ecf6df;
}

}



/* PCページ用CSS */
@media print, screen and (min-width: 631px) {

/* メインイメージ＆ページタイトル */
#tetsuke #sub_title-img {
    background-image:url("../img/about/page_title_new.png");
}

#tetsuke .contents_box {
    width: 960px;
    height: auto;
    margin: 0px auto 40px;
    padding: 20px;
    font-size: 16px;
    line-height: 220%;
    text-align: justify;
    overflow: hidden;
    position: relative;
    zoom: 1;
}

#tetsuke .contents_box .img_l {
    width: 400px;
    height: auto;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    background-color: #ffffff;
    float: left;
}

#tetsuke .contents_box .title {
	color:#009944;
	font-size:20px;
}

#tetsuke .contents_box .s_box {
	height: auto;
	margin: 20px auto;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	font-size:15px;
	line-height: 180%;
}
#tetsuke .contents_box .mds {
	color:#009944;
	font-size:18px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: solid 1px #009944;
}

#tetsuke .contents_box .img_l {
    width: 400px;
    height: auto;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    background-color: #ffffff;
    float: left;
}


.bg_g .contents_box {
    background-color: #ecf6df;
	border-radius: 0px 0px 10px 10px;
}
.bg_b .contents_box {
    background-color: #dff2f5;
	border-radius: 0px 0px 10px 10px;
}
.bg_y .contents_box {
    background-color: #fbf8d2;
	border-radius: 0px 0px 10px 10px;
}

.bg_g h3 {
    background-color: #8bbe85;
	margin:0px;
    padding: 5px 20px;
	color:#ffffff;
	border:none;
	border-radius: 10px 10px 0px 0px;
}
.bg_b h3 {
    background-color: #5eaace;
	margin:0px;
    padding: 5px 20px;
	color:#ffffff;
	border:none;
	border-radius: 10px 10px 0px 0px;
}
.bg_y h3 {
    background-color: #e9c670;
	margin:0px;
    padding: 5px 20px;
	color:#ffffff;
	border:none;
	border-radius: 10px 10px 0px 0px;
}


/* テーブル */
#tetsuke .contents_box table {
	background-color:#ffffff;
	font-size:14px;
	line-height:180%;
}
#tetsuke .contents_box table tr {
	background-color:#f1f6f7;
}
#tetsuke .contents_box table tr:first-child td:first-child {
	background-color:#ffffff;
}
#tetsuke .contents_box table td {
	width:40%;
	padding:10px;
}
#tetsuke .contents_box table tr:first-child td:nth-child(2) {
    background-color: #5eaace;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
#tetsuke .contents_box table tr:first-child td:nth-child(3) {
    background-color: #8bbe85;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}

#tetsuke .contents_box table tr td:first-child {
	width:20%;
	background-color:#075c84;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
}
#tetsuke .contents_box table tr td:nth-child(2){
    background-color: #dff2f5;
}
#tetsuke .contents_box table tr td:nth-child(3) {
    background-color: #ecf6df;
}

#tetsuke .contents_box.sp {
	display:none;
}

}