@charset "UTF-8";

/*
======== table of content. ===============

summary:home要素

==========================================
*/

.home #promo { padding:7px 0;}
.home header{ min-height:230px;}
.sec_slide { text-align:center; }
.sec_slide a { display:block; }

#information dl { width:100%; }
#information dt { width:140px; vertical-align:middle; text-align:center; }
#information dd { padding-left:10px; vertical-align:middle; }
#information span { display:block; position:relative; padding:3px 0 }
#information span.bg_white { display:block; position:relative; padding:10px; }
#information .bg_default img { position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; }

.sec_2col { margin-top:60px; }
.bg_dot_border { padding:40px; }
.sec_facebook iframe { width:100%; height:100%; margin:auto; }
.btn_link {position:relative; display:block; margin:10px auto; padding:15px; -webkit-border-radius:10px; border-radius:10px; background-color:#45a6b4; color:#fff; vertical-align:middle; font-size:14px;}
.btn_link:after { content:"▶"; margin-left:3px; font-size:71.4%; }
.sec_link .sec_tel .number { margin:0 10px; font-size:171.4%; color:#45a6b4; vertical-align:middle; }

.sec_services { margin-top:40px; }
.sec_services .sec_4col { padding:20px 0; }
.sec_services .sec_service1 .sec_border_lr, .sec_services .sec_service2 .sec_border_lr, .sec_services .sec_service3 .sec_border_lr{ padding:0 20px; border-left: solid #cbdadc 1px;}
.sec_services .sec_service4 .sec_border_lr { padding:0 20px; border-left: solid #cbdadc 1px; border-right: solid #cbdadc 1px; }

.sec_services .txt_target { padding:5px 10px; background:#fff; color:#5ea2ac; text-align:center; }
.sec_services .bg_dot_diagonal_tb { margin-top:10px; font-size:171.4%; text-align:center; }
.sec_services .bg_dot_diagonal_tb span { color:#45a6b4; }
.sec_services .sec_promoarea { margin-top:10px; text-align:center; }
.sec_services .sec_promoarea. sec_table { width:100%; max-width:290px; margin-left:auto; margin-right:auto; }
.sec_services .txt_service { margin-top:10px; }

@media screen and (min-width: 980px) {
.home header h1 { padding:30px 0 40px; float:left;}
.home .top_title { float:right; padding-top:70px;}
.home .b{ display:none;}
.home h1 span{ display:none;}
}
@media screen and (max-width: 979px) and (min-width: 630px) {
.home header .logo_top{ padding: 0 20px 30px 20px;}
.home header h1 { padding:30px 0 40px; float:left;}
.home .top_title { float:left; padding:40px 0 0 30px;}
.home .a{ display:none;}
.home h1 span{ display:none;}
}
@media screen and (max-width: 630px) {
.home .top_title { display:none;}
}
@media screen and (max-width: 767px) {
.sec_services .sec_border_lr,
.sec_services .sec_service3 .sec_border_lr { margin-top:40px; background:none; }
.sec_services .sec_service1 .sec_border_lr { margin-top:0; }
.sec_facebook{ text-align:center;}
}

@media screen and (max-width: 480px) {
.home header h1 { padding:50px 0; text-align:center; !important}
.bg_dot_border { padding:20px; }
.sec_link .sec_tel .icon { margin:0 10px; }
.sec_link .sec_tel .number { margin:0 10px; }
.sec_services .sec_border_lr { padding:0 20px; }
}