﻿/*===========================================================*/
/* 個別 */
/*===========================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Noto+Sans+JP:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
.linkStyle{color: #333;border-bottom: 1px solid;}
.bottom_wrap {
    background-color: #cd717c;
}
.catch{
bottom: 15%;
    right: 0%;
    max-width: 850px;
    width: 50%;
}
.dec01{
        left: 0;
    top: 50px;
    max-width: 500px;
    width: 50%;
}
.dec02{
        right: -20px;
    bottom: 20px;
    max-width: 500px;
    width: 50%;
}
.dec03{
    top: -5%;
    left: 15%;
    transform: translate(-50%,-50%);
    max-width: 500px;
    width: 50%;
}
#logo{padding: 15px;}
#logo img{max-width: 160px;}
#header.active #logo img {
    max-width: 180px;
}
#logo2{max-width: 250px;}
#wrap{background-color: #fff3f3;}
span.bg_box{z-index: 0;}
#top_cms1{background-color: #ffebe4;}
#intro{
    background-image: url(dup/img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
}
#intro .intro_img{overflow: inherit;}
#intro .modal_box{
        background-image: url(dup/img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#intro .modal_bt{
    background-color: #fff;
    color: #fc8279;
}
#intro .modal_box .over_box_wrap::after{background: transparent;}
#contents_wrap .tab_content .con_txt{padding-top: 50px;}
#contents_wrap .con_item {
    z-index: -1;
    min-width: 130px;
    width: 15%;
    left: 50%;
    transform: translateX(-50%);
    top: -70px;
}
#contents_wrap h2{padding-bottom: 15vh;}
#contents_wrap .con_txt P{overflow: inherit;}
#contents_wrap .bg_container{
        background-image: url(dup/img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#contents_links{margin-bottom: 0;padding: 100px 0;}
#contents_links .box_wrap h3{display: none;}
#contents_links .box_wrap .box a h4{
    background-color: rgba(255,255,255,0.8);
    padding: 10px 25px 14px;
    border: 1px solid #d3637f;
    color: #d3637f;
    font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: normal;
}
#contents_links span.bg_box {
    height: calc(200% + 0px);
    top: 0px;
    right: 0;
}
#top_cms1 .top_cms_title p{opacity: 0.2;}
/*===========================================================*/
/* コード集 */
/*===========================================================*/
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after{color: #ffb4b4;    content: counter(num,decimal-leading-zero);font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    font-weight: normal;}
#cms_6-d .cate_box:before, .cms_6-d .cate_box:before,#cms_6-d .cate_box .box_description1:before, .cms_6-d .cate_box .box_description1:before{background-color: #ffabab;}
#cms_6-d .cate_box:last-of-type, .cms_6-d .cate_box:last-of-type{border-bottom: 1px solid #ffabab;}
.txt_anim4 {
	overflow: hidden;
	line-height: 0.7;
	font-size: 40px;
	color: #ec626e;
	z-index: 1;
	position: relative;
}
.txt_anim4 span.d_inline_b {
	overflow: hidden;
	height: 1em;
	line-height: 1;
}
.txt_anim4 span:not(.d_inline_b) {
	display: inline-block;
	line-height: 1;
	transition: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0,.64,.29,.99);
	transform-origin: top;
	transform: translateY(1em) rotate(10deg);
}
.txt_anim4 span.start {
	transform: none;
}

/*===========================================================*/
/* 下層 */
/*===========================================================*/
#cms_6-d .cate_title{color: #cd717c;}




/*===========================================================*/
/* タブレット */
/*===========================================================*/
@media screen and (max-width: 768px){
#contents_wrap .tab_content .con_txt {
    padding-top: 100px;
}
#contents_wrap h2 {
    padding-bottom: 5vh;
}
#intro .txt_wrap {
    padding: 0 10% 70px;
}
#intro h2{    text-align: center;font-size: 34px;}

}



/*===========================================================*/
/* スマホ */
/*===========================================================*/
@media screen and (max-width: 667px){
#logo img,#header.active #logo img {
    max-width: 110px;
}
#logo{padding: 0;padding-left: 10px;}
#intro h2{line-height: 1.5;}
#contents_wrap .con_item{
    min-width: 100px;
    top: -50px;
    width: 30%!important;
}
#logo2 {
    max-width: 170px;
}
.txt_anim4 span,.txt_anim4 span:not(.d_inline_b){
    transform: none;
}
.catch{width: 80%;}



}


/*===========================================================*/
/* IE */
/*===========================================================*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){



}


/*===========================================================*/
/* Firefox */
/*===========================================================*/
@-moz-document url-prefix(){

}