@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}

/***************************************************************************
section_ttl/step
****************************************************************************/

#form .section_ttl {
	margin-bottom: 80px;
}
#form .step {
	text-align: center;
	margin-bottom: 80px;
}

@media print, screen and (max-width: 1000px) {
#form .section_ttl {
	margin-bottom: 8vw;
}
#form .step {
	margin-bottom: 8vw;
}
}

/***************************************************************************
form内　文字関係設定
****************************************************************************/

#form .form_ttl {
	margin-bottom: 25px;
}
#form .form_ttl .ttl {
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	color: #003B80;
}
#form .form_ttl .ttl.font_l {
	font-size: 24px;
}
#form .form_ttl .exp {
	font-size: 16px;
	margin-top: 15px;
}
#form .form_attention {
	margin-top: 20px;
	font-size: 15px;
}
#form .td_box .form_attention,
#form td .form_attention {
	margin-top: 0px;
}
#form .form_attention li {
    padding-left: 1em !important;
    text-indent: -1em !important;
}
#form .example_txt {
	display: inline-block;
}

@media print, screen and (max-width: 1000px) {
#form .form_ttl {
	margin-bottom: 2.5vw;
}
#form .form_ttl .exp {
	margin-top: 1.5vw;
}
#form .form_attention {
	margin-top: 2vw;
}
}

@media only screen and (max-width: 767px) {
#form .form_ttl .ttl,
#form .form_ttl .ttl.font_l {
	font-size: 3.4vw !important;
	letter-spacing: 0.01em;
}
#form .form_ttl .exp {
	font-size: 2.6vw;
}
#form .form_attention {
	font-size: 2.6vw;
}
}

@media only screen and (max-width: 480px) {
#form .form_ttl .ttl,
#form .form_ttl .ttl.font_l {
	font-size: 4vw !important;
}
#form .form_ttl .exp {
	font-size: 2.8vw;
}
#form .form_attention {
	font-size: 2.8vw;
}
}

/***************************************************************************
form_select(最上部/お問い合わせ種別)
****************************************************************************/

#form .form_select {
	margin-bottom: 80px;
}
#form .form_select .form_ttl .ttl {
	font-size: 24px;
}
#form .form_select .radio_outline li {
	padding-right: 30px;
	font-weight: 500;
}

@media print, screen and (max-width: 1000px) {
#form .form_select {
	margin-bottom: 8vw;
}
}

/***************************************************************************
form box/table
****************************************************************************/

.form_box,
table.form_table {
	width: 100%;
    border-top: 1px solid #AAAAAA;
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
	margin-bottom: 75px;
}
.form_box .th_box,
.form_box .td_box,
.form_table th,
.form_table td {
    text-align: left;
    border-bottom: 1px solid #AAAAAA;
    padding: 20px 24px 20px 24px;
	position: static;	/*IE11で背景色を設定すると、borderが消えてしまうのを回避*/
}
.form_box .th_box,
.form_table th {
    background-color: #E9E9E9;
}

@media print, screen and (max-width: 1000px) {
.form_box,
table.form_table {
	margin-bottom: 5vw;
}
.form_table th,
.form_table td {
    display: block;
	width: 100% !important;
}
.form_box .th_box,
.form_table th {
    padding: 2vw 2.5vw 2vw 2.5vw;
	line-height: 1.4;
}
.form_box .td_box,
.form_table td {
    padding: 3vw 2.5vw 3vw 2.5vw;
}
}

@media only screen and (max-width: 767px) {
.form_box .th_box,
.form_box .td_box,
.form_table th,
.form_table td {
    font-size: 3.1vw;
}
.form_box .th_box .sp_txt_s,
.form_table th .sp_txt_s {
    font-size: 2.6vw;
}
}

@media only screen and (max-width: 480px) {
.form_box .th_box,
.form_box .td_box,
.form_table th,
.form_table td {
    font-size: 3.4vw;
}
.form_box .th_box .sp_txt_s,
.form_table th .sp_txt_s {
    font-size: 2.8vw;
}
}

/***************************************************************************
form_box
****************************************************************************/

.form_box .td_box {
	padding-left: 50px;
	padding-right: 50px;
}
.form_box table {
	width: 100%;
}
.form_box th,
.form_box td {
	vertical-align: top;
	text-align: left;
	padding-bottom: 20px;
}
.form_box th {
	padding-right: 2em;
	white-space: nowrap;
	width: 1em;
}
.form_box tr:last-child th,
.form_box tr:last-child td {
	padding-bottom: 0px;
}

@media print, screen and (max-width: 1000px) {
.form_box .td_box {
	padding-left: 3vw;
	padding-right: 3vw;
}
.form_box th,
.form_box td {
	padding-bottom: 2vw;
}
}

@media only screen and (max-width: 767px) {
.form_box th,
.form_box td {
	display: block;
	width: 100%;
}
.form_box th {
	padding-bottom: 1.5vw !important;
}
.form_box td {
	padding-bottom: 2.5vw !important;
}
.form_box tr:last-child td {
	padding-bottom: 0px !important;
}
}

/***************************************************************************
form table 
****************************************************************************/

.form_table th {
    width: 250px;
}

@media print, screen and (max-width: 1000px) {
.form_table th {
    width: 25vw;
}
}

/***************************************************************************
about_privacy 
****************************************************************************/

#about_privacy {
    text-align: center;
	font-size: 14px;
	margin-top: 70px;
	margin-bottom: 40px;
}
#about_privacy li:nth-child(1).txt {
	margin-bottom: 30px;
}
#about_privacy .btn {
	margin-bottom: 55px;
}
#about_privacy .btn a:after {
	display: none;
}
#about_privacy .btn a {
	background-image: url(/-/wp-content/themes/tochi/img/common/contents/icon_target_window_black.svg);
	background-position: right 20px center;
	background-repeat: no-repeat;
}
#about_privacy .btn:hover a {
	background-image: url(/-/wp-content/themes/tochi/img/common/contents/icon_target_window_white.svg);
}

@media print, screen and (max-width: 1000px) {
#about_privacy {
	margin-top: 7vw;
	margin-bottom: 4vw;
}
#about_privacy li:nth-child(1).txt {
	margin-bottom: 3vw;
}
#about_privacy .btn {
	margin-bottom: 5.5vw;
}
}

@media only screen and (max-width: 767px) {
#about_privacy {
	font-size: 2.6vw;
	margin-top: 8vw;
	margin-bottom: 5vw;
}
#about_privacy .btn {
	margin-bottom: 5.5vw;
}
#about_privacy .btn a {
	font-size: 3.1vw;
	padding: 1.1em 1em 1.1em 1em;
	background-size: 2.4vw auto;
	background-position: right 3.5vw center;
}
}

@media only screen and (max-width: 480px) {
#about_privacy {
	font-size: 2.8vw;
	margin-top: 9vw;
	margin-bottom: 6vw;
}
#about_privacy .btn a {
	font-size: 3.4vw;
	background-size: 2.8vw auto;
}
}

/***************************************************************************
SUBMIT（ボタン1個/ボタン2個）ブロック共通
****************************************************************************/

#form .submit {
	display: flex;
	justify-content: center;
}
#form .submit .btn {
	margin-right: 0;
	max-width: 560px;
}
#form .submit li {
	margin-left: 30px;
}
#form .submit li:first-child {
	margin-left: 0px;
}


@media only screen and (max-width: 768px) {
#form .submit li {
	margin-left: 3.9vw;
}
}

@media only screen and (max-width: 767px) {
#form .submit .btn {
	max-width: 92%;
}
#form .submit .btn input {
	padding: 1.4em 1em 1.4em 1em;
}
}

/***************************************************************************
フォーム（長さ指定）
****************************************************************************/

#form .w_90 {
    max-width: 90px !important;
}
#form .w_120 {
    max-width: 120px !important;
}
#form .w_380 {
    max-width: 380px !important;
}
#form .w_100per {
	max-width: 100% !important;
}

@media print, screen and (max-width: 1000px) {
#form .w_90 {
    max-width: 9vw !important;
}
#form .w_120 {
    max-width: 12vw !important;
}
#form .w_380 {
    max-width: 38vw !important;
}
}

@media only screen and (max-width: 767px) {
#form .sp_w100_per {
    width: 100% !important;
}
#form .w_90 {
    max-width: 15vw !important;
}
#form .w_120 {
    max-width: 18vw !important;
}
#form .w_380 {
    max-width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
#form .w_90 {
    max-width: 17vw !important;
}
#form .w_120 {
    max-width: 20vw !important;
}
}

/***************************************************************************
sonota
****************************************************************************/

#form .sonota,
#form .sonota {
	display: inline-flex !important;
	width: inherit !important;
}
#form .sonota .label_ttl,
#form .sonota .label_ttl {
	white-space: nowrap;
}
#form .sonota input[type*="text"],
#form.sonota input[type*="text"] {
	margin-left: 20px;
	width: 380px;
}

@media print, screen and (max-width: 1000px) {
#form .sonota input[type*="text"],
#form .sonota input[type*="text"] {
	width: 38vw;
}
}
@media only screen and (max-width: 767px) {
#form .sonota input[type*="text"],
#form .sonota input[type*="text"] {
	margin-left: 20px;
	width: 100%;
	max-width: 100%;
}
}

/***************************************************************************
grid_2/grid_3
****************************************************************************/

#form .grid_2 li,
#form .grid_3 li,
#form .grid_column li,
#form .mar_b li {
	margin-top: 0 !important;
	margin-bottom: 15px;
}
#form .grid_2 li {
    width: 50%;
}
#form .grid_3 li {
    width: 33.3%;
}
#form .grid_3:after {
	content: "";
	display: block;
	width: 33.3%;
}
#form .grid_column li {
	display: table;
}
#form .grid_column li:last-child {
	margin-bottom: 0px;
}

@media print, screen and (max-width: 1000px) {
#form .grid_2 li,
#form .grid_3 li,
#form .grid_column li,
#form .mar_b li {
	margin-bottom: 1.5vw;
}
}

@media print, screen and (max-width: 767px) {
#form .grid_2 li,
#form .grid_3 li,
#form .grid_column li,
#form .mar_b li {
	margin-bottom: 2vw;
}
}