@charset "utf-8";



/*◆◇◆以下はスマホ用のCSS◆◇◆*/
@media screen and (max-width : 501px){



#about1_anchor {
    display: block;
    padding-top: 55px;
    margin-top: -55px;
}
#about2_anchor {
    display: block;
    padding-top: 55px;
    margin-top: -55px;
}



#content {
    width: 100vw;
    margin: 40px auto 40px auto;
}



h2#h2_about {
    width: 20vh;
    margin: 0px auto 8px auto;
}

hr#under_h2_about {
    width: 60vw;
    height: 1px;
    border: none;
    background-color: #000000;
    margin: 0px auto 20px auto;
}

.about_table_wrapper {
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 6px 6px 6px 6px;
    border: 1px solid #FFFFFF;
}



table#about_table {
}

table#about_table th {
    text-align: left;
    width: 18vw;
    font-weight: normal;
    padding-bottom: 15px;
}
table#about_table td {
    text-align: left;
    width: 82vw;
    padding-bottom: 15px;
}



h2#h2_profile {
    width: 20vh;
    margin: 0px auto 8px auto;
}

hr#under_h2_profile {
    width: 60vw;
    height: 1px;
    border: none;
    background-color: #000000;
    margin: 0px auto 20px auto;
}

.bk_text_wrapper {
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 6px 6px 6px 6px;
    border: 1px solid #FFFFFF;
}



p#bk_text {
    line-height: 20px;
    margin-bottom: 40px;
}
img#bk_picture {
    width: 70vw;
    margin-bottom: 30px;
}



}










/*◆◇◆以下はPC用のCSS◆◇◆*/
/*ビューエリアの最小幅がこのサイズより大きい場合に以下のスタイルを適用*/
@media screen and (min-width : 500px){



#about1_anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}
#about2_anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}



#content {
    width: 1248px;
    margin: 130px auto 130px auto;
}



h2#h2_about {
    width: 300px;
    height: 36px;
    margin: 0px auto 14px auto;
}

hr#under_h2_about {
    width: 800px;
    height: 1px;
    border: none;
    background-color: #000000;
    margin: 0px auto 40px auto;
}



.about_table_wrapper {
	width: 933px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	padding-right: 100px;
	margin-bottom: 130px;
	border-radius: 6px 6px 6px 6px;
    border: 1px solid #FFFFFF;
}



table#about_table {
    line-height: 30px;
}

table#about_table th {
    text-align: left;
    width: 120px;
    font-weight: normal;
}
table#about_table td {
    text-align: left;
    width: 800px;
}



h2#h2_profile {
    width: 300px;
    height: 36px;
    margin: 0px auto 14px auto;
}

hr#under_h2_profile {
    width: 800px;
    height: 1px;
    border: none;
    background-color: #000000;
    margin: 0px auto 40px auto;
}



.bk_text_wrapper {
	width: 933px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 100px;
	padding-right: 100px;
	margin-bottom: 30px;
	border-radius: 6px 6px 6px 6px;
    border: 1px solid #FFFFFF;
}



p#bk_text {
    line-height: 30px;
    margin-bottom: 40px;
}
img#bk_picture {
/*    width: 400px;*/
    height: 600px;
    margin-bottom: 30px;
}



}