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

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

 .c-plan__inner-list {width:140%; margin-left:-20%;}
 .c-plan__inner-list-sec {width:32%; padding:35px 2% 4%;}

 .wp_btn {margin: 0 auto;}
 .wp_btn a:before {display: none;}
 .wp_btn a span {padding-left: 0;}
 .wp_btn a span:before {display: none;}

 .c-title_v {line-height:1em;}
 .c-title_v span {font-size:.4em; font-weight:200;}
 .rev-sec {display:flex; margin-bottom:4%;}
 .rev-sec section {width:49%; margin:2% 0 0; padding:0;}
 .rev-sec img {}

 .c-plan__inner-img {display:flex; flex-direction:column; justify-content:center;}
 .c-plan__inner-img img {margin:5px; border-radius:8px; max-width:100vw; height:auto;}

.cont_p {padding-bottom:.5em;}
.cont_p .lessheight {line-height:1.8; display:block;}
.cont_p .blue {color:blue; font-weight:bold;}
.cont_p .green {color:green; font-weight:bold;}
.cont_p .red {color:red; font-weight:bold;}

/* header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.t4oo-header {
    width: 100%;
    position: sticky;
    z-index: 999;
    top: 0;
}
.header-top {
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-top-left,.header-top-right {
    display: flex;
    align-items: center;
}
.header-top-left img {
    margin: 0 0 0 40px;
    width: 155px;
    height: 32px;
}
.header-top-left p {
    font-size: 14px;
    color: #02345f;
    font-weight: bold;
    margin: 0 0 0 24px;
}
.header-top-right img {
    margin: 0 32px 0 0;
    width: 123px;
    height: 40px;
}
ul.header-cta {
    background: #32ADA9;
    width: 200px;
    position: relative;
}
ul.header-cta::after {
    content: "";
    width: 200px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.header-cta a {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    line-height: 44px;
    text-align: center;
}
.header-bottom {
    height: 48px;
    background: #02345F;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-bottom ul {
    display: flex;
}
.header-bottom a {
    display: inline-block;
    padding: 0 48px;
    font-size: 15px;
    color: #fff;
    position: relative;
}
.header-bottom a:hover {
    color: #0468BE;
    transition: .2s;
}
.header-bottom a::after {
    content: "";
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.header-bottom a:nth-child(3)::after {
    display: none;
}
.sp-menu,a.sp-menu-list {
    display: none;
}

/* Responsive
*********************************************220616追加*/

 @media screen and (max-width:1269px){
  .c-plan__inner-list {width:110%; margin-left:-5%;}
  .wp_btn a span {padding-left: 0px;}
 }
 @media screen and (max-width:767px){
  .c-plan__inner-list {display: block; width:100%; margin-left:0;}
  .c-plan__inner-list-sec {width:auto; padding: 25px 4.4% 7.3%;}
  .wp_btn a span {padding-left: 0px;}
  .rev-sec section {width:auto;}
 }

@media screen and (max-width: 767px) {
    .header-top {
        padding: 14px 24px;
    }
    .header-top-right {
        display: none;
    }
    .header-top-left {
        flex-direction: column;
    }
    .header-top-left img {
        margin: 0 0 4px 0;
        width: 115px;
        height: 24px;
    }
    .header-top-left p {
        font-size: 11px;
        margin: 0;
        line-height: 1;
    }
    .sp-menu {
        display: block;
        position: relative;
        width: 40px;
        height:30px;
        cursor: pointer;
        z-index: 999;
    }
    .sp-menu span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        height: 2px;
        background-color: #0468be;
      }
    .sp-menu span:nth-of-type(1) {
        top: 0;
        width: 100%;
    }
    .sp-menu span:nth-of-type(2) {
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
    }
    .sp-menu span:nth-of-type(3) {
        bottom: 0;
        width: 100%;
    }
    .sp-menu.active span:nth-of-type(1) {
        bottom: 10px;
        right: 0;
        left: 0;
        margin: auto;
        transform: translateY(6px) rotate(-45deg);
        width: 100%;
        background-color: #fff;
    }
    .sp-menu.active span:nth-of-type(2) {
        opacity: 0;
    }
    .sp-menu.active span:nth-of-type(3) {
        top: 14px;
        right: 0;
        left: 0;
        margin: auto;
        transform: translateY(-6px) rotate(45deg);
        width: 100%;
        background-color: #fff;
    }
    .sp-menu-list {
        display: block;
        font-weight: bold;
        font-size: 16px;
    }
    .header-bottom {
        position: absolute;
        width: 100%;
        height: auto;
        z-index: 99;
        background:rgba(3,78,143,.9);
        padding: 96px 0 80px;
        position:fixed;
	    top:-120%;
        left:0;
        transition: all .4s;
    }
    .header-bottom ul {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .header-bottom.panelactive {
        top: 0;
    }
    .header-bottom a {
        display: block;
        line-height: 1;
        padding: 0;
        font-size: 15px;
        margin: 16px 0;
    }
    .header-bottom a::after {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .service-section-header h2 {
        font-size: 24px;
        margin: 0 0 48px 0;
    }
    .service-section-header p {
        font-size: 16px;
        text-align: justify;
        width: 80%;
        margin: 0 auto 40px;
    }
}