@charset 'UTF-8';
/*===========================================
mv
===========================================*/
.mv{
position: relative;
}
.mv:before{
content: '';
display: block;
width: 100%;
}
.mv:before{
position: relative;
height: 0;
padding-top: 9.5%;
background-color: #f5f5f5;
}
.mv .mv_wrap{
display: flex;
align-items: flex-end;
justify-content: center;
margin: 0 20px;
z-index: 1;
}
.mv .mv_inner{
width: 100%;
max-width: 780px;
margin-top: -6%;
z-index: 1;
}
.mv .ttl{
position: relative;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding: 2.5em 20px 2.5em 20px;
background: #fff;
}
.mv .ttl:before,
.mv .ttl:after{
content: '';
display: block;
position: absolute;
height: 0;
background: center no-repeat;
background-size: contain;
}
.mv .ttl:before{
width: 11.54%;
padding-top: 13.08%;
top: -30px;
right: 3%;
background-image: url(/communication/about/image/index_bg_01.png);
}
.mv .ttl:after{
width: 12.05%;
padding-top: 15.13%;
bottom: -15px;
left: 3%;
background-image: url(/communication/about/image/index_bg_02.png);
}
.mv .ttl p{
position: relative;
font-size: 1.8rem;
text-align: center;
z-index: 1;
}
.mv .ttl h1{
position: relative;
padding-bottom: 24px;
font-size: 3.4rem;
text-align: center;
z-index: 1;
}
.mv .ttl h1:after{
content: '';
display: block;
position: absolute;
width: 64px;
height: 2px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #EB579E;
background-image: linear-gradient(90deg, #F88EA7 0%, #EB579E 100%);
}
.mv .ttl span{
display: inline-block;
}
@media screen and (max-width:767px){
.mv:before{
padding-top: 48%;
}
.mv .mv_wrap{
align-items: flex-start;
}
.mv .mv_inner{
margin-top: -35%;
}
.mv .ttl{
border-radius: 10px;
padding: 3.5em 20px 3.5em 20px;
}
.mv .ttl:before{
width: 18.41%;
padding-top: 20.95%;
top: -15px;
}
.mv .ttl:after{
width: 15.23%;
padding-top: 19.05%;
bottom: 15px;
}
.mv .ttl h1{
font-size: 3rem;
}
}

/*===========================================
intTxt
===========================================*/
.intTxt{
margin-top: 6%;
}

/*===========================================
activities
===========================================*/
.activities {
margin: 5% 0 0 0;
}
@media screen and (max-width:767px){
.activities {
margin: 5.5em 0 0 0;
}
}
/*===========================================
linkList
===========================================*/
.linkList .mod_list_btnList ul > * {
flex-basis: 33.333333%;
}
.linkList li span{
color:#EB579E;
font-weight: bold;
}
.linkList li a{
text-align: center;
margin: 0px;
border: 2px solid #ccc;
}
.linkList li:nth-of-type(1) a{
border-right: 1px dotted #ccc;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.linkList li:nth-of-type(2) a{
border-left: none;
border-right: 1px dotted #ccc;
}
.linkList li:nth-of-type(3) a{
border-left: none;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.linkList .mod_list_btnList a:hover:after{
border-color: #EB579E;
}
@media screen and (max-width:767px){
.linkList .mod_list_btnList a {
padding: 1em 0.5em;
padding-bottom: 1.25em;
font-size: 1.4rem;
text-align: center;
}
}
/*===========================================
kiku・siru・ikasu
===========================================*/
.kiku .txt.mod_txt_01,
.siru .txt.mod_txt_01,
.ikasu .txt.mod_txt_01{
margin-top: 1em;
}
.kiku .mod_ttl_02:after,
.kiku .mod_ttl_03:after,
.siru .mod_ttl_02:after,
.siru .mod_ttl_03:after,
.ikasu .mod_ttl_02:after,
.ikasu .mod_ttl_03:after{
background-color: #EB579E;
background-image: linear-gradient(90deg, #F88EA7 0%, #EB579E 100%);
}

.kiku .mod_itemList_2_1,
.siru .mod_itemList_2_1,
.ikasu .mod_itemList_2_1{
margin-top: 2em;
}
.kiku .mod_itemList_2_1 .mod_data,
.siru .mod_itemList_2_1 .mod_data,
.ikasu .mod_itemList_2_1 .mod_data{
margin-top: 0.5em;
}

.kiku .btnBlock,
.siru .btnBlock,
.ikasu .btnBlock{
max-width: 440px;
margin: 6% auto 0 auto;
}
.kiku .btnBlock a,
.siru .btnBlock a,
.ikasu .btnBlock a{
font-size: 2rem;
border-radius: 10px;
padding: 7% 5% 7% 5%;
}
.kiku .mod_btn_02 a:after,
.siru .mod_btn_02 a:after,
.ikasu .mod_btn_02 a:after {
border-top: 2px solid #EB579E;
border-right: 2px solid #EB579E;
}
.ikasu .btnBlock.book a{
position: relative;
padding: 5% 5% 5% 27%;
text-align: left;
}
.ikasu .btnBlock.book span:before {
content: '';
display: block;
position: absolute;
width: 90px;
height: 128px;
top: 0;
bottom: 0;
left: 5%;
right: auto;
margin: auto;
background: url(/communication/about/image/activities_book01.png) center no-repeat;
background-size: contain;
}
@media screen and (max-width:767px){
.kiku .btnBlock,
.siru .btnBlock,
.ikasu .btnBlock{
max-width: 440px;
margin: 2em auto 0 auto;
}
.kiku .btnBlock a,
.siru .btnBlock a,
.ikasu .btnBlock a{
padding: 5% 8% 5% 5%;
}
.kiku .mod_itemList_2_1 .mod_data,
.siru .mod_itemList_2_1 .mod_data,
.ikasu .mod_itemList_2_1 .mod_data {
margin-top: 0.3em;
margin-bottom: 1em;
}
.kiku .mod_itemList_2_1 .last.mod_data,
.siru .mod_itemList_2_1 .last.mod_data,
.ikasu .mod_itemList_2_1 .last.mod_data {
margin-bottom: 0;
}
.ikasu .btnBlock.book a {
padding: 5% 8% 5% 35%;
}

}
/*===========================================
hdibenchmark
===========================================*/
.hdibenchmark{
margin: 8% auto 0 auto;
background-color: #F5F5F5;
}
.hdibenchmark .hdibenchmark_wrap {
padding: 40px;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_data {
flex-basis: calc(72% - 30px);
}
.hdibenchmark .mod_imgArticle_2_1 .mod_data p:last-of-type {
margin-top: 1em;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_img {
flex-basis: 26%;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_img.mod_img_left {
flex-basis: 40%;
margin-right: 3em;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_flex {
align-items: flex-end;
justify-content: flex-start;
}
.hdibenchmark .mod_imgArticle_2_1{
margin-top: 3em;
}

.hdibenchmark .mod_imgArticle_2_1 .mod_data span{
color: #EB579E;
}


@media screen and (max-width:767px){
.hdibenchmark .hdibenchmark_wrap {
padding: 20px;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_data {
flex-basis: 100%;
margin-top: 0;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_img {
flex-basis: 100%;
margin-top: 1em;
}
.hdibenchmark .mod_imgArticle_2_1 .mod_img.mod_img_left {
flex-basis: 100%;
margin-right: 0;
}

}





/*===========================================
pc_only・sp_only
===========================================*/
.pc_only{display:block;}
.sp_only{display:none;}
@media screen and (max-width:767px){
.sp_only{display:block;}
.pc_only{display:none;}
}