@charset "UTF-8";

body{
padding:0;
background-color: #ffffff;
flex-direction: column;
font-family:Avenir,Helvetica Neue,Helvetica,Arial,'Hiragino Sans','ヒラギノ角ゴシック','Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MSP Gothic';
margin:0;
webkit-text-size-adjust: 100%;
}

:focus {
    outline: none;
}

a:hover {
	color: orange;
}
a {
	text-decoration: none;
}

.btn_style{
display:inline-block;
background-image:url('../img/btn_png.png');
padding:5px 10px;
font-size:1.1em;
border-radius:5px;
}

.title_space{
display:inline-block;
width:100%;
text-align:center;
background:rgba(0,0,0,0.5);
padding:5px 0;
text-align:center;
z-index:10;
}

@media screen and (orientation:landscape) and (max-width:800px){

.vew_ng{
display:inline-block;
}

.vew_ok{
display:none;
}

}

@media screen and (min-width:1px) and ( max-width:600px){


.top_title{
display:inline-block;
width:90%;
max-width:550px;
text-align:left;
}


.aniv{
display:inline-block;
font-size: 2.5vmax;
color:#fff;
margin-top:5px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
margin-left:5px;
}

.aniv_space{
display:inline-block;
padding:3px 10px;
background-color:#ea68a2;
border-radius:0 0 5px 5px;
}

.font_l{
display:inline-block;
font-size: 4.0vmax;
color:#111;
text-shadow: 2px 2px 5px rgba(255,255,255,0.6);
font-weight:bolder;
//font-family: 'M PLUS Rounded 1c';
font-family:'Noto Sans JP',sans-serif;
line-height:1.3;
//letter-spacing:-3px;
margin-top:3%;
}

.font_m{
display:inline-block;
font-size:4.0vmax;
}


.top_image{
display:inline-block;
width:100%;
max-width:1280px;
height:100%;
background-image:url(../img/top_model.png);
background-repeat:no-repeat;
background-size:cover;
background-position:46% -10;
position:relative;
}

.mist_space{
display:inline-block;
width:94%;
max-width:550px;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
text-align:left;
}

.mist_image{
display:inline-block;
position:absolute;
top:0;
bottom:0;
left:0%;
margin:auto;
width:87px;
}

.mask_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:55%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_model_2.png);
background-repeat:no-repeat;
background-size:cover;
background-position:15% top;
}

.mask_image_1{
display:inline-block;;
width:100%;
max-width:1280px;
height:55%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_model_1.png);
background-repeat:no-repeat;
background-size:cover;
background-position:15% top;
}


.black_image{
display:inline-block;;
width:90%;
max-width:1280px;
height:50%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/model_black.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -8em bottom 0;
}


.anti_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100vh;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/ougon_new.png);
background-repeat:no-repeat;
background-size:cover;
background-position:45% bottom;
border-top:1px solid #eee;
}


.relative_space{
display:inline-block;
width:100%;
max-width:600px;
position:relative;
height:100vh;
text-align:center;
}

.torable_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:50%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/torable.png);
background-repeat:no-repeat;
background-size:cover;
background-position:20% bottom;
}


.tofu_image{
display:inline-block;
width:100%;
max-width:1280px;
height:50%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/tofu.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -5.0em bottom 0;
}

.office_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:40%;
position:absolute;
top:0;
left:0;
background-image:url(../img/office.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left top;
}

.home_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:35%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/home.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom;
}

.mask_end_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:65%;
position:absolute;
top:-30;
right:0;
background-image:url(../img/mask_end.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -5.0em top 0px;
}


/*追加*/

.index_space{
display:inline-block;
position:absolute;
top:0;left:0;
padding:3px 5px;
/*background-color:#ea68a2;*/
background-color:#FF9900;
z-index:6;
border-radius:0 0 5px 0;
}

.index_font{
display:inline-block;
font-size:1.0em;
color:#fff;
}

.text_space_r{
display:inline-block;
width:90%;
text-align:center;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
z-index:2;
}

.phone_img{
display:inline-block;
width:100%;
}

.pc_img{
display:none;
}

.kilonamist_space{
display:inline-block;
max-width:130px;
width:33%;
border:0px solid #f00;
}

.text_space_left{
display:inline-block;
width:90%;
text-align:center;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
z-index:2;
}


.text_space_anti{
display:inline-block;
width:94%;
text-align:center;
position:absolute;
top:5%;
left:0;
right:0;
margin:auto;
z-index:2;
background:rgba(255,255,255,0.8);
padding-bottom:10px;
border-radius:5px;
border:1px solid #eee;
}

.schime_photo{
display:inline-block;
margin-top:20%;
height:auto;
width:30%;
border:0px solid #f00;
}

.schime_text_1{
display:inline-block;
position:absolute;
top:5%;
left:-4%;
width:50%;
max-width:300px;
}

.schime_text_2{
display:inline-block;
position:absolute;
bottom:-10%;
right:-2%;
width:50%;
max-width:300px;
}

.black_space{
display:block;
width:100%;
position:sticky;
position:-webkit-sticky;
top:0;
border:0px solid #f00;
z-index:5;
}

.text_space_end{
display:inline-block;
width:90%;
text-align:center;
position:absolute;
top:67vh;
left:0;
right:0;
margin:auto;
z-index:3;
border:0px solid #f00;
}

.schime_s_photo{
display:inline-block;
text-align:right;
position:absolute;
top:37%;
right:1%;
z-index:3;
border:0px solid #f00;
width:100%;
}

.rouka_text{
display:inline-block;
width:90%;
max-width:800px;
text-align:left;
position:absolute;
top:40vh;
left:0;
right:0;
margin:auto;
border:0px solid #f00;
}

.phone_img_hada{
display:block;
}

.pc_img_hada{
display:none;
}

.office_home{
display:inline-block;
width:90%;
max-width:700px;
text-align:center;
position:absolute;
top:9%;
bottom:0;
left:0;
right:0;
margin:
auto;z-index:3;
height:200px;
border:0px solid #f00;
}

.five{
display:inline-block;
width:250px;
height:250px;
background:rgba(234,104,162,0.7);
border:1px solid rgba(224,104,162,0.8);
border-radius:50%;
text-align:center;
position:relative;
margin-bottom:20px;
}

.top_mist{
display:inline-block;
width:43px;
position:absolute;
bottom:-2;
right:75;
margin:auto;
}

.five_text{
display:inline-block;
position:absolute;
top:15;
right:37;
font-size:1.0em;
color:#fff;
font-weight:bolder;
line-height:1.2;
font-family: 'M PLUS Rounded 1c';
}



.title_font{
font-size:1.1em;
font-family: 'M PLUS Rounded 1c';
color:#fff;
}

.s_title_font{
display:inline-block;
width:100%;
text-align:left;
font-size:1.7em;
color:#000;
font-weight:bolder;
margin-top:40px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.memo_font{
display:inline-block;
//width:100%;
text-align:left;
font-size:1.0em;
color:#000;
margin-top:20px;
line-height:1.2;
font-family:'Noto Sans JP',sans-serif;
//margin:5px 10px;
}

.text_margin{
display:inline-block;
margin:0px;
}

.phone_img_kilona{
display:inline-block;
width:100%;
}

.pc_img_kilona{
display:none;
}

.sale_1000{
display:inline-block;
position:absolute;
top:450;
left:0;
right:-36%;
margin:auto;
width:150px;
text-align:center;
z-index:7;
transform:rotate(-10deg);
}

.bach_1_1{
display:inline-block;
position:absolute;
top:90;
left:3%;
text-align:center;
z-index:3;
width:80px;
height:30px;
}

.bach_2_1{
display:inline-block;
position:absolute;
top:-10;
left:3%;t
ext-align:center;
z-index:3;
width:80px;height:30px;
}

.bach_mark{
display:inline-block;
color:#999900;
font-size:2.6em;
position:absolute;
top:-5;
bottom:0;
left:-7;
margin:auto;
}

.bach_font{
display:inline-block;
font-size:1.5em;
font-family:sans-serif;
position:absolute;
top:0;
bottom:0;
right:3;
margin:auto;
/*font-weight:bolder;*/
color:#999900;
}

.kilona_ok{
display:inline-block;
position:relative;
width:60%;
max-width:300px;
textalign:center;
height:50vh;
border:0px solid #f00;
}

.kilona_ok_font{
display:inline-block;
font-size:1.3em;
font-family:'Noto Sans JP',sans-serif;
font-weight:bolder;
text-shadow: 2px 2px 5px rgba(255,255,255,0.6);
}

.text_title_tofu{
display:inline-block;
width:100%;
text-align:left;
font-size:1.9em;
color:#000;
font-weight:bolder;
margin-top:60px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.relative_space_left{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.relative_space_office{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.phone_img_office{
display:inline-block;
width:100%;
}

.pc_img_office{
display:none;
}

.home_office_back_w{
display:inline-block;
background:rgba(255,255,255,0.0);
border-radius:0px;
width:100%;
filter:drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
}

.home_office_margin{
display:inline-block;
text-align:left;
line-height:1.2;
margin:0px 0px;
}

.home_office_font{
display:inline-block;
color:#000;
font-weight:bolder;
font-family:'Noto Sans JP',sans-serif;
font-size:1.6em;
}

.home_office_font_s{
display:inline-block;
text-align:left;
font-size:1.0em;
color:#000;
margin-top:7px;
line-height:1.2;
font-family:'Noto Sans JP',sans-serif;
margin-bottom:0px;
}

.title_space_anti{
display:inline-block;
width:100%;
text-align:left;
font-size:1.5em;
color:#000;
font-weight:bolder;
margin-top:10px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.margin_anti{
display:inline-block;
text-align:center;
z-index:3;
border:0px solid #f00;
margin:5px 10px;

}

.liq_space{
display:inline-block;
font-weight:bolder;
background:rgba(255,153,0,0.8);
text-align:center;
width:120px;
height:120px;border-radius:50%;
position:absolute;
top:5%;
left:53%;
right:0;
margin:auto;
z-index:2;
}

.relative_space_black{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.relative_space_maskend{
display:inline-block;
width:100%;
max-width:600px;
position:relative;
height:100vh;
text-align:center;
}

.maskend_space{
display:inline-block;
width:170px;
height:170px;
background:rgba(0,0,0,0.6);
border-radius:50%;
text-align:center;
}

.maskend_text{
display:inline-block;
margin-top:20px;
font-size:1.0em;
color:#fff;
font-family:'M PLUS 1p', sans-serif;
line-height:1.2;
}

.maskend_photo{
display:inline-block;
width:18%;
margin-top:3px;
}

.kilonamist_end_photo{
display:inline-block;
width:30%;
max-width:100px;
text-align:center;
margin-top:40px;
}

}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:601px){

.top_title{
display:inline-block;
width:90%;
max-width:550px;
text-align:left;
}

.aniv{
display:inline-block;
font-size: 2.5vmax;
color:#fff;
margin-top:5px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
margin-left:5px;
}


.aniv_space{
display:inline-block;
padding:3px 10px;
background-color:#ea68a2;
border-radius:0 0 10px 10px;
}

.font_l{
display:inline-block;
font-size: 4.5vmax;
color:#111;
text-shadow: 2px 2px 5px rgba(255,255,255,0.4);
font-weight:bolder;
//font-family: 'M PLUS Rounded 1c';
font-family:'Noto Sans JP',sans-serif;
line-height:1.4;
//letter-spacing:-3px;
margin-top:3%;
}

.font_m{
display:inline-block;
font-size:4.0vmax;
}

.top_image{
display:inline-block;
width:100%;
max-width:1280px;
height:100%;
//min-height:650px;
//max-height:650px;
background-image:url(../img/top_model.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left -20em bottom 1em;
position:relative;
//margin-bottom:100px;
}

.mist_space{
display:inline-block;
width:90%;
max-width:600px;
position:absolute;
left:0;
right:0;
bottom:50;
margin:auto;
text-align:left;
}

.mist_image{
position:absolute;
top:0;
bottom:0;
margin:auto;
left:1%;
display:inline-block;
width:110px;
}




.mask_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:70%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_model_2.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left top 0;
}

.mask_image_1{
display:inline-block;;
width:100%;
max-width:1280px;
height:70%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_model_1.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left top 0;
}



/*追加*/

.relative_space{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:80vh;
text-align:center;
}

.index_space{
display:inline-block;
position:absolute;
top:0;left:0;
padding:3px 5px;
/*background-color:#ea68a2;*/
background-color:#FF9900;
z-index:6;
border-radius:0 0 5px 0;
}

.index_font{
display:inline-block;
font-size:1.3em;
color:#fff;
}

.torable_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:80%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/torable.png);
background-repeat:no-repeat;
background-size:cover;
background-position:20% bottom;
}

.text_space_r{
display:inline-block;
width:45%;
text-align:center;
position:absolute;
top:0;
right:3%;
z-index:2;
background:rgba(255,255,255,0.7);
border-radius:5px;
//border:1px solid #f00;
margin-top:40px;
}

.phone_img{
display:none;
}

.pc_img{
display:inline-block;
width:100%;
}



.rouka_text{
display:inline-block;
width:80%;
max-width:800px;
text-align:left;
position:absolute;
top:500;
left:0;
right:0;
margin:auto;
border:0px solid #f00;
}

.kilonamist_space{
display:inline-block;
max-width:150px;
width:30%;
border:0px solid #f00;
}

.phone_img_hada{
display:none;
}

.pc_img_hada{
display:block;
}

.tofu_image{
display:inline-block;
width:100%;
max-width:1280px;
height:60%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/tofu.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -5.0em bottom 0;
}

.text_space_left{
display:inline-block;
width:80%;
text-align:center;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
background:rgba(255,255,255,0.7);
border-radius:5px;
z-index:2;
}

.office_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:50vh;
position:absolute;
top:0;
left:0;
background-image:url(../img/office_s.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left top;;
}

.home_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:50vh;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/home.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left bottom;
}

.office_home{
display:inline-block;
width:84%;
max-width:700px;
text-align:center;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:3;
height:150px;
border:0px solid #f00;
}


.anti_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/ougon_new.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left -18.0em bottom 0;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}



.text_space_anti{
display:inline-block;
width:70%;
text-align:center;
position:absolute;
top:10%;
left:0;
right:0;
margin:auto;
z-index:2;
background:rgba(255,255,255,0.8);
border-radius:10px;
filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
padding-bottom:10px;
}

.schime_photo{
display:inline-block;
margin-top:20%;
height:auto;
width:30%;
max-width:100px;
border:0px solid #f00;
}

.schime_text_1{
display:inline-block;
position:absolute;
top:5%;
left:-4%;
width:50%;
max-width:300px;
}

.schime_text_2{
display:inline-block;
position:absolute;
bottom:-10%;
right:-2%;
width:50%;
max-width:300px;
}

.black_space{
display:block;
width:100%;
position:sticky;
position:-webkit-sticky;
top:0;
border:0px solid #f00;
z-index:5;
}

.text_space_end{
display:inline-block;
width:45%;
text-align:center;
position:absolute;
top:15vh;
left:-43%;
right:0;
margin:auto;
z-index:3;
border:0px solid #f00;
}

.schime_s_photo{
display:inline-block;
text-align:center;
position:absolute;
top:40vh;
left:-43%;
right:0;
margin:auto;
z-index:3;
border:0px solid #f00;
width:100%;
}

.black_image{
display:inline-block;;
width:65%;
max-width:1280px;
height:55%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/model_black.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -10em bottom 0;
}

.mask_end_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:85%;
position:absolute;
top:-30;
right:0;
background-image:url(../img/mask_end.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -17.0em top 0px;
}

.five{
display:inline-block;
width:300px;
height:300px;
background:rgba(234,104,162,0.7);
//background:rgba(255,255,0,0.7);
border:1px solid rgba(224,104,162,0.8);
//border:1px solid rgba(255,255,0,0.8);
border-radius:50%;
text-align:center;
position:relative;
}

.top_mist{
display:inline-block;
width:53px;
position:absolute;
bottom:-20;
right:80;
}

.five_text{
display:inline-block;
position:absolute;
top:22;
right:37;
font-size:1.2em;
color:#fff;
font-weight:bolder;
line-height:1.3;
font-family:'M PLUS Rounded 1c';
}


.title_font{
font-size:1.3em;
font-family: 'M PLUS Rounded 1c';
color:#fff;
}

.s_title_font{
display:inline-block;
width:100%;
text-align:left;
font-size:1.7em;
color:#000;
font-weight:bolder;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.text_margin{
display:inline-block;
margin:5px 10px;
}

.memo_font{
display:inline-block;
text-align:left;
font-size:1.0em;
color:#000;
margin-top:20px;
line-height:1.2;
font-family:'Noto Sans JP',sans-serif;
}

.mask_image_1_pc{
display:inline-block;;
width:100%;
max-width:1280px;
height:60%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_3.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center top 0;
}

.relative_space_mask{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
text-align:center;
height:60vh;
border:0px solid #f00;
}

.text_space_mask{
display:inline-block;
width:90%;
text-align:center;
position:absolute;
bottom:-70%;
left:0;
right:0;
margin:auto;
background:rgba(255,255,255,0.7);
border-radius:5px;
z-index:2;
border:0px solid #f00;
}

.phone_img_kilona{
display:none;
}

.pc_img_kilona{
display:inline-block;
width:100%;
}

.kilonamist_5th_space{
display:inline-block;
position:absolute;
top:45%;
left:30%;
right:0;
margin:auto;
width:200px;
height:200px;
border-radius:50%;
background-color:#FF99CC;
}

.kilonamist_5th{
display:inline-block;
position:absolute;
top:50%;
transform: translateY(-50%);
left:10%;
right:0;
margin:auto;
color:#fff;
border:0px solid #00f;
font-size:1.2em;
font-family: 'M PLUS Rounded 1c';
}

.sale_1000{
display:inline-block;
position:absolute;
top:450;
left:0;
right:-20%;
margin:auto;
width:150px;
text-align:center;
z-index:7;
transform:rotate(-10deg);
}

.bach_1_1{
display:inline-block;
position:absolute;
top:100;
left:3%;
text-align:center;
z-index:3;
width:120px;
height:50px;
}

.bach_2_1{
display:inline-block;
position:absolute;
top:-10;
left:3%;t
ext-align:center;
z-index:3;
width:120px;
height:50px;
}

.bach_mark{
display:inline-block;
color:#999900;
font-size:3.2em;
position:absolute;
top:-5;
bottom:0;
left:-7;
margin:auto;
}

.bach_font{
display:inline-block;
font-size:2.0em;
font-family:sans-serif;
position:absolute;
top:5;
bottom:0;
right:10;
margin:auto;
/*font-weight:bolder;*/
color:#999900;
}

.kilona_ok{
display:inline-block;
position:relative;
width:60%;
max-width:300px;
textalign:center;
height:50vh;
border:0px solid #f00;
}

.kilona_ok_font{
display:inline-block;
font-size:1.8em;
font-family:'Noto Sans JP',sans-serif;
font-weight:bolder;
text-shadow: 2px 2px 5px rgba(255,255,255,0.6);
}

.text_title_tofu{
display:inline-block;
width:100%;
text-align:left;
font-size:1.9em;
color:#000;
font-weight:bolder;
margin-top:60px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.relative_space_left{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.relative_space_office{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.phone_img_office{
display:inline-block;
width:100%;
}

.pc_img_office{
display:none;
}

.home_office_back_w{
display:inline-block;
background:rgba(255,255,255,0.7);
border-radius:10px;
width:100%;
filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}

.home_office_margin{
display:inline-block;
text-align:left;
line-height:1.2;
margin:10px 20px;
}

.home_office_font{
display:inline-block;
color:#000;
font-weight:bolder;
font-family:'Noto Sans JP',sans-serif;
font-size:1.5em;
}

.home_office_font_s{
display:inline-block;
text-align:left;
font-size:1.0em;
color:#000;
margin-top:7px;
line-height:1.2;
font-family:'Noto Sans JP',sans-serif;
margin-bottom:3px;
}

.title_space_anti{
display:inline-block;
width:100%;
text-align:left;
font-size:1.55em;
color:#000;
font-weight:bolder;
margin-top:10px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.margin_anti{
display:inline-block;
text-align:center;
z-index:3;
border:0px solid #f00;
margin:10px 20px;
}


.liq_space{
display:inline-block;
font-weight:bolder;
background:rgba(255,153,0,0.8);
text-align:center;
width:150px;
height:150px;
border-radius:50%;
position:absolute;
top:0;
left:32%;
right:0;
margin:auto;
z-index:2;
}

.liq_text{
display:inline-block;
width:36%;
max-width:150px;
text-align:left;
position:absolute;
bottom:15%;
left:33%;
right:0;
margin:auto;
z-index:4;
}

.relative_space_black{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.title_space_schi{
display:inline-block;
width:100%;
position:absolute;
top:12%;
left:0;
right:0;
margin:auto;
}

.relative_space_black_2{
display:inline-block;
width:100%;
text-align:center;
background-color:#222;
border:0px solid #f00;
height:80vh;
position:relative;
}

.schi_size{
display:inline-block;
width:30%;
max-width:110px;
}

.schi_space{
display:inline-block;
width:80%;
position:absolute;
top:55%;
transform: translateY(-45%);
left:-55%;
right:0;
margin:auto;
}

.schi_text_pc{
display:inline-block;
width:50%;
max-width:400px;
position:absolute;
top:55%;
transform:translateY(-45%);
left:0;
right:-20%;
margin:auto;
border:0px solid #f00;
}

.ab_black_1{
display:inline-block;
position:absolute;
top:30%;
transform:translateY(-70%);
left:-47%;
right:0;
margin:auto;
text-align:center;
width:100%;
}

.ab_black_2{
display:inline-block;
position:absolute;
top:30%;
transform:translateY(-70%);
left:5%;
right:-42%;
margin:auto;
text-align:center;
width:50%;
}

.ab_black_3{
display:inline-block;
position:absolute;
top:52%;
transform:translateY(-48%);
left:-47%;
right:0;
margin:auto;
text-align:center;
width:100%;
}

.ab_black_4{
display:inline-block;
position:absolute;
top:72%;
transform:translateY(-28%);
left:-47%;
right:0;
margin:auto;
text-align:center;
width:100%;
}

.ab_black_w_1{
display:inline-block;
width:40%
;max-width:300px;
text-align:left;
line-height:1.3;
}


.ab_black_w_2{
display:inline-block;
width:100%;
max-width:300px;
text-align:left;
line-height:1.3;
border:0px solid #f00;
}


.ab_black_w_3{
display:inline-block;
width:46%
;max-width:300px;
text-align:left;
line-height:1.3;
}

.ab_black_w_4{
display:inline-block;
width:46%
;max-width:300px;
text-align:left;
line-height:1.3;
}

.relative_space_maskend{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.maskend_space{
display:inline-block;
width:220px;
height:220px;
background:rgba(0,0,0,0.6);
border-radius:50%;
text-align:center;
}

.maskend_text{
display:inline-block;
margin-top:30px;
font-size:1.3em;
color:#fff;
font-family:'M PLUS 1p', sans-serif;
line-height:1.2;
}

.maskend_photo{
display:inline-block;
width:25%;
margin-top:10px;
}

.kilonamist_end_photo{
display:inline-block;
width:30%;
max-width:140px;
text-align:center;
margin-top:40px;
}


}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:801px){


.top_title{
display:inline-block;
width:80%;
max-width:800px;
text-align:left;
}


.aniv{
display:inline-block;
font-size: 2.0vmax;
color:#fff;
margin-top:5px;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
margin-left:5px;
}

.font_l{
display:inline-block;
font-size: 4.0vmax;
color:#111;
text-shadow: 2px 2px 5px rgba(255,255,255,0.5);
//font-weight:bolder;
//font-family: 'M PLUS Rounded 1c';
font-family:'Noto Sans JP',sans-serif;
line-height:1.4;
//letter-spacing:-3px;
margin-top:1%;
}

/*
.font_l{
display:inline-block;
font-size: 4.3vmax;
color:#fff;
text-shadow: 2px 2px 10px rgba(0,0,0,0.2);
font-family: 'M PLUS Rounded 1c';
line-height:1.3;
letter-spacing:-3px;
}

.font_m{
display:inline-block;
font-size:3.3vmax;
}

*/

.top_image{
display:inline-block;
width:100%;
max-width:1280px;
height:100%;
background-image:url(../img/top_model.png);
background-repeat:no-repeat;
background-size:cover;
background-position:30% 0;
}



.mist_space{
display:inline-block;
width:90%;
max-width:700px;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
text-align:left;
}

.mist_image{
display:inline-block;
position:absolute;
top:0;
bottom:0;
left:0%;
margin:auto;
width:98px;
}

.relative_space{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.torable_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/torable.png);
background-repeat:no-repeat;
background-size:cover;
background-position:20% bottom;
}


.mask_image{
display:inline-block;
width:100%;
max-width:1280px;
height:100%;
min-height:600px;
max-height:600px;
background-image:url(../img/mask_model_3.png);
background-repeat:no-repeat;
background-size:cover;
background-position:top left;
}


/*追加*/

.index_space{
display:inline-block;
position:absolute;
top:0;left:0;
padding:3px 5px;
/*background-color:#ea68a2;*/
background-color:#FF9900;
z-index:6;
border-radius:0 0 5px 0;
}

.index_font{
display:inline-block;
font-size:1.3em;
color:#fff;
}

.text_space{
display:inline-block;
width:40%;
text-align:center;
position:absolute;
top:5%;
right:10%;
margin:auto;
z-index:2;
}

.phone_img{
display:none;
}

.pc_img{
display:inline-block;
width:100%;
}

.mask_image_1_pc{
display:inline-block;;
width:100%;
max-width:1280px;
height:70%;
position:absolute;
top:0;
left:0;
background-image:url(../img/mask_3.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center top 0;
}

.kilonamist_space{
display:inline-block;
max-width:120px;
width:33%;
border:0px solid #f00;
}

.tofu_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/tofu_s.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right bottom;
}

.text_space_left{
display:inline-block;
width:36%;
text-align:left;
position:absolute;
top:15%;
//bottom:10%;
left:-50%;
/*margin:auto;*/
background:rgba(255,255,255,0.0);
z-index:2;
height:300px;
border:0px solid #f00;
}




.text_margin{
display:inline-block;
margin:5px 10px;
}

.office_image{
display:inline-block;;
width:490%;
//max-width:640px;
height:50vh;
/*
position:absolute;
top:120;
left:0;
*/
background-image:url(../img/office.png);
background-repeat:no-repeat;
background-size:cover;
/*background-position:left top;*/
}

.home_image{
display:inline-block;;
width:49%;
//max-width:640px;
height:50vh;
/*
position:absolute;
top:120;
right:0;
*/
background-image:url(../img/home_retern.png);
background-repeat:no-repeat;
background-size:cover;
/*background-position:right top;*/
}

.home_office_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:62vh;
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
background-image:url(../img/home_office_s.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
}

.anti_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100%;
position:absolute;
bottom:0;
left:0;
background-image:url(../img/ougon_new.png);
background-repeat:no-repeat;
background-size:cover;
background-position:left -10.0em bottom 0;
}

.text_space_anti{
display:inline-block;
width:50%;
text-align:center;
position:absolute;
top:6%;
left:0;
right:0;
margin:auto;
z-index:2;
//background:rgba(255,255,255,0.7);
padding-bottom:15px;
}

.schime_photo{
display:inline-block;
margin-top:20%;
/*
position:absolute;
top:180;
left:-50%;
right:0;
margin:auto;
*/
height:auto;
width:30%;
max-width:100px;
border:0px solid #f00;
}

.schime_text_1{
display:inline-block;
position:absolute;
top:5%;
left:-4%;
//right:-30%;
//margin:auto;
//height:1px;
width:50%;
max-width:300px;
}

.schime_text_2{
display:inline-block;
position:absolute;
bottom:-10%;
right:-2%;
//right:-30%;
//margin:auto;
//height:1px;
width:50%;
max-width:300px;
}

.black_space{
display:block;
width:100%;
position:sticky;
position:-webkit-sticky;
top:0;
border:0px solid #f00;
z-index:5;
}

.black_image{
display:inline-block;;
width:45%;
max-width:1280px;
height:85%;
position:absolute;
bottom:0;
right:0;
background-image:url(../img/model_black.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -12em bottom;
}

.mask_end_image{
display:inline-block;;
width:100%;
max-width:1280px;
height:100%;
position:absolute;
top:-30;
right:0;
background-image:url(../img/mask_end.png);
background-repeat:no-repeat;
background-size:cover;
background-position:right -5em top 0px;
}

.text_space_end{
display:inline-block;
width:35%;
text-align:center;
position:absolute;
top:20vh;
left:-45%;
right:0;
margin:auto;
z-index:3;
border:0px solid #f00;
}

.schime_s_photo{
display:inline-block;
text-align:center;;
position:absolute;
top:50vh;
left:-45%;
right:0;
margin:auto;
z-index:3;
border:0px solid #f00;
width:100%;
}

.phone_img_hada{
display:none;
}

.pc_img_hada{
display:block;
}

.five{
display:inline-block;
width:290px;
height:290px;
background:rgba(234,104,162,0.7);
//background:rgba(255,255,0,0.7);
border:1px solid rgba(224,104,162,0.8);
//border:1px solid rgba(255,255,0,0.8);
border-radius:50%;
text-align:center;
position:relative;
bottom:10px;
}

.top_mist{
display:inline-block;
width:50px;
position:absolute;
bottom:0;
right:88;
}

.five_text{
display:inline-block;
position:absolute;
top:16;
right:50;
font-size:1.1em;
color:#fff;
font-weight:bolder;
line-height:1.2;
font-family:'M PLUS Rounded 1c';
}

.title_font{
font-size:1.3em;
font-family: 'M PLUS Rounded 1c';
#fff;
}

.relative_space_mask{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
text-align:center;
height:85vh;
border:0px solid #f00;
}

.text_space_mask{
display:inline-block;
width:90%;
text-align:center;
position:absolute;
bottom:-50%;
left:0;
right:0;
margin:auto;
background:rgba(255,255,255,0.7);
border-radius:5px;
z-index:2;
border:0px solid #f00;
}

.phone_img_kilona{
display:none;
}

.pc_img_kilona{
display:inline-block;
width:100%;
}

.kilonamist_5th_space{
display:inline-block;
position:absolute;
top:42%;
left:23%;
right:0;
margin:auto;
width:200px;
height:200px;
border-radius:50%;
background-color:#FF99CC;
}

.kilonamist_5th{
display:inline-block;
position:absolute;
top:50%;
transform: translateY(-50%);
left:7%;
right:0;
margin:auto;
color:#fff;
border:0px solid #00f;
font-size:1.2em;
font-family: 'M PLUS Rounded 1c';
}


.bach_1_1{
display:inline-block;
position:absolute;
top:100;
left:3%;
text-align:center;
z-index:3;
width:120px;
height:50px;
}

.bach_2_1{
display:inline-block;
position:absolute;
top:-10;
left:3%;t
ext-align:center;
z-index:3;
width:120px;
height:50px;
}

.bach_mark{
display:inline-block;
color:#999900;
font-size:3.2em;
position:absolute;
top:-5;
bottom:0;
left:-7;
margin:auto;
}

.bach_font{
display:inline-block;
font-size:2.0em;
font-family:sans-serif;
position:absolute;
top:5;
bottom:0;
right:10;
margin:auto;
/*font-weight:bolder;*/
color:#999900;
}

.kilona_ok{
display:inline-block;
position:relative;
width:60%;
max-width:300px;
textalign:center;
height:70vh;
border:0px solid #f00;
}

.kilona_ok_font{
display:inline-block;
font-size:1.8em;
font-family:'Noto Sans JP',sans-serif;
font-weight:bolder;
text-shadow: 2px 2px 5px rgba(255,255,255,0.6);
}

.relative_space_left{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:left;
}


.text_title_tofu{
display:inline-block;
width:100%;
text-align:left;
font-size:1.9em;
color:#000;
font-weight:bolder;
margin-top:0px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
}

.phone_img_office{
display:none;
}

.pc_img_office{
display:inline-block;
width:100%;
}

.office_home{
display:inline-block;
width:36%;
max-width:500px;
text-align:center;
position:absolute;
top:-10%;
bottom:0;
left:0;
right:0;
margin:auto;
z-index:3;
height:150px;
border:0px solid #f00;
}

.home_office_back_w{
display:inline-block;
background:rgba(255,255,255,0.8);
border-radius:10px;
width:100%;
filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.2));
}

.home_office_margin{
display:inline-block;
text-align:left;
line-height:1.2;
margin:10px 20px;
}

.home_office_font{
display:inline-block;
color:#000;
font-weight:bolder;
font-family:'Noto Sans JP',sans-serif;
font-size:1.5em;
}

.home_office_font_s{
display:inline-block;
text-align:left;
font-size:1.0em;
color:#000;
margin-top:10px;
line-height:1.3;
font-family:'Noto Sans JP',sans-serif;
margin-bottom:3px;
}

.liq_space{
display:inline-block;
font-weight:bolder;
background:rgba(255,153,0,0.8);
text-align:center;
width:150px;
height:150px;
border-radius:50%;
position:absolute;
top:0;
left:24%;
right:0;
margin:auto;
z-index:2;
}

.liq_text{
display:inline-block;
width:36%;
max-width:150px;
text-align:left;
position:absolute;
bottom:15%;
left:25%;
right:0;
margin:auto;
z-index:4;
}

.relative_space_black{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.title_space_schi{
display:inline-block;
width:100%;
position:absolute;
top:14%;
left:0;
right:0;
margin:auto;
}

.relative_space_black_2{
display:inline-block;
width:100%;
text-align:center;
background-color:#222;
border:0px solid #f00;
height:100vh;
position:relative;
}

.schi_size{
display:inline-block;
width:30%;
max-width:100px;
}

.schi_space{
display:inline-block;
width:80%;
position:absolute;
top:55%;
transform: translateY(-45%);
left:-45%;
right:0;
margin:auto;
}

.schi_text_pc{
display:inline-block;
width:50%;
max-width:400px;
position:absolute;
top:55%;
transform:translateY(-45%);
left:0;
right:-10%;
margin:auto;
border:0px solid #f00;
}

.ab_black_1{
display:inline-block;
position:absolute;
top:36%;
transform:translateY(-64%);
left:-66%;
right:0;
margin:auto;
text-align:center;
width:100%;
}

.ab_black_2{
display:inline-block;
position:absolute;
top:36%;
transform:translateY(-64%);
left:-5%;
right:0;
margin:auto;
text-align:center;
width:90%;
}

.ab_black_3{
display:inline-block;
position:absolute;
top:63%;
transform:translateY(-37%);
left:-65%;
right:0;
margin:auto;
text-align:center;
width:100%;
}

.ab_black_4{
display:inline-block;
position:absolute;
top:59.5%;
transform:translateY(-40.5%);
left:-5%;
right:0;
margin:auto;
text-align:center;
width:90%;
}

.ab_black_w_1{
display:inline-block;
width:46%
;max-width:280px;
text-align:left;
line-height:1.3;
}

.ab_black_w_2{
display:inline-block;
width:46%;
max-width:280px;
text-align:left;
line-height:1.3;
}

.ab_black_w_3{
display:inline-block;
width:46%
;max-width:300px;
text-align:left;
line-height:1.3;
}

.ab_black_w_4{
display:inline-block;
width:46%
;max-width:280px;
text-align:left;
line-height:1.3;
}

.relative_space_maskend{
display:inline-block;
width:100%;
max-width:1280px;
position:relative;
height:100vh;
text-align:center;
}

.maskend_space{
display:inline-block;
width:220px;
height:220px;
background:rgba(0,0,0,0.6);
border-radius:50%;
text-align:center;
}

.maskend_text{
display:inline-block;
margin-top:30px;
font-size:1.3em;
color:#fff;
font-family:'M PLUS 1p', sans-serif;
line-height:1.2;
}

.maskend_photo{
display:inline-block;
width:22%;
margin-top:10px;
}

.kilonamist_end_photo{
display:inline-block;
width:30%;
max-width:100px;
text-align:center;
margin-top:40px;
}


}