/*----------------*/
/*
#main_img{
    background-image: url(./Dup/img/main_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
}
*/
/*--------リンク・フォント--------*/
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 300;
    src: url('../Dup/img/Notosans_l.woff') format('woff'),
        url('../Dup/img/Notosans_l.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSans_r.woff') format('woff'),
        url('../Dup/img/Notosans_r.eot')  format('eot');
    font-display: swap;
}

body{font-family: "NotoSans","游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.linkStyle{color: #333333; text-decoration: underline;}


/*--------全体--------*/
.add_shadow{box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 5px 0px, rgba(0, 0, 0, 0.25) 0px 0px 1px 0px;}
#logo img{width: 63%!important;}
#intro{
    position:relative;
    z-index: +1;
}
#intro:before{
    content: "";
    position: absolute;
    display: inline-block;
    background: url(./Dup/img/main_img_item.png) no-repeat;
    background-size: contain;
    z-index: -1;
    width: 78em;
    height: 33em;
    right: 0%;
    bottom: 0px;
}
#intro .intro_add{
    left: 0%;
    top: -17px;
    width: 43%;
    height: 7em;
    content: "";
    position: absolute;
    display: inline-block;
    background-size: contain;
    z-index: -1;
    opacity: 0.5;
}
#intro_txt{padding: 7% 5%;}
#intro_txt > div{
    width: 80%;
}
#intro_txt p{
    line-height: 1.8;
}
@media screen and (min-width: 769px) and (max-width: 1280px){
    #intro_txt {
    padding: 7% 5%;
}
#intro:before {
    width: 63em;
    height: 27em;
}
#contents .box .box_img{
    width: 55%!important;
}
#contents .box .box_txt{
    width: 50%!important;
}
}
@media screen and (min-width: 1280px){
#contents .box_img figure{
    height: 550px!important;
     overflow:hidden;
}
}

#contents .box_img figure img {
	vertical-align: top;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

#contents .box_img figure:hover img{
	-ms-transform: translate(-50%,-50%) scale(1.1);
	-webkit-transform: translate(-50%,-50%) scale(1.1);
	transform: translate(-50%,-50%) scale(1.1);
}


#contents .box:nth-of-type(1){
    background: linear-gradient( 90deg ,rgba(0, 87, 165, 1) 60%,#fff 60%);
}
#contents .box:nth-of-type(1) .box_txt{
    margin-top: 100px;
    margin-left: -5%;
}
#contents .box:nth-of-type(2){
    background: linear-gradient( -90deg ,rgba(85, 158, 213, 1) 60%,#fff 60%);
}
#contents .box:nth-of-type(2) .box_txt{
    margin-top: 100px;
    margin-right: -5%;
}
.cms_2-d{counter-reset: num;}
.cms_2-d .cate_title{
    position: relative;
}
.cms_2-d .cate_title:before {
    counter-increment:num;
	content: counter(num,decimal-leading-zero);
	display: block;
	margin-bottom: 30px;
	color: #559ed5;
	font-size: 30px;
}

.cms_2-d .cate_title::after {
	content: '';
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
	height: 20px;
	background-color: #559ed5;
}

/*--------下層--------*/
.pager li a:hover{
	width:90px;
	height:60px;
	position: relative;
	transition: all 0.3s;
	display: block;
}

#page8 .tel_box{
    position: relative;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
}
#page8 .tel_box > a:before{
    content:"";
    position: absolute;
    width:100vw;
    height:100vh;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left:50%;
    top:50%;
}
@media screen and (max-width: 1200px){
    #page8 .tel_box p{
        display: block;
        padding-right: 0px;
        margin-right: 0px;
        border-right: none;
        
    }
}

@media screen and (max-width: 667px){  
#page8 .tel_box a{
    font-size: 5.3vw;
    letter-spacing: 2px;    
}
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
    .navToggle {
    display: block;
}
.navToggle span {
    border-bottom: solid 3px #afafaf;
}
#logo img {
    width: 90%!important;
}
#intro .intro_add {
    width: 70%;
}
#intro_txt > div {
    width: 100%;
}
#intro:before {
    width: 100%;
    height: 20em;
}
#contents .box:nth-of-type(1) .box_txt {
    margin-top: -50px;
    margin-left: 10%;
}
#contents .box:nth-of-type(2) .box_txt {
    margin-top: -50px;
    margin-right: 10%;
}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
    .navToggle {
    top: 1%;
    }
    .navToggle span {
    border-bottom: solid 2px #fff;
    width: 31px;
}
#logo h1 {
    padding: 0;
}
#intro .intro_add {
    width: 86%;
    top: -2px;
}
#intro:before {
    height: 10em;
}
#contents .box:nth-of-type(1) .box_txt {
    margin-top: -30px;
    margin-left: 0%;
    padding: 30px;
}
#contents .box:nth-of-type(2) .box_txt {
    margin-top: -30px;
    margin-right: 0%;
    padding: 30px;
}
}


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


}