@charset "utf-8";

.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; height: fit-content; }
.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;
}
.smf-item__label__text { font-size: 0.9rem; text-align: left; }
.smf-item__label { font-size: 0.9rem; text-align: left; }
.smf-item__col.smf-item__col--controls { font-size: 0.9rem; text-align: left; }
@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.0rem; font-weight: bold; margin-bottom: 20px; }
	section .in h3.formTtl { 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; }
	.smf-form--business .smf-item__col--label { display: flex; justify-content: space-between; align-items: center; }
	.formTtl { text-align: center; font-size: 1.5rem; font-weight: bold; margin-bottom: 40px; }
	section .in h3.formTtl { 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: 1.4rem }
	section .in h3.formTtl { font-size: 1.1rem; }
}


@media screen and (max-width: 767px) {
	.scroll-box { border: 1px solid #dedede; padding: 4%; overflow-y: scroll; background: #fff; height: 200px; margin-bottom: 40px;  }
	.scroll-box h3 { text-align-last: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333;  }
	.scroll-box .ppText { font-size: 1.0rem; margin-bottom: 5px; color: #333; font-weight: bold; }
	.scroll-box p { margin-bottom: 20px; font-size: 0.9rem; color: #333; }
	.scroll-box .inset20 { padding: 0 0 0 10px; }

	.tblpp { margin-bottom: 20px;}
	.tblpp th { padding: 5px 10px; text-align: center; font-size: 13px; background: #f4f4f4; border: 1px solid #dedede; font-weight: normal; display: block; }
	.tblpp td { padding: 5px 10px; text-align: left; font-size: 13px; background: #fff; border: 1px solid #dedede; display: block; }
	.ppDoi { background: #f4f4f4; text-align: center; padding: 5px 0;}
}
@media screen and (min-width: 768px) {
	.scroll-box { border: 1px solid #dedede; padding: 30px 40px; overflow-y: scroll; background: #fff; height: 200px; margin-bottom: 40px;  }
	.scroll-box h3 { text-align-last: center; font-size: 21px; font-weight: bold; margin-bottom: 20px; color: #333;  }
	.scroll-box .ppText { font-size: 1.0rem; margin-bottom: 5px; color: #333; font-weight: bold;}
	.scroll-box p { margin-bottom: 20px; font-size: 0.9rem; color: #333; }
	.scroll-box .inset20 { padding: 0 0 0 20px; }
	
	.tblpp { margin-bottom: 20px;}
	.tblpp th { padding: 5px 10px; text-align: center; font-size: 14px; background: #f4f4f4; border: 1px solid #dedede; font-weight: normal;}
	.tblpp td { padding: 5px 10px; text-align: left; font-size: 14px; background: #fff; border: 1px solid #dedede; }
	.ppDoi { background: #f4f4f4; text-align: center; padding: 5px 0;}
}

@media screen and (min-width: 768px) and (min-width: 1023px) {
	.formSection .in { margin: 0 2% 40px; }
}
@media screen and (min-width: 1024px) {
	.formSection .in { width: 960px !important; margin: 0 auto 80px; }
}

@media screen and (max-width: 599px) {
	#plan.modal .in { padding:4%; width: 92% !important; margin: 4% 4%!important; }
	#plan.modal .in h3 { text-align: center; margin-bottom: 20px; background: var(--base-color); color: #fff; padding: 5px 10px; }
	#plan.modal .in .formTbl th { font-size: 0.9rem; padding: 10px; width: 30%; }
	#plan.modal .in .formTbl td { font-size: 0.9rem; padding: 10px; width: 70%; text-align: left; }
	#plan.modal .in p { font-size: 0.9rem; text-align: left; margin-bottom: 20px; }
	
	#plan.modal .in .smf-progress-tracker__item__text { font-size: 0.6em; }
	#plan.modal .in .smf-progress-tracker__item__number { font-size: 0.5em; }
}
@media screen and (min-width: 600px) {
	#plan.modal .in { padding:4%; width: 60% !important; margin: 4% 20% !important; }
	#plan.modal .in h3 { text-align: center; margin-bottom: 20px; background: var(--base-color); color: #fff; padding: 5px 10px; }
	#plan.modal .in .formTbl th { font-size: 0.9rem; padding: 10px; width: 30%; }
	#plan.modal .in .formTbl td { font-size: 0.9rem; padding: 10px; width: 70%; text-align: left; }
	#plan.modal .in p { font-size: 0.9rem; }
	
	#plan.modal .in .smf-progress-tracker__item__text { font-size: 0.7em; }
	#plan.modal .in .smf-progress-tracker__item__number { font-size: 0.7em; }
}
@media screen and (min-width: 600px) and (max-width: 1080px)  {
	#plan.modal .in { padding:4%; width: 80% !important; margin: 4% 10% !important; }
}

.is-style-fill02 { max-width: 700px; width: 100%; margin: 0 auto; }
.is-style-fill02 a { border-radius: 8px; background: var(--sub-color); border: 1px solid var(--sub-color); display: block; }
.is-style-fill02 a:link    { color:#fff; text-decoration: none; }
.is-style-fill02 a:visited { color:#fff; text-decoration: none; }
.is-style-fill02 a:hover   { color:var(--sub-color) !important; text-decoration: none; background:#fff; }
.is-style-fill02 a:active  { color:#fff; text-decoration: none; }
.smf-progress-tracker__item__number { font-size: 0.7em !important; }
.w600 { max-width: 600px !important; margin: 0 auto !important; width: 100% !important; }