@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
.font1{
    font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font2,
#top_cms .cms_title p,
.info_title p,
.more a{
    font-family: 'Libre Baskerville', serif;
    letter-spacing: 2px;
    line-height: 1;
}

/*
#loader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
}
.footer_nav li a{
    color:#333;
}
header .menu_stick span{
    background: #4fb1e5!important;
}
header .menu_stick.stick_trans span:not(:first-of-type):not(:last-of-type){
    background-color: transparent!important;
}
#page-top a{
    overflow:hidden;
    border-radius:5px 0 0 0;
}
.fix_bnr{
    width:80px;
    top:80px;
    z-index:2;
}
.fix_bnr a{
    overflow: hidden;
    border-radius: 0 0 0 10px;
}


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

header .trans_logo{
    border-radius: 0 0 10px 0;    
}
#header{
    padding-left:4%;
}
.top_logo img{
    max-width:200px;
}
.top_nav ul li a{
    font-size: 14px;
}
.swiper-container-fade .swiper-slide{
    -webkit-transition-property: none!important; 
    -o-transition-property: none!important;
     transition-property:none!important;
}
.catch {
    width: min(24vw,500px);
    bottom: 10%;
    right: 5%;
    z-index: 2;
}
.item img{
    filter: drop-shadow(2px 4px 5px #fff);
}
.item1 {
    width: min(12vw,400px);
    top: 1%;
    left: -4%;
    z-index: 1;
    display:none;
}
.item2 {
    width: min(11vw,500px);
    bottom: -2%;
    right: -3%;
    z-index: 1;
}
/* ローディング後にじわっと出現 */
.load-blurTrigger{
    opacity: 0;
}
.load-blur{
  animation-name:load-blurAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
}
@keyframes load-blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }

  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}

.item3 {
    width: min(8vw,400px);
    top: -4%;
    right: 4%;
    z-index: 2;
}
.item4 {
    width: min(5vw,200px);
    top: 20%;
    right: 0%;
    z-index: 2;
}
.item5 {
    width: min(10vw,200px);
    top: 14%;
    left: 3%;
    z-index: 2;
}
.item6 {
    width: min(4vw,200px);
    top: 30%;
    left: 5%;
    z-index: 2;
}

.txt-hide{
display: none;
}

#contents2 .read-more,
#contents3 .read-more{
margin: 20px 0;    
}
.read-more {
    width: 120px;
    margin: 20px auto;
    display: block;
    background-color: #4fb1e5;
    color: #fff;
    padding:10px 15px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
    text-align:center;
}
.read-more:hover{
    opacity:0.7;
}
 
.read-more::after {
    content: "もっと読む";
    transition: .2s;
    -erbkit-transition: .2s;
}

.read-more.on-click::after{
    content: "閉じる";
}

.con2_wrap{
    border-radius: 20px;
}
.con2_title span, .con3_title span{
    display:none;
}
.con2_subtitle,
.con3_subtitle{
    width:170px;
}
#top_cms .cms_title{
    color:#333!important;
}

/*--under page---------------------------
-------------------------------------*/

header > .page_title_bg{
    opacity:0.7;
}
#page_title{
    color:#333!important;
}
.pager li a{
    font-size:15px;
}
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
	margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 80px;
    padding-bottom: 60px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){
#logo{
    margin-bottom:50px;
}
}


@media screen and (max-width: 1366px){
#logo{
    margin-bottom:30px;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.catch {
    width: min(40vw,500px);
}
.item3 {
    width: min(13vw,400px);
}
.item4 {
    width: min(11vw,200px);
    top: 9%;
}
.item5 {
    width: min(17vw,200px);
    top: -5%;
}
.item6 {
    width: min(7vw,200px);
    top: 5%;
    left: 1%;
}
.item7 {
    width: min(25vw,400px);
    top: 15%;
    left: -4%;
    z-index: 2;
}
.item8 {
    width: min(23vw,500px);
    bottom: 5%;
    left: -5%;
    z-index: 2;
}
.contents_wrap .contents_bg{
    width:71%;
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

body{
    font-size:15px;
}
header .menu_stick{
    width:50px;
}
.con2_subtitle, .con3_subtitle {
    width: 150px;
}
.item7 {
    top: 25%;
}
.item4 {
    top: -8%;
}
.item5 {
    top: -2%;
}
.item6 {
    top: 3%;
}
.contents_wrap .contents_bg {
    width: 60%;
}
.fix_bnr{
    width:50px;
}
.pager li.prev a, .pager li.next a {
    padding: 0 10px;
}
.link_type1 .link_top .link_title{
    font-size: 15px;
}

#cms_2-g .cate_title{
    font-size: 1.5em;
}
}