@charset "UTF-8";
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 28px;
    margin: 0 0 20px;
}
.otherPageTtl2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  text-align: center;
}
.otherPageTtl3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 26px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
}
.font27 {
    font-size: 27px;
    line-height: 1.5;
}
.font-01 {
  font-size: 24px !important; 
}
/*.item-detail-data__link-target {
    padding: 7px 30px 8px 0px !important;
    font-size: 14px !important;
}*/

/* 囲み文字 */
.sub_tit {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.13em;
    border: 1px solid #333;
    margin: 1em 0 0.5em 0;
    padding: 2px 10px;
    display: inline-block;
}
.sub_tit2 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.13em;
    border: 1px solid #333;
    margin: 0 0 0.5em 0;
    padding: 2px 10px;
    display: inline-block;
}

/* 注釈文インデント */
.text_left { 
    text-align: left; 
}
.text_left2 {
    text-align: left;
	padding-left:0.5em;
	text-indent:-0.5em;
}
.text_left3 {
    text-align: left;
	padding-left:1.2em;
	text-indent:-1.2em;
}
.txt-indent {
	padding-left:1em;
	text-indent:-1em;
    text-align: left !important;
}

/* SP用 */
@media screen and (min-width: 768px) {
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 20px;
}
.otherPageTtl2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 24px !important;
  margin: 0;
  text-align: center;
}
.otherPageTtl3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 21px !important;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
}
.font27 { font-size: 24px !important; }
}
.font-01 {
  font-size: 22px !important;
}
.txt-indent {
	padding-left:1em;
	text-indent:-1em;
    text-align: left !important;
}

/* Tablet用 */
@media screen and (min-width: 768px) and (max-width: 1279px){
.otherPageTtl1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-weight: bold;
    font-size: 28px;
    margin: 0 0 20px;
}
.otherPageTtl2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  text-align: center;
} 
.otherPageTtl3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #333;
  margin: 0 0 30px;
 }
.txt-indent {
	padding-left:1em;
	text-indent:-1em;
    text-align: center !important;
 }
}

/*--画像左＆テキスト右・レイアウト-------------------------------------*/
.box-txt-img.contentBox01 {
  margin: 0 auto;
  text-align: center;
  both: clear;
}
.box-txt-img.contentBox01 .otherPageBox {
    margin: 0 auto;
    /*max-width: 760px;*/
    padding-bottom: 0;
}
.box-txt-img.contentBox01 .otherPageTtl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-size: 28px;
  font-weight: bold;
  /* border-bottom: 1px solid #333; */
  margin-bottom: 25px;
  padding-bottom: 7px;
}
.box-txt-img.contentBox01 .otherPageBox .txtArea {
  width: 45%;
  float: right;
  padding-right: 20px;
}
.box-txt-img.contentBox01 .otherPageBox .txtArea p {
  text-align: left;
}
.box-txt-img.contentBox01 .otherPageBox .imgArea {
  width: 50%;
  margin: 0px;
  float: left;
}
.box-txt-img.contentBox01 .otherPageBox .imgArea img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .box-txt-img.contentBox01 {
    text-align: center;
    margin-bottom: 50px;
  }
.box-txt-img.contentBox01 .otherPageBox {
    margin: 0 auto;
}
.box-txt-img.contentBox01 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 18px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
}
.box-txt-img.contentBox01 .otherPageBox .txtArea {
    width: 95%;
    float: none;
    margin: 0 auto;
    text-align: center;
  }
.box-txt-img.contentBox01 .otherPageBox .txtArea p {
    margin: 0 auto;
    text-align: left;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea {
    width: 95%;
    float: none;
    margin: 0 auto 30px auto;
    text-align: center;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1028px) {
  .box-txt-img.contentBox01 {
    width: 100%;
    margin: 0 auto 20px auto;
    both: clear;
  }
  .box-txt-img.contentBox01 .otherPageBox {
    margin: 0 auto;
    /*max-width: 760px;*/
    padding-bottom: 0;
  }
  .box-txt-img.contentBox01 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 24px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
  }

  .box-txt-img.contentBox01 .otherPageBox .txtArea {
    width: 45%;
    float: right;
    padding-right: 20px;
  }
  .box-txt-img.contentBox01 .otherPageBox .txtArea p {
    text-align: left;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea {
    width: 50%;
    margin: 0px;
    float: left;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea img {
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
  .box-txt-img.contentBox01 {
    margin: 0 auto;
    text-align: center;
    both: clear;
  }
  .box-txt-img.contentBox01 .otherPageBox {
    padding-bottom: 0;
  }
  .box-txt-img.contentBox01 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 24px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
  }
  .box-txt-img.contentBox01 .otherPageBox .txtArea {
    width: 45%;
    float: right;
    padding-right: 20px;
  }
  .box-txt-img.contentBox01 .otherPageBox .txtArea p {
    text-align: left;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea {
    width: 50%;
    margin: 0px;
    float: left;
  }
  .box-txt-img.contentBox01 .otherPageBox .imgArea img {
    width: 100%;
  }
}

/*--テキスト左＆画像右・レイアウト-------------------------------------*/
.box-txt-img.contentBox02 {
  margin: 0 auto;
  text-align: center;
  both: clear;
}
.box-txt-img.contentBox02 .otherPageBox {
    margin: 0 auto;
    /*max-width: 760px;*/
    padding-bottom: 0;
}
.box-txt-img.contentBox02 .otherPageTtl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
  font-size: 28px;
  font-weight: bold;
  /* border-bottom: 1px solid #333; */
  margin-bottom: 25px;
  padding-bottom: 7px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea {
  width: 45%;
  float: left;
  padding-right: 20px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea p {
  text-align: left;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea {
  width: 50%;
  margin: 0px;
  float: right;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea img {
  width: 100%;
}
@media screen and (min-width: 768px) {
.box-txt-img.contentBox02 {
    text-align: center;
    margin-bottom: 50px;
}
.box-txt-img.contentBox02 .otherPageBox {
    margin: 0 auto;
}
.box-txt-img.contentBox02 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 18px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea {
    width: 95%;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea p {
    margin: 0 auto;
    text-align: left;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea {
    width: 95%;
    float: none;
    margin: 0 auto 30px auto;
    text-align: center;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1028px) {
  .box-txt-img.contentBox02 {
    width: 100%;
    margin: 0 auto 20px auto;
    both: clear;
}
.box-txt-img.contentBox02 .otherPageBox {
    margin: 0 auto;
    /*max-width: 760px;*/
    padding-bottom: 0;
}
.box-txt-img.contentBox02 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 24px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea {
    width: 45%;
    float: left;
    padding-right: 20px;
}
  .box-txt-img.contentBox02 .otherPageBox .txtArea p {
    text-align: left;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea {
    width: 50%;
    margin: 0px;
    float: right;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea img {
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
.box-txt-img.contentBox02 {
    margin: 0 auto;
    text-align: center;
    both: clear;
}
.box-txt-img.contentBox02 .otherPageBox {
    padding-bottom: 0;
}
.box-txt-img.contentBox02 .otherPageTtl {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", HiraMinPro-W3, "HG明朝B", "ＭＳ 明朝", "MS Mincho", serif !important;
    font-size: 24px;
    font-weight: bold;
    /* border-bottom: 1px solid #333; */
    margin-bottom: 25px;
    padding-bottom: 7px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea {
    width: 45%;
    float: left;
    padding-right: 20px;
}
.box-txt-img.contentBox02 .otherPageBox .txtArea p {
    text-align: left;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea {
    width: 50%;
    margin: 0px;
    float: left;
}
.box-txt-img.contentBox02 .otherPageBox .imgArea img {
    width: 100%;
  }
}

/*--  テキスト＆画像レイアウト  -----*/
.txt-image { margin: 0 auto; width: 900px; display: flex; }
.txt { width: 50%; margin-right: 40px; }
.image {width: 50%; }
/* sp */
@media screen and (min-width: 768px) {   
.txt-image { margin: 50px 0px 50px 25px; width: 100%; max-width: 320px; display: flex; flex-wrap: wrap; }
.txt { width: 100%; max-width: 320px;  margin-right: 0px;}
.image { margin: 20px 0 0; width: 100%; max-width: 320px; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.txt-image { margin: 50px auto; max-width: 718px; padding: 50px 20px; display: flex; }
.txt { width: 50%; margin-right: 25px; }
.image {width: 50%; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.txt-image { margin: 50px auto; max-width: 718px; padding: 50px 20px; display: flex; }
.txt { width: 50%; margin-right: 25px; }
.image {width: 50%; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.txt-image { margin: 50px auto; max-width: 900px; padding: 50px 25px; display: flex; }
.txt { width: 50%; margin-right: 30px; }
.image {width: 50%; }
}

/*-- 画像＆画像レイアウト  -----*/
.image-image { margin: 30px auto 0 ; width: 900px; display: flex; justify-content: center;}
.image-L { width: 435px; margin-left: 10px; }
.image-R { width: 435px; margin-right: 10px; }

/* sp */
@media screen and (max-width: 767px) {   
.image-image { margin: 0; width: 100%; display: block; }
.image-L { margin: 0; width: 100%; max-width: 100%; }
.image-R { margin: 0 0 30px 0; width: 100%; max-width: 100%; }
.image-L img, .image-R img { width: 100%; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.image-image { margin: 30px auto 0 ; width: 100%; max-width: 718px; padding: 0 20px; display: flex; }
.image-L {width: 339px; margin-left: 10px; }
.image-R {width: 339px; margin-right: 10px; }
}
@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: 339px; margin-left: 10px; }
.image-R {width: 339px; margin-right: 10px; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.image-image { margin: 30px auto 0 ; max-width: 900px; padding: 0 25px; display: flex; }
.image-L { width: 435px; margin-left: 10px; }
.image-R { width: 435px; margin-right: 10px; }
}

/*-- 画像＆画像レイアウト(2)  -----*/
.image-image2 { margin: 30px auto 0 ; max-width: 670px; padding: 0 15px; display: flex; }
.image-L2 { width: 290px; margin-right: 60px; }
.image-R2 { width: 290px; margin-left: 0px; }
.image-image2_txt { width: 100%;  max-width: 670px; text-align: center; margin: 30px auto 0; }

/* sp */
@media screen and (min-width: 768px) {   
.image-image2 { margin: 20px auto 0 ; width: 100%; max-width: 718px; padding: 0; display: flex; }
.image-L2 {width: 45%; margin-left: 20px;  margin-right: 20px; }
.image-R2 {width: 45%; margin-right: 20px; }
.image-image2_txt { width: 100%; text-align: center; margin: 20px auto; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.image-image2 { margin: 30px auto 0 ; width: 100%; max-width: 620px; padding: 0px; display: flex; }
.image-L2 {width: 275px; margin-right: 70px; }
.image-R2 {width: 275px; margin-left: 0px; }
.image-image2_txt { width: 100%;  max-width: 620px; text-align: center; margin: 30px auto; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.image-image2 { margin: 30px auto 0 ; width: 100%; max-width: 620px; padding: 0px; display: flex; }
.image-L2 {width: 290px; margin-right: 40px; }
.image-R2 {width: 290px; margin-left: 0px; }
.image-image2_txt { width: 100%;  max-width: 620px; text-align: center; margin: 20px auto; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.image-image2 { margin: 30px auto 0 ; max-width: 670px; padding: 0 15px; display: flex; }
.image-L2 { width: 290px; margin-right: 60px; }
.image-R2 { width: 290px; margin-left: 0px; }
.image-image2_txt { width: 100%;  max-width: 670px; text-align: center; margin: 30px auto 0; }
}

/* グレー囲み枠 */
.margin-rl { margin: 0 15px;}
.box-frame {
max-width: 670px;
margin: 60px auto 60px;
padding: 20px 40px 25px;
border: solid 3px #ededed;
}
@media screen and (max-width: 767px) {
.box-frame {
max-width: 760px;
margin: 40px 15px 60px;
padding: 0 ;
border: solid 3px #ededed; 
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.box-frame {
max-width: 620px !important;
margin: 40px auto 40px;
padding: 20px 50px 10px;
border: solid 3px #ededed;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.box-frame {
max-width: 620px !important;
margin: 60px auto 60px;
padding: 20px 40px 10px;
border: solid 3px #ededed;
}
}  
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.box-frame {
max-width: 670px !important;
margin: 60px auto 60px;
padding: 20px 40px 25px;
border: solid 3px #ededed;
}
}

/*-- テキスト 余白 -----*/
.text_space { margin: 0 25px !important; }
/* sp */
@media screen and (min-width: 768px) {   
.text_space { margin: 0 0 !important; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.text_space { margin: 0 0 !important; }
} 
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.text_space { margin: 0 0 !important; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.text_space { margin: 0 25px !important; }
}

/*-- 注釈文 余白 -----*/
.notes_space { margin: 20px 25px 0 !important; }
    
/* sp */
@media screen and (min-width: 768px) {   
.notes_space { margin: 20px 0 0 !important; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.notes_space { margin: 20px 0 0 !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.notes_space { margin: 20px 0 0 !important; }
}
/* PC/tablet */
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.notes_space { margin: 20px 25px 0 !important; }
}

/* コンテンツ間余白調整 */
/* pc */
.MT01 { margin-top: -80px !important; }
.MT02 { margin-top: 20px !important; }
.MT03 { margin-top: -80px !important; }
.MT04 { margin-top: -100px !important; }
.MT05 { margin-top: -80px !important; }
.MT06 { margin-top: -120px !important; }
.MT07 { margin-top: 70px !important; }
.MT08 { margin-top: -70px !important; }
.MT09 { margin-top: -120px !important; }
.MT10 { margin-top: 0px !important; }
/* sp */
@media screen and (min-width: 768px) {   
.MT01 { margin-top: 0px !important; }
.MT02 { margin-top: 60px !important; } 
.MT03 { margin-top: 4px !important; }
.MT04 { margin-top: -100px !important; }
.MT05 { margin-top: -120px !important; }
.MT06 { margin-top: 0px !important; }
.MT07 { margin-top: 0px !important; }
.MT08 { margin-top: -20px !important; }
.MT09 { margin-top: 0px !important; }
.MT10 { margin-top: -20px !important; }
}
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.MT01 { margin-top: -20px !important; }
.MT02 { margin-top: 80px !important; }
.MT03 { margin-top: -20px !important; }
.MT04 { margin-top: -180px !important; }  
.MT05 { margin-top: -220px !important; }  
.MT06 { margin-top: -100px !important; }
.MT07 { margin-top: -60px !important; }
.MT08 { margin-top: -50px !important; }
.MT09 { margin-top: -90px !important; }
.MT10 { margin-top: -60px !important; }
}
/* PC/tablet */
@media screen and (min-width: 1024px) and (max-width: 1365px) {
.MT01 { margin-top: 0px !important; }
.MT02 { margin-top: 20px !important; }
.MT03 { margin-top: 0px !important; }
.MT04 { margin-top: -160px !important; }  
.MT05 { margin-top: -210px !important; }  
.MT06 { margin-top: -40px !important; }
.MT07 { margin-top: 0px !important; }
.MT08 { margin-top: -70px !important; } 
.MT09 { margin-top: -120px !important; }
.MT10 { margin-top: -20px !important; }
}

/* 2カラム余白調整 */
@media screen and (min-width: 1280px) {
.otherPageBoxOtl2.itemClm01 .otherPageBox .txtArea {
    max-width: 470px;
    float: left;
    padding-right: 30px;
}
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea {
    max-width: 440px;
    float: right;
 }
}  
@media screen and (min-width: 768px) and (max-width: 1279px) {
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea img,
.otherPageBoxOtl2.itemClm01 .otherPageBox .imgArea3 img {
  width: 100%;
  max-width: 440px;
}
}  

/* スマホ用<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; }
}

/* 追加調整用 */
.item-detail-title {
    border-top: solid 1px #d2d2d2;
}