:root{
    --bl: #0f79a7;
    --si: #34c6ff;
    --lm: #c5d70b;
}

.border_color3 {
    border-color: var(--si);
}

.bg_color3 {
    background-color: var(--bl);
}

.bg_color2 {
    background-color: var(--si);
}

.bg_color1 {
    background-color: var(--lm);
}

.txt_color3, .txt_color1, .txt_color2 {
    color: var(--bl);
}

#fakeloader:before {
    background-color: transparent; 
}

#fakeloader{
    background-image: url(./Dup/img/back.jpg);
    background-position: center;
    background-size: 100% 100%;
}

#fakeloader .fl {
    max-width: 300px;
}

#main_img{
    position: relative;
}

#main_img:before{
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       top: 50%;
       left: 50%;
       background-image: url(./Dup/img/kore.png), url(./Dup/img/font.png), url(./Dup/img/bas.png);
       background-position: 87% 100%, 63% 27%, 35% 100%;
       -webkit-transform: translate(-50% , -50%);
       transform: translate(-50% , -50%);
       pointer-events: none;
       background-repeat: no-repeat;
       background-size: 28%, 11%, 90%;
       z-index: 1;
}

#main_img:after{
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       top: 50%;
       left: 50%;
       background-image: url(./Dup/img/ho.png);
       background-position: 22% 30%;
       -webkit-transform: translate(-50% , -50%);
       transform: translate(-50% , -50%);
       pointer-events: none;
       background-repeat: no-repeat;
       background-size: 32%;
       z-index: 0;
}

.footer {
    background-image: url(./Dup/img/back.jpg);
    background-color: transparent;
}

#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9,  #page10{
    min-width: 1280px;
}

.con1_inner p{
        text-align: left;
    max-width: 800px;
    margin: auto;
}

.arrow{
    color: var(--lm);
}

.tit{
        text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: var(--bl);
}

#con3 .box .icon{
    display: none;
}

.font_22 {
    
}

#con2 p.font_22{
    font-size: 26px;
    margin-bottom: 20px;
    font-weight: bold;
}

.con1_inner h2{
    font-size: 28px;
    font-weight: bold;
}

#con4{
    display: none;
}

.pagetitle_img {
    opacity: 1;
    mix-blend-mode: unset;
}

#con3 .title .en {
    font-weight: bold;
}

.f_contact_box p.font_16{
    margin-top: 20px;
} 

#con3 .box .img {
    border: 10px solid white;
}

.linkStyle{
color: #00b2ff;
}

#cms_6-b .cate_box, #cms_6-b .cate_box .box_txt1, #cms_6-b .cate_box .box_txt2 {
    border-color: #ffffff;
}

@media all and (-ms-high-contrast: none){
  

}




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

#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9,  #page10{
    min-width: 100%;
}

#main_img {
    padding-top: 90px;
}

#main_img img{
        object-fit: cover;
    height: 50vh;
}

}

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

#main_img:before {
    background-position: 100% 100%, 85% 35%, 85% 100%;
    background-size: 48%, 22%, 120%;
}

#main_img:after {
    background-position: 15% 45%;
    background-size: 49%;
}

.logo1 {
    max-width: 150px;
    padding-left: 0px;
    padding-right: 20px;
    transform: translateY(0px) !important;
}

.tit {
    font-size: 20px;
}

.f_contact_box h4{
    font-size: 35px;
}

}