/*ここからsp_css（〜750px）*/
.pc { display: none !important; }
.sp { display: block !important; }	
body{margin: 0;
padding: 0;
font-family : "游ゴシック","Yu Gothic" ,"游ゴシック体","ヒラギノ角ゴ ProN W3",'Hiragino Kaku Gothic Pro',"Meiryo UI","メイリオ","Meiryo","MS Pゴシック","MS PGothic",sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
font-feature-settings: "palt";}
h2{font-family: Montserrat,"Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
letter-spacing: 0.1em;
text-align: center;
font-size: 8vw;
margin-bottom:10vw;}
h2 span {
  display: block;
  font-size: 2vw;
	text-align: enter;}
/* 矢印ここから */
.b-text-scroll {
	position: absolute;
	top: 25vw;
    left: 4vw;
    width: 2%;
    margin: 0 auto;
    text-align: center;

	z-index: 101;
}
.b-text-scroll img {
    display: block;
    width: 100%;
    height: auto;
}
.b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-500 / 1920 * 100vw);
    left: 2px;
    animation: sdb 1.5s infinite;
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 15px);
    opacity: 0;
  }
}
 /* 矢印ここまで */
#main{
width: 89vw;
margin:auto;
position: relative;
 padding-bottom: 50vw;
}
/*ここからtop*/
#top{margin:0vw;
	padding: 20vw 0vw 10vw 0vw;
}
#top img{
 margin-right: 0;
 margin-left: auto;
  display: block;
width: 90vw;}
/*ここまでtop*/
#concept_logo{width: 30vw;
margin:8vw auto;}
h3{font-size: 5vw;
 line-height: 5vw;
font-weight:500;
letter-spacing: 0.11em;
text-align: center;}
#concept_txt{margin: 10vw 0;}
#concept_txt p{font-size: 3vw;
font-weight:500;
line-height: 5vw;
text-align: center;}
.bottom_space{margin-bottom: 10vw;}
#concept_txt .annotation{margin: 8vw auto;}
#concept_txt .annotation p {
font-size: 2.5vw;
 line-height: 3vw;
font-weight:500;
}
#concept_txt p br.sp{
display: block;
content: "";
padding: 1.5vw 0;
}
/*ここからdeco*/
.deco_1{
	position: absolute;
	width: 20vw;
	top:35vw;
	left: 2vw;
}
.deco_2{
	position: absolute;
	width: 15vw;
	top:15vw;
	right: 1vw;
}
.deco_3{
	position: absolute;
	width: 70vw;
	left: 8vw;
	top:226vw;
}
/*ここまでdeco*/
/*ここまでsp_css（〜750px）*/
/*ここから（751〜1300px）*/
@media screen and (min-width:751px){
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
h2{letter-spacing: 0.1em;
text-align: left;
font-size: 3.3vw;
margin-top: 0;
margin-bottom:2vw;
display: inline-block}
h2 span {
  display: block;
  font-size: 1.1vw;
	text-align: left;}
/* 矢印ここから */
.b-text-scroll {
	position: absolute;
	top: 15vw;
    left: 3vw;
    width: 1vw;
	z-index: 50;
}

.b-text-scroll .arrow {
    position: absolute;
    width: 60%;
    /*bottom: -220%;*/
	bottom: calc(-230 / 1920 * 100vw);
    left: 2px;
}
 /* 矢印ここまで */
#main{
width: 84.6vw;
margin:auto;
 padding-bottom: 30vw;
}
/*ここからtop*/
#top{margin:0vw;
	padding: 9vw 0vw;
}
#top img{
width: 92.3vw;}
/*ここまでtop*/
#concept_logo{width: 15vw;
margin:0vw auto 4vw ;}
h3{font-size:2.5vw;
 line-height: 2.5vw;
letter-spacing: 0.15em;}
#concept_txt{margin: 4vw 0;}
#concept_txt p{font-size: 1.3vw;
line-height: 1.5vw;
text-align: center;}
.bottom_space{margin-bottom: 3.4vw;}
#concept_txt .annotation{margin: 4vw auto;}
#concept_txt .annotation p {
font-size: 0.8vw;
 line-height: 1.5vw;
font-weight:500;
}
/*ここからdeco*/
.deco_1{
	width: 15vw;
	top:40vw;
	left: 3vw;
}
.deco_2{
	width: 12vw;
	top:15vw;
	right: 11vw;
}
.deco_3{
	width: 50vw;
	left: 17vw;
	top:80vw;
}
/*ここまでdeco*/
}
/*ここまでpc_css（751〜1300px）*/

/*ここからpc_css（1301px以上）*/
@media screen and (min-width:1301px) {
h2{
font-size: 43px;
margin-bottom:26px;}
h2 span {
  font-size: 15px;}	
/* 矢印ここから */
.b-text-scroll {
	top: 195px;
    left: calc( (100% - 1220px) / 2 );
	width: 13px;
}
.b-text-scroll .arrow {
    width: 780;
	bottom: calc(-230 / 1920 * 1300px);
    left: 2px;
}
 /* 矢印ここまで */
#main{
width: 1100px;
margin:auto;
padding-bottom: 390px;
}

/*ここからtop*/
#top{padding: 117px 0px;
	 width: 100%;
	overflow: hidden;
}
#top img{
	margin-left: calc((100% - 1100px) / 2);
	max-width: 100%;
	height: 20vw;
	object-fit:cover; }
/*ここまでtop*/
#concept_logo{width: 195px;
margin:0px auto 52px ;}
h3{font-size:33px;
 line-height: 33px;}
#concept_txt{margin: 52px 0;}
#concept_txt p{font-size: 17px;
line-height: 20px;
text-align: center;}
.bottom_space{margin-bottom: 44px;}
#concept_txt .annotation{margin: 52px auto;}
#concept_txt .annotation p {
font-size: 10px;
 line-height: 19px;
}
/*ここからdeco*/
.deco_1{
	width: 195px;
	top:520px;
	left: 39px;
}
.deco_2{
	width: 156px;
	top:195px;
	right: 143px;
}
.deco_3{
	width: 650px;
	left: 221px;
	top:1040px;
}
/*ここまでdeco*/

}
/*ここまでpc_css（1301px以上）*/