@charset "utf-8";
main {
display: block;
flex: 1;
}

.l-wrapper {
/*display: flex;*/
/*flex-direction: column;*/
position: relative;
}

.c-loader-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
	background-image: url(../img/load_bg.jpg);
	background-position: bottom right;
	background-size: cover;
display: grid;
place-items: center;
pointer-events: none;
	z-index: 300;
}

.c-optext {
align-items: center;
justify-content: start;
pointer-events: none;
text-align: center;
}

.c-optext>span {
 display: block;
font-size:30px;
font-weight:bold;
color:#212121;
}

.c-optext>span+span {
margin-left: 3rem;
}


.l-inner {
 position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-width: 1200px;
margin: 0 auto;
padding: 0 10rem;
}

.l-section {
border-top: 1px solid #eee;
}

.c-temp {
line-height: 1;
}

.c-temp .l-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
 align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 4rem;
padding-bottom: 4rem;
}

.c-temp .text>img {
width:200px;
height:auto;
}

.c-temp .btn {
font-size: .7rem;
font-weight: bold;
display: block;
width: 12rem;
padding: 1.2rem 0 1.2rem;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
border-radius: 100px;
background-color: #222;
text-decoration:none;
}


.c-header {
position: fixed;
top: -5%;
left: 0;
width: 100%;
z-index:100;
}

.c-mv {
position: relative;
min-height: 80rem;
margin-left: 3rem;
}

.c-mv-pic {
position: absolute;
z-index: -1;
width: 100%;
height:100vh;
top:2%;
}
.c-mv-pic img {
max-width:100%;
height:auto;
border-radius:30px;
}
.c-mv-pic>div {
position: absolute;
}
.c-mv-pic>div:nth-child(1) {
width: 350px;
left: 3%;
top:40%;
}
.c-mv-pic>div:nth-child(2) {
width: 200px;
right: 30%;
bottom:12%;
}
.c-mv-pic>div:nth-child(3) {
width: 170px;
left: 14%;
top:15%;
}
.c-mv-pic>div:nth-child(4) {
width: 350px;
right: 5%;
top:3%;
}
.c-mv-pic>div:nth-child(5) {
width: 150px;
left: 40%;
top:0%;
}
.c-mv-pic>div:nth-child(6) {
width: 150px;
left: 35%;
bottom:5%;
}
.c-mv-pic>div:nth-child(7) {
width: 180px;
right: 10%;
bottom:10%;
}

.c-mv_tit-wrap {
padding-top: 18rem;
position: relative;
z-index: 10;
font-weight: bold;
width:100%;
margin:0 auto;
text-align:center;
}

.c-mv_tit-item {
font-size: 3rem;
line-height:1.2;
letter-spacing: .50rem;
}

.c-mv_tit-item span {
/* transformプロパティを有効にするため */
display: inline-block;
}
.c-mv_tit-read {
line-height: 2;
font-size: 1rem;
margin-top: 0.8rem;
letter-spacing: .30rem;
}

.contants{
position:relative;
width:50%;
margin:4rem auto;
text-align:left;
}
.contants img{
max-width:100%;
height:auto;
border-radius:20px;
}
.pic{
width:100%;
margin:0m auto;
text-align:center;
}
.pic-text{
margin-top:2rem;
}
.pic-text p{
letter-spacing: 0.15em;
}


    @media only screen and (max-width: 599px) {
      html {

      }

      .pc-tab {
        display: none !important;
      }

      .c-temp .button {
        font-size: 1.2rem;
        width: 9rem;
      }

      .c-title {

        min-width: 100%;
      }

    }

@media only screen and (max-width: 768px) {
.c-header {
top: 0%;
}
.contants{
width:94%;
}
.c-mv-pic>div:nth-child(1) {
width: 140px;
left: 0%;
top:0%;
}
.c-mv-pic>div:nth-child(2) {
width: 130px;
right: 5%;
top:48%;
bottom:0%;
}
.c-mv-pic>div:nth-child(3) {
width: 100px;
left: 5%;
top:35%;
}
.c-mv-pic>div:nth-child(4) {
width: 160px;
right: 0%;
top:3%;
}
.c-mv-pic>div:nth-child(5) {
width: 130px;
left: 0%;
top:55%;
}
.c-mv-pic>div:nth-child(6) {
width: 150px;
left: 35%;
bottom:5%;
display:none;
}
.c-mv-pic>div:nth-child(7) {
width: 180px;
right: 10%;
bottom:10%;
display:none;
}
}

    @media only screen and (min-width: 1025px) {
      .tab-sp {
        display: none !important;
      }

      .c-temp .button {
        -webkit-transition: var(--transition);
        transition: var(--transition);
      }

      .c-temp .button:hover {
        background-color: var(--color-theme-darken);
      }
    }

    @media only screen and (max-width: 1200px) {
      .c-info {
        display: block;
        margin-top: 0;
        margin-bottom: 6.4rem;
      }

      .c-title {
        margin-bottom: 3.2rem;
      }
    }

    @media only screen and (max-width: 1024px) {
      html {
        -webkit-text-size-adjust: 100%;
      }

      .l-inner {
        padding: 0 4rem;
      }
/*
      .pc {
        display: none !important;
      }
*/
      .c-temp .l-inner {
        padding: 3.2rem;
      }

      .c-mv {
        margin-left: 0;
      }

      main {
        padding-top: 8.4rem;
      }

      .c-mv_tit-item {
        font-size: 4rem;
      }

      .c-mv_tit-read {
        font-size: 1.4rem;
      }
    }