/*******************************************************
 * for SYOUMEI PAGE
 *******************************************************/

/*------------------------------------------------------
  mvLoopSlide for Syoumei
-------------------------------------------------------*/
.mvLoopSlide .item01 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider01.jpg"); }
.mvLoopSlide .item02 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider02.jpg"); }
.mvLoopSlide .item03 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider03.jpg"); }
.mvLoopSlide .item04 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider04.jpg"); }
.mvLoopSlide .item05 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider05.jpg"); }
.mvLoopSlide .item06 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider06.jpg"); }
.mvLoopSlide .item07 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider07.jpg"); }
.mvLoopSlide .item08 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider08.jpg"); }
.mvLoopSlide .item09 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider09.jpg"); }
.mvLoopSlide .item10 { background-image: url("/wp/wp-content/themes/twentytwenty-child/img/syoumei/main_slider10.jpg"); }


/* Banner Area ----------------------*/
.syoumei h2.intro {
 margin: 0 auto 20px;
 padding-top: 1rem;
 font-family: 'Noto Sans JP', sans-serif;
 font-size: clamp(1rem, 0.614rem + 1.93vw, 2.063rem);
 font-weight: 700;
 text-align: center;
 line-height: 1.5;
 letter-spacing: 0.2em;
}

.modl-box.no1-post figure {
 margin: 0 auto;
 max-width: 400px;
}

.tenshoku-attention{
  display: block;
  margin-top: 10px !important;
  padding-bottom: 30px;
}

/* Modal No.1 ----------------------*/
@media screen and (min-width: 768px){
.modl-box.no1-post {
 display: flex;
 justify-content: center;
 align-items: center;
}
.modl-box.no1-post figure {
 margin: 0 3rem 0 0;
 width: 35%;
 }
}

/******************************************************************
 * Case Study
 -----------------------------------------------------------------*/
.case-list { margin: 2.5rem auto; }
.case-list .wp-block-column figure img { margin: 0 auto; }
.case-list h5 {
 display: block;
 margin-bottom: 15px;
 padding: 0.5rem;
 background: #d6cdc7;
 border-radius: 100px;
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
 font-weight: normal;
 text-align: center;
}
.case-list dl {
 margin: 1.5rem auto 0;
 padding-bottom: 2.5rem;
 max-width: 437px;
}
.case-list dt {
 margin-bottom: 8px;
 font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
 line-height: 1.5;
 display: flex;
 align-items: center;
}
.case-list dt::before {
 display: block;
 content: "";
 margin-right: 10px;
 background-image: url(/wp/wp-content/themes/twentytwenty-child/img/syoumei/icon_point.png);
 width: 60px;
 height: 60px;
}
.case-list dt + dd { margin-top: 0.2rem; }
.case-list dd:first-of-type {
 margin-bottom: 10px;
 padding: 15px;
 background: #f8f8f8;
}

@media screen and (min-width: 768px){

}
@media screen and (min-width: 782px){
.case-list .wp-block-columns { gap: 6rem;}
}


/******************************************************************
 * summary-box: Photo size 
 -----------------------------------------------------------------*/
.border-box .photosize { margin: 0.5rem 0 1rem; }
.border-box .photosize summary {
 display: flex;
 align-items: center;
}
.border-box .photosize summary::before {
 margin-right: 0.2rem;
 font-size: 140%;
 font-family: "Material Symbols Outlined";
 content: "\e86c";
 font-variation-settings:
  'FILL' 1,
  'wght' 600,
  'GRAD' 0,
  'opsz' 24
}
.border-box .photosize table {
 margin: 1rem auto;
 width: 90%;
 text-align: center;
}
.border-box .photosize th { background-color: #e8e8e8; }
.border-box .photosize td:last-of-type { text-align: left; }
.border-box .photosize p {
 margin: 1rem auto;
 width: 90%;
 line-height: 1.6;
}
.border-box .photosize p strong {
 display: block;
 margin: 0 0 0.3rem;
}


/******************************************************************
 * My Number & University Area
 -----------------------------------------------------------------*/
.wp-block-columns.mynum,
.mynum .wp-block-image { margin: 0 !important; }