@charset "UTF-8";

/*フォント設定*/

/*文字セット*/

p {
    line-height: 2.2em;
	margin: 0;
	padding: 0;
	text-align: left;
}

h2{
    font-size:44px;
	font-weight: 200;
	color: #001E70;
	text-align: center;
	margin: 60px 0 60px 0;
	padding: 0;
}

h3{
  font-size: 20px;
  font-weight: 900;
  color: rgba(0,0,0,1.00);
  position: relative;
  padding: 1rem 0rem;
  border-bottom: 4px solid #083685;
  margin:60px 0 40px 0;
}

h3::before{
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 20%;
  height: 4px;
  content: '';
  background: #FFBF2A;
}

h4{
	font-size:20px;
	font-weight:400;
	color: #001E70;
	text-align: left;
	margin:40px 0 40px 0;
	padding: 0;
}

.color_white{
	color: rgba(255,255,255,1.00) !important;
}

.color_black{
	color: rgba(0,0,0,1.00);
}

.news_title_text01{
	font-size:30px !important;
	text-align:left;
}

/* Loading */
.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: center;
          transform-origin: center;
  width: 120px;
  height: 120px;
}
 
/* Loading テキスト */
.spinner span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 12px;
}

    /* 1番目のアニメーションの場合 */
    .spinner.type1 {
      border-radius: 50%;
      border-width: 8px;
      border-style: solid;
      border-color: #fff rgba(255, 255, 255, 0.12) rgba(255, 255, 255, 0.12);
      /* ローディング要素のアニメーションを指定 */
      -webkit-animation: spinner1_1 1.5s infinite linear forwards;
              animation: spinner1_1 1.5s infinite linear forwards;
    }
    .spinner.type1 span {
      /* Loading テキストのアニメーションを指定 */
      animation: spinner_loading_text 1.5s infinite linear forwards reverse;
    }
     
    /* ローディング要素のアニメーション内容 */
    @-webkit-keyframes spinner1_1 {
      0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
                transform: translate(-50%, -50%) rotate(0);
      }
      100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
                transform: translate(-50%, -50%) rotate(360deg);
      }
    }
     
    @keyframes spinner1_1 {
      0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
                transform: translate(-50%, -50%) rotate(0);
      }
      100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
                transform: translate(-50%, -50%) rotate(360deg);
      }
    }
     
    /* Loading テキストのアニメーション内容 */
    @-webkit-keyframes spinner_loading_text {
      0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
      }
      50% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
                transform: translate(-50%, -50%) rotate(180deg);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
                transform: translate(-50%, -50%) rotate(360deg);
      }
    }
    @keyframes spinner_loading_text {
      0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg);
      }
      50% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
                transform: translate(-50%, -50%) rotate(180deg);
      }
      100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
                transform: translate(-50%, -50%) rotate(360deg);
      }
    }

 .box{
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      z-index: 9999;
      -webkit-transition: all 1.2s ease; /* 1.2秒でフェードアウト */
              transition: all 1.2s ease;
      color: #fff; /* ローディングアニメーションカラー */
      background-color: #000000; /* 背景カラー */
    }


@media only screen and (max-width: 798px) {

h2{
    font-size:34px;
	font-weight: 200;
	color: #001E70;
	text-align: center;
	margin: 50px 0 50px 0;
	padding: 0;
}

}

/*ページトップ*/
#fixedTop {
    right: 0;
    bottom: 20px;
    width: 60px;
    height: 40px;
    line-height: 40px;
    color:#FFFFFF;
    font-size: 60px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 9999;
    border-radius: 0;
    -webkit-transform: translateZ(0);
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}


/*コンテンツエリア_block_白左タイトル*/

.content_area_block_wl{
	width: 100%;
	height: auto;
	margin-top: 152px;
	background: rgba(255,255,255,.9);
	color: rgba(0,0,0,1.00);
}

.content_area_inn_wl{
	max-width: 1400px;
	height: auto;
	margin: 70px auto 0;
	padding: 60px 10px;
	position: relative;
	z-index:9;
}

/*ボックスタイトル左*/
.content_area_title_wl{
	width: 440px;
	height: 70px;
	margin-left: 0;
	background: rgba(255,255,255,.9);
	position: absolute;
	top:-70px;
	left:0;
}

.content_area_title_main_wl{
	position: absolute;
	left:20px;
	font-size: 34px;
	text-align: center;
	padding: 10px 0;
}

.content_area_title_main_wl > span{
	display: block;
	font-size: 18px;
}

/*コンテンツエリア_block_黒_左タイトル*/

.content_area_block_bl{
	width: 100%;
	height: auto;
	margin-top: 152px;
	background: rgba(0,0,0,1.00);
	color: rgba(255,255,255,1.00);
}

.content_area_inn_bl{
	max-width: 1400px;
	height: auto;
	margin: 70px auto 0;
	padding: 60px 10px;
	position: relative;
}

/*ボックスタイトル左*/
.content_area_title_bl{
	width: 440px;
	height: 70px;
	margin-left: 0;
	background: rgba(255,255,255,.9);
	position: absolute;
	top:-70px;
	left:0;
}

.content_area_title_main_bl{
	position: absolute;
	left:20px;
	font-size: 34px;
	text-align: center;
	padding: 10px 0;
}

.content_area_title_main_bl > span{
	display: block;
	font-size: 18px;
}

/*コンテンツエリア_block_白右タイトル*/

.content_area_block_wr{
	width: 100%;
	height: auto;
	margin-top: 152px;
	background: rgba(255,255,255,.9);
	color: rgba(255,255,255,1.00);
}

.content_area_inn_wr{
	max-width: 1400px;
	height: auto;
	margin: 70px auto 0;
	padding: 60px 10px;
	position: relative;
}

/*ボックスタイトル右*/
.content_area_title_wr{
	width: 440px;
	height: 70px;
	margin-left: 0;
	background: rgba(255,255,255,.9);
	position: absolute;
	top:-70px;
	right:0;
}

.content_area_title_main_wr{
	position: absolute;
	left:20px;
	font-size: 34px;
	text-align: center;
	padding: 10px 0;
}

.content_area_title_main_wr > span{
	display: block;
	font-size: 18px;
}

/*コンテンツエリア_block_黒_右タイトル*/

.content_area_block_br{
	max-width: 100%;
	height: auto;
	margin-top: 152px;
	background: rgba(0,0,0,.9);
	color: rgba(255,255,255,1.00);
}

.content_area_inn_br{
	max-width: 1400px;
	height: auto;
	margin: 70px auto 0;
	padding: 60px 10px;
	position: relative;
}

/*ボックスタイトル右*/
.content_area_title_br{
	width: 440px;
	height: 70px;
	margin-left: 0;
	background: rgba(0,0,0,.9);
	position: absolute;
	top:-70px;
	right:0;
}

.content_area_title_main_br{
	position: absolute;
	left:20px;
	font-size: 34px;
	text-align: center;
	padding: 10px 0;
}

.content_area_title_main_br > span{
	display: block;
	font-size: 18px;
}

/*ページネーション*/

.pagination{
   margin:40px 0 0;
}
.nav-links{
   display:flex;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:20px;
   padding:20px 25px;
   color:#333;
   border-radius:3px;
   box-shadow:0 3px 3px #999;
   background:#fff;
}
.pagination .current{
   padding:20px 25px;
   background:#69a4db;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:transparent;
   box-shadow:none;
   color:#69a4db;
}
.pagination .dots{
   background:transparent;
   box-shadow:none;
}




/*テーブル設定*/
table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
}
th, td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 20px;
}
th { background-color: #61c5bb; color: #fff;}

/*グーデンベルグテーブル幅解除*/	
	.wp-block-table{
		padding:0 !important;
		margin:0!important;
		width:100% !important;
	}

/*リスト設定*/

#contents_main_block ul, ol {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 2px gray;/*線の種類 太さ 色*/
  margin:40px 0;
}

#contents_main_block ul li, ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}


/*高さ設定*/

/*マイナスマージン*/
.mh-10{
	margin-top:-10px;
}


/*パディング系*/

.h10{
	padding-top: 10px;
}/*高さ10px*/

.h20{
	padding-top: 20px;
}/*高さ20px*/

.h30{
	padding-top: 30px;
}/*高さ30px*/

.h40{
	padding-top: 30px;
}/*高さ40px*/

.h50{
	padding-top: 40px;
}/*高さ50px*/

.h60{
	padding-top: 60px;
}/*高さ60px*/

/*左パディング系*/

.hl10{
	padding-left: 10px;
}/*左10px*/

.hl20{
	padding-left: 20px;
}/*左20px*/

.hl30{
	padding-left: 30px;
}/*左30px*/

.hl40{
	padding-left: 30px;
}/*左40px*/

.hl50{
	padding-left: 40px;
}/*左50px*/

.hl60{
	padding-left: 60px;
}/*左60px*/

/*右パディング系*/

.hre10{
	padding-right: 10px;
}/*右10px*/

.hre20{
	padding-right: 20px;
}/*右20px*/

.hre30{
	padding-right: 30px;
}/*右30px*/

.hre40{
	padding-right: 30px;
}/*右40px*/

.hre50{
	padding-right: 40px;
}/*右50px*/

.hre60{
	padding-right: 60px;
}/*右60px*/

/*下パディング系*/

.hbo10{
	padding-bottom: 10px;
}/*下10px*/

.hbo20{
	padding-bottom: 20px;
}/*下20px*/

.hbo30{
	padding-bottom: 30px;
}/*下30px*/

.hbo40{
	padding-bottom: 30px;
}/*下40px*/

.hbo50{
	padding-bottom: 40px;
}/*下50px*/

.hbo60{
	padding-bottom: 60px;
}/*下60px*/


/*上マージン系*/
.mh10{
	margin-top: 10px;
}/*高さ10px*/

.mh20{
	margin-top: 20px;
}/*高さ20px*/

.mh30{
	margin-top: 30px;
}/*高さ30px*/

.mh40{
	margin-top: 40px;
}/*高さ40px*/

.mh50{
	margin-top: 50px;
}/*高さ50px*/

.mh60{
	margin-top: 60px;
}/*高さ60px*/

/*右マージン系*/
.mr10{
	margin-right: 10px;
}/*右10px*/

.mr20{
	margin-right: 20px;
}/*右20px*/

.mr30{
	margin-right: 30px;
}/*右30px*/

.mr40{
	margin-right: 40px;
}/*右40px*/

.mr50{
	margin-right: 50px;
}/*右50px*/

.mr60{
	margin-right: 60px;
}/*右60px*/

/*左マージン系*/
.ml10{
	margin-left: 10px;
}/*左10px*/

.ml20{
	margin-left: 20px;
}/*左20px*/

.ml30{
	margin-left: 30px;
}/*左30px*/

.ml40{
	margin-left: 40px;
}/*左40px*/

.ml50{
	margin-left: 50px;
}/*左50px*/

.ml60{
	margin-left: 60px;
}/*左60px*/

/*下マージン系*/
.mbo10{
	margin-bottom: 10px;
}/*下10px*/

.mbo20{
	margin-bottom: 20px;
}/*下20px*/

.mbo30{
	margin-bottom: 30px;
}/*下30px*/

.mbo40{
	margin-bottom: 40px;
}/*下40px*/

.mbo50{
	margin-bottom: 50px;
}/*下50px*/

.mbo60{ 
	margin-bottom: 60px;
}/*下60px*/


@media screen and (max-width : 1024px ){

/*テーブル設定*/
table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
}
th, td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 20px;
}
th { background-color: #61c5bb; color: #fff;}
	
/*グーデンベルグテーブル幅解除*/	
	.wp-block-table{
		padding:0 !important;
		margin:0!important;
		width:100% !important;
	}

/*リスト設定*/

#contents_block ul, ol {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 2px gray;/*線の種類 太さ 色*/
  margin:40px 0;
}

#contents_block ul li, ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
	}


/*下部ボックス*/
.bott_area{
	width:100%;
	height:auto;
	margin:0 auto;
}

.bott_area_inn{
	max-width:1400px;
	height:30px;
	margin:0 auto;
	position:relative;
}

/*下部メニュー*/
.bott_nav ul{
margin: 20px auto 0;
padding: 0;
text-align: center;
position:absolute;
left:0;
right:0;
}
.bott_nav ul li{
display: inline-block;
position: relative;
padding-right: 15px;
margin-right: 10px;
}
.bott_nav ul li a::after,
.bott_nav ul li a::before {
display: block;
content: ”;
position: absolute;
}
.bott_nav ul li a::after {
top: 10%;
right: 0;
width: 13px;
height: 13px;
background-color: #FFFFFF;
border-radius: 100%;
}
.bott_nav ul li a.current::after,
.bott_nav ul li a:hover:after{
background-color: #3498db;
}
.bott_nav ul li a::before {
z-index: 2;
top: 40%;
right: 5px;
width: 5px;
height: 5px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bott_nav ul li a{
text-decoration: none;
color:#aaa;
display: inline-block;
width: 100%;
}
.bott_nav ul li a.current{
color:#555;
}
.bott_nav ul li a:hover{
color:#555;
}



/*ソーシャルリストデザイン*/

.sns_btb{
width:200px;
margin: 20px 0 0 20px;
padding: 0;
text-align:right;
position:absolute;
right:0;

}

.shareList11 {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:-5px 0 -3px -5px;
	padding:0;
}
.shareList11__item {
	height:30px;
	line-height:30px;
	margin:5px 0 3px 5px;
	text-align:center;
}
.shareList11__link {
	display:block;
	color:#ffffff;
	padding:0 10px;
	text-decoration: none;
	border-radius: 5px;
}
.shareList11__link::before{
	font-size:14px;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList11__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}
.shareList11__link:hover{opacity: 0.75;}

.shareList11__link.icon-twitter{background:#55acee; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-facebook{background:#3B5998; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-google-plus{background:#dd4b39; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-hatebu{background:#008FDE; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-pocket{background:#EB4654; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-rss{background:#ff9900; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-feedly{background:#6cc655; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-pinterest{background:#cb2027; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-linkedin{background:#0e76a8; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-line{background:#1dcd00; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    border-bottom: none;
}

@media screen and (max-width : 1024px ){
	
/*下部ボックス*/
.bott_area{
	width:100%;
	height:auto;
	margin:0 auto;
}

.bott_area_inn{
	max-width:100%;
	height:60px;
	margin:0 auto;
	position:relative;
}

/*下部メニュー*/
.bott_nav ul{
margin: 20px auto 0;
padding: 0;
text-align: center;
position:absolute;
left:0;
right:0;
}
.bott_nav ul li{
display: inline-block;
position: relative;
padding-right: 15px;
margin-right: 10px;
	line-height:1.5em;
}
.bott_nav ul li a::after,
.bott_nav ul li a::before {
display: block;
content: ”;
position: absolute;
}
.bott_nav ul li a::after {
top: 10%;
right: 0;
width: 13px;
height: 13px;
background-color: #FFFFFF;
border-radius: 100%;
}
.bott_nav ul li a.current::after,
.bott_nav ul li a:hover:after{
background-color: #3498db;
}
.bott_nav ul li a::before {
z-index: 2;
top: 40%;
right: 5px;
width: 5px;
height: 5px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bott_nav ul li a{
text-decoration: none;
color:#aaa;
display: inline-block;
width: 100%;
}
.bott_nav ul li a.current{
color:#555;
}
.bott_nav ul li a:hover{
color:#555;
}



/*ソーシャルリストデザイン*/

.sns_btb{
width:100%;
margin: 20px 0 0 0;
padding: 0;
text-align:left;
position:absolute;
top:70px;
left:180px;
}

.shareList11 {
	list-style:none;
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:-5px 0 -3px -5px;
	padding:0;
}
.shareList11__item {
	height:30px;
	line-height:30px;
	margin:5px 0 3px 5px;
	text-align:center;
}
.shareList11__link {
	display:block;
	color:#ffffff;
	padding:0 10px;
	text-decoration: none;
	border-radius: 5px;
}
.shareList11__link::before{
	font-size:14px;
	transition: ease-in-out .2s;
	border-radius: 5px;
}
.shareList11__link::after{
	content:attr(title);
	font-size:12px;
	vertical-align: top;
	margin-left:5px;
}
.shareList11__link:hover{opacity: 0.75;}

.shareList11__link.icon-twitter{background:#55acee; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-facebook{background:#3B5998; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-google-plus{background:#dd4b39; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-hatebu{background:#008FDE; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-pocket{background:#EB4654; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-rss{background:#ff9900; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-feedly{background:#6cc655; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-pinterest{background:#cb2027; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-linkedin{background:#0e76a8; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link.icon-line{background:#1dcd00; border-bottom: solid 3px rgba(0,0,0,0.25);}

.shareList11__link:active {
    -ms-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    border-bottom: none;
}
}