/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #160a0a;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #002b57;}
/*.txt_color2, .hvr_txt_color2:hover{color: #e6e6e6}*/
/*.txt_color3, .hvr_txt_color3:hover{color: #a67c52}*/
/*.txt_color4, .hvr_txt_color4:hover{color: #c9baa9}*/

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background-color: #002b57;}
/*.bg_color2, .hvr_bg_color2:hover{background-color: #e6e6e6}*/
/*.bg_color3, .hvr_bg_color3:hover{background-color: #a67c52}*/
/*.bg_color4, .hvr_bg_color4:hover{background-color: #c9baa9}*/

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #002b57;}
/*.border_color2, .hvr_border_color2:hover{border-color: #e6e6e6}*/
/*.border_color3, .hvr_border_color3:hover{border-color: #a67c52}*/
/*.border_color4, .hvr_border_color4:hover{border-color: #c9baa9}*/

#wrap {background-color: #ffffff;}

/* top ----------------*/

/* header */
header{
    z-index: -1;
    opacity: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}
header.transform{
    z-index: 99;
    opacity: 1;
    background-color: rgba(255,255,255,0.8);
}
header #logo {
    max-width: 180px!important;
}


/* main img */
#main_img .main_img img, #main_img .catch img {
    height: 100%;
    width: auto;
}
#main_img .main_img {
    height: 100vh;
    bottom: 0;
    right: 0;
}
#main_img .catch {
    height: 100vh;
    width: 50%;
    top: 0;
    left: 0;
    z-index: 2;
}
#main_img .main_bg{
    width: 60%;
    background: linear-gradient(90deg, rgba(166,166,166,1) 0%, rgba(255,255,255,0) 100%);
    z-index: -1;
}
#main_img .banner{
    background-image: url('./Dup/img/banner.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20%;
    max-width: 200px;
    bottom: 1%;
    right: 1%;
    z-index: 3;
}
#main_img .banner img{
    animation: kaiten 25s linear infinite;
}
@keyframes kaiten {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* main */

/* intro */
#intro::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 50%;
	background-image: url("../dup/img/intro_bg.png");
	background-size: auto 100%;
	background-position-y: 0;
	background-position-x: 0;
	background-repeat: repeat-x;
	animation: loop 20s linear infinite;
}
@keyframes loop {
	0% {background-position-x: 0;}
	100% {background-position-x: -1000px;}
}
#intro .intro_txt{position: relative;}
#intro .intro_more a{
    display: inline-block;
    padding: 10px 30px;
    letter-spacing: 3px;
}
#intro .intro_more a::after{
    content: "─";
    display: inline-block;
    margin-left: 10px;
}

/* contents */
#contents .box:last-child .con_no::before {
    left: 50%;
    transform: translateX(-50%);
}

/*アニメーション*/
.animate {
  opacity: 0;
  transition: all 2s;
}
.animate.show {
  opacity: 1;
}
.animate.show:nth-of-type(1) {
  transition-delay: 0.2s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 1.0s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 1.2s;
}
.animate.show:nth-of-type(7) {
  transition-delay: 1.4s;
}
.animate.show:nth-of-type(8) {
  transition-delay: 1.6s;
}

/* topcms */
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
}

/* footer */

/* under page */
.btn_container a{padding: 8px 30px;}

/* ----------  ---------- */
@media screen and (max-width: 1400px){
#main_img .catch {
    height: 70vh;
    width: 60%;
    top: 50%;
    transform: translateY(-50%);
}
#main_img .main_img {right: -10%;}

}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header #logo {
    max-width: 150px!important;
}
#main_img .catch {height: 45vw;}
#main_img .main_img {height: 60vw;}
#main_img .banner {width: 23%;}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #logo {
    max-width: 130px!important;
}
#main_img {height: 70vw;}
#main_img .catch {height: 60vw;}
#main_img .main_img {height: 70vw;right: -30%;}
#main_img .banner {width: 25%;}
#intro::before {height: 30%;}
#page_title h2 {
    font-size: 26px;
    letter-spacing: 2px;
}

}