@charset "UTF-8";
body{
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;
    -webkit-font-smoothing: antialiased;
    line-height: 30px;
    position: relative;	/*background-size: 100% auto;*/
}

.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

#footer {
    padding: 20px;
    background-color: rgb(0, 0, 0);
    color: rgba(255,255,255,1.00);
}
#footer #copy {
	text-align: center;
	font-size: 11.5pt;
}
#pagetop {
	position: fixed;
	right: 18px;
	z-index: 900;
	width: 40px;
	text-align: center;
	line-height: 20px;
}
#pagetop a img {
    width: 100%;
}
#pagetop a img:hover {
    opacity: 0.8;

}
.one_line {
	display: inline-block;
}
.extend_a, .extend_a02, .ltr_sp, .fi, .up, .up03 {
	-webkit-transition: .7s ease-out;
	transition: .7s ease-out;
}
.up02 {
	-webkit-transition: .5s ease-out;
	transition: .5s ease-out;
}
.slow_fi, .ltr_sp02 {
	-webkit-transition: 1.8s ease-out;
	transition: 1.8s ease-out;
}
.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

/*----------------------------------------------------pc*/
@media (min-width : 769px ){
#top {
    width: 100vw;
    height: 53.1vw;
	max-height: 800px;
	position: relative;
    background-image: url("../img_cb/top_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%
}
#about {
	width: 100vw;
    height: 36.1vw;
	max-height: 800px;
	position: relative;
    background-image: url("../img_cb/ttl_pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%
}
.insert.spnone {
	display: block;
	width: 100%;
}
#contents {
	width: 100%;
	background-image: linear-gradient(90deg, rgba(240, 218, 5, 1), rgba(250, 235, 124, 1) 50%, rgba(228, 219, 0, 1));
	padding: 60px 0;
}
#contents .cnt_parts {
	width: 90%;
	max-width: 1100px;
	margin: 112px auto;
	display: flex;
}
#contents .cnt_parts:nth-of-type(2) {
	flex-direction: row-reverse;
}
#contents .cnt_parts img {
	width: 45%;
	margin-right: 5%;
}
#contents .cnt_parts:nth-of-type(2) img {
	margin-left: 5%;
}
#contents .cnt_parts .exp {
	width: 50%;
	font-size: 1.3em;
	font-weight: 900;
	line-height: 30px;
}
#contents .cnt_parts .exp span {
	font-size: 1.4em;
}
#contents .coming {
	margin: 100px auto;
	font-size: 1.7em;
	font-weight: 900;
	text-align: center;
	line-height: 50px;
}
#contents .coming span {
	font-size: 2em;
	display: block;
}
}

/*----------------------------------------------------sp*/
@media (max-width : 768px ){
body{
	font-size: 10.5pt;
	line-height: 22px;
}
.ofi {
	object-position : 50% 50%;
}
#top {
    width: 100%;
    height: 165vw;
    background-image: url("../img_cb/top_sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%
}
#about {
	width: 100%;
    height: 64.7vw;
    background-image: url("../img_cb/ttl_sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0%
}
.insert.pcnone {
	display: block;
	width: 100%;
}
#contents {
	width: 100%;
	background-image: linear-gradient(90deg, rgba(240, 218, 5, 1), rgba(250, 235, 124, 1) 50%, rgba(228, 219, 0, 1));
	padding: 40px 0;
}
#contents .cnt_parts {
	width: 90%;
	max-width: 600px;
	margin: 60px auto;
}
#contents .cnt_parts img {
	width: 100%;
	margin-bottom: 32px;
}
#contents .cnt_parts .exp {
	width: 100%;
	font-size: 1.3em;
	font-weight: 900;
	line-height: 30px;
}
#contents .cnt_parts .exp span {
	font-size: 1.4em;
}
#contents .coming {
	width: 90%;
	margin: 70px auto;
	font-size: 1.2em;
	font-weight: 900;
	text-align: center;
	line-height: 40px;
}
#contents .coming span {
	font-size: 2em;
	display: block;
}
}