@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after,.cf:after { content:""; display:block; clear:both;}
body,.formarea input[type="submit"],.formarea input[type="reset"],input.submit,input.reset { font-family:Notosans,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400;}
.device-font,.main-searcharea table,.resultsarea-table,.resultsarea2-table2,.kanji-check__item,.formarea input,.formarea select { font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
#pagetop { position: fixed; bottom: -100px; right: 0px;}
#pagetop a { width: 70px; height:70px; background: url("/img/btn_pagetop.png") no-repeat center; background-size:50px auto; display:block; box-shadow:0px 0px 2px rgba(0,0,3,0.1); -moz-box-shadow:0px 0px 2px rgba(0,0,3,0.1); -webkit-box-shadow:0px 0px 2px rgba(0,0,3,0.1);  -ms-box-shadow:0px 0px 2px rgba(0,0,3,0.1);}
#pagetop a:hover { -webkit-filter: brightness(110%); filter: brightness(110%);}
.hv-br { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}

.all { overflow:hidden;}
.fc { clear: both}
.ime_en {ime-mode: disabled;}
.ml1em { margin-left: 1em;}.mt1em { margin-top: 1em;}.mb1em { margin-bottom: 1em;}.mr1em { margin-right: 1em;}
.ml2em { margin-left: 2em;}.mt2em { margin-top: 2em;}.mb2em { margin-bottom: 2em;}.mr2em { margin-right: 2em;}
.bt { box-shadow:0px 1px 2px rgba(0,0,3,0.1); -moz-box-shadow:0px 1px 2px rgba(0,0,3,0.1); -webkit-box-shadow:0px 1px 2px rgba(0,0,3,0.1);  -ms-box-shadow:0px 1px 2px rgba(0,0,3,0.1); 
-webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; position: relative; top: 0;}
.bt:hover { top: 1px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;  -ms-box-shadow:none; -webkit-filter: brightness(105%); filter: brightness(105%);}
.bt_s { box-shadow:0px 1px 1px rgba(0,0,3,0.1); -moz-box-shadow:0px 1px 1px rgba(0,0,3,0.1); -webkit-box-shadow:0px 1px 1px rgba(0,0,3,0.1);  -ms-box-shadow:0px 1px 1px rgba(0,0,3,0.1); 
-webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s; position: relative; top: 0;}
.bt_s:hover { top: 0.6px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;  -ms-box-shadow:none; -webkit-filter: brightness(105%); filter: brightness(105%);}
.bt_bd_color { border-style: solid; border-width: 1px; background: white; font-weight: 600}
.bt_black { background: #353840; color: white; font-weight: 600; }
.bt_black:hover { background: #444;}
.bt_color { color:white;}
.bt_gray { padding: 0 10px; line-height: 28px; display: inline-block; border: solid 1px #939393; border-radius: 4px; background: linear-gradient(white, #ddd); background: -moz-linear-gradient(white, #ddd); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ddd)); cursor: pointer;}
.bt_s.bt_gray:hover { top: 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;  -ms-box-shadow:none; -webkit-filter: brightness(105%); filter: brightness(105%);}
input.submit { border-radius: 6px; color: white; font-weight: 700!important;}
.all .submit { width: 260px; color: white; border-radius: 6px; line-height: 62px; border: none; font-size: 16px; margin-right: 20px; cursor: pointer; padding: 0;}
.all .reset,.main-searcharea-btnarea a.bt_white { background: #fff; width: 260px; color: #333; border: solid 1px #ddd; border-radius: 6px; height: 62px; font-size: 16px; font-weight: 600!important; cursor: pointer; }
.main-searcharea-btnarea a.bt_white { display: inline-block; padding-top: 15px;}
.all .reset:hover { background-color: #f0f0f0; border-color: #ccc; color: #555; opacity: 1;}
input.submit._org { background-color: #ffb326!important;}
a.textlink { text-decoration:underline; color: #999;}
a.textlink:hover { text-decoration:none;}
.footer { margin:120px 0 12px; text-align: center; font-size: 8px;letter-spacing: 0.06em; font-weight: 200; }

/*
@media screen and (max-width:1200px){
	#pagetop a { width: 60px; height:60px;background-size:42px auto;}
	.all .submit { width: 230px; border-radius: 5px; line-height: 56px; font-size: 15px; margin-right: 14px;}
	.all .reset,.main-searcharea-btnarea a.bt_white { width: 230px; border-radius: 5px; height: 28px; font-size: 15px;}
	.main-searcharea-btnarea a.bt_white { padding-top: 14px;}
	.bt_gray { line-height: 25px;}
	.footer { margin:100px 0 12px; }
}
*/
@media screen and (max-width:768px){
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
	#pagetop a { width: 50px; height:50px; background-size:38px auto;}
	.all .submit { width: 190px; border-radius: 5px; line-height: 48px; font-size: 14px; margin-right: 12px; }
	.all .reset,.main-searcharea-btnarea a.bt_white { width: 190px; border-radius: 5px; height: 48px; font-size: 14px;}
	.main-searcharea-btnarea a.bt_white { padding-top: 12px;}
	.bt_gray { line-height: 22px; border-radius: 3px;}
	.footer { margin:80px 0 10px; font-size: 7px;}
}
@media screen and (max-width:480px){
	#pagetop a { width: 42px; height:42px; background-size:32px auto;}
	.all .submit { width: 220px; border-radius: 5px; line-height: 48px; font-size: 13px; margin: 0 auto 11px; display: block;}
	.all .reset,.main-searcharea-btnarea a.bt_white { width: 220px; border-radius: 5px; height: 48px; font-size: 13px; display: block; margin: 0 auto}
	.main-searcharea-btnarea a.bt_white { padding-top: 10px;}
	.bt_gray { line-height: 21px; border-radius: 3px; padding-bottom: 1px;}
	.footer { margin:60px 0 10px; font-size: 7px;}
}


/* 色設定 - admin */
.admin input.submit,.admin .bt_color,.admin #pagetop a,.admin .sidemenu__list li.current a,.admin .sidemenu__list li a:before,.admin .btn_menu{ background-color: #1da8bd;}
.agency input.submit,.agency .bt_color,.agency #pagetop a,.agency .sidemenu__list li.current a,.agency .sidemenu__list li a:before,.agency .btn_menu { background-color:#2e6dc0 ;}
.user input.submit,.user .bt_color,.user #pagetop a,.user .sidemenu__list li.current a,.user .sidemenu__list li a:before,.user .btn_menu { background-color: #2e6dc0;}
.admin .sidemenu__list li a:hover { color: #2e6dc0}
.agency .sidemenu__list li a:hover { color: #1da8bd}
.user .sidemenu__list li a:hover { color: #37b38c}
.admin .bt_bd_color,.admin .header { border-color:#1da8bd ; color:#1da8bd;}
.agency .bt_bd_color,.agency .header { border-color:#2e6dc0 ; color: #2e6dc0;}
.user .bt_bd_color,.user .header { border-color: #2e6dc0 ; color:  #2e6dc0;}

.admin .sidemenu__list li.current a:hover { border-color:#2e6dc0 ; color:#ffffff;}
.agency .sidemenu__list li.current a:hover { border-color:#1da8bd ; color: #ffffff;}
.user .sidemenu__list li.current a:hover { border-color: #37b38c ; color:  #ffffff;}

.admin .pagination > li > a,.admin .pagination > li > span,
.admin .pagination>li>a:focus,.admin .pagination>li>a:hover,.admin .pagination>li>span:focus, .admin .pagination>li>span:hover { color: #2e6dc0; }
.agency .pagination > li > a,.agency .pagination > li > span,
.agency .pagination>li>a:focus,.agency .pagination>li>a:hover,.agency .pagination>li>span:focus, .agency .pagination>li>span:hover { color: #1da8bd; }
.user .pagination > li > a,
.user .pagination>li>a:focus,.user .pagination>li>a:hover,.user .pagination>li>span:focus, .user .pagination>li>span:hover { color: #37b38c; }

.admin .pagination>.active>a,.admin .pagination>.active>a:focus,.admin .pagination>.active>a:hover,.admin .pagination>.active>span,.admin .pagination>.active>span:focus,.admin .pagination>.active>span:hover { background-color: #2e6dc0; border-color: #2e6dc0}
.agency .pagination>.active>a,.agency .pagination>.active>a:focus,.agency .pagination>.active>a:hover,.agency .pagination>.active>span,.agency .pagination>.active>span:focus,.agency .pagination>.active>span:hover { background-color: #1da8bd; border-color: #1da8bd}
.user .pagination>.active>a,.user .pagination>.active>a:focus,.user .pagination>.active>a:hover,.user .pagination>.active>span,.user .pagination>.active>span:focus,.user .pagination>.active>span:hover { background-color: #37b38c; border-color: #37b38c}

.sdw,.header,.open .sidemenu__bg { box-shadow:0px 2px 3px rgba(0,0,3,0.15); -moz-box-shadow:0px 2px 3px rgba(0,0,3,0.15); -webkit-box-shadow:0px 2px 3px rgba(0,0,3,0.15);  -ms-box-shadow:0px 2px 3px rgba(0,0,3,0.15); }
.sdw_s,.formarea-cardlist__item .image,.check-box-input figure {box-shadow:0px 1px 4px rgba(0,0,3,0.1); -moz-box-shadow:0px 1px 4px rgba(0,0,3,0.1); -webkit-box-shadow:0px 1px 4px rgba(0,0,3,0.1);  -ms-box-shadow:0px 1px 4px rgba(0,0,3,0.1);}
.card-list__item .image { box-shadow:0px 2px 3px rgba(0,0,3,0.2); -moz-box-shadow:0px 2px 3px rgba(0,0,3,0.2); -webkit-box-shadow:0px 1px 5px rgba(0,0,3,0.1);  -ms-box-shadow:0px 2px 3px rgba(0,0,3,0.2); }



/* login */
.page-login {  background:#f9f9f9;}
.login { text-align: center;}
.login__inr { padding: 75px 0 80px }
.login__logo { width: 100%; max-width: 290px; margin: 0 auto 24px;}
.admin .login__logo { margin-bottom:0;}
.loginbox { max-width: 500px; margin: 0 auto; background: white; padding: 45px 50px 48px; box-shadow:0px 1px 6px rgba(0,0,3,0.07); -moz-box-shadow:0px 1px 6px rgba(0,0,3,0.07); -webkit-box-shadow:0px 1px 6px rgba(0,0,3,0.07);  -ms-box-shadow:0px 1px 6px rgba(0,0,3,0.07); }
.loginbox__text { text-align: left; font-size: 15px;}
.loginbox .form-area { margin-top: 25px;}
.loginbox .formarea__item { position: relative;}
.loginbox .formarea__item:nth-child(n + 2) { margin-top: 11px;}
.loginbox .formarea__item:before { position: absolute; left: 11px; width: 32px; height: 100%; top: 0; background-size: 100% auto; content: ""; background-repeat: no-repeat; background-position: center;}
.loginbox .formarea__item._id:before { background-image: url("../img/icon_company.png");}
.loginbox .formarea__item._cord:before { background-image: url("../img/icon_user_gray.png");}
.loginbox .formarea__item._pw:before { background-image: url("../img/icon_key.png");}
.loginbox .formarea__item input { width: 100%; display: inline-block; font-size: 16px; line-height: 46px; padding-left: 50px; background: #f9f9f9; border-color: #e3e3e3; letter-spacing: 0.04em; height: auto;}
.loginbox .formarea__item input:focus,
.loginbox .formarea__item input:not(:placeholder-shown) { background: #fff;}
.loginbox__check { font-size: 13px; margin-top: 25px;}
.loginbox__check input { position: relative; top: -1px; margin-right: 7px;}
.loginbox .loginbox__btn { line-height: 56px; width: 100%; max-width: 260px; margin: 25px auto 0; font-size: 17px;  letter-spacing: 0.04em}
.loginbox__textlink { font-size: 12px; margin-top: 20px;}
.login-information { width: 100%; max-width: 740px; margin: 0 auto;}
.login-information__title { font-size: 23px; text-align: center; font-weight: 700;}
.login-information__list { margin-top: 15px; height: 380px; overflow-y: scroll; -webkit-overflow-scrolling: touch; border: solid 1px #e5e5e5; border-top: solid 4px #333;}
.login-information__list li { border-bottom: solid 1px #ddd; }
.login-information__list li:last-child { border: none;}
.login-information__list a { color: #333; display: table; height: 50px; width: 100%; background: rgba(255,255,255,0.2);}
.login-information__list a:hover {background: rgba(255,255,255,0.6); }
.login-information__list p { display: table-cell; vertical-align: middle; text-align: left;}
.login-information__list .day { font-weight: 600; padding-left: 20px; width: 100px; font-size: 14px;}
.login-information__list .text { text-align: left; padding: 14px; font-size: 13px}
/*
@media screen and (max-width:1200px){
	.login__inr { padding: 60px 0 70px; }
	.login__logo { max-width: 250px; margin-bottom: 20px; }
	.loginbox { max-width: 450px; padding: 38px 40px 40px; }
	.loginbox__text { font-size: 14px; line-height: 1.6}
	.loginbox .form-area { margin-top: 23px;} 
	.loginbox .formarea__item:nth-child(n + 2) { margin-top: 11px;}
	.loginbox .formarea__item:before { left: 10px; width: 28px; } 
	.loginbox .formarea__item input { font-size: 14px; line-height: 43px; padding-left: 46px;} 
	.loginbox__check { font-size: 12px; margin-top: 22px;}
	.loginbox__check input { top: -1px; margin-right: 6px;}
	.loginbox .loginbox__btn { line-height: 52px;  max-width: 240px; margin: 22px auto 0; font-size: 15px;}
	.loginbox__textlink { font-size: 11px; margin-top: 16px;}
	.login-information { width: calc(100% - 80px) }
	.login-information__title { font-size: 20px; }
	.login-information__list { margin-top: 14px; height: 340px; border-top: solid 4px #333;}  
	.login-information__list a { height: 45px; } 
	.login-information__list .day { padding-left: 18px; width: 96px; font-size: 13px;}
	.login-information__list .text { padding: 14px; font-size: 12px}
}
*/
@media screen and (max-width:768px){
	.login__inr { padding: 50px 0 55px }
	.login__logo { max-width: 220px; margin-bottom: 17px;}
	.loginbox { max-width: 400px; padding: 34px 36px 36px; }
	.loginbox__text { font-size: 13px; line-height: 1.6}
	.loginbox .form-area { margin-top: 21px;} 
	.loginbox .formarea__item:nth-child(n + 2) { margin-top: 8px;}
	.loginbox .formarea__item:before { left: 9px; width: 26px; } 
	.loginbox .formarea__item input { font-size: 13px; line-height: 40px; padding-left: 42px;} 
	.loginbox__check { font-size: 12px; margin-top: 20px;}
	.loginbox__check input { top: -1px; margin-right: 6px;}
	.loginbox .loginbox__btn { line-height: 48px;  max-width: 220px; margin: 20px auto 0; font-size: 14px;}
	.loginbox__textlink { font-size: 11px; margin-top: 12px;}
	.login-information { width: calc(100% - 60px) }
	.login-information__title { font-size: 19px; }
	.login-information__list { margin-top: 13px; height: 280px; border-top: solid 4px #333;}  
	.login-information__list a { height: 40px; } 
	.login-information__list .day { padding-left: 16px; width: 92px; font-size: 13px;}
	.login-information__list .text { padding: 13px; font-size: 12px}
}
@media screen and (max-width:480px){
	.login__inr { padding: 36px 12px 33px }
	.login__logo { max-width: 180px; margin-bottom: 14px;}
	.loginbox { padding: 24px 24px 26px; max-width: 350px }
	.loginbox__text { font-size: 11px; line-height: 1.55}
	.loginbox .form-area { margin-top: 18px;} 
	.loginbox .formarea__item:nth-child(n + 2) { margin-top: 6px;}
	.loginbox .formarea__item:before { left: 8px; width: 23px; } 
	.loginbox .formarea__item input { font-size: 12px; line-height: 34px; padding-left: 36px;} 
	.loginbox__check { font-size: 11px; margin-top: 18px;}
	.loginbox__check input { top: -1px; margin-right: 5px;}
	.loginbox .loginbox__btn { line-height: 43px;  max-width:200px; margin: 18px auto 0; font-size: 12px;}
	.loginbox__textlink { font-size: 10px; margin-top: 10px;}
	.login-information { width: calc(100% - 24px) }
	.login-information__title { font-size: 16px; }
	.login-information__list { margin-top: 10px; height: 220px; border-top: solid 3px #333;}  
	.login-information__list a { height: 36px; } 
	.login-information__list .day { padding-left: 12px; width: 76px; font-size: 11px;}
	.login-information__list .text { padding: 8px; font-size: 10px}
}


/*header*/
.header { border-bottom: solid 10px; position: relative; z-index: 1000; background: white;}
.header__inr { display: table; width: 100%; height: 110px;}
.header__logo { height:120px; display: table-cell; vertical-align: middle;}
.admin  .header__logo { height:110px; padding-top: 5px}
.user   .header__logo { height:110px; padding-top: 5px}
.agency .header__logo { height:110px; padding-top: 5px}
/*
.user .header__logo,
.agency .header__logo { height:62px; padding-left: 25px; padding-top: 5px;}
*/
.header__logo img { width:auto; height: 100%}
.header__linkarea { display: table-cell; width: calc(100% - 200px); text-align: right; vertical-align: middle}
.header__textlink { display: inline-block}
.header__textlink li { display: inline-block; margin-left: 30px; }
.header__textlink li a { color: #555; font-weight: 600}
.header__textlink li a:hover { color: #888;}
.header__btn { display: inline-block; margin-left: 30px; margin-right: 15px}
.header__btn a { border-radius: 5px;  width: 120px; line-height: 44px; font-weight: 700; display:block; text-align: center; font-size: 14px; letter-spacing: 0.04em;}
.btn_menu { display: none;}
/*
@media screen and (max-width:1200px){
	.header { border-bottom: solid 8px; }
	.header__inr { height: 88px;}
	.header__logo { height:100px; }
	.admin  .header__logo { height:90px; padding-top: 2px}
	.user   .header__logo { height:90px; padding-top: 2px}
	.agency .header__logo { height:90px; padding-top: 2px}
	.header__textlink li { margin-left: 26px; font-size: 13px;}
	.header__btn { margin-left: 26px; margin-right: 13px}
	.header__btn a { border-radius: 4px;  width: 100px; line-height: 42px; font-size: 12px;}
}
*/
@media screen and (max-width:768px){
	.header { border-bottom: solid 7px; }
	.header__inr { height: 76px;}
	.header__logo { height:100px; }
	.admin  .header__logo { height:76px; padding-top: 2px}
	.user   .header__logo { height:76px; padding-top: 2px}
	.agency .header__logo { height:76px; padding-top: 2px}
/*
	.user .header__logo,
	.agency .header__logo { height:38px; padding-left: 13px; padding-top: 0px;}
*/
	.header__textlink li { margin-left: 22px; font-size: 11px;}
	.header__btn { margin-left: 20px; margin-right: 11px}
	.header__btn a { border-radius: 3px;  width: 88px; line-height: 38px; font-size: 11px;}
}
@media screen and (max-width:480px){
	.header { border-bottom: solid 6px; }
	.header__inr { height: 60px;}
	.header__logo { height:60px; }
	.admin  .header__logo { height:60px; padding-top: 2px}
	.user   .header__logo { height:60px; padding-top: 2px}
	.agency .header__logo { height:60px; padding-top: 2px}
/*
	.user .header__logo,
	.agency .header__logo { height:28px; padding-left: 10px; }
*/
	.header__textlink { display: block; margin-right: 6px; line-height: 1; margin-bottom: 6px;}
	.header__linkarea { padding-bottom: 3px;}
	.header__textlink li { margin-left: 16px; font-size: 9px;}
	.header__btn { margin-left: 16px; margin-right: 7px}
	.header__btn a { border-radius: 3px;  width: auto; padding:6px 10px 7px; line-height: 1; font-size: 9px;}
}


/* sidemenu */

@media screen and (max-width:768px){
	.btn_menu { display: block; position: absolute; right: -30px; top: 0px; width: 30px; height:30px; cursor: pointer; z-index: 1100; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; text-align: center; pointer-events: auto; border-radius: 0 0 4px 0;}
	.btn_menu:hover { -webkit-filter: brightness(104%); filter: brightness(104%); }
	.btn_menu div { position:relative; height: 100%; width: 14px; margin: 8px auto 0; right: 1px;}
	.btn_menu span { display: block; position: absolute; height: 1.5px; border-radius: 1px; width: 100%; background: #fff; left: 0; zoom: 1; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out;}
	.btn_menu span:nth-child(1) { top: 0;}
	.btn_menu span:nth-child(2) { top: 5px;}
	.btn_menu span:nth-child(3) { top: 10px;}
	.open .btn_menu span:nth-child(1) { top: 6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1;}
	.open .btn_menu span:nth-child(2) { width: 0; left: 50%;}
	.open .btn_menu span:nth-child(3) { top: 6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1;}
}
@media screen and (max-width:480px){
	.btn_menu { right: -28px; top: 0px; width: 28px; height:28px; }
}


/* contents */
.contents-wrap { position:relative; min-width: 1000px;}
.contents { float: right; width: calc(100%); min-height:calc(100vh - 120px); padding: 48px 50px 135px ; position: relative; background: #f9f9f9;}
.contents__title { font-size: 28px; font-weight: 700;  line-height: 1;}
.contents2-wrap { position:relative; min-width: 1000px;}
.contents2 { float: right; width: 100%; min-height:calc(100vh - 120px); padding: 48px 100px 135px ; position: relative; background: #f9f9f9;}
.contents2__title { font-size: 28px; font-weight: 700;  line-height: 1;text-align: center;}

hr.bd_title { margin:48px 0 0; padding: 0; border-color: #d5d5d5}
.article { margin-top: 48px}
.article__titlearea.lead { position: relative; margin: 60px 0 56px;}
.article__titlearea { position: relative;}
.article__titlearea .title { font-size: 21px; font-weight: 700; line-height: 1;}
.article__titlearea .btnarea { position: absolute; right: 0; top: -2px;}
.article__titlearea .btnarea li {display: inline-block; margin-left: 12px;}
.article__titlearea .btnarea li a { border-radius: 4px; font-size: 11px; line-height: 25px; width: 130px; text-align: center; display: inline-block;}
.article__block { margin-top: 24px;}
.contents-wrap .footer { position:absolute; bottom: 15px; left: 0px; right: 0; margin: 0}
.contents2-wrap .footer { position:absolute; bottom: 15px; left: 260px; right: 0; margin: 0}
/*
@media screen and (max-width:1200px){
	.contents { width: calc(100%); padding: 40px 44px 110px ;}
	.contents__title { font-size: 24px; }
	.contents2 { width: calc(100%); padding: 40px 44px 110px ;}
	.contents2__title { font-size: 24px; }
	hr.bd_title { margin:40px 0 0; }
	.article { margin-top: 40px}
	.article__titlearea.lead { margin: 48px 0;}
	.article__titlearea .title { font-size: 18px; }
	.article__titlearea .btnarea li { margin-left: 10px;}
	.article__titlearea .btnarea li a { font-size: 10px; line-height: 23px; width: 120px; }
	.article__block { margin-top: 20px;}
	.contents-wrap .footer { bottom: 13px; left: 0px; }
}
*/
@media screen and (max-width:768px){
	.contents-wrap { width: 100%; min-width: auto;}
	.contents { width: calc(100%); padding: 44px 30px 100px;}
	.contents__title { font-size: 22px; }
	.contents2-wrap { width: 100%; min-width: auto;}
	.contents2 { width: calc(100%); padding: 44px 30px 100px;}
	.contents2__title { font-size: 22px; }
	hr.bd_title { margin:30px 0 0; }
	.article { margin-top: 30px}
	.article__titlearea.lead { margin: 38px 0;}
	.article__titlearea .title { font-size: 16px; }
	.article__titlearea .btnarea li { margin-left: 10px;}
	.article__titlearea .btnarea li a { font-size: 9px; line-height: 21px; width: 108px; }
	.article__block { margin-top: 20px;}
	.article__titlearea .btnarea { top: -3px;}
	.contents-wrap .footer { bottom: 13px; left: 0px; }
}
@media screen and (max-width:480px){
	.contents { width: calc(100%); padding: 36px 14px 60px ;}
	.contents__title { font-size: 19px; }
	.contents2 { width: calc(100%); padding: 36px 14px 60px ;}
	.contents2__title { font-size: 19px; }
	hr.bd_title { margin:24px 0 0; }
	.article { margin-top: 24px}
	.article__titlearea.lead { margin: 24px 0;}
	.article__titlearea .title { font-size: 15px; }
	.article__titlearea .btnarea li { margin-left: 6px;}
	.article__titlearea .btnarea li a { font-size: 8px; line-height: 19px; width: 90px; border-radius: 3px; }
	.article__block { margin-top: 12px;}
	.article__titlearea .btnarea { top: -6px;}
	.contents-wrap .footer { bottom: 10px; }
}


/* トップページ */
.top-information { border-top: solid 1px #d5d5d5; background: white; width: 100%; border-bottom: solid 1px #d5d5d5;}
.top-information tr {position: relative; border-left: solid 1px #d5d5d5;border-right: solid 1px #d5d5d5; border-bottom: solid 1px #f4f4f4;}
.top-information tr:last-child { border-bottom:none;} 
.top-information tr:nth-child(even) { background:rgba(0,0,0,0.03);}
.top-information tr._check { background: rgba(249,221,221,.4);}
.top-information tr:nth-child(even)._check { background: rgba(249,221,221,0.55);}
.top-information tr._check2 { background: rgba(218, 250, 252,.4);}
.top-information tr:nth-child(even)._check2 { background: rgba(218, 250, 252,.55);}
.top-information__item td { vertical-align: middle; }
.top-information__item .day { font-size: 14px; font-weight: 700; padding: 0 18px; width: 152px; position: relative; z-index: 1;}
.top-information__item .day span { font-size: 12px; position: relative; top: -1px; margin-left: 8px; padding: 10px 0; }
.top-information__item .text { font-size: 12px;  position: relative; padding: 10px 12px 10px 0; z-index: 1; width: calc(100% - 202px); }
.top-information__item .btnarea { padding: 9px; position: relative; z-index: 1; width: 50px;}
.top-information__item .btnarea a { font-size: 11px; width: 55px; line-height: 34px; display: block; text-align: center; font-weight: 700; border-radius: 4px; float: right;}

@media screen and (max-width:768px){
	.top-information tr { padding: 10px 11px 11px; display: block;}
	.top-information__item .day { font-size: 14px; padding: 0 0 2px; width: 100%; display: block;}
	.top-information__item .day span { font-size: 12px; top: -1px; margin-left: 8px; padding: 10px 0; }
	.top-information__item .text { font-size: 12px; padding: 0; z-index: 1; width: 100%; display: block; line-height: 1.6;}
	.top-information__item .btnarea { padding:0; width: 50px; position: absolute; top: 9px; right: 7px;}
	.top-information__item .btnarea a { font-size: 9px; width: 50px; line-height: 20px; border-radius: 3px;}
}
@media screen and (max-width:480px){
	.top-information tr { padding: 10px 13px 13px;}
	.top-information__item .day { font-size: 13px; padding: 0 0 3px;}
	.top-information__item .day span { font-size: 11px; margin-left: 7px; }
	.top-information__item .text { font-size: 11px;}
	.top-information__item .btnarea { padding:0; width: 50px; position: absolute; top: 10px; right: 10px;}
	.top-information__item .btnarea a { font-size: 8px; width: 48px; line-height: 18px; border-radius: 3px;}
}

/* 検索用ユニット */
.main-searcharea { width: 100%; max-width: 800px;}
.main-searcharea table { border-left: solid 1px #d8d8db; border-top: solid 1px #d8d8db; width: 100%;}
.main-searcharea th,
.main-searcharea td { border-bottom: solid 1px #d8d8db; border-right: solid 1px #d8d8db;}
.main-searcharea th { background: rgba(0,0,25,.05); padding-left: 18px; vertical-align: middle; width: 161px;}
.main-searcharea td { padding: 8px 8px; vertical-align: middle; padding-left: 12px; background: white;}
.main-searcharea td p { float: left; width: 33px; text-align: center; padding-top:5px;}
.page-management .main-searcharea-btnarea { padding: 20px 0 20px; text-align: center;}
.main-searcharea-btnarea { padding: 25px 0 0px; text-align: center;}
.main-searcharea span { display: inline-block;}
.main-searcharea-btnarea .btm_text { font-size:11px; margin-top: 14px;}
.main-searcharea .select-wrap.small { width: 71px;}
.main-searcharea .select-wrap.middle { width: 100%; max-width: 220px;}
.main-searcharea .select-wrap.large { width: 100%; max-width: 400px;}
.main-searcharea .select-wrap.full { width: 100%; max-width: 700px;}
.to { padding-right: 9px; width: 24px!important;}

/* input */
select, input[type="date"],input[type="text"],input[type="email"],input[type="password"],input[type="password"] { height: 34px; border: solid 1px #dcdcdc; border-radius: 4px; background: white; font-size: inherit; box-shadow: 0px 1px 1px rgba(0,0,0,0.05) inset; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.05) inset; -webkit-box-s_hadow: 0px 1px 1px rgba(0,0,0,0.05) inset; -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.05) inset;}
select:focus, input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus { border-color: #49B1EC!important; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.4); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.4);}
input[type="text"],input[type="email"],input[type="password"] { padding-left: 13px; width: 100%;}
input[type="date"] { padding-left: 13px; width: 150px;}
.resultsarea-select input[type="checkbox"] { margin-right: 8px;}
select { padding-left: 10px; color: #333; width: 100%;}

@media screen and (max-width:768px){
	input[type="text"],input[type="email"] { padding-left: 13px; width: 100%;}
	select { padding-left: 8px;}
	.cb label { padding-left:34px; font-size: 12px; display: inline-block; cursor: pointer; position: relative;}
	.cb label:before { content: ''; width: 24px; height: 24px; display: inline-block; position: absolute; left: 0; background-color: #fff; border: solid 1px #ababab; border-radius: 4px; background: linear-gradient(white, #ddd); background: -moz-linear-gradient(white, #ddd); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ddd)); text-align: center;  line-height: 1; top: -2px;}
	.cb input[type=checkbox] { display: none;}
	.cb input[type=checkbox]:checked + label:before { content: '\2713'; font-size: 25px; color: #333; background-color:	#06f;}	
	.resultsarea-select .select-wrap { width: 80px;}
	.resultsarea-select .select-wrap select {  height: 28px; font-size: 12px; padding-left: 4px;}
	.page-management .resultsarea-select .select-wrap:after { right: 8px; top: 8px; content: "▼"; font-size: 7px;}
}
@media screen and (max-width:600px){
	input[type="text"],input[type="email"] { padding-left: 8px;}
	select, input[type="text"],input[type="email"],input[type="password"] { border-radius: 3px; height: 26px;}
	select { padding-left: 6px;}
	.page-management .select-wrap:after { right: 8px; top: 9px; font-size: 6px;}
}


/* step1 */
.order-step { margin-bottom: 60px;}
.order-step__item { display: inline-block; width: calc(20% - 16px); text-align: center; line-height: 70px; border-radius: 0px; font-size: 16px; font-weight: 600; border: solid 1.5px #555860; margin-right: 20px; position: relative; color: #353840; background: white;}
.order-step__item:last-child { margin-right:0;}
.order-step__item.current { background: #353840; color: white; border-color: #353840;}
.order-step__item:after { position:absolute; right: -17px; width: 12px; content: ""; background: url("/img/icon_arw_flow.png") no-repeat center; background-size: 100% auto; top: 0; bottom: 0;}
.order-step__item:last-child:after { display: none}
.article__titlearea .text { font-size:15px; font-weight: 400; margin-top: 22px;}
.article__titlearea._bar .title { background: #353840; color: white; line-height: 50px; padding-left: 17px; font-size: 16px; margin-bottom: 0px}
.article__titlearea._bar .text { margin-top: 36px;}
.card-list { padding-top: 33px; text-align: center;}
.card-list__item { width: 47%; margin: 0 1.5%; padding-bottom: 60px; display: inline-block; max-width: 440px; vertical-align: top;}
.card-list__item .imagearea { position: relative;} 
.card-list__item .image { position: relative; cursor: pointer;}
.card-list__item .image:after { border: solid 0px #37b38c; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
.card-list__item .image:hover:after { border: solid 7px #37b38c;}
.card-list__item .title { font-weight: 700; margin-top: 18px; font-size: 15px;}
.card-list__item .title span { color:white; display: inline-block; background: #37b38c; font-size:10px; line-height: 20px; padding: 0 6px; margin-right: 9px; position: relative; top: -1px; font-weight: 600; letter-spacing: 0.06em;}
.card-list__item .zoom { width: 36px; position: absolute; right: -12px; bottom: -12px; z-index: 10;} 
/*
@media screen and (max-width:1200px){
	.order-step { margin-bottom: 50px;}
	.order-step__item { width: calc(20% - 16px); line-height: 56px; font-size: 14px; border: solid 1.5px #555860; margin-right: 20px; }
	.order-step__item:after { right: -17px; width: 10px; }
	.article__titlearea .text { font-size:14px; margin-top: 20px;}
	.article__titlearea._bar .title { line-height: 44px; padding-left: 15px; font-size: 14px; }
	.article__titlearea._bar .text { margin-top: 30px;}
	.card-list { padding-top: 30px; }
	.card-list__item { padding-bottom: 50px;}
	.card-list__item .image:hover:after { border: solid 6px #37b38c;}
	.card-list__item .title { margin-top: 16px; font-size: 14px;}
	.card-list__item .title span { font-size:9px; line-height: 18px; padding: 0 5px; margin-right: 7px;}
	.card-list__item .zoom { width: 33px; right: -11px; bottom: -11px;} 
}
*/
@media screen and (max-width:768px){
	.order-step { margin-bottom: 33px;}
	.order-step__item { width: calc(20% - 9.6px); line-height: 44px; font-size: 12px; border: solid 1.25px #555860; margin-right: 12px; border-radius: 0px}
	.order-step__item span { display:none;}
	.order-step__item:after { right: -10px; width: 8px; }
	.article__titlearea .text { font-size:12px; margin-top: 12px;}
	.article__titlearea._bar .title { line-height: 40px; padding-left: 12px; font-size: 13px; }
	.article__titlearea._bar .text { margin-top: 24px;}
	.card-list { padding-top: 10px; }
	.card-list__item { padding-bottom: 30px;}
	.card-list__item .image:hover:after { border: solid 5px #37b38c;}
	.card-list__item .title { margin-top: 14px; font-size: 12px;}
	.card-list__item .title span { font-size:8px; line-height: 16px; padding: 0 4px; margin-right: 6px;}
	.card-list__item .zoom { width: 28px; right: -10px; bottom: -10px;} 
}
@media screen and (max-width:480px){
	.order-step { margin-bottom: 24px;}
	.order-step__item { width: calc(20% - 8px); line-height: 40px; font-size: 11px; margin-right: 10px; border-width: 1px;}
	.order-step__item:after { right: -9px; width: 8px; }
	.article__titlearea .text { font-size:11px; margin-top: 13px; line-height: 1.6;}
	.article__titlearea._bar .title { line-height: 35px; padding-left: 11px; font-size: 12px; }
	.article__titlearea._bar .text { margin-top: 20px;}
	.card-list { padding-top: 12px; }
	.card-list__item { padding-bottom: 24px; width: 100%; margin: 0; max-width: 250px;}
	.card-list__item .image:hover:after { border: solid 4px #37b38c;}
	.card-list__item .title { margin-top: 12px; font-size: 11px;}
	.card-list__item .title span { font-size:7px; line-height: 15px; padding: 0 3px; margin-right: 5px;}
	.card-list__item .zoom { width: 26px; right: -9px; bottom: -9px;} 
}

/* step3 form */
.postnum-search { width: 133px; height: 30px; display: inline-block; border: solid 1px #939393; border-radius: 4px; background: linear-gradient(white, #ddd); background: -moz-linear-gradient(white, #ddd); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ddd)); text-align: center; padding-top: 7px; line-height: 1; position: relative; top: 5px; left: 22px;}
.formarea-input textarea,.formarea select ,.page-history select ,
.formarea input[type="text"],.formarea input[type="email"] { border: solid 1px #dcdcdc; border-radius: 4px; background: white; height: 40px; float: left; margin-right: 0px; font-size: inherit; box-shadow: 0px 1px 1px rgba(0,0,0,0.07) inset; -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.07) inset; -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.07) inset; -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.07) inset;}
.formarea-input textarea:focus,.formarea select:focus,.page-history select:focus ,
.formarea input[type="text"]:focus,.formarea input[type="email"]:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)}
.formarea input[type="text"],.formarea input[type="email"] { padding-left: 12px;}
.formarea input[type="checkbox"] { margin-right: 8px;}
.formarea input[type="radio"] { margin:0 8px 0 0; position: relative; top: 0px;}
.formarea textarea { width: 100%; height: 190px; padding: 11px 13px;}
.formarea-radio { padding-top: 0px;}
.formarea-radio-item { margin-top: 12px;}

.has-error input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力されていません";}

.has-gray input[type="text"] ,.has-gray input[type="email"] { color: #000000!important; border-color: #000000!important; background: #dedede; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-gray input[type="text"]:focus, .has-gray  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
/*.has-gray:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力されていません";}*/

.has-error-01 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-01 input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-01:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力されていません";}
.has-error-02 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-02  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-02:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角数値で入力してください";}
.has-error-03 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-03  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-03:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角英数で入力してください";}
.has-error-04 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-04  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-04:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。文字数が多すぎます";}
.has-error-05 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-05  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-05:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です";}
.has-error-06 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-06  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-06:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "この郵便番号は存在しません";}
.has-error-07 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-07  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-07:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "郵便番号と都道府県・住所が一致しません";}
.has-error-08 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-08  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-08:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "選択されていません";}
.has-error-09 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-09  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-09:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。文字数が少なすぎます";}
.has-error-10 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-10  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-10:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。確認用と一致しません";}

.has-error-11 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-11  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-11:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "このE-mail(ログインID)は既に使用されています";}

.has-error-12 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-12  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-12:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角英字と半角数値を組み合わせる必要があります";}
.has-error-13 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-13  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-13:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角英字の大文字と小文字、半角数値を組み合わせる必要があります";}
.has-error-14 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-14  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-14:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角英字と半角数値、記号(!\"#$%&'()*+,-./:;)を組み合わせる必要があります";}
.has-error-15 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-15  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-15:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。半角英字の大文字と小文字、半角数値、記号(!\"#$%&'()*+,-./:;)を組み合わせる必要があります";}
.has-error-16 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-16  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-16:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "入力内容が不正です。同じ文字が連続で3回以上使用されています";}
.has-error-17 input[type="text"] ,.has-error input[type="email"] { color: #de5353!important; border-color: #de5353!important; background: #fdf7f7; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}
.has-error-17  input[type="text"]:focus, .has-error  input[type="email"]:focus { border-color: #de5353; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353; box-shadow: inset 0 1px 1px rgba(0,0,0,.03), 0 0 4px #de5353;}
.has-error-17:after { color: #de5353; font-weight: bold; width: 100%; clear: both;  padding-top: 6px; display: block; content: "パスワードが確認証と一致しません";}


.formarea select,
.select-wrap { display: inline-block; float: left; margin-right: 12px; position: relative; cursor: pointer;}
.select-wrap:after { position: absolute; right: 15px; top: 13px; content: "▼"; font-size: 8px;}
.select-wrap select{ outline:none; -moz-appearance: none; text-overflow: ''; vertical-align: middle; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.select-wrap select option { background-color: #fff; color: #1d1d1d;}
.select-wrap select::-ms-expand { display: none;}
.select-wrap select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #333;}
#select_address .select-wrap  { width: 100%;}
.select-wrap.small,
.formarea-input input.small { width: 100%; max-width: 150px;}
.select-wrap.middle,
.formarea-input input.middle { width: 100%; max-width: 270px;}
.formarea-input input.large { width: 100%; max-width: 500px;}
.formarea-input input.full { width: 100%; max-width: 845px;}
.formarea-input.tel input { width: 105px;}
.formarea-input.tel input.first { width: 85px;}
.formarea-input.tel input[type="text"] { margin: 0;}
.formarea .fc { padding-top:10px;}
.dash { display: inline-block; float: left; width: 36px; padding-top: 5px; text-align: center;}
.subtitle { display: inline-block; float: left; width: 100px; padding-top: 5px; text-align: center;}
.subtitle_right { display: inline-block; float: left; width: 100px; padding-top: 5px; padding-right: 10px; text-align: right;}
.unitval { display: inline-block; float: left; width: 50px; padding-top: 5px; text-align: center;}
.formarea-block2 { margin: 60px 0 0}
.formarea-block2__title { font-size: 16px; background: rgba(0,0,0,.04); border-bottom: solid 1px #dcdcdc;  border-top: solid 1px #dcdcdc; padding:8px 10px 8px 10px; background-repeat: no-repeat; background-size: 26px; background-position:8px center; }
.formarea-block2__title._company {background-image: url("../img/icon_company.png"); padding-left: 40px;}
/*
@media screen and (max-width:1200px){
	.formarea-input textarea,.formarea select ,.page-history select ,
	.formarea input[type="text"],.formarea input[type="email"] { height: 36px; margin-right: 0px; font-size: 13px; padding-left: 10px;}
	.has-error::after { font-size: 13px;}
	.formarea select, .select-wrap { margin-right: 10px;}
	.select-wrap::after { right: 13px; top: 11px; font-size: 7px}
	.formarea .fc { padding-top: 9px;}
	.formarea-block2 { margin: 50px 0 0;}
	.formarea-block2__title { font-size: 14px; padding-left: 10px; background-size: 24px; background-position: 7px center; padding: 7px 10px 7px 10px;}
	.formarea-block2__title._company { padding-left: 37px;}
	.select-wrap.small,
	.formarea-input input.small { width: 100%; max-width: 130px;}
	.select-wrap.middle,
	.formarea-input input.middle { width: 100%; max-width: 220px;}
	.formarea-input input.large { width: 100%; max-width: 400px;}
	.formarea-input input.full { width: 100%; max-width: 700px;}
}
*/
@media screen and (max-width:768px){
	.formarea-input textarea,.formarea select ,.formarea input[type="text"] ,.formarea input[type="email"] { margin-right: 3%;}
	.formarea .last-child { margin-right: 0!important;}
	.formarea input[type="radio"] { margin:0 7px 0 0; }
	.formarea-input textarea,.formarea select ,.page-history select ,
	.formarea input[type="text"],.formarea input[type="email"] { height: 34px; margin-right: 0px; font-size: 12px; border-radius: 3px; padding-left: 10px;}
	.has-error::after { font-size: 11px; padding-top: 5px;}
	.formarea select, .select-wrap { margin-right: 7px;}
	.select-wrap::after { right: 10px; top: 10px}
	.formarea .fc { padding-top: 7px;}
	.formarea-block2 { margin: 40px 0 0;}
	.formarea-block2__title { font-size: 13px; padding-left: 8px; background-size: 20px; background-position: 7px center; padding: 7px 10px 7px 10px;}
	.formarea-block2__title._company { padding-left: 33px;}
	.select-wrap.small,
	.formarea-input input.small { width: 100%; max-width: 150px;}
	.select-wrap.middle,
	.formarea-input input.middle { width: 100%; max-width: 250px;}
	.formarea-input input.large { width: 100%; max-width:360px;}
	.formarea-input input.full { width: 100%; max-width: 660px;}
}
@media screen and (max-width:600px){
	.select-wrap.small,
	.formarea-input input.small { width: 49%; margin-bottom: 5px; max-width:200px;}
	.select-wrap.middle  { width: 49%; max-width: 200px;}
	.formarea select, .select-wrap { margin-right: 2%;}
	.formarea-input input.middle { width: 100%; max-width: none;}
	.formarea-input input.large { width: 100%; max-width: 600px;}
	.formarea-input input.full { width: 100%; max-width: 600px;}
}
@media screen and (max-width:480px){
	.formarea select ,.page-history select ,.formarea input[type="text"],.formarea input[type="email"] { height: 32px;}
	.formarea input[type="text"],.formarea input[type="email"] { padding-left: 8px;}
	.formarea select,.page-history select { padding-left: 6px;}
	.formarea-input input.middle { max-width: none; width: 100%;}
	.formarea-input.tel input { width: 30%;}
	.formarea-input.tel input.first { width: 26%;}
	.formarea-input.tel input[type="text"] { margin: 0;}
	.email .formarea-input input[type="email"] { width: 100%;}
	.formarea input[type="radio"] { margin: 0 5px 0 0; width: 12px; top: 1px;}
	.formarea-block2 { margin: 40px 0 0;}
	.formarea-block2__title { font-size: 13px; padding-left: 8px; background-size: 20px; background-position: 6px center; padding: 7px 10px 7px 10px;}
	.formarea-block2__title._company { padding-left: 31px;}
}


/* step3 form 追加*/
.article__titlearea .bt_white { position: absolute; right: 10px; top: 11px; display: block; border-radius: 3px; font-size: 12px; line-height: 28px; padding: 0 13px; color: #333; font-weight: 500; background: white;}
.article__titlearea .bt_white:hover { color: #666;}
.formarea .bt_gray { font-size:12px;}
.formarea .bt_gray._right { left: 15px; top:5px;}
.formarea .tel .bt_gray._right { left: 17px;}
.formarea .bt_gray._bottom { left: 0px; margin-top: 10px}
.formarea .article__block { padding-bottom:60px;}
.formarea-box { margin-top: 18px}
.formarea-title { font-weight: 600; margin-bottom: 7px; font-size: 15px;}
.formarea-box .btm_text { display:block; clear: left; padding-top: 10px; font-size: 12px; font-weight: 400;}
.formarea-title.required:after { display: inline-block; border: solid 1px #de5353; position: relative; content: "必須"; background: white; color: #de5353; font-weight: normal; font-size: 10px; padding: 0 4px 1px ; line-height: 16px;  text-align: center; border-radius: 2px; left: 10px; top: -1.5px; font-weight: 600;}
.kanji-check__item { display: inline-block; margin-right:  6px; background: #353840; width: 80px; height: 80px; padding-top: 10px; line-height: 1; color: white; text-align: center; font-size: 54px;}
.formarea-cardlist { text-align: left;}
.formarea-cardlist__item { width: 32%; display: inline-block; margin-right: 2%; margin-bottom: 12px;}
.formarea-cardlist__item:nth-child(3n) { margin-right: 0;}
.formarea-cardlist__item label { font-size:13px;}
.formarea-cardlist__item .image { margin-top:8px;}
.formarea-facelist { text-align: left;}
.formarea-facelist__item { width: 10%; display: inline-block; margin-right: 2%; margin-bottom: 12px;}
.formarea-facelist__item:nth-child(3n) { margin-right: 0;}
.formarea-facelist__item label { font-size:13px;}
.formarea-facelist__item .image { margin-top:8px;}
.kanolist-large-box { width: 800px; float: left;}
.kanolist-large-box._right select { margin-right: 0;}
.kanolist-large-box .title { font-size: 13px; margin-bottom: 8px; font-weight: 600; }
.kanolist-large-box select { height: 150px; padding:5px 0px; overflow: auto; -webkit-overflow-scrolling: touch}
.kanolist-large_large-box select option { margin-bottom: 0px; padding-left: 12px;}
.kanolist-_largebtnarea { float: left; padding: 60px 14px 0;}
.kanolist-large-btnarea a { display:block; margin: 6px 0; width: 33px; height: 33px; position: relative;}
.kanolist-large-btnarea a:after { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; background-position: center; background-size: 18px; background-repeat: no-repeat;}
.kanolist-large-btnarea a._l:after { background-image: url("../img/icon_arw2_l.png")}
.kanolist-large-btnarea a._r:after { background-image: url("../img/icon_arw2_r.png")}
.ios .kanolist-large-box select { height: auto!important; padding: 3px 6px;}
.ios .kanolist-large-btnarea { padding: 1.5em 14px 0; }

.kanolist-box { width: 360px; float: left;}
.kanolist-box._right select { margin-right: 0;}
.kanolist-box .title { font-size: 13px; margin-bottom: 8px; font-weight: 600; }
.kanolist-box select { height: 150px; padding:5px 0px; overflow: auto; -webkit-overflow-scrolling: touch}
.kanolist-box select option { margin-bottom: 0px; padding-left: 12px;}
.kanolist-btnarea { float: left; padding: 60px 14px 0;}
.kanolist-btnarea a { display:block; margin: 6px 0; width: 33px; height: 33px; position: relative;}
.kanolist-btnarea a:after { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; background-position: center; background-size: 18px; background-repeat: no-repeat;}
.kanolist-btnarea a._l:after { background-image: url("../img/icon_arw2_l.png")}
.kanolist-btnarea a._r:after { background-image: url("../img/icon_arw2_r.png")}
/*
@media screen and (max-width:1200px){
	.article__titlearea .bt_white { right: 10px; top: 9px; border-radius: 2px; font-size: 11px; line-height: 26px; padding: 0 12px; }
	.formarea .bt_gray { font-size:11px;}
	.formarea .bt_gray._right { left: 12px; top:4px;}
	.formarea .tel .bt_gray._right { left: 15px;}
	.formarea .bt_gray._bottom { margin-top: 10px}
	.formarea .article__block { padding-bottom:40px;}
	.formarea-box { margin-top: 14px}
	.formarea-title { margin-bottom: 6px; font-size: 13px;}
	.formarea-box .btm_text { padding-top: 8px; font-size: 11px; }
	.formarea-title.required:after { font-size: 8px; padding: 0 4px 1px ; line-height: 14px; left: 8px; top: -2px;}
	.kanji-check__item { margin-right: 5px; width: 68px; height: 68px; padding-top: 8px; font-size: 48px;}
	.formarea-cardlist__item { margin-bottom: 10px;}
	.formarea-cardlist__item label { font-size:12px;}
	.formarea-cardlist__item .image { margin-top:7px;}
	.kanolist-box { width: 300px; }
	.kanolist-box .title { font-size: 12px; margin-bottom: 6px;}
	.kanolist-box select { height: 140px; padding:3px 0px; }
	.kanolist-box select option { padding-left: 10px;}
	.kanolist-btnarea { padding: 54px 12px 0;}
	.kanolist-btnarea a { margin: 6px 0; width: 30px; height: 30px;}
}
*/
@media screen and (max-width:768px){
	.article__titlearea .bt_white { right: 8px; top: 9px; border-radius: 2px; font-size: 10px; line-height: 22px; padding: 0 8px; }
	.formarea .bt_gray { font-size:10px;}
	.formarea .bt_gray._right {left: 10px; top:3px;}
	.formarea .tel .bt_gray._right { left: 13px;}
	.formarea .bt_gray._bottom { margin-top: 8px}
	.formarea .article__block { padding-bottom:36px;}
	.formarea-box { margin-top: 13px}
	.formarea-title { margin-bottom: 5px; font-size: 12px;}
	.formarea-box .btm_text { padding-top: 6px; font-size: 10px; line-height: 1.5; }
	.formarea-title.required:after { font-size: 7px; padding: 0 4px 1px ; line-height: 12px; left: 7px; top: -2px;}
	.kanji-check__item { margin-right: 4px; width: 50px; height: 50px; padding-top: 6px; font-size: 36px;}
	.formarea-cardlist__item { margin-bottom: 8px;}
	.formarea-cardlist__item label { font-size:11px;}
	.formarea-cardlist__item .image { margin-top:5px;}
	.kanolist-box { max-width: 300px; width: calc(50% - 23px); }
	.kanolist-box .title { font-size: 11px; margin-bottom: 5px;}
	.kanolist-box select { height: 120px; padding:4px 0px; }
	.kanolist-box select option { }
	.kanolist-btnarea { padding: 44px 9px 0;}
	.kanolist-btnarea a { margin: 6px 0; width: 28px; height: 28px;} 
	.kanolist-btnarea a:after { background-size: 15px; }
	.ios .kanolist-box select { padding: 3px 6px;}
	.ios .kanolist-btnarea { padding: 1.4em 9px 0; }
}
@media screen and (max-width:600px){
	.formarea-cardlist__item:nth-child(n) { width: 49%; display: inline-block; margin-right: 2%; margin-bottom: 10px;}
	.formarea-cardlist__item:nth-child(2n) { margin-right: 0;}
	.formarea .bt_gray._right {left: 0px; top:0px; margin: 7px 0;}
}
@media screen and (max-width:480px){
	.article__titlearea .bt_white { right: 8px; top: 8px; border-radius: 2px; font-size: 9px; line-height: 18px; padding: 0 8px 1px; }
	.formarea .bt_gray { font-size:10px;}
	.formarea .bt_gray._bottom { margin-top: 8px}
	.formarea .article__block { padding-bottom:30px;}
	.formarea-box { margin-top: 11px}
	.formarea-title { margin-bottom: 5px; font-size: 12px;}
	.formarea-box .btm_text { padding-top: 6px; font-size: 9px; line-height: 1.5 }
	.formarea-title.required:after { font-size: 7px; padding: 0 4px 1px ; line-height: 12px; left: 7px; top: -2px;}
	.kanji-check__item { margin-right: 3px; width: 42px; height: 42px; padding-top: 5px; font-size: 30px;}
	.formarea-cardlist__item { margin-bottom: 6px;}
	.formarea-cardlist__item label { font-size:10px;}
	.formarea-cardlist__item .image { margin-top:4px;}
	.kanolist-box { max-width: 300px; width: calc(50% - 23px); }
	.kanolist-box .title { font-size: 11px; margin-bottom: 5px;}
	.kanolist-box select { height: 120px; padding:1px 0px; }
	.kanolist-box select option {padding-left: 8px;}
	.kanolist-btnarea { padding: 44px 9px 0;}
	.kanolist-btnarea a { margin: 6px 0; width: 28px; height: 28px;} 
	.kanolist-btnarea a:after { background-size: 15px; }
	.ios .kanolist-box select { padding: 3px 6px;}
	.ios .kanolist-btnarea { padding: 1.3em 9px 0; }
}


/* check */
.formarea .check { background:white; border: solid 1px #ddd; border-radius: 10px; padding: 45px 50px 50px; margin-bottom:40px; margin-top: 60px;}
.check-title { font-size:18px; padding: 0 0 3px;}
.check-box { font-size: 15px; margin-top: 14px;}
.check-box-title { float: left; width: 160px; position: relative; vertical-align: top;}
.check-box-input:before { content: ":"; text-align: right; position: absolute; top:-1px; vertical-align: top; left: -10px;}
._image .check-box-input:before { display:none;}
.check-box-input { float: left; width: calc(100% - 160px); position: relative;}
/*
.check-box-input figure { max-width: 320px; margin-bottom: 5px;}
*/
.check-box-input figure { max-width: 640px; margin-bottom: 5px;}
.check .bd_title { margin:40px 0;}
/*
@media screen and (max-width:1200px){
	.formarea .check { border-radius: 9px; padding: 36px 40px 40px; margin-bottom: 30px; margin-top: 44px;}
	.check-title { font-size:16px; padding: 0 0 3px;}
	.check-box { font-size: 14px; margin-top: 11px;}
	.check-box-title { width: 140px;}
	.check-box-input { width: calc(100% - 140px);}
	.check-box-input:before { left: -10px; top:-1px;}
	.check-box-input figure { max-width: 560px; margin-bottom: 5px;}
	.check .bd_title { margin:36px 0;}
}
*/
@media screen and (max-width:768px){
	.formarea .check { border-radius: 8px; padding:32px 35px 35px; margin-bottom: 20px; margin-top: 33px;}
	.check-title { font-size:15px; padding: 0 0 2px;}
	.check-box { font-size: 13px; margin-top: 8px;}
	.check-box-title { width: 110px;}
	.check-box-input { width: calc(100% - 110px);}
	.check-box-input:before { left: -10px; top:-1px;}
/*
	.check-box-input figure { max-width: 250px; margin-bottom: 4px;}
*/
	.check-box-input figure { max-width: 500px; margin-bottom: 4px;}

	.check .bd_title { margin:30px 0;}
}
@media screen and (max-width:480px){
	.formarea .check { border-radius: 7px; padding: 19px 23px 23px; margin-bottom: 12px; margin-top: 24px;}
	.check-title { font-size:12px; padding: 0 0 1px;}
	.check-box { font-size: 11px; margin-top: 6px; line-height: 1.6}
	.check-box-title { width: 85px;}
	.check-box-input { width: calc(100% - 85px);}
	.check-box-input:before { left: -8px; top:-1px;}
/*
	.check-box-input figure { max-width: 180px; margin-bottom: 3px;}
*/
	.check-box-input figure { max-width: 360px; margin-bottom: 3px;}
	.check .bd_title { margin:22px 0;}
}