#howto{
    padding-top: 8vh;
}
.setting--white-bg{
    background-color: #fff;
}
/*// header area
規約みなし文章=================== //*/
.terms-wrap {
    background-color: #f1f3f6;
    width: 100%;
    min-width: 330px;
    max-width: 600px;
    margin: 0 auto;
    padding: 2vh;
}
/*// OS選択ボタンとエリアサイン=================== //*/
.os_choice{
	display: flex;
	margin: 30px auto;
	width: 100%;
    min-width: 330px;
    max-width: 600px;
}
.os_choice_btn{
    width: 45%;
    margin: auto;
    padding: 20px;
    border: solid 1px #000744;
    border-radius: 10px;
    text-align: center;
}
.os_choice_btn a {
    font-size: clamp(.875rem, calc(0.25vw + .8125rem), 1.25rem);
    color: #000744;
}
.service_area{
    width: 100%;
    min-width: 330px;
    max-width: 600px;
    margin: auto;
    padding: 0 4vh;
}
.service_area_img{
    object-fit: cover;
    width: 100%;
    height: auto;
    margin-top: 5%;
    margin-bottom: 5.5%;
}
.service_area p > .note{
	margin: auto;
	text-align: left;
}

/*// wifi setting
Wi-Fi設定=================== //*/
.setting-wrap{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

/*// profile download=================== //*/
.profile--btn{
    margin-top: 2vh;
    margin-bottom: 8vh;

}
.button {
    width: 100%;
    background: #ed7000;
    border: 1px solid #ed7000;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 20px 70px;
    color: #fff!important;
    transition: .3s ease-in-out;
    font-weight: 700;
    text-decoration: none
}

.button.register {
    max-width: 330px
}

.button:hover {
    text-decoration: none;
    background: #fff;
    border: 1px solid #ed7000;
    color: #ed7000!important
}

.button:after {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: .3s ease-in-out
}

.button:hover:after {
    border-color: #fff;
    border-top: 3px solid #ed7000;
    border-right: 3px solid #ed7000
}

.button:disabled,.button:disabled:after {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc
}
/*// パーツや元css=================== //*/
.ifDetP {
    /*display: flex;*/
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding-bottom: 4vh;
}
.kbrSaZ {
    /*display: flex;*/
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 90%;
    max-width: 600px;
    margin: 0px;
}
.hjsFQN {
    width: 100%;
    text-align: left;
}
.kOriCv {
    width: 100%;
    padding: 14px;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    font-size: 1.2rem;
    box-sizing: border-box;
}
.EmZQe {
    align-items: center;
    gap: 20px;
    width: 100%;
}
.iURzru {
    width: 80%;
    max-width: 600px;
    text-align: left;
    white-space: pre-wrap;
    padding: 24px;
    background-color: rgb(235, 235, 235);
    border-radius: 8px;
}
#logoArea {
	width: 100%;
	max-width: 980px;
	height: 66px;
	margin: 0 auto;
	text-align: left;
	background: rgba(255,255,255,1);
	overflow: hidden;
}
#logoArea #logo_lo {
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 2px;
}
.txt_box_area{
	width: 100%;
    min-width: 330px;
	max-width: 600px;
	margin: auto;
}
/* for TB
 * ========================================================================== */
@media screen and (min-width:769px) and (max-width:1024px) {

}

/* for SP
 * ========================================================================== */
@media screen and (max-width:768px) {

}