/*---------------------------------
RESET CSS
---------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}

ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;color: #000;}
a:hover{opacity: 0.7;}

img,iframe {
max-width: 100%;
vertical-align: bottom;
}
html { 
scroll-behavior: smooth; 
font-family: 'Zen Maru Gothic', sans-serif;line-height: 2;font-size: 18px;color: #000;
}
/*---------------------------------
common[PC]
---------------------------------*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}

.ta_c{text-align:center;}
.ta_r{text-align:right;}
.ta_l{text-align:left;}

.pc_only_br{display: inline;}
.sp_only_br{display: none;}
.sp_s_only_br{display: none;}

.zenmarugothic{
font-family: "Zen Maru Gothic", sans-serif;
}
.dotgothic16 {
font-family: "DotGothic16", sans-serif;
}
.notoserifjp{
font-family: "Noto Serif JP", serif;
font-optical-sizing: auto;
}

/*---------------------------------
PC
---------------------------------*/
/*All*/
@keyframes backmove {
0% {
background-size:400px;
background-position:center 0 ;
}
100% {
background-size:400px;
background-position:center 127.74px ;
}
}
body {animation: backmove 5s 0s linear infinite;background:url(/img/background.png) center/400px}
::-webkit-scrollbar {
width: 10px; 
border-radius:100px;
}

::-webkit-scrollbar-thumb {
background: #ffc662; 
border-radius:100px;
}

::-webkit-scrollbar-track {
background: #fbdca5;
}

.remodal-overlay {
background: rgba(0,0,0,0.3);
}
.contents_all_wrapper{height: 100dvh;overflow: hidden;position: relative;}
/*Menu*/
.main_menu_wrapper{
overflow: hidden;
width: 100%;
position: fixed;
}
.main_menu_wrapper li a{display: block;background: url(/img/nav_deco02.png)no-repeat center/90%;width: 200px;height: 200px;border-radius:100%;text-align: center;position: relative;z-index: 1;}
.main_menu_wrapper li img{
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.main_menu_wrapper li a:hover{
opacity:1;
}
.main_menu_wrapper li:hover{
margin-top: 0;

}
.main_menu_wrapper li{transition: 0.5s;margin-top:-20px;float:left;padding:0 30px;box-sizing: border-box;position: relative;}
.main_menu_wrapper li:nth-child(3),.main_menu_wrapper li:nth-child(4){
float:right;
}
.main_menu_wrapper li:nth-child(2),.main_menu_wrapper li:nth-child(4){padding-top: 7dvh;}
.main_menu_wrapper li:nth-child(1),.main_menu_wrapper li:nth-child(3){padding-top: 25dvh;}
.main_menu_wrapper li:after {content: "";display: block;background: url(/img/nav_deco01.png)repeat-y center;height: 100vh;width: 24px;position: absolute;bottom: 150px;left: 0;right: 0;margin: auto;}
.main_menu_wrapper li:before {right: 90px;}
@keyframes kirakira {
0% {
background:url(/img/kirakira1.png)no-repeat center/50%;
}
25% {
background:url(/img/kirakira1.png)no-repeat center/50%;
}
26% {
background:url(/img/kirakira1.png)no-repeat center/90%;
}
49% {
background:url(/img/kirakira1.png)no-repeat center/90%;
}
50% {
background:url(/img/kirakira2.png)no-repeat center/100%;
}
75% {
background:url(/img/kirakira2.png)no-repeat center/100%;
}
76% {
background:url(/img/kirakira2.png)no-repeat center/85%;
}
100% {
background:url(/img/kirakira2.png)no-repeat center/85%;
}
}
.main_menu_wrapper li:hover::before {
    content:"";
    display: block;
    width: 88px;
    height: 88px;
    position: absolute;
    left: 0;
    bottom: 0;
animation: kirakira 0.5s 0s linear infinite;
    z-index:2
    ;
}


/*Profile*/
.main_ttl{
    font-size: 24dvh;
    line-height: 24dvh;
    width: fit-content;
    color: #42271e;
    height:calc(50dvh - 12px);
    text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(50dvh - 85dvh - 54px);
    bottom: 0;
    margin: auto;
}
@keyframes inamabataki {
0% {
background-image:url(/img/ina_character_01.png);
}
10% {
background-image:url(/img/ina_character_01.png);
}
11% {
background-image:url(/img/ina_character_01_2.png);
}
12% {
background-image:url(/img/ina_character_01.png);
}
40% {
background-image:url(/img/ina_character_01.png);
background-position: center bottom;
}
41% {
background-image:url(/img/ina_character_01_2.png);
background-position: center calc(100% - 10px);
}
42% {
background-image:url(/img/ina_character_01.png);
background-position: center bottom;
}
97% {
background-image:url(/img/ina_character_01.png);
}
98% {
background-image:url(/img/ina_character_01_2.png);

}
99% {
background-image:url(/img/ina_character_01.png);
}
100% {
background-image:url(/img/ina_character_01_2.png);
}
}
@keyframes inamodal {
0% {
background-image:url(/img/ina_character_01.png);
}
10% {
background-image:url(/img/ina_character_01.png);
}
11% {
background-image:url(/img/ina_character_01_2.png);
}
12% {
background-image:url(/img/ina_character_01.png);
}
40% {
background-image:url(/img/ina_character_01.png);
}
41% {
background-image:url(/img/ina_character_01_2.png);
}
42% {
background-image:url(/img/ina_character_01.png);
}
97% {
background-image:url(/img/ina_character_01.png);
background-position: center 50%;
}
98% {
background-image:url(/img/ina_character_01_2.png);
background-position: center calc(50% - 10px);
}
99% {
background-image:url(/img/ina_character_01.png);
background-position: center 50%;
}
100% {
background-image:url(/img/ina_character_01_2.png);
}
}
@keyframes penpen {
0% {
background-image:url(/img/ina_character_02.png);
}
60% {
background-image:url(/img/ina_character_02.png);
background-position: center bottom;
}
61% {
background-image:url(/img/ina_character_02_2.png);
background-position: center calc(100% - 10px);
}
62% {
background-image:url(/img/ina_character_02.png);
background-position: center bottom;
}
63% {
background-image:url(/img/ina_character_02.png);
}
64% {
background-image:url(/img/ina_character_02_2.png);
}
65% {
background-image:url(/img/ina_character_02.png);
}
100% {
background-image:url(/img/ina_character_02.png);
}
}
@keyframes penpenmodal {
0% {
background-image:url(/img/ina_character_02.png);
}
10% {
background-image:url(/img/ina_character_02.png);
background-position: center 50%;
}
11% {
background-image:url(/img/ina_character_02_2.png);
background-position: center calc(50% - 10px);
}
12% {
background-image:url(/img/ina_character_02.png);
background-position: center 50%;
}
60% {
background-image:url(/img/ina_character_02.png);
background-position: center 50%;
}
61% {
background-image:url(/img/ina_character_02_2.png);
background-position: center calc(50% - 10px);
}
62% {
background-image:url(/img/ina_character_02.png);
background-position: center 50%;
}
63% {
background-image:url(/img/ina_character_02.png);
}
64% {
background-image:url(/img/ina_character_02_2.png);
}
65% {
background-image:url(/img/ina_character_02.png);
}
100% {
background-image:url(/img/ina_character_02.png);
}
}
@keyframes bato {
0% {
background-image:url(/img/ina_character_03.png);
}
40% {
background-image:url(/img/ina_character_03.png);
}
41% {
background-image:url(/img/ina_character_03_3.png);
}
42% {
background-image:url(/img/ina_character_03_2.png);
}
80% {
background-image:url(/img/ina_character_03_2.png);
background-position: center bottom;
}
81% {
background-image:url(/img/ina_character_03.png);
background-position: center calc(100% - 10px);
}
82% {
background-image:url(/img/ina_character_03_3.png);
background-position: center bottom;
}
100% {
background-image:url(/img/ina_character_03_3.png);
}
}
@keyframes batomodal {
0% {
background-image:url(/img/ina_character_03.png);
}
40% {
background-image:url(/img/ina_character_03.png);
}
41% {
background-image:url(/img/ina_character_03_3.png);
}
42% {
background-image:url(/img/ina_character_03_2.png);
}
80% {
background-image:url(/img/ina_character_03_2.png);
background-position: center 50%;
}
81% {
background-image:url(/img/ina_character_03.png);
background-position: center calc(50% - 10px);
}
82% {
background-image:url(/img/ina_character_03_3.png);
background-position: center 50%;
}
100% {
background-image:url(/img/ina_character_03_3.png);
}
}
.profile_link_wrapper{display: flex;flex-wrap: wrap;justify-content:space-evenly;width: 60vw;left: 0;right: 0;margin: auto;position: absolute;bottom: 54px;}
.profile_link_wrapper li a{
height: 100%;     
width: 100%;
display: block;
background-repeat:no-repeat;
background-position: bottom;
background-size:contain;
}
.profile_link_wrapper li a{
display: block;
}
.profile_link_wrapper li .ina{width: 11.019231vw;height: 46.464025dvh;animation: inamabataki 10s 0s linear infinite;}

.profile_link_wrapper li .penpen{width: 10.576923vw;margin-top: calc(46.464025dvh - 26.860271dvh);height: 26.860271dvh;animation: penpen 10s 0s linear infinite;}

.profile_link_wrapper li .botokun{width: 7.722222vw;margin-top: calc(46.464025dvh - 23.253389dvh);height: 23.253389dvh;animation: bato 10s 0s linear infinite;}

.profile_link_wrapper li img{
vertical-align: bottom;
}
.remodal {width: calc(100% - 40px);max-width: 1400px;height: 90%;padding: 60px 30px;border-radius: 50px;border:8px solid #ffc662;box-sizing: border-box;}
.remodal-close {left: auto;right: 20px;top: 20px;color: #42271e;width: 40px;height: 40px;text-align: right;z-index: 1;}
.remodal-close:before {
font-size: 70px;
line-height: 40px;
}
.profile_inline_wrapper {
height: 100%;
}
.profile_inline {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 100%;margin: auto;position: absolute;top:0;bottom:0;right: 0;left:0;height: fit-content;/* padding: 20px; */box-sizing: border-box;}
.profile_abouts span {
border-radius: 100px;
text-align: center;
box-sizing: border-box;
display: block;
background: #ffc662;
color: #fff;
font-weight: bold;
}

.profile_txt_wrapper {
width: 70%;
text-align: left;
color: #42271e;    
}
.profile_name {
font-size: 40px;
}
.profile_txt{
margin-bottom: 30px
}
.profile_abouts{
width: 100%;  
}
.profile_abouts dl{
width: 100%;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.profile_abouts dt{width:200px;margin-bottom: 20px;letter-spacing: 4px;}
.profile_abouts dd{width: calc(100% - 200px);margin-bottom: 20px;padding-left: 10px;box-sizing: border-box;}
.profile_abouts dd.s_abouts{
width: calc(50% - 200px);
}
.profile_image01{width:30%;position: relative;background: url(/img/ina_character_01.png)no-repeat center/60%;animation: inamodal 10s 0s 
linear infinite;}
.profile_image02{width:30%;position: relative;background: url(/img/ina_character_02.png)no-repeat center/58%;animation: penpenmodal 10s 0s 
linear infinite;}
.profile_image03{width:30%;position: relative;background: url(/img/ina_character_03.png)no-repeat center/50%;animation: batomodal 10s 0s 
linear infinite;}
.profile_image img{position: absolute;top:0;bottom:0;left: 0;right:0;margin: auto;opacity: 0;}

/*Footer*/
.footer_copy{text-align: center;font-size: 12px;color: #fff;background:#613d31;padding: 15px;box-sizing: border-box;}
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}
/*---------------------------------
PC[1600]
---------------------------------*/
@media screen and (max-width:1600px){
/*Menu[1600]*/
.main_menu_wrapper li a{width: 190px;height: 190px;}
.main_menu_wrapper li img{
height:80px;
}

.main_menu_wrapper li {margin-top: -20px;padding: 0;}  
.main_menu_wrapper{
margin: auto;
left: 0;
right:0;
}
.main_menu_wrapper li:after,.main_menu_wrapper li:before {width: 18px;bottom: 120px;background-size: contain;}
.main_menu_wrapper li:before {right: 80px;}

/*profile[1600]*/
.main_ttl {font-size: 22dvh;line-height: 22dvh;width: fit-content;color: #42271e;height: fit-content;}
.profile_link_wrapper li .ina{
height: 45.464025026068825dvh;
animation: inamabataki 10s 0s linear infinite;
}

.profile_link_wrapper li .penpen{
margin-top:calc(45.464025026068825dvh - 23.86027111574557dvh);
height: 23.86027111574557dvh;
animation: penpen 10s 0s linear infinite;
}

.profile_link_wrapper li .botokun{
margin-top:calc(45.464025026068825dvh - 20.2533889468196dvh);
height: 20.2533889468196dvh;
animation: bato 10s 0s linear infinite;
}
.profile_link_wrapper{
max-width: 50vw;
}
}
/*---------------------------------
PC[1200]
---------------------------------*/
@media screen and (max-width:1200px){
/*Menu[1200]*/
.main_menu_wrapper li a{width: 180px;height: 180px;}
.main_menu_wrapper li img{height: 80px;}
.main_menu_wrapper li {margin-top: -20px;position: absolute;top: 0;}  
.main_menu_wrapper{margin: auto;left: 0;right:0;padding: 0 10px;box-sizing: border-box;width: 100%;height: 53dvh;}
.main_menu_wrapper li:after,.main_menu_wrapper li:before {width: 14px;bottom: 100px;}
.main_menu_wrapper li:hover::before {
    height: 50px;
    width: 50px;
}

.main_menu_wrapper li:nth-child(1) {
    left: 10px;
}
.main_menu_wrapper li:nth-child(2) {
    left: 15%;
}
.main_menu_wrapper li:nth-child(3) {
    right: 10px;
}
.main_menu_wrapper li:nth-child(4) {
    right: 15%;
}
/*profile[1200]*/
.profile_inline_wrapper {
height: 100%;
overflow-y: scroll;
}
.remodal {
padding: 60px 30px 30px 30px;
border-radius: 30px;
}
.main_ttl {font-size: 19dvh;line-height: 20dvh;}
.profile_link_wrapper li .ina{width: 16.019231vw;height: 45.464025026068825dvh;animation: inamabataki 10s 0s linear infinite;}

.profile_link_wrapper li .penpen{margin-top:calc(45.464025026068825dvh - 23.86027111574557dvh);width: 14.576923vw;height: 23.86027111574557dvh;animation: penpen 10s 0s linear infinite;}

.profile_link_wrapper li .botokun{width: 9.722222vw;margin-top:calc(45.464025026068825dvh - 20.2533889468196dvh);height: 20.2533889468196dvh;animation: bato 10s 0s linear infinite;}
.profile_link_wrapper{
max-width: 50vw;
}
.profile_inline {
position: static;
padding: 0;
}
}

@media screen and (max-width:920px){
/*---------------------------------
common[920]
---------------------------------*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}

.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}

.ta_c{text-align:center;}
.ta_r{text-align:right;}
.ta_l{text-align:left;}

.pc_only_br{display: inline;}

/*---------------------------------
PC[920]
---------------------------------*/
/*Menu[920]*/
.main_menu_wrapper li a{width: 18vw;height: 19vw;}
.main_menu_wrapper li img{height: 9vw;}
.main_menu_wrapper li {margin-top: -20px;padding: 0;}  
.main_menu_wrapper{padding:0 20px;box-sizing:border-box;height: 46dvh;}
    .main_menu_wrapper li:hover::before {
    width: 50px;
    height: 50px;
}

.main_menu_wrapper li:after,.main_menu_wrapper li:before {width: 1.5vw;bottom: 12vw;}
/*profile[920]*/
.main_ttl {font-size: 19dvh;line-height: 23dvh;height: fit-content;}
.profile_link_wrapper li .ina{
width:22.01923076923077vw;
height: 45.464025026068825dvh;
}

.profile_link_wrapper li .penpen{
margin-top:calc(45.464025026068825dvh - 23.86027111574557dvh);
width:19.576923076923077vw;
height: 23.86027111574557dvh;
}

.profile_link_wrapper li .botokun{width: 13.722222vw;margin-top:calc(45.464025026068825dvh - 20.2533889468196dvh);height: 20.2533889468196dvh;}
.profile_link_wrapper{
max-width: 100vw;
width:95vw;
}
.profile_inline {display: block;}

.profile_image {
position: static;
margin: auto;
}

.profile_image img {
position: static;
}

.profile_txt_wrapper {
width: 100%;
}

.profile_name {
text-align: center;
line-height: 1;
margin-bottom: 30px;
}

.profile_txt {
text-align: center;
}

.profile_image01 {
background-size: 90%;
}

.remodal-close {
right: 10px;
top: 10px;
}

.remodal {
border: 5px solid #ffc662;
padding: 60px 20px 20px 20px;
border-radius: 30px;
}

.profile_abouts span {
line-height: 1;
padding: 7px;
}

.profile_abouts dt {
width: 180px;
}

.profile_abouts dd.s_abouts {
width: calc(50% - 190px);
}
}

@media screen and (max-width:768px){
/*---------------------------------
common[768]
---------------------------------*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:20px;}
.mb40{margin-bottom:30px;}
.mb50{margin-bottom:40px;}
.mb60{margin-bottom:50px;}
.mb70{margin-bottom:60px;}
.mb80{margin-bottom:60px;}
.mb90{margin-bottom:70px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:20px;}
.pb40{padding-bottom:30px;}
.pb50{padding-bottom:40px;}
.pb60{padding-bottom:50px;}
.pb70{padding-bottom:60px;}
.pb80{padding-bottom:60px;}
.pb90{padding-bottom:70px;}

.f14{font-size:12px;}
.f16{font-size:14px;}
.f18{font-size:16px;}
.f20{font-size:18px;}
.f25{font-size:22px;}
.f30{font-size:25px;}

.pc_only_br{display: none;}
.sp_only_br{display: inline;}
.sp_s_only_br{display: none;}
/*---------------------------------
TABLET[768]
---------------------------------*/
/*Menu[768]*/
.main_menu_wrapper li {background-size:100%,50px;}
.main_ttl {font-size: 17dvh;line-height: 18dvh;top: calc(50dvh - 68dvh - 54px);}
.main_menu_wrapper li a {
    width: 21vw;
    height: 22vw;
}

.main_menu_wrapper li:nth-child(2) {
    left: 18%;
}

.main_menu_wrapper li:nth-child(4) {
    right: 18%;
}
/*profile[768]*/
.profile_link_wrapper li .ina {
width: 25.019231vw;
}

.profile_link_wrapper li .penpen {
width: 22.576923vw;
}

.profile_link_wrapper li .botokun {width: 16.722222vw;}
.profile_abouts dt {
width: 300px;
display: block;
margin: auto;
margin-bottom: 10px;
}

.profile_abouts dd.s_abouts {
width: 100%;
}

.profile_abouts dd {
padding: 0;
width: 100%;
text-align: center;
}
}

@media screen and (max-width:520px){
/*---------------------------------
common[520]
---------------------------------*/
.mb10{margin-bottom:5px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:10px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom:25px;}
.mb60{margin-bottom:25px;}
.mb70{margin-bottom:30px;}
.mb80{margin-bottom:40px;}
.mb90{margin-bottom:40px;}

.pb10{padding-bottom:5px;}
.pb20{padding-bottom:10px;}
.pb30{padding-bottom:10px;}
.pb40{padding-bottom:20px;}
.pb50{padding-bottom:25px;}
.pb60{padding-bottom:25px;}
.pb70{padding-bottom:30px;}
.pb80{padding-bottom:40px;}
.pb90{padding-bottom:40px;}

.f14{font-size:12px;}
.f16{font-size:14px;}
.f18{font-size:16px;}
.f20{font-size:16px;}
.f25{font-size:20px;}
.f30{font-size:23px;}

.sp_s_only_br{display: inline;}
/*---------------------------------
SP[520]
---------------------------------*/
/*Menu[520]*/
.main_menu_wrapper li a {width: 25vw;height: 26vw;}

.main_menu_wrapper li img {height: 9vw;}

.main_menu_wrapper {
padding: 0 10px;
}
.main_menu_wrapper li {
background-size: 100%,30px;
}
.main_ttl {font-size: 16dvh;line-height: 16dvh;box-sizing: border-box;top: calc(50dvh - 63dvh - 54px);}
.main_menu_wrapper li:after,.main_menu_wrapper li:before {width: 2vw;bottom: 16vw;}
.main_menu_wrapper li:hover::before {
    width: 30px;
    height: 30px;
}
    .main_menu_wrapper li:nth-child(2) {
    left: 22%;
}

.main_menu_wrapper li:nth-child(4) {
    right: 22%;
}
/*profile[520]*/
.profile_link_wrapper li .ina {
width: 29.019231vw;
height: 33.464025dvh;
}

.profile_link_wrapper li .penpen {
width: 30.576923vw;
height: 20.860271dvh;
margin-top: calc(33.464025dvh - 20.860271dvh);
}

.profile_link_wrapper li .botokun {
width: 22.722222vw;
margin-top: calc(33.464025dvh - 19.253389dvh);
height: 19.253389dvh;
}

.contents_all_wrapper {
position: relative;
}

.profile_link_wrapper {position: absolute;bottom: calc(5.01dvh + 14px);margin: auto;left: 0;right: 0;}

footer {
position: absolute;
bottom: 0;
width: 100%;
}
.profile_image img {
width: 100%;
}

.profile_image {
width: 55%;
}

.profile_image02 {
background-size: 90%;
}
.profile_image03 {
background-size: 80%;
}
.remodal-close {
width: 29px;
height: 30px;
}

.remodal-close:before {
font-size: 50px;
}
.remodal {
padding: 10px;
width: calc(100% - 20px);
border-radius: 20px;
}

button.remodal-close {
top: 10px;
right: 15px;
}
.profile_name {
font-size: 30px;
margin-bottom: 10px;
}
.main_menu_wrapper li:nth-child(1), .main_menu_wrapper li:nth-child(3) {
padding-top: 23vh;
}
}