﻿/* all page */
/*fonts*/

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: var(--color1);text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
#google_privacy a{color: var(--color1);}
:root{
	--color1: #f1aaaf;
	--color2: #e9b2bd;
	--color3: #f57777;
	--color4: #fff0f0;
	/*--font-jp: 'Noto Sans JP', "游ゴシック Medium", sans-serif;*/
}

#fakeloader:before {
    background-color: rgba(255, 255, 255, 0.8);
}

/* header */
#pc_nav li, #top_pc_nav li, #footer_nav li {max-width: 200px;}
#fix_bnr{
	bottom: 10px;
	right: 80px;
	z-index: 5;
	width: 400px;
}
@media screen and (max-width: 667px){
	#fix_bnr{width: 250px;right: 50px;}
}
.nav_menu_more:last-of-type a .icon:before{
    display: none;
}

/* footer */
#footer {background-color: rgba(255, 255, 255, 0.8);}
#info_contact .con_img:before {background-color: rgba(229,147,167,0.7);}
#footer #logo2 a{
    max-width: 200px;
}

/* top ----------------------------------------------------------------*/

/* main img */
#main_img:before{display: none;}
#main_img .hana_l {
    top: -35%;
    left: -2%;
    width: 23%;
}
#main_img .hana_r1 {
    top: -31%;
    right: 10%;
    width: 33%;
}
#main_img .hana_r2 {
    bottom: -25%;
    right: -5%;
    width: 34%;
}
#main_img .main01 {
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    width: 50%;
    max-width: 900px;
    animation: anim_type1 3s infinite ease-in-out alternate;
}
@keyframes anim_type1 {
	0% {transform:translate(0, -50%) rotate(-1deg);}
	50% {transform:translate(0, -51.6%) rotate(0deg);}
	100% {transform:translate(0, -50%) rotate(1deg);}
}
#main_img .flare {
    mix-blend-mode: plus-lighter;
    top: -15%;
    left: 17%;
    width: 52%;
    opacity: 0.4;
}
#main_img .catch {
    top: 49%;
    transform: translateY(-50%);
    right: 1%;
    width: 50%;
    max-width: 930px;
}

/* main */

/* intro */
#intro_wrap {background: none;}
#intro .intro_img {height: 300px;}

/* contents */
.back1:before, .back2:before {z-index:-1;}
#contents3_wrap:before, #contents3_wrap:after {top: 120px;}
#contents3 {margin-bottom: 120px;}
#contents3 .con_box {background-color: rgba(255, 255, 255, 0.9);}
#contents1 .hana_con1 {
    top: -30%;
    right: 3%;
    width: 21%;
    max-width: 300px;
}
#contents2 .hana_con2 {
    bottom: -2%;
    left: -4%;
    width: 30%;
    max-width: 440px;
}

/* topcms */
.link_type1 .link_top .link_title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 50px!important;
    margin-bottom: 30px;
    color: #474521;
    font-weight: normal;
    background-image: url("/Files/img/link_type1_icon.png");
    background-size: 50px;
    background-position: top center;
    background-repeat: no-repeat;
}
.link_type1 .link_top .link_title{
    font-size: 20px;
    margin-bottom: 20px;
}
.link_type1 .link_top a{
	padding-top: 40px;
	padding-bottom: 40px;
}
.link_type1 .link_top a:hover{
    background-color: #ededeb;
}
.link_type1 .link_top a:hover .link_img1{
    transform: translate(-50%, -50%) scale(1.1,1.1);
    opacity: 0.1;
}
@media screen and (max-width: 667px){
.link_type1 .link_top .link_title{
    font-size: 15px;
}
}

/* under page ----------------------------------------------------------------*/
#page_title:before {background-color: rgba(241, 170, 175, 0.5);}


/* ---------- 1536px ---------- */
@media screen and (max-width: 1536px){}
/* ---------- 1366px ---------- */
@media screen and (max-width: 1366px){}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#overlay .left li {max-width: none;}
#overlay .right a:hover {
    color: white;
}
#main_img .main01 {
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}
@keyframes anim_type1 {
	0% {transform:translate(-50%, 0%) rotate(-1deg);}
	50% {transform:translate(-50%, -1.6%) rotate(0deg);}
	100% {transform:translate(-50%, -0%) rotate(1deg);}
}
#main_img .flare {
    top: 2%;
    left: 50%;
}
#main_img .hana_r1 {
    top: -16%;
    right: -10%;
    width: 53%;
}
#main_img .hana_r2 {
    bottom: -5%;
    right: -25%;
    width: 58%;
}
#main_img .hana_l {
    top: -6%;
    left: -3%;
    width: 29%;
}
#main_img .catch {
    top: auto;
    bottom: 10%;
    transform: translateX(-50%);
    right: auto;
    left: 50%;
    width: 80%;
}
#contents1 .hana_con1 {
    top: -41%;
    right: -2%;
}
#contents2 .hana_con2 {
    bottom: -16%;
    left: -6%;
    width: 33%;
}

#page_title .page_title_box {
    width: 100%;
    background-color: rgba(229, 147, 167, 0.7);
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img .main01 {
    top: 15%;
    width: 100%;
}
#main_img .flare {
    top: 15%;
}
#main_img .hana_r1 {
    top: -7%;
    right: -16%;
    width: 59%;
}
#main_img .hana_r2 {
    bottom: -9%;
    right: -45%;
    width: 93%;
}
#main_img .hana_l {
    top: -3%;
    left: -6%;
    width: 38%;
}
#main_img .catch {
    bottom: 6%;
    width: 97%;
}
#contents1 .hana_con1 {
    top: -13%;
    right: -2%;
    width: 34%;
}
#contents2 .hana_con2 {
    bottom: -3%;
    left: -5%;
    width: 65%;
}

}





