@charset "utf-8";
/* CSS Document */

/*
#session::before,#overview::before,#about::before{
  content:'';
  display: block;
  padding-top: 120px;
  margin-top: -120px;
}*/

#about_area{
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}
#session_area{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
#overview_area{
    display: block;
    padding-top: 300px;
    margin-top: -300px;
}

html{background:none;}
body.forum { background: url(https://www.ecbeing.net/cms/smz/img/usr/forum/bk2.png) no-repeat;background-attachment: fixed;background-size: cover;}
body.forum a{text-decoration: none;transition: all 0.3s ease-out;}
body.forum a:hover{opacity:0.8;}
.main h1 {text-align: center;padding-top: 10%;padding-bottom: 550px;}
.header {background: #fff;/*opacity: 0.76;*/position: fixed;top: 0;left: 0;width: 100%;padding: 20px 0;z-index: 10;}
.header ul {display: flex;justify-content: flex-start;align-items: center;height: 90px;}
.header ul li{margin-right: 50px;}
.header ul li a{font-weight: bold;font-size: 20px;text-align: left;color: #262525;}
.header .float_cv a{background: /*#c47576*/#005b95;font-weight: bold;font-size: 24px;line-height: 1.6em;text-align: center;color: #fff; width: 180px; height: 130px;display: block;position: absolute;top: 0;right: 100px;padding-top: 50px;}
.header .float_cv a:after {content: "";border-top: solid 1px #fff;border-right: solid 1px #fff;width: 20px;height: 20px;transform: rotate(135deg);display: block;position: absolute;bottom: 15%;right: 42%;}
.w1440 { width: 1440px; margin: 0 auto;}

#about{background: url(https://www.ecbeing.net/cms/smz/img/usr/forum/bk_about.png)no-repeat;background-size: cover;padding-bottom: 100px;}
.me_area .bk_w{background: #fff;opacity: 0.88;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);padding: 70px 90px; width: 38%;position: relative; bottom:50px;}
.me_area .bk_w h2{font-weight: bold;font-size: 26px;line-height: 1.6em;text-align: left;color: #262626;margin-bottom: 40px}
.me_area .bk_w h2 span{color:#C66695;}
.me_area .bk_w .text{font-weight: bold;font-size: 16px;line-height: 1.6em;text-align: left;color: #262626;}
	
#session {padding:100px 0; background: #fff;}
#session h2{font-weight: bold;font-size: 37px;text-align: center;color: /*#c47576*/#005b95;margin-bottom: 20px;}
#session .h2_area{background:rgba(255,255,255,0.76);  padding: 40px 0; margin-bottom:80px;}
#session .text {font-weight: bold;font-size: 21px;text-align: center;color: /*#c47576*/#005b95; }
#session .session_box{background:#f5f6fb/*rgba(245,246,251,0.84)*/; padding: 50px 0; position: relative;margin-bottom: 100px;}
#session .session_box .time{border-radius: 32.5px;background: #005b95/*#c47576*/;font-weight: bold;font-size: 40px;color: #fff;position: absolute; top: 0px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);padding: 30px; line-height: 0;}
#session .session_box .flex_box{width:1300px; margin: 0 auto;display: flex;flex-wrap: wrap;}
#session .session_box .flex_box_kai{width:1300px; margin: 0 auto;}
#session .session_box .flex_box_kai .title{font-weight: bold;font-size: 26px;letter-spacing: 0.05em;text-align: center;color: #202020;margin-bottom: 10px; line-height: 1.6em;}
#session .session_box .flex_box_kai .text{font-weight: bold;font-size: 15px;letter-spacing: 0.05em;text-align: center;color: #262626; line-height: 1.6em;}
#session .session_box .flex_box .semi{width: calc((100% - 120px) / 2);margin:0 30px 20px;}
#session .session_box .flex_box .semi.center{margin:0 auto 20px;}
#session .session_box .flex_box .semi .bk_w2 {position: relative;display: flex;padding: 40px 15px 40px 0px;}
#session .session_box .flex_box .semi .bk_w2::before {content: '';position: absolute;top: 0;right: 0;width: 485px;height: 100%;background: #fff;z-index: 0;}	
#session .session_box .flex_box .semi .bk_w2 .face{width: 100%;max-width: 170px;margin-right: 20px; z-index: 1;}
#session .session_box .flex_box .semi .bk_w2 .text_area{width: 100%; z-index: 1;}
#session .session_box .flex_box .semi .bk_w2 .text_area h3{font-weight: bold;font-size: 23px;letter-spacing: 0.05em;text-align: left;color: #202020;margin-bottom: 10px; line-height: 1.6em;display: flex;align-items: flex-end;}
#session .session_box .flex_box .semi .bk_w2 .text_area h4{font-weight: bold;font-size: 15px;letter-spacing: 0.05em;text-align: left;color: #262626;margin-bottom: 10px; line-height: 1.6em;}
#session .session_box .flex_box .semi .bk_w2 .text_area .name{font-weight: bold;font-size: 12px;letter-spacing: 0.05em;text-align: left;color: #262626; line-height: 1.6em;}

#overview {position: relative;}
.overview_bk{background: /*#c47576*/#005b95; padding: 80px 0;position:relative;}
#overview h2{font-weight: bold;font-size: 57px;text-align: left;color: #005b95/*#fff*/;line-height: 1em; position: absolute; top: -85px;}
#overview::before{content: "";display: block; width: 65%; height: 60px;position: absolute;right: 0;top: -90px;background:#005b95/* #c47576*/;padding: 0px;width: 60%;box-sizing: border-box;clip-path:polygon(20px 0, 100% 0, 100% 100%, 0 100%);}
#overview .flex_over{display: flex; width: 100%;}
#overview .flex_over .over_text{width: 50%;}
#overview .flex_over .over_text h3{font-weight: bold;font-size: 20px;letter-spacing: 0.1em;text-align: left;color: #fff;border-bottom: 1px solid #fff;display: block; padding-bottom: 10px; margin-bottom: 20px;}
#overview .flex_over .map {width: 50%; text-align: center;}
#overview .flex_over .over_text dl {display: flex;flex-wrap: wrap;}
#overview .flex_over .over_text dl dt{width:110px;font-weight: bold;margin-bottom: 20px;margin-right: 20px;}
#overview .flex_over .over_text dl dt span{border: 1px solid #fff;font-size: 18px;line-height: 1em;text-align: center;color: #fff; display: block; padding: 5px 0;}
#overview .flex_over .over_text dl dd{width: 80%;margin-bottom: 20px;font-weight: bold;font-size: 20px;line-height: 1.5em;text-align: left;color: #fff;}
#overview .flex_over .over_text dl dd span.big1{font-size: 32px;}
#overview .flex_over .over_text dl dd span.big2{font-size: 28px;}
	
.cv_aera {background: #fff;padding: 120px 0 100px;text-align: center;}
.cv_aera .btn { text-align: center; margin-bottom: 100px;}
.cv_aera .btn a{background: #c6b406;font-weight: bold;font-size: 30px;line-height: 1.5em;text-align: center;color: #fff;padding: 20px 140px;}
.cv_aera .privacy,.cv_aera .privacy a{font-weight: bold;font-size: 18px;line-height: 1.9em;text-align: center;color: #707070;}
.cv_aera .privacy {margin-bottom: 40px;}
.cv_aera .logo {text-align: center;}
.sp_only {display: none;}
body.forum .footer{font-weight: bold;font-size: 12px;text-align: center;color: #707070;background: #d2dbe0;padding: 15px 0;}

@media screen and (max-width: 1900px) {
.main h1 {padding-top: 15%;}
}
    
@media screen and (max-width: 950px) {
.header {padding: 0px;}
.pc_only{display: none;}
.sp_only {display: inline;}
.header ul { display:none;}
.header .float_cv a{background: /*#c47576*/#005b95;font-weight: bold;font-size: 18px;line-height: 1.6em;text-align: center;color: #fff; width: 100%; height: 30px;display: block;position: fixed;bottom: 0;right: 0px;padding: 20px;top: initial;}
.header .float_cv a:after {content: "";border-top: solid 2px #fff;border-right: solid 2px #fff;width: 15px;height: 15px;bottom: 45%; right: 20%;}
    
body.forum {background: none;background-attachment: inherit;position: relative; z-index: 0;}
    
    
body.forum::before {
  content: '';
  position: fixed; /* 背景を固定 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: url(https://www.ecbeing.net/cms/smz/img/usr/forum/bk2.png) no-repeat;
  background-size: cover;
background-position: center -100px;
  z-index: -1; /* コンテンツの下に配置 */
}
    
.main h1 {text-align: center; padding-top: 150px; padding-bottom: 90px;}
.main h1 img{width: 100%; height: auto;}
#about{ background-position: center;}
.w1440 {width: 94%;padding: 0 3%;}
.me_area .bk_w {padding: 5%;width: 90%;position: relative;bottom: -30px;}
.me_area .bk_w h2 {font-size: 24px;}
#session h2 {font-size: 24px;}
#session .text {font-size: 16px;}
#session {padding: 80px 0;}
#session .session_box .time {font-size: 20px; width: 60%; text-align: center;}
#session .session_box .flex_box {width: 100%;}
#session .session_box .flex_box .semi { width: 94%;margin: 3%;}
#session .session_box .flex_box .semi .bk_w2 { padding: 15px;}
#session .session_box .flex_box .semi .bk_w2::before {width: 100%;}
#session .session_box .flex_box .semi .bk_w2 .text_area h3 {font-size: 16px;}
#session .session_box .flex_box .semi .bk_w2 .text_area h4 {font-size: 14px;}
#session .session_box .flex_box .semi .bk_w2 .face {width: 100%;max-width: 100px;}
#session .session_box .flex_box .semi .bk_w2 .face img{width: 100%; height: auto;}
#session .session_box {padding: 50px 0 20px;}
#session .session_box .flex_box_kai {width: 94%;}
#session .session_box .flex_box_kai .text {font-size: 14px;}
#overview h2 {font-size: 36px;}
#overview .flex_over .over_text {width: 100%;}
	#overview .flex_over { display: block;}
#overview .flex_over .map { width: 100%;}
#overview .flex_over .over_text dl dd {width: 100%;font-size: 14px;}
#overview .flex_over .over_text dl dd span.big1 {font-size: 14px;}
#overview .flex_over .over_text dl dd span.big2 {font-size: 14px;}
	#overview .flex_over .map img{ width: 100%; height: auto;}
.overview_bk {padding: 50px 0;}
.cv_aera .btn a {font-size: 20px;padding: 20px 60px;}
.cv_aera .privacy, .cv_aera .privacy a { font-size: 12px;line-height: 1.7em;}
#overview::before {width: 20%;}
}