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

.news article{ margin-bottom:60px;}
@media only screen and (max-width:1024px){ .news article{ margin-bottom:40px;}}
@media only screen and (max-width:600px){ .news article{ margin-bottom:20px;}}

.news .news-cont .head-visual div{ background-image:url(../news/img/head-news.jpg); height:420px; margin-bottom: 0;}
@media only screen and (max-width:1024px){.news .news-cont .head-visual div{ height:320px;}}
@media only screen and (max-width:600px){.news .news-cont .head-visual div{ height:180px; background-position: -150px;}}

@media only screen and (max-width:600px){.head-visual div h1 { bottom: -80px;}}
@media only screen and (max-width:600px){.news .news-cont .head-visual h1 img{ width:160px; height:160px;}}

.news .news-cont .block1 ul.tabnav{
	display: flex; flex-wrap: wrap; justify-content: space-between;
	border:solid 1px #000;
	margin-bottom:40px;
	}
@media only screen and (max-width:1024px) { .news .news-cont .block1 ul.tabnav{ margin-bottom:30px;}}
@media only screen and (max-width:600px) { .news .news-cont .block1 ul.tabnav{ margin-bottom:20px;}}
.news .news-cont .block1 ul.tabnav li{ border-right:solid 1px #000; width:33.3333%; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
.news .news-cont .block1 ul.tabnav li:last-child{ border:none; }
.news .news-cont .block1 ul.tabnav li a{ text-align:center; display: block; padding: 12px 0 8px 0; }
@media only screen and (max-width:600px) { .news .news-cont .block1 ul.tabnav li a{ padding: 9px 0 7px 0; font-size:13px; } }
.news .news-cont .block1 ul.tabnav li a.active{ background-color:#000; color:#fff; transition: all 0.5s ease;}

.news .news-cont .block1 .tabcontent .tab-inner{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.news .news-cont .block1 .tabcontent .tab-inner dl{ width:22%; margin-bottom:3%; position: relative;}
.news .news-cont .block1 .tabcontent .tab-inner::after {
    content: "";
    display: block;
    width: 22%;
}
@media only screen and (max-width:600px) { .news .news-cont .block1 .tabcontent .tab-inner::after{ display:none;}}
.news .news-cont .block1 .tabcontent .tab-inner::before {
    content: "";
    display: block;
    width: 22%;
	order:1;
}
@media only screen and (max-width:600px) { .news .news-cont .block1 .tabcontent .tab-inner::before { display:none;}}
@media only screen and (max-width:600px) { .news .news-cont .block1 .tabcontent .tab-inner dl{ width:47%;}}
.news .news-cont .block1 .tabcontent .tab-inner::after{ width:22%; content:""; display: block;}
.news .news-cont .block1 .tabcontent .tab-inner dl dt{
	font-size: 13px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    margin-bottom: 6px; }
@media only screen and (max-width:600px) {.news .news-cont .block1 .tabcontent .tab-inner dl dt{ font-size:12px;}}
.news .news-cont .block1 .tabcontent .tab-inner dl dt:first-letter{ color:#275da7;}
.news .news-cont .block1 .tabcontent .tab-inner dl dd:nth-of-type(2) {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.1em;
    font-family: 'Noto Sans JP', sans-serif;
}
@media only screen and (max-width:600px) {.news .news-cont .block1 .tabcontent .tab-inner dl dd:nth-of-type(2) { font-size: 14px;}}
.news .news-cont .block1 .tabcontent .tab-inner dl dd:nth-of-type(2) span {
    display: block;
    font-size: 14px;
	line-height: 1.4;
}
@media only screen and (max-width:600px) {.news .news-cont .block1 .tabcontent .tab-inner dl dd:nth-of-type(2) span { font-size: 13px;}}
.news .news-cont .block1 .tabcontent .tab-inner dl dd:nth-of-type(3){ font-weight: 500; }
.news .news-cont .block1 .tabcontent .tab-inner dl dd{ margin-bottom:10px; }


.news .news-cont .detail{ width:860px; margin:0 auto;}
@media only screen and (max-width:1024px) {.news .news-cont .detail{ width:90%; margin: 0 auto 40px;}}
/*
.news .news-cont .detail p{ margin-bottom:40px; }
@media only screen and (max-width:600px) { .news .news-cont .detail p{ margin-bottom:20px; } }
*/
.news .news-cont .detail ul.info{ margin-bottom:30px; position:relative;}
@media only screen and (max-width:600px) { .news .news-cont .detail ul.info{ margin-bottom:20px;}}
.news .news-cont .detail ul.info:after{
position: absolute;
    content: '';
    width: 100%;
    background-color: #275da7;
    height: 1px;
    left: 0;
    top: 50%;
    z-index: -1;
	}
.news .news-cont .detail ul.info li{ display:inline-block; background-color:#fff; }
.news .news-cont .detail ul.info li:nth-of-type(1){
    background-color: #275da7;
    color: #fff;
    padding: 4px 10px 2px;
    font-size: 14px;
    border-radius: 4px;
}
@media only screen and (max-width:600px) { .news .news-cont .detail ul.info li:nth-of-type(1){ font-size: 13px; } }
.news .news-cont .detail ul.info li:nth-of-type(2){
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.05em;
    padding: 0 15px 0 15px;
    background-color: #fff;
	}
@media only screen and (max-width:600px) { .news .news-cont .detail ul.info li:nth-of-type(2){ font-size: 14px; } }
.news .news-cont .detail h3.title{ margin-bottom:40px; font-size:24px; font-family: 'Noto Sans JP', sans-serif; letter-spacing:0.2em; }
@media only screen and (max-width:1024px) { .news .news-cont .detail h3.title{ font-size:20px; margin-bottom: 30px;}}
@media only screen and (max-width:600px) { .news .news-cont .detail h3.title{
	margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
	letter-spacing:0.1em;
	}}
@media only screen and (max-width:600px) { .news .news-cont .detail h3.title br{ display:none; }}
/*
.news .news-cont .detail p{ margin-bottom:40px; letter-spacing:0.2em; }
@media only screen and (max-width:1024px) {.news .news-cont .detail p{ margin-bottom:30px;}}
@media only screen and (max-width:600px) {.news .news-cont .detail p{ margin-bottom:20px;}}
*/
.news .news-cont .detail p.photo{ }
.news .news-cont .detail p.photo img{ width:100%; }
.news .news-cont .detail p.txt{ font-size:16px; }
@media only screen and (max-width:1024px) { .news .news-cont .detail p.txt{ font-size:15px; } }
.news .news-cont .detail .btn-detail { display: block; text-align: center; }
.news .news-cont .detail .btn-detail a{ display: inline-block; background-color:#275da7; color:#fff; font-size:20px; padding:12px 40px 10px; border-radius:6px;   }
@media only screen and (max-width:1024px) { .news .news-cont .detail .btn-detail a{ font-size:14px;}}


/*------------*/

.newslist_wrapper{
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.newslist_wrapper div,
.newslist_wrapper p,
.newslist_wrapper dt,
.newslist_wrapper dd{
  margin: 0;
  padding: 0;
}
.newslist_main{
  width: 740px;
}
.newslist_nav{
  width: 200px;
}
.newslist_nav_items{
  margin-bottom: 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.newslist_nav_items dt{
  text-align: center;
  padding: 20px;
  font-size: 20px;
  color: #111;
  line-height: 1;
  letter-spacing: 1.5px;
}
.newslist_nav_items dd a{
  text-align: center;
  padding: 20px;
  font-size: 15px;
  display: block;
  text-decoration: none;
  color: #111;
  line-height: 1;
  border-top: 1px solid #ccc;
  background: #FFF;
}
.newslist_nav_items dd a:hover{
  background: #f6f6f6;
}
.newslist_main_items{
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.newslist_wrapper .newslist_main_item{
  width: 32%;
  margin-left: 2%;
  margin-bottom: 25px;
}
.newslist_main_item:nth-of-type(3n+1){
  margin-left: 0;
}
.newslist_wrapper .newslist_main_item a{
  display: block;
}
.newslist_wrapper .newslist_main_item__category{
  line-height: 1;
  margin-bottom: 10px;
  font-size: 13px;
}
.newslist_wrapper .newslist_main_item__category:before{
  content: "●";
  color: #275da7;
}
.newslist_wrapper .newslist_main_item__image{
  margin-bottom: 15px;
  width: 100%;
  padding-top: 62.5%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}
.newslist_wrapper .newslist_main_item__date{
  font-size: 12px;
  margin-bottom: 10px;
  color: #275da7;
}
.newslist_wrapper .newslist_main_item__title{
  line-height: 1.6;
  margin-top: 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width:1024px){
  .newslist_wrapper{
    display: block;
  }
  .newslist_main{
    width: 100%;
  }
  .newslist_nav{
    width: 100%;
  }
}
@media only screen and (max-width:600px){
  .newslist_wrapper .newslist_main_item{
    width: 48%;
    margin-left: 4%;
    margin-bottom: 25px;
  }
  .newslist_main_item:nth-of-type(3n+1){
    margin-left: inhelit;
  }
  .newslist_main_item:nth-of-type(2n+1){
    margin-left: 0;
  }
  .newslist_wrapper .newslist_main_item__title{
    line-height: 1.6;
    font-size: 14px;
  }
}


.newslist_wrapper .news_pagination_container{
  padding-top: 40px;
  padding-bottom: 40px;
}
.news_pagination{
  text-align: center;
  font-size: 0;
}
.news_pagination a,
.news_pagination span
{
  line-height: 1;
  font-size: 14px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  -webkit-border-radius: 20px;
          border-radius: 20px;
  display: inline-block;
  border: 1px solid #275da7;
  color: #275da7;
  margin: 3px;
}
.news_pagination a:hover,
.news_pagination span.current{
  background: #275da7;
  color: #fff;
}
/*----*/
.editor_area{
  margin-bottom: 50px;
}
.editor_area ul{
  margin-bottom: 1em;
}
.editor_area ul li{
  list-style: inside disc;
}
.editor_area ol{
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
.editor_area ol li{
  list-style: inside decimal;
}
.editor_area h2{
  font-size: 28px;
  border-bottom: 1px solid #999;
  margin-bottom: 1em;
}
.editor_area h3{
  font-size: 23px;
  border-left: 3px solid #275da7;
  margin-bottom: 1em;
  padding-left: 15px;
  line-height: 1.5;
}
.editor_area p+p,
.editor_area p+h2,
.editor_area p+h3,
.editor_area p+ul,
.editor_area p+ol,
.editor_area p+img,
.editor_area p+table,
.editor_area p+iframe{
  margin-top: 1em;
}
.editor_area .youtube-embed-wrapper{
  margin-bottom: 1em;
}
.editor_area a{
  text-decoration: underline;
}
.editor_area a:hover{
  text-decoration: none;
}
@media only screen and (max-width:600px){
  .editor_area table{
    max-width: 100%;
  }
  .editor_area h2{
    font-size: 24px;
  }
  .editor_area h3{
    font-size: 20px;
    padding-left: 10px;
  }
}

/*-----*/
.editor-parts_title01-text{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
}
.editor-parts_title02-box{
  margin-bottom: 1em;
  padding: 15px;
  text-align: center;
}
.editor-parts_title02-text{
  font-size: 23px;
  font-weight: bold;
}
.editor-parts_title03-box{
  margin-bottom: 1em;
  padding: 15px 0;
  padding-left: 30px;
  text-align: left;
  position: relative;
  background: #f9f9f9;
}
.editor-parts_title03-box:before{
  content: "";
  width: 10px;
  height: 100%;
  background: #7cbbf1;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
.editor-parts_title03-text{
  font-size: 20px;
  font-weight: bold;
}
.editor-parts_title04-box{
  margin-bottom: 1em;
  padding: 10px 0;
  text-align: left;
}
.editor-parts_title04-text{
  font-size: 17px;
  font-weight: bold;
}
.editor-parts_title04-text:before{
  content: "■";
  color: #7cbbf1;
  display: inline-block;
  margin-right: 0.7em;
  font-weight: bold;
}
.editor-parts_col2-wrap{
  margin-bottom: 2.5em;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.editor-parts_col2-content{
  width: 48%;
}
.editor_area .editor-parts_col2-image{
  margin-bottom: 1em;
}
.editor_area .editor-parts_col2-title{
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.editor_area .editor-parts_col2-text{
  margin-top: 0;
  font-size: 13px;
}
.editor-parts_col3-wrap{
  margin-bottom: 2.5em;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.editor-parts_col3-content{
  width: 31%;
}
.editor_area .editor-parts_col3-image{
  margin-bottom: 1em;
}
.editor_area .editor-parts_col3-title{
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.editor_area .editor-parts_col3-text{
  margin-top: 0;
  font-size: 13px;
}
.editor-parts_imgtxt-box{
  margin-bottom: 2.5em;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.izanagi_box__fill .editor-parts_imgtxt-box{
  margin-bottom: 0;
}
.editor-parts_imgtxt-box.__reverse{
  flex-direction: row-reverse;
}
.editor-parts_imgtxt-image{
  width: 30%;
}
.editor-parts_imgtxt-info{
  width: 67%;
}
.editor-parts_imgtxt-box.__large .editor-parts_imgtxt-image{
  width: 49%;
}
.editor-parts_imgtxt-box.__large .editor-parts_imgtxt-info{
  width: 48%;
}
.editor_area .editor-parts_imgtxt-title{
  margin-top: 0;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
.editor_area .editor-parts_imgtxt-text{
  margin-top: 0;
}

.editor-parts_table-wrap{
  margin-bottom: 2.5em;
}
.editor-parts_table-content{
  width: 100%;
}
.editor-parts_table-content th{
  background: #EAF3D8;
  text-align: center;
  font-weight: bold;
}
.editor-parts_message-box{
  margin-bottom: 2.5em;
  display: flex;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.editor_area .editor-parts_message-image{
  width: 23%;
}
.editor_area .editor-parts_message-image img{
  -webkit-border-radius: 50%;
          border-radius: 50%;
}
.editor_area .editor-parts_message-info{
  width: 74%;
}
.editor_area .editor-parts_message-text{
  margin-top: 0;
  margin-bottom: 1em;
}
.editor_area .editor-parts_message-note{
  margin-top: 0;
  font-size: 13px;
  color: #7CBBF1;
}
/*---*/
@media only screen and (max-width: 768px){
  .editor-parts_title01-text{
    font-size: 17px;
    font-weight: bold;
    text-align: center;
  }
  .editor-parts_title02-box{
    margin-bottom: 0.5em;
    padding: 15px;
    text-align: center;
  }
  .editor-parts_title02-text{
    font-size: 17px;
    font-weight: bold;
  }
  .editor-parts_title03-box{
    margin-bottom: 1em;
    padding: 15px 0;
    padding-left: 20px;
    text-align: left;
    position: relative;
  }
  .editor-parts_title03-box:before{
    content: "";
    width: 7px;
    height: 100%;
    background: #7cbbf1;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .editor-parts_title03-text{
    font-size: 16px;
    font-weight: bold;
  }
  .editor-parts_title04-box{
    margin-bottom: 0.5em;
    padding: 10px 0;
    text-align: left;
  }
  .editor-parts_title04-text{
    font-size: 15px;
    font-weight: bold;
  }
  .editor-parts_title04-text:before{
    content: "■";
    color: #7cbbf1;
    display: inline-block;
    margin-right: 0.6em;
    font-weight: bold;
  }
  .editor-parts_col2-wrap{
    margin-bottom: 2em;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .editor-parts_col2-content{
    width: 49%;
  }
  .editor_area .editor-parts_col2-image{
    margin-bottom: 1em;
  }
  .editor_area .editor-parts_col2-title{
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .editor_area .editor-parts_col2-text{
    margin-top: 0;
    font-size: 12px;
  }
  .editor-parts_col3-wrap{
    margin-bottom: 2em;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .editor-parts_col3-content{
    width: 49%;
    margin-bottom: 18px;
  }
  .editor_area .editor-parts_col3-image{
    margin-bottom: 1em;
  }
  .editor_area .editor-parts_col3-title{
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .editor_area .editor-parts_col3-text{
    margin-top: 0;
    font-size: 12px;
  }
  .editor-parts_imgtxt-box{
    margin-bottom: 2em;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .editor-parts_imgtxt-box.__large{
    margin-bottom: 2em;
    display: block;
  }
  .izanagi_box__fill .editor-parts_imgtxt-box{
    margin-bottom: 0;
  }
  .editor-parts_imgtxt-box.__reverse{
    flex-direction: row-reverse;
  }
  .editor-parts_imgtxt-image{
    width: 48%;
  }
  .editor-parts_imgtxt-info{
    width: 49%;
  }
  .editor-parts_imgtxt-box.__large .editor-parts_imgtxt-image{
    width: 100%;
    margin-bottom: 10px;
  }
  .editor-parts_imgtxt-box.__large .editor-parts_imgtxt-info{
    width: 100%;
  }
  .editor-parts_imgtxt-box.__large .editor-parts_imgtxt-info > p{
    margin-bottom: 1em;
  }
  .editor_area .editor-parts_imgtxt-title{
    margin-top: 0;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .editor_area .editor-parts_imgtxt-text{
    font-size: 12px;
    margin-top: 0;
  }

  .editor-parts_table-wrap{
    margin-bottom: 8px;
    overflow: auto;
    white-space: nowrap;
  }
  .editor-parts_table-wrap:after{
    display: inline-block;
    margin-bottom: 1.5em;
    padding: 5px;
    content: "*テーブルが切れている場合、横にスクロールできます";
    color: #999;
    font-size: 11px;
  }
  .editor-parts_table-wrap::-webkit-scrollbar{
    height: 5px;
  }
  .editor_area .editor-parts_table-content{
    width: 100%;
    margin-bottom: 0;
  }
  .editor-parts_table-content th{
    background: #EAF3D8;
    text-align: center;
    font-weight: bold;
  }
  .editor-parts_table-content td{

  }
  .editor-parts_message-box{
    margin-bottom: 2.5em;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .editor_area .editor-parts_message-image{
    width: 23%;
  }
  .editor_area .editor-parts_message-image img{
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .editor_area .editor-parts_message-info{
    width: 74%;
  }
  .editor_area .editor-parts_message-text{
    margin-top: 0;
    margin-bottom: 1em;
    font-size: 13px;
  }
  .editor_area .editor-parts_message-note{
    margin-top: 0;
    font-size: 12px;
    color: #7CBBF1;
  }
}