@charset "UTF-8";

/* ------------------------------------------

目次
.pageTitleArea
.stepBox

------------------------------------------- */

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* ラジオボタンの切り替え */
#form .radio_slect {
display: none;
}
#form .text01 {
display: block;
}

/* -------------------------------------------------------
.pageTitleArea
------------------------------------------------------- */

/* 調整 */
@media only screen and (min-width: 768px){
	.pageTitleArea .leadText {
	    text-indent: -1em;
	    padding-left: 1em;
	}
}


@media only screen and (max-width: 767px) {
    .contact .pageTitleArea.pageTitleArea-future {
        background-size:cover;
    }
	}

		.contact .pageTitleArea.pageTitleArea-applicant {
    background: url("../../contact/img/img-01.jpg") no-repeat center 28%;
    background-size: 100%;
	}

@media only screen and (max-width: 767px) {
    .contact .pageTitleArea.pageTitleArea-applicant {
        background-size:cover;
        background-position: left 0;

    }
}


/* asideContainer -------------------------------------------*/

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
		.asideContainer .loweTextArea .inner {
    padding: 40px 2% 20px;
    background: #fbfafb;
    margin: 40px 15px 50px;
		}

		.asideContainer .loweTextArea .inner .headding {
      margin: 0 0 8px 1em;
    }
}

@media only screen and (min-width: 768px){
	.loweTextArea .headding {
	    margin: 0 0 40px 0;
	}
}

.asideContainer .loweTextArea {
    width: 100%;
    display: block;
    background: inherit;
}

@media only screen and (min-width: 768px){
	.asideContainer .loweTextArea .inner {
    padding: 55px 2%;
    width: 66%;
    margin: 80px 15% 50px;
    background: #fbfafb;
	}
}

/* Small devices: Tablets (≥768px) */
 @media (min-width: 768px) and (max-width: 991px) {
	 .asideContainer .loweTextArea .inner {
		padding: 30px 2%;
		width: 86%;
		margin: 80px 5% 50px;
	 }
 }

.loweTextArea .headding span:after{
	content:none;
}

/* stepBox --------------*/

.stepBox {
	display: flex;
	justify-content: center;
  margin: 30px 0 30px 0;
}

.stepBox li {
	width: 50px;
	height: 50px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	background: #ddd;
	color: #6e6e6e;
	padding: 20px;
	text-align: center;
	position: relative;
}

.stepBox li:after {
	content: "▶︎";
	position: absolute;
  right: -2.3em;
  top: 38%;
}

.stepBox li.current {
	background: #f6acac;
	color: #fff;
}

.stepBox li.current:after  {
	color:#f6acac;
}

.stepBox li.last-list::after {
	content: none;
}

/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {
	.stepBox li {
		width: 50px;
    height: 50px;
		padding: 10px 10px 5px;
    line-height: 1.3em;
	}

	.stepBox li span {
		font-size: 0.8em;
	}
}

/* Extra small devices: Phones (<768px) iphone3,4,5 */
@media (min-width: 320px) and (max-width:374px){
  .stepBox li {
    line-height: 1em;
    padding: 10px 10px 0px;
  }

  .stepBox li span {
    font-size: 0.6em;
  }
}


/* #contact フォーム内の-------------------------------------------*/

div#contact{
	padding-top:15px;
}

div#contact.conpletion{
	padding-top:15px;
    width: 70%;
    margin: 0 15%;
}

div#contact p {
	padding:0 19px 14px;
	margin:0;
  letter-spacing: 0.15em;
}


div#contact p.f_s{
    padding: 5px 0 0px;
}

div#contact.conpletion p{
	padding:0 19px 14px;
    padding-bottom: 35px;
}

div#contact p.cel_c {
	padding: 30px 0px 40px;
  text-align: center;
}


div#contact form{
	padding:20px 20px 0;
	/*background:#f8f8f8;*/
}

div#contact dl{
	border-bottom:1px solid #ccc;
	margin:0 0 20px;
	padding:0 0 20px;
}

div#contact dl dt{font-weight:bolder;}

div#contact dl dt.contac-select {
  margin-bottom: 10px;
  line-height: 1.2em;
}

div#contact dl dt.contac-select span {
  display: block;
  margin-bottom: 2px;
  font-weight: normal;
}

div#contact dl dt.contac-select label {
  font-weight: normal;

}

div#contact dl dt span{
	font-size:70%;
	color:#f00;
}

div#contact dl dd{
	margin-bottom:15px;
	margin-left:0;
}

div#contact dl dd input{width:100%;height:2em;}

div#contact dl dd input[type=radio]{width:auto;}

div#contact dl dd textarea{width:100%;height:10em;}

div#contact dl dd select{height:2em;}

div#contact dl#confirm dd{color:#004ea2;}

div#contact p.m0{margin:0;}

div#contact strong{
	font-size:130%;
	color:#f66;
}

div#contact strong{color:#f66;}

div#contact ul{
	text-align:center;
}

div#contact ul li{
	display:inline-block;
}

.pref{margin-bottom:5px;}

div#contact ul li input{
	display:block;
	border:1px solid #1c75d2;
	font-size:100%;
	text-decoration:none;
	border-radius:3px;
	padding:9px 80px;
	/*box-shadow:2px 2px 1px #ccc;*/
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#fff;
	/*text-shadow:1px 1px 1px #f9e1b4;*/
	cursor:pointer;
	height:auto;
	background: #1c75d2;
}

div#contact ul li input:hover{
	box-shadow:none;
	border:1px solid #333;
	background: #333;
	color:#ddd;
}

span.ERR{
color:#FF0000;
font-weight:bold;
}


@media screen and (max-width: 768px) {
	div#contact {
		padding-top:0;
	}

	div#contact.conpletion {
		margin: 0;
		width: 100%;
	}

	div#contact dl dd{
		margin-left:0;
	}
}


/* ------------------------------------------
clearfix
------------------------------------------- */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
}

.clearfix {
    display: block;
}