﻿h2, h3, h4 {
    font-family: 'Shippori Mincho', serif !important;
}
.cms_5-c .box_txt1::before, #cms_5-c .box_txt1::before {
     font-family: 'Shippori Mincho', serif !important;
 }
#wrap, #bottom_menu ul .bg_white {
    background-image: url(./Dup/img/back.jpg);
}
.square_img, .rectangle_img {
    /*border: 4px solid rgba(0,0,0,0);
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;*/
    margin: 2em 0;
    padding: 2em;
    clip-path: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,7.94% -0.04%,11.24% 0.15%,14.2% 0.14%,16.55% 0.15%,18.29% 0.29%,19.88% 0.16%,22.68% -0.11%,25.54% 0.16%,28.52% 0.2%,31.78% 0.29%,37.26% 0.15%,41.43% -0.05%,45.1% 0.04%,49.09% 0.05%,53.92% 0.05%,59.51% 0.21%,62.76% -0.09%,66.35% 0.18%,69.08% -0.07%,71.63% 0.17%,75.19% 0.28%,79.54% 0.08%,85.57% 0.07%,89.88% 0.13%,94.3% 0.35%,99.89% 0.5%,100% 5.9%,100% 9.04%,99.89% 13.18%,99.78% 17.58%,99.89% 22.1%,99.89% 25.61%,99.99% 31.26%,99.9% 36.53%,99.78% 46.45%,99.79% 52.48%,99.9% 59.5%,100% 70.68%,99.9% 79.46%,99.9% 87.87%,100% 92.64%,100% 95.65%,100% 97.29%,100% 97.29%,100% 99.62%,94.44% 99.76%,88.17% 99.89%,83.49% 99.81%,80.9% 99.77%,77.57% 99.88%,74.71% 99.75%,70.7% 99.94%,66.66% 99.87%,60.44% 99.92%,54.6% 99.77%,50.27% 99.77%,46.19% 99.82%,41.05% 99.97%,38.16% 100.06%,35.48% 99.8%,32.54% 99.78%,29.5% 99.97%,25.42% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 100.11%,7.11% 99.72%,3.56% 100.02%,0.35% 100.09%,0.18% 98.84%,0.05% 92.44%,0% 87.49%,0.01% 80.51%,0.09% 76.01%,0.05% 70.04%,0.1% 66.26%,0.1% 61.17%,0.05% 56.81%,0.11% 48.74%,0.2% 40.25%,0% 36.72%,0.15% 30.61%,0% 21.51%,0.1% 14.93%,0.1% 7.51%);
}
#footer_info .inner {
    clip-path: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,7.94% -0.04%,11.24% 0.15%,14.2% 0.14%,16.55% 0.15%,18.29% 0.29%,19.88% 0.16%,22.68% -0.11%,25.54% 0.16%,28.52% 0.2%,31.78% 0.29%,37.26% 0.15%,41.43% -0.05%,45.1% 0.04%,49.09% 0.05%,53.92% 0.05%,59.51% 0.21%,62.76% -0.09%,66.35% 0.18%,69.08% -0.07%,71.63% 0.17%,75.19% 0.28%,79.54% 0.08%,85.57% 0.07%,89.88% 0.13%,94.3% 0.35%,99.89% 0.5%,100% 5.9%,100% 9.04%,99.89% 13.18%,99.78% 17.58%,99.89% 22.1%,99.89% 25.61%,99.99% 31.26%,99.9% 36.53%,99.78% 46.45%,99.79% 52.48%,99.9% 59.5%,100% 70.68%,99.9% 79.46%,99.9% 87.87%,100% 92.64%,100% 95.65%,100% 97.29%,100% 97.29%,100% 99.62%,94.44% 99.76%,88.17% 99.89%,83.49% 99.81%,80.9% 99.77%,77.57% 99.88%,74.71% 99.75%,70.7% 99.94%,66.66% 99.87%,60.44% 99.92%,54.6% 99.77%,50.27% 99.77%,46.19% 99.82%,41.05% 99.97%,38.16% 100.06%,35.48% 99.8%,32.54% 99.78%,29.5% 99.97%,25.42% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 100.11%,7.11% 99.72%,3.56% 100.02%,0.35% 100.09%,0.18% 98.84%,0.05% 92.44%,0% 87.49%,0.01% 80.51%,0.09% 76.01%,0.05% 70.04%,0.1% 66.26%,0.1% 61.17%,0.05% 56.81%,0.11% 48.74%,0.2% 40.25%,0% 36.72%,0.15% 30.61%,0% 21.51%,0.1% 14.93%,0.1% 7.51%);
}
.cms_6-a .square_img {
    background-color: rgba(0,0,0,0);
}
.opacity07 {
    opacity: 1;
}
.cms_title h2:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/sen.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 120px;
    height: 50px;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.8;
}

.catchcopy {
    top: 7%;
    right: 27%;
    width: 78px;
}
.cms1 {
    background-color: #fff;
    /*border: 4px solid rgba(0,0,0,0);
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;*/
    clip-path: polygon(0% 0%,2.1% 0.25%,5.22% 0.15%,7.94% -0.04%,11.24% 0.15%,14.2% 0.14%,16.55% 0.15%,18.29% 0.29%,19.88% 0.16%,22.68% -0.11%,25.54% 0.16%,28.52% 0.2%,31.78% 0.29%,37.26% 0.15%,41.43% -0.05%,45.1% 0.04%,49.09% 0.05%,53.92% 0.05%,59.51% 0.21%,62.76% -0.09%,66.35% 0.18%,69.08% -0.07%,71.63% 0.17%,75.19% 0.28%,79.54% 0.08%,85.57% 0.07%,89.88% 0.13%,94.3% 0.35%,99.89% 0.5%,100% 5.9%,100% 9.04%,99.89% 13.18%,99.78% 17.58%,99.89% 22.1%,99.89% 25.61%,99.99% 31.26%,99.9% 36.53%,99.78% 46.45%,99.79% 52.48%,99.9% 59.5%,100% 70.68%,99.9% 79.46%,99.9% 87.87%,100% 92.64%,100% 95.65%,100% 97.29%,100% 97.29%,100% 99.62%,94.44% 99.76%,88.17% 99.89%,83.49% 99.81%,80.9% 99.77%,77.57% 99.88%,74.71% 99.75%,70.7% 99.94%,66.66% 99.87%,60.44% 99.92%,54.6% 99.77%,50.27% 99.77%,46.19% 99.82%,41.05% 99.97%,38.16% 100.06%,35.48% 99.8%,32.54% 99.78%,29.5% 99.97%,25.42% 99.8%,20.72% 99.77%,17.36% 100.07%,13.09% 100.11%,7.11% 99.72%,3.56% 100.02%,0.35% 100.09%,0.18% 98.84%,0.05% 92.44%,0% 87.49%,0.01% 80.51%,0.09% 76.01%,0.05% 70.04%,0.1% 66.26%,0.1% 61.17%,0.05% 56.81%,0.11% 48.74%,0.2% 40.25%,0% 36.72%,0.15% 30.61%,0% 21.51%,0.1% 14.93%,0.1% 7.51%);
}

#cms_2-a .cate_box {
    background-color: #fff;
    padding-top: 50px;
}
.contents_inner h2 {
    padding: 8px 2rem;
    color: #f9f9f9;
    /* background-color: #0D5072; */
    z-index: 1;
}
.catch_txt h2 {
    /*background-color: #0d5072;*/
    color: #f9f9f9;
    padding-top: 15px;
    padding-bottom: 15px;
}
.red::before{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #0d5072;
  transition: 1s;
  z-index: -1;
}
.linkStyle {
    color: #0d5072;
}
.fade::before {
  width: 100%;
}
#main_img .inner {
    position: relative;
}
#main_img .inner:after {
    position: absolute;
    content: "";
    background-color: rgba(2,2,2,0.1);
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.top_cms_box {
    padding: 0 15px;
}
#bottom_menu ul .bg_white {
    background-color: #f9f9f9;
}
.more {
    position: relative;
    transition: .3s;
    z-index: 1;
}
.hamburger {
    background-color: #0d5072;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch_txt h2 {
    text-align: center;
}
#contents .contents_inner h2 {
    padding-bottom: 3px;
    margin-bottom: 57px;
    padding-top: 2px;
}
.all_header #global-nav ul li {
    padding: 0 1%;
    display: block;
    width: 16.66667%;
    box-sizing: border-box;
}
.catchcopy {
    top: 7%;
    right: 40%;
    width: 39px;
}
.cms_2-a .cate_box .grid_6, #cms_2-a .cate_box .grid_6 {
    width: 90%!important;
    margin: 0 auto;
}
#cms_2-a .cate_wrap .width_70per {
    width: 90%!important;
}
#mail_contact {
    width: 100%!important;
}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.catchcopy {
    top: 36%;
    right: 10%;
    width: 26px;
}
.cms_2-a .cate_box {
padding: 0 5%;
}
.cms_2-a .cate_box .grid_6, #cms_2-a .cate_box .grid_6 {
    width: 100%!important;
    margin: 0 auto;
}
}
@media all and (-ms-high-contrast:none) {
#cms_2-a .cate .cate_title {
    padding-top: 10px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#cms_6-a .cate .cate_title {
    padding-top: 10px !important;
}
.hamburger.head_fix {
    opacity: 1;
    transform: translateY(0px);
    background-color: rgba(13, 80, 114, 1);
}
#cms_5-c .box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0, 0, 0, 0.3);
    top: 3px !important;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
/*@media all and (-ms-high-contrast:none)*/
.contact_box .header_contact_link a {
    padding: 10px 25px 7px !important;
}
/*@media all and (-ms-high-contrast:none)*/
#cms_2-b .cate .cate_title {
    padding-top: 10px !important;
}
.square_img, .rectangle_img {
    border: 4px solid rgba(0,0,0,0);
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
    margin: 2em 0;
    padding: 2em;
}
.cms1 {
    background-color: #fff;
    border: 4px solid rgba(0,0,0,0);
    border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
}
}