@charset "utf-8";
/* CSS Document */
body{
	font-family:'Ubuntu','Hiragino Kaku Gothic Pro',HiraKakuPro-W3,'ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,sans-serif,'MS P ゴシック';
	color:#222;
}
header .head_txt{
	padding:0 0 10px 0;
	font-size:0.7rem;
	color:#767676;
}
#wrapper h1{
	padding:10px 0;
	font-size:0.8rem;
	font-weight:normal;
	text-align:right;
}

.container .title{
	padding:0 0 30px 0;
}
.container .title img{
	max-width: 100%;
	height: auto;
}
.container h2{
	padding:0 0 40px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

.title_cmt{
	padding:0 0 65px 0;
	font-size:14px;
	text-align:center;
	line-height: 1.5;
}
.title_cmt span{
	padding:0 0 10px 45px;
	background:url(../img/required_img.gif) no-repeat 0 0;
}
.fct_box{
	clear:both;
	float:left;
	padding:0 0 70px 0;
}
.fm_box{
	clear:both;
	float:left;
	padding:0 0 20px 0;
	line-height:1.4;
}
.fct_box2{
	clear:both;
	float:left;
	padding:0 0 25px 0;
}
.fm_box2{
	clear:both;
	float:left;
	padding:0;
	line-height:1.4;
}
h3{
	margin:0 0 30px 0;
	padding:0 0 5px 0;
	color:#292D3B;
	font-size:19px;
	font-weight: bold;
	border-bottom:solid 2px #292D3B;
	text-align:center;
}
.fs11px{
	font-size:14px;
}
.pd_t05{
	padding-top:5px;
}
.pd_t15{
	padding-top:15px;
}
.pd_b20{
	padding-bottom:20px;
}
.pd_l15{
	padding-left: 15px;
}
.fl_r{
	float:right;
}
.fileUploder{
	position:relative;
	overflow:hidden;
}
@media print, screen and (min-width: 641px){
.fileUploder{
	height:31px;
}
}
.btn_refer{
	vertical-align:middle;
}
.fileUploder .uploader{
	position:absolute;
	top:0;
	right:0;
	z-index:99;
	width:100%;
	height:100%;
	font-size:315px;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:"alpha(opacity=0)";
	cursor: pointer;
}
.clear{
	clear:both;
}
.tf_w62{
	width:62px;
}
.terms{
	clear:both;
	padding:2%;
	margin:0 auto 50px auto;
	width:90%;
	height:100px;
	overflow:scroll;
	overflow-x: hidden;
	border:solid #CCC 1px;
}
.terms_ti{
	padding:0 0 15px 0;
}
.terms dt{
	padding:0 0 10px 0;
}
.terms dd{
	padding:0 0 15px 0;
	line-height:1.4;
}
.terms dd p{
	padding:0 0 10px 0;
}
.ta_r{
	text-align:right;
}

@media print, screen and (min-width: 641px){

header{
	margin:0 auto;
	padding:10px 0 15px 0;
	width:1200px;
}
#wrapper{
	width:100%;
}
#wrapper .line{
	padding:15px 0 0 0;
	background:url(../img/bg_striped02.png) repeat-x 0 0;
}
#wrapper h1{
	margin:0 auto;
	width:1200px;
}
.container{
	margin:0 auto;
	width:780px;
	background:#FFF;
}
.container h2{
	padding:0 0 40px 0;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.fm_box .left{
	float:left;
	width:280px;
}
.fm_box .right{
	float:right;
	width:500px;
}
.fm_box .left div{
	padding:5px 0 5px 45px;
}
/* ▼確認画面用 */
.confirmation .fm_box .left div{
	padding:0 0 0 45px;
}
/* ▲確認画面用 */

.fm_box2 .left{
	float:left;
	width:280px;
}
.fm_box2 .right{
	float:right;
	width:500px;
}
.fm_box2 .left div{
	padding:5px 0 5px 45px;
}
.fm_box2 .left .req{
	background:url(../img/required_img.gif) no-repeat 0 center;
}
/* ▼確認画面用 */
.confirmation .fm_box2 .left div{
	padding:0 0 0 45px;
}
/* ▲確認画面用 */

.fm_box .left .req{
	background:url(../img/required_img.gif) no-repeat 0 7px;
	font-size: 18px;
}
.fm_box .right input{
	padding:5px;
}
.fm_box .right textarea{
	padding:5px;
}
.fm_box .right select{
	padding:5px;
}

.fm_box2 .right img{
	vertical-align:middle;
}
.fm_box2 .right input{
	padding:5px;
}
.fm_box2 .right textarea{
	padding:5px;
}
.fm_box2 .right select{
	padding:5px;
}

.tf_w284{
	width:284px;
}
.tf_w250{
	width:250px;
}
.tf_w464{
	width:464px;
}
.pd_r40{
	padding-right:40px;
}

}


@media screen and (max-width:640px){

img{
	max-width: 100%;
	width:auto;
}
.logo{
	width: 90pt;
	margin: 0 auto;
}
header{
	margin:0 auto;
	padding:10px 0 15px 0;
	width:100%;
}
#wrapper h1{
	width:100%;
}
.container{
	padding:2%;
	width:96%;
}
.fct_box{
	float:none;
}
.fm_box{
	float:none;
}
.fm_box .left{
	float:none;
	width:100%;
}
.fm_box .right{
	float:none;
	padding:5px 0;
	width:100%;
}
.fm_box .left .req{
	padding:0 0 0 45px;
	background:url(../img/required_img.gif) no-repeat 0 center;
}
.fm_box .right input,
.fm_box .right textarea,
.fm_box .right select{
	padding:2% 1%;
	font-size: 1.2rem;
}
.fct_box2{
	float:none;
}

.fm_box2{
	float:none;
}
.fm_box2 .left{
	float:none;
	width:100%;
}
.fm_box2 .right{
	float:none;
	padding:5px 0;
	width:100%;
}
.fm_box2 .left .req{
	padding:0 0 0 45px;
	background:url(../img/required_img.gif) no-repeat 0 center;
}
.fm_box2 .right input,
.fm_box2 .right textarea,
.fm_box2 .right select{
	padding:2% 1%;
}

.tf_w284{
	width:98%;
}
.tf_w464{
	width:98%;
}


}
.fm_btn{
	clear:both;
	padding:0 0 50px 0;
	text-align:center;
}
.fm_btn input {
	max-width: 100%;
}
.diytop_btn{
	clear:both;
	padding:0 0 70px 0;
	text-align:center;
}
footer{
	clear:both;
	padding:30px 0;
	font-size:0.8rem;
	text-align:center;
}

.fms_cmt1{
}
/* ▼送信完了画面用 */
.fms_cmt1{
	padding:50px 0;
	text-align:center;
}
.fms_cmt_box{
	margin:0 auto 100px auto;
	padding:30px 20px;
	width:80%;
	border:solid 1px #CCC;
}
.fms_cmt_box p{
	padding:0 0 15px 0;
	line-height:1.5;
}
.fms_cmt_box div{
	padding:20px 0 0 0;
	text-align:center;
}
.fms_cmt_box div p{
	padding:10px 0 0 0;
	font-size:0.8rem;
}
@media screen and (max-width:640px){
.fms_cmt_box{
	padding:3% 3%;
	width:92%;
}
}
/* ▲送信完了画面用 */
.cmt_txt{
	margin-bottom:5px;
	color:#C24B3A;
}

.sample::-webkit-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
.sample:-ms-input-placeholder {
    color: #ccc;
    font-weight: normal;
}
.sample::-moz-placeholder {
    color: #ccc;
    font-weight: normal;
	opacity: 1;
}

@media (min-width: 668px){
  .br_sp {display: none !important;}
}
@media (max-width:667px){
  .br_pc {display: none !important;}
}
.pic_att {
	line-height: 1.5;
	color: #C24B3A;
	font-weight: bold;
	padding-bottom: 30px;
}
@media (min-width: 668px){
.pic_att {
	text-align: center;
}
}
@media (max-width:667px){
.pic_att {
	text-align: left;
}
}
.xl-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	text-align: center;
}
.lh12{
	line-height:1.2;
}
.lh15{
	line-height:1.5;
}
@media (min-width: 668px){
.br_sp {
	display: none !important;
}
}
@media (max-width:667px){
.br_pc {
	display: none !important;
}
}
.sec_fmbdr_col {
  padding: 50px 50px 10px;
  margin-bottom: 100px;
}
.sec_fmbdr_col h3 {
	border-bottom: none;
}
.fm_sld_gra {
  border:5px solid #f2f2f2;
}
.fm_sld_red5 {
  border:5px solid #C24B3A;
}
@media (max-width:667px){
.sec_fmbdr_col {
  padding: 35px 25px 0;
}
}
.lo_btn {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.lo_btn li {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.lo_btn a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  border:2px solid #292E3B;
  align-items: center;
  font-weight: bold;
  flex-grow:1;
  color: #292E3B;
  padding: 11px 8px;
  font-weight: bold;
  font-size: 16px;
  text-decoration: none;
}
@media (max-width:667px){
.lo_btn a {
	min-height: 60px;
}
}
.lo_btn a:hover, .lo_btn a:focus {
		opacity: 0.6;
		transition: .5s;
}
.lo_btn .btnc_bl {
  color: #fff;
  background-color:#292E3B;
}
@media (min-width: 668px){
.lo_btn li.w380 {
	width: 380px;
}
}
@media (max-width:667px){
.lo_btn .w380 {
	width: 100%;
}
}
.lo_btn .sec_btn2 {
  padding: 7px 10px;
}
.lo_btn .ln2 {
	line-height: 1.3;
  padding: 6px 6px;
}
.lo_btn .txt-t {
  display: block;
  font-size: 14px;
  font-weight: normal;
}
.lo_btn .lnk-txt {
	text-align: center;
	flex: 1;
}
.lo_btn i.arr-r {
	padding-left: 7px;
}