@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/kaigi/main.jpg"); }

/*==================================== lead
====================================*/
#lead .text { background-image: url("../images/facilities/lead_bg.png"); }

/*======================= ページ内リンク
=========================*/
.type.facilities .button_outer a .text .title { font-size: 18px; margin-bottom: 0; position: relative; }
.type.facilities .button_outer a .text .title .box { display: block; border: 1px solid #FFF; font-size: 16px; width: 80%; max-width: 140px; margin-left: auto; margin-right: auto; }
.type.facilities .button_outer a .text .title:after { content: ''; display: block; width: 15px; height: 15px; border-right: 1px solid #766d5e; border-bottom: 1px solid #766d5e; transform: rotate(45deg); transition: all 0.5s; position: relative; z-index: 2; margin-left: auto; margin-right: auto; }

.bg_colored { margin-bottom: 30px; padding-top: 30px; }

/*======================= text_lr
=========================*/
.text_lr.facilities .info.bg_accent { padding-bottom: 0; }
.text_lr.facilities .info.bg_accent .buttons { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border-top: 1px solid #eeeeee; margin-left: -20px; margin-right: -20px; margin-top: 15px; }
.text_lr.facilities .info.bg_accent .buttons li { flex-basis: 50%; max-width: 50%; }
.text_lr.facilities .info.bg_accent .buttons li:first-child { border-right: 1px solid #eeeeee; }
.text_lr.facilities .info.bg_accent .buttons li a { width: 100%; height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.2; transition: all 0.5s; }
.text_lr.facilities .info.bg_accent .buttons li a:after { content: ''; display: block; width: 15px; height: 15px; border-right: 1px solid #766d5e; border-bottom: 1px solid #766d5e; transform: rotate(45deg); }
.text_lr.facilities .info.bg_accent .buttons li a:hover { background-color: #eeeeee; }

/*==================================== あしらい
====================================*/
#points .cont_lr .image { position: relative; z-index: 1; }
#points .cont_lr .text { position: relative; z-index: 0; }
#points .cont_lr .text:before { content: ''; display: block; position: absolute; opacity: 0; transition: all 2s; transition-delay: 0.5s; z-index: -1; }
#points .cont_lr .text.show:before { opacity: 1; }
#points .cont_lr.img_l .text:before { background: url("../images/common/bg_circle02.png") no-repeat top left/contain; width: 460px; height: 440px; bottom: -50px; right: -150px; }
@media screen and (max-width: 768px) { #points .cont_lr.img_l .text:before { width: 300px; height: 287px; bottom: auto; top: -100px; right: -50px; } }
#points .cont_lr.img_r .text:before { background: url("../images/common/bg_circle04.png") no-repeat top left/contain; width: 386px; height: 424px; bottom: 0px; left: -150px; }
@media screen and (max-width: 768px) { #points .cont_lr.img_r .text:before { width: 250px; height: 275px; bottom: auto; top: -90px; left: -50px; } }
#points .cont_lr:nth-of-type(2) .text:before, #points .cont_lr:nth-of-type(3) .text:before, #points .cont_lr:nth-of-type(5) .text:before { display: none; }

/*======================= リスト
=========================*/
.table { font-size: 15px; line-height: 1.6; border: 1px solid #eeeeee; }
@media screen and (min-width: 769px) { .table { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } }
.table > th, .table > td { padding: 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; flex-direction: column; }
.table > th > a[href], .table > td > a[href] { color: #766d5e; text-decoration: underline; }
.table > th > a[href]:hover, .table > td > a[href]:hover { text-decoration: none; }

.table > th { text-align: center; background-color: #eeeeee; border-bottom: 1px solid #FFF; align-items: center; }
@media screen and (min-width: 769px) { .table > th { flex-basis: 200px; max-width: 200px; } }
@media screen and (max-width: 768px) { .table > th { width: 100%; } }
.table > th:last-of-type { border-bottom: none; }

.table > td { border-bottom: 1px solid #eeeeee; }
@media screen and (min-width: 769px) { .table > td { flex-basis: calc(100% - 200px); max-width: calc(100% - 200px); } }
@media screen and (max-width: 768px) { .table > td { width: 100%; } }
.table > td:last-of-type { border-bottom: none; }

.detail { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; font-size: 15px; line-height: 1.6; }

.detail > th, .detail > td { margin-bottom: 10px; }

.detail > th { flex-basis: 100px; max-width: 100px; position: relative; padding-right: 1em; }
.detail > th:after { content: '：'; display: block; position: absolute; right: 0; top: 0; }
.detail > th.wide { margin-bottom: 0; }

.detail > td { flex-basis: calc(100% - 100px); max-width: calc(100% - 100px); }
.detail > td.wide { flex-basis: 100%; max-width: 100%; }

/*# sourceMappingURL=kaigi.css.map */