@charset "UTF-8";
.otherPageTtl1 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.5em;
    margin: 0px;
}
.otherPageTtl2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 26px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
}
.otherPageTtl2-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 26px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
}
.otherPageTtl3 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
  margin: 0px;
}
.otherPageTtl3-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
  width: 930px;
}
.ml-5 {
    margin-left: 15px;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
        width: 960px !important;
        margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_6 .areaL {
    float: left;
    width: 450px !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaR {
    float: left;
    width: 450px !important;
    margin-left: 30px;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea,
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {
    margin-top: 15px;
    max-width:450px !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img, 
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {
    width: 100%;
    max-width: 425px !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p,
.otherPageBoxOtl2.column-module-5_6 .areaR p{
    padding-top: 12px;
    margin: 0 auto;
    width: 450px;
   text-align: left;
}

/* pc用 */
@media screen and (min-width: 1280px) {
/*--- 画像4カラム ---*/
.container {
    display: flex;
    width: 960px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
 }
.item {
    width: 220px;
	margin: 0 10px 20px 10px;
 }
.item-txt {
	margin-top: 7px;
	font-size: 14px;
	text-align: left;
	line-height: 1.3em;
 }
.font-bold {
	font-weight: bold;
 }
.PageBox01 {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 50px;
    position: relative;
    z-index: 1;
  }
}

@media screen and (min-width: 767px) and (max-width: 1279px) {
.otherPageTtl1 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5em;
    margin: 0px;
}
.otherPageTtl2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
 }
.otherPageTtl2-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
 }
.otherPageTtl3 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #333;
  margin: 0px;
 }
.otherPageTtl3-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 22px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
  width: 740px;
 }
.otherPageBoxOtl2.column-module-5_6 .twoClm h3 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
   font-weight: bold;
   font-size: 20px !important;
   padding-bottom: 7px;
   border-bottom: 1px solid #333;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
    width: 710px !important;
    max-width: 760px;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p,
.otherPageBoxOtl2.column-module-5_6 .areaR p{
    padding-top: 12px;
    margin: 0 auto;
    width: 340px;
   text-align: left;
}

/*--- 画像4カラム ---*/
.container {
    display: flex;
	max-width: 930px;
    width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
 }
.item {
    width: 30%;
	margin: 0 9px 20px 9px;
 }
.item-txt {
	margin-top: 7px;
	font-size: 14px;
	text-align: left;
	line-height: 1.3em;
 }
.font-bold {
	font-weight: bold;
 }
.PageBox01 {
    position: relative;
    z-index: 1;
    max-width: 760px;
	margin: 0 30px 30px;
  }
}

@media screen and (max-width: 766px) {
.otherPageTtl1 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
     font-weight: bold;
     font-size: 21px;
     margin: 0px;
}
.otherPageTtl2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 21px !important;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
}
.otherPageTtl2-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 20px !important;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
}
.otherPageTtl3 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 18px !important;
  border-bottom: 1px solid #333;
  margin: 0px;
}
.otherPageTtl3-2 {  /*font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;*/
  font-family: 'Times New Roman','STSong','SimSun', serif !important;
  font-weight: bold;
  font-size: 18px !important;
  border-bottom: 1px solid #333;
  margin: 0 0 20px;
  width: 100%;
}
.otherPageBoxOtl2.itemClm01-2 .otherPageBox .imgArea img {
  width: 100% !important;
  min-width: 325px !important;
  margin: 0 auto 0 -5px !important;
  text-align: center;
}
.otherPageBoxOtl2.column-module-5_6 .twoClm {
    width: 100% !important;
    margin: 0 auto;
}
.otherPageBoxOtl2.column-module-5_6 .areaL {
    width: 100% !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaR {
    width: 100% !important;
    margin-left: 0px;
    margin: 45px auto 0px auto !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea, 
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea {
     margin-top: 0px;
     width: 100%;
     text-align: center;
}
.otherPageBoxOtl2.column-module-5_6 .areaL .imgArea img, 
.otherPageBoxOtl2.column-module-5_6 .areaR .imgArea img {
     width: 100% !important;
}
.otherPageBoxOtl2.column-module-5_6 .areaL p,
.otherPageBoxOtl2.column-module-5_6 .areaR p{
    padding-top: 12px;
    margin: 0 auto;
    width: 100% !important;
   text-align: left;
}
/*--- 画像4カラム ---*/
.container {
    display: flex;
	max-width: 800px;
    width: 100%;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
 }
.item {
    width: 46.5%;
	margin: 0 10px 20px 0;
 }
.item-txt {
	margin-top: 7px;
	font-size: 14px;
	text-align: left;
	line-height: 1.3em;
 }
.font-bold {
	font-weight: bold;
 }
.PageBox01 {
 padding: 0 10px 45px 10px;
 margin: 0 15px;
 position: relative;
 z-index: 1;
 }
}

/*-- グレー枠内：テキスト＆画像レイアウト  -----*/
.hdt_textAndImage {
padding: 70px 0 50px;
}
.hdt_textAndImage__inner {
max-width: 960px;
margin: 0 auto;
}
.hdt_textAndImage__content {
display: flex;
padding: 23px;
border: solid #ededed 3px;
}
.hdt_textAndImage__text {
width: calc(100% - 250px);
padding-right: 20px;
box-sizing: border-box;
}
.hdt_textAndImage__image {
width: 250px;
box-sizing: border-box;
}
.hdt_textAndImage__title {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif;
font-size: 22px;
font-weight: bold;
margin-bottom: 10px;
}
.hdt_name {
font-weight:bold; 
text-align:right !important;
margin-right: 10px;
}
@media screen and (max-width: 1279px) {
.hdt_textAndImage {
padding: 70px 25px 50px;
}
.hdt_textAndImage__inner {
max-width: 760px;
}
.hdt_textAndImage__content {
display: flex;
padding: 23px;
border: solid #ededed 3px;
}
}
@media screen and (max-width: 766px) {
.hdt_textAndImage {
padding: 25px 25px 45px;
}
.hdt_textAndImage__content {
flex-direction: column;
}
.hdt_textAndImage__text {
width: 100%;
padding: 0;
}
.hdt_textAndImage__image {
width: 100%;
margin-top: 20px;
text-align: center;
}
.hdt_textAndImage__title {
font-size: 18px;
}
.hdt_name {
font-weight:bold; 
text-align:left !important;
}
}

/*-- FBIA＆JWWA表示 -----*/
/* コンテナ全体のスタイル */
.box-container {
    width: 920px; /* 幅を920pxに変更 */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 20px; /* 間の余白はそのまま */
}

/* 左側のボックス */
.fbia-box {
    width: 700px; /* 右側の幅200pxを考慮して調整 */
}

/* 右側のボックス */
.jwwa-box {
    width: 200px; /* 幅を200pxに変更 */
    display: flex;
    justify-content: center;
    align-items: center;
}

.jwwa-box img {
    max-width: 100%;
    height: auto;
}

@media all and (min-width: 767px), print {
    .box-fbia {
        margin: 0 auto;
        padding: 25px;
        box-sizing: border-box;
        background-color: #f4f4f4;
        overflow: hidden;
    }
    .box-fbia_wrapper {
        padding: 0 10px;
    }
    .box-fbia_image {
        width: 95px;
        float: left;
        margin: 0 auto;
        text-align: center;
    }
    .box-fbia_image img {
        width: 100%;
    }
    .box-fbia_text {
        margin-top: 0;
        padding-left: 15px;
        margin-left: 105px;
        line-height: 1.4em;
    }
    .box-fbia_text_note {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.4em;
    }
}
@media screen and (min-width: 767px) and (max-width: 1028px) {
    .box-container {
        width: 100%; /* 幅を画面いっぱいに */
        padding: 0 10px; /* 余白を設定 */
        gap: 5px; /* 余白を半分に調整 */
    }
    .fbia-box {
        width: 74%; /* 左カラムの幅を画面に合わせて縮小 */
    }
    .jwwa-box {
        width: 24%; /* 右カラムの幅を調整 */
        display: flex;
        flex-direction: column; /* 画像を縦に配置 */
        justify-content: flex-start; /* 上部に寄せる */
        align-items: center; /* 横方向に中央揃え */
    }
    .box-fbia {
        padding: 20px; /* 内側の余白を少し縮小 */
        font-size: 14px; /* フォントサイズを調整 */
    }
    .box-fbia_image {
        width: 80px; /* 画像のサイズを調整 */
    }
    .box-fbia_text {
        margin-left: 85px; /* 画像に合わせたマージンを調整 */
        font-size: 15px;
        line-height: 1.4em;
    }
    .box-fbia_text_note {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.4em;
    }	
    .jwwa-box img {
        max-width: 100%; /* 画像はボックス内で最大サイズに */
        height: auto;
        margin-top: 0; /* 余白をなくして画像を上部に配置 */
    }
}

@media all and (max-width: 766px) {
    .box-container {
        width: 100%; /* 横幅いっぱいに */
		margin-left: -10px;
        padding: 0 10px; /* 余白を設定 */
        gap: 20px; /* 2要素間の余白 */
        flex-direction: column; /* 縦並びに変更 */
    }

    .fbia-box,
    .jwwa-box {
        width: 100%; /* 両カラムを横幅いっぱいに */
    }

    .box-fbia {
        margin: 50px auto 0;
        padding: 30px 15px;
        box-sizing: border-box;
        background-color: #f4f4f4;
        overflow: hidden;
    }
    .box-fbia_image {
        width: 88px; /* 画像サイズを調整 */
        margin: 0 auto; /* 画像を中央に配置 */
    }

    .box-fbia_text {
        margin-left: 0; /* 左のマージンを削除 */
		margin-top: 20px;
        font-size: 15px; /* テキストサイズを微調整 */
        line-height: 200%;
    }
    .box-fbia_text_note {
        margin-top: 12px;
        font-size: 12px;
        line-height: 1.5em;
    }	
    .jwwa-box img {
        max-width: 100%; /* 画像はボックス内で最大サイズに */
        height: auto;
    }
}

/*-- 画像＆画像レイアウト  -----*/
.image-image { margin: 30px auto 0 ; width: 940px; display: flex; }
.image-L { width: 455px; margin-left: 15px; margin-right: 10px;}
.image-R { width: 455px; margin-right: 15px; margin-left: 10px;}
.ml-5 { margin-left: -5px; }

/* sp */
@media screen and (max-width: 766px) {   
.image-image { margin: 0; width: 100%; display: flex; flex-wrap: wrap; }
.image-L { margin: 30px 0 0; width: 375px; max-width: 375px; }
.image-R { margin: 0; width: 375px; max-width: 375px; }
.ml-5 { margin-left: 0px; }
}
/* tablet */
@media screen and (min-width: 767px) and (max-width: 1023px) {
.image-image { margin: 30px auto 0 ; width: 100%; max-width: 718px; padding: 0 20px; display: flex; }
.image-L {width: 340px; margin-left: 15px; margin-right: 0px;}
.image-R {width: 340px; margin-right: 15px; margin-left: 0px;}
.ml-5 { margin-left: 0px; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.image-image { margin: 30px auto 0 ; width: 100%; max-width: 718px; padding: 0 20px; display: flex; }
.image-L {width: 340px; margin-left: 15px; margin-right: 0px;}
.image-R {width: 340px; margin-right: 15px; margin-left: 0px;}
.ml-5 { margin-left: 0px; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.image-image { margin: 30px auto 0 ; max-width: 940px; padding: 0 25px; display: flex; }
.image-L { width: 455px; margin-left: 15px; margin-right: 10px;}
.image-R { width: 455px; margin-right: 15px; margin-left: 10px;}
.ml-5 { margin-left: -30px; }
}

/*-- 余白調整  -----*/
.MT01 {margin-top: -60px;}  
.MT02 {margin-top: 0px;} 
.MT03 {margin-top: 0px;} 
.MR01 {margin-right: 30px;} 

@media screen and (max-width: 766px) {  
.MT01 {margin-top: -10px;} 
.MT02 {margin-top: 50px;} 
.MT03 {margin-top: -60px;} 
.MR01 {margin-right: 0px;} 
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
.MT01 {margin-top: -15px;} 
.MT02 {margin-top: 0px;} 
.MT03 {margin-top: 0px;}
.MR01 {margin-right: 0px;} 
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.MT01 {margin-top: -15px;} 
.MT02 {margin-top: 0px;} 
.MT03 {margin-top: 0px;}
.MR01 {margin-right: 0px;} 
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.MT01 {margin-top: -15px;} 
.MT02 {margin-top: 0px;} 
.MT03 {margin-top: 0px;}
.MR01 {margin-right: 0px;} 
}

/* スマホ用<br> */
@media screen and (max-width:414px) {
	.br-sp { display: block; }
	.br-tb { display: none; }
	.br-pc { display: none; }
}
/* tablet用<br> */
@media only screen and (min-width:415px) and (max-width:834px) {
	.br-sp { display: none; }
	.br-tb { display: block; }
	.br-pc { display: none; }
}
/* pc用<br> */
@media screen and (min-width:835px) {
	.br-sp { display: none; }
	.br-tb { display: none; }
	.br-pc { display: block; }
}