﻿body, .more a:after, .cate_list li a:after, #page10 ul li a .title:after, #tel_contact > div > .d_inline_b > div p span {
    background-color: #f7f7f7;
}

.border_color2 {
    border-color: #d8d8d8;
}

#cms_6-a h3 {
    border-color: #c5e4df;
    background-color: #f0f0f0;
}

#tel_contact{
padding-bottom:0;
}

#tel_txt{
margin-top:0;
}

#intro:after {
    opacity: 0;
}


main{
overflow:hidden;
}

.bg_color2 {
    background-color: #ffffff;
}

.bg_color1 {
    background-color: #c5e4df;
}

.txt_white {
    color: #333333;
}

.txt_color3 {
    color: #f9b5b5;
}


.border_color3 {
    border-color: #f9b5b5;
}

.bg_color3 {
    background-color: #f9b5b5;
}

#main_img .slick {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

header {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05) !important;
margin-bottom:40px;
}

.font{
z-index: 1;
    top: 20%;
    left: 0;
    max-width: 40%;
}

.yago {
    z-index: 1;
    top: 40%;
    right: 0;
    max-width: 30%;
}

/*#top_cms1{
background-image: url(./Dup/img/top_news.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 50%;
}*/

#intro .intro_title {
    width: 120%;
    height: 250px;
    top: -75px;
    left: 50%;
    transform: translateX(-50%);
}

#intro .width_1280-max{
position:relative;
z-index:1;
margin-top:20px;
}

#main_img{
margin-bottom:0;
}

#contents1 figure {
transition:all 0.5s;
}

#contents1 figure:hover {
    transform: scale(1.1);
transition:all 0.5s;
}

#contents2 .d_flex{
max-width: 1280px;
    margin: auto;
}

.font_serif {
    /* font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"; */
font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}


#intro .intro_title span {
    color: white;
    font-size: 2.5vw;
    letter-spacing: 0.3em;
    margin-bottom: 0px;
}

/*#contents1 #contents1_txt {
    background-image: url(./Dup/img/que.png);
    background-position: center right;
    background-repeat: no-repeat;
background-size: 25%;
    border: none;
    background-color: transparent;
    box-shadow: none;
}*/

#contents2 h3{
padding:0;
}

#contents2 .grid_6.flex_order1_tb{
padding:50px;
}

#contents2 figure {
    transform: translateY(0%);
    max-width: 400px;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}

#contents1 h3, #contents2 h3{
    font-size: 35px;
position: relative;
    z-index: 0;
}

#contents1{
margin-bottom:70px;
}

#contents1 figure:nth-of-type(2){
    transform: translate(0px, -50px);
}

#contents1 figure:nth-of-type(2):hover{
    transform: translate(0px, 0px) scale(1.1);
}

#contents2 .d_flex .grid_6.flex_order2_tb{
position:relative;
}

#contents2 .d_flex .grid_6.flex_order2_tb:before {
    content: "";
    display: block;
    width: 300px;
    height: 150px;
    position: absolute;
    top: 6%;
    left: 20px;
    background-image: url(./Dup/img/que.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(0% , -50%);
    transform: translate(0% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
}

#contents_links .test{
position:relative;
}

#contents_links .test:before{
  content: "";
    display: block;
    width: 104%;
    height: 107%;
    position: absolute;
    top: -5%;
    left: -5%;
    background-image: url(./Dup/img/figu_back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
   animation: animName 20s linear infinite;
}





@keyframes animName {
 0%{
    transform: rotate(0deg);
   }
100%{
    transform: rotate(360deg) ;
   }
}


#contents1 h3{
display:inline-block;
}

#contents1 #contents1_txt {
    position: relative;
}


#contents1_txt:before {
    content: "";
    display: block;
    width: 240px;
    height: 150px;
    position: absolute;
    top: 8%;
    left: 0px;
    background-image: url(./Dup/img/que.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(0% , -50%);
    transform: translate(0% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 0;
    margin-bottom: 20px;
    margin-top: 0px;
}

.linkStyle{
color:black;
}

.banner{
padding:20px;
margin-top:0;
margin-bottom:50px;
}


#top_cms1 a p, #top_cms1 a h3{
color:#464646;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.sp_tel{
margin-top:50px;
}

#contents1 h3:before{
    width: 200px;
    height: 150px;
     top: 6%;
    left: -20px;
}

#contents2 .d_flex .grid_6.flex_order2_tb:before{
  width: 200px;
    height: 150px;
     top: 6%;
    left: 10px;
}

.banner {
    padding: 2px;
}


}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#intro .intro_title span {
    font-size: 20px;
}

#contents1 h3, #contents2 h3 {
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#contents2 h3 {
    margin-top: 20px;
}


#contents1 h3:before {
    width: 150px;
    top: -20%;
}

}