@charset "utf-8";
/* CSS Document */

/*---------------------------------
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;
font-weight: normal;
}
html { scroll-behavior: smooth;}
body {
line-height: 1.8;
font-size: 15px;
font-family: fot-rodin-pron, sans-serif;
color: #fff;
background: #000;
}

ol,
ul {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

a {
text-decoration: none;
color: #fff;
transition: 0.5s;
}

a:hover {
opacity: 0.7;
transition: 0.5s;
}

.link_green {
color: #11984a;
text-decoration: underline;
}

img,
iframe {
max-width: 100%;
vertical-align: bottom;
}

video {
    width: 90%;
    max-width: 1100px;
}

/*---------------------------------
common
---------------------------------*/
/*font*/
@font-face {
font-family: 'halohandletter';
src: url("/font/halohandletter.woff") format('woff');}

.halohandletter{font-family: 'halohandletter', sans-serif;}
.anton{font-family: anton, sans-serif;}
.lato{font-family: lato, sans-serif;}
.helvetica{font-family: "Helvetica Neue" , Helvetica , Arial;
}

/*contents*/
.contents_wrapper {min-height: 100vh;background-position: center;background-size:cover;background-repeat: no-repeat;}
.back_fixed{background-attachment: fixed;}
.flex_wrapper {display: flex;justify-content: space-between;flex-wrap: wrap;}

.column_3 li {width: calc(100% / 3);}
.column_5 li {width: calc(100% / 5);}


/*margin*/
.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;}
.mb100{margin-bottom:100px;}

/*text-align*/
.ta_c{text-align:center;}

/*font-size*/
.txt_s.anton {font-size: 33px;line-height: 1;}
.txt_m {font-size: 30px;}
.anton.txt_m {font-size: 60px;line-height: 1;}
.halohandletter.txt_m {font-size: 80px;line-height: 1;}
.lato.txt_m {font-size: 43px;line-height: 1;}

/*---------------------------------
contents01
---------------------------------*/
.contents01_wrapper {background-image: url(/img/contents01_backimage.jpg);min-height: calc(100vh + 300px);}
.main_logo {text-indent: 100%;white-space:
nowrap;overflow:
hidden;background: url(/img/contents01_logo.png)no-repeat center/contain;width: 124px;height: 231px;position: absolute;top: 50px;left: 50px;}

.contents01_inner {
position: relative;
padding-top: 20vh;
}
.contents01_txt_box {position: absolute;width: 100%;height: fit-content;top: 0;right: 0;bottom: 0;left: 0;margin: auto;padding-top: 300px;}

/*---------------------------------
contents02
---------------------------------*/
.contents02_wrapper {background-image: url(/img/contents02_backimage.jpg);padding: 160px 0 80px 0;}
.contents02_wrapper .flex_wrapper {
max-width: 970px;
margin: auto;
}

.contents02_wrapper .flex_wrapper li {
padding: 0 10px;
box-sizing: border-box;
}

/*---------------------------------
contents03
---------------------------------*/
.contents03_wrapper {
background-image: url(/img/contents03_backimage.jpg);padding:130px 0 50px 0;
position: relative;
background-position: bottom;
min-height: auto;
padding-bottom: 60%;
}
.contents03_wrapper .column_3 {
max-width: 100%;
position: absolute;
bottom: 50px;
right: 0;
left: 0;
margin: auto;
}


.profile_wrapper h3 {
font-size: 33px;
line-height: 1;
margin-bottom: 20px;
}

.profile_wrapper p {
font-size: 20px;
line-height: 1;
}
/*---------------------------------
contents04
---------------------------------*/
.contents04_wrapper {background-image: url(/img/contents04_backimage.jpg);background-position: right center;padding: 200px 0 50px 0;}
.contents04_inner {
max-width: calc(100% - 24%);
padding-left: 5%;
}

.sns_link_wrapper li {padding: 5px 0px 5px 42px;background: url(/img/instagram_icon.png)no-repeat left center;margin-bottom: 20px;}

.sns_link_wrapper {
margin-bottom: 120px;
}
.banner_wrapper li{box-sizing: border-box;padding:10px;}
.banner_wrapper li:nth-child(1){
max-width:37%;
}
.banner_wrapper li:nth-child(2){
max-width:14%;
}
.banner_wrapper li:nth-child(3){
max-width:19%;
}
.banner_wrapper li:nth-child(4){
max-width:10%;
}
.banner_wrapper li:nth-child(5){
max-width:20%;
}


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

/*font-size*/
.txt_s.anton {font-size: 28px;line-height: 1;}
.txt_m {font-size: 18px;line-height: 1.8;}
.anton.txt_m {font-size: 40px;line-height: 1.5;}
.halohandletter.txt_m {font-size: 60px;line-height: 1;}
.lato.txt_m {font-size: 33px;line-height: 1;}

/*---------------------------------
contents01【TABLET】
---------------------------------*/
.contents01_wrapper {min-height: calc(100vh + 100px);}
.main_logo {width: 84px;height: 151px;top: 30px;left: 30px;}
.contents01_txt_box {padding-top: 100px;}

/*---------------------------------
contents02【TABLET】
---------------------------------*/
.contents02_wrapper {padding: 100px 0 50px 0;min-height: auto;}
.contents02_wrapper img {max-width:80%;}

/*---------------------------------
contents03【TABLET】
---------------------------------*/
.contents03_wrapper {padding: 80px 0 50px 0;background-size: 151%;padding-bottom: 66%;background-color: #0f0f0f;}
.profile_wrapper h3 {font-size: 28px;line-height: 1;margin-bottom: 10px;}
.profile_wrapper p {font-size: 14px;line-height: 1;}
    
/*---------------------------------
contents04【TABLET】
---------------------------------*/
.contents04_wrapper {padding: 100px 0 50px 0;}
.sns_link_wrapper {margin-bottom: 70px;}
.banner_wrapper li:nth-child(1){
max-width: 50%;
}
.banner_wrapper li:nth-child(2){
max-width:27%;
}
.banner_wrapper li:nth-child(3){
max-width:32%;
}
.banner_wrapper li:nth-child(4){
max-width:23%;
}
.banner_wrapper li:nth-child(5){
max-width:32%;
}
.banner_wrapper {max-width: 520px;justify-content: center;}
}

@media screen and (max-width:520px){
/*---------------------------------
common【SP】
---------------------------------*/
/*contents*/
.back_fixed{background-attachment:inherit;}

/*margin*/
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:10px;}
.mb30{margin-bottom:10px;}
.mb40{margin-bottom:20px;}
.mb50{margin-bottom: 20px;}
.mb60{margin-bottom: 20px;}
.mb70{margin-bottom: 20px;}
.mb80{margin-bottom: 20px;}
.mb90{margin-bottom:70px;}
.mb100{margin-bottom:80px;}

/*font-size*/
.txt_s.anton {font-size: 18px;line-height: 1;}
.txt_m {font-size: 16px;line-height: 1.8;}
.anton.txt_m {font-size: 28px;line-height: 1.5;}
.halohandletter.txt_m {font-size: 34px;line-height: 1;}
.lato.txt_m {font-size: 26px;line-height: 1;}

/*---------------------------------
contents01【SP】
---------------------------------*/
.contents01_wrapper {min-height: 100vh;}
.main_logo {width: 54px;height: 90px;top: 30px;left: 30px;}
.contents01_txt_box {padding-top: 0;}


/*---------------------------------
contents02【SP】
---------------------------------*/
.contents02_wrapper {padding: 50px 0 30px 0;min-height: auto;}
.contents02_wrapper img {max-width: 95%;}

/*---------------------------------
contents03【SP】
---------------------------------*/
.contents03_wrapper {padding: 60px 0 50px 0;background-size: 151%;padding-bottom: 66%;background-color: #0f0f0f;}
.profile_wrapper h3 {font-size: 18px;line-height: 1;margin-bottom: 5px;}
.profile_wrapper p {font-size: 12px;line-height: 1;}
.contents03_wrapper .column_3 {bottom: 20px;}

/*---------------------------------
contents04【SP】
---------------------------------*/
.contents04_wrapper {padding: 50px 0 20px 0;background-position: 47% center;min-height: auto;}
.sns_link_wrapper {margin-bottom: 70px;}
.banner_wrapper li:nth-child(1){max-width: 54%;}
.banner_wrapper li:nth-child(2){max-width: 31%;}
.banner_wrapper li:nth-child(3){max-width: 36%;}
.banner_wrapper li:nth-child(4){max-width: 27%;}
.banner_wrapper li:nth-child(5){max-width: 36%;}
.banner_wrapper {max-width: 100%;justify-content: left;}
.banner_wrapper li {padding: 0 10px;}
.contents04_inner {max-width: 100%;padding: 0 20px;}
}