html {
	font-family: font-family: 'M PLUS Rounded 1c',  游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro',
				'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.5em;
}

header {
	padding: 1.4vh 1em;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background-color: #0c4892;
	z-index: 3;
	height: 5.5vh;
	box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.8);
}

header .inner {
	margin: 0 auto;
	box-sizing: border-box;
}

header .inner h1 {
	font-size: 1.55em;
}

.logo {}

.logo a {
	max-width: 6.5em;
	display: block;
	margin: 0 auto;
}

.logo img {
	width: 5.5em;
}

.main {
	background-color: #dbe2f1;
	color: #505050;
	padding-top: 0.5em;
	padding-bottom: 0.6em;
	min-height: 88.5vh;
}

.container {
	margin: 0 auto;
	position: relative;
	/*overflow: auto;*/
	height: 100vh;
	box-sizing: border-box;
	background-color: #FEFEFE;
	padding-top: 4.5vh;
	font-size: 15px;
	line-height: 1.8em;
}

.global_footer {
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	bottom: 0em;
	background: #333333;
	color: #717681;
	height: 7vh;
	padding: 2vh 0;
}

.global_footer p {
	margin: 0;
}

.main-panelframe {
	width: 65%;
	min-height: 86.5vh;
	margin: 0 auto 0 auto;
	min-width: 44em;
	background: #ffffff;
	box-sizing: border-box;
	border-radius: 0.7%;
}

.main-panelbody {
	width: 80%;
	margin: 0px auto;
	min-width: 35em;
	box-sizing: border-box;
	padding-top: 0.3em;
}

.disp-flex {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
}

.flex-start {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content: flex-start;
}

.flex-between {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content:space-between;
}

.flex-evenly {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content: left;
}

.flex-center {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content: center;
}

.flex-around {
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	justify-content: space-around;
}

.main-panelbody button:focus {
	outline: none;
}

.main-panelbody .h1title {
	font-size: 1.8em;
	font-weight: bold;
	padding: 0.2em 0 0.2em 0.5em;
	border-left: 0.15em solid #2865cc;
	margin-top: 0.5em;
}

.main-panelbody .header_text {
	padding: 0 0 0.2em 1em;
	border-left: 0.25em solid #2865cc;
}

.main-panelbody h3 {
	margin-bottom: 0;
	margin: 1.5em 0 0 0;
}

.main-panelbody h5 {
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 1em;
}

.main-panelbody textarea {
	width: 98%;
	height: 47vh;
	margin-top: 1.2em;
	border: solid 1px #c7cbd3;
}

.clause-text {
	height: 49vh;
    width: 100%;
    margin-top: 1em;
    color: #505050 !important
}

body .ui-chkbox .ui-chkbox-box {
	font-size: 13px;
}
/*「次へ」「戻る」ボタン*/
button.button-size2 {
	margin: 0em 1.2em;
	border-radius: 1.8em;
	font-size: 110%;
	min-width: 5em;
	background-color: #e8e8e8 !important;
	color: #000000 !important;
	border: 1px solid #b2b4b9 !important;
	padding: 6px 5px 6px 23px;
}

.trans-area button.button-size2 span:before {
	content: '';
	background: url(../images/arrow_prev.png)  no-repeat center
  		center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 11px;
	left: 8px;
	z-index: 1;
	background-size: contain;
	vertical-align: baseline;
}

.accord-area {
	padding: 1em 0 0 0;
}

.trans-area {
	padding: 2em 0;
	outline: none;
}

.break-word {
	word-break: break-word;
}

/*エリア選択ボタン*/
button.button-size3 {
	height: 3em;
	margin-left: 10px;
	margin-bottom: 10px;
	min-width: 105px;
	border-radius: 1.4em;
}

/*検索ボタン*/
button.button-size4 {
	margin-left: 3%;
	min-width: 4.5em;
	border-radius: 9px;
	height: 3em;
	font-size: 14px;
}

/*「次へ進む系」ボタン*/
.trans-area button.button-size5 {
	border-radius: 1.8em;
	font-size: 110%;
	padding: 6px 25px 6px 9px;
}

.trans-area button.button-size5:hover {
	border-radius: 1.8em;
}

.trans-area button.button-size5 span:after {
	content: '';
	background: url(../images/arrow_next.png) no-repeat center
  center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 11px;
	right: 8px;
	z-index: 1;
	background-size: contain;
	vertical-align: baseline;
}

button.button-size5 {
	margin: 0em 1.2em;
	border-radius: 1.3em;
	font-size: 120%;
	min-width: 5em;
	background-color: #4fbe46;
    border: 1px solid #22ca15;
}

button.button-size5:hover {
	background-color: #23861b;
	border: 1px solid #0b9600;
	border-radius: 1.3em;
}
/*buttonのstyle指定です。-end*/

/* stepBar start */
.stepBar {
	display: flex;
	width: 116%;
	position: relative;
	text-align: center;
	padding: 1em 0;
	left: -9%;
}

.stepBar li {
	font-size: 12px;
	list-style: none;
	position: relative;
	width: 33.333%;
}

.stepBar li:after {
	background: #c7cbd3;
	content: "";
	width: calc(100% - 30px);
	height: 0.2em;
	position: absolute;
	left: calc(-49% + 14px);
	top: 13px;
	z-index: 1;
}

.stepBar li:first-child:after {
	display: none;
	z-index: 1;
}

.stepBar li span {
	background: #c7cbd3;
	color: #ffffff;
	display: inline-block;
	height: 30px;
	margin-bottom: 5px;
	line-height: 30px;
	width: 32px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #c7cbd3;
	padding: 0.2em;
	z-index: 2;
	position: relative;
}

.stepBar .visited span {
	background: #2162b0;
	z-index: 2;
	border: 1px solid #2162b0;
}

.stepBar h6 {
	margin: 0;
	font-size: 1.05em;
	font-weight: 200;
}
/* stepBar end */


/* ロードアニメーション */
#lazyLoad {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .45);
    justify-content: center;
  	align-items: center;
  	flex-direction: column;
}

ul.markerKome {
	padding: 0 0 0 10px;
	list-style-type: none;
}

ul.markerKome li {
	margin: 0;
	line-height: 1.5;
}

ul.markerKome li:before {
	content: '※';
	margin-left: -10px;
}

.flex-active {
    display: flex !important;
}

.loader {
 	border: 4px solid #fafafa;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
  0%{
    transform: rotate(0deg);
  }

  100%{
    transform: rotate(360deg);
  }
}

.panel-title {
	background: #2162b0;
	color: white;
	height: 5vh;
	padding: 0.8vh 0 0 1em;
	border: 1px solid #2162b0;
	border-radius: 0.7em 0.7em  0 0;
}

.panel-body {
	padding: 1em;
	border: 1px solid #dedede;
    border-radius: 0 0 0.7em 0.7em;
}

input::placeholder {
  color: #b9aeae;
}

/* IE */
input:-ms-input-placeholder {
  color: #b9aeae;
}

/* Edge */
input::-ms-input-placeholder {
  color: #b9aeae;
}

/* first-question start */
.campaign-box {
	font-weight: bold;
    border: 2px solid #4bab27;
    background: #dfffd3;
    border-radius: 10px;
    padding: 1em;
    margin-top: 1em;
}
.ques-box {
	margin: 2em 0;
}

.ques-area h3 {
	position: relative;
	padding-left: 2em;
	border: none !important;
}

.ques-area h3:before {
	content: "Q";
	display: block;
	width: 2rem;
	height: 2rem;
	font-size: 1rem;
	text-align: center;
	color: #fff;
	background-color: #2162b0;
	left: 0;
	border-radius: 50%;
	position: absolute;
}

.ques-box button {
	height: 2.5em;
	border-radius: 1.3em;
	font-size: 108%;
	min-width: 5em;
}

.plan p {
	margin: 1em 0;
}

.main.plan {
	padding: 190px 1rem 2rem;
	background-color: #f0f7fd;
}
/* first-question end */

/* 住所検索 */
.house-area {
	margin: 2em 0;
}

.posInp input {
	height: 3em;
	margin-top: 0.15em;
	font-size: 14px;
	width: 15em;
}

.posInp {
	margin-bottom: 1em;
}

.house-table table {
	overflow: hidden;
}

.house-table th {
	display: none !important;
}

.house_conditions {}

/* house_type start */
.houseType div {
	display: flex;
	justify-content: center;
	margin-top: 1em;
}

.houseType input {
	display: none;
}

.houseType label {
	border: 3px solid #9e9e9e;
	border-radius: 10px;
	display: block;
	width: 49%;
	height: 13em;
	box-sizing: border-box;
	max-width: 23em;
	margin: 0em 1.35em;
}

body .ui-messages .ui-messages-close:before {
	content: none;
}

.houseType label span {
	display: none;
}

.houseType input:checked+label {
	background: url(../images/housetype2_after.png) #FFFEF9 no-repeat center
		center;
	background-size: contain;
	border: 3px solid #2865cc;
}

.houseType input:checked+label:last-child {
	background: url(../images/housetype1_after.png) #FFFEF9 no-repeat center
		center;
	background-size: contain;
	border: 3px solid #2865cc;
}

.houseType label {
	background: url(../images/housetype2_before.png) #FFFEF9 no-repeat center
		center;
	background-size: contain;
}

.houseType label:last-child {
	background: url(../images/housetype1_before.png) #FFFEF9 no-repeat center
		center;
	background-size: contain;
}

.its-selectBtn.ui-buttonset:not(.ui-splitbutton) > .ui-button {
	border-radius: 1.3em;
    margin: 0 0.4em;
    min-width: 5.5em;
    height: 2.5em;
    font-size: 100%;
    margin-bottom: 0.5em;
}

.its-check {
	margin: -4px 6px 0px 15px !important;
}


.its-selectBtn.ui-selectbooleanbutton {
	border-radius: 1.3em;
    margin: 0 0.4em;
    min-width: 5.5em;
    height: 2.5em;
    margin-bottom: 0.5em;
}

.its-packSelectBtn.ui-selectbooleanbutton {
	margin: 0 0.4em;
	width: 100%;
	height: 3em;
	margin: 0;
	font-size: 21px;
	font-weight: bold;
	/* text-align: center; */
	padding: 0.4em 0;
}

.clearfix .area-question.ques1 {
	margin: 0;
}
/* house_type end */

/* area_check start */
.its-msg.ui-messages .ui-messages-error {
    background-color: #ffbf88;
    border: 1px solid #ff7500;
    color: #4D3B0A;
}

.its-msg.ui-messages .ui-messages-error .ui-messages-error-icon {
	display: none;
}

.its-msg.ui-messages .ui-messages-info .ui-messages-info-icon:before {
	content: '';
	background: url(../images/area_ok_icon.png)  no-repeat center
	 		center;
	width: 27px;
	height: 27px;
	z-index: 1;
	background-size: contain;
	display: block;
}

.its-msg.ui-messages ul {
	margin: 0;
}

body .ui-messages {
	margin: 0;
}

body .ui-messages .ui-messages-error .ui-messages-error-icon {
	margin: 0;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
	margin: 0;
}

.area-msg span.ui-messages-error-summary, .area-msg span.ui-messages-info-summary {
	margin: 0;
}
/* area_check end */

/* usage_flow start */

.flow-apart-area img, .flow-house-area img {
	width: 20%;
}

.clause-area h4 {
	margin: 0;
}

.clause-area hr {
	margin: 0;
}

.clause-area ul {
	padding: 0 0 0 1.5em;
	margin-top: 0.5em;
}

.tel-checkBox {
	margin-top: 1em;
}

.clause-box.cable-clause {
	margin-top: 36px;
	position: relative;
}

.cable-clause:before  {
	content: '';
	background: url(../images/vertical_arrow.png)  no-repeat center
	 		center;
	width: 1.5em;
	height: 1.5em;
	z-index: 1;
	background-size: contain;
	vertical-align: baseline;
	display: block;
	position: absolute;
	top: -26px;
    left: 47%;
}

.clause-box {
	background: #efefef;
    padding: 0.5em;
    margin: 0.5em 0;
    border-radius: 0.7em;
}

.cable-confirm .ui-widget {
	margin: -2px 1em 0 0;
}

.clause-confirm .ui-widget {
	margin: -2px 1em 0 0;
}

.clause-box span {
	margin-right: 1.5em;
}

.pdf-box {
	padding: 0.2em 0.5em;
}

.pdf-box img {
	width: 8em;
	cursor: pointer;
}

/* usage_flow end */

/* services start */
.confirm-dlg.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
	display: none;
}

.choice-box {
	margin: 1em 0 1em 0;
}

.choice-box input {
	display: none !important;
}

.choice-box > div {
	text-align: center;
	border: 0.1em solid #2162b0;
	border-radius: 5px;
	width: 95%;
	height: 5.5vh;
	box-sizing: border-box;
	margin: 0.5em 0.5em 0.5em 0;
	background: #2162b0;
	color: white;
	padding: 1.1vh;
	font-size: 17px;
}

.pack-img img {
	width: 16em;
}

.pack-text {
	font-size: 12px;
}

.selectPack-box {
	width: 100%;
	display: grid;
	display: -ms-grid;
	justify-content: center;
	grid-template-columns: 1fr 1fr;
	-ms-grid-columns: 1fr 1fr;
	font-size: 90%;
	margin-bottom: 2em;
}

.selectPack-box .pack-area {
	margin: 0.5em;
}

.selectPack-box .pack-margin {
	margin: 0.3em 0;
}

.selectPack-box button.button-size5 {
	font-size: 100%;
}

.selectPack-box .discount-text {
	margin: 0.3em 0 0 0.5em;
}

.selectPack-box .sum-text .sum-num {
	font-size: 2em;
}

.selectPack-box .sum-text .yen-month {
	font-size: 1.3em;
	line-height: 1.8;
}

.selectPack-box .discount-text .sum-num {
	font-size: 1em;
}

.selectPack-box .discount-text .yen-month {
	font-size: 0.8em;
    line-height: 2.4;
}

.choice-box > div:last-child {
	background: white;
	color: #0c4892;
	margin: 0.5em 0 0.5em 0.5em;
}

.plan-menu {
	width: 100%;
	position: relative;
	text-align: start;
	padding: 0;
	margin: 0.2em;
}

.plan-menu-text {
	line-height: 2.5;
    margin-left: 0.5em;
}

.recom-panel {
	width: 68%;
	min-width: 26em;
	position: relative;
}
 /*
.itsPanel .ui-widget,
.itsPanel .ui-widget .ui-widget {
	font-size: 15px;
}*/

.partial-grid {
	width: 94%;
	display: flex;
}

.partial-grid-check, .partial-grid-check-net {
	width: 6%;
	margin-top: -4px;
}

.partial-grid-child {
	width: 33%;
}

.partial-grid-net-text {
	width: 60%;
}

.partial-grid-net-price {
	width: 40%;
}

.partial-grid-price {
	text-align: right;
}

.pack-list li {
	width: 46%;
	list-style: none;
}

.discount-text {
	color: red;
}

.discount-text .sum-num {
	font-size: 1.5em;
}

.discount-text .yen-month {
	font-size: 1em;
    line-height: 2.4;
}

.pack-area hr {
	margin: 0 0 1em;
}

.sum-text {
	color: #063c80;
}

.sum-text .sum-num {
	font-size: 3.5em;
}

.sum-text .yen-month {
	font-size: 1.3em;
    line-height: 2.5;
}

.services-area p {
	font-size: 2.4em;
    margin: 1em 0 0 0;
    text-align: center;
}

.plan-menu li {
	background: white;
	font-size: 14px;
	list-style: none;
	/* width: 33.333%; */
	font-family: none;
	margin-right: 1em;
	border: 1px solid #2162b0;
}

.plan-menu img {
	width: 2.5em;
}

.plan-menu.select-img img {
	width: 3.5em;
}

.plan-menu i {
	font-size: 2.2em;
}

.plan-menu li section {
	background: #2162b0;
	color: #ffffff;
	display: inline-block;
	height: 3.2em;
	margin-bottom: 1em;
	width: 3.2em;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #c7cbd3;
	padding-top: 0.5em;
}

.pack-margin {
	margin: 1.5em 0 0;
}

.bill-text-margin {
	margin-left: 0.5em;
}

.telCheck-margin {
	margin: 0 0 0 0.5em;
}

.telCheck label {
    font-size: 1em;
}

.pack-change-area {
	padding: 0px 18%;
	margin: 0 0 2em 0;
}

.pack-change-area button {
	margin: 0 0.5em;
}

.help-btn {}

.help-btn i {
	margin: 0.1em 0 0 0.2em;
	color: #2162b0;
	cursor: help;
}

.ui-panelgrid-cell > .ui-widget {
	margin: 0 0.5em 0.5em 0;
}

.its-swiperBtn {
	outline: none;
}

.angle-btn {
	background:#2162b0;
	text-align: center;
	width: 2em;
    height: 2em;
    color: white;
    margin: 0 0.5em;
    border-radius: 50%;
    outline: none;
}

.angle-btn i {
	font-size: 2em;
	color: white;
	user-select: none;
}

.arrow {
	position: relative;
	width:90%;
	margin: 0 auto 2em;
	border-bottom: 1px solid #2364b1;
}

.arrow:before{
	content: "";
	border: 12px solid transparent;
	border-top: 12px solid #999;
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -12px;
}

.pack-area .arrow:after {
	border-top-color: rgb(255, 255, 255);
}

.arrow:after{
	content: "";
	border: 12px solid transparent;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -12px;
	border-top-width: 12px;
	border-top-style: solid;
	border-top-color: rgba(255, 255, 255, 0.9);
}

.disp-none {
	display: none;
}

.service-section {
	border: 4px solid #111987;
    border-radius: 10px;
	padding: 1em;
}

.service-select {
	padding-top: 1em;
}

.services-area {
	margin-bottom : 1.5em;
}

.pack-area {
	color: #505050;
	border: 1px solid #2162b0;
	border-radius: 0.2em;
	padding: 10px 10px 0;
	background: #f3ffff;
}

.select-box h2 {
	font-weight: 200;
    text-align: center;
}

.select-box p, .pack-box p {
	font-size: 1.6em;
}

.service-check label {
	margin-left: 1em;
    margin-top: 0.5em;
    font-size: 1.1em;
}

.service-under {
	border-bottom: 1px solid gray;
}

.telCheck .ui-chkbox div:last-child {
	height: 1.5em !important;
	width: 1.5em !important;
}

.its-selectBtn.service-confirm.ui-selectbooleanbutton, .its-selectBtn.service-confirm.ui-buttonset:not(.ui-splitbutton) > .ui-button {
	background-color: #2162b0;
    border-color: #144988;
    color: #ffffff;
}

.its-selectBtn.service-confirm.ui-button.ui-state-active, .its-selectBtn.service-confirm.ui-button.ui-state-down {
	background-color: #4fbe46;
    border-color: #35962d;
}

.its-selectBtn.service-confirm.ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover {
	background-color: #3a9833;
	border-color: #35962d;
}

.its-packSelectBtn.ui-selectbooleanbutton, .its-packSelectBtn.ui-selectbooleanbutton .ui-buttonset:not(.ui-splitbutton) > .ui-button {
	background-color: #ffffff;
	color: #2162b0;
	border: 1px solid #2162b0;
	border-left: none;
	border-bottom: none;
	border-right: none;
}

.services-table {
	padding: 1em 0 0;
}

.services-table hr {
	margin: 0 0 1em 0;
}

.services-table thead {
	display: none;
}

.tv-device .ui-selectonemenu .ui-selectonemenu-label {
	font-weight: bold;
}

.option-select {
	margin: 0.5em 0;
}

.option-select legend {
   height: 4.5vh;
    font-size: 0.9em !important;
    padding: 0.7vh !important;
    background-color: #2162b0 !important;
    color: white !important;
    font-weight: unset !important;
}

.option-select legend span {
    color: white !important;
}

.option-area h3 {
	width: 100%
	border-bottom: 0.1em solid #2865cc;
}

.fee-area {
	background: #e8efff;
    color: #4c4545;
    text-align: center;
    padding: 0.5em;
    margin: 0.2em 0;
    font-weight: bold;
}

.form-detail-box {
	margin: 0 0 1.5em 0;
}

.form-detail-box hr {
	margin: 0 0 0.5em 0;
}

.detail-box {
	margin: 1.5em 0;
}

.detail-title {
	background-color: #efefef;
	font-weight: bolder;
	padding-left: 0.5em;
}

.detail-box ul {
	padding: 0 0 0 25px;
    margin-top: 0.5em;
}

.recom-pack::before {
 font-size: 12px;
 content: "";
 font-family: 'Noto Sans Japanese Bold';
 text-align: center;
 color: #fff;
 line-height: 1.5;
 padding: 3px 15px;
 top: -15px;
 right: 5%;
 z-index: 1;
 position: absolute;
 background: yellowgreen;
 box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
 -webkit-box-shadow: -3px 3px 6px -2px rgba(0,0,0,0.8);
}

body .ui-accordion .ui-accordion-header.ui-state-active {
	border-radius: 0.7em 0.7em 0 0;
}

body .ui-accordion .ui-accordion-content {
	border-radius: 0 0 0.7em 0.7em;
}

.swiper-container {
  width: 100%;
  padding: 0px 8%;
}

.sliderBtn .swiper-button-next, .sliderBtn .swiper-button-prev {
	position: relative;
	top:auto;
	margin: 0 0.5em;
	background-image: none;
	left: 0;
	display: inherit;
}

.sliderBtn .swiper-button-prev:after, .sliderBtn .swiper-button-next:after {
	display: none;
}

.side-box {
	position: fixed;
	color: #fff;
	z-index: 10;
	justify-content: end;
	bottom: 2em;
	right: 19%;
}

.side-box div {
	border-radius: 9px;
	background: #4fbe46 !important;
	border: #4fbe46 !important;
	font-size: 1.2em;
	font-weight: bold;
	box-shadow: -4px 3px 5px -3px rgba(0,0,0,0.8);
	text-align: start;
	width: 180px;
	padding: 8px 25px 8px 16px;
}

.pertialPack-text {
	height: 7vh;
}

.partialPack-explain {
	height: 13vh;
}

.its-packSelectBtn.ui-button.ui-button-text-icon-left .ui-icon {
	color: #2162b0;
}

.its-packSelectBtn.ui-selectbooleanbutton.ui-state-hover,
.its-packSelectBtn.ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-hover {
    background-color: #f3ffff;
    color: #2162b0;
    border: 1px solid #2162b0;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.side-box div span:after {
	content: '';
	background: url(../images/arrow_next.png) no-repeat center
  center;
	width: 2em;
	height: 2em;
	position: absolute;
	top: 14px;
    right: -1px;
	z-index: 1;
	background-size: contain;
	vertical-align: baseline;
}
/* services start end */

/* app_form start */
.errorArea {
	margin-top: 1em;
	background-color: #ffded2;
    border: 1px solid #f9703c;
}
.tree-font {
	margin-top: 1em;
}

.its-yahoo-box {
	padding: 1em 0 0.5em 0em;
}

.yahoo-logo dd {
	margin: 0;
}

.yahoo-logo div:first-child {
	background: white;
}

.smp_tmpl {
	background-color: #f1f1f1;
	text-align: left;
	width: 100%;
	margin-top: 1em;
	padding: 1.2%;
	border-radius: 5px;
	overflow: hidden;
}

.name-box {
	display: flex;
}

.name-box .suffix {
	line-height: 3.5;
	font-size: 13px;
	min-width: 27px;
}

.smp_tmpl .data p {
	margin-left: 1em;
}

.smp_tmpl h2 {
	color: #111987;
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 0 10px;
	clear: both;
}

.smp_tmpl h2:first-child {
	margin-top: 10px;
}

.smp_tmpl dl {
	display: table;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 0px;
}

.smp_tmpl dl.cf::before, .smp_tmpl dl.cf::after {
	display: none;
}

.smp_tmpl dt.title {
	font-size: 108%;
	font-weight: bold;
	background-color: #fff;
	width: 36%;
	border: 0.1px solid #f1f1f1;
	display: table-cell;
	position: relative;
	padding: 10px 55px 10px 10px;
}

.smp_tmpl dt.title .caution {
	display: block;
	color: #5F5F5F;
	font-size: 85%;
	font-weight: normal;
}

.smp_tmpl dd.data {
	background-color: #fff;
	padding: 10px;
	border: 0.1px solid #f1f1f1;
	display: table-cell;
	vertical-align: middle;
}

body .ui-inputfield.ui-state-error, body .ui-selectonemenu.ui-state-error {
	    border: 2px solid #f9703c;
}

/* 接頭語・接尾語 */
.smp_tmpl .suffix {
	text-align: right;
	display: inline-block;
}

.smp_tmpl .data span:first-child.suffix {
	width: 2em;
	margin-right: 0;
}

.smp_tmpl .data input {
	background-color: rgb(255, 255, 255);
    height: 3em;
    margin: 0.5em;
    padding: 0 0.5em;
    font-size: 14px;
    width: 90%;
}

.smp_tmpl .name .suffix, .smp_tmpl .data.name span:first-child.suffix {
	width: 2em;
	margin-right: 0;
}

.smp_tmpl .suffix2 {
	text-align: right;
	display: inline-block;
	margin-right: 1em;
	font-size: 11px;
	min-width: 44px;
	line-height: 3;
}

.smp_tmpl .need {
	color: #fff;
	background-color: #f9703c;
	font-size: 80%;
	font-weight: 100;
	position: absolute;
	right: 10px;
	top: 13px;
	padding: 0px 8px;
}

.smp_tmpl .msg {
	display: block;
	color: #DD0000;
	font-size: 85%;
	text-align: left;
}

.smp_tmpl .sub_text {
	background-color: #fff;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	margin: 5%;
	padding: 5%;
}

.smp_tmpl .thanksbox {
	width: 58%;
	margin: auto;
	text-align: center;
}

.smp_tmpl ul {
	margin-bottom: 0em;
}

.smp_tmpl ul li {
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1em;
}

.smp_tmpl .thanksbox .contact {
	color: #111987;
	width: 92%;
	margin: 0 auto 30px;
	padding: 23px 3% 15px;
	border: 1px solid #111987;
	border-radius: 5px;
}

.smp_tmpl .thanksbox .contact dt {
	font-size: 114%;
	margin-bottom: 12px;
}

.smp_tmpl .thanksbox .contact dd {
	font-size: 85%;
	margin-bottom: 5px;
}

.smp_tmpl .thanksbox .contact dd.tel {
	margin-bottom: 15px;
}

.smp_tmpl .error {
	background: #FFE4E4;
}

.smp_tmpl .spiralSeal {
	width: 58%;
	overflow: hidden;
	margin: 50px auto 0;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

.smp_tmpl .spiralSeal tr td.description {
	display: table-cell;
	text-align: left;
	overflow: auto;
}

.smp_tmpl .spiralSeal tr td.img {
	display: table-cell;
	margin-left: 0px;
	margin-right: 0px;
	overflow: auto;
	text-align: center;
}

.smp_tmpl .footer_text {
	font-size: 100%;
	margin: 30px 0;
	font-weight: normal;
	text-align: center;
}

.smp_tmpl .cf:before, .cf:after {
	content: "";
	display: table;
}

.smp_tmpl .cf:after {
	clear: both;
}

.address_span {
	margin-left: 0.5em;
}
.smp_tmpl .cf {
	*zoom: 1;
}

.dateInput {
	width: 5em;
    margin-left: 0.6em;
    height: 3em;
    font-size: 14px;
}

/* dd内入れ子 */
.smp_tmpl dd.data dt.title, .smp_tmpl dd.data dd.data {
	font-weight: normal;
	border: none;
	padding: 0;
}

.smp_tmpl dd.data dt.title {
	border-bottom: 1px dotted #ddd;
}

dd.data .br::before {
	content: "\A";
	white-space: pre;
}

.smp_tmpl dd.data ul ul select {
	width: 55px;
}

.dispSp {
	display: none;
}

dt.title {
	width: auto;
	display: block;
	margin-top: 10px;
}

h2+dl dt.title {
	margin-top: 0;
}

ul ul dl dt.title {
	margin-top: 0;
}

ul ul dl {
	margin: 5px 0;
}

dd.data {
	display: block;
}

dd.data dt.title {
	border: none;
}

.data textarea {
	width: 100% !important;
	height: 7em !important;
}

.smp_tmpl .name input {
	width: 100%;
	height: 3em;
	margin-left: 0.5em;
}

.nameFrame {
	width: 50%;
}

.smp_tmpl .name-box {
	display: flex;
}

.dispPc {
	display: none;
}

.dispSp {
	display: block;
}

.its-manyBtn.ui-buttonset:not(.ui-splitbutton) > .ui-button {
	border-radius: 2em;
    margin: 0.5em;
}

body .ui-accordion .ui-accordion-header {
	border-radius: 0.7em;
}

/* app_form end */

/* カレンダー用 start*/
.its-calender input{
	margin: 0 0 0 0.2em !important;
}

.calender-box .calenderSelect {
	min-width: 85px !important;
	margin-left: 7px;
}

.calender-box {
	margin-bottom: 8px;
	font-size: 0.2em;
	height: 13em;
}

.calender-box input {
	height: 100%  !important;
	width: 9em;
	bottom: 1em;
}

.calender-box button {
	height: 100%;
	top:0.15em;
}

.calender-box label {
	height: 100%;
}

.calender-box .calenderSelect.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	font-size: 13px;
}

.confirm-area.smp_tmpl dt.title {
	padding: 10px;
}
/* カレンダー用 end*/

/* total_confirm 使用していない
.total-table {
	margin-top: 1em;
}

.total-table th {
	background-color: #eaeaea !important;
}

.total-table tr:last-child {
	background-color: #eaeaea !important;
} */

/* app_complete start */
.h4title_check {
	position: relative;
	margin: 3rem 0 0 0;
	display: flex;
	justify-content: center;
}
/* app_complete end */

.ui-treetable table {
	table-layout: fixed
}

.ui-dialog table {
	margin-left: auto;
	margin-right: auto;
}

.contquestion-resize {
  overflow-x : hidden;
  overflow-y : auto;
  top: 23%;
  position: fixed;
  width: 65%;
  max-height: 90vh;
  max-width: 56em;
  min-width: 48.5em;
  background: #fff;
  border: 5px solid #0c4892;
  border-top-width: 10px;
  border-radius: 10px;
  display: none;
  z-index: 11;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.8);
}

.clearfix {
  position: relative;
  margin: 0 auto;
  display: none;
  z-index: 11;
  padding: 0.1em 1em 1.5em;
  width: 100%;
  background: white;
}

.contquestion-resize .modal-title {
  width: 100%;
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  background: #0c4892;
  padding: 12px 0 12px;
}

.modal-title img {
	width: 9em;
    height: 1.8em;
    margin-right: 0.6em;
}

.modal-title h2 {
	margin: 0.29em 0;
}

.clearfix > p {
  	font-size: 100%;
	font-weight: bold;
	color: #615c5c;
	margin: 1em 0 1.5em;
}
.clearfix dl dd {
  padding-left: 0;
}
.clearfix .area-question {
  position: relative;
  float: left;
  width: 30%;
  min-width: 15em;
  padding: 2em 1em 0.5em;
  margin: 0 0 0 2em;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  box-shadow: 1px 1px 4px #d1d1d1;
  -moz-box-shadow: 1px 1px 4px #d1d1d1;
  -webkit-box-shadow: 1px 1px 4px #d1d1d1;
}
.clearfix h2 + p + span + .area-question {
  margin-left: 9px;
}

.clearfix .ques2:before {
  content: '';
	background: url(../images/side_arrow.png)  no-repeat center
  		center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	top: 43%;
    left: -11%;
	z-index: 1;
	background-size: contain;
	vertical-align: baseline;
}

.clearfix .question-num {
  position: absolute;
  top: -10px;
  left: 7px;
  width: 65px;
  height: 33px;
  line-height: 1.9;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background: #4bab27;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.8);
}
.clearfix .question-text {
  font-size: 16px;
  font-weight: bold;
  color: #615c5c;
  line-height: 1.3;
  margin: 0;
}
.clearfix .box-answer {
  width: 170px;
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.clearfix .box-answer li {
  height: 37px;
}
.clearfix .box-answer a {
  display: block;
  width: 80px;
  height: 37px;
  background: url(/ybb/set/data/special/sbhikari-01/img/p/btn_qa_1608.png) no-repeat;
  text-indent: -9999px;
}
.clearfix .box-answer .answer-1 {
  float: left;
}
.clearfix .box-answer .answer-2 {
  float: right;
}
.clearfix .box-answer .answer-1 a {
  background-position: 0px 0px;
}
.clearfix .box-answer .unselected.answer-1 a {
  background-position: 0px 0px;
}
.clearfix .box-answer .selected.answer-1 a {
  background-position: 0px -37px;
}
.clearfix .box-answer .answer-1 a:hover {
  background-position: 0px -37px;
}
.clearfix .box-answer .answer-2 a {
  background-position: -90px 0px;
}
.clearfix .box-answer .unselected.answer-2 a {
  background-position: -90px 0px;
}
.clearfix .box-answer .selected.answer-2 a {
  background-position: -90px -37px;
}
.clearfix .box-answer .answer-2 a:hover {
  background-position: -90px -37px;
}
.clearfix .box-answer .selected {
  background: url(/ybb/set/data/special/sbhikari-01/img/p/btn_qa_1608.png) no-repeat 0px -37px;
}

.modalClose {
  display: block;
  position: absolute;
  top: 16px;
  right: -20px;
  cursor: pointer;
  background: #037ebc;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 43px;
  font-weight: bold;
  color: white;
  text-align: center;
  line-height: 1.3;
  padding: 0px 0;
  font-family: serif;
}

#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, .65);
}
#modal {
    z-index: 99;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 46%;
    left: 50%;
    background: #0c4892;
}

#telCheckBox1 > div:last-child {
	border-color: #2162b0;
    background-color: #2162b0;
    color: #ffffff;
}

.active {
    display: block !important;
}

.cafis-dlg {
	position: absolute;
	top:13em;
}

.cafis-title {
  position: relative;
  z-index: 11;
  background: #d5effc;
  border-bottom: 7px solid #037ebc;
  border-radius: 10px 10px 0 0;
  height: 3.5em;
}

.cardList {
    display: flex;
    list-style: none;
    height: 2.4em;
    padding: 0;
    margin-bottom: 1em;
}

.cardList img {
	height: 100%;
	margin: 0 0.2em;
}

.cafis-close {
  display: block;
  position: absolute;
  top: 8px;
  right: 7px;
  cursor: pointer;
  background: #037ebc;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  font-size: 35px;
  color: white;
  text-align: center;
  line-height: 1.2;
  padding: 0px 0;
  font-family: serif;
}

.cafis-dlg p {
	margin: 0;
}

.cafis-dlg button {
	margin: 0.5em 0 0 0 !important;
	width: 100%;
	border-radius: 1em;
	font-size: 120%;
	height: 2.3em;
}

.cafis-dlg label {
	padding: 0 0.5em;
}

#cafis-modal {
    z-index: 99;
    transform: translate(0%, 0%);
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fff;
    width: 27em;
}
.its-selectBtn.service-confirm {
	border-radius: 7px;
    padding: 0;
    margin-bottom: 1em;
    font-size: 20px;
    min-width: 23em;
}

.select-swiper {}

.cableplus-scroll {
	width:100%;
	height:40em;
	margin-top: 1em;
	position: relative;
}

.cableplus-box {}

.cableplus-ques {
	margin: 0.5em 0 1em 0;
}

.cableplus-box .ques-area {
	margin: 1em 0 1.5em;
}

.cableplus-box .ui-widget {
	margin-top: -0.1em;
}

.cableplus-box .ques_icon {
	color: #2865cc;
	font-size: 15px;
	font-weight: bold;
}

.cableplus-box .ques-text{
	margin-left: 0.5em;
}

.cableplus-box .quesBtn-area {
	margin-right: 1em;
}

.cableplus-box .quesText-area {
	width: 93%;
}

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

	.recom-panel {
		min-width: 90%;
	}

	.pack-change-area {
		padding: 0px 9%;
	}

	.selectPack-box {
		grid-template-columns: 1fr;
	}

	.pertialPack-text {
		height: auto;
	}

	.partialPack-explain {
		height: auto;
	}

	.data.phone td {
		display: block;
	}

	.smp_tmpl .name-box {
		display: block;
	}

	.nameFrame {
		width: 100%;
	}
}

@media screen and (max-width: 1200px) {
	.contquestion-resize {
		top: 5%;
		width: 52em;
		min-width: 52em;
	}
}

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

	.recom-panel {
		min-width: 100%;
	}

	.pack-change-area {
		padding: 0px 4%;
	}

	.partial-grid {
		display: block;
		width: 90%;
	}

	.partial-grid-check {
		width: 10%;
		padding: 1.5em 0;
	}

	.partial-grid-check-net {
		width: 10%;
		padding: 0.5em 0 0 0;
	}

	.partial-grid-child, .partial-grid-child-net, .partial-grid-net-text, .partial-grid-net-price {
		width: 100%;
	}

	.partial-grid-price {
		text-align: left;
	}
}

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

	.contquestion-resize {
		width: 37em;
		min-width: 37em;
	}

	.clearfix .area-question.ques1 {
		margin: 2em 0 0 2em;
	}

	.clearfix .area-question {
		margin: 2em 0 0 2em;
	}

	.its-quesArea {
		display: block;
	}
}

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

	.modal-title img {
		height: 1.5em;
	}

	.modal-title h2 {
		font-size: 1.2em;
	}

	.its-selectBtn.ui-buttonset:not(.ui-splitbutton) > .ui-button {
	    height: 2.5em;
	    font-size: 100%;
	}

	.ques-box button {
		font-size: 100%;
		min-width: 5.5em;
	}

	.contquestion-resize .modal-title {
		display: block;
		font-size: 1.5em;
		padding: 0.1em;
	}
	.stepBar h6 {
		display: none;
		white-space: nowrap;
	}

	.stepBar li:after {
		width: calc(100% - 0px);
    	left: calc(-59% + 0px);
	}

	.visited h6 {
		display: block;
	}

	.container {
		font-size: 13px;
	}
	.main-panelframe {
		width: 95%;
		min-width: auto;
	}
	.main-panelbody {
		width: 88%;
		min-width: auto;
	}
	.main-panelbody .h1title {
		font-size: 1.3em;
		padding: 0.2em 0 0.1em 0.8em;
		border-left: 0.25em solid #2865cc;
	}
	.main-panelbody .header_text {
		padding: 0 0 0.2em 1.2em;
		border-left: 0.3em solid #2865cc;
	}

	button.button-size5 {
		min-width: 11em;
		margin: 0;
	}

	.steptitle h2 {
		padding: 0.2em 0 0 0.5em;
		font-size: 1rem;
		letter-spacing: 0.12em;
		margin: 0 0 1em 0;
	}
	.steptitle p {
		margin: 0;
		font-size: 0.85rem;
		height: 2.4em;
	}
	.houseType label {
		height: 8em;
		margin: 0 0.2em;
	}

	.posInp {
		display: block;
	}

	.house_conditions {
		display: block;
	}

	.area-msg {
		margin: 2em 0;
		width: 100%;
	}

	.service-check {
		display: block;
	}

	.selectCheckBox {
		margin-bottom: 1em;
	}

	.clause-box.clause-confirm.app-form-comfirm {
		display: flex !important;
	}

	.clause-confirm {
		display: block;
		padding: 1em;
	}

	.cable-confirm .ui-widget {
		margin: -2px 1em 0 0;
	}

	.side-box {
		bottom: 3em;
		right: 0%;
	}

	.side-box div {
		font-size: 1.3em;
		width: 163px;
    	padding: 10px 21px 10px 11px;
	}

	.its-yahoo-box {
		display: block;
		padding: 0;
	}

	.name-box {
		display: block;
	}

	#header .logo {
		padding: 11px 0 6px 2%;
	}
	.smp_tmpl #content {
		width: 96%;
		padding: 0 2%;
	}
	.smp_tmpl h1 {
		font-size: 1.7em;
	}
	.smp_tmpl .header_rmesg {
		font-size: 12px;
		line-height: 1.5;
	}

	.smp_tmpl .steps li {
		text-align: left;
		width: 96%;
		padding: 2%;
		margin-bottom: 5px;
		border-top: 1px solid #fff;
		float: none;
	}
	.smp_tmpl .data input {
		width: 90%;
	}
	.smp_tmpl .steps li:before {
		border: none;
	}
	.smp_tmpl .steps li:after {
		border: none;
	}
	.smp_tmpl .steps .current+li:after {
		border-left-color: transparent;
	}
	.smp_tmpl .steps li:first-child {
		border-top: none;
	}
	.smp_tmpl .steps li div {
		margin: initial;
	}
	.smp_tmpl .steps li .text {
		padding-left: 10px;
	}
	.smp_tmpl dt.title {
		width: auto;
		display: block;
		margin-top: 0.1em;
	}
	.smp_tmpl h2+dl dt.title {
		margin-top: 0;
	}
	.smp_tmpl ul ul dl dt.title {
		margin-top: 0;
	}
	.smp_tmpl ul ul dl {
		margin: 5px 0;
	}

	.select-box td {
		display: block;
	}
	.smp_tmpl dd.data {
		display: block;
		margin: 0;
		padding: 0.4em 1em;
	}
	.smp_tmpl dd.data dt.title {
		border: none;
	}

	.smp_tmpl .multi1 li {
		width: auto;
		float: none;
		margin-top: 0.1em;
	}
	.smp_tmpl .multi1 li:first-child {
		margin-top: 0;
	}
	.smp_tmpl .accept label {
		display: table;
		margin: auto;
	}
	.smp_tmpl .thanksbox, .smp_tmpl .spiralSeal {
		width: 100%;
	}
	.dispPc {
		display: none;
	}
	.disp-block {
		display: block;
	}

	.calender-container {
		height: 26px;
	}
	.calender-container input {
		margin: 0 !important;
		width: 6em;
	}

	.calender-box .calenderSelect {
		min-width: 74px !important;
		margin-left: 0px;
	}

	.calender-box label {
		font-size: 11px;
	}

	.calender-container button {
		top:0.19em;
	}
}

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

	.flow-apart-area {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.flow-house-area {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.flow-apart-area img, .flow-house-area img {
		width: 100%;
	}

	.cableplus-box .quesText-area {
		margin-left: 1em;
	}

	.choice-box {
		display: block;
	}

	.choice-box > div, .choice-box > div:last-child {
		width: 100%;
		margin: 0.5em 0 0 0;
	}

	.its-selectBtn.service-confirm {
		min-width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.clearfix .ques2:before {
		content: '';
		background: url(../images/vertical_arrow.png)  no-repeat center
		 		center;
		top: -13%;
    	left: 42%;
		background-size: contain;
	}

	.contquestion-resize {
		width: auto;
		min-width: auto;
	}

	.clearfix .area-question.ques1 {
		margin: 2em 2em 0 2em;
	}

	.clearfix .area-question {
		margin: 2em 2em 0 2em;
	}

	.recom-panel {
	    min-width: 115%;
	    font-size: 11px;
	}

	.swiper-container {
	    padding: 0px 13%;
	}

	.pack-img img {
	    width: 16em;
	}

	.pack-margin {
	    margin: 8px 0 0 0;
	}

	.sum-text .sum-num {
	    font-size: 2.7em;
	}

	.plan-menu li {
		font-size: 8px;
	}

	.its-packSelectBtn.ui-selectbooleanbutton {
		margin: 0;
		/* height: 2.4em; */
		font-size: 16px;
	}

	.sum-text .yen-month {
	    font-size: 1em;
	    line-height: 3;
	}

	.discount-text .yen-month {
	    line-height: 2.1;
	}

	.cable-confirm .ui-widget {
	    margin: 5px 1em 0 0;
	}

	.arrow {
	    margin: 0 auto 2em;
	}

	.partial-grid {
		width: 85%;
	}

	.partial-grid-check, .partial-grid-check-net {
		width: 15%;
	}

	.pack-text {
	    font-size: 10px;
	}
	.card-area {
		display: block;
	}

	.card-area button {
		margin-top: 1em;
	}
}

@media screen and (max-width: 370px) {
	.logo a {
		max-width: 5em;
	}
	.steptitle h2 {
		font-size: 0.85rem;
	}
	.steptitle p {
		font-size: 0.89rem;
		padding: 0.3em 0.5em;
	}
	.houseType div {
		font-size: 1em;
	}

	.recom-panel {
	    font-size: 10px;
	}

	.trans-area button.button-size2 {
		font-size: 100%;
		min-width: fit-content;
		padding: 6px 0 6px 18px;
	}

	button.button-size2 {
		margin: 0 1em 0 0;
	}

	.its-packSelectBtn.ui-selectbooleanbutton {
		font-size: 14px;
	}

	.panel-title {
		height: 6vh;
	}

	.posInp input {
		width: 12em;
	}

	.plan-menu li {
		font-size: 9px;
	}

	.pack-img img {
	    width: 11em;
	}

	.clause-area a {
		font-size: 10px;
	}

	.calender-container button {
		top:0.24em;
	}

	.calender-box input {
		width: 7.5em;
	}

	.f-container input {
		width: 13em;
	}
}

@media screen and (max-height: 700px) {
	.choice-box > div {
		height: 6.5vh;
	}
}