@charset "utf-8";
/* font-family: 'Noto Sans Japanese'; */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* common */
* {font-family:'Noto Sans Japanese',sans-serif;}
body {font-family:'Noto Sans Japanese',sans-serif;}
a:hover {color:#00a0e9 !important;}
button:hover {opacity:1;}

/* breadCrumb */
.top-menu-title p {color:#00a0e9;}

/* box */
.box {
  font-size: 15px;
  line-height: 1.5;
  text-align:justify;
  font-weight: 200;
  color: #222;
}
.box1 {font-size:18px;line-height:1.25;text-align:center;padding:8px;margin-bottom:20px;color:#222;border-bottom:1px solid #888;border-top:1px solid #888;}
.box2 {font-size:22px;line-height:1.25;text-align:left;padding:8px 10px;margin-bottom:20px;color:#00b0f0;border:2px solid #00b0f0;}
.box2_1 {font-size:22px;line-height:1.25;text-align:center;padding:10px 20px;margin-bottom:20px;color:#fff;background:#00b0f0;}
.box2_2 {font-size:22px;line-height:1.25;text-align:center;padding:10px 20px;margin-bottom:20px;color:#fff;background:#0d3b60;}

.box3 {font-size:22px;line-height:1.25;text-align:left;font-weight:bold;padding:5px 20px;margin-bottom:20px;color:#333;border-left:8px solid #0068b7;}
.box4 {font-size:16px;line-height:1.25;text-align:center;padding:20px 20px;margin-bottom:20px;border:2px solid #ccc;}
.box5 {font-size:22px;line-height:1.25;text-align:left;left: 500px;padding:13px 25px;margin-bottom:20px;background:#ddd;border-left: 8px solid #00b0f0;color:#00b0f0;}

/* text style */
.tit_01 {font-weight:800;font-size:40px;line-height:50px;text-align:center;}
.tit_02 {font-weight:800;font-size:30px;line-height:38px;text-align:center;}
.tit_03 {font-weight:400;font-size:30px;line-height:42px;text-align:left;}
.tit_04 {font-weight:300;font-size:15px;line-height:27px;text-align:left;}
.tit_05 {font-weight:300;font-size:20px;line-height:35px;text-align:left;}/*font*/
.tit_06 {font-weight:400;font-size:12px;line-height:24px;text-align:left;}

/* sub_table */
.s_table01, .s_table02, .s_table03, .s_table04, .s_table05 {
  width: 100%;
  overflow: hidden;
}
.s_table01 {width:100%;margin:auto;}
.s_table01 th, .s_table01 td {border-width:1px 0;border-style:solid; border-color:#d0d4d9;}
.s_table01 th {font-size:18px;line-height:28px;padding:15px 25px;text-align:left;font-weight:bold;background:#f5f7f9;width:200px;}
.s_table01 td {font-size:16px;line-height:26px;font-weight:300;padding:15px;background:#fff;vertical-align:middle;}

.s_table02 {width:100%;margin:auto;}
.s_table02 th{font-size:16px;line-height:26px;text-align:center;border:3px solid #fff;padding:12px 3px;background:#333;color:#fff;}
.s_table02 td{font-size:16px;line-height:26px;text-align:center;border:1px solid #f1f1f1;padding:8px 3px;color:#333;}
.s_table02 th a {color:#fff;}

.s_table03 {width:100%;margin:auto;}
.s_table03 th{font-size:18px;line-height:26px;text-align:left;font-weight:900;border-bottom:1px dotted #ccc;padding:15px 10px;vertical-align:top;width:30%;color:#0d3b60;} 
.s_table03 td{font-size:16px;line-height:26px;text-align:left;font-weight:300;border-bottom:1px dotted #ccc;padding:15px 10px;color:#888;}

.s_table04 {width:100%;margin:auto;border-bottom:1px solid #bcbcbc;}
.s_table04 th{font-size:20px;line-height:32px;text-align:left;border-bottom:1px dotted #ccc;padding:15px 10px;vertical-align:top;color:#313131;} 
.s_table04 td{font-size:16px;line-height:28px;text-align:right;border-bottom:1px dotted #ccc;padding:15px 10px;color:#d10000;}

.s_table05 {
  border-bottom: solid 1px #e4e4e4;
}

.s_table05 th {
  font-size: 15px;
  padding: 8px 12px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #e4e4e4;
  background: #f8f8f8;
}

.s_table05 td {
  font-size: 14px;
  font-weight:300;
  padding: 8px 12px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #e4e4e4;
}
.s_table06 {width:100%;margin:auto;}
.s_table06 th, .s_table06 td {border-width:1px;border-style:solid; border-color:#d0d4d9;}
.s_table06 th {font-size:18px;line-height:28px;padding:8px 5px;text-align:center;font-weight:bold;background:#cfe9ff;color:#000;width:200px;}
.s_table06 td {font-size:16px;line-height:26px;font-weight:300;padding:8px;background:#fff;vertical-align:middle;}

/* button */
.btn01 {font-size:16px;color: #fff;background:#00a0e9;font-weight: 400; width:173px;margin:10px auto;border:0px; border-radius:50px;padding: 10px 0px;overflow: hidden;}
.btn01 a {color:#fff;}
.btn01 p {text-align:center;font-size:18px;color:#fff;}
.btn02 {font-size:16px;color: #fff;background:#00a0e9;font-weight: 400; width:173px;margin:0 auto;border:1px solid #fff;border-radius:50px;padding: 10px 0px;overflow: hidden;}

/* m_titbox */
.m_titbox {width:100%;margin:100px auto 40px auto;}
.m_titbox-type {width:120px;margin:0 auto;text-align:center;font-size:30px;overflow:hidden;border-bottom:2px solid #00a0e9;}
.m_titbox-type_w {width:120px;margin:0 auto;text-align:center;font-size:30px;overflow:hidden;border-bottom:2px solid #fff;color:#fff;}

/*Board*/
.Board .m_titbox-type {width:120px;border-bottom:2px solid #999;}

/*Board mod_article01*/
.mod_article01 .time {color:#fff;background:#00a0e9;}
.mod_article01 .tit {color:#000;}
.mod_article01 .article {
  padding: 10px 15px;
  border-style: solid;
  border: 0px;
  border-color: #d0d4d9;
  border-radius: 5px;
  background:#f1f1f1;
  margin-bottom: 10px;
}

.mod_article01 .areaimg {width:30%;overflow:hidden;float:left;padding:0 3% 0px 0;}
.mod_article01 .view {width:100%;height:90px;position:relative;overflow:hidden;}
.mod_article01 .view img {width:100%;}
.mod_article01 .cover {position:relative;}
.mod_article01 .cover img {width:100%}
.mod_article01 .img {position:absolute;top:0;left:0;width:100%;}
.mod_article01 .img img {width:100%;height:100%;min-height:200px;}

.mod_article01 .areadata {width:70%;overflow:hidden;float:left;padding:0 0 17px 0;}
.mod_article01 .areadata .data {display:block;}
.mod_article01 .areadata .areatxt {width:100%;}


/*Board mod_article02*/
.mod_article02 .time {;color:#fff;background:#00a0e9;}
.mod_article02 .tit {color:#000;}
.mod_article02 .txt {color:#999;}

/*Board mod_article03*/
.mod_article03 .time {color:#fff;background:#00a0e9;}
.mod_article03 .tit {color:#000;}
.mod_article03 .txt {color:#999;}

/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {

  /* header for nav */
  .P-nav-logo {padding:20px 20px 11px 20px;font-size:30px;line-height:46px;z-index:999;color:#777;}
  .P-nav-logo img {width:100px;}

  /* Nav links */
  .P-nav-item {position:relative;display:inline-block;padding:32px 20px 0 20px;font-weight:500;color:#111;}
  .P-nav-item:hover,.P-nav-item:focus {color:#000;text-decoration:none;}

  /* main _ slide */
  .main-slide-text {width:100%;margin:0 auto;position:relative;}
  .main-slide-text .visual-text {position:absolute;z-index:999;}
  .main-slide-text .vst_01 {left:20px;top:20px;}
  .main-slide-text .vst_01 img {width:100%;max-width:100px;}  
  .main-slide-text .vst_02 {width:100%;margin:0 auto;padding-top:95px;}
  .main-slide-text .vst_02 img {width:100%;max-width:388px;margin:0% 0 0 37%;}  
  .main-slide-text .vst_03 {top:550px;right:20px;}
  .main-slide-text .vst_03 p {font-size:20px;font-weight:bold;color:#fff;text-align:right;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}
  .main-slide-text .vst_04 {width:95%;margin:0 auto;top:520px;text-align:center;}
  .main-slide-text .vst_04 p {font-size:23px;font-weight:bold;color:#fff;text-align:center;text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;}

  .main-slider {width:100%;overflow:hidden;}
  .main-slider li {position:relative;width:100%;height:600px;overflow:hidden;background-size:100% auto;}

  /* main _ contents */
  .P-contents {width:100%;position:relative;display:block;}
  section {width:100%;margin:0px auto 100px auto;overflow:hidden;}

  .Main-bg {position:absolute;z-index:-1;top:0;left:0;width:100%;max-width: 1950px;}
  .wrap01 {padding:25px;margin:50px auto;display:block;box-shadow:0 0 10px #ccc; overflow:hidden;background:#fff;}

  .container_left {width:65%;float:left;margin:0 5% 0 0;}
  .container_right {width:30%;float:right;}  

  /* left */
  .left_content01 {width:100%;margin:0 0 80px 0;}
  .tit_box {width:100%;padding:5px 0;margin:0 0 15px 0;overflow:hidden;border-bottom:2px solid #00a0e9;}
  .tit_box01 {border-bottom:0px;z-index: 999;position: relative;}
  .tit_box p {display:inline-block;}

  .tit_box .m_tit_type {/*width:60%;*/max-width:350px;float:left;text-align:left;font-size:25px;font-weight:bold;}
  .tit_box .m_tit_type span {margin:0px 15px 0px 0; vertical-align: text-bottom;}
  .tit_box .more_btn {padding:2px 10px;float:right;font-size:15px;text-align:right;border-radius:5px;border:1px solid #aaa;color:#aaa;    margin: 5px 8px 0 0;}
  .tit_box .more_btn a {color:#aaa;font-weight:200;}
  .tit_box .more_btn:hover {background:#00a0e9;color:#fff;transition: all 0.35s ease-in-out;cursor:pointer;}
  .tit_box .more_btn:hover a {color:#fff;}

  .left_content03 {width:100%;position:relative;margin:0 0 35px 0;padding:20px 20px;background:#0d3b60; overflow: hidden;}
  .left_content03 .bg_01 {position:absolute;right:0;top:0;}
  .left_content03 .box01_content {position:relative;z-index:55;margin: 0 auto 0px auto; }
  .left_content03 .box01_content .box01_left p {display:inline-block;float:left;padding:0 5% 15px 0;}
  .left_content03 .box01_content .box01_left img {width:100%;max-width:100px;}

  .left_content02 {width:100%;position:relative;margin:0 0 35px 0;padding:20px 20px 15px 20px;background:#faf9e9; overflow: hidden;}
  .left_content02 .bg_01 {position:absolute;right:0;top:0;}
  .left_content02 .box01_content {position:relative;z-index:55;margin: 0 auto 0px auto; }
  .left_content02 .box01_content .box01_left p {display:inline-block;float:left;padding:0 5% 15px 0;}
  .left_content02 .box01_content .box01_left img {width:100%;max-width:100px;}

  /* banner */
  .banner_content {width:100%;}
  .banner_content div {width:100%;margin:0 0 25px 0 0;overflow:hidden;}
  .banner_content .tit_06 {font-size:16px;font-weight:bold;}
  .banner_content ul {}
  .banner_content ul li {float:left;width:20%;padding:5px 2% 10px 0;}
  .banner_content ul li:last-child {margin:5px 0% 10px 0;}

  .banner_content ul li:hover {opacity:.5;}

  /* button */
  .button_box {width:100%;}
  .button_box p {width:180px;margin:0 auto;text-align:center;padding:7px 0;border-radius:5px;background:#fff;border:1px solid #aaa;color:#aaa;}
  .button_box p:hover {background:#00a0e9;color:#fff;transition: all 0.35s ease-in-out;}

  .left_content02 .button_box2 {margin:100px 0 0 0;}
  .left_content03 .button_box2 {margin:50px 0 0 0;}

  .button_box3 {margin:50px auto;}
  .button_box3 p {width:100%;padding:8px 0;font-size:18px;}

  /* link */
  .sublink {width:100%;margin:0px auto 50px auto;padding:5%;background:#f5f5f5;}
  .sublink li {padding:3%;}
  .sublink li span {margin:0 5px 0 0;}
  .sublink li:hover {background:#fff;}

  /*SNS_link*/
  .call_box {width:300px;margin:30px auto;float:left;}
  .call_txt {width:300px;height:70px;margin-bottom:20px;}

  .sns_content .sns_box {width:200px;margin:30px auto;float:right;}
  .sns_content .sns_box a:nth-child(1) {background:#00a0e9;}
  .sns_content .sns_box a:nth-child(2) {background:#80d7ff;}
  .sns_content .sns_box a:nth-child(3) {background:#ced5d8;margin-right:0;}

  /* etc */
  .box01_content {width:100%;overflow:hidden;margin:0 auto 70px auto;}
  .box01_left {float:left;margin-right:2%;}
  .box01_right {float:right;}

}

/* mobile [0 ~ 1024px] */
@media all and (max-width:1024px) {	
  .P-contents .wrap {width:90%;}
  .main-slide-text .vst_04 {width:100%;padding: 0 0 0 12%;}
}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {	

  /* header for nav */
  .P-nav-logo {padding:18px 0 18px 20px;font-size:24px;line-height:33px;}
  #btn-top-menu {width:38px;float:right;padding-top:40px;margin-right:15px;}
  .P-nav-logo img {width:70px;}

  /* main _ slide */
  .main-slider {width:100%;display:none;}
  .main-slide-text .visual-text {position:absolute;}
  .main-slide-text .vst_01 {left:15px;top:15px;}
  .main-slide-text .vst_02 {width:100%;margin:0 auto;padding-top:68px;}
  .main-slide-text .vst_02 img {width:100%;max-width:250px;}  
  .main-slide-text .vst_03 {top:350px;right:15px;}
  .main-slide-text .vst_04 {top:320px;padding: 0 0 0 10%;}
  .main-slide-text .vst_04 p {font-size:20px;}

  .wrap ul.slides{width:100%;overflow:hidden;}
  .wrap ul.slides li{position:relative;width:100%;height:400px;overflow:hidden;background-size:100% auto;background-position:center center;}

  /* main _ contents */
  .container_left {width:100%;float:left;margin:0 0% 80px 0;}
  .container_right {width:100%;float:left;}  

  /*SNS_link*/
  .SNS_link {width:100%;height:230px  !important;}
  .sns_content {width:300px !important;margin:0 auto;}

  .call_box {width:270px;margin:30px auto;overflow: hidden;float:none;}
  .call_txt {width:270px;height:70px;margin-bottom:20px;}
  .call_txt .ct_02 {width:220px;padding-top:13px;}
  .call_txt .ct_02 .tit_05 {color:#162139;line-height:15px;}
  .call_box .tit_04 {text-align:center;}

  .sns_content .sns_box {margin:30px auto;float:none;}
  .sns_content .sns_box a {float:left;}
}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {	

  .dsp_block {display:inline-block;}

  .box2 {font-size:18px;}

  /* sub_table */
  .s_table01 th, .s_table02 th, .s_table03 th {width:auto;display:block;padding:10px 13px;}
  .s_table01 td, .s_table02 td, .s_table03 td {width:auto;display:block;padding:10px 13px;}

  .main-slide-text .vst_01 img {max-width:80px;}  
  .main-slide-text .vst_02 img {width:70%;margin:0% 0 0 22%;}
  .main-slide-text .vst_03 {top:350px;}
  .wrap ul.slides li {height: 400px;background-size:300% auto !important;}

  .tit_box .m_tit_type {font-size: 20px;}

  /* left_content */
  .bg_01 {/*display:none;*/}

  .left_content02 .box01_content .box01_left p {display:block;float:left;width:100%;padding:0 0% 15px 0;}
  .left_content02 .box01_content .box01_left p:nth-child(2) {padding:0 0% 15px 0;}
  .left_content02 .box01_content .box01_left img {width:100%;max-width:300px;}

  /* main _ contents */
  .container_left {width:100%;float:left;margin:0 0% 0px 0;}

  /* button */
  .button_box2 {margin:10px 0 30px 0;}

  /* banner */
  .banner_content ul li {width:50%;padding: 5px 2% 0px 0;}

  /* etc */
  .box01_left {width:100% !important;float:left;margin-right:0px;margin-bottom:20px;}
  .box01_right {width:100% !important;float:left;}

}

/* mobile [0 ~ 380px] */
@media all and (max-width:380px) {	   
  .wrap01 {padding:4px;}

  .main-slide-text .vst_01 img {max-width:80px;}  
  .main-slide-text .vst_02 img {width:50%;margin:-5% 0 0 25%;}
  .main-slide-text .vst_03 {top:260px;font-size:15px;}  
  .main-slide-text .vst_04 {top:240px;}
  .main-slide-text .vst_04 p {font-size:16px;}
  .wrap ul.slides li {height: 300px;background-size:300% auto !important;}
}

/* mobile [0 ~ 380px] */
@media all and (max-width:380px) {	 
  .main-slide-text .vst_02 img {margin:0% 0 0 25%;}
  .main-slide-text .vst_04 {top:230px;}
}




/* PC [ 769px ~ ] */
@media all and (min-width:769px),(max-width:1200px) {
  .photobox {width:100%;overflow:hidden;}
  .photobox ul {}
  .photobox ul li {width:33.3%;float:left;padding:2%;transition:all .5s;}

  .photo02 ul li {width:50%;float:left;padding:2%;transition:all .5s;}
  .photo02 ul li img {margin:0 auto 20px auto;}

  /* etc */
  .box01_content {width:100%;overflow:hidden;margin:0 auto 70px auto;}
  .box01_left {float:left;margin-right:2%;}
  .box01_right {float:right;}

}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {
  .photobox ul li {width:50%;}
}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  .photobox ul li {width:100%;}

  /* etc */
  .box01_left {width:100% !important;float:left;margin-right:0px;margin-bottom:20px;}
  .box01_right {width:100% !important;float:left;}
}



/*20190409*/
.right_banner_content {width:100%;overflow:hidden;}
.right_banner_content ul li {width:100%;margin:0 1.5% 30px 0;text-align:center;}
.right_banner_content ul li img {width:100%; max-width:230px;}

/* mobile [0 ~ 768px] */
@media all and (max-width:768px) {
  .right_banner_content ul li {width:23.8%;float:left;margin:22px 1.5% 30px 0;}
  .right_banner_content ul a:last-child  li {margin:0 0 30px 0;}
}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  .right_banner_content ul li {width:45%;float:left;margin:22px 6% 30px 0;overflow:hidden;}
  .right_banner_content ul a:nth-child(2n) li {margin:22px 0 30px 0;}
}



/* Latest */

.Board_photo01 {width:100%;background:#fff;padding-bottom:25px;}

.photo_table {width:100%;}
/*.photo_table tr {border-bottom:1px solid #ccc;}*/

.photo_table th{padding:20px 5px 20px 0;float:left;}
/*.photo_table td {width:100%;padding:5px 13px 5px 13px; text-align:left;}*/
.photo_table td {width:100%; padding: 10px 5px 20px 0px; text-align:left; vertical-align:top}

.bd_title {font-size:16px;line-height:26px;color:#000;font-weight:bold;}
.bd_text {font-size:14px;line-height:22px;color:#777;}

.summary_title {
  width: 100%;
  white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.2;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

@media all and (max-width:768px) {
  .wrapper_responsive {width:117px;height:110px;}
  .responsive_img {width:auto; height:auto;display:block;max-width:100%;max-height:70px;margin-left:auto;margin-right:auto;}
}
@media all and (min-width:768px){
  .wrapper_responsive {width:185px;height:150px}
  .responsive_img {width:auto; height:auto;display:block;max-width:180px;max-height:113px;margin-left:auto;margin-right:auto;}
}

.latest-info {
  padding: 20px 5px 20px 0px;
}

.time {
  color: #fff;
  background: #00a0e9;
  width: 90px;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  margin: 15px 8px 15px 0;
  padding: 4px 6px;
  box-sizing: border-box;
  float: left;
}

.photo_table tr:hover {
  background:#f5f5f5;
}

/* 20-04-22 */
/* PC [ 769px ~ ] */
.box01_content {width:100%;overflow:hidden;margin:0 auto 40px auto;}
.box01_left {float:left;margin-right:2%;}
.box01_right {float:right;}

/* mobile [0 ~ 480px] */
@media all and (max-width:480px) {
  .box01_left {width:100% !important;float:left;margin-right:0px;margin-bottom:20px;}
  .box01_right {width:100% !important;float:left;}
}

 .movie {
    width: 100%;
    position: relative;
    max-width: 100%;
    height: 0;         
    overflow: hidden;  
  }
  .movie iframe {
    position: absolute;
    width: 100%;
    height: 100%;     
    top: 0;           
    left: 0;          
  }
  .is-4by3  {padding-top: 75%;}           /* 3 / 4  * 100 */
  .is-16by9 {padding-top: 56.25%;}        /* 9 / 16 * 100 */
  .is-21by9 {padding-top: 42.857142857%;} /* 9 / 21 * 100 */