﻿
.font_en { font-family: "Sawarabi Gothic" !important; }
#fakeloader {
    background-color: #74a9d2;
}


/*************************************
ヘッダー
*************************************/
.head_box{
position:relative;
    overflow: visible;

}




#main_img {
    z-index: 1;
    overflow: hidden;
    position: relative;
    max-height: 100vh;
    min-height: auto;
}

.scroll_bt {
    bottom: -20px;
}

.link_box ul{
justify-content: left;
}

.link_box ul li{
margin-right:10px;
}
/************************************
ここまで
***********************************/
/*********************************
ヘッダー
****************************/


.flex_box .bg_color4 {
    background: linear-gradient(to top, rgba(212,233,250,0.2) -20%, rgb(55, 162, 243)) !important;
}





.pc_box .txt_color3 {
    color: #f92858;
}
#main_menu ul li a::before {
    content: "";
    position: absolute;
    top: 42%;
    left: 0;
    width: 20px;
    height: 1px;
    background-color: #007aff;
    transition: .5s;
}
.pc_box .border_color1 {
    border-color: #f92858;
}
.pc_box #logo img {
       width: 70% !important;
    height: auto;
}
/*******************************
ここまで
**************************/
/*****************************
トップページ
**************************/
.width_1280-1000 {
    width: 100%;
    max-width: 1280px;
    min-width: 370px;
}
#top_cms .border_color1 {
    border-color: #74a9d2;
}
#top_cms .txt_color3 {
    color: #74a9d2;
}

#top_cms .txt_color3:hover {
    color: #d8dbd9;
}
.cms_title::before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #74a9d2;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}

#contents1 {
	background-image: url("./Dup/img/back_image_1.jpg");
	background-repeat: no-repeat;
	background-position: top right;
}
#contents2 {
	background-image: url("./Dup/img/back_image_2.jpg");
	background-repeat: no-repeat;
	background-position: bottom left;
}
#contents3 {
	background-image: url("./Dup/img/back_image_3.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
}
#top_cms .more {
	position: relative;
}
#top_cms .more_1:before {
    content: url(./Dup/img/boy_1.png);
    position: absolute;
    top: -175%;
    left: 50%;
    z-index: 10;
}
#top_cms .more_2:before {
    content: url(./Dup/img/girl.png);
    position: absolute;
    top: -175%;
    left: 50%;
    z-index: 10;
}
.more {
    margin-top: 100px;
}
#contents_box .txt_color1 {
    color: #59b264;
}
/******************************
ここまで
****************************/
/*****************************
フッター
*****************************/
.grid_5 .border_color1 {
    border-color: #74a9d2;
}
.grid_5 .foot_tel_bt .txt_color3 {
    color: #74a9d2;
}
.grid_5 .foot_tel_bt .txt_color3:hover {
    color: #d8dbd9;
}
#page-top .txt_color1 {
    color: #74a9d2;
}
.footer_cms {
    color: #212121;
}
/***************************
ここまで
****************************/
#page_title .page_box::before {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #74a9d2;
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
#cms_5-b .border_color3, #cms_4-a .border_color1, #cms_6-b .border_color1, #cms_2-a .border_color1 {
    border-color: #74a9d2;
}
#cms_4-a .txt_color3, #cms_6-b .txt_color3, #cms_2-a .txt_color3 {
    color: #74a9d2;
}
#cms_6-b .bg_color3 {
    background-color: #87dd95;
}
#cms_5-b .bg_color1, #cms_6-b .bg_color1 {
    background-color: #74a9d2;
}

#cms_5-b .cate_box .open_bt .box_title1::before {
    color: #87dd95 !important;
}

#page_title .title_img3::after {
    content: url(./Dup/img/background.png);
    position: absolute;
    top: 223px;
    right: 0px;
}

#page8 .txt_color2 {
    color: #212121;
}
#page8 .border_color2 {
    border-color: #74a9d2;
}
#page7 .border_color1 {
    border-color: #74a9d2;
}
#page7 .txt_color3 {
    color: #212121;
}
#page9 .border_color1 {
    border-color: #74a9d2;
}

#page9 .txt_color1 {
    color: #212121;
}
#page9 .bg_color1 {
    background-color: #74a9d2;
}
.flex_box .bg_color4 {
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_2.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -50px, 95%, 40px;
    background-position-x: -60px, -60px, 250px;
}
#news_list {
    border-color: #74a9d2;
}
#main_menu li, .contact_bt, .tel_bt {
 font-size: 18px;
}

#main_menu {
margin-top: 20px;
}
#main_menu li, .contact_bt, .tel_bt {
    font-size: 20px;
}
.font_22 {
    font-size: 24px;
}
.font_20 {
    font-size: 22px;
}
.font_14 {
    font-size: 20px;
}
#page9, #page7 .box_wrap, #tel_txt, #cms_5-b .box_txt1, #cms_6-b .cate_txt1, #cms_2-a .box_txt1, #cms_1-f .box_txt1, .foot_tel_bt {
  font-size: 20px;
}
.font_4up {
    font-size: 22px;
}
.font_2up {
    font-size: 20px;
}
#page10 {
  font-size: 16px;
}
#main_menu .mg_b-30px {
    margin-bottom: 20px;
}
/*-----------------inoue------------------*/




header:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_3.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -90px, 97%, 9px;
    background-position-x: -92px, -9px, 364px;
    z-index: 9999;
    width: 100%;
    height: 98%;
    top: 0px;
    pointer-events: none;
}

/*-----------------inoue------------------*/

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page_title .title_img3::after {
    content: url(./Dup/img/background.png);
    position: absolute;
    top: 47px;
    right: 0px;
}	
header:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_3.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -164px, 159%, -20px;
    background-position-x: -92px, -34px, 607px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0px;
    pointer-events: none;
}
.hamburger {
    top: 50px;
    right: 55px;
}
#logo {
   margin-left: 50px;
}
.pc_box #logo img {
    width: 60% !important;
    height: auto;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#page_title .title_img3::after {
    display: none;
}
#page_title .title_img2::after {
    content: url(./Dup/img/background_2.png);
    position: absolute;
    top: 6px;
    right: 0px;
}
.pc_box #logo img {
    width: 50% !important;
    height: auto;
margin-left: 30px;
}
.hamburger {
    top: 23px;
    right: 3px;
}
.flex_box .bg_color4 {
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_2.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -154px, 17%, -62px;
    background-position-x: -60px, -109px, 271px;
}
.grid_5 .width_200-max {
    margin-left: 77px;
}
#page_title .page_box::before {
   display: none;
}
header:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_3.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -160px, -25%, -47px;
    background-position-x: -92px, -53px, 286px;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0px;
    pointer-events: none;
}
}


/* ----------- IE ------ ---------- */
@media all and (-ms-high-contrast:none) {
.flex_box .bg_color4 {
    background-image: url(./Dup/img/kumo.png), url(./Dup/img/ki_2.png), url(./Dup/img/kumo.png);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position-y: -50px, 95%, 40px;
    background-position-x: -118px, -60px, 364px;
}
#main_menu .mg_b-30px {
    margin-bottom: 20px;
}

}