@charset "utf-8";

/* 経営理念 
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.about_main { 
background-image : url(../images/about/about_main_02.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
padding: 0 15px;
}

.about_box {
max-width: 1200px;
height: 200px;
margin: 0 auto;
}

.about_box h2 {
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size: 36px;
line-height: 1.5em;
color: #fff;
margin: 0;
padding-top: 70px;
text-shadow: 1px 2px 3px #111;
}

.back_rinen { 
background-image : url(../images/about/back_01.jpg);
background-position: bottom center;
background-repeat: no-repeat;
background-size: cover;
}

.rinen { 
max-width: 900px;
margin: 0 auto;
padding: 80px 0;
}

.rinen h2 { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size: 36px; line-height: 1.5em; text-align: center; margin-top: 0; margin-bottom: 30px; }
.rinen p { font-size: 18px; line-height: 2em; text-align: center; }

@media screen and (max-width: 767px) {
.about_box h2 { text-align: center; }
}

@media screen and (max-width: 600px) {
.rinen h2 { font-size: 30px; }
.rinen p { font-size: 16px; }
.rinen p span br { display: none; }
}



/* 会社概要 
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.profile { 
max-width: 900px;
margin: 0 auto;
}
.profile h2 { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size: 36px; line-height: 1.5em; text-align: center; margin-top: 0; margin-bottom: 30px; }

.profile .company table { width: 100%; font-size: 16px; line-height: 1.5em; border-top: 1px solid #111; margin-bottom: 80px; }
.profile .company th { font-weight: bold; vertical-align: top; background: #e5f5ff; border-bottom: 1px solid #111; padding: 10px; }
.profile .company td { border-bottom: 1px solid #111; padding: 10px; }

.profile .map { margin-bottom: 120px; }

.profile .table-wrap {
display: block;
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.profile .activity table { width: 100%; font-size: 14px; line-height: 1.5em; border-collapse: collapse; white-space: nowrap; }
.profile .activity th { font-weight: normal; border-bottom: 1px solid #111; padding: 10px 10px 10px 0; }
.profile .activity th br { display: none; }
.profile .activity td { text-align: center; border-bottom: 1px solid #111; padding: 10px; }

.profile .guide {
display: flex;
justify-content: space-between;
margin: 80px auto 140px auto;
}
.profile .guide a { transition: 0.5s; }
.profile .guide a:last-child { margin-left: 30px; }

.plan_title_01 { background: #e5f5ff; padding: 5px 10px; border-left: 5px solid #00A0FF; }
.plan_title_02 { background: #e5f5ff; padding: 5px 10px; border-left: 5px solid #00A0FF; margin-top: 60px; }

@media screen and (max-width: 767px) {
.profile .company th { display: block; padding: 5px 10px; }
.profile .company td { display: block; }
.profile .guide { display: block;  }
.profile .guide a { display: block; text-align: center; margin: 0 auto; }
.profile .guide a:last-child { display: block; text-align: center; margin: 30px auto 0 auto; }
}
@media screen and (max-width: 600px) {
.profile h2 { font-size: 30px; }
.profile .activity th br { display: block; }
}



/* 沿革 
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
.back_history { 
background-image : url(../images/about/back_02.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.history { 
max-width: 1000px;
margin: 0 auto;
padding: 60px 15px 140px 15px;
background: rgba(255, 255, 255, 0.7);
}

.history h2 { font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size: 36px; line-height: 1.5em; text-align: center; margin-top: 0; margin-bottom: 0; }

.history table { width: 100%; max-width: 900px; margin: 60px auto 0 auto; border-top: 1px solid #111; }
.history th { text-align: right; vertical-align: top; border-bottom: 1px solid #111; padding: 20px 10px; }
.history td { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #111; padding: 20px 10px; }
.history td img { margin-left: 10px; }

@media screen and (max-width: 767px) {
.history th { display: block; text-align: left; padding: 5px 10px; }
.history td img { max-width: 150px; }
}
@media screen and (max-width: 500px) {
.history td img { max-width: 100px; }
}