/* ----------　all　---------- */
.linkStyle{
	color:var(--color1);
}
.linkStyle:hover{
	color:var(--color1);
	opacity: 0.7;
	transition: all 0.5s;
}
#mainwrap, #con_nav {
    background: var(--color4);
}
.under_page #con_nav {
    background: var(--color3);
}
.fixbnr {
    right: 10px;
    bottom: 60px;
    width: 17%;
    position: fixed;
    animation: rotate 1s infinite steps(2);
}
 @keyframes rotate {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
#gmap {
    border-radius: 30px 30px 0;
}
.info_txt_wrap {
    border-radius: 0 30px 30px;
}
footer .footer_item {
    background-color: var(--color1);
    color: #fff;
}
/* ----------　TOP　---------- */
.fv_catch:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../img/fv_img.png), url(../img/catch.png);
    background-repeat: no-repeat;
    background-position: 100% 100%, 10% 10%;
    background-size: max(400px, 40%), max(450px, 46%);
}
i.fas.fa-pen,.fa-users,i.fas.fa-school {
    color: var(--color1);
    margin-right: 5px;
    animation: rotate2 1s infinite steps(2);
}
  @keyframes rotate2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-10deg); }
  }
.attach_txt {
    font-family: 'Kiwi Maru', serif;
}
/* i.fas.fa-chalkboard,i.fas.fa-school {
    margin-right: 5px;
} */
.con_title:first-letter {
    font-size: 1.5em;
    color: var(--color1);
}
#attach:before {
    content: "";
    background-image: url(../img/woman.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 100%;
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 100%;
    height: 70%;
    z-index: 1;
}
.con3_box1 {
    z-index: 1;
}
#top_contents3,#top_news {
    background-image: url(../img/note.png);
    background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
}
/* ----------　下層ページ　---------- */
.box_img1,.box_img1 img,.cate_img1 {
    border-radius: 20px;
}
.con2_bg {
    display: none;
}
#page_title .title_wrap {
    color: var(--black);
}
.cate_list li {
    border-radius: 50px;
}
/* 会社情報 */
/* お問い合わせ */
#page08 .tel_wrap {
    border-radius: 24px;
}
/* プライバシーポリシー */
/* サイトマップ */



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

/* ----------　all　---------- */
.fixbnr {
    bottom: 50px;
    width: 34%;
    left: 20px;
}
#sp_nav a {
   color: var(--black);
}
.loader_icon {
    width: 45%;
}
.info_txt_wrap {
    padding-top: 20px;
    margin-bottom: 0;
    border-radius: 0 30px 30px 0;
}
#gmap {
    border-radius: 30px 0px 0 30px;
}
/* ----------　TOP　---------- */
#mainwrap {
    padding: 15px 0;
}
.fv_catch:before {
    background-image: url(../img/fv_img_tb.png), url(../img/catch_tb.png);
    background-repeat: no-repeat;
    background-position: 100% 100%, 20% 0%;
    background-size: 60%, 90%;
}
#attach:before {
    bottom: 0;
    left: 0px;
    width: 70%;
    height: 45%;
    z-index: 1;
}
#top_contents3 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)),
                  url(../img/note.png);
    background-blend-mode: lighten;
}
/* ----------　下層ページ　---------- */
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){

/* ----------　all　---------- */
.fixbnr {
    bottom: 10px;
    width: 45%;
    left: 15px;
}
.info_txt_wrap,#gmap {
    border-radius: 0;
    padding-bottom: 20px;
}
.footer_tel .font_2dw {
    letter-spacing: 0px;
}
/* ----------　TOP　---------- */
.fv_catch:before {
    background-image: url(../img/fv_img_sp.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 100%;
}
#main_img {
    /* height: 80vh; */
    height: calc(var(--vh, 1vh) * 80);
    margin-top: 0;
}
#attach {
    height: 220px;
}
.attach_txt{
    top: -10px;
    position: relative;
}
#top_contents3 .con3_box1 {
    margin-top: -17px;
}
/* ----------　下層ページ　---------- */
#con_nav {
    padding-bottom: 0;
}
/* 会社情報 */
/* お問い合わせ */
/* プライバシーポリシー */
/* サイトマップ */

}

/* ----------　PC確認サイズ　---------- */
/* 1536 */
@media screen and (max-width: 1536px){}
/* 1530 × 735 */
@media screen and (max-width: 1530px){}
/* 1366 */
@media screen and (max-width: 1366px){}