@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Oswald:wght@200..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


#nb_wrap{
    width: 100%;
	text-align: center;
    /*padding: 5% 0;*/
    margin: 0 auto;
	color: #000000;
    display: block;
    letter-spacing: 1px;
    position: relative;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    /*-webkit-animation: fadein 1.2s forwards ease;
    animation: fadein 1.2s forwards ease;*/
}
/*@keyframes fadein {
		  0% {
			  opacity: 0;
		  }
		  100% {
			  opacity: 1;
			  transform: translate(0);
		  }
}*/
*:focus {
outline: none;
}
#nb_wrap ul{
    margin: 0;
    padding: 0;
}
#nb_wrap li{
    list-style: none;
}
#nb_wrap a {
    text-decoration: none;
}
#nb_wrap a:link{
    opacity: 1;
}
#nb_wrap a:hover{
    text-decoration: none;
}
#nb_wrap img {
    border: none;
    width: 100%;
    vertical-align: bottom;
    line-height: inherit;
}
/*#nb_contents .nb_box .box_main img:hover {
    filter: brightness(70%);
}*/
#nb_head{
    width: 100%;
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0% auto;
}
/*#nb_head .title{
    font-size: 68px;
    text-align: center;
    margin: 0 auto;
    font-family: "Oswald", sans-serif;
}
#nb_head .lead{
    font-size: 18px;
    text-align: center;
    margin: 3% auto;
    display: block;
    font-weight: 400;
    line-height: 2em;
}*/
#nb_contents{
    width: 100%;
    display:block;
    position: relative;
    text-align: center;
    margin: 0 auto;
}
#nb_contents .nb_box{
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
	display: flex;
	flex-wrap: wrap;
}
#nb_contents .nb_box .box_main{
    width: 25%;
    position: relative;
    display: inline-block;
}
#nb_contents .nb_box .credit_box{
    width: 90%;
    left: 5%;
    bottom: 3%;
    position: absolute;
    z-index: 5;
}
#nb_contents .nb_box .credit_box p{
    font-weight: 400;
    text-align: left;
    line-height: 1.6em;
    margin: 0 auto;
    font-size: 13px;
    font-family: 'Roboto Condensed', sans-serif;
	
}
#nb_contents .nb_box .credit_box p span{
    border-bottom: 1px solid #ffffff;
}
#nb_contents .nb_box .credit_box a{
	display: block;
	color: #ffffff;
}

.mT1{
    margin-top: 1%;
}
.mT1_s{
    margin-top: 0%;
}

.strong{
    font-size: 105%;
    font-weight: bold;
}

.small{
    font-size: 70%;
}

.clear {
	clear: both;
}
.pc{
	display: block;
}
.sp{
	display: none;
}
.Left{
    float: left;
}
.Right{
    float: right;
}

.Inter{
     font-family: 'Inter', sans-serif;
}



/************************************************************
 sp
************************************************************/

@media only screen and (max-width:768px){
	#nb_wrap {
        width:100%;
	}
    
	/*#nb_head .title{
        font-size: 40px;
    }
    #nb_head .lead{
        font-size: 15px;
        margin: 8% auto;
    }*/

    #nb_contents .nb_box .box_main{
        width: 50%;
    }
	
    #nb_contents .nb_box .credit_box p{
        line-height: 1.5em;
        font-size: 10px;
    }	
	
    .nb_contents {
      display: flex;
      flex-direction: column;
    }

    .img_03 {
      order: 2;
    }
    .img_04 {
      order: 1;
    }
    .img_05 {
      order: 4;
    }
    .img_06 {
      order: 3;
    }	
    .img_07 {
      order: 5;
    }
    .img_08 {
      order: 6;
    }
    .img_09 {
      order: 7;
    }
    .img_10 {
      order: 8;
    }
    .img_11 {
      order: 10;
    }
    .img_12 {
      order: 9;
    }
    .img_13 {
      order: 12;
    }	
    .img_14 {
      order: 11;
    }
    .img_15 {
      order: 13;
    }
    .img_16 {
      order: 14;
    }
    .img_17 {
      order: 15;
    }
    .img_18 {
      order: 16;
    }
    .img_19 {
      order: 18;
    }
    .img_20 {
      order: 17;
    }
	
	
	
    .mT1{
        margin-top: 2%;
    }
    .mT1_s{
        margin-top: 2%;
    }
    
    .pc {
		display:none;
	}
	.sp {
		display:block;
		width: 100%;
	}

}

