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

/**flex**/
.SectCase [class*="flx"]{ display:flex!important; gap:2em;}
.SectCase [class*="flx"]>*{}
.SectCase [class*="flx"][class*="_ALIcenter"]{align-items: center!important;}
.SectCase [class*="flx"][class*="_ALIstart"]{align-items: flex-start!important;}
.SectCase [class*="flx"][class*="_ALIend"]{align-items: flex-end!important;}

.SectCase [class*="flx"][class*="_JCcenter"]{justify-content: center!important;}
.SectCase [class*="flx"][class*="_JCIstart"]{justify-content: flex-start!important;}
.SectCase [class*="flx"][class*="_JCIend"]{justify-content: flex-end!important;}
.SectCase [class*="flx"][class*="_JCIbet"]{justify-content: space-between!important;}
.SectCase [class*="flx"][class*="_FLDcolumn"]{flex-direction: column!important;}
.SectCase [class*="flx"][class*="_FLDrow"]{flex-direction: row!important;}
.SectCase [class*="flx"][class*="Nogap"]{gap:0!important;}

/**縦分割フォーマット**/
.SectCase [class*="col_"]{ display:flex; justify-content: left; flex-wrap: wrap; overflow: hidden;}
.SectCase [class*="col_"][class*="Gapfix"]{--columnGapfix:1.4rem;gap:var(--columnGapfix)!important;}
.SectCase [class*="col_"]>*{position: relative;}
.SectCase [class*="col_"][class*="JcontCenter"]{justify-content: center;}
.SectCase [class*="col_"][class*="AitemCenter"]{align-items:center;}
.SectCase [class*="col_01"]{}
.SectCase [class*="col_01"]>* { width: 100%;}
.SectCase [class*="col_02"]{gap:3%;}
.SectCase [class*="col_02"]>* { width: 48.5%;}
.SectCase [class*="col_02"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*1) / 2);}
.SectCase [class*="col_03"]{gap:3.5%;}
.SectCase [class*="col_03"]>*{ width: 31%;}
.SectCase [class*="col_03"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*2) / 3);}
.SectCase [class*="col_04"]{gap:3%;}
.SectCase [class*="col_04"]>*{ width: 22.75%;}
.SectCase [class*="col_04"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*3) / 4);}
.SectCase [class*="col_05"]{ gap:2.5%;}
.SectCase [class*="col_05"]>*{ width: 18%; }
.SectCase [class*="col_05"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*4) / 5);}
.SectCase [class*="col_06"]{gap:2.6%;}
.SectCase [class*="col_06"]>*{ width: 14.5%; }
.SectCase [class*="col_06"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*5) / 6);}
.SectCase [class*="col_07"]{gap:1.5%;}
.SectCase [class*="col_07"]>*{width: 13%;}
.SectCase [class*="col_07"][class*="Gapfix"]>*{ width:calc((100% - var(--columnGapfix)*6) / 7);}


.SectCase {margin-top:48px;}
/**画像設定**/
.SectCase figure.inner_img{}
.SectCase figure.inner_img img{width:100%;}
.SectCase figure.inner_img figcaption{font-size:11px;color: #0269B4;display: block;margin-top:0.75rem; line-height: 1.4;}
.SectCase figure.inner_img figcaption em{color: #0269B4;font-weight:bold;display: block;font-style: normal;padding-bottom: 0.5em;}
/**見出し**/
.SectCase .SectCase_mid{font-size: 24px;line-height:1.4;padding-left:34px;padding-bottom: 16px;font-weight: normal;position:relative;}
.SectCase .SectCase_mid:before{	content: ""; width: 28px; height: 8px; background-color: #0269B4; display: block; position:absolute; top:11px; left:0;}
.SectCase .SectCase_mid small {display:block; padding-bottom:8px; font-size:16px;}
.SectCase .SectCase_Smid{font-size:14px;line-height:1.4;font-weight:bold;}
.SectCase .SectCase_Smid +*{margin-top: 1rem;}
/**説明文**/
.SectCase [class*="SectCase_txt"]{display: flex;column-gap:1.5rem;}
.SectCase [class*="SectCase_txt"] .ptxt{display:block; flex: 1;line-height:2;}
/**横並び画像**/
.SectCase .SectCase_imgSbs{}
.SectCase [class*="SectCase_txt"]+.SectCase_imgSbs{padding-top: 2em;}
/**理由**/
.SectCase .SectCase_reason{margin-top: 2rem;border: solid 1px #C0C0C0;padding:2em;}
.SectCase .SectCase_reason .reason_name{font-size:150%;font-weight:bold; padding-left:3em; background-image: url(../cases/img/case_comm_pointer.svg);background-repeat: no-repeat;background-position: left center;background-size: 2.25em auto;}
.SectCase .SectCase_reason .reason_ul{display: flex;flex-direction: column;row-gap:0.25em;padding: 1.25em 0 0 0.5em;}
.SectCase .SectCase_reason .reason_ul li{font-weight:bold; font-size:115%; padding-left:2.5em;padding-top: 0.5em;background-image: url(../cases/img/case_comm_check.svg);background-repeat: no-repeat;background-position: left center;background-size: 1.75em auto;}