/*==============================
members：メンバーズについて
============================== */

.members_pr{width:100%;
line-height:1,2;text-align:center;font-weight:bold;
background:rgba(102,51,153,.7);color:#fff;
padding:10px;margin-bottom:20px;border-top:1px solid #fff;}

.members_about{padding-top:30px;padding-bottom:50px;}

h3.members_h3{color:#663399;margin-bottom:20px;}

.members_about ul.ul_members01{
    list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding: 0;             /* デフォルト指定上書き */
margin-left:15px;margin-bottom:20px;
}

.members_about ul.ul_members01 li::before {
    content:  ""; /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: rgba(102,51,153,.4);  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

.cosmos_box{ 
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
background-color:rgba(102,51,153,.1);
background-image:url(../images/bg_gradation_cosmos01.png);
background-repeat:no-repeat;
background-position:bottom left;
padding:30px 30px;
 margin-bottom:50px;
}

.cosmos_box_image{width:22%;}
.cosmos_box_image img{width:100%;}
.cosmos_box_text{width:75%;margin-bottom:20px;}
.cosmos_bottom{border-top:3px solid rgba(102,51,153,.2);padding-top:20px;}


@media only screen and (max-width: 767px) {
.cosmos_box{ padding:20px 20px;}
.cosmos_box_image{width:60%;margin-bottom:20px;}
.cosmos_box_text{width:100%;margin-bottom:20px;}
}

/*==============================
members：高砂・おおぞら特別プラン
============================== */

/*キャッチコピー枠*/

.banner_catchcopy{
width:100%;
display:flex;
align-items:flex-start;
justify-content:center;
padding:20px 200px;
margin-bottom:30px;
background:rgba(255,240,51,.5);

}
.banner_catchcopy img{width:100%;}

@media only screen and (max-width: 767px) {
.banner_catchcopy{padding:20px 15px;}
}

 h3.h3_specialplan{background:rgba(29,80,162,.4);color:#fff;text-align:center;padding:10px;margin-bottom:30px;width:100%;}
.kanyu_tetsuzuki{width:100%;
display:flex;
align-items:stretch;
justify-content:space-between;
flex-wrap:wrap;margin-bottom:50px;}

.kanyu_tetsuzuki_parts{background:#d9cce5; width:24%;padding:20px 20px 20px;position: relative; border-radius:10px;}
.kanyu_tetsuzuki_parts_header{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
}
.kanyu_tetsuzuki_parts_header img{width:40%;background:#b299cc;border-radius:50%;margin-bottom:15px;}
.kanyu_tetsuzuki_parts h4{width:100%;color:#663399;line-height:1.2;text-align:center;}
.kanyu_tetsuzuki_parts_text{width:100%;margin-top:15px;
  display: flex;
  justify-content: center;
}
.kanyu_tetsuzuki_parts_text > p {line-height:1.2;
  max-width: 100%;
}


.kanyu_tetsuzuki_parts:before { /* 三角 */
  content: '';
  position: absolute;
  bottom: 50%;
  left: 100%;
  margin-left: -10px;
  width: 20px; /* 影をつけるために線幅で設定せずにboxを使用する */
  height: 20px;
  transform: rotate(45deg); /* 回転 */
  background: #d9cce5; /* 吹き出しの地と同じ色 */
}

.kanyu_tetsuzuki_parts.kanyu_tetsuzuki_parts_kanryou{
border:5px dotted #b299cc;background:#fff;width:20%;
display:flex;
align-items:center;
}

.kanyu_tetsuzuki_parts.kanyu_tetsuzuki_parts_kanryou:before { /* 三角をとる */
  content: none;}
.kanyu_tetsuzuki_parts.kanyu_tetsuzuki_parts_kanryou img{width:100%;}

.kanryou01{font-size:180%;font-weight:900;text-align:center;}

@media only screen and (max-width: 767px) {
.kanyu_tetsuzuki_parts{width:100%;padding:20px 20px 20px;margin-bottom:25px;}
.kanyu_tetsuzuki_parts:before { /* 三角 */
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  width: 20px; /* 影をつけるために線幅で設定せずにboxを使用する */
  height: 20px;
  transform: rotate(45deg); /* 回転 */
  background: #d9cce5; /* 吹き出しの地と同じ色 */
}
.kanyu_tetsuzuki_parts_header img{width:25%;}
.kanyu_tetsuzuki_parts.kanyu_tetsuzuki_parts_kanryou{width:100%;}
}


.tokuten_item{margin-bottom:25px;}
.tokuten_item .members_h3{margin-bottom:10px;}
.tokuten_item p{margin-left:34px;}

/*==============================
circleactivity：サークル活動
============================== */

.circle_container{
display:flex;
align-items:flex-start;
justify-content:space-between;
flex-wrap:wrap;
border-bottom:1px solid #663399;
}

.circle_card{border-top:1px solid #663399;
width:48%;
padding:20px 0;
}

.circle_card h3{color:#663399;font-size:120%;}

ul.circle_list{margin-top:15px;font-weight:bold;}
ul.circle_list li{list-style: inside;list-style-type: square;}


@media only screen and (max-width: 767px) {
.circle_card{width:100%}
}