@import url("common/style1.css");
*, *::before, *::after {
  box-sizing: border-box;
	margin:0;
	padding:0;
}

#main{
	margin-top:20px;
}
/*メイン左側に追加した部分*/
#onegai{
	width:200px;
	background-color:#ff6100;
	margin-bottom:10px;
	padding:10px 0;


}
#onegai h3{
	color:#ffffff;
	width:170px;
	margin:0 auto;

}

/*メイン右側のスタイルここから↓*/
.right_top h3{
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	text-align:center;
	padding:10px 0;
	margin:0 auto ;
	
}
.right_top p{
	margin:20px 0;
}
.right_contents{
	width:75%;
	margin-bottom:30px;
	margin-left:20px;
}
.right_contents span{
	display:inline-block;
	width:120px;
	vertical-align:top;

}
.right_contents textarea{
	overflow:hidden;
}
#hissu{
	text-align:right;
	color:red;
	font-weight:bold;
	margin-right:30px;
}
#customer_info p{
	margin:10px 0;
}
#inquiry p{
	margin-top:30px;
}
#button_wrapper p{
	margin-top:10px;
}
.button{
	display:inline-block;
	width:80px;
}
#toiawase_form p {
    position:relative;
}
#toiawase_form .required:after{
    /*background-color:#f00;*/
    content:"※";
    color:#f00;
    font-weight:bold;
    position:absolute;
    top:0;
    left:25%;
}
.indent {
	padding-left:2em;
	text-indent:-1em;
}
#kakunin {
 margin:0 auto;
}
#toiawase_form select{
	width:244px;
}
#pp dd{
    margin-left: 1em;
}
#pp dt:before {
    content: '';
    display: inline-block;
    width: .5em;
    height: .5em;
    margin-right: .5em;
    background: #000;
    transform: rotate(45deg);
    vertical-align: 2px;
}
@media (max-width: 750px){
    /*ヘッダー部分*/
    #header_visual img{
            width:100%;
    }
    /*メイン部分右側*/
    #main{
            width:100%;
            margin:0 auto;
    }
    #onegai{
        width:100%;
        background-color:#ff6100;
        margin-bottom:10px;
    }
    #onegai h3{
        color:#ffffff;
        width:100%;
    }
    #onegai h3 br{
        display: none;
    }
    #toiawase_form select{
        width:32%;
    }
    #toiawase_form .required:after{
        left:19%;
    }
    .right_top p{
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
    .right_contents{
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width: 400px){
    .right_top{
        width:96%;
        margin:0 auto;
    }
    .right_top p{
        width:100%;
    }
    .indent br{
        display:none;
    }
    #toiawase_form .required:after{
        content:"※\A";
        white-space: pre;
        position:static;
        left:auto;
        margin-right:80px;
    }
    #toiawase_form .required{
        width:auto;
        display: inline-block;
    }
}

/*
#kakunin,#kakunin td{
	border:1px solid;
}
*/