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

/*Pad 横*/
@media only screen and (max-width : 834px){
.spv {
	display:inherit;
}

.pcv {
	display:none;
}

.lum-lightbox-inner img {
	max-width: 100%;
	max-height: 90%;
}

body {
	font-size: 1.7rem;
	color: #FFF;
	overflow-x: hidden;
	background: rgb(230, 157, 89);
}

.bg {background-color:rgb(230, 157, 89);}
#concept::before {
	display:none;
}
#concept::after {
	display:none;
}
#sample_box2::before {
	display:none;
}
#sample_box2::after {
	display:none;
}
#attendee::after {
	display: none;
}

#hyoshi_area {
	margin: 40% auto 0;
	padding-top: 0;
	width: 100%;
	height: 60vh;
}

.hyoshi {
	width: 95%;
	margin: 0 auto;
}
.hyoshi img {
	width: 100%;
}
#concept {
	padding: 6rem 0 0;
	width: 95%;
	margin: 0 auto 4rem;
	height: 58vh;
}

#concept .ttl {
	margin: 0 auto 7rem;
	font-size: 3.5rem;
}
#concept .concept_txt {
	font-size: 2.3rem;
	letter-spacing: 0.5rem;
}
.line {
	text-underline-offset: 0.4rem;
	text-decoration-thickness: 0.1rem;
}
#infomation {
	padding: 5rem 0 2rem 0;
	width: 95%;
	height: auto;
	margin: 0 auto 5rem;
}

#infomation .ttl {
	margin: 0 auto 1.2em;
	font-size: 3.3rem;
}

#infomation .info_box {
	display: inherit;
	width: 100%;
}
#infomation .info_box .hyimg {
	width: 75%;
	margin: 0 auto 1rem;
}

#infomation .info_box .hy_txt_box {
	width: 75%;
	margin: 0 auto;
}

#infomation .info_box .hy_txt_box .hy_txt {
	margin: 0 auto 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#infomation .info_box .hy_txt_box .hy_txt .info_l {
	width: 11rem;
	text-align: center;
	text-align-last: justify;
	margin: 0 auto;
	font-size: 1.3rem;
}

#infomation .info_box .hy_txt_box .hy_txt .info_r {
	width: 20rem;
	font-size: 1.1rem;
	letter-spacing: 0;
	margin: 0 auto;
	font-weight: 500;
	line-height: 1.7em;
}

#sample_box1, #sample_box2, #sample_box3 {
	width: 95%;
	border: 1px solid #FFF;
	height: auto;
	padding: 3rem 0 2rem;
	margin: 0 auto 5rem;
}
#sample_box1 .ttl {
	margin: 0 auto 4rem;
	font-size: 3rem;
}
.sample_sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	flex-wrap: wrap;
	text-align: center;
}
.sample_box {
	width: 17rem;
	margin: 0 auto 3rem;
}
.sample_thum {
	margin: 0 auto;
	width: 90%;
	padding: 0 1rem 0 0;
}
.sample_name {
	padding: 1rem 0 0;
	text-align-last: center;
	text-align: center;
	font-size: 1.45rem;
}
.sample1_inner,.sample2_inner,.sample3_inner{
	width: 90%;
	margin: 0 auto;
}
#attendee {
	width: 95%;
	border: 1px solid #FFF;
	padding: 3rem 0 2rem;
	margin: 0 auto 2rem;
	height: auto;
}
.attend_inner {
	width: 100%;
	margin: 0 auto;
}
#attendee .attend_sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0px auto;
	font-size: 1.1rem;
}
.atte_mem {
	margin: 0 auto 1.5rem;
	padding: 1rem 0 1.4rem;
	width: 14rem;
}
#attendee .ttl {
	margin: 0 auto 3rem;
    font-size: 3rem
}
.sample_thum img {
	width: 90%;
}

.font-s2 {
	letter-spacing: 0;
}
#sample_box2 .ttl, #sample_box3 .ttl {
	font-size: 3rem;
}
.circle {
	font-size: 0.7rem;
}
}


@media only screen and (max-width : 599px){
body {
	font-size: 1.7rem;
	color: #FFF;
	overflow-x: hidden;
	background: rgb(230, 157, 89);
}

.spv {
	display:inherit;
}

.pcv {
	display:none;
}
.lum-lightbox-inner img {
	width: 100%;
}
.bg {background-color:rgb(230, 157, 89);}
#concept::before {
	display:none;
}
#concept::after {
	display:none;
}
#sample_box2::before {
	display:none;
}
#sample_box2::after {
	display:none;
}
#attendee::after {
	display: none;
}

#hyoshi_area {
	margin: 5rem auto;
	padding-top: 0;
	width: 100%;
	height: auto;
}
.hyoshi {
	width: 95%;
	margin: 0 auto;
}
.hyoshi img {
	width: 100%;
}
#concept {
	padding: 2rem 0;
	width: 95%;
	margin: 0 auto 4rem;
	height: auto;
}
#concept .ttl {
	margin: 0 auto 2em;
	font-size: 2rem;
}
#concept .concept_txt {
	font-size: 1.5rem;
	letter-spacing: 0.5rem;
	line-height: 1.7em;
}
.line {
	text-underline-offset: 0.4rem;
	text-decoration-thickness: 0.1rem;
}
#infomation {
	padding: 3rem 0 2rem 0;
	width: 95%;
	margin: 0 auto 5rem;
	height: auto;
}
#infomation .ttl {
	margin: 0 auto 2em;
}
#infomation .info_box {
	display: inherit;
	width: 100%;
}
#infomation .info_box .hyimg {
	width: 90%;
	margin: 0 auto 2rem;
}
#infomation .info_box .hy_txt_box {
	width: 95%;
	margin: 0 auto;
}
#infomation .info_box .hy_txt_box .hy_txt {
	display: inherit;
	text-align: center;
	margin: 0 auto 1.7rem;
}
#infomation .info_box .hy_txt_box .hy_txt .info_l {
	width: 50%;
	text-align: center;
	text-align-last: justify;
	margin: 0 auto 2rem;
	font-size: 1.5rem;
}

#infomation .info_box .hy_txt_box .hy_txt .info_r {
	width: 85%;
	font-size: 1.1rem;
	letter-spacing: 0;
	margin: 0 auto 1rem;
	font-weight: 500;
	line-height: 1.7em;
}

#sample_box1, #sample_box2, #sample_box3 {
	width: 95%;
	border: 1px solid #FFF;
	height: auto;
	padding: 3rem 0 2rem;
	margin: 0 auto 5rem;
}
#sample_box1 .ttl {
	margin: 0 auto 4rem;
	font-size: 1.5rem;
}
.sample_sec {
	display: inherit;
 	width: 100%;
}
.sample_box {
	width: 100%;
	margin: 0 auto 4rem;
}
.sample_thum {
	margin: 0 auto;
	width: 90%;
	padding: 0 1rem 0 0;
}
.sample_name {
	padding: 1rem 0 0;
	text-align-last: center;
	text-align: center;
	font-size: 1.45rem;
}
.sample1_inner,.sample2_inner,.sample3_inner{
	width: 90%;
	margin: 0 auto;
}
#attendee {
	width: 95%;
	border: 1px solid #FFF;
	height: auto;
	padding: 3rem 0 2rem;
	margin: 0 auto 1rem;
}
.attend_inner {
	width: 95%;
	margin: 0 auto;
}
#attendee .attend_sec {
	display: inherit;
	font-size: 1.5rem;
	margin: 0px auto;
	width: 95%;
}    
.atte_mem {
	margin: 0 auto 1.5rem;
	padding: 0.7rem 0.5rem 1.2rem;
	width: 19rem;
}

#attendee .ttl {
	margin: 0 auto 3rem;
	font-size: 2rem;
}
.sample_thum img {
	width: 90%;
}

.font-s2 {
	letter-spacing: 0;
}
#sample_box2 .ttl, #sample_box3 .ttl {
	font-size: 1.5rem;
}
.circle {
	font-size: 0.7em;
}

}