@charset "UTF-8";

/* --------------------------------------------------
  about
-------------------------------------------------- */

/* --------------------------------------------------
  common
-------------------------------------------------- */
#contents {
  padding-top: 81px;
  padding-bottom: 148px;
}
.head {
  position: relative;
  margin-bottom: 52px;
  padding-bottom: 21px;
  border-bottom: 6px solid #f03f69;
}
.head:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 40px;
  height: 6px;
  background-color: #f6c234;
}
.head_stitle {
  margin-bottom: 12px;
}
.head_caption {
  margin-top: -32px;
  margin-bottom: 51px;
  font-size: 18px;
  font-weight: bold;
}
.text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  line-height: 1.88;
  letter-spacing: -0.02em;
}
.text:not(:last-child) {
  margin-bottom: 30px;
}
.stitle {
  margin-bottom: 14px;
  padding-left: 15px;
  border-left: 6px solid #f03f69;
  font-size: 26px;
  line-height: 1;
  font-weight: normal;
}
.stitle_type02 {
  margin-bottom: 13px;
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
}
.caption {
  margin-top: 16px;
  text-align: center;
  font-size: 14px;
  line-height: 1;
}
.column_box {
  padding: 53px 50px 50px 50px;
  background-color: #eeeeee;
}
.column_box_type02 {
  padding: 46px 46px 40px 46px;
  border: 4px solid #eeeeee;
}
.column_box .column_title {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1;
}
.column_box .column_title span {
  vertical-align: baseline;
  font-size: 26px;
}
.balloon_title {
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  margin-bottom: 37px;
}

.balloon_icon {
  position: relative;
  margin-right: 13px;
  padding: 9px;
  border: 2px solid #f03f69;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #f03f69;
}
.balloon_icon:before,
.balloon_icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  border: 10px solid transparent;
  border-top-width: 6px;
  border-bottom-width: 6px;
}
.balloon_icon:after {
  right: -17px;
  border-left-color: #ffffff;
}
.balloon_icon:before {
  right: -20px;
  border-left-color: #f03f69;
}
.balloon_icon span:before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: -14px;
  width: 16px;
  height: 16px;
  background: url(../img/about/common/balloon_icon.png) 0 0 no-repeat;
  background-size: 100% auto;
  -webkit-transform: scale(-1,1);
          transform: scale(-1,1);
}
.balloon_text {
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
}
.balloon_text span {
  vertical-align: baseline;
  font-size: 18px;
}
.pager_box {
  padding-top: 39px;
  margin-top: 101px;
  border-top: 2px solid #eeeeee;
}
.pager_box ul {
  display: flex;
  -webkit-justify-content: center;
          justify-content: center;
}
.pager_box a,
.pager_box span {
  display: inline-block;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  text-decoration: none;
}
.pager_box .prev a,
.pager_box .prev span {
  padding: 2px 38px;
  border-right: 1px solid #e5e5e5;
}
.pager_box .index a {
  padding: 2px 98px;
}
.pager_box .next a,
.pager_box .next span {
  padding: 2px 38px;
  border-left: 1px solid #e5e5e5;
}
.pager_box .prev a:before,
.pager_box .next a:after,
.pager_box .prev span:before,
.pager_box .next span:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 5px;
  margin-top: -4px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url(../img/common/icon_arrow.png);
  background-size: 100% auto;
  vertical-align: middle;
}
.pager_box .prev a:before,
.pager_box .prev span:before {
  margin-right: 8px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.pager_box .next a:after,
.pager_box .next span:after {
  margin-left: 8px;
}

h3.common_text {
	font-size: 42px;
	display: block;
  margin-bottom: 13px;
}




/* --------------------------------------------------
  isoration
-------------------------------------------------- */
#isoration .balloon_text {
  font-size: 26px;
  padding: 0 0 5px 15px;
  border-left: 6px solid #f03f69;
}
#isoration .main_box {
  /* margin-bottom: 122px;
  padding-bottom: 45px;
  border-bottom: 2px solid #eeeeee; */
}
#isoration .main_box .box {
  margin-bottom: 40px;
}
#isoration .main_box .box .text_box {
  float: left;
  width: 50%;
  max-width: 640px;
}

#isoration .main_box .box .text_box img.mame {
  width:15px;
  margin:0 4px;
}

#isoration .main_box .box .img {
  float: right;
  width: 46%;
  max-width: 640px;
  padding-top: 10px;
}
#isoration .main_box .about_box {
  padding-bottom: 11px;
}
#isoration .main_box .about_box .contents_box .text {
  float: left;
  width: 81.67%;
  max-width: 784px;
}
#isoration .main_box .about_box .contents_box .img {
  float: right;
  width: 12.6%;
  max-width: 121px;
}
#isoration .main_box .apparatus_box {
  margin-bottom: 80px;
}
#isoration .main_box .apparatus_box .stitle_type02 {
  margin-bottom: 18px;
}
#isoration .main_box .apparatus_box .contents_box ul,
#isoration .main_box .column_box .img_list ul,
#isoration .experiment_box .bnr_box,
#isoration .experiment_box .overview_box .list01,
#isoration .experiment_box .overview_box .list02,
#isoration .column_box_type02 .img_list ul {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
#isoration .main_box .apparatus_box .contents_box li {
  width: 23.44%;
  max-width: 225px;
}
#isoration .main_box .diff_box {
  margin-bottom: 69px;
  text-align: center;
}
#isoration .main_box .column_box .text {
  margin-bottom: 13px;
}
#isoration .main_box .column_box .img_list li:first-child {
  width: 71.63%;
  max-width: 616px;
}
#isoration .main_box .column_box .img_list li:last-child {
  width: 26.16%;
  max-width: 225px;
}
#isoration .experiment_box .text_box {
  float: left;
  width: 55%;
  max-width: 528px;
}
#isoration .experiment_box .text_box .text:first-child {
  margin-bottom: 56px;
}
#isoration .experiment_box .img_box {
  float: right;
  width: 40.73%;
  max-width: 391px;
}
#isoration .experiment_box .bnr_box .qr {
  width: 27.27%;
  max-width: 144px;
}
#isoration .experiment_box .bnr_box .bnr {
  width: 68.94%;
  max-width: 528px;
  background-color: #eeeeee;
}
#isoration .experiment_box .box1 {
  margin-bottom: 61px;
}
#isoration .experiment_box .overview_box {
  margin-bottom: 97px;
}
#isoration .experiment_box .overview_box .list01 {
  margin-bottom: 41px;
  background: url(../img/about/isolation/experiment_overview_arrow.png) center center no-repeat;
}
#isoration .experiment_box .overview_box .list01 li {
  width: 42.29%;
  max-width: 406px;
}
#isoration .experiment_box .overview_box .list02 li {
  width: 48.96%;
  max-width: 470px;
}
#isoration .column_box_type02 .title {
  margin-bottom: 22px;
  font-size: 26px;
  line-height: 1;
}
#isoration .column_box_type02 .award_list {
  margin-bottom: 20px;
}
#isoration .column_box_type02 .award_list dt {
  clear: both;
  float: left;
  font-size: 16px;
  font-weight: bold;
}
#isoration .column_box_type02 .award_list dd {
  padding-left: 180px;
  font-size: 16px;
}
#isoration .column_box_type02 .award_list dd:not(:last-child) {
  margin-bottom: 15px;
}
#isoration .column_box_type02 .img_list li:not(:last-child) {
  width: 25%;
}
#isoration .column_box_type02 .img_list li:last-child {
  width: 45.35%;
}
#isoration .pager_box .prev {
  visibility: hidden;
}

  
#isoration .main_box .apparatus_box.menshin .stitle_type02 {
  font-size:16px !important;
}

#isoration .stitle_type02.mame{
  text-indent:-30px;
  padding-left:30px;
  line-height:1.6;
}

#isoration .stitle_type02.mame img {
  width:24px;
  margin:0 6px 0 0;
  vertical-align:bottom;
}

.experiment_box .about_box { margin-bottom:30px; }
  

/* --------------------------------------------------
  allround_box
-------------------------------------------------- */
#isoration .allround_box {
  margin-bottom: 97px;
}

#isoration .allround_box .text_box {
	width: 100%;
	float: none;
	max-width: 100%;
}
#isoration .allround_box .text_box .text,
#isoration .allround_box .text_box .text:first-child {
    margin-bottom: 20px;
}
#isoration .allround_box ul.img_list {
	display: flex;
	justify-content: space-between;
}
#isoration .allround_box ul.img_list li {
    width: 48.96%;
    max-width: 470px;
}



/* --------------------------------------------------
  shield
-------------------------------------------------- */
#shield .honeycomb_box, #shield .ai_box, #shield .tbm_box{ margin-bottom: 78px; }
#shield .honeycomb_box .box, #shield .ai_box .box, #shield .tbm_box .box { display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#shield .honeycomb_box .img_box { width: 30.21%; max-width: 290px; }
#shield .honeycomb_box .text { width: 64.58%; max-width: 620px; padding-top: 6px; }
/*#shield .ai_box .text { width: 30.21%; max-width: 290px; }*/
#shield .ai_box .img_box { width: 64.58%; max-width: 500px; margin: 0 auto; }
#shield .tbm_box ul.img_list { display: flex; justify-content: space-between; margin-bottom: 97px; }
#shield .tbm_box ul.img_list li { width: 48.96%; max-width: 470px; }
#shield .column_box .box { display: flex; }
#shield .column_box .box .text_box { width: 68.95%; max-width: 593px; }
#shield .column_box .box .img_box { position: relative; width: 28.26%; margin-top: -4px; margin-left: 2.79%; }
#shield .column_box .box .img_box .caption { position: absolute; top: 57%; right: 0px; text-align: right; line-height: 1.43; }


/* --------------------------------------------------
  memory
-------------------------------------------------- */
#memory .tsutenkaku_box {
  margin-bottom: 78px;
}
#memory .tsutenkaku_box .box,
#memory .jr_box .box {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
#memory .tsutenkaku_box .box .box01,
#memory .tsutenkaku_box .box .box02 {
  width: 48.96%;
  max-width: 470px;
}
#memory .tsutenkaku_box .box .box02 .text {
  margin-top: 49px;
}
#memory .jr_box .box {
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
#memory .jr_box .box > div {
  width: 48.96%;
  max-width: 470px;
}
#memory .jr_box .box .box03,
#memory .jr_box .box .box04 {
  margin-top: 37px;
}



/* --------------------------------------------------
  no1
-------------------------------------------------- */
#no1 .balloon_icon { position: relative; margin-right: 18px; padding: 25px; border: none; border-radius: 10px; font-size: 14px; line-height: 1; font-weight: bold; color: #fff; background: #066c9d; font-size: 200%; }
#no1 .balloon_icon:before, .balloon_icon:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -6px; border: 10px solid transparent; border-top-width: 6px; border-bottom-width: 6px; }
#no1 .balloon_icon:after { right: -20px; border-left-color: #066c9d; }
#no1 .balloon_icon span:before { content: ""; display: block; position: absolute; top: -15px; left: -14px; width: 16px; height: 16px; background: url(../img/about/common/balloon_icon2.png) 0 0 no-repeat; background-size: 100% auto; -webkit-transform: scale(-1,1); transform: scale(-1,1); }
#no1 .balloon_text { font-size: 26px; }
#no1 .balloon_icon br { margin-top: 5px; }

#no1 .agriculture_box, #no1 .fishery_box { margin-bottom: 70px; }

#no1 .agriculture_box .box { display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
#no1 .agriculture_box .box01, #no1 .agriculture_box .box02 { width: 48.96%; max-width: 470px; }

#no1 .fishery_box ul.img_list { display: flex; justify-content: space-between; margin-bottom: 97px; }
#no1 .fishery_box ul.img_list li { width: 48.96%; max-width: 470px; }

#no1 .power_generation_box ul.img_list { display: flex; justify-content: space-between; margin-bottom: 97px; }
#no1 .power_generation_box ul.img_list li:nth-of-type(1) { width: 32%; max-width: 290px; }
#no1 .power_generation_box ul.img_list li:nth-of-type(2) { width: 63.5%; max-width: 6600px; }
#no1 .power_generation_box ul.img_list li:nth-of-type(2) .img { display: flex; justify-content: space-between; }
#no1 .power_generation_box ul.img_list li:nth-of-type(2) .img picture { width: 48%; max-width: 470px; }
#no1 .power_generation_box ul.img_list li .text { margin-top: 10px; }

/* --------------------------------------------------
  history
-------------------------------------------------- */
#history .history_box .box {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
#history .history_box .box01 {
  width: 18.75%;
  max-width: 180px;
  padding-top: 10px;
}
#history .history_box .box02 {
  width: 76.04%;
  max-width: 730px;
}
#history .history_box .box02 dl {
  display: flex;
}
#history .history_box .box02 dl:not(:last-child) {
  margin-bottom: 14px;
  padding-bottom: 13px;
  background-position: bottom center;
  background-repeat: repeat-x;
  background-size: 4px auto;
}
#history .history_box .box02 dt {
  width: 24.38%;
  max-width: 178px;
  font-size: 16px;
  line-height: 1.88;
  font-weight: bold;
}
#history .history_box .box02 dd {
  width: 75.62%;
  max-width: 552px;
  font-size: 16px;
  line-height: 1.88;
}



/* --------------------------------------------------
  museum
-------------------------------------------------- */
#museum .main_box {
  margin-bottom: 77px;
}
#museum .main_box .main_img_wide {
  margin-bottom: 41px;
}
#museum .main_box .img_list,
#museum .access_box .box {
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
#museum .main_box .img_list li {
  width: 31.98%;
  max-width: 307px;
}
#museum .access_box .box01 {
  width: 41.67%;
  max-width: 400px;
}
#museum .access_box .box01 .text_list li:before {
  content: "";
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 8px;
  background-color: #000000;
}
#museum .access_box .box01 .text_list .text {
  padding-left: 18px;
}
#museum .access_box .box01 .note {
  margin-top: 11px;
  font-size: 14px;
}
#museum .access_box .box01 .note .icon {
  display: block;
  float: left;
}
#museum .access_box .box01 .note .note_text {
  display: block;
  padding-left: 1em;
}
#museum .access_box .box01 .bnr {
  margin-top: 15px;
  background-color: #eeeeee;
}
#museum .access_box .box02 {
  width: 50%;
  max-width: 480px;
}
#museum .pager_box .next {
  visibility: hidden;
}



/* --------------------------------------------------
  1025px以上 pc style
-------------------------------------------------- */
@media screen and (min-width: 1025px) {
}



/* --------------------------------------------------
  1024px以下 tablet + sp style
-------------------------------------------------- */
@media screen and (max-width: 1024px) {
	#no1 .dsp { display: block !important; margin-top: 10px; }
}



/* --------------------------------------------------
  769px以上で1024px以下 tablet style
-------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px) {

  .caption {
    margin-top: 12px;
    line-height: 1.43;
  }
  .column_box .column_title {
    line-height: 1.3;
  }
  #shield .honeycomb_box .box02 .img_box .caption {
    bottom: -3%;
    right: 0;
  }
  #isoration .column_box_type02 .award_list dt,
  #isoration .column_box_type02 .award_list dd {
    line-height: 1.3;
  }

}



/* --------------------------------------------------
  769px以上 pc + tablet style
-------------------------------------------------- */
@media screen and (min-width: 768px) {

  #history .history_box .box02 dl:not(:last-child) {
    background-image: url(../img/common/dot_line.png);
  }



  /* --------------------------------------------------
    hover
  -------------------------------------------------- */
  .notouch .pager_box a,
  .notouch .pager_box .next a:after,
  .notouch .pager_box .prev a:before {
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  }
  .notouch .pager_box a:hover {
    color: #f03f69;
  }
  .notouch .pager_box .next a:hover:after {
    -webkit-transform: translate3d(6px,0,0);
            transform: translate3d(6px,0,0);
  }
  .notouch .pager_box .prev a:hover:before {
    -webkit-transform: scale(-1, 1) translate3d(6px,0,0);
            transform: scale(-1, 1) translate3d(6px,0,0);
  }

}



/* --------------------------------------------------
  768px以下 sp style
-------------------------------------------------- */
@media screen and (max-width: 767px) {

  /* --------------------------------------------------
    common
  -------------------------------------------------- */
  #contents {
    padding-top: 40px;
    padding-bottom: 101px;
  }
  .head {
    margin-bottom: 21px;
    padding-bottom: 12px;
    border-bottom-width: 3px;
  }
  .head:after {
    bottom: -3px;
    width: 12px;
    height: 3px;
  }
  .head_stitle {
    margin-bottom: 6px;
  }
  .head_caption {
    margin-top: -13px;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 1.57;
    color: #f03f69;
  }
  .text {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0;
  }
  .stitle {
    position: relative;
    margin-bottom: 7px;
    padding-left: 13px;
    border-left: none;
    font-size: 20px;
    line-height: 1.5;
  }
  .stitle:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 4px;
    height: 90%;
    background-color: #f03f69;
  }
  .stitle_type02 {
    font-size: 14px;
  }
  .caption {
    margin-top: 8px;
    font-size: 10px;
    line-height: 1.5;
  }
  .column_box {
    padding: 25px 15px 27px 15px;
  }
  .column_box_type02 {
    padding: 28px 13px 28px 13px;
    border-width: 2px;
  }
  .column_box .column_title {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: -0.05em;
  }
  .column_box .column_title span {
    font-size: 19px;
  }
  .balloon_title {
    -webkit-align-items: flex-start;
            align-items: flex-start;
    margin-bottom: 8px;
  }
  .balloon_icon {
    margin-right: 10px;
    padding: 6px;
    border-width: 1px;
    font-size: 10px;
    white-space: nowrap;
  }
  .balloon_icon:before,
  .balloon_icon:after {
    margin-top: -4px;
    border-width: 8px;
    border-top-width: 4px;
    border-bottom-width: 4px;
  }
  .balloon_icon:after {
    right: -14px;
  }
  .balloon_icon:before {
    right: -16px;
  }
  .balloon_icon span:before {
    top: -14px;
    right: -13px;
    left: auto;
    width: 12px;
    height: 12px;
    -webkit-transform: scale(1,1);
            transform: scale(1,1);
  }
  .balloon_text {
    font-size: 19px;
    line-height: 1.53;
    letter-spacing: -0.05em;
  }
  .balloon_text span {
    font-size: 12px;
  }
  .pager_box {
    padding-top: 19px;
    margin-top: 62px;
    border-top-width: 1px;
  }
  .pager_box a,
  .pager_box span {
    font-size: 14px;
    white-space: nowrap;
  }
  .pager_box .prev a,
  .pager_box .prev span {
    padding-left: 0;
    padding-right: 14px;
  }
  .pager_box .index a {
    padding-left: 33px;
    padding-right: 33px;
  }
  .pager_box .next a,
  .pager_box .next span {
    padding-left: 14px;
    padding-right: 0;
  }
  .pager_box .prev a:before,
  .pager_box .prev span:before {
    margin-right: 4px;
  }
  .pager_box .next a:after,
  .pager_box .next span:after {
    margin-left: 4px;
  }

	h3.common_text {
		font-size: 30px;
		margin-bottom: 8px;
	}

  /* --------------------------------------------------
    isoration
  -------------------------------------------------- */
  #isoration .balloon_text {
    font-size: 19px;
  }
  #isoration .balloon_text span {
    display:inline-block;
    line-height:1.8 !important;
  }
  #isoration .main_box .box {
    margin-bottom: 40px;
  }
	
  #isoration .main_box .box .text_box {
    float: none;
    width: auto;
    max-width: 100%;
  }
  #isoration .main_box .box .img {
    float: none;
    width: auto;
    max-width: 100%;
    margin-top: 12px;
    padding-top: 0;
  }
  #isoration .main_box .about_box {
    padding-bottom: 31px;
  }
  #isoration .main_box .about_box .contents_box .text {
    float: none;
    width: auto;
    max-width: 100%;
  }
  #isoration .main_box .about_box .contents_box .img {
    float: none;
    width: auto;
    max-width: 100%;
    margin-top: -9px;
  }
  #isoration .main_box .apparatus_box {
    margin-bottom: 37px;
  }
  #isoration .main_box .apparatus_box .stitle_type02 {
    margin-bottom: 14px;
  }
  #isoration .main_box .apparatus_box .contents_box ul {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #isoration .main_box .apparatus_box .contents_box li {
    width: 48.28%;
    max-width: 100%;
  }
  #isoration .main_box .apparatus_box .contents_box li:first-child,
  #isoration .main_box .apparatus_box .contents_box li:nth-child(2) {
    margin-bottom: 17px;
  }
  #isoration .main_box .diff_box {
    margin-bottom: 32px;
    text-align: left;
  }
  #isoration .main_box .column_box .text {
    margin-bottom: 13px;
  }
  #isoration .main_box .column_box .img_list li,
  #isoration .main_box .column_box .img_list li:first-child,
  #isoration .main_box .column_box .img_list li:last-child {
    width: 48.08%;
    max-width: 100%;
  }
  #isoration .experiment_box .text_box {
    float: none;
    width: auto;
    max-width: 100%;
  }
  #isoration .experiment_box .text_box .text:first-child {
    margin-bottom: 30px;
  }
  #isoration .experiment_box .img_box {
    float: none;
    width: auto;
    max-width: 100%;
    margin-bottom: 19px;
  }
  #isoration .experiment_box .bnr_box {
    display: block;
    margin-top: -5px;
  }
  #isoration .experiment_box .bnr_box .bnr {
    width: auto;
    max-width: 100%;
  }
  #isoration .experiment_box .box1 {
    margin-bottom: 40px;
  }
  #isoration .experiment_box .overview_box {
    margin-bottom: 39px;
  }
  #isoration .experiment_box .overview_box .list01 {
    display: block;
    margin-bottom: 28px;
    background-image: url(../img/about/isolation/sp/experiment_overview_arrow.png);
    background-size: 10.77% auto;
  }
  #isoration .experiment_box .overview_box .list01 li:first-child,
  #isoration .experiment_box .overview_box .list01 li {
    width: auto;
    max-width: 100%;
  }
  #isoration .experiment_box .overview_box .list01 li:first-child {
    padding-bottom: 16.59%;
  }
  #isoration .experiment_box .overview_box .list02 {
    display: block;
  }
  #isoration .experiment_box .overview_box .list02 li:first-child,
  #isoration .experiment_box .overview_box .list02 li {
    width: auto;
    max-width: 100%;
  }
  #isoration .experiment_box .overview_box .list02 li:first-child {
    margin-bottom: 27px;
  }
  #isoration .column_box_type02 .title {
    margin-bottom: 17px;
    font-size: 19px;
  }
  #isoration .column_box_type02 .award_list {
    margin-bottom: 24px;
  }
  #isoration .column_box_type02 .award_list dt {
    clear: none;
    float: none;
    font-size: 14px;
  }
  #isoration .column_box_type02 .award_list dd {
    padding-left: 0;
    font-size: 14px;
    line-height: 2;
  }
  #isoration .column_box_type02 .award_list dd:not(:last-child) {
    margin-bottom: 8px;
  }
  #isoration .column_box_type02 .img_list ul {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  #isoration .column_box_type02 .img_list li:nth-child(1),
  #isoration .column_box_type02 .img_list li:nth-child(2) {
    width: 48.08%;
    max-width: 100%;
  }
  #isoration .column_box_type02 .img_list li:nth-child(3) {
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
  }
  #isoration .main_box .apparatus_box.menshin .stitle_type02 {
  font-size:12px !important;
}
  

	/* --------------------------------------------------
	  allround_box
	-------------------------------------------------- */

	#isoration .allround_box {
		margin-bottom: 39px;
	}
	#isoration .allround_box ul.img_list {
		display: block;
	}
	#isoration .allround_box ul.img_list li {
		width: 100%;
		max-width: 100%;
	}
	#isoration .allround_box ul.img_list li:first-child {
		margin-bottom: 27px;
	}

  /* --------------------------------------------------
    shield
  -------------------------------------------------- */
	#shield .honeycomb_box, #shield .ai_box, #shield .tbm_box { margin-bottom: 35px; }
	#shield .honeycomb_box .box, #shield .ai_box .box, #shield .tbm_box .box, #shield .tbm_box ul.img_list, #shield .column_box .box { display: block; }
	#shield .honeycomb_box .img_box, #shield .honeycomb_box .text, #shield .ai_box .text, #shield .ai_box .img_box, #shield .tbm_box ul.img_list li, #shield .column_box .box .text_box { width: auto; max-width: 100%; }

	#shield .honeycomb_box .box { margin: 20px 0; }
	#shield .honeycomb_box .text { margin: 10px 0 0; }
	
	#shield .ai_box .text { margin-bottom: 5px; }
	#shield .ai_box .img_box { margin-top: 0; }
	
	#shield .tbm_box ul.img_list { margin: -20px 0 33px; }
	#shield .tbm_box ul.img_list li { margin-bottom: 27px;}
	
  #shield .column_box .box { display: block; }
  #shield .column_box .box .text_box { width: auto; max-width: 100%; }
  #shield .column_box .box .img_box { width: auto; max-width: 100%; margin-top: 20px; margin-left: auto; }
  #shield .column_box .box .img_box .caption { top: auto; bottom: -4px; right: 0; line-height: 1.5; }
	

  /* --------------------------------------------------
    memory
  -------------------------------------------------- */
  #memory .tsutenkaku_box {
    margin-bottom: 28px;
  }
  #memory .tsutenkaku_box .box,
  #memory .jr_box .box {
    display: block;
  }
  #memory .tsutenkaku_box .box .box01,
  #memory .tsutenkaku_box .box .box02 {
    width: auto;
    max-width: 100%;
  }
  #memory .tsutenkaku_box .box .box02 {
    margin-top: 14px;
  }
  #memory .tsutenkaku_box .box .box02 .text {
    margin-top: 18px;
  }
  #memory .jr_box .box {
    margin-top: -17px;
  }
  #memory .jr_box .box > div {
    width: auto;
    max-width: 100%;
  }
  #memory .jr_box .box .box02,
  #memory .jr_box .box .box03,
  #memory .jr_box .box .box04 {
    margin-top: 18px;
  }



  /* --------------------------------------------------
    no1
  -------------------------------------------------- */
	#no1 .dsp { margin-top: 0; }
	
	#no1 .balloon_icon { margin-right: 18px; padding: 15px; margin-top: 10px; }
	#no1 .balloon_text { line-height: 1.2; }
	#no1 .balloon_icon:before, .balloon_icon:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -6px; border: 10px solid transparent; border-top-width: 6px; border-bottom-width: 6px; }
	
	#no1 .agriculture_box .box, #no1 .fishery_box ul.img_list, #no1 .power_generation_box ul.img_list, #no1 .power_generation_box ul.img_list li:nth-of-type(2) .img { display: block; }
	#no1 .agriculture_box .box01, #no1 .agriculture_box .box02, #no1 .fishery_box ul.img_list li, #no1 .power_generation_box ul.img_list li:nth-of-type(1), #no1 .power_generation_box ul.img_list li:nth-of-type(2), #no1 .power_generation_box ul.img_list li:nth-of-type(2) .img picture { width: auto; max-width: 100%; }
	
	#no1 .agriculture_box, #no1 .fishery_box { margin-bottom: 35px; }
	#no1 .agriculture_box .box02 { margin-top: 15px; }
	#no1 .agriculture_box .box02 .text:not(:last-child) { margin-bottom: 15px; }
	
	#no1 .fishery_box ul.img_list { margin: -20px 0 33px; }
	#no1 .fishery_box ul.img_list li { margin-bottom: 27px;}

	#no1 .power_generation_box ul.img_list, #no1 .power_generation_box ul.img_list li:nth-of-type(2) { margin: -20px 0 33px; }
	#no1 .power_generation_box ul.img_list li { margin-bottom: 27px;}
	#no1 .power_generation_box ul.img_list li:nth-of-type(2) picture:not(:last-child) {  margin-bottom: 15px; display: block; } }
	

  /* --------------------------------------------------
    history
  -------------------------------------------------- */
  #history .history_box .box {
    display: block;
  }
  #history .history_box .box01 {
    width: auto;
    max-width: 100%;
    padding-top: 0;
  }
  #history .history_box .box02 {
    width: auto;
    max-width: 100%;
  }
  #history .history_box .box02 dl {
    display: block;
  }
  #history .history_box .box02 dl:not(:last-child) {
    margin-bottom: 11px;
    padding-bottom: 10px;
    background-image: url(../img/common/sp/dot_line.png);
    background-size: 2px auto;
  }
  #history .history_box .box02 dt {
    width: auto;
    max-width: 100%;
    margin-bottom: -3px;
    font-size: 14px;
    line-height: 2;
  }
  #history .history_box .box02 dd {
    width: auto;
    max-width: 100%;
    font-size: 14px;
    line-height: 2;
  }



  /* --------------------------------------------------
    museum
  -------------------------------------------------- */
  #museum .main_box {
    margin-bottom: 38px;
  }
  #museum .main_box .main_img_wide {
    margin-bottom: 22px;
  }
  #museum .main_box .img_list,
  #museum .access_box .box {
    display: block;
  }
  #museum .main_box .img_list {
    margin-top: -18px;
  }
  #museum .main_box .img_list li {
    width: auto;
    max-width: 100%;
  }
  #museum .main_box .img_list li:not(:last-child) {
    margin-bottom: 16px;
  }
  #museum .access_box .box01 {
    width: auto;
    max-width: 100%;
  }
  #museum .access_box .box01 .text_list li:before {
    width: 10px;
    height: 10px;
  }
  #museum .access_box .box01 .text_list .text {
    padding-left: 13px;
  }
  #museum .access_box .box01 .note {
    margin-top: 11px;
    font-size: 10px;
  }
  #museum .access_box .box01 .note .note_text {
    padding-left: 1em;
  }
  #museum .access_box .box01 .bnr {
    margin-top: 21px;
  }
  #museum .access_box .box02 {
    width: auto;
    max-width: 100%;
    margin-top: 29px;
  }

}