﻿/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {
.more .pd_b-10px{
padding-bottom:7px!important;
  }
.more .pd_t-10px{
padding-top:13px!important;
  }
.foot_tel_bt .pd_b-15px{
padding-bottom:13px!important;
}
.foot_tel_bt .pd_t-15px{
padding-top:17px!important;
}
.tel_bt .pd_b-15px{
padding-bottom:13px!important;
}
.tel_bt .pd_t-15px{
padding-top:17px!important;
}
}

/* color */
body,.txt_color_nomal{color: #151515;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #133d7b} /* メインカラー */
.txt_color2{color: #B6D6CA} /* サブカラー */
.txt_color3{color: #003f93} /* アクセントカラー1 */
.txt_color4{color: #fec910} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #133d7b} /* メインカラー */
.bg_color2{background-color: #B6D6CA} /* サブカラー */
.bg_color3{background-color: #003f93} /* アクセントカラー1 */
.bg_color4{background-color: #fec910} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #133d7b}
.border_color2{border-color: #B6D6CA}
.border_color3{border-color: #003f93}
.border_color4{border-color: #fec910}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #4d4d4d;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #133d7b} /* メインカラー */
.hvr_txt_color2:hover{color: #B6D6CA} /* サブカラー */
.hvr_txt_color3:hover{color: #003f93} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fec910} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #133d7b} /* メインカラー */
.hvr_bg_color2:hover{background-color: #B6D6CA} /* サブカラー */
.hvr_bg_color3:hover{background-color: #003f93} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fec910} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #133d7b}
.hvr_border_color2:hover{border-color: #B6D6CA}
.hvr_border_color3:hover{border-color: #003f93}
.hvr_border_color4:hover{border-color: #fec910}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #133d7b;}
.txt_color_nomal .linkStyle{color: #133d7b;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #133d7b;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #133d7b;}

/*--------------------------BNR--------------------------*/
.banner_link{
transition: .3s;
position:fixed;
width:5%;
top: 27%;
left: 94%;
z-index: 5;
}
.banner_link:hover{
opacity:.7;
}
.banner_center{
transition: .3s;
width:36%;
margin: 0 auto;
position: relative;
z-index: 3;
}
.banner_center:hover{
opacity:.7;
}
.banner_oya{
display:flex;
padding-bottom: 100px;
}
/*--------------------------TOP--------------------------*/
body {
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font_en {
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font_22 {
font-size: 24px;
}
.font_20 {
font-size: 22px;
}
#main_menu ul li a {
font-weight: bold;
}
header{
    background-image: url(./dup/img/head_top.png), url(./dup/img/head_bottom.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position-x: -95px;
    /* transform: skewX(-2deg); */
    position: relative;
    background-position-y: -365px, 126px;
}

h1#logo{
padding-right: 30px;
padding-left:0px;
}
/*#contents1 h2,#contents2 h2,#contents3 h3,#top_cms h2{
font-family: toppan-bunkyu-midashi-min-st, serif;
font-weight: 900;
font-style: normal;
}*/
.scroll_bt {
bottom: 40px;
}
header {
background-color: #ffd43e!important;/*ffa800*/
}
header .txt_color3 {
color: #172244;
}
#main_menu ul li a::before {
background-color: #172244;
}
.button:hover::after {
box-shadow: inset 0 0 0 15em #013077;
}
#contents1 h2{
    display: inline-block;
}
#contents1 h2::before{
    position: absolute;
    content: "";
    background-image: url(./dup/img/toge.png);
    width: 32%;
    height: 467px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 187%;
    top: -138px;
    z-index: -1;
    opacity: .2;
    transform: rotate(10deg);
}
.c1_back{
background-color:#1b1b1b;
position:relative;
padding-top: 25px;
padding-bottom: 25px;
}
.c1_back::before{
position:absolute;
content:"";
background-image:url(./dup/img/c1.png);
width:100%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
left: 0%;
top: -28%;
z-index: 1;
}
#contents1 .txt_color1 {
color: #ffcc04;/*#1A5CA0*/
z-index: 2;
position: relative;
}
#contents1 .txt_color_nomal {
color: #eeeeee;
z-index: 2;
position: relative;
padding-right: 100px;
}
#contents2 figure img{
z-index: 2;
position: relative;
}
/*
.square_img, .rectangle_img {
border: 8px solid #eeeeee;
}
*/
.c2_back{
background-color:#eee;
 /*background-image: url(./dup/img/c2_back.png);
background-size: 100%;*/
position:relative;
padding-bottom: 30px;
padding-top: 30px;
}
#contents3 p{
z-index: 2;
position: relative;
}
.c3_back{
background-color:#133d7b;
/*background-image: url(./dup/img/c3_back.png);
background-size: 100%;*/
position:relative;
padding-top: 30px;
padding-bottom: 30px;
}
.c3_back::after{
position:absolute;
content:"";
background-image:url(./dup/img/c33.png);
width:100%;
height: 270px;
background-size: 100%;
background-repeat: no-repeat;
left: 0%;
top: 76%;
z-index: 1;
background-position: bottom;
}
#contents3 .txt_color1 {
    color: #ffcc04;
    position: relative;
    z-index: 2;
}
#contents3 .txt_color_nomal {
color: #dcdcdc;
}
.c3_txt_right{
padding-right:100px;
}
.top_cms_back{
background-color:#eee;
padding-top:200px;
}
#top_cms .txt_color4 {
color: #1b1b1b;
}
.cms_1-e .bg_color3 {
background-color: #133d7b;
}
.cms_6-b .bg_color1 {
background-color: #133d7b;
}
#top_cms .txt_color3 {
color: #013077;
}
.hvr_txt_white:hover {
color: white!important;
}
.button {
z-index: 2;
}
.footer_cms{
color: #000;
}
.footer_back{
background-color:#eee;
position:relative;
}
.footer_back::before{
position:absolute;
content:"";
background-image:url(./dup/img/c0.png);
width:100%;
height: 166px;
background-size: 100%;
background-repeat: no-repeat;
left: 0%;
top: 76%;
z-index: 1;
background-position: top;
}
div#copyright {
    position: relative;
    z-index: 2;
color:white;
}
div#copyright .txt_color_nomal {
    color: #ffffff;
}
ul.d_flex.flex_top.d_block_tb {
    position: relative;
    z-index: 2;
}
a.txt_color_nomal.motion05s.hvr_opa07.font_en {
    color: white;
}
#page-top a {
    margin-bottom: 70px;
}
/*--------------------------CMS--------------------------*/
main {
background-color: #eee;
}
#page_title h2{
font-weight: bold;
position:relative;
}
#page_title .page_box::before {
    background-color: #848484;
}
#page_title .title_img{
/*background-position-y: -280px;*/
}
#cms_2-c .box_txt2{
padding-right:30px;
}
#cms_2-c .border_color4 {
border-color: #b5b5b5;
}
#cms_6-b .border_color4 {
border-color: #b5b5b5;
}
#cms_2-e .bg_color2 {
background-color: #eeeeee;
}
#cms_2-e h4{
color:#133d7b;
}
#cms_6-b .cate{
padding: 0 30px 40px 30px;
}
#cms_6-b .bg_color3 {
    background-color: #848484;
}
#cms_6-a .border_color3 {
    border-color: #ffd43e;
}
#page7 .txt_color3{
color: #000000;
}
#page8 .border_color2 {
border-color: #949494;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
h1#logo{
    padding-right: 17px;
    padding-left: 12px;
    max-width: 264px;
}
#main_img {
margin-top: 4px;
}
.banner_link {
width: 8%;
top: 61%;
left: 90%;
}
.banner_center {
width: 40%;
}
.banner_oya {
padding-bottom: 77px;
}
#contents_box .bg_posi_c-c {
background-position-y: -66px;
}
#contents1 .txt_color_nomal {
padding-right: 0px; 
}
#contents1 h2::before {
width: 28%;
    left: 113%;
    top: -191%;
}
.c1_back {
padding-top: 30px;
padding-bottom: 30px;
}
.c1_back::before {
top: -13%;
}
.c1_back::after {
top: 90%;
}
.c2_back {
padding-bottom: 100px;
padding-top: 20px;
background-size: auto 100%;
}
.c2_back::before {
top: 0%;
}
.c2_back::after {
top: 98%;
}
.c3_txt_right {
    padding-right: 50px;
}
.c3_back {
    background-size: auto;
}
.c3_back::after {
top: 70%;
}
.top_cms_back {
padding-top: 174px;
}
.footer_back::before {
height: 219px;
top: 73%;
}
.link_box .flex_space-between {
justify-content: center;
}
.link_box li{
margin-right: 30px;
margin-left: 30px;
}
.hamburger {
top: 25px;
}
#page_title .title_img {
background-position-y: -112px;
}
#cms_6-a p{
padding-right:20px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1 .txt_color_nomal {
    padding-right: 30px;
    padding-left: 30px;
}
#contents2 .txt_color_nomal {
    padding-right: 30px;
    padding-left: 30px;
}
h1#logo {
    max-width: 210px;
}
#main_img {
margin-top: 11px;
}
.hamburger {
top: 16px;
}
.banner_link {
width: 12%;
top: 45%;
left: 86%;
}
#contents_box .bg_posi_c-c {
background-position-y: -27px;
}
#contents1 h2::before {
width: 28%;
left: 63%;
top: 266%;
}
.c1_back::before {
    top: -8%;
}
.c1_back::after {
    top: 99%;
}
.c2_back {
    background-size: auto 100%;
    background-repeat: no-repeat;
}
.c2_back::before {
    top: -4%;
}
.c3_back {
    background-size: auto 100%;
    background-position: top;
    background-position-y: -284px;
}
.c3_back::before {
    top: -3%;
}
.c3_back::after {
    top: 79%;
}
#contents3 .txt_color_nomal {
    padding: 0 30px;
}
.banner_oya {
padding-bottom: 75px;
display: block;
}
.cms_6-b .box_txt2{
padding-right: 40px;
}
#cms_6-b .cate {
    padding: 0 15px 0 0;
}
.banner_center img{
padding-bottom: 50px;
}
.banner_center {
width: 90%;
}
.footer_back::before {
height: 68px;
top: 94%;
}
a.txt_color_nomal.motion05s.hvr_opa07.font_en {
color: #151515;
}
#page-top a {
margin-bottom: 0px; 
}
div#copyright {
margin-top: 45px;
}
#page_title .title_img {
background-position-y: -50px;
}
#page_title h2::before {
left: -55%;
}
#cms_2-c .box_txt2 {
    padding-right: 20px;
}
#cms_6-a p {
    padding-right: 0px;
}
｝

