a.txt_color_nomal.hvr_opa05.motion03s.d_block.pd_30px.width_300-max.border_color2.border_so1{
    white-space:nowrap;
}
@media all and (-ms-high-contrast: none){
#header ul li a{
    font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}
}
#footer {
    background-color: #fffaf0;
}
#LINE:hover{
    opacity:0.5;
}
#LINE{
    transition:all 0.3s;
}
a.txt_white.pd_10px.d_block.motion03s {
    background: #5dc1cf;
}
a.txt_white.pd_10px.d_block.motion03s:hover{
    opacity:0.5;
}
.linkStyle{
    color:#5dc1cf;
}
.linkStyle:hover{
    opacity:0.5;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
.button_container.active .bottom,.button_container.active .top{
    background:#5dc1cf !important;
}
a.txt_white.motion03s.hvr_opa07 {
    color: #565656 !important;
}
a.pop400.bg_color1.txt_white.hvr_bg_color2.hvr_txt_color1.txt_center.width_300-max.mg_clear.pd_10px.motion03s.d_block {
    background: rgba(93,193,207,0.8) !important;
}
.right.grid_8.grid_7_tb.grid_12_sp.txt_white.pd_l-5per.pd_clear_sp.sp_hide.border_so1-l.border_clear_sp {
    color: #565656 !important;
}
.overlay ul li a {
    color: #565656 !important;
}
#overlay .left, #overlay .right {
    border-color: #5dc1cf !important;
}
.button_container span {
    background: #5dc1cf !important;
}
span.menu.txt_white.font_12.letter_0.linehight_1.font_bold{
    color:#5dc1cf !important;
}
.overlay {
    background: #fffaf0 !important;
}
span.menu.txt_white.font_12.letter_0.linehight_1.font_bold{
    background:transparent !important;
}

p#copyright,p#copyright a{
    color: #333333;
}
#contents3_wrap:before {
    background-position: center 80%;
    background-repeat: no-repeat;
}
#contents3_wrap:after {
    background-color: rgba(221,221,221,0.3) !important;
}
p.bg_white.square_box.width_400-max.width_200-max_tb.width_200-max_sp.d_flex{
    display:none;
}
div#top_pc_nav{
    margin-top:320px;
}
#main_b {
    position: absolute;
    top: 38%;
    z-index: 2;
    width:100%;
    text-align:center;
}
#main_b img{
    width:50%;
}
#main_img:before {
    background-color: rgba(221,221,221,0.3);
}
#cms5-a .cate_box,.cms_5-a .cate_box{
    border-left:0px !important;
}
#cms_5-a .cate_box p:after ,.cms_5-a .cate_box p:after{
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(76, 207, 149, 0);
    border-top-width: 25px;
    border-bottom-width: 10px;
    border-left-width: -5px;
    border-left-width: 18px;
    margin-left: 10px;
    border-top-color: #f3f3f3;
    top: 100%;
    right: 10%;
}
#cms_5-a h4:after,.cms_5-a h4:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(76, 207, 149, 0);
    border-top-width: 25px;
    border-bottom-width: 10px;
    border-left-width: -5px;
    border-right-width: 18px;
    margin-left: -10px;
    border-top-color: #b0edf5;
    top: 100%;
    left: 10%;
}
#cms_5-a .cate_box p,.cms_5-a .cate_box p{
    position:relative;
    margin-top:20px;
    width:55%;
    height:auto;
    background:#f3f3f3;
    color:#333333;
    padding:10px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-left:auto;

}
#cms_5-a h4,.cms_5-a h4{

    position:relative;
    width:55%;
    height:auto;
    background:#b0edf5;
    padding:10px;
    text-align:center;
    color:#333333;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
h3.cate_title.letter_2.font_8up.font_6up_tb.font_4up_sp.pd_10px.bg_color1.txt_white.d_flex.flex_center-left.flex_nowrap {
    background-color: #5dc1cf;
}
div#intro_wrap h3::after {
    width: 28vw;
    max-width: 400px;
    height: 260px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    content: "";
    position: absolute;
    background-image: url(Dup/img/intro.png);
    right: -140px;
    top: -260px;
    z-index: 1;
    background-position: bottom;
}
div#intro_wrap h3{
    position:relative;
    z-index:2;
}
div#footer_nav_wrap li {
    width: 170px;
    text-align: center;
    white-space: nowrap;
    max-width:none;
}
#footer_nav_wrap li a:hover .eng{
     display:none;
}
#footer_nav_wrap  li a:hover .ja{
    display:block;
    animation-name:h-anime;
    animation-duration:0.4s;
}
#pc_nav li:nth-child(4) {
    width: 140px;
}
#pc_nav li {
    width: 120px;
    white-space: nowrap;
}
div#top_pc_nav li {
    width: 140px;
    white-space: nowrap;
}
div#top_pc_nav li:nth-child(4) {
    width: 160px;
    white-space: nowrap;
}
.ja{
    display:none;
   
}
.eng{
    
}
#pc_nav li a:hover .eng{
     display:none;
}
#pc_nav li a:hover .ja{
    display:block;
    animation-name:h-anime;
    animation-duration:0.4s;
}
#top_pc_nav li a:hover .eng{
     display:none;
}
#top_pc_nav li a:hover .ja{
    display:block;
    animation-name:h-anime;
    animation-duration:0.4s;
}
@keyframes h-anime{
    0%{
    
        opacity:0;
    }
    100%{
        opacity:1;
    }
}


.border_so2-t{
    border-top:1px solid;
}
.border_so2-b{
    border-bottom:1px solid;
}
.cate_list li a:hover {
    background-color: rgba(93,193,207,0.7) !important;
}
.cate_list li a:before {
    color:white !important;
}
.cate_list li a {
    background: #5dc1cf !important ;
    color: white;
}

#page_title:before {
    background-color: rgba(239,239,239,0.2);
}
#page_title h2.hannari.txt_white.font_30.font_24_sp.linehight_1,#page_title p.pop400.txt_white.font_12_sp.opacity07{
    color:#333333 !important;
}
#page_title h2.hannari.txt_white.font_30.font_18_sp.linehight_1,#page_title p.pop400.txt_white.font_12_sp.opacity07{
    color:#333333 !important;
}
.pop400{
   font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
   font-size:16px;
}
.ta{
    transition:all 0.3s;
}
p#banner{
    max-width:320px;
    margin-top:30px;
    filter: saturate(0.6);
}

p#banner:hover {
    transform: translateY(-5px);
    box-shadow: 2px 2px 4px #b7b7b7;
     filter: saturate(1);
     transition:all 0.3s;
}

footer.bg_color2 {
    background-color: #fffaf2;
}
span.img4:before {
    content: "04";
    position: absolute;
    font-size: 90px;
    transform: translate(-35px,-50px);
    color: #5dc1cf;
    text-shadow: 2px 2px white;
    font-family: 'Cinzel';
}
span.img4 {
    top: -70px;
    left: 50%;
    -ms-transform: translate(-41%,0);
    -webkit-transform: translate(-41%,0);
    transform: translate(-41%,0);
    font-size: 70px;
    position: absolute;
}
.img4 img{
    width:140px;
}
#contents2 .num {
    top: 0px;
    left: 56.5%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 90px;
    z-index: 1;
    text-shadow: 2px 2px white;
    font-family: 'Cinzel';
}
#contents2 h3:after {
    width: 350px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -8vw;
    top: -140px;
    background-image: url(Dup/img/03.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
h3.hannari.font_30.font_20_tb.linehight_1-h.txt_left.d_inline_b.line.fadein_up.scrollin{
    z-index:1;
}
#contents1 h3:after {
    width: 350px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -8vw;
    top: -140px;
    background-image: url(Dup/img/02.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}

.line:before {
    background-color: rgba(93,193,207,0.9) !important  ;
}
#contents1 .num {
    top: 0px;
    left: 43.3%;
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 90px;
    z-index: 1;
    font-family: 'Cinzel';
    text-shadow: 2px 2px #ffffff;
}
span.num.didot.txt_color1.posi_abs.opacity05{
    opacity:1;
    color:#5dc1cf !important;
}
#intro_wrap,.index .back1{
    padding-top:100px !important;
} 
span.img1 {
    top: -60px;
    left: 50%;
    -ms-transform: translate(-44%,0);
    -webkit-transform: translate(-44%,0);
    transform: translate(-44%,0);
    position:absolute;
}
span.img1::before {
    content: "01";
    position: absolute;
    font-size: 90px;
    transform: translate(-35px,-50px);
    color: #5dc1cf;
    text-shadow: 2px 2px white;
    font-family: 'Cinzel';
}
span.img1 img{
    width:120px;
}
body{
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font_14{
    color:black; 
}
.top_cms_box h3.hannari{
    font-family: 'Cinzel', serif;
}
#top_pc_nav ul li a{
    color:white;
    font-family: 'Cinzel', serif;
    font-size:16px;
    text-shadow: 0px 0px 5px #5c5c5c;
}
#header ul li a{
   /* font-family: 'Cinzel', serif;*/
    font-size:14px;
    font-weight:bold;
}
.more_btn:before {
    border-color: #5dc1cf;
}
.more_btn:hover:after {
    background-color: rgba(93,193,207,0.1);
}
a.txt_white.txt_left.d_inline_b{
    color:#565656;
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after {
    background: #5dc1cf;
}
span.num.didot.txt_color1.posi_abs.opacity05 {
    color: rgba(93,193 ,207,0.7);
    opacity:1;
}
.line:before {
    background-color: rgba(93,193,207,0.8);
}
p.bg_white.square_box.width_400-max.width_200-max_tb.width_200-max_sp.d_flex {
    background: #fffaf0;
}
#pc_nav li, #top_pc_nav li, #footer_nav li {
    max-width: 160px;
}
#cms_4-b .box_wrap {
    justify-content: space-around;
}
#LINE img{
    max-width:250px;
}

header.scr_header {
    background-color: #fffaf0 !important;
}
.back1:before,.back2:before{
    background-color: rgba(255,250,240,0.4) !important;
}
/*---------------------------------タブレット------------------------------*/
@media screen and (min-width:668px) and (max-width:768px){
#main_b img{
    width:100%;
}
span.img4 {
    top: -70px;
    left: 50%;
    -ms-transform: translate(-41%,0);
    -webkit-transform: translate(-41%,0);
    transform: translate(-41%,-20%);
    font-size: 70px;
    position: absolute;
}
#contents2 h3:after {
    width: 250px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -7vw;
    top: -110px;
    background-image: url(Dup/img/03.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
#contents1 h3:after {
    width: 250px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -4vw;
    top: -100px;
    background-image: url(Dup/img/02.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
    opacity: 0.7;
}
#contents1 .num {
    top: 0px;
    left: 43.3%;
    -ms-transform: translate(-110%,-50%);
    -webkit-transform: translate(-110%,-50%);
    transform: translate(-110%,-50%);
}
#contents2 .num {
    top: 0px;
    left: 56.5%;
    -ms-transform: translate(-210%,-51%);
    -webkit-transform: translate(-210%,-51%);
    transform: translate(-210%,-51%);
    font-size: 90px;
    z-index: 1;
    text-shadow: 2px 2px white;
    font-family: 'Cinzel';
}

    #main_b {
    width: 80%;
}
div#intro_wrap h3::after {
    width: 35vw;
    right: -70px;
 
}
}
/*---------------------------------ここまで------------------------------*/
/*---------------------------------スマホ------------------------------*/
@media screen and (max-width:667px){
figure.cate_img2{
    max-height:360px !important;
}
#top_cms.back1{
    padding-top:0 !important;
}
span.img4 {
    top: -130px;
    left: 50%;
}
p.con_txt.fadein_up2.scrollin {
    position: relative;
    z-index: 2;
}
#contents2 h3:after {
    width: 300px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -4vw;
    top: 350px;
    background-image: url(Dup/img/03.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
#contents3{
    margin-top:250px;
}
#contents2 .num {
    top: 0px;
    left: 56.5%;
    -ms-transform: translate(-75%,-50%);
    -webkit-transform: translate(-75%,-50%);
    transform: translate(-75%,-50%);
    font-size: 90px;
    z-index: 1;
    text-shadow: 2px 2px white;
    font-family: 'Cinzel';
}
#contents1 h3:after {
    width: 300px;
    height: 350px;
    content: "";
    display: block;
    position: absolute;
    right: -3vw;
    top: 310px;
    background-image: url(Dup/img/02.png);
    background-size: contain;
    z-index: -1;
    background-repeat: no-repeat;
}
p#banner {
    max-width: 250px;
    margin-top: 30px;
    filter: saturate(0.6);
    z-index: 2;
    position: relative;
}
p.con_txt.fadein_up2.scrollin{
    z-index:2;
    position:relative;
}
#contents1 .num {
    top: 0px;
    left: 43.3%;
    -ms-transform:translate(-20%,-50%);
    -webkit-transform: translate(-20%,-50%);
    transform: translate(-20%,-50%);
}
    #main_b {
    position: absolute;
    top: 45%;
    z-index: 2;
    width: 90%;
}


div#intro_wrap h3::after {
    width: 55vw;
    max-width: 400px;
    height: 250px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    content: "";
    position: absolute;
    background-image: url(Dup/img/intro.png);
    right: -30px;
    top: -400px;
    z-index: 1;
    background-position: bottom;
}
#cms_5-a .cate_box p,.cms_5-a .cate_box p{
    width:80%;
}
#cms_5-a h4,.cms_5-a h4{
    width:80%;
}
.page9 p.pop400.txt_white.font_12_sp.opacity07{
    font-size:14px ;
}
#main_b img{
    width:90%;
}
}
/*---------------------------------ここまで------------------------------*/
@media screen and (max-width:320px){
a.txt_color_nomal.hvr_opa05.motion03s.d_block.pd_30px.width_300-max.border_color2.border_so1{
    font-size:18px;
    white-space:nowrap;
}
}