@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Serif+JP:wght@200..900&display=swap');
/* 1536 , 1530 × 735 ,1366 *//* 上記画面幅でも崩れていないか確認 */

/* 修正した場合→各項目の一番下に日付をコメントアウトして追記 */




/*■■　ALL　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#fakeloader{
    display:none;
}
.title,h2,h3,h4{
  font-family: "M PLUS 1p", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "游ゴシック体", YuGothic, "YuGothic M", meiryo, sans-serif;;
  font-weight: 800;
  font-style: normal;
}
.header-in{
    box-shadow: none;
    border:2px solid;
    border-color:var(--color1);
}
.f_sitemap_inner li:nth-of-type(6) a{
    letter-spacing: 0px;
}
.f_contact_img{
    background-image:url(/Files/img/footer.jpg)!important;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
.header-in{
    box-shadow: none;
    border:none;
    border-color:transparent;
}
#sp_nav .sp_nav_inner .l-menu ul li a{
    letter-spacing: -2px;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#sp_nav .sp_nav_inner .l-menu ul li a {
    letter-spacing: 0;
}

}



/*■■　FV　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#main_img {
    height: 90vh;
    background-image: url(/Files/img/main_img.png), url(/Files/img/item2.png), url(/Files/img/item3.png);
    background-size: contain, 300px 230px, 250px 190px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 0 120px, top left, top right;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#main_img{
    height: 70vh;
    background-image: url(/Files/img/main_img_tb.png), url(/Files/img/item2.png), url(/Files/img/item3.png);
    background-size: contain, 300px 230px, 250px 190px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 0 120px, top left, top right;
}
}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
#main_img {
    /*height: 52vh;*/
    height:342px;
    background-size: contain, 180px 120px, 150px 120px;
    background-position: bottom, top left, top right;
}
}

@media screen and (max-width: 414px){
#main_img {
    height: 42vh;
}
}


/*■■　TOP　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#con1{
    background-image: url(/Files/img/item1.png), url(/Files/img/item4.png);
    background-repeat: no-repeat, no-repeat;
    background-size: 250px 230px, 300px 200px;
    background-position: bottom left, bottom right;
    background-color: var(--color5);
}
#con1 .pc_txt{
    font-size:2rem;
}
#con3 .square_img,
#con1 .con1_squ .bg_color1{
    border-radius: 30% 70% 52% 48% / 52% 32% 68% 48%;
}
#con1 .con1_squ .bg_color3{
    border-radius: 47% 53% 63% 37% / 42% 54% 46% 58%;
}
#con1 .con1_squ .bg_color2{
    border-radius: 60% 40% 44% 56% / 61% 47% 53% 39%;
}
#con2{
    background:url(/Files/img/wave1.png) repeat-X left bottom / 800px 23px ;
}
#topCms{
    background:url(/Files/img/wave2.png) repeat-X left top / 800px 23px ;
}

/* ---------------------------　タブレット　-------------------------- */
@media screen and (max-width: 768px){
#con3 .icon img{
    width:70px;
}
}

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

}



/*■■　下層ページ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.all_contents{
    background-image:  url(/Files/img/item2.png), url(/Files/img/item3.png),url(/Files/img/item1.png), url(/Files/img/item4.png);
    background-size:  300px 230px, 250px 190px,250px 230px, 300px 200px;
    background-repeat:  no-repeat, no-repeat,no-repeat, no-repeat;
    background-position:top left, top right, bottom left, bottom right;
    background-color: var(--color5);
}
.pagetitle_img{
    background-image:url(/Files/img/page_title.jpg)!important;
}
#page8 .contact_line a{
    padding: 18px 40px;
    border-radius: 50px;
    transition: .3s;
}
#page8 .contact_line a:hover{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-animation: easeOutBounce .6s;
    animation: easeOutBounce .6s;
}

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

}

/* --------------------------　スマホ　-------------------------- */
@media screen and (max-width: 667px){
.all_contents{
    background-image: url(/Files/img/item2.png), url(/Files/img/item3.png), url(/Files/img/item1.png), url(/Files/img/item4.png);
    background-size: 150px 120px, 150px 120px, 120px 120px, 150px 100px;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, top right, bottom left, bottom right;
    background-color: var(--color5);
}
#cms_2-g .cate_title{
    line-height:1.3;
}
}