<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

html { scroll-behavior:smooth; visibility: hidden; }
html.wf-active {visibility: visible; }
body { font-family: "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS PMincho", "MS 明朝", serif;font-style: normal; font-size:15px; letter-spacing:0.1em; line-height:2em; background:#fff; color:#000; font-weight:300; overflow: hidden; box-sizing: border-box;}

* {margin: 0;padding: 0;}
.br_sp { display:block; }
.br_pc {display: none;}
.pc {display: none;}
.inline_sp { display:block;}
.inline_pc { display:none;}
.margintop0 { margin-top:0;}
.margintop50 { margin-top:50px;}
.margintop50sp { margin-top:50px;display:block; }
@media screen and (min-width: 668px) {
  .inline_sp { display:none;}
  .inline_pc { display:inline;}
  .sp { display:none; }
  .br_sp { display:none; }
}
@media screen and (min-width:992px) {
  .inline_sp { display:none;}
  .inline_pc { display:block;}
  .pc {display:block;}
  .sp { display:none; }
  .br_pc {display:block;}
  .margintop50sp  { display:noone; }
}

.element:hover {
  cursor: pointer;
}

/*共通*/
a { color:#000; }
.beige { background:#F8F8F8; }
.gothic { font-family: "游ゴシック体", YuGothic, "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

/*コンテンツ*/
main { width:100%; border-bottom:1px solid #000;}
.contents_wrap { width:100%; position:relative; }
.contents { width:90%; display:block; margin:0 auto; position:relative; z-index:1; }
@media screen and (min-width:768px) {
  .contents { max-width:1090px; display:block; margin:0 auto; position:relative; z-index:1; }
}

.contents h2 { font-size:18px; margin-bottom:20px; font-weight:normal; text-align:left; }
@media screen and (min-width:768px) {
.contents h2 { font-size:24px; margin-bottom:35px;  }
}

.contents_wrap.paper { width:100%; height:auto; background: url(../img/paper.jpg)repeat; padding:50px 0; margin-top:50px; }

/*コンテンツの見出し*/
.st_title { width:100%; font-size:22px; text-align:left; margin:50px 0 20px 0; display:block; text-align: justify;}
@media screen and (min-width:768px) {
  .st_title { font-size:24px; text-align:center; margin:80px 0 40px 0; display:block; }
}

.p_center { width:100%; text-align:left; margin-bottom:30px; display:block; text-align: justify; line-height:1.7em; } 
@media screen and (min-width:768px) {
  .p_center { text-align:center; margin-bottom:100px; display:block; } 
}


.st_top { font-size:22px; letter-spacing:0.1em; margin-bottom:30px; display:block; line-height:1.7em; }
@media screen and (min-width:992px) {
  .contents h2 { margin-top:65px; text-align:center; }
  .st_top { margin-bottom:30px; }
}
.p_lead { width:100%; margin-bottom:50px; text-align: justify;}
.img_top { width:100%; }
.ul_column2 { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.ul_column2 li { width:100%; margin-bottom:30px; text-align:center; text-align:left; }
.ul_column2 li img { width:100%; }
.ul_column2 li span { width:100%; display:inline-block; color:#fff; font-size:14px; }
.ul_column2 li span .icon_arrow { width:12px; margin-left:10px; }
@media screen and (min-width:992px) {
  .ul_column2 li { width:48%; }
}

.ul_column3 { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
.ul_column3 li { width:100%; margin-bottom:30px; text-align:center; }
.ul_column3 li p { text-align:justify;}
.ul_column3 .li_title { width:100%; margin-bottom:0px; text-align:center; }
.ul_column3 li img { width:100%; }
.ul_column3 li span { width:100%; display:inline-block; color:#fff; font-size:14px; }
.ul_column3 li span .icon_arrow { width:12px; margin-left:10px; }
.ul_column3 li p { }
@media screen and (min-width:992px) {
  .ul_column3 li { width:33%; margin-bottom:0; }
}



.p_message { line-height:2.1em; }

/*下層ページのトップ*/
.div_top_underlayer { width:100%; }
.div_top_underlayer img { width:100%; }
@media screen and (min-width:768px) {
  .div_top_underlayer { height:300px; overflow:hidden;}
}


.marginbottom30 { display:inline-block; margin-bottom:30px; }
.marginbottom0 { display:inline-block; margin-bottom:0; }
.margintop50 { display:inline-block; margin-top:50px; }
.margintop20 { display:inline-block; margin-top:20px; }
.margintop10 { display:inline-block; margin-top:10px; }
.margin0 { display:inline-block; margin:0; }
.paddiing50 { display:inline-block; padding:50px 0; }


/*問い合わせボタン*/
.button {width:80%;display:block; position: relative; background: #000;padding:10px 0; color: #fff;text-align: center;text-decoration: none;font-weight: bold;letter-spacing: .1rem;transition: .5s;margin:0 auto; }
.button:before { content: "";position: absolute;top: 46%;right: 12px;width: 10px;height: 2px;background: #fff;transform: rotate(45deg);}
.button:after {content: ""; position: absolute; top: 54%; right: 12px; width: 10px; height: 2px; background: #fff; transform: rotate(-45deg);}
  @media screen and (min-width:768px) {
    .button { width:260px; }
    .button:hover { background:#FF5724;}
    .button span { font-size:14px; font-weight:normal; }
  }


 /*会社概要*/ 
.dl_company { width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; margin-bottom:20px; }
.dl_company dt { width:100%; text-align:left; border-top:1px solid #fff; padding:0 0 0 0; display:flex; align-items:center;}
.dl_company dd { width:100%; text-align:left; border-top:1px solid #D0D0D0; padding:5px 0 0 0; display:flex; align-items:center; line-height:1.375; }
@media screen and (min-width:992px) {
    .dl_company { width:90%; margin:0 auto; margin-bottom:0; }
    .dl_company dt { width:19.5%; background:#F7F7F7; padding:10px 10px 10px 20px; } 
    .dl_company dd { width:80%; padding-left:1%; padding:10px 10px 10px 20px; } 
    
}

/*共通問い合わせ*/
.contact_box {width:100%;height:300px; overflow:hidden; position:relative; margin-top:50px; z-index:10;}
.fadeLeft {position: absolute;top: 50px;}
.fadeRight {position: absolute; bottom:-50px;z-index: 1;}
.contact_black { height:280px; }
.contact_box .contact_text { width:100%;  position:relative; z-index:100; margin-top:0px; }
.contact_box .contact_text a { width:100%; height:100%; display:block; }
@media screen and (min-width: 768px) {
  .fadeRight {position: absolute;bottom: -180px;z-index: 1;}
  .contact_black { height:auto; }
  .contact_box  {width:100%;height:450px; overflow:hidden; /*position:relative; */margin-top:50px; z-index:1;}
  .contact_box .contact_text { max-width:1100px;margin: 0 auto; /* 左右のマージンを自動で計算して真ん中に配置 */position: absolute;z-index: 5;
    left: 50%;transform: translateX(-50%); /* 水平方向に中央揃え */display: block;}
    .contact_box .contact_text a { width:100%; height:100%; }
    .contact_box .contact_text a:hover { opacity:0.7; }  
    .contact_box .contact_text a img {
      opacity: 1;
      transition: opacity 0.3s ease, transform 0.3s ease; /* トランジションを追加 */
      margin-left:10px; 
  }
  
  .contact_box .contact_text a:hover img {
      opacity: 0.7;
      transform: translateX(50px); /* ホバー時に移動 */
  }


}


.joinus { width:80%; margin:13vw auto 15px auto; display:block; }
@media screen and (min-width: 768px) {
.joinus { width:500px; margin:7vw 0 30px 0;}
}
.ul_entry .text { width:90%; margin:0px auto 0px auto;}
.ul_entry { width:90%; margin:0 auto; display:flex; flex-wrap:wrap; }
.ul_entry li { width:100%; text-align:center; }
@media screen and (min-width: 768px) {
  .ul_entry { margin-left:10%; }
  .ul_entry li { width:auto; }
  .ul_entry .div_entry { margin:0 auto; }
}

.div_entry {width:90%; height: 55px; margin:10px auto 0 auto; background: #EBFF00;display: block;transform: skewX(-10deg); text-align:center; }
.div_entry span {  display: block;transform: skewX(10deg); line-height:55px; }
@media screen and (min-width: 768px) {
.div_entry {width: 330px;height: 55px;background: #EBFF00;display: block;transform: skewX(-10deg); text-align:center; }
.div_entry span {  display: block;transform: skewX(10deg); line-height:55px; }
.div_entry a { width:100%; height:100%; }

.contents_wrap.paper.bottom { padding-bottom:300px; }
.contact_box { margin-top:0; }
@media screen and (min-width: 768px) {
  .contents_wrap.paper.bottom { padding-bottom:300px; }
  .contact_box { margin-top:-200px; }
}


@media screen and (min-width: 992px) {

}


@media screen and (min-width: 1200px) {
 
}
</pre></body></html>