@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PCのみ　@media (max-width: 1000px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/



/* タイトル */
.title_wrap { width: 100%; display: block;}/* format.cssの打ち消し */
.title_wrap .title { margin: 0 auto;}/* format.cssの打ち消し */
.title_wrap .title span  { width: 100%; margin-bottom: 16px; color: #BBBBBB; line-height: 1rem; letter-spacing: 0.2em; display: flex; align-items: center; justify-content: center; font-family: "Roboto", sans-serif; font-weight: 600; font-style: normal; }
.title_wrap .title h1 { margin: 0 0 35px 0; font-family: 'GenJyuuGothic-Bold'; font-size: 28px; letter-spacing: 0.04em; }
@media screen and ( min-width: 768px ) {
    .title_wrap { margin: 0;}
    .title_wrap .title span { justify-content: flex-start;}
    .title_wrap .title h1 { margin: 0 0 80px 0; font-size: 48px;}
}



.box_contents.top { margin-top: 64px; background:#fdfcfb;}
.box_contents.top .top_bg_left { width:30%; display:inline-block; position:absolute; top:0; left:0; z-index:0; }
.box_contents.top .top_bg_right { width:30%; display:inline-block; position:absolute; top:0; right:0; }
.box_contents.top .inner { padding: 64px 0 85px 0;}

@media screen and ( min-width: 768px ) {
    .box_contents.top { margin: 87px auto 0 auto;}
    .box_contents.top .inner { padding: 80px 0 120px 0;}
}



.center em { font-size:14px; letter-spacing:0.1em; margin-bottom:10px; line-height:1.15em; }
.center p { text-align:justify; color:#3B3B3B; font-size:16px; font-family: 'GenJyuuGothic-Bold'; font-style: normal;}
.center p { margin-bottom: 35px; }
@media screen and ( min-width: 768px ) {
    .center em { font-size:16px; margin-bottom:14px; }
    .center { width:70%; margin:0 auto; display:block; }
    .center p { margin-bottom: 40px; }
}
@media screen and ( min-width:1200px ) {
    .center { width:57%;}
}

.title_big { margin-bottom:35px; letter-spacing:0.1em; line-height: 1.4;}
@media screen and ( min-width: 768px ) {
    .title_big { margin-bottom:80px; }
}
.message { width:100%; display:block; text-align:center; font-size:24px; color:#3B3B3B; letter-spacing:0.06em; margin-bottom:35px; float:left; font-family: 'GenJyuuGothic-Bold'; font-style: normal;font-weight:bold; line-height:1.7em; }
.message .green { font-size:32px; letter-spacing:0.06em; }
@media screen and ( min-width: 768px ) {
    .message { margin-bottom: 40px; font-size:24px; }
}

.ceo { width:250px; margin: 0 auto; display:flex; justify-content:space-between; align-items:center; color:#534c4c; font-size:16px;}
.ceo img { margin-top:5px; width:140px; }
@media screen and ( min-width: 768px ) {
    .ceo img { width:140px;  }
}

/* 会社概要 */
.company { display: flex; flex-wrap: wrap; box-sizing: border-box;}
.company dt { width: 100%; margin-bottom: 14px; font-family: 'GenJyuuGothic-Bold'; line-height: 1.5;}
.company dd { width: 100%; margin-bottom: 22px; padding-bottom: 14px; border-bottom: solid 1px; line-height: 1.5;}
.company dd:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
@media screen and ( min-width: 768px ) {
    .company { max-width: 1000px; margin: 0 auto;}
    .company dt { width: 30%; margin-bottom: 22px; padding-bottom: 22px; padding-left: 3%; border-bottom: solid 1px; box-sizing: border-box; line-height: 1.7;}
    .company dd,.company dd:last-of-type { width: 70%; margin-bottom: 22px; padding-bottom: 22px; padding-right: 3%; border-bottom: solid 1px; box-sizing: border-box; line-height: 1.7;}
    .company dt:last-of-type,.company dd:last-of-type { margin-bottom: 0;}
    .box_contents .inner { padding-bottom:0; }
}

.box_contents { padding-bottom:0; margin-bottom:0; }

@media screen and ( max-width: 768px ) {
    .side_footer_fixed_button { /*width:100%; height: 48px; text-align: center; border-radius: 24px;*/ display:none; }
}