@charset "UTF-8";
/* CSS Document */

/* ================================================
 
 sign in / sign out / register
 
================================================ */

h1.h1_signin {
position: relative;
padding: 118px 0px 45px;
font-size: 2.5rem;
font-weight: 500;
text-align: center;
color: #e22b48;
}
h1.h1_signin:before {
content: "";
position: absolute;
top: 80px;
left: 50%;
width: 48px;
height: 48px;
background-image: url("../images/sign_in_h1_icon.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.sign_waku {
width: 90%;
max-width: 630px;
margin: 0px auto;
}
.sign_waku.gray {
margin-bottom: 40px;
padding: 45px 0px 35px;
background: #f4f5f7;
border-radius: 5px;
}
.sign_waku.change {
margin-top: 25px;
}
ul.sign_tab {
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 25px;
}
ul.sign_tab li {
display: flex;
justify-content: center;
align-items: center;
width: 48.5%;
margin: 0px;
padding: 12px 0px;
font-size: 1.8rem;
font-weight: 500;
color: #fff;
text-align: center;
background: #e22b48;
border: 1px solid #e22b48;
border-radius: 5px;
}
ul.sign_tab li.sign {
padding: 0px;
}
ul.sign_tab li a {
display: block;
margin: -12px 0px;
padding: 12px 0px;
width: 100%;
color: #e22b48;
background: #fff;
border-radius: 4px;
transition: 1s;
}
ul.sign_tab li.sign a {
display: flex;
justify-content: center;
align-items: center;
margin: 0px;
width: 100%;
height: 100%;
}
ul.sign_tab li a:hover {
color: #fff;
background: #e22b48;
}

/* sign out */

h1.h1_signout {
padding: 45px 0px 30px;
font-size: 1.7rem;
font-weight: 500;
text-align: center;
}
.sign_out {
margin: 140px auto 200px;
width: 80%;
max-width: 375px;
background: #fff;
border-radius: 5px;
filter: drop-shadow(0px 0px 10px #ccc);
}
ul.sign_tab.out {
width: 85%;
margin: 0px auto;
padding: 0px 0px 40px;
}
ul.sign_tab.out li {
font-size: 1.6rem;
background: none;
border: none;
}
ul.sign_tab.out li a {
margin: 0px 5px;
padding: 8px 0px;
color: #fff;
background: #e22b48;
}
ul.sign_tab.out li a:hover {
color: #e22b48;
background: #f7e9ec;
border: 1px solid #e22b48;
}
ul.sign_tab.out li a.cancel {
color: #333;
background: #e1e1e1;
border: 1px solid #e1e1e1;
}
ul.sign_tab.out li a.cancel:hover {
color: #fff;
background: #91a0a6;
border: 1px solid #91a0a6;
}
.sign_input {
margin: 0px auto;
width: 80%;
max-width: 468px;
}
.sign_input.change {
width: 85%;
max-width: 515px;
}
.vali {
display: block;
margin: -12px 0px 10px;
font-size: 1.2rem;
color: #e22b48;
}
.vali.register {
margin: -20px 0px 15px;
}
.sign_chu {
display: flex;
justify-content: space-between;
margin: -10px 0px 0px;
width: 100%;
}
.sign_chu .stay {
width: 50%;
}
.sign_chu .forget {
display: flex;
justify-content: flex-end;
width: 50%;
}
.sign_chu .forget a {
position: relative;
font-size: 1.25rem;
font-weight: 500;
text-align: right;
}
.sign_chu .forget a:after { /* アンダーラインがaタグの下端から現れる */
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #e22b48;
bottom: 10px;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.3s;
}
.sign_chu .forget a:hover:after {
transform: scale(1, 1); /* hover後x軸方向に1（相対値）伸長 */
}
.bn_sign_in {
display: flex;
justify-content: center;
margin-top: 10px;
}
.bn_sign_in a {
display: block;
width: 80%;
max-width: 230px;
padding: 13px 0px;
color: #fff;
font-size: 1.9rem;
font-weight: 500;
text-align: center;
background: #e22b48;
border: 1px solid #e22b48;
border-radius: 5px;
}
.bn_sign_in a:hover {
color: #e22b48;
background: #fff;
}
.regis_complete {
padding: 20px 25px 40px;
font-size: 1.6rem;
font-weight: 500;
text-align: center;
line-height: 200%;
}
.regis_complete:last-child {
padding: 0px 0px 60px;
}

/*   input   */

.sign_waku input.field {
margin: 0px 0px 25px;
padding: 15px 17px;
width: 100%;
font-size: 1.5rem;
color: #333;
background: #fff;
border: 1px solid #e22b48;
border-radius: 5px;
}

/* phone number */
.vali02 {
display: block;
padding: 0px 0px 5px 8px;
color: #757575;
}
.vali03 {
display: block;
padding: 0px 0px 5px 0px;
color: #333;
}
.vali_phone {
display: flex;
justify-content: space-between;
}
.sign_waku input.field.input02 {
width: 70%;
}
.vali_phone .input01 {
width: 27%;
}
.sign_waku .vali_phone .nice-select {
width: 100%;
}

.sign_waku input.field.change {
padding: 13px 17px;
}
.control {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 15px;
cursor: pointer;
font-size: 1.25rem;
font-weight: 500;
}
.control:hover {
color: #e22b48;
transition: 1s;
}
.control:after { /* アンダーラインがaタグの下端から現れる */
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #e22b48;
bottom: -3px;
transform: scale(0, 1);
transform-origin: left top;
transition: transform 0.3s;
}
.control:hover:after {
transform: scale(1, 1); /* hover後x軸方向に1（相対値）伸長 */
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 5px;
left: 0;
height: 14px;
width: 14px;
background: #fff;
border: 1px solid #e22b48;
border-radius: 2px;
}
.control--radio .control__indicator {
border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
background: #e6e6e6;
}
.control input:checked ~ .control__indicator {
background: #e22b48;
}
.control input:disabled ~ .control__indicator {
background: #e6e6e6;
opacity: 0.6;
pointer-events: none;
}
.control__indicator:after {
content: '';
position: absolute;
display: none;
}
.control input:checked ~ .control__indicator:after {
display: block;
}
.control--checkbox .control__indicator:after {
left: 4px;
top: 0px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
border-color: #7b7b7b;
}

/*   select box   */

.sign_waku .nice-select {
margin: 0px 0px 25px !important;
padding: 14px;
height: auto;
line-height: inherit;
border-color: #e22b48;
}
.sign_waku .nice-select:hover {
border-color: #e22b48;
}
.regi_chu {
margin: -15px 0px 25px;
font-size: 1.3rem;
line-height: 120%;
}
.regi_chu.password {
margin: 0px 0px 25px;
padding: 0px 10px;
font-size: 1.5rem;
text-align: center;
line-height: 140%;
}

/* register change */

span.regi_change {
display: block;
padding-bottom: 5px;
font-size: 1.5rem;
font-weight: 700;
}
.bn_regi_change {
display: flex;
justify-content: center;
margin: 40px 0px 50px;
}
.bn_regi_change a.modify,
.bn_regi_change a.cancel {
display: block;
width: 50%;
max-width: 230px;
margin: 0px 15px;
padding: 13px 0px;
color: #fff;
font-size: 1.9rem;
font-weight: 500;
text-align: center;
background: #e22b48;
border: 1px solid #e22b48;
border-radius: 5px;
}
.bn_regi_change a.cancel {
background: #91a0a6;
border: 1px solid #91a0a6;
}
.bn_regi_change a.modify:hover {
color: #e22b48;
background: #fff;
}
.bn_regi_change a.cancel:hover {
color: #91a0a6;
background: #fff;
}

@media screen and (max-width: 768px) {
  h1.h1_signin {
  font-size: 2.0rem;
  padding: 60px 0px 20px;
  }
  h1.h1_signin:before {
  top: 40px;
  width: 30px;
  height: 30px;
  }
  h1.h1_signout {
  padding: 25px 15px 20px;
  font-size: 1.6rem;
  }
  .sign_waku.gray {
  padding: 20px 0px 20px;
  }
  ul.sign_tab {
  margin-bottom: 15px;
  }
  ul.sign_tab li {
  padding: 0px;
  font-size: 1.6rem;
  line-height: 120%;
  height: 50px;
  }
  ul.sign_tab li a {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0px;
  height: 48px;
  }
  .sign_waku input.field {
  margin: 0px 0px 15px;
  padding: 12px 17px;
  }
  .vali.register {
  margin-top: -10px;
  line-height: 120%;
  }
  .sign_out_waku {
  margin: 0px auto 30px;
  padding-top: 25px;
  }
  .sign_out {
  margin: 0px auto 40px;
  }
  ul.sign_tab.out {
  padding-bottom: 25px;
  width: 90%;
  }
  ul.sign_tab.out li {
  height: 40px;
  }
  .regis_complete {
  padding: 10px 25px 20px;
  font-size: 1.5rem;
  }
  .regi_chu {
  margin: -10px 0px 15px;
  font-size: 1.2rem;
  }
  .regi_chu.change {
  margin-top: -5px;
  }
  span.regi_change {
  font-size: 1.4rem;
  }
  .bn_regi_change {
  justify-content: space-between;
  margin: 20px 0px 40px;
  }
  .bn_regi_change a.modify,
  .bn_regi_change a.cancel {
  margin: 0px;
  width: 47%;
  }
  .vali_phone {
  display: block;
  }
  .sign_waku input.field.input02 {
  width: 100%;
  }
  .vali_phone .input01 {
  width: 55%;
  }
  .sign_waku .vali_phone .nice-select {
  margin-bottom: 10px !important;
  width: 100%;
  }
}

/* ================================================
 
 password
 
================================================ */

h1.h1_password:before {
content: "";
position: absolute;
top: 80px;
left: 50%;
width: 40px;
height: 47px;
background-image: url("../images/password_h1_icon.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.bn_sign_in.password {
margin-top: 0px;
}
.bn_sign_in.password a {
width: 60%;
max-width: 180px;
}
@media screen and (max-width: 768px) {
  h1.h1_password:before {
  top: 40px;
  width: 30px;
  height: 30px;
  }
}

/* ================================================
 
 mypage
 
================================================ */

.mypage_waku {
margin: 5px auto;
padding: 0px;
width: 93%;
max-width: 910px;
background: #fff;
border: 2px solid #e8e8e8;
}
.my_head {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
h1.h1_mypage_top {
position: relative;
padding: 12px 10px 12px 50px;
font-size: 1.75rem;
font-weight: 500;
color: #e22b48;
}
h1.h1_mypage_top:before {
content: "";
position: absolute;
top: 50%;
left: 30px;
width: 26px;
height: 26px;
background-image: url("../images/sign_in_h1_icon.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.myhead_left {
display: flex;
justify-content: flex-end;
}
.name_id {
font-size: 1.35rem;
}
.name_id span {
padding: 0px 8px;
letter-spacing: 0;
}
a.mypage_logout {
display: block;
margin-right: 15px;
padding: 1px 10px;
font-size: 1.2rem;
color: #fff;
background: #858585;
border-radius: 3px;
}
a.mypage_logout:hover {
background: #bbb;
}
.my_cont_waku {
padding: 15px 0px 5px;
background: #fff4f4;
border-top: 2px solid #e8e8e8;
}
.my_cont {
margin: 0px auto 7px;
width: 93%;
}
/* my_cont01 */
.my_cont01 {
padding: 10px 0px 0px;
background: #fff;
border: 2px solid #e8e8e8;
}
.my_cont01 h2.h2_infottl {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding-bottom: 10px;
text-align: center;
font-size: 1.4rem;
color: #5d5d5d;
}
.my_cont01 h2.h2_infottl:before {
display: inline-block;
content: "";
width: 30px;
height: 26px;
background-image: url("../images/info_icon.png");
background-repeat: no-repeat;
background-size:  25px 26px;
}
.my_cont01 dl.infotxt {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-right: 35px;
border-top: 1px solid #e7e7e7;
}
.my_cont01 dl.infotxt dt {
width: 15%;
padding: 14px;
font-size: 1.4rem;
line-height: 130%;
color: #5d5d5d;
border-top: 1px solid #e7e7e7;
}
.my_cont01 dl.infotxt dd {
width: 85%;
padding: 14px;
font-size: 1.4rem;
line-height: 130%;
color: #e22b48;
border-top: 1px solid #e7e7e7;
}
.my_cont01 dl.infotxt dd.new {
position: relative;
}
.my_cont01 dl.infotxt dd.new:before {
content: "●";
display: inline-block;
font-size: 1.8rem;
color: #e22b48;
margin-top: -10px;
padding-right: 5px;
}
.my_cont01 dl.infotxt dd a {
color: #e22b48;
text-decoration: underline;
}
.my_cont01 dl.infotxt dd a:hover {
color: #5d5d5d;
opacity: 0.7;
text-decoration: none;
}
.my_cont01 dl.infotxt dt:nth-of-type(1),
.my_cont01 dl.infotxt dd:nth-of-type(1) {
border: none;
}
/* my_cont02 */
.my_cont02 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
border: none;
}
.my_cont02 a.cont_se {
position: relative;
display: flex;
align-items: center;
margin: 0px 0px 6px;
padding: 60px 0px 20px;
width: 49.55%;
height: 110px;
background: #fff;
border: 2px solid #e8e8e8;
}
.my_cont02 a.cont_se:last-child {
width: 100%;
margin: 0px;
}
.my_cont02 a.cont_se:hover {
color: #fff;
background: #e22b48;
border: 2px solid #e8e8e8;
border-radius: 5px;
}
.my_cont02 a.cont_se h2.h2_second {
margin: 0px auto;
font-size: 1.3rem;
line-height: 130%;
text-align: center;
}
.my_cont02 a.cont_se:nth-of-type(1),
.my_cont02 a.cont_se:nth-of-type(2) {
margin-bottom: 6px;
}
.my_cont02 a.cont_se:before {
content: "";
position: absolute;
top: 40px;
left: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
a.cont_se.follow:before {
width: 28px;
height: 28px;
background-image: url("../images/follow_icon02.png");
}
a.cont_se.heart:before {
width: 33px;
height: 29px;
background-image: url("../images/favorite_icon02.png");
}
a.cont_se.inquire:before {
width: 28px;
height: 28px;
background-image: url("../images/product_icon02.png");
}
a.cont_se.inquire_ms:before {
width: 32px;
height: 31px;
background-image: url("../images/product_icon_check02.png");
}
a.cont_se.feedback:before {
width: 33px;
height: 33px;
background-image: url("../images/feedback_icon.png");
}
a.cont_se.chat:before {
width: 38px;
height: 33px;
background-image: url("../images/chat_icon.png");
}
a.cont_se.chat_on:before {
width: 43px;
height: 33px;
background-image: url("../images/chat_icon_on.png");
}
a.cont_se.register:before {
width: 30px;
height: 27px;
background-image: url("../images/regist_icon.png");
}
/* hover */
a.cont_se.follow:hover:before {
background-image: url("../images/follow_icon02_hover.png");
}
a.cont_se.inquire:hover:before {
background-image: url("../images/product_icon02_hover.png");
}
a.cont_se.inquire_ms:hover:before {
background-image: url("../images/product_icon_check02_hover.png");
}
a.cont_se.feedback:hover:before {
background-image: url("../images/feedback_icon_hover.png");
}
a.cont_se.chat:hover:before {
background-image: url("../images/chat_icon_hover.png");
}
a.cont_se.chat_on:hover:before {
background-image: url("../images/chat_icon_on_hover.png");
}
a.cont_se.register:hover:before {
background-image: url("../images/regist_icon_hover.png");
}
/* my_cont04 */
.my_cont04 {
padding: 7px 0px 5px;
background: #fff;
border: 2px solid #e8e8e8;
}
.my_cont04 h2.h2_recently {
display: flex;
align-items: center;
justify-content: center;
margin: 15px auto 15px;
font-size: 1.5rem;
line-height: 130%;
text-align: center;
}
.my_cont04 h2.h2_recently:before {
content: "";
display: inline-block;
width: 32px;
height: 25px;
background-image: url("../images/recent_icon.png");
background-repeat: no-repeat;
background-size: 23px 100%;
}
/* slider */
.slider-recently {
margin: 20px auto 0px;
width: 96%;
}
.slider-recently .slick-track {
display: flex;
}
.slider-recently .slick-track li {
position: relative;
margin: 0px 5.5px;
height: auto !important;
border: 2px solid #e8e8e8;
border-radius: 3px;
}
.slider-recently .slick-track li a {
display: block;
padding: 0.5em 0px;
margin: 0 0px 3px;
width: 100%;
overflow: hidden;
}
.slider-recently .slick-track li a:hover {
opacity: 0.7;
background: #fff7f2;
}
.slider-recently img {
width: 100%;
height: 100px;
object-fit: scale-down;
}
/* 画像をエリアにフィットさせる
.slider-recently img {
height: 100px;
object-fit: cover;
width: 100%;
}
*/
.cate_label.recently {
top: 0.65em;
left: 0em;
font-size: 1.05rem;
}
.slider-recently p {
padding: 5px 3px 0px;
font-size: 1.25rem;
font-weight: 700;
line-height: 130%;
}
/* slick setting */
.slider-recently .slick-prev,
.slider-recently .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
color: #eb98a5;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
border: none;
outline: none;
background: transparent;
z-index: 1 !important;
}
.slider-recently .slick-prev { left: -30px !important; }
.slider-recently .slick-next { right: -18px !important; }
.slider-recently .slick-prev:before,
.slider-recently .slick-next:before {
position: absolute;
font-family: "Font Awesome 5 Free" !important;
font-weight: 900;
font-size: 25px;
top: 0px;
color: #eb98a5 !important;
}
.slider-recently .slick-prev:before {
content: '\f053' !important;
}
.slider-recently .slick-next:before {
content: '\f054' !important;
}
.slider-recently .slick-dotted.slick-slider {
margin-bottom: 40px !important;
}
.slider-recently .slick-dots {
bottom: -30px !important;
}
.slider-recently .slick-dots li {
width: 10px !important;
margin: 0px 3px !important;
}
.slider-recently .slick-dots li button:before {
font-size: 3.8rem !important;
}
.slick-dots li button:before {
color: #e22b48 !important;
opacity: 0.4;
}
.slick-dots li.slick-active button:before {
opacity: 1 !important;
}
@media screen and (min-width: 769px) {
  .mypage_waku {
  margin: 17px auto;
  }
  h1.h1_mypage_top {
  padding: 18px 10px 18px 50px;
  }
  .my_cont_waku {
  padding: 25px 0px 35px;
  }
  .my_cont01 {
  padding: 7px 0px 0px;
  }
  .my_cont01 h2.h2_infottl {
  padding-bottom: 7px;
  }
  .my_cont01 dl.infotxt dt,
  .my_cont01 dl.infotxt dd {
  padding: 13px;
  }
  .my_cont04 h2.h2_recently {
  margin: 20px auto 15px;
  }
  .slider-recently {
  width: 88%;
  margin: 30px auto 0px;
  }
  .slider-recently .slick-dots li {
  width: 15px !important;
  }
}
@media screen and (max-width: 768px) {
  .slider-recently .slick-prev,
  .slider-recently .slick-next {
  display: none !important;
  }
}
@media screen and (min-width: 835px){
  .my_cont_waku {
  padding: 30px 0px 25px;
  }
  .my_cont01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0px 10px;
  }
  .my_cont01 h2.h2_infottl {
  width: 27%;
  padding-bottom: 0px;
  }
  .my_cont01 h2.h2_infottl:before {
  width: 37px;
  height: 28px;
  background-size: 29px 28px;
  }
  .my_cont01 dl.infotxt {
  border-top: none;
  width: 73%;
  }
  .my_cont01 dl.infotxt dt {
  width: 10%;
  }
  .my_cont01 dl.infotxt dd {
  width: 90%;
  height: 100%;
  }
  .my_cont02 a.cont_se,
  .my_cont03 a.cont_se {
  margin: 0px;
  padding: 80px 0px 35px;
  width: 49.8%;
  height: 150px;
  }
  .my_cont02 a.cont_se:nth-child(-n+3) {
  width: 32.78%;
  }
  .my_cont02 a.cont_se:last-child {
  width: 49.5%;
  }
  .my_cont02 a.cont_se:before {
  top: 58px;
  }
}

/* ================================================
 
 infomation
 
================================================ */

.my_cont01 .info_area {
padding-bottom: 10px;
width: 85%;
margin: 0px auto;
}
.my_cont01 h2.h2_infottl02 {
margin-bottom: 20px;
padding: 5px 15px 15px;
width: 100%;
font-size: 1.5rem;
text-align: center;
border-bottom: 2px solid #e8e8e8;
}
.my_cont01 .info_area p {
margin-bottom: 10px;
line-height: 135%;
}
.my_cont01 .info_area a {
display: block;
margin-bottom: 10px;
color: #e22b48;
text-decoration: underline;
}
.my_cont01 .info_area a:hover {
text-decoration: none;
}
@media screen and (min-width: 835px){
  .my_cont01 h2.h2_infottl02 {
  margin-bottom: 30px;
  padding: 20px 30px 30px;
  font-size: 2.0rem;
  }
  .my_cont01 .info_area {
  padding-bottom: 30px;
  }
}

/* ================================================
 
 follow
 
================================================ */

h1.h1_follow {
position: relative;
padding: 65px 0px 45px;
font-size: 3.0rem;
font-weight: 700;
text-align: center;
border-bottom: 2px solid #e8e8e8;
}
h1.h1_follow:before {
content: "";
position: absolute;
top: 35px;
left: 50%;
width: 28px;
height: 28px;
background-image: url("../images/follow_icon02.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.companies.follow_list {
margin: 50px auto 0px;
}
.companies .follow {
width: 13.44%;
margin: 0px 5px;
}
.companies .follow figure,
.companies .follow.remove .figure {
margin-bottom: 0px;
}
.companies .follow .logos {
width: 100%;
height: 50px; /* 画像の高さ設定 */
padding: 0px 15%;
}
.companies .follow .logos img {
height: 50px; /* 画像の高さ設定 */
}
.companies .follow .name {
margin-bottom: 50px;
font-size: 1.35rem;
}
/* banner */
.bn_follow {
display: flex;
justify-content: center;
margin-top: 25px;
margin-bottom: 50px;
}
.bn_follow a {
display: block;
width: 80%;
max-width: 230px;
padding: 13px 0px;
color: #fff;
font-size: 1.9rem;
font-weight: 500;
text-align: center;
background: #91a0a6;
border: 1px solid #91a0a6;
border-radius: 5px;
}
.bn_follow a:hover {
color: #fff;
background: #e22b48;
border: 1px solid #e22b48;
}
.bn_follow a.remove {
background: #e22b48;
border: 1px solid #e22b48;
}
.bn_follow a.remove:hover {
background: #ef97a5;
border: 1px solid #ef97a5;
}
/* remove */
.companies.follow_list.remove {
margin: 30px auto 0px;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slideUp;
animation-name: slideUp;
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.companies .follow.remove {
margin-bottom: 30px;
padding-top: 20px;
text-align: center;
transition: all 0.7s ease-in-out;
}
.companies .follow.remove:hover {
cursor: pointer;
background: #ececec;
border-radius: 7px;
transition: all 0.7s ease-in-out;
}
.companies .follow.remove.checked {
background: #ececec;
border-radius: 7px;
}
.companies .follow.remove label {
cursor: pointer;
}
.companies .follow.remove .inner,
.companies .follow.remove:hover .inner {
mix-blend-mode: multiply; /* 乗算 */
transition: all 0.7s ease-in-out;
}
.companies .follow.remove .name {
margin-bottom: 0px;
}
/* checkbox */
.label--checkbox {
position: relative;
margin: 0.5rem;
font-family: Arial, sans-serif;
line-height: 135%;
cursor: pointer;
}
.checkbox {
position: relative;
top: -0.375rem;
margin: 0 1rem 20px 0;
cursor: pointer;
}
.checkbox:before {
content: "";
position: absolute;
left: 0.1rem;
z-index: 1;
width: 1.3rem;
height: 1.3rem;
border: 2px solid #aeaeae;
transition: all .3s ease-in-out;
}
.checkbox:checked:before {
top: -0.5rem;
width: 1.8rem;
height: 1rem;
border-color: #e22b48;
border-top-style: none;
border-right-style: none;
transform: rotate(-45deg);
}
.checkbox:after {
content: "";
position: absolute;
top: -0.125rem;
left: 0;
width: 1.7rem;
height: 1.7rem;
cursor: pointer;
}
.button--round {
width: 2rem;
height: 2rem;
background: #5677fc;
border-radius: 50%;
box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
color: #fff;
text-decoration: none;
text-align: center;
transition: .3s background ease-in-out;
}
.button--round i {
font-size: 1rem;
line-height: 220%;
vertical-align: middle;
}
.button--round:hover {
background: #3b50ce;
}
.button--sticky {
position: fixed;
right: 2rem;
top: 16rem;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media only screen and (max-width: 599px) {
  h1.h1_follow,
  h1.h1_follow.h1_favorite {
  padding: 55px 0px 20px;
  font-size: 2.3rem !important;
  }
  .companies.follow_list {
  margin: 30px auto 0px;
  }
  .companies .follow,
  .companies .follow.remove {
  width: 35%;
  margin: 0px 5%;
  }
  .companies .follow.remove {
  margin: 0px 5% 15px;
  }
  .companies .follow figure {
  margin-bottom: 10px;
  }
  .companies .follow:nth-of-type(odd) {
  margin-left: 10%;
  }
  .companies .follow:nth-of-type(even) {
  margin-right: 10%;
  }
  .companies .follow .name {
  margin-bottom: 0px;
  padding-bottom: 0px;
  }
  .bn_follow {
  margin-top: 20px;
  margin-bottom: 50px;
  }
}

/* ================================================
 
 favorite
 
================================================ */

h1.h1_follow.h1_favorite:before {
content: "";
position: absolute;
top: 35px;
left: 50%;
width: 33px;
height: 29px;
background-image: url("../images/favorite_icon02.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.favo_read {
margin: 35px 0px 0px;
font-size: 1.4rem;
text-align: center;
}
.favorite {
margin-top: 25px;
padding: 20px;
background: #fff4f4;
border-radius: 5px;
}
.favorite .cate_label {
top: 1.0em;
left: 1.0em;
}
.favorite a.a_wrap {
padding: 0px;
margin: 8px 15px 20px;
width: 17.4%;
background: #fff;
border-radius: 0px;
}
.favorite .thumb {
position: relative;
height: 140px;
overflow: hidden;
background: #fff;
}
.favorite .thumb img {
width: 100%;
height: 100%;
object-fit: scale-down;
transition-duration: 0.3s;
}
.favorite .thumb img:hover {
opacity: 0.7;
transform: scale(1.1);
transition-duration: 0.3s;
}
.favorite .txt_area {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 53px;
background: #fff;
}
.favorite .txt_area .entry_title {
margin: 0px;
padding: 6px 5px 10px 15px;
font-size: 1.35rem;
line-height: 130%;
width: 80%;
}
.favorite .txt_area .entry_title:hover {
opacity: 0.7;
}
.favorite .txt_area .favo_i {
margin: 0px 10px 0px 0px;
padding: 0px;
width: 16%;
}
.favo_read .favo_i span,
.favorite .txt_area .favo_i span {
display: flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
font-size: 1.9rem;
color: #e6335b;
text-align: center;
background: #e8eaec;
border-radius: 50px;
transition-duration: 0.3s;
}
.favorite .txt_area .favo_i span:hover{
color: #fff;
background: #fbc4d0;
transition-duration: 0.3s;
}
.favo_read .favo_i {
display: inline-block;
margin-right: 5px;
}
@media screen and (max-width: 834px) {
  h1.h1_follow:before,
  h1.h1_follow.h1_favorite:before {
  top: 35px;
  }
  .favorite {
  margin-top: 15px;
  }
  .list_card_favo {
  justify-content: space-around;
  margin: 4px 0px 3px;
  }
  .favo_read {
  text-align: left;
  margin: 15px 20px 0px 25px;
  font-size: 1.3rem;
  }
  .favorite {
  padding: 10px;
  border-radius: 0px;
  }
  .favorite a.a_wrap {
  width: 45.4%;
  margin: 8px 8px 8px;
  }
  .favorite .thumb {
  height: 100px;
  }
  .favorite .txt_area .entry_title {
  padding: 6px 5px 5px 10px;
  font-size: 1.25rem;
  }
  .favorite .txt_area .favo_i {
  margin: 0px;
  width: 20%;
  }
  .favorite .cate_label {
  top: 0.5em;
  left: 0.5em;
  }
  .favo_read .favo_i span,
  .favorite .txt_area .favo_i span {
  width: 28px;
  height: 28px;
  font-size: 1.6rem;
  }
}

/* ================================================
 
 inquired product
 
================================================ */
/*
h1.h1_inquired_product {
border-bottom: 0px !important;
}
h1.h1_inquired_product:before {
background-image: url("../images/product_icon02.png");
}
.companies.inquired_product {
margin-top: 0px;
padding-top: 40px;
background: #fff4f4;
}
table.inquired_product_waku {
margin: 0px auto 50px;
width: 90%;
max-width: 879px;
border-radius: 5px;
border: 1px solid #cdcdcd;
overflow: hidden;
border-collapse: separate;
}
table.inquired_product_waku tr:hover td {
background-color: #f2faff;
}
table.inquired_product_waku th {
padding: 12px 10px;
width: 11%;
font-size: 1.35rem;
font-weight: 500;
text-align: center;
color: #636363;
line-height: 140%;
background-color: #fff;
border-bottom: solid 1px #cdcdcd;
vertical-align: middle;
}
table.inquired_product_waku td {
padding: 12px 10px 12px 10px;
width: 87%;
font-size: 1.5rem;
font-weight: 500;
text-align: left;
color: #333;
line-height: 140%;
vertical-align: middle;
background-color: #fff;
border-left: solid 1px #cdcdcd;
border-bottom: solid 1px #cdcdcd;
}
table.inquired_product_waku .message_on,
table.inquired_product_waku tr:hover td.message_on {
background: #ffe4e7;
}
table.inquired_product_waku td.icon {
width: 8%;
padding: 12px 6px 12px 12px;
}
table.inquired_product_waku tr:last-child th,
table.inquired_product_waku tr:last-child td {
border-bottom: none;
overflow: hidden;
}
table.inquired_product_waku a:hover {
color: #005980;
text-decoration: underline;
opacity: 1;
}
table.inquired_product_waku .icon_icon {
display: flex;
justify-content: center;
align-items: center;
}
.icon_icon_sp {
display: none;
}
a.icon_search,
span.icon_search_none {
display: block;
width: 39px;
height: 38px;
background:url("../images/icon_search_off.png");
}
span.icon_search_none {
background:url("../images/icon_search_none.png");
}
.icon_search:hover {
background:url("../images/icon_search_hover.png");
}
a.icon_message {
display: block;
width: 46px;
height: 38px;
background:url("../images/icon_message_off.png");
}
.icon_message:hover {
background:url("../images/icon_message_hover.png");
}
a.icon_message_on {
width: 46px;
height: 38px;
background:url("../images/icon_message_on.png");
}
a.icon_message_on:hover {
background:url("../images/icon_message_on_hover.png");
}
@media screen and (max-width: 834px) {
  h1.h1_inquired_product {
  padding: 60px 0px 30px !important;
  }
  .companies.inquired_product {
  padding-top: 25px;
  }
  table.inquired_product_waku {
  margin-bottom: 30px;
  }
  table.inquired_product_waku th {
  padding: 12px 5px 12px 5px;
  width: 22%;
  font-size: 1.25rem;
  text-align: center;
  }
  table.inquired_product_waku td {
  padding: 10px 8px;
  width: 72%;
  font-size: 1.3rem;
  }
  table.inquired_product_waku td a {
  margin: 0px !important;
  }
  table.inquired_product_waku td.icon {
  padding: 12px 7px;
  width: 49px;
  }
  .icon_icon {
  display: none !important;
  }
  .icon_icon_sp {
  display: block;
  }
  .icon_icon_sp a {
  margin: 0px !important;
  }
  .icon_icon_sp img {
  width: 35px;
  height: 28px;
  }
}

/* ================================================
 
 chat room
 
================================================ */

h1.h1_chat {
border-bottom: 0px !important;
}
h1.h1_chat:before {
top: 40px;
width: 38px;
height: 33px;
background-image: url("../images/feedbak_icon02.png");
}
.companies a,
.companies a:nth-of-type(odd),
.companies a:nth-of-type(even) {
margin: 0px;
}
.companies.chat {
margin-top: 0px;
padding-top: 40px;
background: #fff4f4;
}
dl.chat_product {
display: flex;
margin: 20px auto 0px;
padding: 0px;
width: 90%;
max-width: 879px;
}
dl.chat_product dt {
padding: 8px 8px;
width: 15%;
font-size: 1.35rem;
font-weight: 700;
color: #fff;
text-align: center;
background: #91a0a6;
border-top-left-radius: 5px;
}
dl.chat_product dd {
position: relative;
padding: 8px 15px 8px 15px;
width: 86%;
background: #fff;
border: 1px solid #e3e3e3;
border-bottom: none;
border-top-right-radius: 5px;
}
dl.chat_product a {
padding: 11px 25px 10px 20px;
width: 100%;
font-size: 1.45rem;
color: #245c72;
}
dl.chat_product a:before,
dl.chat_product dd.txt:before {
content: "";
position: absolute;
top: 13px;
left: 13px;
width: 15px;
height: 15px;
background-image: url("../images/inquire_product_icon.png");
background-size: 100% 100%;
opacity: 0.8;
}
dl.chat_product dd.txt {
padding: 8px 15px 8px 35px;
font-size: 1.45rem;
line-height: 140%;
}
dl.chat_product input {
color: #245c72;
width: 100%;
}
dl.chat_product a:hover {
text-decoration: underline;
}

/* attachment */

dl.chat_attach {
display: flex;
margin: 15px 0px 0px;
/* margin: 0px auto; */
padding: 0px;
width: 90%;
max-width: 879px;
border: 1px solid #e3e3e3;
/* border-top: none; */
border-radius: 5px;
}
dl.chat_attach dt {
display: flex;
align-items: center;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
width: 15%; 
font-size: 1.35rem;
font-weight: 700;
color: #5d5d5d;
background: #f0f0f0;
border: none;
border-radius: 0px;
}
dl.chat_attach dd {
display: flex;
flex-wrap: wrap;
padding: 10px 5px 10px 0px;
width: 85%;
background: #fff;
border: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
dl.chat_attach a {
position: relative;
width: auto;
margin-left: 8px !important;
padding: 5px 5px 6px 20px;
font-size: 1.3rem;
color: #245c72;
border: none;
text-decoration: underline;
}
dl.chat_attach a:hover {
background: #e3e3e3;
border-radius: 5px;
}
dl.chat_attach a:before {
content: "";
position: absolute;
top: 4px;
left: 3px;
width: 15px;
height: 15px;
background-image: url("../images/file_icon_off.png");
}
.chat_wrap {
margin: 0px auto;
padding-top: 5px;
width: 90%;
height: 500px;
max-width: 879px;
background: #fff;
border-radius: 5px;
border: 1px solid #e3e3e3;
overflow-y: auto;
}
.chat_wrap.attatch {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.chat_wrap table.chat {
margin: 5px 15px 15px 20px;
width: 95.5%;
border-collapse: collapse;
line-height: 100%;
}
.chat_wrap table.chat tr:last-child>*:first-child,
 .chat_wrap table.chat tr:last-child>*:last-child { /* table最後の罫線削除 */
 border-bottom: none;
 }
table.chat th {
padding: 25px 10px 25px 0px;
width: 50px;
border-bottom: 1px dotted #ccc;
}
table.chat td {
padding: 25px 0px 25px 0px;
vertical-align: top;
text-align: left;
font-weight: 700;
border-bottom: 1px dotted #ccc;
}
table.chat .c_nopat,
table.chat .c_customer {
margin: 0px 0px 6px 0px;
font-size: 1.45rem;
color: #4b8097;
}
table.chat td span {
padding-left: 12px;
font-size: 1.25rem;
color: #858585;
}
table.chat .c_customer {
color: #e22b48;
}
table.chat .c_mess {
margin: 0px 0px 4px 0px;
font-size: 1.4rem;
font-weight: 500;
}
table.chat a.c_url {
position: relative;
display: block;
padding: 0px 0px 9px 0px;
text-indent: 19px;
width: 100%;
font-size: 1.4rem;
font-weight: 500;
color: #e22b48;
line-height: 130%;
text-decoration: underline;
opacity: 0.7;
}
table.chat a.c_url:before {
content: "";
position: absolute;
top: 10px;
left: 7px;
width: 15px;
height: 15px;
background-image: url("../images/mypage_chat_url.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
table.chat a.c_url:hover {
text-decoration: none;
opacity: 1;
}
.chat_wrap_url {
margin: 20px auto 0px;
width: 90%;
max-width: 879px;
}
.chat_wrap_bottom {
display: flex;
align-items: center;
margin: 0px auto 55px;
padding: 11px;
width: 90%;
max-width: 879px;
background: #f0f0f0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid #e3e3e3;
}
.chat_wrap_bottom .txtarea {
width: 86%;
}
.chat_wrap_bottom .txtarea dl.chat_attach {
margin-top: 0px;
width: 100%;
}
.chat_wrap_bottom .txtarea dl.chat_attach dt {
width: 18%;
background: #fff;
border-right: 1px solid #e3e3e3;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
dl.chat_attach span.attach_alarm {
display: block;
padding-left: 10px; 
width: 100%;
font-size: 1.4rem;
font-weight: 700;
color: #e22b48;
}
dl.chat_attach span.attach_alarm:before {
content: none;
}
.chat_wrap_bottom textarea {
width: 100%;
padding: 15px;
height: 150px;
font-size: 1.45rem;
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 3px;
}
.chat_wrap_bottom .bn_area {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 14%;
margin: 15px 15px 0px 25px;
}
.chat_wrap_bottom a {
display: block;
padding: 6px 0px;
width: 100%;
color: #fff;
font-size: 1.78rem;
font-weight: 500;
text-align: center;
background: #e22b48;
border: 1px solid #e22b48;
border-radius: 5px;
}
.chat_wrap_bottom a.file {
margin-top: 12px;
padding: 4px 0px;
color: #494949;
font-size: 1.3rem;
font-weight: 500;
background: #fff;
border: 1px solid #929292;
}
.chat_wrap_bottom a.attach {
display: flex;
align-items: center;
padding: 1px 0px 1px 10px;
background: #fff;
}
.chat_wrap_bottom a.attach:hover {
font-size: 700 !important;
background: none;
border: none;
}




dl.chat_attach.bottom a:before {
display: none;
}
.img_container {
width: 15px;
height: 15px;
margin: 0px 2px 0px 0px;
position: relative;
overflow: hidden;
}
.img_container img {
width: 100%;
height: 100%;
}
.img_container img:nth-child(1) {
opacity: 0;
transition: opacity 0.5s;
}
.img_container:hover img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
opacity: 1;
transition: opacity 0.5s;
}
.img_container img:nth-child(2){
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.img_container:hover img:nth-child(2){
opacity: 0;
transition: opacity 0.5s;
}







.chat_wrap_bottom span {
position: relative;
display: block;
margin: 0px auto;
padding: 0px 0px 0px 27px;
}
.chat_wrap_bottom span:before {
content: "";
position: absolute;
top: 50%;
left: 32px;
width: 24px;
height: 19px;
background-image: url("../images/chat_send_icon.png");
background-size: 100% 100%;
-webkit-transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
transform: translate(-50%,-50%); /* positionに対して要素を中央に配置させる */
}
.chat_wrap_bottom a.file span {
padding: 0px 0px 0px 18px;
}
.chat_wrap_bottom a.file span:before {
left: 18px;
width: 15px;
height: 15px;
background-image: url("../images/file_icon_off.png");
}
.chat_wrap_bottom a:hover {
background: #de002f;
border: 1px solid #de002f;
opacity: 1;
}
.chat_wrap_bottom a.file:hover {
color: #fff;
background: #969696;
border: 1px solid #969696;
}
.chat_wrap_bottom a.file:hover span:before {
background-image: url("../images/file_icon_on.png");
}
.chat_wrap_bottom .bn_chu {
margin-top: 0px;
width: 100%;
color: #e22b48;
font-size: 1.1rem;
font-weight: 700;
text-align: right;
}
@media screen and (max-width: 834px) {
  .companies.chat {
  padding-top: 20px;
  }
  .chat_wrap table.chat {
  width: 92.5%;
  }
  table.chat a.c_url {
  font-size: 1.3rem;
  }
  table.chat a.c_url:before {
  top: 9px;
  }
  dl.chat_product {
  margin-top: 25px;
  margin-bottom: 0px;
  }
  dl.chat_product,
  dl.chat_product a {
  display: block;
  }
  dl.chat_product dt,
  dl.chat_product a {
  width: 100%;
  margin: 0px !important;
  border-top-right-radius: 5px;
  }
  dl.chat_product dt {
  padding: 3px 8px;
  font-size: 1.35rem;
  }
  dl.chat_product a {
  padding: 0px 5px 0px 23px;
  font-size: 1.35rem;
  line-height: 130%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  }
  dl.chat_product a:before {
  top: 12px;
  left: 16px;
  }
  dl.chat_product dd {
  width: 100%;
  border-top-right-radius: 0px;
  }
  dl.chat_product dd.txt {
  padding-bottom: 15px;
  border-bottom: none;
  border-radius: 0px;
  }
  dl.chat_attach {
  flex-wrap: wrap;
  }
  dl.chat_attach dt,
  dl.chat_attach dd {
  width: 100%;
  }
  dl.chat_attach dd {
  padding-top: 15px;
  }
  dl.chat_attach a {
  margin: 0px 2% 10px !important;
  padding: 8px 15px 8px 29px !important;
  background: #f0f0f0;
  border: 1px solid #ccc;;
  border-radius: 200px;
  }
  dl.chat_attach a:before {
  top: 7px !important;
  left: 12px;
  }
  .attach_alarm {
  margin-bottom: 13px !important;
  }
  .chat_wrap {
  padding-top: 0px;
  height: 200px;
  }
  .chat_wrap table.chat {
  margin: 5px 15px 5px 15px;
  }
  table.chat th,
  table.chat td {
  padding-top: 15px;
  padding-bottom: 15px;
  }
  table.chat th img {
  width: 30px;
  height: 30px;
  }
  table.chat .c_mess {
  font-size: 1.35rem;
  }
  .chat_wrap_bottom {
  display: block;
  margin-bottom: 20px;
  padding: 12px 8px 4px;
  }
  .chat_wrap_bottom .txtarea {
  width: 100%;
  }
  .chat_wrap_bottom .txtarea dl.chat_attach dt {
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #e3e3e3;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 0px;
  }
  .chat_wrap_bottom .txtarea dl.chat_attach dd {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 5px;
  }
  .chat_wrap_bottom .txtarea dl.chat_attach a {
  padding: 4px 15px 4px 29px !important;
  }
  .chat_wrap_bottom textarea {
  padding: 10px;
  width: 100%;
  height: 70px;
  font-size: 1.3rem;
  }
  .chat_wrap_bottom a {
  margin: 3px auto 0px !important;
  padding: 8px 0px;
  width: 47%;
  font-size: 1.6rem;
  }
  .chat_wrap_bottom span {
  padding: 0px 0px 0px 26px;
  }
  .chat_wrap_bottom span:before {
  left: 39px;
  }
  .chat_wrap_bottom a.file {
  margin-top: 0px !important;
  padding: 8px 0px;
  font-size: 1.4rem;
  }
  .chat_wrap_bottom .bn_area {
  width: 94%;
  max-width: inherit;
  margin: 10px auto 0px;
  }
  .chat_wrap_bottom .bn_chu {
  font-size: 1.2rem;
  }
}

/* ================================================
 
 feedback
 
================================================ */

.h1_feedback {
border-bottom: 0px !important;
}
h1.h1_feedback:before {
width: 42px;
height: 42px;
background-image: url("../images/feedback_icon.png");
}
.feedback_txt {
margin: -10px 20px 0px;
text-align: center;
}
.feedback_gray {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 20px auto;
padding: 30px 20px;
width: 100%;
max-width: 628px;
background: #f4f5f7;
border-radius: 5px;
}
.feedback_gray form,
.feedback_txtarea {
width: 100%;
max-width: 468px;
}
.feedback_gray form .current {
color: #767676;
}
.feedback_gray .nice-select.wide {
padding: 5px 12px;
height: auto;
}
.feedback_txtarea {
padding: 12px;
width: 100%;
max-width: 468px;
height: 150px;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 5px;
}
.bn_sign_in.feedback {
width: 100%;
margin-top: 25px;
}
.bn_sign_in.feedback a {
width: 57%;
}
@media screen and (max-width: 834px) {
  h1.h1_feedback:before {
  width: 32px;
  height: 32px;
  }
  .feedback_txt {
  text-align: left;
  }
  .feedback_gray {
  padding-bottom: 20px;
  }
  .feedback_txtarea {
  margin-top: 10px;
  height: 120px;
  }
  .bn_sign_in.feedback {
  margin-top: 15px;
  }
}

.h1_follow.h1_change:before {
width: 30px;
height: 27px;
background-image: url("../images/regist_icon.png");
}