@charset "utf-8";

/*--------------------------------------------------*/
/*		http://
/*		/css/index.css
/*--------------------------------------------------*/
/*		$index
/*--------------------------------------------------*/
/*			$index.......目次
/*			$layout......全体・部分的なレイアウト
/*			$visual......visual部分
/*--------------------------------------------------*/



/*--------------------------------------------------*/
/*			$layout
/*--------------------------------------------------*/
#inquiry-wrap{padding: 0 65px 100px;}
#inquiry-wrap li{padding-bottom: 30px;}
#inquiry-wrap dl{-webkit-justify-content: space-between; justify-content: space-between;}
#inquiry-wrap dt{width: 140px; font-size: 1.6rem; font-weight: bold; line-height: 1; }
#inquiry-wrap dd{width: 650px; font-size: 1.3rem;}
#inquiry-wrap select{margin-right: 10px; padding: .5em 1em; border: 1px #ccc solid;}
#inquiry-wrap input{width: 380px; margin-right: 10px; padding: .5em 1em; border: 1px #ccc solid;}
#inquiry-wrap textarea{width: 100%; height: 20em; padding: .5em 1em; border: 1px #ccc solid;}
#inquiry-wrap .required{display: inline-block; margin-right: 10px; padding: .5em 1em; background-color: rgba(151,0,0,.6); color: #fff; line-height: 1;}
#inquiry-wrap .ex,#inquiry-wrap p{font-size: 1.2rem;}
#inquiry-wrap .btn-area{text-align: center;}
#inquiry-wrap .btn-area input{width: 400px; margin: 0; padding: 1em 0; border: 1px #000 solid; background-color: #fff; color: #000; font-size: 1.8rem; font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", sans-serif; line-height: 1; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#inquiry-wrap .btn-area input:hover{opacity: .7; cursor: pointer;}
#inquiry-wrap .btn-area.error input{width: 400px; margin: 0; padding: 1em 0; border: 1px #ccc solid; background-color: #fff; color: #000; font-size: 1.8rem; font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", sans-serif; line-height: 1; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#inquiry-wrap .btn-area.error input:hover{opacity: .7; cursor: pointer;}
#inquiry-wrap .btn-area.confirm input:first-child{width: 400px; margin: 0; padding: 1em 0; border: 1px #ccc solid; background-color: #fff; color: #000; font-size: 1.8rem; font-family:Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", sans-serif; line-height: 1; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#inquiry-wrap aside{padding-bottom: 2em; font-size: 1.6rem; font-weight: bold;}
#inquiry-wrap #error_message li{padding-bottom: 1em; color: #f33; font-size: 1.6rem;}
#inquiry-wrap #error_message li:last-child{padding-bottom: 3em;}
@media screen and (max-width: 767px) {
#inquiry-wrap{padding: 0 0 7.3125%;}
#inquiry-wrap li{padding-bottom: 6.25%;}
#inquiry-wrap dl{display: block;}
#inquiry-wrap dt{width: 100%; padding-bottom: .5em; font-size: 1.2rem;}
#inquiry-wrap dd{width: 100%; font-size: 1rem;}
#inquiry-wrap select{margin-right: 1.5625%; padding: .5em;}
#inquiry-wrap input{width: 80%; margin-right: 1.5625%; padding: .5em;}
#inquiry-wrap textarea{width: 100%; height: 10em; padding: .5em;}
#inquiry-wrap .required{margin-right: 1.5625%; padding: .5em;}
#inquiry-wrap .ex{display: block;}
#inquiry-wrap .ex,#inquiry-wrap p{font-size: .9rem;}
#inquiry-wrap .btn-area input{width: 66.6%; font-size: 1.2rem;}
#inquiry-wrap .btn-area.confirm input:first-child {
  width: 66.6%;
  margin: 0 0 3%;
  font-size: 1.2rem;
}
}



/*--------------------------------------------------*/
/*			$visual
/*--------------------------------------------------*/
#lower-visual{margin-bottom: 60px; background: url(/images/common_visual_pc.jpg) no-repeat center top; background-size: cover;}
#lower-visual .visual-inner h2{margin: -.5em 0 0 -3.3em;}
@media screen and (max-width: 767px) {
#lower-visual{margin-bottom: 7.8125%; background: url(/images/common_visual_sp.jpg) no-repeat center top; background-size: cover;}
}