@charset "utf-8";
/* ------------------------------------------------------------
ホーム
------------------------------------------------------------ */
/* 共通
---------------------------------------------- */
/* base へ移動？？
---------------------------------------------- */


@media print, screen and (max-width: 767px){
}

/* HOME共通
---------------------------------------------- */
@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
}

/* プロモーション
---------------------------------------------- */
div#wrap_swiper{width: 100%;height: 580px;position: relative;background: linear-gradient(to bottom,#ffffff 0%,#ffffff 50%,#e2f2ed 50%,#e2f2ed 100%);}
.swiper-container {width: 97.2%;height: 580px;overflow: hidden;margin:130px auto 0;color:#FFF;border-radius: 14px;}
.swiper-slide {position: relative;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {width: 100vw;height: 580px;object-fit: cover; /* 画像がはみ出すようにカバー */}
#promotion_caption_pc {position: absolute;left: 60px;bottom: 40px;font-size: 50px;font-weight: 700;line-height: 1.2;z-index: 333;color: #FFFFFF;letter-spacing: 0.1em;width: 80%;}
#promotion_caption_pc li{border: 2px solid #FFFFFF;display: inline-block;background-color: rgba(0, 0, 0, 0.6);padding: 2px 20px 8px;}
#promotion_caption_pc span {color: #5FF9DC;}
#promotion_caption_pc li:first-child{margin-bottom: 20px;}

#promotion_caption_sp {display: none;}

@media print, screen and (max-width: 950px){
.swiper-container {margin-top: 0;}
}

@media print, screen and (max-width: 950px){
div#wrap_swiper{height: auto;}
.swiper-container {width: 94%;height: 400px;margin: 70px auto 0;}
.swiper-slide img {height: 400px;}
    
#promotion_caption_pc {display: none;}
    
#promotion_caption_sp {display: block;position: absolute;left: 30px;bottom: 15px;font-size: 21px;font-weight: 700;line-height: 1.2;z-index: 333;color: #FFFFFF;width: 84%;}
#promotion_caption_sp li{display: block;}
#promotion_caption_sp li span.caption_box{border: 1px solid #FFFFFF;display: inline-block;background-color: rgba(0, 0, 0, 0.6);padding: 10px 10px 10px 15px;margin-bottom: 10px;}
#promotion_caption_sp li span.caption_grn{color: #5FF9DC;}
#promotion_caption_sp li:last-child{margin-bottom: 0;}

}

/* ABOUTUS
---------------------------------------------- */
section#aboutus_wrap{background:#E2F2ED url(/cmsm/img/aboutus_bg_txt.png) no-repeat top 60px right;background-size:1024px 140px;}

div#aboutus{padding: 100px 20px 0;max-width: 1240px;width: 100%; margin: 0 auto;}
div#aboutus h2{font-size: 100px;font-weight: 900;margin:-15px 0 39px 0;color:#049A88;letter-spacing: 0.05em;font-family: "Lexend", sans-serif;background:url(/cmsm/common/img/ico_spin_grn.png) no-repeat left center;background-size:56px 64px;padding-left: 76px;line-height: 1.0;}
div#aboutus div#btm_dotted{max-width: 1240px;margin: 0 auto;background-image: repeating-linear-gradient(to right,#049B89 0px,#049B89 2px,transparent 2px,transparent 7px);background-position: bottom;background-size: 100% 2px;background-repeat: no-repeat;padding-bottom: 55px;margin-bottom: 50px;}

div#group_cmsm_bg{background:url(/cmsm/img/aboutus_bg.png) no-repeat center 0;background-size:1920px 461px;}
div#group_cmsm_wrap{padding: 0 20px 140px;max-width: 1240px;width: 100%; margin: 0 auto;}
div#group_cmsm{width: 740px;}

ul#group_cmsm_list{display: grid;grid-template-columns: 1fr 1fr;gap: 0 40px;margin: 32px 0 40px 0;font-weight: 700;}
ul#group_cmsm_list li{border-bottom: 1px solid #B9C6C6;padding: 21px 0 22px;display: flex;justify-content: space-between;align-items: center;}
ul#group_cmsm_list li:first-child,ul#group_cmsm_list li:nth-child(2){border-top: 1px solid #B9C6C6;}
ul#group_cmsm_list li a{width: 100%;background:url(/cmsm/common/img/ico_blank_grn.png) no-repeat right 0.2em;background-size:40px 24px;}
ul#group_cmsm_list li a:hover{color:#048472;transition: 0.3s;}

p#group_cmsm_img{display: none;}

div#member_bg{background:url(/cmsm/img/member_bg.png) no-repeat center 0;background-size:1920px 231px;text-align: center;padding: 0 20px 100px;}
div#member_bg a{display: inline-block;}
div#member_bg a img.pc_none{display: none;}
div#member_bg img{max-width: 100%;}
div#member_bg img:hover{opacity: 0.7;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
div#group_cmsm_bg{background:none;padding: 0 0 70px 0;}
div#group_cmsm_wrap{padding: 0 20px 70px;max-width: 100%;width: 100%; margin: 0;}
div#group_cmsm{width: 100%;} 
ul#group_cmsm_list{display: grid;grid-template-columns: 1fr 1fr;gap:0 40px;}
p#group_cmsm_img{display: block; text-align: right;}

div#member_bg{background:url(/cmsm/img/member_bg.png) no-repeat center 0;background-size:100% auto;}
}

@media print, screen and (max-width: 767px){
section#aboutus_wrap{background:#E2F2ED url(/cmsm/img/aboutus_bg_txt.png) no-repeat top 30px right;background-size:366px 50px;}

div#aboutus{padding: 60px 20px 0;max-width: 100%;margin: 0;}
div#aboutus h2{font-size: 50px;margin:-7px 0 25px 0;background:url(/cmsm/common/img/ico_spin_grn.png) no-repeat left center;background-size:28px 32px;padding-left: 38px;}

div#aboutus div#btm_dotted{max-width: 100%;margin: 0;padding-bottom: 40px;margin-bottom: 40px;}

div#group_cmsm_bg{padding: 0 0 70px 0;}
div#group_cmsm_wrap{padding: 0 20px 50px;max-width:100%;margin: 0;}


ul#group_cmsm_list{display: grid;grid-template-columns: 1fr;gap: 0;margin: 32px 0 30px 0;}
ul#group_cmsm_list li{border-bottom: 1px solid #B9C6C6;padding: 21px 0 22px;display: flex;justify-content: space-between;align-items: center;}
ul#group_cmsm_list li:nth-child(2){border-top:none;}
ul#group_cmsm_list li a{width: 100%;background:url(/cmsm/common/img/ico_blank_grn.png) no-repeat right 0.2em;background-size:40px 24px;}
ul#group_cmsm_list li:hover{color:#048472;transition: 0.3s;}
p#group_cmsm_img img{width: 100%;}

div#member_bg{background:url(/cmsm/img/member_bg_sp.png) no-repeat 0 0;background-size:100% auto;padding: 0 20px 50px;}
div#member_bg a img.pc_none{display: block;}
div#member_bg a img.sp_none{display: none;}
}

/* GP
---------------------------------------------- */
div#gp_bg{background:url(/cmsm/img/gp_bg.png) no-repeat center 0;background-size:1920px 651px;}
section#gp{padding: 40px 20px 140px;max-width: 1240px;width: 100%; margin: 0 auto;overflow: hidden;}
section#gp p#gp_img{float: left;width:41.667%;}
section#gp div#gp_txt{float: right;width:50%;padding: 78px 0 0 0;}
section#gp div#gp_txt p.btn_arw_ccl{margin: 33px 0 0 0;}

.ttl_spin_grn{background:url(/cmsm/common/img/ico_spin_grn.png) no-repeat left center;background-size:26px 30px;padding-left: 36px;font-size: 40px;font-weight: 700;margin: 0 0 31px 0;}

@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
div#gp_bg{background:url(/cmsm/img/gp_bg_sp.png) no-repeat 0 0;background-size:100% auto;}
section#gp{padding: 0 20px 70px;max-width: 100%; margin: 0;overflow: visible;}
section#gp p#gp_img{float: none;width:100%;text-align: center;}
section#gp p#gp_img img{width:70%;}
section#gp div#gp_txt{float: none;width:100%;padding: 45px 0 0 0;}
section#gp div#gp_txt p.btn_arw_ccl{margin: 32px 0 0 0;}

.ttl_spin_grn{background-size:20px 23px;padding-left: 30px;font-size: 25px;margin:-13px 0 20px 0;}
}

/* PAPER
---------------------------------------------- */
div#paper_bg{background: #F4F4F4;}
div#paper{max-width: 1240px;width: 100%;padding: 140px 20px;margin: 0 auto;}
div#paper ul{font-size: 0;}
div#paper ul li{font-size: 16px;display: inline-block;width: 48.333%;vertical-align: top;}
div#paper ul li:nth-child(2){margin:40px 0 0 3.333%;}
div#paper ul li img{height: auto;}
div#paper ul li img:hover{opacity: 0.7;transition: 0.3s;}

@media print, screen and (max-width: 1200px){
}

@media print, screen and (max-width: 767px){
div#paper{max-width:100%;padding:70px 20px;margin: 0;}
div#paper ul li{display:block;width:100%;}
div#paper ul li:nth-child(2){margin:30px 0 0 0;}
div#paper ul li img{height: auto;}
div#paper ul li img:hover{opacity: 0.7;transition: 0.3s;}
}

/* NEWS 
---------------------------------------------- */
section#news{padding: 140px 20px;max-width: 1240px;width: 100%; margin: 0 auto;overflow: hidden;}
section#news div#news_ttl{float: left;width:31.667%;}
section#news div#news_ttl h2#ttl_news{letter-spacing: 0.05em;font-family: "Lexend", sans-serif;background:url(/cmsm/img/news_ico.png) no-repeat left center;background-size:58px 58px;padding-left: 78px;line-height: 1.0;font-size: 60px;font-weight: 700;color: #049B89;margin: 0 0 40px 0;}
section#news div#news_list{float: right;width:68.333%;}
section#news div#news_list ul li{border-bottom: 1px solid #B9C6C6;padding-bottom: 24px;margin-bottom: 23px;}
section#news div#news_list ul li div.meta {color: #637A74;margin-bottom: 14px;}
section#news div#news_list ul li span.cat {color: #048472;font-weight: bold;font-size: 15px;border-left: 1px solid #B9C6C6;margin-left: 20px;padding-left: 20px;}
section#news div#news_list ul li h3{font-weight:500;}
section#news div#news_list ul li h3:hover{color: #3DC1AA;transition: 0.3s;}
section#news div#news_list ul li:last-child{margin-bottom: 0;}

span.news_presstag {color: #FFFFFF;background: #A91700;padding: 0 5px 1px;font-size: 14px;margin-left: 20px;}

@media print, screen and (max-width: 1200px){
section#news{max-width:100%; margin: 0;overflow: visible;}
section#news div#news_ttl{float: none;width:100%;}
section#news div#news_list{float: none;width:100%;margin: 40px 0 0 0;}
}

@media print, screen and (max-width: 767px){
section#news{padding: 70px 20px;}
section#news div#news_ttl h2#ttl_news{background:url(/cmsm/img/news_ico.png) no-repeat left center;background-size:50px 50px;padding-left: 70px;line-height: 1.3;font-size: 40px;margin: 0 0 30px 0;}
section#news div#news_list ul li{padding-bottom:15px;margin-bottom:15px;}
section#news div#news_list ul li div.meta {margin-bottom: 7px;}
section#news div#news_list ul li span.cat {font-size: 14px;}
}

@media print, screen and (max-width: 340px){
span.news_presstag {margin-left: 0;display: block;width: fit-content;margin-top: 5px;}
}