﻿.bg_color1 {background-color: #083B75;}
.bg_color3 {background-color: #7e177d;}
.txt_color1 {color: #083B75;}
.txt_color3 {color: #d50a0a;}
.border_color1 {
    border-color: #efefb3;
}
.border_color4 {
    border-color: #efefb3;
}
.hvr_bg_color1:hover {
    background-color: #083B75;
}
.hvr_txt_color1:hover {
    color: #d50a0a;
}
/* ----------　all　---------- */
.linkStyle{
	color:#d50a0a;
}
.linkStyle:hover{
	color:#d50a0a;
	opacity: 0.7;
	transition: all 0.5s;
}
#wrap.top {
    position: relative;
}
#wrap.top::before {
    position: fixed;
    content: "";
    width: 80px;
    height: 100%;
    top: 0;
    left: 0;
    background: url(./Dup/img/eng.png) repeat-y;
    background-size: 80px;
    background-position: 0 100%;
    background-attachment: fixed;
    -webkit-animation: bgroop 75s linear infinite;
    animation: bgroop 75s linear infinite;
    opacity: 0.4;
    z-index: 1;
    pointer-events: none;
}

@-webkit-keyframes bgroop {
    from {background-position: 0 110%;}
    to {background-position:  0 3474px;}
}
@keyframes bgroop {
    from {background-position: 0 110%;}
    to {background-position:  0 3474px;}
}
#pc_nav li a{
    font-weight: bold;
}
/* ----------　TOP　---------- */
#main_img .txt {
    width: 60%;
    max-width: 650px;
    mix-blend-mode: color-dodge;
    opacity: 0.9;
}
#contents1 h2{
    color: #083b75;
}
#contents2 .cate_box {
    background-color: #f3f3f3;
    color: #083b75;
    font-weight: bold;
    justify-content: flex-start;
}
#contents2 .cate_box:before {
    content: "";
    position: absolute;
    background-image: url(Dup/img/arrow.png);
    width: 50px;
    height: 50px;
    background-size: contain;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
}
#contents2 .cate_box .box_txt1{
    width: 50%;
    margin-bottom: 10px;
    font-size: 18px;
}
#contents2 .cate_box .box_txt1 i{
    margin-right: 8px;
}
#contents2 .entry{
    padding-top: 150px;
}
#contents2 .entry h3{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}
#contents2 .entry h3 span{
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}
#contents2 .entry .more_bt a{
    background-color: #083B75;
    color: #fff;
}
#f_contact a span.hover_box{
    opacity: 0.8;
}
/* ----------　下層ページ　---------- */

#cms_6-b .cate_title,#cms_4-b .cate_title  {
	line-height: 1;	 
	font-size: 2.5em;
}
#cms_6-b .cate_title_wrap,#cms_4-b .cate_title_wrap{position: relative;z-index: 0;}
#cms_6-b .cate_title_wrap::before,#cms_4-b .cate_title_wrap::before{
	content: '';
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 100%;
	top: 20px;
    left: 0px;
    background-color: currentColor;
    opacity: 0.15;
    z-index: -1;
}

/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */



/*-------------------------------------------------------
			          タブレット
-------------------------------------------------------*/
@media screen and (max-width: 768px){
/* ----------　all　---------- */
#wrap.top::before {
    width: 40px;
    background-size: 40px;
}
#sp_nav a.active {
    border-bottom: 1px solid #fffe00;
}
/* ----------　TOP　---------- */
#main_img{
    height: 65vh!important;
}
#main_img .txt {
    max-width: 500px;
}
#contents2 .cate_box .box_txt1 {
    width: 100%;
    font-size: 18px;
}
#contents2 .entry {
    padding-top: 120px;
}
#contents2 .entry h3 {
    line-height: 2.8;
}
#contents2 .entry h3 span {
    padding-bottom: 10px;
}
#top_cms {
    padding-top: 50px;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}



/*-------------------------------------------------------
		            	スマホ
-------------------------------------------------------*/
@media screen and (max-width: 667px){
/* ----------　all　---------- */

/* ----------　TOP　---------- */
#main_img {
    height: 50vh!important;
}
#main_img .txt {
    width: 70%;
}
#wrap.top::before {
    display: none;
}
#contents2 .cate_box {
    padding: 20px;
}
#contents2 .cate_box:before {
    width: 40px;
    height: 40px;
}
#contents2 .cate_box .box_txt1 {
    font-size: 15px;
}
#contents2 .entry {
    padding-top: 100px;
}
#contents2 .entry h3 {
    line-height: 2.6;
    font-size: 19px;
}
#contents2 .entry h3 span {
    padding-bottom: 7px;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */
}