@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
body{font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}

/*--------------------all page----------------------------------------*/
body{
  background-color: white;
  overflow:hidden;
}
header{
  box-shadow:none;
  margin-bottom:0!important;
}
header nav{background-color:transparent!important;}
#header .tel{text-align:right;}
header li a{border-left:0!important;}
header li:last-child a{border-right:0!important;}
header li a span:first-child{font-weight:normal;}
.sc_menu{background-color:rgba(255,255,255,0.7); }
.sc_menu li a{border-left:0!important;}
.sc_menu li:last-child a{border-right:0!important;}
.pc_sc_nav.sc{box-shadow:none;}
.font_serif{font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;}
#contact_bar{background-color: #575757;}
#contact_bar .mail a{color:white;}
.linkStyle{color:#8bd0d8;}
.h_info p{line-height:1.5;}


/*--------------------top page-------------------------------------------*/
#main_img .slick{
  border-radius:0;
  box-shadow:none;
}
/*#main_img .slick-list{height:90vh;}*/
#main_img .slick-nav{margin-right:20px;}
#contents1 figure,#contents1 #contents1_txt {
  box-shadow:none;
  border-radius:0;
}
#top_cms1{
  border: 5px solid #f7f7f7;
  padding:50px;
  width:90%;
}
#top_cms1 .cms_wrap{margin:auto;}
#top_cms1 h3{margin-left:20px;}
.comment_title{
  top: -10%;
  left: -5%;
  z-index: 1;
}
.comment_title img{width:80%;}
/****--------- 回転 ---------****/
.spin{
  animation: spin 25s linear infinite;
  -webkit-animation: spin 25s linear infinite;
  -moz-animation: spin 25s linear infinite;
}
@keyframes spin{
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin{
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin{
  0%   { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
/****--------- fadein ---------****/
.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
#intro{padding-top:80px;}
#intro,#contents2,#contents3{
  color:white;
  background-color: #4b4b4b;
}
#intro .intro_ilst{
  left: 0;
  right: 0;
  margin: auto;
  top: -20%;
  text-align:center;
}
#intro .intro_ilst img{
  width:8%;
  height:auto;
}
#intro::after{background-color: rgb(107,107,107);}
#contents1_txt .con1_ilst{
  left: 0;
  right: 0;
  margin: auto;
  top: -38%;
  text-align:center;
}
#contents1_txt .con1_ilst img{width:14%;}
#contents1_txt{
  position:relative;
  padding-top:80px;
}
#contents3 > div{margin-bottom:150px;}
#contents3 figure {transform: translateY(-50px);}
#contents2 h3{padding-left:30px;}
.con2_title_span,.con3_title_span{position:relative;}
.con2_title_span::before,.con3_title_span::before{
  content:'';
  position:absolute;
  display:block;
  width:90px;
  height:72px;
  background-image:url(./Dup/img/item5.png);
  background-size:80%;
  background-repeat:no-repeat;
  top:-55px;
  right:-90px;
}
/*--line-animation--*/
.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -14px;
  width: 0%;
  height: 4px;
  background: #8bd0d8;
  z-index: -1;
  transition: all 2s;
}
.Text-Span.isActive:after {
  width: 100%;
}
#top_cms{
  padding-top:80px;
  border-top: 5px solid #585757;
}
#top_cms .cms_ilst img{width:10%;}
#top_cms .cms_ilst{
  left: 0;
  right: 0;
  margin: auto;
  top: -4%;
  text-align:center;
  margin-top:50px;
}
#top_cms h2{text-align:center;}
#top_cms .top_cms_title h3{font-size:calc(1rem + 7px);}
#top_cms .top_cms_title p{
  color: #585757;
  background-color: transparent;
  padding-left: 5px;
}
#top_cms .top_cms_title p span{opacity:1;}
#top_cms .cms_2-c .cate_box{padding:2% 0;}
.more a{color:white;}
.more a:hover{color:#585757;}
.more a:after{background-color:#585757;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left:70px;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display:none;}
#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{color: rgba(0,0,0,0.4);}

/*---------------under page-----------------------------------*/
#page_title{
  background:url(./Dup/img/bg3.jpg) transparent no-repeat center center;
  background-size:cover;
  position:relative;
}
#page_title::before{
  content:'';
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background-color:rgba(50,50,50,0.5);
}
#page_title > div{
  padding-top: 100px;
  padding-bottom: 80px;
}
#page_title p,#page_title h2{position:relative;}
#page_title .page_title_item{
  width:8%;
  margin:20px auto;
}
.cate_list li a{color:white;}
.cate_list li a:hover{color:#585757;}
.cate_list li a::after{background-color:#585757;}
#tel_contact > div > .d_inline_b > div p span{background-color:white;}
#page10 ul li a .title{color:white;}
#page10 ul li a .title::after{background-color:#585757;}


/* ---------- responsive ---------- */
@media screen and (max-width: 1433px){
#intro .intro_ilst{top:-20%;}
#intro .intro_ilst img{width:10%;}
.comment_title{display:none;}
}

@media screen and (max-width: 1090px){
#intro .intro_ilst{top:-15%;}
#intro .intro_ilst img {width: 12%;}
#contents1_txt .con1_ilst{top: -30%;}
}

@media screen and (max-width: 855px){
 #intro h3{font-size:calc(1rem + 7px);}
#contents1_txt .con1_ilst {top: -20%;}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page_title .page_title_item { width: 10%;}
.sc_menu{background-color:#575757;}
.comment_title{display:none;}
#intro .intro_ilst img {width: 15%;}
#contents1{margin-bottom:100px;}
#contents1_txt .con1_ilst img {width: 17%;}
#contents2{padding-bottom:80px;}
#top_cms .cms_ilst img {width: 15%;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#page_title .page_title_item { width: 25%;}
#page_title > div {
    padding-top: 50px;
    padding-bottom: 30px;
}
#top_cms1{padding:20px;}
#intro h3 {font-size: calc(1rem + 5px);}
#intro .intro_ilst img {width: 35%;}
#contents1{margin-bottom:80px;}
#contents1_txt{padding-top:120px;}
#contents1_txt .con1_ilst {top: -5%;}
#contents1_txt .con1_ilst img {width: 35%;}
.con2_title_span::before, .con3_title_span::before{
  top: -40px; 
  background-size:70%;
}
#contents2{padding-bottom:0;}
#contents2 .grid_6{padding-top:50px;}
#top_cms .cms_ilst{top:-3%;}
#top_cms .cms_ilst img{width:25%;}
#cms_2-c .box_txt1 span{display:block;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow{top:55%;}
#page10 li a .title{padding-bottom:12px;}
}