@charset "UTF-8";
/*
NOTICE: Proprietary Source Code
Copyright (c) Best Bridge LLC. All Rights Reserved.

本コードは全工程を電子署名により証拠保全済みです。
不正流用が発覚した場合、以下の措置を講じます。
1. 法的手続き（損害賠償請求等）
2. 貴社の納品先（クライアント）への侵害事実および利用停止の通知
*/

/*==============================================================
#saiyou_all_form_2column
==============================================================*/
#saiyou_all_form_2column{
z-index:6000;
/*--*/
position:relative;
/*--*/
width:100%;
height:auto;
margin-bottom:60px;
border:0;
padding:0;
}

/*==============================================================
#saiyou_all_form_2column ul.choose
==============================================================*/
#saiyou_all_form_2column ul.choose{
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0 auto;
border:0;
padding:0;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

#saiyou_all_form_2column ul.choose>li{
position:relative;
/*--*/
display:block;
flex-basis:49%;
width:auto;
height:auto;
border:0;
padding:0;
}

#saiyou_all_form_2column ul.choose>li:nth-of-type(1)>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px 5px 0 0;
padding:18px 2px;
background-color:#063;
/*--*/
text-align:center;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#FFF;
/*--*/
text-decoration:none;
transition:.3s;
}

#saiyou_all_form_2column ul.choose>li:nth-of-type(2)>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px 5px 0 0;
padding:18px 2px;
background-color:#693;
/*--*/
text-align:center;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#FFF;
/*--*/
text-decoration:none;
transition:.3s;
}

#saiyou_all_form_2column ul.choose>li>a:hover,
#saiyou_all_form_2column ul.choose>li>a:active{
opacity:.7;
}

/*==============================================================
#saiyou_all_form_2column div.line
==============================================================*/
#saiyou_all_form_2column div.line{
position:relative;
/*--*/
display:block;
width:100%;
height:10px;
margin:0;
border:0;
padding:0;
background-color:#063;
}

#saiyou_all_form_2column div.line_grn{
position:relative;
/*--*/
display:block;
width:100%;
height:10px;
margin:0;
border:0;
padding:0;
background-color:#693;
}

/*==============================================================
#saiyou_all_form_2column>div.wrap
==============================================================*/
#saiyou_all_form_2column>div.wrap{
z-index:6000;
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin:0 0 60px 0;
border:solid 1px #CCC;
border-top:0;
border-radius:0 0 10px 10px;
padding:20px 20px 40px 20px;
background-color:#FAFAFA;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*======#saiyou_all_form_2column>div.wrap>div.top（上）===============*/
#saiyou_all_form_2column>div.wrap>div.top{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
}

/*-------------------------
h2
--------------------------*/
#saiyou_all_form_2column h2{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 20px 0;
border:0;
border-radius:5px;
padding:20px 5px;
background-color:#063;
/*--*/
text-align:center;
line-height:1.4;
font-size:140%;
font-weight:bold;
color:#FFF;
}

#saiyou_all_form_2column h2.grn{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 20px 0;
border:0;
border-radius:5px;
padding:20px 5px;
background-color:#693;
/*--*/
text-align:center;
line-height:1.4;
font-size:140%;
font-weight:bold;
color:#FFF;
}

/*======#saiyou_all_form_2column>div.wrap>div.left（左）===============*/
#saiyou_all_form_2column>div.wrap>div.left{
position:relative;
/*--*/
display:block;
flex-basis:30%;
width:auto;
height:auto;
margin:0;
border:0;
padding:0 20px 0 0;
background-color:transparent;
/*--*/
}

@media screen and (max-width:959px){
#saiyou_all_form_2column>div.wrap>div.left{
flex-basis:100%;
padding:0;
}
}

/*-------------------------
h3
--------------------------*/
#saiyou_all_form_2column h3{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 20px 0;
border:0;
padding:0;
background-color:transparent;
/*--*/
text-align:left;
line-height:1.2;
font-size:170%;
font-weight:bold;
color:#009944;
}

@media screen and (max-width:1300px){
#saiyou_all_form_2column h3{
font-size:150%;
}
}

@media screen and (max-width:1100px){
#saiyou_all_form_2column h3{
font-size:130%;
}
}

@media screen and (max-width:959px){
#saiyou_all_form_2column h3{

text-align:center;
font-size:170%;
}
}

@media screen and (max-width:700px){
#saiyou_all_form_2column h3{
font-size:150%;
}
}

@media screen and (max-width:500px){
#saiyou_all_form_2column h3{
font-size:130%;
}
}

/*-------------------------
p
--------------------------*/
#saiyou_all_form_2column p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 30px 0;
border:0;
padding:0;
background-color:transparent;
/*--*/
text-align:center;
line-height:1.6;
font-size:90%;
font-weight:bold;
color:#666;
}

#saiyou_all_form_2column p.kiroku{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:0;
background-color:transparent;
/*--*/
text-align:center;
line-height:1.6;
font-size:80%;
font-weight:bold;
color:#666;
}

/*-------------------------
a>img
--------------------------*/
#saiyou_all_form_2column a>img.pc{
position:relative;
/*--*/
display:block;
width:100%;
max-width:300px;
height:auto;
margin:0 auto 10px auto;
border:0;
border-radius:10px;
padding:0;
/*--*/
}

@media screen and (max-width:959px){
#saiyou_all_form_2column a>img.pc{
display:none;
}
}

#saiyou_all_form_2column a>img.sp{
display:none;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column a>img.sp{
position:relative;
/*--*/
display:block;
width:100%;
max-width:500px;
height:auto;
margin:0 auto 10px auto;
border:0;
border-radius:10px;
padding:0;
/*--*/
}

}

/*======#saiyou_all_form_2column>div.wrap>div.right（右）===============*/
#saiyou_all_form_2column>div.wrap>div.right{
position:relative;
/*--*/
display:block;
flex-basis:70%;
width:auto;
height:auto;
margin:0;
border:0;
padding:0;
background-color:transparent;
/*--*/
}

@media screen and (max-width:959px){
#saiyou_all_form_2column>div.wrap>div.right{
flex-basis:100%;
}
}

/*--------------------------------------------------
ul
--------------------------------------------------*/
#saiyou_all_form_2column ul.oubo{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 30px 0;
border:solid 1px #CCC;
border-radius:10px;
padding:20px;
background-color:#FFFFFF;
box-shadow:0 4px 4px rgba(0,0,0,0.08);
/*--*/
list-style:none;
}

#saiyou_all_form_2column ul.oubo>li::before{
content:none;/*==他のcssのli::beforeが反映されないよう念のため==*/
}

/*--------------------------------------------------
ul>li（上）
--------------------------------------------------*/
#saiyou_all_form_2column ul.oubo>li:nth-of-type(odd){
position:relative;
/*--*/
display:flex;
align-items:center;
width:100%;
height:auto;
margin:0;
border:0;
padding:25px 0 10px 0;
background-color:transparent;
/*--*/
font-size:15px;
font-weight:bold;
color:#333333;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column ul.oubo>li:nth-of-type(odd){
margin-bottom:7px;
border-radius:5px;
padding:10px;
background-color:#EFEFEF;
}
}

@media screen and (max-width:500px){
#saiyou_all_form_2column ul.oubo>li:nth-of-type(odd){
font-size:12px;
}
}

/*必須ラベル*/
#saiyou_all_form_2column ul.oubo>li:nth-of-type(odd)>span.tag{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0 0 0 10px;
border:0;
border-radius:4px;
padding:2px 8px;
background-color:#FFEBEE;
/*--*/
text-align:center;
line-height:1.2;
font-size:12px;
font-weight:bold;
color:#D32F2F;
}

/*--------------------------------------------------
ul>li（下）
--------------------------------------------------*/
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even){
position:relative;
/*--*/
display:flex;
width:100%;
height:auto;
margin-bottom:20px;
border:solid 1px #CCC;
border-radius:6px;
padding:1px;/*ピクつき防止*/
background-color:#F8F9FA;
align-items:center;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:flex-start;/* 左揃え */
align-items:stretch;/*縦揃え*/
transition:border-color .2s ease;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even){
margin-bottom:30px;
}
}

/*--------------------------------------------------
label/radio/checkbox
--------------------------------------------------*/
#saiyou_all_form_2column label{
position:relative;
/*--*/
display:inline-flex;
width:auto;
height:auto;
margin-right:5px;
border:0;
padding:18px 20px;
background-color:transparent;
/*--*/
align-items:center;/*縦中央*/
cursor:pointer;
font-size:16px;
font-weight:normal;
color:#333;
}

#saiyou_all_form_2column ul.oubo input[type="radio"],
#saiyou_all_form_2column ul.oubo input[type="checkbox"]{
position:relative;
/*--*/
display:inline-flex;/*縦中央*/
width:18px !important;
height:18px !important;
margin-right:8px;
border:0;
padding:0;
background-color:transparent;
background-color:#6F3;
/*--*/
cursor:pointer;
}

/*特記事項（テキストエリア）*/
#saiyou_all_form_2column ul.oubo textarea{
position:relative;
/*--*/
display:block;
width:100%;
min-height:120px;
height:auto;
margin:0;
border:0;
padding:18px 15px !important;
background-color:transparent !important;
/*--*/
outline:none !important;
font-size:15px;
font-weight:normal;
color:#333;
resize:vertical;
}


/*★テキスト入力がある箱だけ、選ばれた時に枠を黒くする*/
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even):has(input[type="text"]):focus-within,
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even):has(input[type="tel"]):focus-within,
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even):has(input[type="email"]):focus-within,
#saiyou_all_form_2column ul.oubo>li:nth-of-type(even):has(textarea):focus-within{
border:solid 2px #000000;
padding:0;
}

/*--------------------------------------------
入力inner（偶数）職種固定
--------------------------------------------*/
#saiyou_all_form_2column ul.oubo>li:nth-of-type(2){
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0 0 10px 0;
border:1px solid #CCCCCC;
padding:21px 16px;
background-color:#E2E6EA;
/*--*/
font-size:16px;
font-weight:normal;
color:#495057;
pointer-events:none;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column ul.oubo>li:nth-of-type(2){
margin-bottom:30px;
}
}

/*--------------------------------------------
入力フォーム本体
--------------------------------------------*/
#saiyou_all_form_2column ul.oubo input[type="text"],
#saiyou_all_form_2column ul.oubo input[type="tel"],
#saiyou_all_form_2column ul.oubo input[type="email"]{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:15px;
background-color:transparent !important;
/*--*/
outline:none !important;
font-size:16px;
font-weight:normal;
color:#333;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column ul.oubo input[type="text"],
#saiyou_all_form_2column ul.oubo input[type="tel"],
#saiyou_all_form_2column ul.oubo input[type="email"]{
margin-bottom:5px;
border-radius:5px;
padding:10px;
background-color:#EFEFEF;
}
}

/*--------------------------------------------
送信ボタン
--------------------------------------------*/
#saiyou_all_form_2column div.button{
position:relative;
/*--*/
display:flex;
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
width:100%;
height:auto;
margin:0 auto;
border:0;
padding:0;
background-color:transparent;
/*--*/
}

#saiyou_all_form_2column div.button>div{
position:relative;
/*--*/
display:block;
flex-basis:49%;
width:auto;
height:auto;
margin:0 0 20px 0;
border:0;
padding:0;
background-color:transparent;
/*--*/
}

@media screen and (max-width:800px){
#saiyou_all_form_2column div.button>div{
flex-basis:100%;
}
}

#saiyou_all_form_2column div.button>div>button{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:10px;
padding:15px 10px;
background-color:#999;
/*--*/
text-align:center;
line-height:1.6;
font-size:16px;
font-weight:bold;
color:#FFF;
transition:.3s;
cursor:pointer;
}

#saiyou_all_form_2column div.button>div>button.green{
background-color:#693;/*好みの緑色に変更してください*/
}

#saiyou_all_form_2column div.button>div>button:hover,
#saiyou_all_form_2column div.button>div>button:active{
opacity:.7;
}


/*==============================================================
#saiyou_all_form_2column div.up
==============================================================*/
#saiyou_all_form_2column div.up{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:30px 0 60px 0;
border:0;
padding:0;
background-color:transparent;
/*--*/
text-align:right;
}

@media screen and (max-width:959px){
#saiyou_all_form_2column div.up{
text-align:center;
}
}

#saiyou_all_form_2column div.up>a{
position:relative;
/*--*/
display:inline-block;
width:auto;
height:auto;
margin:0;
border:solid 2px #C2D6AD;
border-radius:5px;
padding:10px;
background-color:#EFEFEF;
/*--*/
text-align:center;
line-height:1;
font-size:90%;
font-weight:normal;
color:#693;
text-decoration:none;
transition:0.3s;
}

#saiyou_all_form_2column div.up>a::after{
margin-left:5px;
content:url(../img/all_icon_yajiup_grn.png);
}

#saiyou_all_form_2column div.up>a:hover,
#saiyou_all_form_2column div.up>a:active{
opacity:0.7;
}