#pc_nav .contact_bt .sub_txt {
    color: white;
    text-align: center;
    transform: translateX(13px);
}
.tel_contact span.sub_txt {
    font-size: 14px;
}
section#top_info .sub_txt {
    font-size: 14px;
}
#pc_nav .contact_bt{
    background:none;
}
#pc_nav .contact_bt a {
    background-color: rgba(244,244,244,0.3);
    transform: translateX(13px);
    margin-top: 25px;
}
#pc_nav .contact_bt a:hover{
    background:#0070a8;
}
#main_img .bg_box {
    display: none;
}
.sp_contact_bt a span.sub_txt {
    font-size: 12px;
}
.contact_bt span.sub_txt {
    text-align: center;
}
#sp_nav .sub_txt {
    font-size: 14px;
}
span.sub_txt {
    display: block;
}
#header {
    padding-top: 20px;
}
.pager li:not(.prev):not(.next) a {
    background-color: #0070a8;
    border: solid 1px #0070a8;
}
.pager li:not(.prev):not(.next) a:hover {
    background-color: #4bbff3;
    border: solid 1px #4bbff3;
}
li.prev a {
    color: #0070a8;
    border-color: #0070a8 !important;
}
.bg_color5 {
    background-color: rgb(0 112 168);
}
#top_info p.con_title {
    margin-bottom: 20px;
}
a.d_inline_b.pd_r-10px.pd_l-10px.border_so1.border_rad5.txt_white.motion05s.hvr_bg_color1.hvr_txt_white.hvr_border_color1.mg_r-5px.mg_l-5px {
    background: #062049;
}
.btn a:hover {
    opacity: 0.6;
}
.cms_6-b .cate_box .box_txt2 {
    background: white;
}
#cms_2-b .cate_box {
    background: white;
}
.border_color4 {
    border-color: #1eaae0;
}
.txt_color4 {
    color: #0e3258;
}
#footer p {
    color: white;
}
.cate_list li a{
    background-color: #0070a8;
}
#page_title .page_title_box p {
    color: white;
}
a.linkStyle {
    color: #0070a8;
    text-decoration: underline;
}
#page_title .page_title_box{
    font-style:italic;
}
#under_page .under_box {
    top: -40px;
    background: #e3f2ff;
}
p#copyright {
    color: white;
}
.bg_black {
    background-color: #0070a8c4;
}
#page_title h2 {
    font-size: 50px;
    color: white;
    font-weight: bold;
    letter-spacing: 0;
}
#pc_nav li a {
    text-shadow: none; 
}
.bg_color1 {
    background-color: #0070a8;
}
#sp_nav a.tel_bt{
    background: rgb(30 170 224);
}
#header .contact_bt a {
    background: #1ba0d6;
}
#header .contact_bt a:hover {
    color: white;
    background: #0070a8;
}
.bg_color3 {
    background-color: #1ba0d6;
}
section#top_info .con_box {
    color: white;
}
#sp_nav nav {
    background: #e3f2ff;
}
.more a::before {
    border-top: solid 1px #0070a8;
    border-right: solid 1px #0070a8;
}
.more a::after {
    border-bottom: solid 1px #0070a8;
    border-left: solid 1px #0070a8;
}
.more a {
    color: #0070a8;
}
.border_color2 {
    border-color: rgb(30 170 224);
}
body, .txt_color_nomal {
    color: #0e3258 !important;
}
.txt_shadow_h {
    text-shadow: none;
}
#top_cms .cms_title p {
    letter-spacing: 3px;
    font-size: 18px;
    text-shadow: 0 0 black;
    color: #0070a8;
}
#top_cms .cms_title h2 {
    font-size: 50px;
    color: #0070a8;
    text-shadow: none;
    font-weight: bold;
    letter-spacing: 0;
}
.banner_box a{
    background:transparent;
}
#top_cms {
    background: #e3f2ff;
    margin-top: 15px;
}
.hvr_bg_color2:hover {
    background-color: #1ba0d6;
}
#top_banner .banner_bg,#top_banner a:hover .banner_bg{
    opacity: 1;
}
.banner_box a.hvr_txt_color2:hover {
    color: rgb(255 255 255) !important;
}
#top_banner a p {
    background: #1ba0d6;
    padding: 15px 30px;
    line-height: 1.2em;
    letter-spacing: 1px;
}
#top_banner .banner_bg:before {
    content: "";
    position: absolute;
    background: #00232a4d;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.banner_box a {
    padding-top: 130px;
    padding-bottom: 150px;
}
.banner_box span {
    color: rgb(0 112 168);
}
#contents2 .con2_img:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: #00546636;
    top: 0;
}
#contents2 .con2_img {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#contents2 h3.con2_title2 {
    width: auto;
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
#contents2 .con2_txt_wrap {
    margin-top: 0;
    flex-direction: column;
    background: #1da8df;
    color: white;
    max-width: 600px;
    padding: 50px;
    z-index: 2;
    background: linear-gradient(181deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(65,137,207,1) 0%, rgba(75,191,243,1) 100%);
}
#contents2 .con2_img::before{
display:none;
}
#contents1-h h3:before {
    content: "02";
    position: absolute;
    font-size: 80px;
    opacity: 0.3;
    top: -65px;
    left: -50px;
    font-family: 'Roboto Mono', monospace;
    letter-spacing: -5px;
}

#contents1-h span.stripe {
    position: absolute;
    height: 100%;
    width: 39%;
    z-index: 2;
    transform: skewX(-20deg);
    left: 9%;
    background: #e3f2ff;
    border-right: 15px solid white;
}

section#contents1-h .box_wrap {
    display: flex;
    align-items: center;
    position:relative;
    z-index:2;
}
section#contents1-h .box_img {
    width: 60%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
section#contents1-h .box_img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
section#contents1-h .box_txt {
    width: 40%;
    color: black;
    padding: 5%;
    box-sizing: border-box;
    z-index: 2;
    padding-right: 0;
}
section#contents1-h p{
    line-height:1.5em;
}

section#contents1-h {
    background: #e3f2ff;
    margin-top: 15px;
    margin-bottom: 15px;
}
#contents1 h3:before {
    content: "01";
    position: absolute;
    font-size: 80px;
    opacity: 0.3;
    top: -65px;
    left: -50px;
    font-family: 'Roboto Mono', monospace;
    letter-spacing: -5px;
    z-index: -1;
}
.btn a {
    transition:all 0.3s;
    padding: 5px 50px;
    display: inline-block;
    margin-top: 30px;
    color: white;
    background: rgb(12,62,146);
    background: linear-gradient(181deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(65,137,207,1) 0%, rgba(75,191,243,1) 100%);
    font-size: 16px;
}
#contents1 p {
    line-height: 1.5em;
}

#contents1 .box_wrap {
    position: relative;
    z-index: 2;
}
#contents1 span.stripe {
    position: absolute;
    background: rgb(12,62,146);
    background: linear-gradient(45deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(65,137,207,1) 0%, rgba(75,191,243,1) 100%);
    height: 100%;
    width: 39%;
    z-index: -1;
    transform: skewX(-20deg);
    left: 5%;
}

.font_serif,body,p,.font_jp, .con_title, #page_title p, .cate_title, .box_title1, .box_title{
    font-family: "Noto Sans JP","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;
    
}
#contents1 h3, #contents1-h h3 {
    font-weight: 800;
    color: #0070a8;
       font-size: 2.8em;
    margin-bottom: 20px;
    letter-spacing: 0;
    position: relative;
}
/*
div#main_b img {
    width: 55vw;
}
div#main_b {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    top: 0;
    align-items: center;
}
*/
div#main_b {
    position: absolute;
    z-index: 2;
    width: 44vw;
    right: 30px;
    bottom: 30px;
}
div#wrap {
   background:white;
}
#contents1 .con_box, #contents1-h .con_box {
    background: linear-gradient(45deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(30,170,224,1) 0%, rgba(0,112,168,1) 100%);
}
.txt_color2 {
    color: #23537c;
}

.con2_box.mg_b-150px.mg_b-100px_tb {
    padding-bottom: 0;
    margin-bottom: 15px;
}
#contents2 .con2_img::before{
        background: linear-gradient(0deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(30,170,224,1) 0%, rgba(30,170,224,1) 40%, rgba(30,170,224,0) 100%);
}
#contents2 .con2_title1 span{
    color:white;
}
section#contents1 {
    background: #f2f2f2;
}
section#contents1 .box_img {
    width: 55%;
}
section#contents1 .box_txt {
    width: 45%;
}
section#contents1 .box_txt {
    color: black;
    padding: 5%;
    box-sizing: border-box;
    padding-left: 0;
}
div.kv img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}
/*------------------------------タブレット----------------------------------------*/
@media screen and (max-width:768px){
       div#main_img{
           height:50vh;
       }
       div#main_b {
    width: 45vw;　
       }
#header h1 img {
    width: 150px!important;
}
#contents1 h3, #contents1-h h3{
    font-size:2em;
}
#contents1 .box_wrap {
    flex-direction: column;
    align-items: flex-start;
}
section#contents1 .box_txt {
    width: 90%;
    padding: 0 5%;
    box-sizing: border-box;
    margin-left: auto;
    margin-top: 50px;
}
section#contents1 .box_img {
    width: 80%;
}
#contents1 p {
    max-width: none;
}
#contents1 span.stripe {
    position: absolute;
    background: rgb(12,62,146);
    background: linear-gradient(45deg, rgba(12,62,146,1) 0%, rgba(30,170,224,1) 0%, rgba(65,137,207,1) 0%, rgba(75,191,243,1) 100%);
    height: 100%;
    width: 68%;
    z-index: -1;
    transform: skewX(315deg);
    left: -58%;
}
section#contents1 {
    background: #f2f2f2;
    padding-bottom: 50px;
}
#contents1 h3:before {
        font-size: 60px;
        top: -50px;
        left: -30px;
}
section#contents1-h .box_txt {
    width: 90%;
}
section#contents1-h .box_img {
    width: 100%;
    height: 500px;
}
section#contents1-h .box_txt {
    width: 90%;
    padding: 10% 5%;
    order: 2;
    padding-top: 5%;
}
section#contents1-h .box_wrap{
    flex-direction:column;
}
#contents1-h span.stripe {
    position: absolute;
    height: 30%;
    width: 100%;
    z-index: 2;
    transform: skewy(350deg);
    left: 0%;
    top: 40%;
    background: #e3f2ff;
    border-right: 0;
    border-top: 15px solid white;
}
#contents1-h h3:before{
    font-size: 60px;
    top: -50px;
    left: -40px;
}
#contents2 .con2_txt_wrap{
        max-width: 50%;
}
#contents2 h3.con2_title2{
    font-size: 24px;
}
#top_banner a .banner_bg {
    opacity: 1;
}
#top_cms .cms_title h2 {
    font-size: 30px;
}
}

/*------------------------------スマホ---------------------------------------*/
@media screen and (max-width:667px){ 
  
    #header h1 img {
    width: 100px!important;
}
div#main_img {
    height: 100vh;
}
/*
div#main_b img {
    width: 70vw;
    position: relative;
    top: 15px;
}*/
section#contents1 .box_img {
    width: 100%;
    margin-top: 30px;
}
#contents1 h3:before{
    color:white;
}
section#contents1 .box_txt {
    margin: 50px auto;
}
.btn a {
    width: 100%;
    text-align: center; 
    padding:5px;
    box-sizing: border-box;
}
section#contents1 {
    margin-bottom: 0;
    padding-bottom: 0;
}
#contents1-h span.stripe{
    top: 38%;
}
#contents1-h h3:before{
    left:-30px;
}
#contents2 .con2_img {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-size: 150%;
    background-position: top;
}
#contents2 .con2_txt_wrap {
    max-width: 100%;
    padding: 30px;
}
#contents2 h3.con2_title2 {
    font-size: 20px;
}
#contents2 .con2_txt_wrap p {
    line-height: 1.5em;
}
.banner_box a {
    padding-top: 80px;
    padding-bottom: 90px;
}
#top_banner a p {
    padding-top: 5px;
}
#page_title h2 {
    font-size: 28px; 
}
div#main_b {
    width: 100%;
    text-align: center;
}
div#main_b {
    position: absolute;
    z-index: 2;
    width: 100%;
    right: 0;
    bottom: 70%; 
}
div#main_b img {
    width: 80%;
}
#sp_nav li a:hover .en {
    opacity: 1;
}
#sp_nav li a:hover .jp {
    opacity: 0;
}
}