@charset "utf-8";

/* ==========================================
	Last Up Date 20120/05/25
 --------------------------------------------
	INDEX
 --------------------------------------------
 
	1.00.00 PC_media screen
		1.01.00 #main_photo
        1.02.00 #c_coments
        1.03.00 #c_detail
        1.04.00 #map
	2.00.00 TB_media screen
		2.01.00 #main_photo
        2.02.00 #c_coments
        2.03.00 #c_detail
        2.04.00 #map
	3.00.00 SP_media screen
		3.01.00 #main_photo
        3.02.00 #c_coments
        3.03.00 #c_detail
        3.04.00 #map

========================================== */
/* ==========================================
1.00.00 PC_media screen
========================================== */
@media screen and (min-width:1024px),print{
/* ==========================================
	1.01.00 #main_photo
========================================== */
body#company div#main_photo {
    background:url("../../img/contents/ company/main_photo.jpg") no-repeat bottom center rgba(191,201,214,0.3);
    background-size: cover;
}
body#company div#main_photo div.in_box {
    display: block;
    max-width: 1024px;
    padding: 120px 35px;
}
body#company div#main_photo h3 {
    display: flex;
    align-items: center;
    font: 400 1.8rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h3 span {
    display: block;
    font:300 1.7rem futura-pt, sans-serif;
	letter-spacing: 0.2rem;
	line-height: 1.0;
}
body#company div#main_photo h4 {
    display: flex;
    align-items: center;
    font: 300 1.5rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 2.0;
    margin: 25px 0 0;
}
body#company div#main_photo h4:last-of-type {
    margin: 40px 0;
}
body#company div#main_photo h5 {
    display: block;
    font: 300 1.4rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 1.0;
    margin: 40px 0 0;
    position: relative;
    z-index: 2;
}
body#company div#main_photo h5::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    z-index: -1;
}
body#company div#main_photo h5:first-of-type::after {
    background: rgba(113,199,213,0.3);
}
body#company div#main_photo h5:last-of-type::after {
    background: rgba(239,234,58,0.3);
}
body#company div#main_photo h5 + p {
    display: block;
    font: 300 1.3rem heisei-mincho-stdn, serif;
    letter-spacing: 0.2rem;
    line-height: 2.0;
    margin: 15px 0 0;
    max-width: 500px;
}
body#company div#main_photo h6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font: 400 2.0rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h6 span:first-child {
    display: block;
    width: 100%;
    font: 400 1.4rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 0 10px;
}
body#company div#main_photo h6 span:nth-child(2) {
    display: block;
    font: 400 1.5rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 5px 0 0;
}
/* ==========================================
	1.02.00 #c_coments
========================================== */
body#company div#c_coments {
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 1024px;
    padding: 60px 35px 0;
}
body#company div#c_coments h2 {
    display: block;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#c_coments h2 + p {
    display: block;
    margin: 25px auto 0;
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.0;
}
/* ==========================================
	1.03.00 #c_detail
========================================== */
body#company div#c_detail {
    margin: 100px 0 0;
}
body#company div#c_detail div.in_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1024px;
    padding: 0 35px;
}
body#company div#c_detail div p {
    display: block;
    border-top: solid thin #e6e6e5;
    box-sizing: border-box;
    padding: 50px 15px;
}
body#company div#c_detail div p:last-child,
body#company div#c_detail div p:nth-last-child(2) {
    border-bottom: solid thin #e6e6e5;
}
body#company div#c_detail div p:nth-child(odd) {
    font:300 1.5rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
    width: 250px;
}
body#company div#c_detail div p:nth-child(even) {
    display: block;
	line-height: 1.0;
    width: calc(100% - 250px);
}
/* ==========================================
	1.04.00 #map
========================================== */
body#company div#map {
    margin: 100px 0 0;
}
body#company div#map div.in_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1024px;
    padding: 0 35px;
}
body#company div#map h3 {
    display: flex;
    justify-content: center;
    width: 100%;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#map div#googlemap {
    display: block;
    width: 100%;
    height: 600px;
    margin: 50px 0 0;
}
}
/* ==========================================
2.00.00 TB_media screen
========================================== */
@media screen and (max-width: 1023px) and (min-width:569px) {
/* ==========================================
	2.01.00 #main_photo
========================================== */
body#company div#main_photo {
    background:url("../../img/contents/ company/main_photo.jpg") no-repeat bottom center rgba(191,201,214,0.3);
    background-size: cover;
}
body#company div#main_photo div.in_box {
    display: block;
    width: 100%;
    padding: 60px 35px;
}
body#company div#main_photo h3 {
    display: flex;
    align-items: center;
    font: 400 1.8rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h3 span {
    display: block;
    font:300 1.7rem futura-pt, sans-serif;
	letter-spacing: 0.2rem;
	line-height: 1.0;
}
body#company div#main_photo h4 {
    display: flex;
    align-items: center;
    font: 300 1.5rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 2.0;
    margin: 25px 0 0;
}
body#company div#main_photo h4:last-of-type {
    margin: 40px 0;
}
body#company div#main_photo h5 {
    display: block;
    font: 300 1.4rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 1.0;
    margin: 40px 0 0;
    position: relative;
    z-index: 2;
}
body#company div#main_photo h5::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    z-index: -1;
}
body#company div#main_photo h5:first-of-type::after {
    background: rgba(113,199,213,0.3);
}
body#company div#main_photo h5:last-of-type::after {
    background: rgba(239,234,58,0.3);
}
body#company div#main_photo h5 + p {
    display: block;
    font: 300 1.3rem heisei-mincho-stdn, serif;
    letter-spacing: 0.2rem;
    line-height: 2.0;
    margin: 15px 0 0;
    max-width: 500px;
}
body#company div#main_photo h6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font: 400 2.0rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h6 span:first-child {
    display: block;
    width: 100%;
    font: 400 1.4rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 0 10px;
}
body#company div#main_photo h6 span:nth-child(2) {
    display: block;
    font: 400 1.5rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 5px 0 0;
}
/* ==========================================
	2.02.00 #c_contents
========================================== */
body#company div#c_coments {
    display: flex;
    flex-flow: column;
    align-items: center;
    max-width: 1024px;
    padding: 60px 35px 0;
}
body#company div#c_coments h2 {
    display: block;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#c_coments h2 + p {
    display: block;
    margin: 25px auto 0;
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.0;
}
/* ==========================================
	2.03.00 #c_detail
========================================== */
body#company div#c_detail {
    margin: 100px 0 0;
}
body#company div#c_detail div.in_box {
    display: flex;
    flex-wrap: wrap;
    max-width: 1024px;
    padding: 0 35px;
}
body#company div#c_detail div p {
    display: flex;
    align-items: center;
    border-top: solid thin #e6e6e5;
    box-sizing: border-box;
    padding: 50px 15px;
}
body#company div#c_detail div p:last-child,
body#company div#c_detail div p:nth-last-child(2) {
    border-bottom: solid thin #e6e6e5;
}
body#company div#c_detail div p:nth-child(odd) {
    font:300 1.5rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
    width: 200px;
}
body#company div#c_detail div p:nth-child(even) {
    display: block;
    line-height: 1.7;
    width: calc(100% - 200px);
}
/* ==========================================
	2.03.00 #map
========================================== */
body#company div#map {
    margin: 100px 0 0;
}
body#company div#map div.in_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1024px;
    padding: 0 35px;
}
body#company div#map h3 {
    display: flex;
    justify-content: center;
    width: 100%;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#map div#googlemap {
    display: block;
    width: 100%;
    height: 500px;
    margin: 50px 0 0;
}
}
/* ==========================================
3.00.00 SP_media screen
========================================== */
@media screen and (max-width: 568px) {
/* ==========================================
	3.01.00 #main_photo
========================================== */
body#company div#main_photo {
    background: rgba(191,201,214,0.3);
}
body#company div#main_photo div.in_box {
    display: block;
    padding: 60px 15px;
}
body#company div#main_photo h3 {
    display: flex;
    align-items: center;
    font: 400 1.6rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h3 span {
    display: block;
    font:300 1.5rem futura-pt, sans-serif;
	letter-spacing: 0.2rem;
	line-height: 1.0;
}
body#company div#main_photo h4 {
    display: flex;
    align-items: center;
    font: 300 1.4rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 2.0;
    margin: 15px 0 0;
}
body#company div#main_photo h4:last-of-type {
    margin: 40px 0;
}
body#company div#main_photo h5 {
    display: block;
    font: 300 1.3rem heisei-mincho-stdn, serif;
    letter-spacing: 0.1rem;
    line-height: 1.0;
    margin: 40px 0 0;
    position: relative;
    z-index: 2;
}
body#company div#main_photo h5::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: 25px;
    height: 25px;
    z-index: -1;
}
body#company div#main_photo h5:first-of-type::after {
    background: rgba(113,199,213,0.3);
}
body#company div#main_photo h5:last-of-type::after {
    background: rgba(239,234,58,0.3);
}
body#company div#main_photo h5 + p {
    display: block;
    font: 300 1.3rem heisei-mincho-stdn, serif;
    letter-spacing: 0.2rem;
    line-height: 2.0;
    margin: 15px 0 0;
    max-width: 500px;
}
body#company div#main_photo h6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font: 400 1.8rem ten-mincho-text, serif;
    letter-spacing: 0.6rem;
    line-height: 1.0;
}
body#company div#main_photo h6 span:first-child {
    display: block;
    width: 100%;
    font: 400 1.3rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 0 10px;
}
body#company div#main_photo h6 span:nth-child(2) {
    display: block;
    font: 400 1.4rem ten-mincho-text, serif;
    letter-spacing: 0.3rem;
    line-height: 1.0;
    padding: 0 5px 0 0;
}
/* ==========================================
	3.02.00 #c_contents
========================================== */
body#company div#c_coments {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 60px 15px 0;
}
body#company div#c_coments h2 {
    display: block;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#c_coments h2 + p {
    display: block;
    margin: 25px auto 0;
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.0;
}
/* ==========================================
	3.03.00 #c_detail
========================================== */
body#company div#c_detail {
    margin: 70px 0 0;
}
body#company div#c_detail div.in_box {
    display: flex;
    flex-flow: column;
    padding: 0 15px;
}
body#company div#c_detail div p {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
}
body#company div#c_detail div p:nth-child(odd) {
    font:300 1.5rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
    padding: 20px 15px 0;
    border-top: solid thin #e6e6e5;
    color: rgba(79,79,79,1.00);
}
body#company div#c_detail div p:nth-child(even) {
    display: block;
    padding: 5px 15px 20px;
    line-height: 1.7;
}
body#company div#c_detail div p:last-child {
    border-bottom: solid thin #e6e6e5;
}
/* ==========================================
	3.03.00 #map
========================================== */
body#company div#map {
    margin: 70px 0 0;
}
body#company div#map div.in_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 15px;
}
body#company div#map h3 {
    display: flex;
    justify-content: center;
    width: 100%;
    font:300 1.8rem futura-pt, sans-serif;
	letter-spacing: 0.1rem;
	line-height: 1.0;
}
body#company div#map div#googlemap {
    display: block;
    width: 100%;
    height: 350px;
    margin: 50px 0 0;
}
}