﻿/*--------フォント・リンク--------*/
@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;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/notosans_bold.woff') format('woff'),
        url('../Dup/img/notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSans_black.woff') format('woff'),
        url('../Dup/img/notosans_black.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Montserra';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/Montserrat-Medium.woff') format('woff'),
        url('../Dup/img/Montserrat-Medium.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Montserra';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/Montserrat-Medium.woff') format('woff'),
        url('../Dup/img/Montserrat-Medium.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;}

.fa-envelope:before{content:"\f095"}
/*--------ボタン類のホバー色変更--------*/
.cate_list li a:hover {box-shadow: inset 0 0 0 15em rgba(236,175,114,1); color: #fff;}
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(236,175,114,1);}
.button2:hover {box-shadow: inset 0 0 0 15em rgba(236,175,114,1);color:#fff;}

/*--------角丸--------*/
body figure,body img,.button,.button2,#sp_nav ul li:last-of-type a,.cms_1-e .date,#cms_1-e .date{border-radius:0 15px 0 15px;}

/*--------全体--------*/
#logo img,.logo img{border-radius: 0px}
#attach{  display: none;}

header{background-color: #fbf5ef!important;}

main{overflow: hidden;}
#main_menu{text-align: center;}

#move1{position:absolute;right:-600px;width: inherit;z-index:-1;}
#move2{position:absolute;left:-700px;width: inherit;z-index:-1;}
#move3{position:absolute;right:-500px;width: inherit;z-index:-1;}
#move4{position:absolute;left:-410px;top:-150px;width: inherit;z-index:-1;}

#main_menu ul li a{margin-bottom: 85px;}
#main_menu ul li:nth-of-type(1) a{position:relative;margin-top: 70px;margin-bottom: 70px;}
#main_menu ul li:nth-of-type(1) a::before{
content: "";
    display: inline-block;
    width: 5em;
    height: 4.2em;
    background: url(./Dup/img/icon_01.png) no-repeat;
    position: absolute;
    left: 40%;
    top: -45px;
    background-size: contain;
}
#main_menu ul li:nth-of-type(2) a{position:relative;}
#main_menu ul li:nth-of-type(2) a::before{
    content: "";
    display: inline-block;
    width: 4.5em;
    height: 4.2em;
    background: url(./Dup/img/icon_02.png) no-repeat;
    position: absolute;
    left: 39%;
    top: -50px;
    background-size: contain;
}
#main_menu ul li:nth-of-type(3) a{position:relative;}
#main_menu ul li:nth-of-type(3) a::before{
    content: "";
    display: inline-block;
    width: 4.8em;
    height: 5em;
    background: url(./Dup/img/icon_03.png) no-repeat;
    position: absolute;
    left: 37%;
    top: -62px;
    background-size: contain;
}
#main_menu ul li:nth-of-type(4) a{position:relative;}
#main_menu ul li:nth-of-type(4) a::before{
content: "";
    display: inline-block;
    width: 4.4em;
    height: 5em;
    background: url(./Dup/img/icon_04.png) no-repeat;
    position: absolute;
    left: 37%;
    top: -57px;
    background-size: contain;
}
#main_menu ul li:nth-of-type(5) a{position:relative;    margin-bottom: 40px;}
#main_menu ul li:nth-of-type(5) a::before{
content: "";
    display: inline-block;
    width: 4.4em;
    height: 5em;
    background: url(./Dup/img/icon_05.png) no-repeat;
    position: absolute;
    left: 37%;
    top: -57px;
    background-size: contain;
}


.pc_box .tel_bt{ display: none;}

#top_cms .cms_title p{color:#ecaf72;}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before {  color: rgba(0,0,0,0.4);}
.cms_5-c .box_title1,#cms_5-c .box_title1 {    border-color: rgba(0,0,0,0.15);}

#footer_menu ul li a{font-weight: normal;}
.footer_cms{color:#603813;}


/*--------下層--------*/
.cate_list li a{    padding: 10px 10px 10px 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#page_title .page_box h2,#page_title .page_box p{text-shadow: none;}
.youtube_box{
  position: relative;
  width: 80%;
  padding-top: 56.25%;
margin-bottom: 50px;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#cms_3-c figure{ box-shadow: none;}


/*--------PCのみ--------*/
@media screen and (min-width: 769px){
header{margin-left: 3%;}
header.grid_3{width: 22%!important;}
#contents2 .grid_6{  background-color: rgba(255,255,255,0.3);}
}


/*--------タブレット--------*/
@media screen and (max-width: 768px){
#logo .pc_hide{    width: 85%!important;}
#move1 { right: -300px;  opacity: 0.3;}
#move2{    left: -250px;  top: -245px;  width: 63%;  opacity: 0.5;}
#move3{    right: -100px;   top: -100px;   opacity: 0.3;}
#move4{   opacity: 0.3;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
#contents1 h2{font-size: 5.3vw;}
#move1 { right: -100px;  width: 100%;}
#move3 { right: -50px;    width: 75%;}
#move4 { width: 93%;   left: -0px;  top: 387px;}
#move2 {  left: -80px;    top: -500px;    width: 90%;}
.cate_title{font-size: 5vw;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
.pc_box .contact_bt a{padding:16px 0 19px;}
#top_cms more a{padding:10px 10px 12px 10px;}

.cate_list li a{padding:10px 10px 12px 10px;}
#page9 .box p a{padding:7px 5px 7px;}
#page10 ul li a{padding:15px 0 17px;}
}