.bg_color2 {
    background-color: #e8dff3;
     background-color: #c9c5db;
         background-color: #fef9f5;
}

.hvr_txt_color3:hover {
    color: #d22f5f;
}

.txt_color3 {
    color: #d22f5f;
}

.bg_color3 {
    background-color: #d22f5f;
}

#main_img{
    position: relative;
        background-color: #fafafa;
}

#main_img:before{
    content: "";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 50%;
     left: 50%;
     background-image: url(./Dup/img/pe.svg), url(./Dup/img/gr.svg), url(./Dup/img/wh.svg), url(./Dup/img/from.svg), url(./Dup/img/copy.svg), url(./Dup/img/main.png);
     background-position: 19% 40%, 82% 40%, 50% 40%, 50% 85%, 50% 75.5% , 50% 10%;
     background-repeat: no-repeat;
     -webkit-transform: translate(-50% , -50%);
     transform: translate(-50% , -50%);
     background-size: 220px ,220px , 800px, 130px , 450px, 1030px;
     pointer-events: none;
     z-index: 2;
}

header{
    padding: 0 !important;
}

#top_contents3 .con3_bg {
    background-color: #f1d9eb;
}

.bg_color1 {
    background-color: #fff8ef;
}

.con2_bg{
    opacity: 0.25;
        mix-blend-mode: luminosity;
}

.con2_item{
        padding: 100px 5%;
    background-color: #618768;
    background-color: white;
    color: #1b3a21;
}

.bg_color5 {
    background-color: #ededed;
}

.fadein .fade_box.active.kore {
        transform: translateY(100px);
}

h2.catch{
         font-size: 70px;
    line-height: 1em;
    color: #f0f0f0;
    margin-top: 200px;
    margin: auto;
    color: #662d8f;
    margin-top: 180px;
}

#top_contents3 .con3_bg {
    background-color: #fef9f5;
}

#top_contents3 .con3_no {
    mix-blend-mode: multiply;
    color: #662d8f;
}

#page_title .title_img {
    opacity: 0.85;
}

.box_link{
    max-width: 300px;
    margin: 50px auto 150px;
}

.time{
    display: none;
}

#top_contents1 .info_title {
    color: #662d8f;
}


main > .con2_item, .con2_txt_wrap{
    position: relative;
}

main > .con2_item:before{
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0%;
    left: 90%;
    background-image: url(./Dup/img/momo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

 .con2_txt_wrap:before{
        content: "";
    display: block;
    width: 130px;
    height: 130px;
    position: absolute;
    top: 102%;
    left: 30%;
    background-image: url(./Dup/img/budo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

footer .txt_white{
    color:black;
}

.linkStyle{
color: #29a9e0;
font-weight: bold;
}

.pager li:not(.prev) a, .pager li:not(.next) a {
    color: black;
}

/*--20230418 correct start--*/

.tel_wrap > p{
    text-align: center;
}

.tel_wrap > p a{
    border-bottom: 1px solid #333;
}

.tel_wrap > p a:hover{
    border-bottom: none;
}

/*--20230418 correct end--*/

/*--20230921 correct start--*/
#video{
    max-width: 800px;
    margin: auto;
}

h2.catch {
     margin-top: 0px; 
}

/*--20230921 correct end--*/

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

#main_img:before{
     background-position: 5% 40%, 95% 40%, 50% 40%, 50% 85%, 50% 75.5% , 50% 10%;
     background-size: 20% ,20% , 800px, 130px , 450px, 1030px;
}

}

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

#main_img:before{
     background-position: 5% 60%, 95% 60%, 50% 40%, 50% 85%, 50% 75.5% , 50% 30%;
     background-size: 20% ,20% , 90%, 130px , 60%, 110%;
}

.fadein .fade_box.active.kore {
    transform: translateY(0px);
}

#top_contents1 .info_title {
    top: 0;
    position: relative;
    color: purple;
    margin: 60px auto;
}

#footer_info .info_title {
    left: 0%;
    position: relative;
    margin-bottom: 20px;
}

#video{
    margin-top: 80px;
}

}

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

/*#main_img:before{*/
/*     background-position: 5% 60%, 95% 60%, 50% 40%, 50% 85%, 50% 75.5% , 50% 30%;*/
/*     background-size: 20% ,20% , 90%, 130px , 60%, 110%;*/
/*}*/

#main_img:before {
    background-position: 5% 60%, 95% 60%, 50% 40%, 50% 79%, 50% 68.5% , 50% 23%;
    background-size: 20% ,20% , 90%, 100px , 60%, 110%;
}


#main_img{
	height: 110vw;
}

h2.catch {
    margin-top: 0;
        font-size: 50px;
}

#top_contents1 {
    margin-bottom: 0;
}


}