@charset "UTF-8";
/* about
----------------------------------------------- */
.about-intro{width: 100%;padding: 5vw 0 10vw;}
.about-midashi{text-align: center;display: block; font-size:4.5vw;font-weight: bold;margin: 0 auto 10vw;}

.about-intro .text{ width: 100%;  -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1;-moz-column-gap: 0;  column-count: 1; column-gap: 0;}
.about-intro .text p{margin-bottom: 4vw;font-size: 3.5vw;line-height: 1.8;}
.about-intro .text p.text-right{text-align: right;margin-top: 6vw;}

.about-img{ width: 100%;}
.about-img img{ width: 100%;}

.group{margin: 10vw auto;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.group li{width: 48%;position: relative;margin-right: 2vw;margin-bottom:2vw;}
.group li:nth-child(2n){margin-right:0;}
.group li p{color: #fff;font-weight: bold;font-size: 4vw; position: absolute; z-index: 1;  text-align: center;  margin: auto; width: 100%;  top: 50%;  left: 0;right: 0;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.point{padding: 10vw 0;}
.point_li{}
.point_li li{margin-bottom: 4vw;padding-bottom: 4vw;border-bottom: 1px dashed #cbcbcc;}
.point_li dt{margin-bottom: 2vw;display: table;width: 100%;}
.point_li dt p{font-size: 4vw;font-weight: bold;display: table-cell;width: 70%;padding-left: 4vw;}
.point_li dt span{font-size: 4.5vw;color: #b1a376;font-family: cormorant-garamond, serif;display: table-cell;width: 10%;vertical-align:top;}
.point_li dd{font-size: 3.5vw;line-height: 1.8;}


.outline{background: url("../images/outline_bg.jpg"); background-size: cover;padding: 10vw 0;}
.outline-midashi{    text-align: center;margin: 0 auto 4.5vw;}
.outline-midashi .en{ display: block; font-size: 5.5vw; color: #a5955f; line-height: 1; font-family: cormorant-garamond, serif;font-weight: 600; font-style: normal;}
.outline-midashi .jp{display: block;font-size: 3.5vw;}

.outline .prof_t table{background: #fff; width: 100%;}
.outline .prof_t table th,.outline .prof_t table td{width:100%;display:block;vertical-align:middle;padding: 2.5vw;line-height: 1.6;}
.outline .prof_t table td{color: #000;}
.outline .prof_t table th{ background: #7e7e7e; color: #fff;font-weight: bold;}



@media screen and (min-width: 736px) {
/* pc
----------------------------------------------- */
.about-intro{width: 100%;padding: 40px 0 100px;}
.about-midashi{text-align: left;font-size: 26px;margin: 0 auto 50px;}

.about-intro .text{display: block;width:100%; margin: 0 auto; -webkit-column-count: 2;-webkit-column-gap: 4.1em; -moz-column-count: 2;-moz-column-gap: 4.1em; column-count: 2;column-gap: 4.1em;}
.about-intro .text p{font-size: 16px;margin-bottom: 20px;}
.about-intro .text p.text-right{margin-top: 60px;}

.group{margin: 100px auto;}
.group li,.group li:nth-child(2n){width: 32%;margin-bottom: 20px;margin-right: 10px;}
.group li:nth-child(3n),.group li:nth-child(3n){margin-right: 0;}
.group li p{font-size: 20px;}

.point{padding: 100px 0;}
.point_li{}
.point_li li{margin-bottom: 20px;padding-bottom: 20px;}
.point_li dl{display:table;}
.point_li dt{margin-bottom: 2vw;display: table-cell;width: 40%;}
.point_li dt p{font-size: 20px;display: block;width: 100%;padding-left: 0;}
.point_li dt span{font-size: 24px;display: block;width: 100%;}
.point_li dd{display: table-cell;}
.point_li dd{font-size: 16px;}


.outline{padding: 100px 0;}
.outline-midashi{text-align: left;margin: 0 auto 40px;}
.outline-midashi .en{display: inline-block;font-size: 46px;}
.outline-midashi .jp{display: inline-block;font-size: 20px;margin-left: 20px;}


.outline .prof_t table{display:table;width: 100%;}
.outline .prof_t table th,.outline .prof_t table td{display:table-cell;padding: 16px;}
.outline .prof_t table tr:last-child th,.outline .prof_t table tr:last-child td{border-bottom:none;}
.outline .prof_t table th{ width: 30%;border-bottom: 1px solid #fff;}
.outline .prof_t table td{width: 70%;border-bottom: 1px solid #ccc;}
}