#main_img::after{
position:absolute;
content:"";
background-image:url(./dup/img/main_img.png);
width:100%;
height:100%;
top: 0px;
background-repeat: no-repeat;
background-position: center bottom;
background-size:100%;
}
/* font */
.font_serif {
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}
#pc_nav ul li{
font-family: toppan-bunkyu-midashi-go-std, sans-serif;
font-weight: 900;
font-style: normal;
}
/*#top_cms h2*/#contents1 h2,#contents2 h2,#contents3 h2{
font-family: toppan-bunkyu-midashi-go-std, sans-serif;
font-weight: 900;
font-style: normal;
}
#page_title h2{
font-family: toppan-bunkyu-midashi-go-std, sans-serif;
font-weight: 900;
font-style: normal;
color: #0d3f72;
text-shadow: 0 0 5px rgba(117, 117, 117, 0.4);
}

/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #0d3f72} /* メインカラー */
.txt_color2{color: #6bc7dc} /* サブカラー */
.txt_color3{color: #4a4a4a} /* アクセントカラー1 */
.txt_color4{color: #E6EAED} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #0d3f72} /* メインカラー */
.bg_color2{background-color: #6bc7dc} /* サブカラー */
.bg_color3{background-color: #4a4a4a} /* アクセントカラー1 */
.bg_color4{background-color: #E6EAED} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #0d3f72}
.border_color2{border-color: #6bc7dc}
.border_color3{border-color: #4a4a4a}
.border_color4{border-color: #E6EAED}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #0d3f72} /* メインカラー */
.hvr_txt_color2:hover{color: #6bc7dc} /* サブカラー */
.hvr_txt_color3:hover{color: #4a4a4a} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E6EAED} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #0d3f72} /* メインカラー */
.hvr_bg_color2:hover{background-color: #6bc7dc} /* サブカラー */
.hvr_bg_color3:hover{background-color: #4a4a4a} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E6EAED} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #0d3f72}
.hvr_border_color2:hover{border-color: #6bc7dc}
.hvr_border_color3:hover{border-color: #4a4a4a}
.hvr_border_color4:hover{border-color: #E6EAED}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #0d3f72;}
.txt_color_nomal .linkStyle{color: #0d3f72;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #0d3f72;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #0d3f72;}

/*--------------------------IE--------------------------*/
@media all and (-ms-high-contrast: none) {

}

/*--------------------------TOP--------------------------*/
#video{height: 100vh;}
#header{
background: -moz-linear-gradient(top, rgba(101, 101, 101,0.8)-100%, transparent)!important;
background: -webkit-linear-gradient(top, rgba(101, 101, 101,0.8)-100%, transparent)!important;
background: linear-gradient(to bottom, rgb(101, 101, 101,0.8)-100%, transparent)!important;
}
#header .height100per {
height: auto!important;
}
#header h1 img{
width:20%!important;
}
.sp_nav_left{
left: 93%;
}
#contents1{
background-color:#f9f9f9;
background-image:url(./dup/img/info2.png);
background-size:auto;
background-repeat: no-repeat;
}
#contents1 .bg_color3 {
background-color: #0d3f72;
/*position:relative;*/
}
/*#contents1 .bg_color3::after{
position:absolute;
content:"";
width:100%;
height:100%;
background-image:url(./dup/img/outer.png);
background-repeat: no-repeat;
background-size:90%;
background-position: center center;
left:0%;
top:-71%;
}*/
#contents2 .con_txt {
padding-left: 50px;
padding-right: 50px;
}
#contents2 .con_box {
background: -moz-linear-gradient(left, transparent, rgba(154, 154, 154, 0.6)44%);
background: -webkit-linear-gradient(left, transparent, rgba(154, 154, 154, 0.6)44%);
background: linear-gradient(to right, transparent 0%, rgba(154, 154, 154, 0.6)44%);
}
#contents3 .con_txt {
padding-left: 50px;
padding-right: 50px;
}
#contents3 .con_box {
background: -moz-linear-gradient(left, rgba(154, 154, 154, 0.6), transparent);
background: -webkit-linear-gradient(left, rgba(154, 154, 154, 0.6), transparent);
background: linear-gradient(to right, rgba(154, 154, 154, 0.6), transparent);
}
#contents4 .square_img img,#contents4 .rectangle_img img {
    position: absolute;
    top: 50%;
    left: 39%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.top_back_line{
/*background-image:url(./dup/img/info2.png);
background-size:100% auto;
background-repeat: no-repeat;*/
position:relative;
}
.top_back_line::before{
position:absolute;
content:"";
background-image:url(./dup/img/info2.png);
background-size:100% auto;
background-repeat: no-repeat;
background-position:center top;
width:100%;
height:1000px;
}
.top_back_line::after{
position:absolute;
content:"";
background-image:url(./dup/img/info3.png);
background-size:100% auto;
background-repeat: no-repeat;
background-position:center bottom;
width:100%;
height:1000px;
}
#contents4 .opacity05 {
opacity: 0.7;
}
#contents4 .txt_color2 {
color: #d8d8d8;
}
#top_cms{
/*background-color: #f9f9f9;*/
}
#top_cms h2,#top_cms h3{
color:black;
}
#top_cms h2{
margin-bottom: -4px;
}
.cms_title::before {
background-color: #ffffff!important;
}
#top_cms p{
color:white;
}
.cms_title::before {
background-color: #0d3f72;
}
#top_cms .bg_color3 {
background-color: rgb(13, 63, 114);
}
#top_cms .cms_6-b .box_txt2{
color:black;
}
#top_cms .more .txt_white{
color:black;
}
#top_cms .txt_color2{
color: #6bc7dc;
}
#top_cms .date{
background-color:#0d3f72!important;
}
#top_info{
margin-bottom: -31px;
}
#top_info .bg_color3 {
background-color: #0d3f72;
}
#footer .bg_black {
background-color: #6b6b6b;
}
/*--------------------------CMS--------------------------*/
#wrap{
background-color: #e8e8e8;
}
.under_box{
background-color: #f1f1f1;
/*box-shadow: 0px 0px 20px black;*/
}
#page_title{
background-color: rgba(105, 105, 105, .6);
}
.cate_list{
border-bottom: solid 1px #302D2A;
}
.cate_list li a {
color: #000;
}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before {
background-color: #0d3f72;
}
#cms_1-e .pager li a{
color: #232323;
}
#cms_1-e h3,#cms_1-e .box_txt1{
color:black;
}
#cms_2-a .border_color2 {
border-color: #d4d4d4;
}
.pager li:not(.prev):not(.next) a {
background-color: rgba(70, 70, 70, 0.3);
}
.pager li:not(.prev):not(.next) a:hover {
    background-color: rgba(167, 167, 167, 0.3);
}
.pager li.prev a:hover, pager li.next a:hover {
    border-bottom: solid 3px rgba(212, 212, 212, 0.7);
}
#cms_2-a h3,#cms_2-a .cate_txt1,#cms_2-a .box_txt1{
color:black;
}
#cms_2-a .txt_color2 {
color: #0d3f72;
font-weight: 500;
}
#cms_2-e .bg_color2 {
background-color: #f1f1f1;
}
#cms_2-e p{
color:black;
}
#cms_2-e .d_inline_b{
color:#0d3f72;
}
#cms_6-b .box_txt2{
color:black;
}
#cms_6-a .box_txt2{
color:black;
}
#cms_6-a .txt_color2{
color: #0d3f72;
}
#cms_6-a img{
width:70%!important;
}
.page7_posi{
top: 85%;
}
#under_page .under_box .linehight_2{
color:black;
}
#under_page .under_box .linehight_2 .txt_white{
color:red;
}
#form_box dl input, #form_box dl textarea {
    color: #000;
}
#form_box{
color:black;
}
#form_box .txt_white{
color: red;
}
#form_area  .txt_white{
color:white;
}
#form_area .hvr_bg_color4:hover {
background-color: #386492;
}
#form_box dl input, #form_box dl textarea {
background-color: rgba(255,255,255,0.6);
}
.info_box .grid_8{
color: black;
}
.info_box .txt_color2 {
color: #0d3f72;
}
.info_box .border_color4 {
border-color: #0d3f72;
}
.info_box .border_color2 {
border-color: #0d3f72;
}
#under_page .page9 .linehight_2{
color:black;
}
.page9 h3 {
border-color: rgb(98, 219, 247);
}
.page9 .txt_color2 {
color: #0d3f72;
}
#under_page .page9 .txt_white {
color: #0d3f72!important;
}
.hvr_bg_color1:hover {
background-color: #98ecff;
}
#under_page .info_box .d_flex:first-of-type {
border-top: solid 1px #0d3f72;
}
.more a::after {
border-bottom: solid 1px #000;
border-left: solid 1px #000;
}
.more a::before {
border-top: solid 1px #000;
border-right: solid 1px #000;
}
.site_title,.site_sab_title{
color:black;
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*#contents1 .bg_color3::after {
    background-size: 60%;
    top: -147%;
}*/
#main_img::after {
    background-size: 108%;
   /* left: 23.5%;*/
}
header .menu_stick {
top: 34px;
}
#header h1 img {
width: 35%!important;
margin-top: 6px;
}
#main_img {
    margin-left: -663px;
}
/*#contents1 {
background-size: auto 100%;
padding-top:200px;
}*/
#contents2 .con_box, #contents3 .con_box {
background:rgba(111, 111, 111,.4);
}
.more a {
background-color: rgb(210, 210, 210);
}
.more a:hover {
background-color: rgba(13, 63, 114,.1);
}
.top_back_line::before{
    background-size: auto 66%;
}
.top_back_line::after{
    background-size: auto 66%;
}
#cms_6-a img{
width:100%!important;
}
.page7_posi{
top: 64%;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/*contents1 {
padding-top: 180px;
}*/
/*#contents1 .bg_color3::after {
    background-size: 80%;
    top: -84%;
}*/
#main_img::after {
    background-size: 103%;
    left: 0%;
}
header.height80vh_sp,#video {height: 40vh;}
#header h1 img {
width: 53%!important;
margin-top: 0px;
}
#header{
height: 84px;
}
#main_img {
margin-left:-15px;
}
#contents2 .con_txt {
padding-left: 0px;
padding-right: 0px;
}
#contents3 .con_txt {
padding-left: 0px;
padding-right: 0px;
}
.top_back_line::before{
background-size: auto;
    height: 2000px;
}
.top_back_line::after{
background-size: auto;
    height: 2000px;
    background-position-y: -230px;
}
#footer {
    margin-top: 10px;
}
header .scroll_d {
top: -200px;
}
header .menu_stick {
top: 24px;
}
#contents2 .posi_center {
left: 82%;
}
#contents3 .posi_center {
left: 39%;
}
#contents2 .font_6up_sp {
font-size: -webkit-calc(1rem + 5px);
font-size: calc(1rem + 5px);
}
.page7_posi{
top: 50%;
}
｝