@charset "utf-8";
body {
  color:#333;
  background: #fff;
  letter-spacing: .08em;
  line-height: 1.7;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
  /*font-family: 'Kiwi Maru', serif;
  font-family: 'Kokoro', "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  */
}
a {
  color: #333;
  transition:all 0.1s ease-out;
  transition-property:all;
  transition-duration:0;
  transition-delay:0.1s;
  transition-timing-function:ease-in;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  padding-right: 5px;
  padding-left: 5px;
}
h1, h2, h3, h4, h5, h6 {
  font-size:16px;
}
.font-m {
  font-size:16px;
}
/*a:hover,*/
/*a img:hover {
text-decoration: none;
opacity:0.8;
color:inherit;
color:#1ba2e6;
}*/
iframe {
  max-width: 100%;
  width:100%;
}
.video {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ヘッダー */
#header .gloval_menu .gloval_menu_list li{
  display: inline-block;
}
#header .gloval_menu .gloval_menu_list li a {
  display: block;
}
#header .gloval_menu .gloval_menu_list li i{
  display: block;
  font-size: 2.5em;
  margin-bottom: 10px;
}
.header-r-1,
.header-r-2 {
  display: -ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content:center;
  align-items:center;
}
.logo {
  max-width:355px;
  width:100%;
}
.header-sub-navi {
font-size: 13px;
}
.list-1 {
font-size:16px;
}
.header-sub-navi li::before,
.list-1 li::before{
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:6px;
color:#20307B;
}
.list-2 {
list-style:none;
}
.list-2 a {
border-bottom:1px solid #CCC;
padding:10px 0;
list-style: none;
width:100%;
text-decoration: none;
color:#333;
width:100%;
}
.list-2 a:hover {
background-color:#e8f3f9;
}
.list-3 a {
display: block;
padding:10px 0;
border-bottom:1px solid #CCC;
}
.list-3 time {
font-size:12px;
}
.width-1 {
width:6em;
}
.decimal_list li {
padding-left:1em;
text-indent: -1em;
list-style: decimal inside;
}
.radius_list li,
.link_list li,
.diamond_list li {
padding-left:1em;
text-indent: -1em;
}
.diamond_list li::before {
content: "\f0c8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:6px;
color:#3270B2;
font-size:50%;
vertical-align: middle;
}
.link_list li::before {
content: "\f138";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:10px;
color:#3270B2;
}
.disc_list li {
padding-left:1em;
text-indent: -1em;
list-style: disc inside;
}
.sitemap_list a {
font-weight: bold;
font-style: italic;
font-size:18px;
color:#3270B2;
}
.sitemap_list .sub-menu {
padding-left:2em;
font-size:14px;
font-weight: normal;
font-style: normal;
}
.sitemap_list .sub-menu a {
font-size:14px;
font-weight: normal;
font-style: normal;
color:#333;
}
.sitemap_list a {
padding:10px 10px 10px 30px;
display:block;
border-bottom:1px solid #CCC;
position:relative;
}
.sitemap_list a::before {
content: "";
width: 6px;
height: 6px;
border-top: solid 1px #666666;
border-left: solid 1px #666666;
transform: rotate(135deg);
position: absolute;
top: calc( 55% - 3px );
left: 10px;
}
.radius_list li::before {
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 300;
margin-right:10px;
color:#3270B2;
font-size:60%;
vertical-align: middle;
}
.youtube_container {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube_container iframe {
width: 100%;
height: 100%;
}
/* フッター */
#footer .gmap {
padding-bottom: 30%;
}
#footer .gmap iframe{
width: 100%;
}
#footer .info .logo{
display: block;
margin-bottom: 30px;
}
#footer .copyright{
text-align: center;
color: #fff;
}
/* ページ */
#page .page_top{
height: 300px;
background-color: #fff;
border-bottom: 1px solid #e2e2e2;
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top 0 left 0;
}
#page .page_top .page_title_box{
width: 800px;
margin: 0 auto 0;
padding: 80px 0 0 500px;
}
#page .page_top .page_title_box h2{
font-size: 36px;
margin-bottom: 10px;
}
#page .page_top .page_title_box p{
font-size: 20px;
color: #0689cb;
}
#page.page_access .page_top{
background-image: url(../img/style/page_top01.png);
}
/*#global-nav {
max-width:max-content;
width:max-content;
}*/
#global-nav a {
display: inline-block;
padding:10px;
font-size:16px;
color:#3270B2;
}
#global-nav a:hover {
background-color:#3270B2;
color:#FFF;
text-decoration: none;
}
#global-nav > ul > li:last-child a {
border-right: none;
}
/*
.tag {
position:absolute;
font-size:12px;
display:block;
padding:6px 10px;
color:#FFF;
background:#ffd54f;
z-index:1;
}
*/
a.page-numbers {
background-color:#1ba2e6;
color:#FFF;
display:inline-block;
margin:10px;
padding:10px;
border:1px solid #1ba2e6;
text-decoration: none;
}
a.page-numbers:hover,
span.page-numbers {
background-color: #FFF;
color:#1ba2e6;
display:inline-block;
margin:10px;
padding:10px;
border:1px solid #1ba2e6;
}
span.dots {
border:none;
padding:0;
}
.m-0 {
margin:0;
margin-top:0;
margin-bottom:0;
margin-right:0;
margin-left: 0;
}
/* タブ */
.tab-list {
display: flex;
}
.tab {
width: calc( 33.333333% + 3px );
margin-right:-5px;
padding:10px 1px 10px 5px;
font-size:13px;
text-align:center;
display:inline-block;
border-top-right-radius: 10px;
border-right:1px solid #FFF;
color:#FFF;
}
#tab-content01 {
border-top:3px solid #1ba2e6;
}
#tab-content02 {
border-top:3px solid #7ac943;
}
#tab-content03 {
border-top:3px solid #E68AA3;
}
.tab:hover{
color:inherit;
opacity: 1;
text-decoration: none;
}
.news-list {
}
.news-list li {
font-size: 16px;
padding: 10px 0;
border-bottom: dotted 1px;
}
.news-list li:last-child {
border-bottom: none;
}
.news-list li a {
color: #333;
}
.news-list li a:hover {
text-decoration: none;
color:#1ba2e6;
}
.news-list li a .date {
padding-right: 10px;
font-size:13px;
}
.news-list li a .cate {
padding-right: 10px;
}
.news-list li a .cate em {
color: #fff;
padding: 0 10px;
font-size: 13px;
border-radius: 4px;
display: inline-block;
min-width:120px;
text-align: center;
}
.news-list li a .cate .cate-id-3 {
background: #1ba2e6;
}
.news-list li a .cate .cate-id-4 {
background: #7ac943;
}
.news-list li a .cate .cate-id-5 {
background: #E68AA3;
}
.news-list li a .cate .cate-id-6 {
background: #ff7f50;
}
/* 見出し */
.top_heading {
position: relative;
text-align: center;
font-size: 20px;
}
.top_heading h2 {
  font-size:22px;
}
.top_heading::before {
content: '';
position: absolute;
bottom: 33px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 20px;
height: 3px;
background: #1ba2e6;
}
.top_heading span {
position: relative;
display: block;
padding: 25px 0 0;
color: #aaa;
letter-spacing: 2.5px;
font-size: .8rem;
font-weight: 400;
z-index: 2;
}
.heading-1{
margin-bottom: 30px;
font-weight: bold;
font-size: 28px;
}
.heading-1::before{
content: '';
display: inline-block;
background-image: url(../img/style/h-1.png);
background-size: contain;
vertical-align: middle;
width: 30px;
height: 30px;
margin-right: 20px;
}
.heading-2 {
font-weight: bold;
font-size:18px;
}
/* ボタン */
.more-button-1{
padding: 6px 20px;
font-size: 20px;
border: 1px solid #1ba2e6;
color:#1ba2e6;
display: inline-block;
}
.more-button-2{
padding: 6px 20px;
font-size: 20px;
border: 1px solid #7ac943;
color:#7ac943;
display: inline-block;
}
.more-button-3{
padding: 6px 20px;
font-size: 20px;
border: 1px solid #E68AA3;
color:#E68AA3;
display: inline-block;
}
.more-button-4{
padding: 6px 20px;
font-size: 20px;
border: 1px solid #ff7f50;
color:#ff7f50;
display: inline-block;
}
.button-1{
padding: 6px 20px;
font-size: 20px;
border: 1px solid #1ba2e6;
color:#1ba2e6;
display: inline-block;
}
.button-1 i{
padding-left: 15px;
}
.button-2 {
padding:10px;
background-color:#CCC;
width:100%;
text-align:center;
display:inline-block;
}
a.button-3 {
background-color:#1ba2e6;
color:#FFF;
padding:10px;
display:block;
text-align:center;
font-size:16px;
}
.button-3 span {
padding:10px;
border:1px solid #FFF;
display: block;
}
a.button-3:hover {
text-decoration:none;
}
a.button-3:hover span {
color:gold;
text-decoration-color:gold;
border-color: gold;
}
/* 背景色 */
.bg-blue,
.bg-1{
background: #1ba2e6;
}
.bg-grey,
.bg-2{
background: #E2EDF4;
}
.bg-yellow,
.bg-3{
background: #fef67f;
}
.bg-white{
background: #fff;
}
/* 文字色 */
.white{
color: #fff;
}
.white a{
color: #fff;
}
.green{
color: #1ba2e6;
}
.blue{
color: #1ba2e6;
}
.red{
color: #C30;
}
.blue-2{
color: #3270B2;
}
.pink{
color: #E68AA3;
}
/* 文字装飾 */
.underline{
text-decoration: underline;
}
/* front-page.php */
.facebook{
width: 100%;
}
.box-002 {
border-radius:14px;
box-shadow: 0px 4px 6px #CCC;
background-color: #FFF;
text-decoration: none;
width: 100%;
display: block;
}
.box-002:hover {
text-decoration: none;
opacity: 0.5;
}
.box-002 img {
border-top-left-radius:14px;
border-top-right-radius:14px;
width: 100%;
height: 160px;
object-fit: cover;
}
.box-002-meta {
font-size:12px;
}
.box-002-title {
font-weight: bold;
color:#3270B2;
}
.box-002-link {
border:3px solid #3270B2;
color:#3270B2;
padding:6px;
border-radius:20px;
text-decoration: none;
display: inline-block;
text-align: center;
width: 100%;
}
.pc-nav ul li {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.pc-nav ul li a {
display: block;
background: #1ba2e6;
color: #fff;
margin: 1px;
height: 70px;
}
.pc-nav ul li .sub-menu {
display: none;
}
.member .pc-nav ul li a {
background: #1ba2e6;
}
a.more-link {
color:#FFF;
position: relative;
width: 100%;
display: inline-block;
} 
.tab-1 {
z-index:4;
background-color: #FFF;
color:#1ba2e6;
border-top:1px solid #1ba2e6;
border-left:1px solid #1ba2e6;
border-right:1px solid #1ba2e6;
}
.tab-2 {
z-index:3;
background-color: #FFF;
color:#7ac943;
border-top:1px solid #7ac943;
border-left:1px solid #7ac943;
border-right:1px solid #7ac943;
}
.tab-3 {
z-index:2;
background-color: #FFF;
color:#E68AA3;
border-top:1px solid #E68AA3;
border-left:1px solid #E68AA3;
border-right:1px solid #E68AA3;
}
.tab-4 {
z-index:1;
background-color: #FFF;
color:#ff7f50;
border-top:1px solid #ff7f50;
border-left:1px solid #ff7f50;
border-right:1px solid #ff7f50;
}
.hover-2:hover,
.tab:hover {
box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.35);
color:inherit;
opacity: 1;
text-decoration: none;
}
.tab-1:hover,
.tab-1.tab-current {
background-color: #1ba2e6;
color:#fff;
}
.tab-2:hover,
.tab-2.tab-current {
background-color: #7ac943;
color:#fff;
}
.tab-3:hover,
.tab-3.tab-current {
background-color: #E68AA3;
color:#fff;
}
.tab-4:hover,
.tab-4.tab-current {
background-color: #ff7f50;
color:#fff;
}
.blue-1 {
color: #1ba2e6;
}
.blue-2 {
color: #47a2b4;
}
.green-1 {
color: #7ac943;
}
.bg-blue-1 {
background-color: #1ba2e6;
}
.bg-blue-2 {
background-color: #47a2b4;
}
.bg-green-1 {
background-color: #7ac943;
}
.bg-pink-1 {
background-color: #E68AA3;
}
.bg-orange-1 {
background-color: #ff7f50;
}
.b-blue-1 {
border: 1px solid #1ba2e6;
}
.b-blue-2 {
border: 1px solid #47a2b4;
}
.b-green-1 {
border: 1px solid #7ac943;
}
.full-h {
height:100%;
}
.menu_box .menu_title {
padding: 0 0.8em;
font-size: 18px;
display: inline-block;
border-top-right-radius: 8px;
color: #fff;
width:100%;
}
/*.menu_list div {
font-size: 15px;
padding-left:calc(1em + 10px);
text-indent: calc(-1em - 10px);
margin-bottom:10px;
}*/
.menu_list div.menu_list_child:last-child a,
.menu_list li:last-child {
margin-bottom: 0;
}
.menu_list a {
color: #333;
display:block;
font-size:16px;
border:1px solid;
margin-bottom:10px;
padding:0 10px 0 2em;
transition: ease .4s;
text-indent: calc(-2em + 5px);
}
.more-link:hover,
.video:hover,
a img:hover,
.box-2:hover,
.more-button-1:hover,
.more-button-2:hover,
.more-button-3:hover,
.more-button-4:hover,
.hover-1:hover,
.menu_list a:hover {
box-shadow: 0 0 10px rgb(241 169 128 / 20%);
transform: scale(1.025);
transition: ease .4s;
text-decoration: none;
}
.menu_list a::before{
content: "\f138";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:10px;
}
.more-button-1:hover {
color:#FFF;
background-color:#44b5ee;
}
.more-button-2:hover {
color:#FFF;
background-color:#9dec65;
}
.more-button-3:hover {
color:#FFF;
background-color:#f5adc0;
}
.more-button-4:hover {
color:#FFF;
background-color:#faaf94;
}
.menu_list a.color-blue-1 {
border-color:#1ba2e6;
}
.menu_list a.color-blue-1:before {
color:#1ba2e6;
}
.menu_list a.color-blue-2 {
border-color:#47a2b4;
}
.menu_list a.color-blue-2:before {
color:#47a2b4;
}
.menu_list a.color-green-1 {
border-color:#7ac943;
}
.menu_list a.color-green-1:before {
color:#7ac943;
}
.m_menu_box{
}
/*.m_menu_box dl{
background: #fff;
height: 162px;
}*/
.m_menu_box dt{
padding: 10px 0px;
width: 100%;
}
.m_menu_box img {
max-width:50px;
width:100%;
}
.m_menu_box dt{
height: 90px;
}
.m_menu_box dd{
height:calc(100% - 90px);
font-size: 15px;
font-weight: bold;
padding:10px 0;
}
.banner_list li {
padding: 5px 0;
}
.m_menu_box dl.box-1 {
background-color:#fff;
height: 100%;
}
dl.box-1 i {
color:white;
}
.box-4 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 0 0 50%;
padding:10px;
position: relative;
/*margin-bottom: 25px;
width: 262px;
*/ box-sizing: border-box;
overflow: hidden;
}
.box-4::before,
.box-4::after,
.box-4 > dl::before,
.box-4 > dl::after{
position: absolute;
background: #fff59d;
content: "";
}
.box-4::before,
.box-4::after{
width: 100%;
height: 4px;
}
.box-4 > dl::before,
.box-4 > dl::after{
width: 4px;
height: 100%;
}
.box-4::before{
top: 0;
right: -330px;
}
.box-4::after{
bottom: 0;
left: -330px;
}
.box-4 > dl::before{
left: 0;
top: -280px;
}
.box-4 > dl::after{
right: 0;
bottom: -280px;
}
.box-4:hover {
opacity:1;
text-decoration: none;
}
.box-4:hover::before{
animation: featureRightLine 1.5s linear 0s infinite;
}
.box-4:hover::after{
animation: featureLeftLine 1.5s linear 0s infinite;
}
.box-4:hover > dl::before{
animation: featureTopLine 1.5s linear .75s infinite;
}
.box-4:hover > dl::after{
animation: featureBottmLine 1.5s linear .75s infinite;
}
@keyframes featureRightLine{
0% {
right: -330px;
} 100% {
right: 330px;
} }
@keyframes featureLeftLine {
0% {
left: -330px;
} 100% {
left: 330px;
} }
@keyframes featureTopLine  {
0% {
top: -280px;
} 100% {
top: 280px;
} }
@keyframes featureBottmLine{
0% {
bottom: -280px;
} 100% {
bottom: 280px;
} }
.box-4:nth-child(4n)::before,
.box-4:nth-child(4n)::after,
.box-4:nth-child(4n) > dl::before,
.box-4:nth-child(4n) > dl::after {
background: -moz-linear-gradient(0deg, #fbc1c1, #FC7742);
background: -webkit-linear-gradient(0deg, #fbc1c1, #FC7742);
background: linear-gradient(0deg, #fbc1c1, #FC7742);
}
.box-4:nth-child(4n) dt {
background-color:#FC7742;
}
.box-4:nth-child(4n) dl:hover dt {
background-color:#fbc1c1;
}
.box-4:nth-child(4n-1)::before,
.box-4:nth-child(4n-1)::after,
.box-4:nth-child(4n-1) > dl::before,
.box-4:nth-child(4n-1) > dl::after {
background: -moz-linear-gradient(0deg, #83b1e2, #4270A0);
background: -webkit-linear-gradient(0deg, #83b1e2, #4270A0);
background: linear-gradient(0deg, #83b1e2, #4270A0);
}
.box-4:nth-child(4n-1) dt {
background-color:#4270A0;
}
.box-4:nth-child(4n-1) dl:hover dt {
background-color:#83b1e2;
}
.box-4:nth-child(4n-2)::before,
.box-4:nth-child(4n-2)::after,
.box-4:nth-child(4n-2) > dl::before,
.box-4:nth-child(4n-2) > dl::after {
background: -moz-linear-gradient(0deg, #e7847f, #c3423c);
background: -webkit-linear-gradient(0deg, #e7847f, #c3423c);
background: linear-gradient(0deg, #e7847f, #c3423c);
}
.box-4:nth-child(4n-2) dt {
background-color:#c3423c;
}
.box-4:nth-child(4n-2) dl:hover dt {
background-color:#e7847f;
}
.box-4:nth-child(4n-3)::before,
.box-4:nth-child(4n-3)::after,
.box-4:nth-child(4n-3) > dl::before,
.box-4:nth-child(4n-3) > dl::after {
background: -moz-linear-gradient(0deg, #8ddfa6, #387c34);
background: -webkit-linear-gradient(0deg, #8ddfa6, #387c34);
background: linear-gradient(0deg, #8ddfa6, #387c34);
}
.box-4:nth-child(4n-3) dt {
background-color:#387c34;
}
.box-4:nth-child(4n-3) dl:hover dt {
background-color:#8ddfa6;
}
/*
.box-4:nth-child(5n-4)::before,
.box-4:nth-child(5n-4)::after,
.box-4:nth-child(5n-4) > dl::before,
.box-4:nth-child(5n-4) > dl::after {
background: -moz-linear-gradient(0deg, #74a1c9, #3370a4);
background: -webkit-linear-gradient(0deg, #74a1c9, #3370a4);
background: linear-gradient(0deg, #74a1c9, #3370a4);
}
.box-4:nth-child(5n-4) dt {
background-color:#3370a4;
}
.box-4:nth-child(5n-4) dl:hover dt {
background-color:#74a1c9;
}

.box-4:nth-child(5n-5)::before,
.box-4:nth-child(5n-5)::after,
.box-4:nth-child(5n-5) > dl::before,
.box-4:nth-child(5n-5) > dl::after {
background: -moz-linear-gradient(0deg, #fbc1c1, #f8b47d);
background: -webkit-linear-gradient(0deg, #fbc1c1, #f8b47d);
background: linear-gradient(0deg, #fbc1c1, #f8b47d);
}
.box-4:nth-child(5n-5) dt {
background-color:#f8b47d;
}
.box-4:nth-child(5n-5) dl:hover dt {
background-color:#fbc1c1;
}
*/
.box-5 {
background-color: #E2EDF4;
padding:10px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 6px solid #3270B2;
}
.box-6 {
  border:1px solid #666;
  padding:40px 20px;
}
.message-list a {
  display: block;
}
.message-list a::before {
  content: "\f138";
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  vertical-align: middle;
  color:#3270B2;
  margin-right:10px;
}
.message-list-button {
  background:#1ba2e6;
  color:#FFF;
  display: inline-block;
  padding:2px 10px;
  text-align: center;
  max-width:200px;
  width: 100%;
  font-size:19px;
  font-weight: bold;
  position: absolute;
  right:0;
  bottom:-17px;
}
.message-list-button:hover {
  text-decoration: none;
}
.msg-1 {
position: absolute;
top:30%;
left:10%;
color:#343B94;
font-size:32px;
text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
z-index:1;
}
.msg-2 {
position: absolute;
bottom: 0%;
right: 0;
z-index:1;
width: 20%;
}
.slick-img img {
height: auto;
transition: opacity .5s, transform .5s;
width: 100%;
}  
.slick-prev {
left:0;
}
.slick-next {
right:0;
}
.slick-arrow {
z-index:1;
width:40px;
height:100%;
background: transparent;
border: none;
position:absolute;
top:0;
background:#1ba2e6;
}
.slick-dots {
display:flex;
justify-content:center;
margin-top:10px;
}
.slick-dots li button {
background:white;
border:none;
font-size:0;
outline:none;
}
.slick-dots li button::before {
content: "\f111";
font-family: 'Font Awesome 5 Free';
font-weight: 400;
vertical-align: sub;
font-size:12px;
color:#1ba2e6;
opacity:unset;
}
.slick-dots li.slick-active button::before {
font-weight: 900;
color:#1ba2e6;
opacity: unset;
}
.slick-prev::before {
content: "\f137";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
vertical-align: sub;
color:#fff;
font-size:20px;
}
.slick-next::before {
content: "\f138";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
vertical-align: sub;
color:#fff;
font-size:20px;
}
.hr-1 {
width:100%;
height:1px;
background: linear-gradient(90deg,#3270B2,transparent);
}
.hr-2 {
width:100%;
height:1px;
background: linear-gradient(270deg,#3270B2,transparent);
}
.sub_menu {
padding: 50px 0;
}
.sub_menu .sub_menu_list li{
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
text-align: center;
}
.sub_menu .sub_menu_list li a::before{
display: block;
margin-bottom: 10px;
transition: 1s;
}
.sub_menu .sub_menu_list .menu01 a::before{
content: url(../img/top/sub_menu_icon01.png);
}
.sub_menu .sub_menu_list .menu02 a::before{
content: url(../img/top/sub_menu_icon02.png);
}
.sub_menu .sub_menu_list .menu03 a::before{
content: url(../img/top/sub_menu_icon03.png);
}
.sub_menu .sub_menu_list .menu04 a::before{
content: url(../img/top/sub_menu_icon04.png);
}
.sub-menu .menu-item-has-children > a {
  width:calc(100% - 64px);
}
.plus::after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color:#fff;
  font-size:20px;
  cursor: pointer;
  position: absolute;
  top:0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items:center;
  width: 64px;
  height: 64px;
  border-bottom: 1px solid #ccc;
  background-color: #509ACA;
}
.plus.opened::after {
  content: "\f068";
}
#social-platforms {
text-align:right;
}
.open_this::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color:white;
  position: absolute;
  top:0;
  right: 10px;
}
.open_this.opened::before {
  content: "\f068";
}
.arrow-bottom {
display: inline-block;
transition: ease .4s;
position: absolute;
right: 0;
}
.arrow-bottom.opened {
-webkit-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
.search-wrap {
border:1px solid #CCC;
border-radius: 5px;
background-color: #f8f8f8;
display: flex;
align-items: center;
height:38px;
padding:2px 10px 2px 10px;
}
/*.search::before {
content:'\f002';
font-size:18px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#167ED6;
}*/
.search-text {
border:none;
background-color: #f8f8f8;
width:100%;
}
.search-text:focus {
outline: none;
}
.search-button {
border:none;
margin:0;
padding: 0;
background-color: #f8f8f8;
}
.search-button::before {
content:'\f002';
font-size:18px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.search-city {
background-color: #f8f8f8;
padding: 2px 10px 2px 10px;
border: 1px solid #CCC;
border-radius:5px;
height: 38px;
width:100%;
}
.sidebar .box-3 {
background:#1ba2e6;
padding:60px 20px;
justify-content:center;
align-items:center;
display:flex;
color:#FFF;
font-size:80%;
}
#side-nav-area .sub-menu a {
padding-left:calc(30px + 1em);
}
#side-nav-area .sub-menu a::before {
left:calc(10px + 1em);
}
.post-title {
font-size:38px;
padding:40px 0;
}
/*Pen code from this point on*/
.btn {
clear:both;
white-space:nowrap;
font-size:.8em;
display:inline-block;
border-radius:5px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
margin:2px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
overflow:hidden
}
.btn:hover {
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
}
.btn:focus {
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.btn > span,.btn-icon > i {
float:left;
padding:13px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
line-height:1em
}
.btn > span {
padding:14px 18px 16px;
white-space:nowrap;
color:#FFF;
background:#b8b8b8
}
.btn:focus > span {
background:#9a9a9a
}
.btn-icon > i {
border-radius:5px 0 0 5px;
position:relative;
width:13px;
text-align:center;
font-size:1.25em;
color:#fff;
background:#212121;
width:40px;
border-radius: 40px;
}
/*
.btn-icon > i:after {
content:"";
border:8px solid;
border-color:transparent transparent transparent #222;
position:absolute;
top:13px;
right:-15px
}
*/
.btn-icon:hover > i,.btn-icon:focus > i {
color:#FFF
}
.btn-icon > span {
border-radius:0 5px 5px 0
}
/*Facebook*/
.btn-facebook:hover > i,.btn-facebook:focus > i {
color:#3b5998
}
.btn-facebook > span {
background:#3b5998
}
/*Twitter*/
.btn-twitter:hover > i,.btn-twitter:focus > i {
color:#55acee
}
.btn-twitter > span {
background:#55acee
}
/*Google*/
.btn-tel:hover > i,.btn-tel:focus > i {
color:#dd4b39
}
.btn-tel > span {
background:#dd4b39
}
/*Pinterest*/
.btn-pinterest:hover > i,.btn-pinterest:focus > i {
color:#cb2028
}
.btn-pinterest > span {
background:#cb2028
}
/*LinkedIn*/
.btn-linkedin:hover > i,.btn-linkedin:focus > i {
color:#007bb6
}
.btn-linkedin > span {
background:#007bb6
}
.m_menu_box dl.box-1 {
transition:all 0.4s ease-in-out;
}
.hover-scale {
transition:all 0.4s ease-in-out;
}
.hover-scale:hover {
transform: scale(1.2);
-webkit-transform:translateZ(1.15);
}
.hover-transform {
transition:all 0.4s ease-in-out;
}
.hover-transform:hover {
-webkit-transform:rotate(30deg);
-ms-transform:rotate(30deg);
transform:rotate(30deg);
}
/*
-webkit-transform:translateZ(0)
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
-webkit-transform:rotate(-15deg);
-ms-transform:rotate(-15deg);
transform:rotate(-15deg)
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
-webkit-transform:scale(1.15);
-ms-transform:scale(1.15);
transform:scale(1.15)
transition:all 0.4s ease-in-out
transition:all 0.6s ease-in-out
*/
.fa-twitter,
.fa-facebook-f {
color:#FFF;
width:30px;
height:30px;
padding:7px;
border-radius: 30px;
text-align: center;
}
.fa-twitter {
background-color: #299FF0;
font-size:18px;
}
.fa-facebook-f {
background-color: #1B74E4;
font-size:20px;
}
#footer-nav li {
padding:10px;
}
#footer-nav li:last-child {
border-right: none;
}
.footer-r {
text-align: center;
}
.footer-title {
color:#3270B2;
font-weight: bold;
font-size:1.1rem;
}
.slick-arrow {
font-size:0;
line-height:0;
}
.box-2 {
background-color:#fff;
padding:4px;
border:1px solid #ccc;
height: 290px;
}
.box-2 img {
  object-fit: cover;
  width: 116px;
  height: 116px;
}
.date {
font-size:14px;
}
.topic-title {
  overflow:hidden;
  font-weight: bold;
  word-wrap:break-word;
  border-bottom:1px solid #ccc;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding-bottom:4px;
  margin-bottom:4px;
}
.topic-text p {
  overflow:hidden;
  max-height: 5em;
  font-size:14px;
}
.link-list a {
padding:10px 10px 10px 30px;
display:block;
border-top:1px solid #CCC;
position:relative;
}
.link-list > li:first-child > a {
border-top:none;
}
.link-list a::before {
content: "";
width: 6px;
height: 6px;
border-top: solid 1px #666666;
border-left: solid 1px #666666;
transform: rotate(135deg);
position: absolute;
top: calc( 55% - 3px );
left: 10px;
}
.page-links li {
padding:5px;
}
.page-links li:nth-child(3n) {
padding-right:0;
}
.page-links a {
border:solid 1px #cccccc;
text-align:left;
padding:10px;
display:flex;
justify-content: flex-start;
align-items: center;
width:100%;
padding-left: 32px;
}
.page-links a::before {
content:"";
width: 6px;
height: 6px;
border-top :solid 1px #1ba2e6;
border-right :solid 1px #1ba2e6;
transform: rotate( 135deg );
position: absolute;
top: calc( 50% - 2px );
left: 22px;
}
.post-content {
min-height:400px;
}
.headline-1 span {
border-bottom:2px solid #1ba2e6;
padding-bottom:20px;
margin-bottom:30px;
}
.hover-menu-wrap {
width: 100vw;
margin-left:calc(58.333333% - 50vw);
position: absolute;
top:0;
right:0;
height:max-content;
z-index: 1;
display: none;
}
.hover-menu {
  background-color: #3270B2;
  margin-left:auto;
  margin-right: auto;
  border-radius:10px;
  padding:20px;
  max-width:1140px;
  width: 100%;
}
.hover-menu > li {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  font-weight: bold;
  padding:0 10px;
}
.hover-menu > li > a {
  height: 3em;
  display: flex;
  align-items:center;
  text-indent: -1px;
  padding-left:0.4em;
  margin-bottom:10px;
}
.hover-menu a {
  margin-bottom:14px;
  display: inline-block;
  line-height: 1.4;
  color:#fff;
  padding-left:2em;
  text-indent: -1.12em;
}
.hover-menu a::before {
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right:10px;
  color:white;
  font-size:4px;
  vertical-align: middle;
}
.hover-menu .sub-menu {
  font-size:14px;
  font-weight: normal;
}
.br-1 {
  border-right:1px solid #CCC;
}
.br-2 {
  border-right:1px solid #fff;
}
.wp-block-image figure {
  width:100%;
}
.wp-block-image .aligncenter {
  text-align:center;
}
figure.wp-block-embed-埋め込みハンドラー div,
figure.wp-block-embed-youtube div {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
figure.wp-block-embed-埋め込みハンドラー div iframe,
figure.wp-block-embed-youtube div iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.breadcrumb {
  margin-top:30px;
  margin-bottom:40px;
  font-size:14px;
  display: flex;
  flex-wrap: wrap;
}
.breadcrumb li {
  padding-right:26px;
  position: relative;
}
.breadcrumb li::after {
  position:absolute;
  top:1px;
  right:8px;
  content:'\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color:#333;
}
.breadcrumb li:last-child {
padding-right: 0;
}
.breadcrumb li:last-child::after {
display: none;
}
.breadcrumb a {
color:#1ba2e6;
}
/* #post-content */
#post-content {
padding-bottom:100px;
}
img.aligncenter,
#post-content img.aligncenter {
display: block;
margin-left:auto;
margin-right: auto;
}
.word-icon::after{
content: "\f1c2";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:10px;
color:#2A5393;
}
.excel-icon::after{
content: "\f1c3";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:10px;
color:#016C37;
}
.pdf-icon::after{
content: "\f1c1";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:10px;
color:#B52929;
}
.external-icon::after{
content: "\f35d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:10px;
color:#007bff;
}
.link-icon::before {
content: "\f138";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:10px;
color:#3270B2;
}
.float-1 {
float:right;
padding:10px;
text-align: center;
}
.txt_link,
.link,
#post-content a {
text-decoration: underline;
color:#007bff;
}
.link:hover,
#post-content a:hover {
text-decoration: none;
color:#0056b3;
}
.wp-block-separator {
margin-top:40px;
margin-bottom:40px;
}
/*
#post-content a[target="_blank"]::after {
content: "\f35d";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-left:6px;
}
*/
#post-content .video,
#post-content .section_box {
margin-bottom:60px;
}
#post-content h4:not(:first-of-type),
#post-content h3:not(:first-of-type),
#post-content h2:not(:first-of-type) {
margin-top:42px;
}
/*
#post-content h1 {
letter-spacing: .08em;
color: #3270B2;
padding: 10px 0 10px 20px;
font-size: 1.7rem;
position: relative;
margin-bottom:30px;
border-top:3px dotted #3270B2;
border-bottom:3px dotted #3270B2;
}
*/
.heading-3,
#post-content h1 {
letter-spacing: .08em;
color: #3270B2;
padding: 10px 0 10px 20px;
font-size: 1.7rem;
position: relative;
margin-bottom:30px;
border-top:3px dotted #3270B2;
border-bottom:3px dotted #3270B2;
}
.heading-4,
#post-content h2 {
letter-spacing: .08em;
color: #3270B2;
padding: 10px 0 10px 40px;
font-size: 1.5rem;
position: relative;
margin-bottom:30px;
}
.heading-4::before,
#post-content h2::before {
position: absolute;
top: 50%;
left: .8em;
width: .215em;
height: 56%;
background: linear-gradient(0deg,#a2afbd,#3270B2);
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.heading-4::after,
#post-content h2::after {
content: '';
display: block;
height: 1px;
width:100%;
background: linear-gradient(135deg,#3270B2,transparent);
opacity: .5;
margin-top: 10px;
left:0;
bottom:0;
position:absolute;
}
.heading-5,
#post-content h3 {
color:#3270B2;
padding:10px 10px 10px 30px;
font-size: 1rem;
position: relative;
background: linear-gradient(143deg,#e7ebf0 67%,transparent);
margin-bottom:30px;
}
.heading-5::before,
#post-content h3::before {
position: absolute;
top: 50%;
left: .8em;
width: .215em;
height: 1.4em;
background: linear-gradient(0deg,#a2afbd,#3270B2);
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.heading-6,
#post-content h4 {
color:#3270B2;
font-weight: bold;
font-size: 1.3rem;
}
#post-content h4.titl_2 {
padding: 8px 8px 8px 12px;
color: #fff;
background: #275779;
border-radius: 5px;
font-weight: normal;
line-height: 1.7;
font-size: 140%;
}
.heading-7,
#post-content h5 {
font-weight: bold;
font-size: 1.2rem;
}
.heading-8,
#post-content h6 {
font-weight: bold;
font-size: 1.1rem;
}
.heading-9 {
  background:#1ba2e6;
  color:#FFF;
  display: inline-block;
  padding:2px 10px;
  text-align: center;
  max-width:200px;
  width: 100%;
  font-size:19px;
  font-weight: bold;
  position: absolute;
  left:0;
  top:-17px;
}
/* table */
.tbl_normal,
.table-1,
#post-content table {
margin-bottom:30px;
width: 100%;
}
.tbl_normal td,
.tbl_normal th,
.table-1 td,
.table-1 th,
#post-content td,
#post-content th {
padding:10px;
}
.tbl_normal th,
.table-1 th,
#post-content th {
background: #A4C8DF;
border:1px solid #FFF;
text-align:center;
}
.tbl_normal td,
.table-1 td,
#post-content td {
border:1px solid #ccc;
}
/* table end */
/* ul */
#post-content ul {
margin-bottom:30px;
padding-left:20px;
list-style: disc inside;
}
#post-content ul.link_list {
list-style: none;
}
#post-content ul.img_list_3 li {
width: 100%;
margin-bottom: 30px;
display: block;
}
#post-content ul.img_list_3 {
display: table;
margin: 0;
padding: 0;
width: 100%;
}
#post-content ul.img_list_3 li {
display: inline-block;
box-sizing: border-box;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
width: 32.5%;
}
#post-content ul.img_list_3 a {
display: inline;
text-decoration: none;
}
#post-content ul.img_list_3{
list-style: none;
}
#post-content li {
margin-bottom:15px;
margin-left:1.5em;
line-height: 1.4em;
}
/* ul end */
/* .pagetop */
#post-content .pagetop {
padding: 0;
margin: 30px 0 0;
}
#post-content .pagetop li {
margin: 0 0 15px 0;
list-style-type: none;
text-align: right;
}
/* .pagetop end */
/* . page_link */
#post-content .page_link {
margin-bottom: 30px;
border: 1px solid #EC8F09;
background-color: #f8f9ed;
padding: 20px;
box-sizing: border-box;
}
#post-content .page_link ul {
margin: 0;
padding: 0;
display: flex;
flex-flow: wrap;
align-items: stretch;
}
#post-content .page_link li {
list-style: none;
margin-bottom: 0;
margin: 0 1.5em 0 0;
padding-left: 1.2em;
line-height: 180%;
position: relative;
box-sizing: border-box;
}
#post-content .page_link li:before {
position: absolute;
content: "";
display: block;
box-sizing: border-box;
top: 7px;
left: 0;
margin: auto;
width: 12px;
height: 12px;
border: 1px solid #EC8F09;
}
#post-content .page_link li:after {
position: absolute;
content: "";
display: block;
top: 10px;
left: 5px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #EC8F09;
}
#post-content .page_link li a {
color: #EC8F09;
text-decoration: none;
transition: .5s ease;
}
#post-content .page_link li a:hover {
color: #EC8F09;
opacity: .8;
text-decoration: underline;
}
/* .scroll-x */
.scroll-x-wrap {
width:100%;
overflow: hidden;
}
.scroll-x-fixed,
.scroll-x {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.scroll-x-fixed table,
.scroll-x table {
white-space: nowrap;
}
.bb-1 {
border-bottom:1px solid #CCC;
}
.b-1 {
border:1px solid #CCC;
}
.b-2 {
  border:1px solid #666;
}
  .area-list a {
display:block;
font-size:18px;
}
.hidden-area {
pointer-events:none;
opacity: 0;
width: 0;
height: 0;
}
.map_area{
cursor: pointer;
}
.map_area:hover{
opacity: 0.8;
}
.st0{
fill:#F7B52C;
}
.st1{
filter:url(#Adobe_OpacityMaskFilter);
}
.st2{
opacity:0.81;
mask:url(#SVGID_1_);
}
.st3{
fill:#EFD90A;
}
.st4{
fill:#1ba2e6;
}
.st5{
fill:#FFFFFF;
}
.st6{
filter:url(#Adobe_OpacityMaskFilter_1_);
}
.st7{
opacity:0.81;
mask:url(#SVGID_2_);
}
.st8{
filter:url(#Adobe_OpacityMaskFilter_2_);
}
.st9{
opacity:0.81;
mask:url(#SVGID_3_);
}
.st10{
filter:url(#Adobe_OpacityMaskFilter_3_);
}
.st11{
opacity:0.81;
mask:url(#SVGID_4_);
}
.st12{
filter:url(#Adobe_OpacityMaskFilter_4_);
}
.st13{
opacity:0.81;
mask:url(#SVGID_5_);
}
.st14{
filter:url(#Adobe_OpacityMaskFilter_5_);
}
.st15{
opacity:0.81;
mask:url(#SVGID_6_);
}
.st16{
filter:url(#Adobe_OpacityMaskFilter_6_);
}
.st17{
opacity:0.81;
mask:url(#SVGID_7_);
}
.st18{
filter:url(#Adobe_OpacityMaskFilter_7_);
}
.st19{
opacity:0.81;
mask:url(#SVGID_8_);
}
.slick-slide {
margin:0 10px;
}
#slick-1 .slick-slide {
  margin:0;
}
#slick-1-dots {
  position:absolute;
  bottom:10px;
  width:100%;
}  
#slick-1-dots button {
  background: transparent;
}
#slick-2-arrows {
padding-top:10px;
}
#slick-2-arrows button {
position:static;
background:none;
width:auto;
height:100%;
outline: none;
width:64px;
height:60px;
display: flex;
justify-content: center;
align-items: center;
}
#slick-2-arrows button.slick-next::before,
#slick-2-arrows button.slick-prev::before {
width:40px;
height:40px;
background-size:40px;
content:'';
}
#slick-2-arrows button.slick-prev::before {
background-image:url(../img/top/prev.png);
}
#slick-2-arrows button.slick-next::before {
background-image:url(../img/top/next.png);
}
.main-slide {
  position: relative;
}
.main-slide {
  position: relative;
}
@media screen and (max-width: 768px) {
#post-content .page_link ul {
display: block;
}
#post-content .page_link li {
margin-right: 0;
width: 100%;
}
}
/* . page_link end */
/* . form_data */
#post-content .form_data {
border-bottom: 1px solid #ccc;
}
#post-content .form_data dl {
display: table;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#post-content .form_data dt, #post-content .form_data dd {
display: table-cell;
padding: 15px;
vertical-align: middle;
line-height: 180%;
}
#post-content .form_data dt {
width: 40%;
background-color: #eee;
border-right: 1px solid #ccc;
font-weight: 700;
}
#post-content .form_data dd {
width: 60%;
}
#post-content .form_data p {
font-size: 100%;
padding-left: 0;
}
#post-content .form_data img {
margin-bottom: 10px;
}
#post-content .form_data input[type*="text"],
#post-content .form_data input[type*="email"] {
width: 100%;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
height: 35px;
vertical-align: middle;
font-size: 90%;
}
#post-content .form_data textarea {
width: 100%;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
font-size: 90%;
}
#post-content .form_send {
margin: 30px 0;
padding: 0;
text-align: center;
}
#post-content .form_send input {
width: 150px;
padding: 12px;
text-align: center;
font-size: 90%;
letter-spacing: .125rem;
border: none;
background: #275779;
box-sizing: border-box;
color: #fff;
transition: .5s ease;
}
#post-content .form_send input:hover {
opacity: .8;
}
#post-content .form_data .sup {
font-weight: bold;
color: #CC0000;
}
#post-content .form_data .block {
display: block;
}
#post-content .form_data .overtime {
width: 36px !important;
}
#post-content .form_data .number-years-service {
width: 26px !important;
}
#post-content .form_data .insurance-other {
width: 180px !important;
}
#post-content .form_data .s-pno {
width: 100px !important;
}
#post-content .form_data .s-address {
width: 260px !important;
}
#post-content .form_data .kamikami {
width: 100px !important;
}
#post-content .form_data .d-soufupno {
width: 100px !important;
}
#post-content .form_data .d-soufuadd {
width: 260px !important;
}
#post-content .form_data .d-soufutel {
width: 150px !important;
}
@media screen and (max-width: 768px) {
#post-content .form_data {
margin: 30px 0;
}
#post-content .form_data dl:last-child {
border: none;
}
#post-content .form_data dl {
border: none;
margin-bottom: 15px;
}
#post-content .form_data dt, #post-content .form_data dd {
display: block;
padding: 7px 0;
box-sizing: border-box;
}
#post-content .form_data dt {
width: 100%;
background: none;
border: none;
background: #96c0d9;
color: #fff;
margin-bottom: 5px;
padding-left: 15px;
}
#post-content .form_data dd {
width: 100%;
margin-bottom: 5px;
}
}
/* . form_data end */
#menu-icon-sp-close,
#menu-icon-sp {
cursor: pointer;
position: relative;
border-radius: 50%;
width: 48px;
height: 48px;
transition: 1s;
background-color: #1ba2e6;
}
#panel-btn-icon-close,
#panel-btn-icon {
display: block;
position: absolute;
top: 50%;
left: 40%;
width: 50%;
height: 2px;
margin: -1px 0 0 -7px;
background: #fff;
transition: .2s;
}
#panel-btn-icon-close:before,
#panel-btn-icon-close:after,
#panel-btn-icon:before,
#panel-btn-icon:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #fff;
transition: .3s;
}
#panel-btn-icon-close:before,
#panel-btn-icon:before{
margin-top: -10px;
}
#panel-btn-icon-close:after,
#panel-btn-icon:after{
margin-top: 8px;
}
#panel-btn-icon-close,
#menu-icon-sp .close {
background: transparent;
}
#panel-btn-icon-close:before,
#panel-btn-icon-close:after,
#menu-icon-sp .close:before,
#menu-icon-sp .close:after{
margin-top: 0;
background-color: #fff;
}
#panel-btn-icon-close:before,
#menu-icon-sp .close:before{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#panel-btn-icon-close:after,
#menu-icon-sp .close:after{
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
/*#sp-nav {
display: none;
}*/
.sp-nav-area {
position: fixed;
z-index: 9;
top: 40px;
right: 40px;
width: 0%;
height: 0vh;
transition: .5s;
display: block;
background-color: #1ba2e6;
}
.circle1 {
transition: 1s;
border-radius: 100vh;
width: 280vh;
height: 200vh;
position: fixed;
top: -50vh;
right: -50vh;
overflow: hidden;
}
.sp-nav-inner {
width: 100%;
position: fixed;
display: none;
top: 0;
left: 0;
right:0;
bottom:0;
overflow-y:auto;
text-align: center;
transition: .5s;
}
.sp-nav-area a {
  height: 64px;
}
.sp-nav-area ul li ul.under-page {
transition: 0s;
}
.sp-nav-area ul li {
opacity: 0;
padding: 15px;
transition: 1s;
}
.sp-nav-area.circle1 ul li {
text-align: left;
transition: 1s;
opacity: 1;
display: block;
padding: 0;
position: relative;
}
.sp-nav-area.circle1 ul li.bg-white {
list-style:disc inside;
}
.sp-nav-area.circle1 ul li.bg-white a {
background-color:#FFF;
border-bottom:1px dotted #ccc;
color:#5e5e5e;
display:list-item;
}
.sp-nav-area li.parent-menu > a,
.sp-nav-area li.hover-menu > a {
background-color:#08a9fa;
font-weight: bold;
}
.sp-nav-area ul li a {
color: #fff;
opacity: 0;
transition: 1s;
display: block;
transform: translateX(40px);
font-size:17px;
}
.sp-nav-area .sub-menu a {
padding:1em 0 1em 2em;
background-color:#FFF;
border-bottom:1px solid #CCC;
color:#333;
background-color: #E2EDF4;
}
.sp-nav-area .sub-menu .sub-menu {
  display: none;
}
.sp-nav-area .sub-menu .sub-menu a {
padding:1em 0 1em 4em;
position: relative;
text-indent: -1em;
background-color: #fff;
}
.sp-nav-area .sub-menu .sub-menu a::before {
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right:6px;
color:#3270B2;
font-size:40%;
vertical-align: middle;
}
.circle1 ul li a {
opacity: 1;
padding: 1em 0 1em 1em;
display: inline-block;
transition: 0.4s;
transform: translateX(0px);
text-align: left;
border-bottom:1px solid #FFF;
width:100%;
}
.circle1 ul li:nth-child(1) a{
transition-duration:1s;
}
.circle1 ul li:nth-child(2) a{
transition-duration:1.5s;
}
.circle1 ul li:nth-child(3) a{
transition-duration:2s;
}
.circle1 ul li:nth-child(4) a{
transition-duration:2.5s;
}
.circle1 ul li:nth-child(5) a{
transition-duration:3s;
}
.circle1 ul li:nth-child(6) a{
transition-duration:3.5s;
}
#sp-header-pad {
padding-top:0;
}
#pagetop::before {
width:60px;
height:60px;
border-radius: 100%;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1;
cursor: pointer;
background-color: #3270B2;
color:#FFF;
content: "\f077";
font-family: "Font Awesome 5 Free";
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
font-size:30px;
}
/*モバイルファーストの場合はこの上にモバイル用のスタイルを書いてこの下から順番に幅が大きくなる*/
@media (min-width: 576px) {
  .menu_box .menu_title {
    width:242px;
  }
  .footer-title {
    color:#3270B2;
    font-weight: bold;
    font-size:1.3rem;
  }
}
@media (min-width: 768px) {
  /*
  #slick-1 .slick-current {
    margin-top:100px;
  }
  .slider .slick-center img {
    transform: scale(1.1);
  }
  .slick-img img {
    transform: scale(.8) translateY(-20px);
  }
  */ 
#footer-nav li {
padding:0 10px;
border-right:1px solid #333;
}   
.header-sub-navi {
font-size:16px;
}
.tab {
padding:10px;
font-size:16px;
}
.box-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding:6px;
}
/* .tab-list li{
font-size: 17px;
}
.news-list li a .cate em{
font-size: 16px;
}
.news-list li a .title{
font-size: 20px;
}
.m_menu_box dl{
height: 180px;
margin: 0px 2px;
}
.m_menu_box dl dt{
padding: 15px 15px 5px 15px;
}
.m_menu_box dl dd{
font-size: 14px;
} */
}
@media (min-width: 992px) {
  #global-nav a {
  padding:10px 24px;
  }

  .box-2 img {
  max-width: 100%;
  }
  .m_menu_box dd.font-s {
  font-size:13px;
  }
  .m_menu_box dt{
  height: 70px;
  }
  .m_menu_box dd{
  height:calc(100% - 70px);
  }
  .box-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding:6px;
  }
  .box-2 {
  height:136px;
  }
}
@media (min-width: 1200px) {
  .footer-r {
  padding:0 20px;
  text-align: right;
  }
  .m_menu_box dt{
  height: 70px;
  }
  .m_menu_box dd{
  height:calc(100% - 70px);
  }
  .box-4 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding:6px;
  }
  .scroll-x {
  overflow-x:unset;
  -webkit-overflow-scrolling:unset;
  }
  .scrollable-text {
  position: relative;
  padding-top:0;
  }
  .scrollable-text::after,
  .scrollable-text::before {
  display: none;
  }
  /*.scroll-x .table-1 th,*/
  .scroll-x-fixed td,
  .scroll-x td {
  white-space: normal;
  }
  .header-r-1,
  .header-r-2 {
  justify-content:flex-end;
  }
}
/*PCファーストの場合はこの上にPC用のスタイルを書いてこの下から順番に幅が小さくなる*/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
/*.tab-list li{
font-size: 17px;
}*/
.news-list li a .cate em{
font-size: 16px;
}
.news-list li a .title{
font-size: 20px;
}
/*.m_menu_box dl{
height: 170px;
margin: 0px 2px;
}*/
.m_menu_box dt{
padding: 20px 0;
}
.m_menu_box dd{
font-size: 16px;
}
}
@media (max-width: 767px) {
/* 見出し */
.heading-1{
margin-bottom: 5px;
}
/* ボタン */
.button-1{
padding: 13px;
font-size: 17px;
}
/* タブ */
.news-list {
margin: 0 0 30px 0;
}
.news-list li{
font-size: 15px;
}
.news-list li a .title{
font-size: 17px;
}
.news-list li a .cate em{
font-size: 15px;
}
/* front-page.php */
/*.tab{
font-size: 15px;
padding: 5px 0;
line-height: 1.5;
}*/
.m_menu_box{
}
/*.m_menu_box dl{
height:inherit;
margin-bottom: 5px;
}*/
.m_menu_box dt{
}
.m_menu_box dt img{
}
.m_menu_box dd{
display: inline-block;
width: 65%;
vertical-align: middle;
margin: 0;
font-size: 18px;
}
/* ページ */
#page .page_top{
height: inherit;
}
#page .page_top .page_title_box{
padding: 15px 0 0px 150px;
height: 110px;
}
#page .page_top .page_title_box h2{
font-size: 20px;
margin-bottom: 0;
}
#page .page_top .page_title_box p{
font-size: 15px;
}
/* フッター */
#footer .gmap{
padding-bottom: 50%;
}
#sp-header {
width: 100%;
position: fixed;
top:0;
left: 0;
background-color: rgba(255, 255, 255, 0.9);
z-index: 5;
}
}
@media (max-width: 575px) {
.float-1 {
float:none;
}
}