/*==============================================
  common
==================================================*/
@media screen and (max-width: 767px) {
    body{padding:0;font-size:16px;;width:100%;min-width:100%;overflow-x:hidden;word-break: break-all; line-height: 1.6;}
    .pc_br, .pc_br2{display:none !important;} .sp_br{display:block !important;} .sp_br2{display:inline-block;}
    img{width:100%;margin:0;padding:0;vertical-align:bottom;}
    /* =========================================================
            header
    ========================================================= */
    #header h1{text-align:center;margin:0 auto;width:100%;padding:0;background:none;height:inherit;}
	#header .header-button a{padding: 6px 20px 6px 28px;font-size: 12px;line-height: 1.2;}
	#header .header-button a:after{top: 10px;left: 11px;}
    /* =========================================================
            footer
    ========================================================= */
    #footer .footer-wrapper{width:100%;margin:0 auto;padding:7% 0;}
    #footer .footer-wrapper .name{margin-bottom:5px;font-size:16px;}
    #footer .footer-wrapper .address{font-size:14px;letter-spacing:0;}
    .copy-area{font-size:11px;text-align:center;padding:6% 0 0;letter-spacing:0;}
    /* =========================================================
            form
    ========================================================= */
    .form_bg{padding:4% 0 3%;} .inquiry_up{min-width:inherit;}
    .inquiry{width:86%;margin:0 auto 6%;padding:6% 4% 10%;max-width:inherit;}
    .maincatch{height:60px;margin-bottom:5%;}
    .maincatch h2{font-size:22px;padding:13px;}
    .form_area .attention a{padding:8px 10px; font-size:13px;}
    /* =========================================================
            form step
    ========================================================= */
    .form__steps{line-height:1;font-size:16px;;width:100%;margin:0 auto 5%;}
    .form__steps li{float:left;position:relative;margin:0;}
    .form__steps li em{width:100%;font-weight:normal;font-style:normal;}
    .form__steps li:first-of-type > *{padding-left:0;}
    .form__steps li:last-of-type, .form__steps li:last-of-type > *{margin-right:0; padding-right: 0;}
    .form__steps li > *{position:relative;box-sizing:border-box;padding:12px 0 12px 12px;display:inline-block;font-size:13px;letter-spacing:0;}
    .form__steps li.active > *{color:#ffffff;font-weight:bold;}
    .form__steps li.is-plane > *{background:transparent;}
    .form__steps li:after,.form__steps li > *:after{content:'';position:absolute;top:0;left:100%;height:0;width:0;border:19px solid transparent;border-right-width:0;}
    .form__steps li > *:after{z-index:10;border-left-color:inherit;}
    .form__steps li:last-of-type:after,.form__steps li:last-of-type > *:after{display:none;}
    /* =============Color Select============================== */
    .form__steps li:after{z-index:1;border-left-color:#85010d;margin:0;-webkit-transform:translateX(1px);-moz-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px);}
    /* =============Color Select============================== */

    /* =========================================================
            form2
    ========================================================= */
     #form{width:100%;margin:0 auto;}
    .form_area{width:100%;margin:0 auto 12%;} .form_area .f_copy1{font-size:14px;font-size:16px;;}
    .view2b{width:100% !important;margin:0 auto;}
    .form_area .req{padding:0.3em .5em;font-size:76%;}
    .form_area .f_title1{font-size:22px;padding-bottom:3px;}
    .form_area .f_copy_area{float:none;width:100%;}
    .form_area .attention{margin:15px 0 15px;font-size:13px;float:none;}
    .subtitle_partition {font-size: 20px; margin: 40px 0 0; /* 22060 add*/}
    #confirm .form1{margin-bottom: 40px;}
    .subtitle_partition::after{height: 0.5em; margin: 0.85em 0 0.5em 0.5em; /* 22060 add*/}
    .view{border-top:none;} .subtitle-option{width: 100%; font-size: 14px; margin: -7px 0 25px;/* 22060 add*/}
    .view .item{display: block !important; /* form retouching 220602*/padding:0; margin: 0 auto;}
    .view .item .heading{width:94%;/* form retouching 220602*/padding: 22px 0 5px;font-weight:bold;letter-spacing:0.5px;background:none;border-bottom:none;font-size:16px;margin:0 auto;}
    .view .item .heading.heading3{width:100%;font-size:16px;letter-spacing:0;padding:3% 0 0.3em;}
    /* form retouching 220602*/
    .view .item .main{padding: 5px 0 12px; width:94%;margin:0 auto;border-bottom:none;}
    .view .item .main2{padding:3px 3% 5px;width:92%;border-bottom:none;} .heading .req1{font-size:74%;}
    .view .item .heading3 .req1{font-size:51% !important;margin-left:0;}
    .subtxt1{padding-bottom:5px;color:#333;font-size:16px;}
	.view .item .main .subtxt1b {margin-top: 0em;}
    .dropmin_area .subtxt1{padding: 0.2em 0;} .imagemin_area.dropmin_area{padding: 1% 2% 3%;}
	.subtxt2{padding-top:3px;color:#333;font-size:16px;}
    input[type="text"],input[type="search"]{font-size:16px;background:#fff;line-height:1.68;margin:0;-webkit-appearance:none;height:inherit;}
    input[type="tel"],input[type="email"],textarea{-webkit-appearance:none;}
    input[type="date"]{font-weight:normal;}
    .input-txt,.input-select,.input-textarea{padding:9px 2.5%;font-size:16px;line-height:1.68;background-color:#fff;height:inherit;}
    .subt1{font-size:68%;vertical-align:baseline;}
    ::placeholder{color:#aaa;font-size:16px;}
    .look_for {font-size: 12px; letter-spacing: normal; padding: 0 0.2em; margin: 1em 0.2em 0.5em;}
    .selectWrap{position:relative;}
    .selectWrap::after{content:'';width:6px;height:6px;border:0;border-bottom:solid 1px #666;border-right:solid 1px #666;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:11px;margin-top:-4px;}
    /* input wide base　*/
    .wide-ss2{width:17%;} .wide-ss3{width:21%;} .wide-ss4{width:19%;}
    .wide-s{width:42.9%;} .wide-s2{width:48%;} .wide-s3{width:55%;} .wide-s1{width:57%;}
    .wide-ss1{width:15%;} .wide-m, .wide-l, .wide-t{width:94%;}
    /* input wide2  */
    .wide-select1{width:45px;padding:8px 5px;margin-bottom:5px;}
    .wide-select2{width:35px;padding:8px 5px;margin-bottom:5px;}
    .input-m{margin-right:1% !important;} .input-m2{margin-left:5px !important;} .checkcon li{padding-bottom:6px;}
    #agree{padding:6% 4% 2%;margin:4% auto 0;width:90%;}
    .agree2{padding:5% 4% !important;}
	#agree p{text-align:left;}
    #agree .error-message{text-align:center; margin:0 0 5px;}
    .agree_txt{text-align:center;font-size:16px;;padding:0 0 2%;}
    .agree_txt a{text-decoration:underline;}
    .agree_txt a:hover{text-decoration:none;}
    .agree_check{text-align:center !important;font-size:16px;}
    .btn_area,.btn_area2{margin:0 auto;width:94%;position:relative;}
    #form_only .btn_area{margin:0 auto;width:94%;position:relative;}
    #form_only .form_btn_area{margin:10% auto 0;}
    .btn_area .conf_btn{display:block;width:100%;padding:15px 0;margin:0 auto;color:#fff;letter-spacing:1px;font-weight:bold;text-align:center;text-decoration:none;font-size:18px;border-radius:4px;}
    .btn_area2 .conf_btn_r{display:block;width:100%;padding:15px 0;margin:0 auto 4%;color:#fff;letter-spacing:0;font-weight:bold;text-align:center;text-decoration:none;font-size:18px;background:#aaa;border:2px solid #aaa;border-radius:4px;}
    .btn_area::after{content:'';width:6px;height:6px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:52%;right:5%;margin-top:-5px;}
    .btn_area2::after{content:'';width:6px;height:6px;border:0;border-top:solid 2px #fff;border-right:solid 2px #fff;-ms-transform:rotate(225deg);-webkit-transform:rotate(225deg);transform:rotate(225deg);position:absolute;top:52%;left:5%;margin-top:-5px;}
    .conf_btn_area, .update_area, .update_area form{display:block;margin:35px auto 0;width:100%;}
    .form_confirm .update_area{margin:60px auto 0;}
	
	
    .conf_btn_area .btn_area,.conf_btn_area .btn_area2{float:none;margin:0 auto 2% !important;width:94% !important;}
	.vu_btn_area label {width: 94%; position: relative; margin: 0 auto 4%; display: block;}
    .err_bg{background:#f9dee3 !important;}
    .err_show{color:#e20000;font-size:13px; padding: 0; margin: 0;}
	.error-message{margin: 0;}
    .error-top{color:#e20000;text-align:center;padding:10px 0;border:2px solid #e20000;font-weight:bold;font-size:16px;width:100%;margin:0 auto 6%;background:#fff;}
    .conf-top{text-align:center;padding:0;font-weight:bold;font-size:18px;width:94%;margin:0 auto 4%;padding-top:2%;}
    .done-top{color:#333;text-align:center;font-weight:bold;font-size:21px;letter-spacing:0;margin:0 auto 3%;}
    .done-cp-span{font-size: 16px; padding: 7px 0; letter-spacing: 0; margin-bottom: 8%; text-align:center;}
    .done_sub{width:96%;margin:0 auto;display:block;}
    .done_sub .sub_title{font-size:18px;padding-bottom:5px;font-weight:bold; text-align: left;}
	.done_sub .sub_copy {text-align: left;}
    .done-info {margin: 11% auto 12%; width: 92%; letter-spacing: 0; display: block; padding: 3% 2%;} 
	.done-info h3 {font-size: 16px;} .date_span{line-height:3;} .done-info .info-copy {font-size: 16px;}
    /* ラジオボタン01 */.input_radio input[type=radio]{display:none;}
    .input_radio input[type=radio] + label{padding-left:28px;position:relative;margin-right:8px;font-size:14px;}
    .input_radio input[type=radio] + label::before{content:"";display:block;position:absolute;top:1px;left:0;width:20px;height:20px;border-radius:50%;background:#fff;}
    .input_radio input[type=radio]:checked + label::after{content:"";display:block;position:absolute;top:8px;left:7px;width:8px;height:8px;border-radius:50%;}
    /* checkbox */.input_check input[type=checkbox]{display:none;}
    .input_check label{padding-left:30px;position:relative;margin-right:16px;font-size:16px;line-height:1.7;}
    .input_check label::before{content:"";display:block;position:absolute;top:0;left:0;width:20px;height:20px;margin-top:2px;border-radius:4px;}
    .input_check input[type=checkbox]:checked + label::after{content:"";display:block;position:absolute;top:-4px;left:8px;width:8px;height:18px;transform:rotate(40deg);border-radius:2px;}
    .input_radio2 label{display:block;float:left;margin-right:0;padding-left:0;padding-right:0;color:#333;text-align:center;line-height:44px;cursor:pointer;border:1px solid #333;border-radius:5px;font-size:16px;font-weight:500;background:#fff;padding:0;margin-bottom:2.5%;width:100%;}
    .input_radio2 label:hover{background-color:#fff;color:#333;}
    .input_check2 li{float:left;width:48.6%;margin-right:2.7%;padding-bottom:0;}
    .input_check2 li:nth-child(2n){margin-right:0;}
    .input_radio2 label:hover{background-color:#fff;color:#333;}
    .next_att{text-align:center;padding:1% 0 5%;color:#e8495d;font-weight:bold;font-size:16px;}
    .footer_logo{margin:0 auto;width:36%;}
    #upload .item .main{padding:3% 0;} .form_confirm .item{margin-bottom:4%;} 
    .form_confirm.view .item {margin: 0; padding: 16px 0 13px;}
	.form_confirm.view .item .heading{padding: 5px 0 5px;}
    .form_confirm .item.disable{display:none !important;}
	.main .confirm-a{padding-bottom: 5px;padding-left: 20px; text-indent: -20px;}
	.main .confirm-a:last-child {padding-bottom: 0;}
    /* アップロードボタン */
    .imagemin_area{margin: 1% 0 2%;}
    .image_area label {width: 80%; display: block; padding: 1em 1em;  margin: 0 auto;  font-size: 16px; text-align: center;}
    #admin_form .filename{margin: -1em 0 1em; line-height: 1.5;}     #admin_form .preview{margin: 0 auto 1em;}
	.form_confirm .anketo_mt {margin: 1.5% 0 12%; letter-spacing: 0;}
	.file_upload .preview {margin: 2% 0;}
	#vu {padding: 6% 4% 6%; margin: 8% auto 0; width: 90%;}
	#vu .agree_txt { padding: 0 0 2%; text-align: left;}
	.subtxt3 {font-size: 13px; margin: 4% 0 0; text-align: left;}
	.thema-item{padding: 0 5px 0 0;}
    /* =========================================================
            cp info
    ========================================================= */
    .cp_info_area{width:86%;margin:0 auto;padding:6% 4% 3%;max-width:inherit;min-width:inherit;}
    .cp_info_area h2{font-size:18px;padding:1.5% 0 3.5%;line-height:1.4;letter-spacing:0;}
    .cp_info_area .cp_span{font-size:14px; padding:10px 0; letter-spacing:0; margin-bottom:4%;}
    .cp_info_area .cp_copy{font-size:16px;text-align:left;}
    /* =========================================================
            modal
    ========================================================= */
    .modal-content{position:relative;display:none;width:80%;max-height:100%;margin:10% 0 3%;padding:6%;border-radius:0;background:#fff;overflow:auto;top:0 !important;line-height:1.6;}
    .modal-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;}
    .modal-close{text-decoration:underline;position:absolute;right:5px;top:0;width:15px;}
    .modal-content .info_title{margin:10px 0 15px;font-size:16px;}
    .modal-content .info_copy{font-size:14px;padding-bottom:6px;}
    .modal-content .gaiji{width:100%;margin:2% auto;}
    .modal-content ul li{font-size:14px;padding-bottom:4px;}
    .modal-content ul{padding-bottom:10px;}
    .modal-content .info_copy2{font-size:13px;font-weight:bold;padding:10px 0 4px;}
    .sys_err1{text-align:center;font-size:22px;font-weight:bold;margin:8% auto 4%;width:90%;}
    .sys_err_copy1{text-align:center;font-size:14px;font-weight:bold;margin:0 auto 12%;width:90%;}
    .home_btn{margin:10% auto 5%;display:block;width:70%;}
    .home_btn a{padding:10px 2% 10px 3%;width:95%;font-size:14px;}
	.home_btn::after{left: 7%;}
    .back_btn{margin:0 auto 4%;display:table;position:relative;width:55%;}
    .back_btn a{padding:12px 0;font-size:14px;width:100%;}
    /* =========================== title ============ */
    h3.subtitle_entry_hed {font-size: 18px;  margin: 1.5em 0 0.5em;}
/* ===============  kiyaku ============================ */
    .kiyaku_area{max-width:inherit;width:82%;margin:4% auto 6%;padding:7% 5% 8%;}
    .kiyaku_area .inner{width:100%;margin:0 auto;}
    .kiyaku_area .kiyaku_title1{font-size:20px;margin:0 0 6%;}
    .kiyaku_area .kiyaku_title{font-weight:bold;font-size:16px;margin:7% 0 0;}
    .kiyaku_area .kiyaku_copy{font-size:14px;text-align:left;line-height:1.6;}
    .kiyaku_area .kiyaku_copy2{padding-top:5px;font-size:14px;text-align:left;}
    .kiyaku_area .kiyaku_att1{font-size:13px;padding-top:2px;line-height:1.5;letter-spacing:0.5px;text-align:left;}
    .kiyaku_area .kiyaku_att2{font-size:13px;padding:10px 0;line-height:1.8;letter-spacing:0.5px;text-align:left;}
    .kiyaku_area li{padding-left:1.3em;text-indent:-1.3em;font-size:13px;line-height:1.5;}
    .kiyaku_area h4{font-weight:bold;font-size:14px;}
    .kiyaku_area .howto{padding:3px 0 15px;font-size:14px;} .agreetop{margin-bottom:10%;}
    /* =========================================================
            teaser end
    ========================================================= */
    .teaser_captions h3{font-size:20px;margin:5% auto 4%;font-weight:600;text-align:center;}
    .teaser_captions .teaser_sub_caption{text-align:center;margin:0 auto 6%;font-size:16px;}
      /* ====== under form  ========== */ 
    .confirm_btn.update_area label, .confirm_btn.update_area label:nth-child(3n+1){ margin: 0 auto 2%; width: 94%; display: block;}
    .confirm_btn.update_area label input{padding: 15px 0; margin: 0 auto 4%; font-size: 16px;}
	.vu_btn_area label.btn_r_lb input, .vu_btn_area label.btn_l_lb input{padding: 15px 0; margin: 0 auto 4%; font-size: 16px;}
    .update_area form a.conf_btn_close { bottom: -18px; font-size: 14px; position: relative;}
    .update_area input,  .update_area a{letter-spacing: normal;}
    .update_area .delete_btn {width: 2%; margin: 0 0.5%; width: 24%; font-size: 14px;}
 


         /* パスワード目のマーク */
        .passwd-eye  {
          position: absolute;
          top: 35%;
          right: 6%;
        }

 }