@charset "utf-8";
/*** css reset ***/
/*
html { box-sizing: border-box; font-size: 62.5%;}
* { box-sizing: inherit; }
*:before, *:after { box-sizing: inherit; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, sub { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
ol, ul{ list-style: none; list-style-position: inside; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a {	margin:0;	padding:0; font-size:100%; vertical-align:baseline; }
del {	text-decoration: line-through; }
input, select { vertical-align: 0; }
input, textarea, select { margin: 0; font-size: 100%;	width: 100%; }
img { max-width: 100%; height:auto;	width: 100%; vertical-align:bottom; font-size:0;	line-height: 0;	border: 0; }
object, embed, video { max-width: 100%; }
address, caption, cite, code, dfn, em, th, var{	font-style: normal;	font-weight: normal; }
h1, h2, h3, h4, h5, h6{ font-size: 100%;}
*/

.mb10{margin-bottom:10px;}


.br-sp{display: none;}
@media screen and (max-width:414px) {
	.br-sp{display: block;}
}

.box-center{
	margin: 0 auto;
}

#main {
	color: #4d4d4d;
	font-size: 1.5rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
	background-repeat: repeat-x;
}
#main a{
	color:#fff;
	text-decoration:none;
}

#main a:hover,
#main a:visited{
	opacity: 80%;
	transition: all 0.1s;
}

#wrapper{
	font-size:1.6rem;
}

#wrapper, .mv{
	width:100%;
}
.mv{
	width:100%;
}
.mv h2{
	width:100%;
	/*max-width:1365px;*/
}
.mv img{
	width:100%;
}

.upper-block{
	padding: 20px 108px 17px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.upper-block .logo{
	max-width: 121px;
	width: 100%;
	display: inline-block;
}
@media screen and (max-width: 1200px){
	.upper-block{padding: 20px 30px 17px;}
}
@media screen and (max-width: 767px){
	.upper-block{padding: 10px 15px;}
	.upper-block .logo{max-width: 51px;}
}

.sns-block-outer {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sns-block {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 25px;
}
.sns-block a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #fff;
}
.sns-block a .image {
	display: flex;
}
.sns-block .insta .image { width: 42.60px; }
.sns-block .youtube .image { width: 55.21px; }
.sns-block .twitter .image { width: 35px; }

@media screen and (max-width: 767px){
	.sns-block { gap: 18.75px; }
	.sns-block a { width: 60px; }
	.sns-block .insta .image { width: 31.95px; }
	.sns-block .youtube .image { width: 41.40px; }
	.sns-block .twitter .image { width: 24px; }
}

#main{
	margin:0 auto;
	width:100%;
	max-width:1150px;
	background-image: url(../img/bg_pc_01.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png), url(../img/bg_pc_02.png);
	background-repeat:	no-repeat;
	background-position: center top 13px, center 184px, center 2484px, center 4785px;
	background-color:#fff3eb;
	padding: 55px 75px 0 75px;
	font-weight:600;
}


@media screen and (max-width:1000px) {
	#main{
		padding-left: 5%;
		padding-right: 5%;
	}
}


.main-inner{
	width:100%;
	text-align:center;
}

#main p.ind{
	text-indent:-0.75em;
}
#main p.ind03{
	text-indent:-0.3em;
}
#main p.ind0{
	text-indent:0;
}

.h1-sp{
	display:none;
}

.txtL{
	text-align:left;
}
.txtC{
	text-align:center;
}

ul.note{
	margin-top:1em;
	font-weight: 300;
	text-indent:-1em;
	padding-left:1em;
}
ul.note li::before{
	content:"○";
}

ul.kome li::before{
	content:"※";
}
ul.asta li::before{
	content:"＊" !important;
}

br.sp-br{
	display:none;
}

/***********main　base*/


/*header*/

.mv{
	position:relative;
	overflow:hidden;
}
.logolink{
	cursor:pointer;
	display:block;
	position: absolute;
	/*background-color: #fcc;*/
	opacity: 1;
	height: 26px;
	top:calc( (40 / 1366) * ( 100vw - 8px ) );
	left:calc( (108 / 1366) * ( 100vw - 8px ) );
	width:calc( ((108 / 1366) * ( 100vw - 8px ) ) * 1.2 );
	height:calc( ((108 / 1366) * ( 100vw - 8px )) * ( 49 / 130 ));
}

.sitelink{
	display: none;
	background-color: rgba(230,0,9,.8);
	align-items: center;
	justify-content: center;
	cursor:pointer;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	z-index: 50;
	top: -4.25vw;
	right: calc( (95 / 1366) * (100vw - 8px) );
	height: calc( (469 / 1366) * (100vw - 8px) );
	width: calc( (468 / 1366) * (100vw - 8px) );
	padding: 1.9% 2.7% 0;
}
.sitelink:hover{opacity: 1;}
.sitelink:hover::after{
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	cursor:pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

/* slides */
.slides .slide {
	aspect-ratio: 1366/750;
	background-repeat: no-repeat;
	background-size: cover;
}
.slides .slide01 { background-image: url(../img/mv_pc-01.jpg); }
.slides .slide02 { background-image: url(../img/mv_pc-02.jpg); }
.slides .slide03 { background-image: url(../img/mv_pc-03.jpg); }
.slides .slide04 { background-image: url(../img/mv_pc-04.jpg); }
.slides .slide05 { background-image: url(../img/mv_pc-05.jpg); }
.slides .slide06 { background-image: url(../img/mv_pc-06.jpg); }
.slides .slide07 { background-image: url(../img/mv_pc-07.jpg); }
@media screen and (max-width:750px) {
  .slides .slide {
    aspect-ratio: 75/94;
  }
  .slides .slide01 { background-image: url(../img/mv_sp-01.jpg); }
  .slides .slide02 { background-image: url(../img/mv_sp-02.jpg); }
  .slides .slide03 { background-image: url(../img/mv_sp-03.jpg); }
  .slides .slide04 { background-image: url(../img/mv_sp-04.jpg); }
  .slides .slide05 { background-image: url(../img/mv_sp-05.jpg); }
  .slides .slide06 { background-image: url(../img/mv_sp-06.jpg); }
  .slides .slide07 { background-image: url(../img/mv_sp-07.jpg); }
}
.mv .swiper-button-prev,
.mv .swiper-button-next {
	display: block;
	width: 40px;
	height: auto;
	aspect-ratio: 1/2;
	color: transparent;
	overflow: hidden;
}
.swiper-button-prev {
	left: calc(108 / 1366 * 100%);
}
.swiper-button-next {
	right: calc(108 / 1366 * 100%);
}
.swiper-button-next:after,
.swiper-button-prev:after {
	position: absolute;
	top: 0;
	width: 141.4213%;
	aspect-ratio: 1/1;
	background-color: rgba(255,255,255,.5);
}
.swiper-button-prev:after {
	content: '';
	left: 0;
	transform: rotate(-45deg) translate(0, 29%);
}
.swiper-button-next:after {
	content: '';
	right: 0;
	transform: rotate(45deg) translate(0%, 29%);
}
@media screen and (max-width:750px) {
	.mv .swiper-button-prev,
	.mv .swiper-button-next {
		width: calc(4 / 75 * 100%);
	}
	.swiper-button-prev {
		left: calc(1 / 75 * 100%);
	}
	.swiper-button-next {
		right: calc(1 / 75 * 100%);
	}
}

/*headline*/
.headline{
	font-size: 2.6rem;
	line-height: 1.69;
}

.headline_t{margin-bottom:1em; font-size:110%; background-color:#cc0000; color:#fff;}
.headline_b{display:block; color:#cc0000; text-decoration:underline; padding-top:1em}

.headline div{
	margin-top:50px;
	margin-bottom:50px;
}
.headline div p:last-child{
	display:none;
}

.col{
	margin-bottom:50px;
}
.col:nth-child(4){
	margin-bottom:3em;
}

.col h2{
	background: #e60009;
	height: 5em;
	width: 5em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color:#ffffc1;
	font-size:2.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
	margin:0 auto;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-bottom:1em;
}

.matsuri_mark{
	width: 116px;
	margin: 0 auto;
}

.font-maru{
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.line-under{
	padding-bottom:0.25em;
	border-bottom:#e60009 6px solid;
	font-size:3.1rem;
	width:84%;
	margin:0 auto;
	text-align-last: justify;
	text-justify: inter-ideograph;
}

.line-under span:not(.rad){
	font-size:135%;
}

.col:nth-child(3) h2{
	margin-bottom:0.25em;
}

.col p.para{font-size:2.0rem;}

.flex-box{
	display:flex;
	justify-content: space-between;
	margin-top:1.75em;
}

.flex-box div{
	width:48.5%;
	padding:0.75em 0 1em;
}

/*応募方法*/

.bg-green div{
	background-color:#22b573;
	font-size:2.6rem;
	color:#fff;
	line-height:1.75;
}
.col h3{
	font-size:4.2rem;
	color:#ff0;
	line-height:1.5;
}
.col .bg-green h3 span{
	font-size:133%;
}
.col .bg-green p.yellow{
	color:#ff0;
}

.col .yellowsmall{
	font-size:80%;
}
a.btn{
	display:block;
	border-radius: 16px;
	border:#fff 4px solid;
	width:75%;
	margin:0 auto;
	margin-top:1em;
	padding:0.25em 0;
	position:relative;
	color:#ff0 !important;
}
a.btn:after{
	content:"＞";
	position:absolute;
	top:0.3em;
	right:3px;
	color:#fff;
}

/*結果発表*/

.bg-blue div{
	background-color:#29abe2;
	padding:30px 25px;
	line-height: 2;
}
.bg-blue h3{
	font-size:2.4rem;
	color:#ff0;
	font-weight: 600;
}
.bg-blue h3 span{
	font-size:70%;
}

.triangle:last-child p:nth-child(2){
	max-width:242px;
}

.triangle:last-child p:last-child{
	display:none;
}

.bg-blue .note{
	color:#fff;
}
.bg-blue .note li{
	position:relative;
}
.bg-blue .note li::before{
	content:"";
}
.triangle{
	position:relative;
	margin-bottom:50px;
}
.triangle:last-child{
	margin-bottom:0;
}
.triangle:not(:last-child)::after{
	content:"";
  border-top: 50px solid #29abe2;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
	position:absolute;
	bottom:-50px;
	left:calc(50% - 50px)
}
.triangle:nth-child(3){
	display:flex;
	justify-content: center;
	align-items:center;
}
.triangle:nth-child(3) h3{
	width:70%;
}
.icon_home{
	width: 22px;
	height: auto;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 767px){
	.icon_home{width: 3.71vw; vertical-align: inherit;}
	.matsuri_mark{width: 80px;}
	.bg-blue div{padding: 20px 15px;}
}

/*入選商品*/

.col h2.cource_title{
	border-radius: 100vh;
	color: #ff0;
	font-family: inherit;
	font-weight: 600;
	height: 2em;
	max-width: 500px;
	width: 100%;
	padding:1em 0;
	margin-bottom: 20px;
} /*height: 2.3em; max-width: 500px;*/
.col h2.cource_title.cource1{background-color:#F76D28;}
.col h2.cource_title.cource2{background-color:#9361D4;}

.cource_attention{color: #c00;	font-size: 2.2rem;margin-bottom: 20px;}
.cource_txt1,
.cource_txt2{font-size: 2.2rem; margin-bottom: 30px;} /*font-size: 1.8rem;*/

.nyusen .box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.nyusen .box > div{width: 49%; padding: 20px 10px 10px;}
.nyusen .box > div:nth-child(3n){margin-top:30px}

.nyusen .bg-red > div{background-color:#E60009;}
.nyusen .bg-orange > div{background-color:#F7874F;}
.nyusen .bg-purple > div{background-color:#9361D4}

.nyusen h3{
	font-size: 3.8rem;
	font-weight: 600;
}
.nyusen .num{color: #fff; font-size: 2.4rem; margin-bottom:10px}

.nyusen ul.note{margin-bottom: 50px;margin-top: 20px;}



/*審査員*/

.bg-brown{
	background-color:#D6D6BC;
	padding:30px 30px 30px 0;
	justify-content:space-between;
	align-items:center;
}
.shinsain .name{
	width: calc((307 / 873) * 100%);
	padding: 0;
}
.bg-brown > div p:first-child{
	font-size:3.0rem;
}
.bg-brown > div p:last-child{
	font-size:4.0rem;
}
.bg-brown > div p:last-child rt{
	font-size:1.4rem;
}
.shinsain .photo{
	width: calc((185 / 873) * 100%);
	margin-right: calc((70 / 873) * 100%);
}
.shinsain .text{
	width: calc((400 / 873) * 100%);
	font-size:1.6rem;
	text-align:left;
	font-weight:normal;
	line-height:1.5;
}


/*主催*/
.shusai{
	width:35em;
	margin-left: auto;
	margin-right: auto;
}
.shusai > div{
	display:flex;
	align-items:center;
	margin-bottom:1.5em;

}
.shusai .dt{
	background: #e60009;
	height: 3em;
	width: 3em;
	min-height:3em;
	min-width:3em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #ffffc1;
	font-size: 2.6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin-right:1em;
}
.shusai .dl{
	-moz-font-feature-settings: "pkna";
	-webkit-font-feature-settings: "pkna"; 
	font-feature-settings: "pkna";
	letter-spacing: -.05em;
	font-size: 22px;
	text-align:left;
}


/**************規約部分*/
#kiyaku{
	text-align:left;
	font-size: 1.6rem;
	font-weight:normal;
}
#kiyaku > div{
	border:1px solid #4D4D4D;
	background-color:rgba(248,250,234,0.8);
	padding:2em;
	margin-bottom:2em;
}
#kiyaku h2{
	font-size: 2.6rem;
	font-weight:600;
	text-align:center;
	margin-bottom:20px;
}
#kiyaku h3{
	margin-top:1.5em;
	text-indent:-0.25em;
	position:relative;
	padding-left:1.25em;
}
/*h3タイトルの前に記号を付けるとき
#kiyaku h3::before{
	content:"■";
	font-size:155%;
	position:absolute;
	top:-28%;
	left:0;
}
#kiyaku h3.mark-none{
	text-indent:-0.5em;
	padding-left:0;
}
#kiyaku h3.mark-none:before{
	content:"";
}*/
#kiyaku h3, p.sub-ttl{
	color:#3897FF;
	font-size:1.8rem;
	margin-top:1.5em;
}
#kiyaku ul li{
	text-indent: -1em;
	padding-left:1em;
}
#kiyaku ul li:before{
	content:"○";
}
/*リストの中のリストマーク*/

#kiyaku ul li ul{
	counter-reset: number;
}
#kiyaku ul li ul li:before{
	counter-increment: number;
  content: "("counter(number)") ";
}

/*list-style消すとき
#kiyaku ul.list-style-none li{
	text-indent:0em;
}

#kiyaku ul.list-style-none li:before{
	content:"";
}
*/

/***footer*/

#footer{
	text-align: center;
	padding-bottom: 50px;
	/*		margin-left: calc( ( ( 100% - 100vw ) / 2 ));
    margin-right: calc( ( ( 100% - 100vw ) / 2 ));*/
	margin-top: 30px;
  /*background: linear-gradient(to bottom, rgba(248,250,234,0), #F8FAEA 30%);*/
}

#footer .logo_footer{
	display: inline-block;
	max-width: 640px;
	width: 100%;
	margin-bottom: 60px;
}

#footer p{
	margin-top: 50px;
	line-height:1;
}

#footer p small{
	font-size:1.4rem;
	font-weight:normal;
}
#footer .logo_footer-blk{
	max-width: 130px;
	width: 100%;
	display: inline-block;
	margin-top: 120px;
}


@media screen and (max-width:1120px) {

/*
	#footer{
		margin: 0;
		margin-left:calc( ( ( 100% - 100vw ) / 2 ));
		margin-right:calc( ( ( 100% - 100vw ) / 2 ));
		padding: 5.5em 1em 2em 1em;
		margin-top:4em;
	} */
}


/*スマホ*/

@media screen and (max-width:1024px) {

	/*応募期間*/
	.line-under{
		width: 100%;
		font-size: 5vw;
		text-align-last: auto;
	}
	/* .line-under .rad{
		display:block;
		transform:rotate(90deg);
	} */

	/*審査員*/
	.shinsain .flex-box{flex-wrap: wrap; padding: 30px; justify-content: center;}
	.shinsain .name{order: 1;width: 100%; margin-bottom: 30px }/*name*/
	.shinsain .photo{order: 2;width: 30%; margin: 0 auto;}/*photo*/
	.shinsain .text{order: 3;width: 45%; margin: 0 auto; margin-top: 20px; }/*text*/
}

@media screen and (max-width:750px) {
	.line-under{
		font-size: 4vw;
	}
}

@media screen and (max-width:750px) {

	/*header*/
	.logolink{
		top:3.5vw;
		left:calc( (30 / 750) * ( 100vw - 8px ) );
		width:calc( (130 / 750) * ( 100vw - 8px ));
		height:calc( ((130 / 750) * ( 100vw - 8px )) * ( 49 / 130 ));
	}

	.sitelink{
			/*top: -12vw;
			right: calc( (-72 / 750) * (100vw - 8px) );
			height: calc( (550 / 750) * (100vw - 8px) );
			width: calc( (550 / 750) * (100vw - 8px) ); */
			/* top: -10vw;
			right: calc( (-61 / 750) * (100vw - 8px) );
			height: calc( (440 / 750) * (100vw - 8px) );
			width: calc( (440 / 750) * (100vw - 8px) ); */

			/* top: -11vw;
			right: calc( (-60 / 750) * (100vw - 8px) );
			height: calc( (521 / 750) * (100vw - 8px) );
			width: calc( (521 / 750) * (100vw - 8px) ); */

			top: -12.01vw;
			right: calc( (-65 / 750) * (100vw) );
			height: calc( (520 / 750) * (100vw) );
			width: calc( (515 / 750) * (100vw) );
			/* background-color: rebeccapurple; */
			padding: 7% 12% 0 4%;
	}

	/*スライダー*/
	.headline div{margin: 25px 0 17.5px;}
	.headline div p:last-child,
	.h1-sp,
	.bg-blue:last-child p:last-child{display:block;}
	.headline div p:first-child,
	.h1-pc,
	.bg-blue:last-child p:nth-child(2){display:none;}

	/*layout*/
	#wrapper{font-size: 3.2000vw;}
	#main{
		background-image: url(../img/bg_sp_01.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png), url(../img/bg_sp_02.png);
		background-position: center top -70px, center 89px, center 2509px, center 4928px;
		padding: 25px 4%
	}
	br.sp-br{display:block;}
	br.pc-br{display:none;}

	/*headline*/
	.headline{font-size: 3.6vw;font-feature-settings: 'palt';}

	/*col*/
	.col p.para{font-size:4.0000vw;}
	.col h3{font-size: 6.6667vw;}

	/*midashi*/
	.col h2{font-size:5.6000vw;}

		/*応募方法*/
	.oubo{display: block;}
	.oubo.bg-green > div{font-size: 4.8000vw;width: 100%;}
	.oubo.bg-green > div:first-child{margin-bottom:20px;}

	/*結果発表*/
	.kekka{font-size:3.2000vw;}
	.kekka h3{font-size:4.8000vw;}
	.kekka .note{text-align: left;}

	/*各賞*/
	.col h2.cource_title{font-size: 5.6000vw; max-width: 100%;padding-top: 0;padding-bottom: 0;}
	.nyusen .box{display: block;}
	.nyusen .box > div{width: 100%;}
	.nyusen .box > div:not(:last-child){margin-bottom: 20px;}

	.cource_attention{font-size:3.4667vw;}
	.cource_txt1{font-size: 3.8vw;margin-bottom: 20px;}
	.cource_txt2{font-size: 3.4vw;margin-bottom: 20px;}

	.nyusen ul.note:first-of-type{margin-bottom: 30px;}
	.nyusen ul.note li{text-align: left;}

	/*審査員*/
	.shinsain .bg-brown{flex-wrap: wrap;padding: 25px; justify-content: space-between;}
	.shinsain .name{order: 2;width: 50%; margin:0;}/*name*/
	.shinsain .photo{order: 1;width: calc((241 / 600) * 100%); margin: 0;}/*photo*/
	.shinsain .text{order: 3;width: 100%;font-size:3.7333vw;margin-top: 20px}/*text*/
	.shinsain .name p:first-child{font-size: 5.0667vw;}
	.shinsain .name p:nth-child(2){font-size: 6.2667vw;}

	/*主催*/
	.shusai{width: 100%;}
	.shusai > div{flex-direction: column;}
	.shusai .dl{font-size: 4.2667vw;}
	.shusai .dt{font-size: 5.6000vw;margin: 0 0 20px 0;}

	/*規約*/
	#kiyaku{font-size: 3.2000vw;}
	#kiyaku > div{
		padding:1.5em 1em;
	}
	#kiyaku h2{
		margin-bottom:0.5em;
		font-size: 4.7vw;
	}

	/*footer*/
	#footer{margin-top: 30px; padding-bottom: 25px;}
	#footer .logo_footer{max-width: 100%; margin-bottom: 27.5px;}
	#footer p small{font-size: 2.4000vw}
	#footer .logo_footer-blk{margin-top: 90px;}

 }


 /***************
フォーム
****************/

#form{
	background-color:#ffebee;
}

#form #main{
	background-image:none;
	width:70%;
	padding:3em 4em;
	transition:all 0.3s
}

#form .main-inner{
	text-align:left;
}

@media screen and (max-width: 767px){
	#form #main{
		width:98%;
		padding:2em;
		font-size:90%
	}
}

#form h1{
	text-align:center;
	font-weight:600;
	padding:2em 0;
}
#form ul, #form ul li{
	list-style:none;
	text-indent:0;
}
#form ul li{
	margin-bottom:1.5em;
}
#form ul li:before{
	content:"";
}

#form .oubo-form-list li input,
#form .oubo-form-list li select{
	border:1px solid #000;
	padding:5px 15px;
	min-height:40px;
	width:100%;
}
#form .oubo-form-list li select{
	padding: 8px 40px 8px 15px;
	background-color:#fff;
}
#form .oubo-form-list label{
	font-weight:600;
}
#form .oubo-form-list label.fw_normal{
	font-weight:normal;
}
#form .oubo-form-list li .cont > div {
	display:flex;
	align-items:center;
}
#form .oubo-form-list li .size-text01 input{
	max-width:300px;
}
#form .oubo-form-list li .size-text02 input{
}
#form .oubo-form-list li .size-text03 input{
	max-width:150px;
	width:28%;
}

#form .oubo-form-list li .size-select01 select{
	max-width: 310px;
}
#form .oubo-form-list li .size-select02 select{
	max-width: 200px;
}

#form .oubo-form-list li .size-select02 select:not(:nth-child(1)){
	max-width:150px;
	width:22%
}
#form .oubo-form-list li .size-select02 select:first-child{
	width:30%
}

#form .oubo-form-list li .order-zip-box input{
	width: 150px;
	min-height:40px;
}
#form .lower{
	color:#f00;
	font-size:80%;
	padding-left:1em;
}
#form .suffix{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	word-break: break-word;
}
#form .upper-line{
	border-top: 1px solid #ccc;
}
#form .subtitle{
	margin: 1em 0;
}
#form .link-btn{
	cursor: pointer;
	transition: all 0.1s;
}
#form .submit-btn{
	align-items:center;
	display:flex;
	justify-content:center;
	margin-top:2em;
}
#form .submit-btn input{
	align-items: center;
	background-color: #cc0000;
	border: none;
	border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	display: flex;
	font-weight: bold;
	height: 60px;
	justify-content: center;
	max-width: 272px;
	padding: 0 1em;
	-webkit-appearance: none;
	-webkit-border-radius: 10px;
}
#form .submit-btn input:hover{
	opacity:0.8;
	transition:all 0.1s;
}

#form .error-box01{
	display: inline-block;
	margin-top: 7px;
	font-size: 12px;
	color: #FF3636;
	/*padding: 6px 10px;*/
	line-height: 1;
	border-radius: 4px;
	display:none;
}

#form .oubo-form-list li input#photo{
	border:none;
	margin:5px 0 0 0;
}

#form #preview{
	align-items:center;
	border:1px solid #ccc;
	display:flex;
	margin-top:10px;
	min-height:300px;
	padding:10px;
}


#form .oubo-form-box .message{
	font-size:4.5vmin;
	text-align:center;
	margin:20vmin 0;
}

#form #footer{
	padding: 2em 1em;
	margin-left:0;
  margin-right:0;
	margin-top:4em;
  background: inherit;
}