@charset "utf-8";

/* ************************************************ 
*	お問い合わせ　研究者の方へ
* ************************************************ */	
/*フォーム*/
.re-contact-form-list {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
}
.re-contact-form-list-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.re-contact-form-list-inner li {
width: 100%;
font-size: 16px;
line-height: 1.8;
margin: 0 0 12px 0;
}
.re-contact-form-list dt {
width: 100%;
padding: 0;
font-size: 16px;
font-weight:400;
text-align: left;
}
.re-contact-form-list em {
font-style: normal;
box-sizing: border-box;
display: inline-block;
width: 44px;
height: 23px;
padding-top: 5px;
background-color: #FF667E;
border-radius: 4px;
margin-right: 15px;
font-size: 12px;
line-height: 1;
text-align: center;
color: #fff;
border: 1px solid #FF667E;
}
.re-contact-form-list em.nini {
font-style: normal;
box-sizing: border-box;
display: inline-block;
width: 44px;
height: 23px;
padding-top: 5px;
background-color: #fff;
border-radius: 4px;
margin-right: 15px;
font-size: 12px;
line-height: 1;
text-align: center;
color: #FF667E;
border: 1px solid #FF667E;
}
.re-contact-form-list dd {
width: 100%;
margin: 0 0 40px 0;
padding: 12px 0 40px 0;
border-bottom: 1px solid #D9D9D9;
}


/* 注意文など */
.re-contact-form-list dd p.name-first{
font-size: 16px;
line-height: 1.8;
padding: 0;
margin: 0 0 8px 0;
}
.re-contact-form-list dd p.name-second{
font-size: 16px;
line-height: 1.8;
padding: 0;
margin: 0 0 8px 0;
}
.re-contact-form-list dd p{
font-size: 14px;
line-height: 1.8;
padding: 0;
margin: 0 0 12px 0;
}
.re-contact-form-list dd p.honbun{
font-size: 14px;
line-height: 1.8;
padding: 0;
margin: 20px 0;
}
.re-contact-form-list dd p.info{
font-size: 14px;
line-height: 1.8;
margin: 0 0 20px 0;
padding: 6px 16px;
border: 1px solid #FF667E;
border-radius: 5px;
}
.re-contact-form-list dd p.info a{
color: #FF667E;
text-decoration: underline;
}
.re-contact-form-list dd p.info a:hover{
color: #FF667E;
text-decoration: none;
}
.re-contact-form-list dd p.hosoku{
font-size: 12px;
line-height: 1.8;
margin: 0 0 12px 0;
padding: 0;
}
.re-contact-form-list dd p.hosoku-end{
font-size: 12px;
line-height: 1.8;
margin: 12px 0 0 0;
padding: 0;
}
.re-contact-form-list dd p.hosoku-end span{
margin-right: 4px;
}

.re-contact-form-list dd ul.hosokku-list{
width: 720px;
max-width: 90%;
margin: -12px auto -8px auto;
padding: 0;
}
.re-contact-form-list dd ul.hosokku-list li{
font-size: 16px;
line-height: 1.8;
margin: 0 0 8px 1em;
padding: 0;
text-indent: -1.2em;
}
.re-contact-form-list dd ul.hosokku-list li::before {
content:"※";
padding-right: 0.2em;
}


/* テキストボックスなど */
.re-contact-form-list ::placeholder {
  color: #717171;
}
.re-contact-form-list input[type="text"] {
box-sizing: border-box;
width: 100%;
height: 49px;
padding: 0 20px;
background-color: #fff;
border: 1px solid #D9D9D9;
font-size: 16px;
border-radius: 8px;
box-shadow: none;
}
.re-contact-form-list textarea {
box-sizing: border-box;
width: 100%;
height: 252px;
padding: 14px 20px;
background-color: #fff;
border: 1px solid #D9D9D9;
font-size: 16px;
border-radius: 8px;
box-shadow: none;
}


/* プラス・マイナスボタン */
.plusmail-btn a{
box-sizing: border-box;
display: inline-block;
align-content: center;
height: 31px;
font-size: 12px;
margin: 0 0 12px 0;
padding: 0 12px 0 28px;
border-radius: 4px;
background-size: 12px;
background-color: #FCFCFC;
color: #222222;
border: 1px solid #D9D9D9;
background-image:url("../images/contact/mail_plus_btn.svg");
background-position: left 11px center;
background-repeat: no-repeat;
line-height:1;
}
.plusmail-btn a:hover{
color: #222222;
opacity: 0.7;
}
.minusmail-btn a{
box-sizing: border-box;
display: inline-block;
align-content: center;
height: 31px;
font-size: 12px;
margin: 0;
padding: 0 12px 0 28px;
border-radius: 4px;
background-size: 12px;
background-color: #FCFCFC;
color: #222222;
border: 1px solid #D9D9D9;
background-image:url("../images/contact/mail_minus_btn.svg");
background-position: left 11px center;
background-repeat: no-repeat;
line-height:1;
}
.minusmail-btn a:hover{
color: #222222;
opacity: 0.7;
}
.file-btn a{
box-sizing: border-box;
display: inline-block;
align-content: center;
height: 31px;
font-size: 12px;
margin: 0 0 12px 0;
padding: 0 12px 0 28px;
border-radius: 4px;
background-size: 12px;
background-color: #ED01010D;
color: #CE0303;
border: 1px solid #CE0303;
background-image:url("../images/contact/file_plus_btn.svg");
background-position: left 11px center;
background-repeat: no-repeat;
line-height:1;
}
.file-btn a:hover{
color: #CE0303;
opacity: 0.7;
}


/* アコーディオン */
.re-contact-open{
position: relative;
cursor: pointer;
cursor: hand;
background-color: #F8F8F8;
border: 1px solid #D9D9D9;
padding: 8px 15px 8px 20px;
border-radius: 10px;
font-size: 14px;
}
.re-contact-open::before{/* 閉じている時 */
position: absolute;
right: 17px;
top: 50%;
transform : translateY(-50%);
content:"";
display:inline-block;
width:18px;
height:18px;
background:url("../images/contact/researcher_plus.svg") no-repeat;
background-size:contain;
}
.re-contact-open.active::before{/* 開いている時 */
background:url("../images/contact/researcher_minus.svg") no-repeat;
}
.re-contact-open.active{/* 開いている時 */
border-radius: 10px 10px 0 0;
border-bottom: none;
}

/* 相談内容の詳細 */
.re-contact-content {
display: none;
padding: 16px 20px;
margin: 0;
background-color: #fff;
border: 1px solid #D9D9D9;
border-top: none;
border-radius: 0 0 10px 10px;
}

.re-contact-content table{
width: 100%;
border-bottom: 1px solid #D9D9D9;
font-size: 16px;
margin: 0;
}
.re-contact-content table tr{
border-top: 1px solid #D9D9D9;
}
.re-contact-content table th{
background-color: #F8F8F8;
padding: 0 20px;
width: 160px;
vertical-align: middle;
text-align: center;
font-weight: 400;
}
.re-contact-content table td{
padding: 12px 20px;
border-left: 1px solid #D9D9D9;
vertical-align: middle;
}
.re-contact-content table td a{
color: #006EBC;
text-decoration: underline;
}
.re-contact-content table td a:hover{
color: #006EBC;
text-decoration: none;
}
.re-contact-content table td a.pdf{
color: #006EBC;
text-decoration: underline;
}
.re-contact-content table td a.pdf::after{
position:relative;
top: 2px;
left: 5px;
content:"";
display:inline-block;
width: 16px;
height: 16.5px;
background:url("../images/contact/icon_pdf_researcher.svg") no-repeat;
background-size:contain;
}
.re-contact-content table td a.pdf:hover{
color: #006EBC;
text-decoration: none;
}


/*相談内容*/
.re-consultation-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: calc(100% - 60px);
}
.re-consultation-inner-boxleft {
width: calc(50% - 41px);
padding: 0 40px 0 0;
}
.re-consultation-inner-boxright {
width: calc(50% - 41px);
border-left: 1px solid #D9D9D9;
padding: 0 0 0 40px;
}
.re-consultation-inner-box {
width: calc(100% - 1px);
border-left: 1px solid #D9D9D9;
margin: 0 0 0 10px;
padding: 0 0 0 18px;
}
.re-consultation-inner-boxleft ul,
.re-consultation-inner-boxright ul {
margin: 15px 0 0 0;
}
.re-consultation-inner-boxleft li,
.re-consultation-inner-boxright li {
width: calc(100% - 28px);
font-size: 16px;
line-height: 1.8;
margin: 0 0 12px 28px;
text-indent: -28px;
}
.re-consultation-inner-boxleft textarea,
.re-consultation-inner-boxright textarea {
box-sizing: border-box;
width: 100%;
height: 78px;
padding: 14px 20px;
background-color: #fff;
border: 1px solid #D9D9D9;
font-size: 16px;
border-radius: 8px;
box-shadow: none;
}


/*フォーム下部*/
.re-contact-end{
width: 100%;
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: 1px dotted #888888;
text-align: center;
}
.re-contact-end h3{
color: #FF667E;
font-size: 20px;
line-height: 1.8;
font-weight: 400;
margin: 0 0 20px 0;
padding: 0;
}
.re-contact-end p{
font-size: 16px;
line-height: 1.8;
margin: 0 0 20px 0;
padding: 0;
}
.re-contact-end p a{
color: #006EBC;
text-decoration: underline;
}
.re-contact-end p a:hover{
color: #006EBC;
text-decoration: none;
}


/* 入力内容を確認ボタン */
.re-contact-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.re-contact-btn a{
box-sizing: border-box;
display: inline-block;
align-content: center;
width: 288px;
height: 62px;
font-size: 16px;
margin: 0;
padding: 0 50px 0 18px;
border-radius: 10px;
background-size: 12px;
background-color: #FF667E;
color: #fff;
border: 1px solid #D9D9D9;
background-image:url("../images/contact/submit_arrow.svg");
background-position: right 25px center;
background-repeat: no-repeat;
line-height:1;
}
.re-contact-btn a:hover{
color: #fff;
opacity: 0.7;
}


/* チェックボックス */
input[type="checkbox"] {
position: relative;
width: 20px;
height: 20px;
top: 2px;
margin-right: 8px;
background-color: #fff;
border: 1px solid #D9D9D9;
border-radius: 5px;
vertical-align: -2px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="checkbox"]:checked {
border: 1px solid #FF667E;
background: #FF667E;
}
input[type="checkbox"]:checked:before {
position: absolute;
top: 2.5px;
left: 5px;
transform: rotate(45deg);
width: 5px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
content: '';
}

/* ラジオボタン */
input[type="radio"] {
position: relative;
width: 20px;
height: 20px;
top: 2px;
margin-right: 8px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #D9D9D9;
vertical-align: -2px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"]:checked {
border: 1px solid #FF667E;
}
input[type="radio"]:checked:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
border-radius: 50%;
background: #FF667E;
content: '';
}

/* 面談希望日 */
.re-mendan-inner {
display: flex;
justify-content: start;
flex-wrap: wrap;
width: 100%;
align-items: center;
margin: 0 0 10px 0;
}
.re-mendan {
height: 49px;
width: 364px;
border-radius: 8px;
position: relative;
/* z-index: 0; */
margin-left: 20px;
}

.re-mendan::after {
position: absolute;
content: '';
width: 9px;
height: 9px;
right: 20px;
top: 47.5%;
transform: translateY(-50%) rotate(45deg);
border-bottom: 1px solid #FF667E;
border-right: 1px solid #FF667E;
z-index: 1; */
}

/* セレクトボックス */
.re-select-inner {
display: flex;
justify-content: start;
flex-wrap: wrap;
width: 100%;
align-items: center;
margin: 0 0 10px 0;
}
select,
::picker(select) {
appearance: base-select;
}
.select {
background: #fff;
border: 1px solid #D9D9D9;
height: 49px;
width: 364px;
border-radius: 8px;
position: relative;
z-index: 1;
margin-left: 20px;
}

.select::after {
position: absolute;
content: '';
width: 9px;
height: 9px;
right: 20px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
border-bottom: 1px solid #FF667E;
border-right: 1px solid #FF667E;
z-index: -1;
}

select {
/* 初期化 */
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: none;
border: none;
color: #222;
font-size: 16px;
width: 100%;
height: 100%;
padding: 0 20px;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
.re-contact-form-list dd {
margin: 0 0 24px 0;
padding: 12px 0 24px 0;
}
.re-contact-form-list dt {
font-size: 4.25vw;
}
.re-contact-form-list em {
padding-top: 4px;
margin-right: 10px;
font-size: 3.5vw;
}
.re-contact-form-list em.nini {
padding-top: 4px;
margin-right: 10px;
font-size: 3.5vw;
}

.re-contact-form-list dd p {
font-size: 4vw;
}

.re-contact-form-list-inner {
margin: 0 0 -12px 0;
}
.re-contact-form-list-inner li {
width: 100%;
font-size: 4.25vw;
margin: 0 0 12px 0;
}

.re-contact-form-list dd p.name-first{
font-size: 4.25vw;
margin: 0 0 8px 0;
}
.re-contact-form-list dd p.name-second{
font-size: 4.25vw;
margin: 12px 0 8px 0;
}
.re-contact-form-list dd p.honbun,
.re-contact-form-list dd p.info{
font-size: 4vw;
}
.re-contact-form-list dd p.hosoku {
font-size: 3.5vw;
}
.re-contact-form-list dd p.hosoku-end{
font-size: 3.5vw;
}

.re-contact-form-list dd ul.hosokku-list{
margin: 0 auto;
}
.re-contact-form-list dd ul.hosokku-list li{
font-size: 4.25vw;
margin: 0 0 8px 1em;
text-indent: -1.2em;
}

.plusmail-btn a,
.plusmail-btn a,
.file-btn a{
font-size: 3.75vw;
}

.re-contact-form-list input[type="text"] {
height: 47px;
padding: 0 20px;
font-size: 4.25vw;
}
.re-contact-form-list textarea {
height: 263px;
padding: 10px 20px;
font-size: 4.25vw;
}

.re-contact-end{
margin: 0 0 24px 0;
padding: 0 0 4px 0;
}
.re-contact-end h3{
font-size: 5vw;
}
.re-contact-end p{
font-size: 4.25vw;
}

.re-contact-btn a{
width: 288px;
height: 52px;
font-size: 4.25vw;
}

.re-contact-content {
padding: 12px 16px;
}
.re-contact-content table{
font-size: 4.25vw;
}
.re-contact-content table th{
padding: 0 12px;
width: 27.5%;
}
.re-contact-content table td{
padding: 8px 12px;
}


.re-consultation-inner {
width: 100%;
}
.re-consultation-inner-boxleft {
width: 100%;
padding: 0 0 24px 0;
margin: 0 0 24px 0;
border-bottom: 1px solid #D9D9D9;
}
.re-consultation-inner-boxright {
width: 100%;
border-left: none;
padding: 0 0 0 0;
}

.re-consultation-inner-boxleft li,
.re-consultation-inner-boxright li {
font-size: 4.25vw;
}
.re-consultation-inner-boxleft textarea,
.re-consultation-inner-boxright textarea {
width: 100%;
height: 78px;
padding: 14px 20px;
font-size: 4.25vw;
}

.select {
height: 47px;
width: 97%;
margin: 12px 0 0 0;
}

.re-mendan-inner {
margin: 12px 0 0 0;
}
.re-mendan {
height: 47px;
width: calc(100% - 2px);
margin: 12px 0 12px 0;
}

}