@charset "utf-8";
#content main { width: 96%; margin: 0 2%;}
#content main section .in { max-width: 1200px; margin: 0 auto 80px; }
.hissu .smf-item__description { background:#CC3333; font-size:10px; color:#fff; text-align:center; padding:1px 3px; font-weight: normal; width: 30px; margin-top: 0; }
.nini .smf-item__description { background:#166FD8; font-size:10px; color:#fff; text-align:center; padding:1px 3px; font-weight: normal; width: 30px; margin-top: 0; }
.smf-progress-tracker__item { text-indent: 0; padding-left: 0px; }
.smf-form { max-width: 1024px; margin: 0 auto; }
.smf-progress-tracker { max-width: 960px; margin: 0 auto 40px !important; }
.smf-action button.smf-button-control__control { font-family: 'Noto Serif JP','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro', serif; }
.smf-error-messages { font-size: 0.8rem;}
section .in .smf-form--business .smf-item__col--label { display: flex; justify-content: space-between; align-items: center; }
section .in .smf-form--business .smf-item__col { padding: 2% 2%; }
section .in .smf-form--business .smf-item:not(:first-child) { border-top: 1px solid #ddd;}
section .in .smf-form--business .smf-item__col--label { background: #f4f4f4; }

section .in .smf-action button.smf-button-control__control { 
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    background: #e53246;
    border: none;
    color: #fff;
	height: 50px;
	width: 150px;
}
.toggle { position: relative; cursor: pointer; }
.toggle:after { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight: 900; opacity: 0.7; }
.toggle.active:after { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight: 900; opacity: 0.7; }

.check-gr .smf-checkbox-control__label { margin-left: 0.5em; }
section .in .smf-error-messages {
    color: #cc3033;
    margin-top: 0;
    margin-bottom: 10px;
}

@media screen and (max-width: 599px) {
	.length-post {width:20%;}
	.length-10  {width:96%;}
	.length-15  {width:96%;}
	.length-20  {width:96%;}
	.length-25  {width:96%;}
	.length-30  {width:96%;}
	.length-40  {width:96%;}
	.length-50  {width:96%;}
	.length-60  {width:96%;}
	.length-70  {width:96%;}
	.length-80  {width:100%;}
	.length-90  {width:99%;}
	.length-95  {width:96%;}
	.length-100  {width:96%;}
	.textarea-size { width:95.5%; line-height:1.7; height:150px; }
	.smf-form--business .smf-item__col--label { display: flex; justify-content: space-between; align-items: center; }
	.hissu .smf-item__description { margin-top: 0px; }
	.smf-form--business .smf-item__col--label { padding: 2% !important; }
	.smf-progress-tracker__item__number { font-size: 0.7rem;}
	section .in .smf-form--business .smf-item__col { padding: 2% 2%; }
	
	section .in .wp-container-core-group-is-layout-2 { flex-direction: column; align-items: flex-start; }
	section .in .wp-container-core-group-is-layout-2 .smf-text-control__control { width: 100%; }
	section .in .wp-container-core-group-is-layout-3 { flex-direction: column; align-items: flex-start; }
	section .in .wp-container-core-group-is-layout-3 .smf-text-control__control { width: 100%; }
	section .in .wp-container-core-group-is-layout-4 { flex-direction: column; align-items: flex-start; }
	section .in .wp-container-core-group-is-layout-4 .smf-text-control__control { width: 100%; }
	
	.formTtl { text-align: center; font-size: 1.6rem; font-weight: bold; margin-bottom: 20px; }
	section .in h3 { background: #f4f4f4; padding: 5px 10px; text-align: center; font-size: 1.0rem; font-weight: bold; margin-bottom: 20px; }
	section .in .smf-action button.smf-button-control__control { height: 40px;width: 120px; }
}
@media screen and (min-width: 600px) {
	.length-post {width:5%;}
	.length-10  {width:10%;}
	.length-15  {width:15%;}
	.length-20  {width:20%;}
	.length-25  {width:25%;}
	.length-30  {width:30%;}
	.length-40  {width:40%;}
	.length-50  {width:50%;}
	.length-60  {width:60%;}
	.length-70  {width:70%;}
	.length-80  {width:80%;}
	.length-90  {width:90%;}
	.length-95  {width:95%;}
	.length-100  {width:100%;}
	.textarea-size { width:96%; line-height:1.7; height:150px; }
	
	.formTtl { text-align: center; font-size: 2.4rem; font-weight: bold; margin-bottom: 40px; }
	section .in h3 { background: #f4f4f4; padding: 5px 10px; text-align: center; font-size: 1.2rem; font-weight: bold; margin-bottom: 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.formTtl { font-size: 2.0rem }
	section .in h3 { font-size: 1.1rem; }
}