@charset "UTF-8";

/*
Theme Name:Sumatora_TIGRISinc
Author：Tigris_inc.Mateo.F
部品（ほぼ共通）
*/

/* ヘッダー */
.header_fact {
    width: 100%;
    padding: 10px;
    position:relative;
    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
  }

  .header_fact .logoarea {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
  }

  .head_site_name .ttl{
    width:100%;
  }

  .header_face_logo {
    width: 35px;
  }

  .header_fact .ttl {
    font-size: 0.8rem;
    font-weight: bolder;
    padding: 0 0 0 10px;
    line-height: 1rem;
  }

  /* 開閉メニューの中身 */

   .menu-content ul{
     padding:20px 20px;
     margin:0;
     box-sizing:border-box;
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
   }

  .menu-content li{
    width: 75%;
    border-bottom: 1px dotted #fff;
    padding:20px;
  }

 .menu-content li a{
    color:#fff;    
  }

.menu-content{
  display:flex;
  flex-direction: column;
  align-content: space-around;
}

.sns__container{
  width: 100%;
  text-align: center;
}

  /* トップイメージ*/
 .frame_topimage{
  width: 100vw;
  background-image:url(../images/owl_topmain_2.png);
  height:200px; /* 最小, 画面追従, 最大 */
  background-size: cover;
  background-position: 40% 62%;
  background-repeat: no-repeat;
}

.frame_topimage .topimage{
  object-fit:contain;
  width:100%;
}

/* トップページレジュメコンテンツ */
.resume_wrap{
  padding: 40px 25px;
}

.resume_wrap .resume_title_wrap{
  padding:15px 0;
}

.resume_wrap .resume_title_wrap .text-sub{
  font-size:1.8rem;

  font-weight:bold;
  color:var(--color_m);
}

.resume_wrap .resume_title_wrap .resume-title{
  font-size:1rem;
  color:var(--color_m);
}

.resume_wrap .resume_contents_wrap{
  font-size:1rem;
}

.resume_wrap .resume_contents_wrap .resume-catch{
  font-size:1.2rem;
  line-height:3rem;
  font-weight:bold;
}

.resume_wrap .resume_contents_wrap .resume-text{
  font-size:1rem;
  text-align: justify;
}

.resume_wrap .resume_image_wrap{
  width:100%;
  overflow-x:hidden;
  overflow-y:hidden;
  padding: 15px 0;
  box-sizing: content-box;
  text-align: center;
}

.resume_wrap .resume_image_wrap .resume-image{
  object-fit: contain;
  max-width: clamp(80px, 55vh, 170px);
  height: clamp(100px, 55vh, 200px); /* 最小, 画面追従, 最大 */
  aspect-ratio: 16/11;
}

.resume_wrap .resume_image_wrap .resume-image2{
  object-fit:cover;
  width:100%;
  
}

.resume_wrap .resume_bt_wrap{
  text-align:right;
}

.resume_wrap .frame_news .news_box .post_rabel{
  border:solid 1px #eee;
  padding:3px 5px;
  margin:0 10px;
  font-size: 0.85rem;
  text-align: center;
}

.resume_wrap .frame_news .news_box{
  border-bottom:1px solid #eee;
  padding:10px 0;
}

.resume_top_newspost .news_box{
  width:100%;
}

.resume_top_newspost .post_date{
  width:70px;
}

.resume_top_newspost .post_rabel{
  width:70px;
}

/* フッター */
.footer_area{
  background: url(../images/foot_owl.png);
  width:100%;
  padding: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-color:rgb(255 255 255 / 38%);
  background-blend-mode:lighten;
  box-sizing: border-box;
}

.footer_area .link_box{
  box-sizing:border-box;
  padding:6px 0;
}

.footer_area .footer-navtitle{
  color:var(--color_t);
  line-height:3rem;
}

.footer_area a{
  background: #ffffffb8;
  padding: 5px 10px;
  box-sizing:border-box;
  font-size: 0.85rem;
}

.footer_area a::after{
  content:">";
  padding:0 0 0 6px
}

.footer_area .company_info{
  width:100%;
  border-top:solid 1px #fff;
  margin: 50px 0;
  padding:10px;
  color:#fff;
}

.footer_area .copy_rights{
  color:#fff;
  width:100%;
  text-align:right;
}

/* 各ページ共通にpage-wrapにマージンを調整する */
#page-wrap{
  margin: 0 0 65px 0;
  box-sizing: border-box;
}

/**/
.breadcrumb_inner{
  padding:10px;
  font-size: 0.8rem;
  color: var(--color_a);
}

/* 各ページFIX 部品関係 */

.contwrap{
  padding:40px 25px;
}

/* 各ページの主題表題要素の調整 */
.title_wrap{
  text-align:center;
  padding: 50px 0;
}

.title_wrap .des-title{
  padding:10px;
}

/* 各ページのセクションwrap周辺 */
.section_wrap{
  padding: 0 20px 70px;
  box-sizing: border-box;
}

.section_wrap .section-title-wrap{
  padding: 0 0 30px 0;
}

/* 説明リストDLの基本表示制御 */
.deslist{
  width:100%;
  padding: 0 0 90px;
  margin: 0;
}

.deslist dt{
  border-bottom:3px solid #eee;
  width: 110px;
  padding:10px;
  font-weight:bold;
}

.deslist dd{
  border-top:1px solid #eee;
  padding: 24px 0 15px 50px;
  margin:0;
  text-align: left;
  line-height: 1.85rem;
}

.detailbox{
  box-sizing:border-box;
  /* padding:20px 0; */
  position:relative;
}

.detailbox_area1{
  width:100%;
  /* padding: 10px; */
}

.detailbox_area2{
  /* position:absolute; */
  bottom: 20px;
  box-sizing: border-box;
  background: #ffffffe0;
  padding: 0px 0 10px;
  width: 100%;
  overflow-wrap: break-word;
}

.detailbox .col-wrap .detailbox_colname , .detailbox .col-wrap .detailbox_text{
  width: 100%;
  box-sizing:border-box;
}

.detailbox .col-wrap .detailbox_colname{
  font-weight:bold;
line-height:2.5rem;
}

.detailbox_image{
  width: 100%;
  box-sizing:border-box;
}


.detailbox .col-wrap{
  
}

.detailbox .col-wrap1{
}
.detailbox .col-wrap2{
}
.detailbox .col-wrap3{
}
.detailbox .col-wrap4{
}
.detailbox .col-wrap5
{
}
.detailbox .col-wrap6{
}

.child_wrap .childcol-name{
  text-align:center;
  font-size:1rem;
}

.child_wrap .sub{
  font-size:0.9rem;
}

.child_wrap .text{
  padding: 10px 0 50px;
}

.section_wrap .resume_wrap{
  border: 25px solid #eee;
  box-sizing: border-box;
}

/* アライアンス関連 */

.messabox{
  width:100%;
  padding: 0 0 60px 0;
}

.messabox .alliance-messa{
  font-size:1.1rem;
  font-weight:;
  text-align:center;
}

.messabox .alliance-image{
  width:100%;
  margin: 0 0 35px 0;
}

.alliance-linkbox .company-card{
  border-bottom: solid 1px #eee;
  padding:15px;
}

.alliance-linkbox .company-card .area0{
  width:100%;
  padding:0 0 10px 0;
}

.alliance-linkbox .company-card .area1{
  width: 100%;
  padding:0 15px 0 0;
  box-sizing:border-box;
}

.alliance-linkbox .company-card .area2{
  width: 100%;
}

.alliance-linkbox .other-h{
  border-left:solid 10px #555;
  padding:0 0 0 5px;
  margin-bottom:20px;
  width: 100%;
}

.alliance-text{
  overflow-wrap:break-word;
}

.alliance-linkbox .company-card .company-text{
  overflow-wrap:break-word;
  font-size: 0.95rem;
}

.alliance-linkbox .company-card .company-other{
  font-size: 0.8rem;
  padding: 10px 0;
}

.alliance-linkbox .company-card .company-links{
  text-align:right;
  font-size:0.8rem;
}

.alliance-linkbox .company-card img{
    object-fit: contain;
    max-width: 170px;
}


.alliance-linkbox .company-card .company-name{
  display:flex;

}

.alliance-linkbox .company-card .company-name::after{
  content: "";
  display: block;
  width: 18px; /* 画像の幅 */
  height: 18px; /* 画像の高さ */
  background-image: url('../images/link-arrow.png');
  background-size: cover; /* 画像が要素を覆うようにサイズ調整 */
  background-position: center; /* 画像の位置を中央に */
  box-sizing:border-box;
  margin-left:10px;
}


@media (min-width: 768px) {

.alliance-linkbox .other-h{
  width:100%;
}

.alliance-linkbox .company-card{
  width: 50%;
  box-sizing:border-box;
}
  
  .alliance-linkbox .company-card .area0{
  width:100%;
  padding:0 0 10px 0;
}

.alliance-linkbox .company-card .area1{
  width: 35%;
  padding:0 15px 0 0;
  box-sizing:border-box;
}

.alliance-linkbox .company-card .area2{
  width: 100%;
}

.alliance-linkbox .company-card img{
    /* object-fit: contain; */
    width: 90%;
}


  
}

@media (min-width: 1200px) {
.resume_title_wrap{
  width:100%;
}

.resume_wrap{
  padding: 110px 0;
  width: 1200px;
  margin: 0 auto;
}

.resume_fuct4 .resume_contents_wrap , .resume_fuct2 .resume_contents_wrap{
  width: 65%;
  padding: 0 40px 0 0;
  box-sizing: border-box;
}

.resume_fuct4 .resume_image_wrap , .resume_fuct2 .resume_image_wrap{
  width: 35%;
}

/* 各ページ共通にpage-wrapにマージンを調整する */
#page-wrap{
  margin: 0 0 120px 0;
}

.resume_top_newspost .resume_title_wrap{
  width: 20%;
}

.resume_top_newspost .frame_news{
  width: 80%;
}

.resume_wrap .frame_news .news_box .post_date{
  width: 100px;
  box-sizing: border-box;
}
  
.resume_wrap .frame_news .news_box{
  padding: 20px 0;
}
  
.resume_wrap .frame_news .news_box .post_rabel{
  width: 120px;
  border:solid 1px #eee;
  padding: 5px 5px;
  font-size: 0.85rem;
  text-align: center;
  box-sizing: border-box;
}

.resume_wrap .frame_news .news_box .post_link{
  padding: 0 0 0 20px;
}

.bg{
  width:100%;
  background:var(--color_bg);
}

.resume_wrap .resume_title_wrap .text-sub{
  font-size:3rem;
  font-weight:bold;
  color:var(--color_m);
}

.resume_wrap .resume_title_wrap .resume-title{
  font-size:1.25rem;
}

.resume_wrap .resume_contents_wrap .resume-catch{
  font-size: 1.35rem;
  line-height:5rem;
}

.resume_wrap .resume_image_wrap{
  padding: 0 0 0;
}

.resume_wrap .resume_bt_wrap{
  padding: 65px 37px 0 0;
  border-top: solid 1px #eee;
  width: 55%;
  text-align: left;
}

.resume_wrap .resume_bt_wrap a{
  border:solid 1px #eee;
  padding: 12px 20px;
  color:#fff;
  background: var(--color_bt);
}

/* フッター */
.footer_area{
  background: url(../images/foot_owl.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgb(255 255 255 / 37%);
  background-blend-mode:lighten;
  box-sizing: border-box;
  padding: 35px 0;
}

.footer_area a{
  background: #ffffffa8;
}

.footer_area .link_box{
  width: calc(100% / 2 - 0px);
  display:flex;
  flex-direction: column;
}

.footer_area .link_box a{
  padding: 8px 15px;
  margin: 0 0 15px 0;
  color: vae(--color_t);
}

.header_fact {
    position:fixed;
    top: 0;
    background:#ffffffc9;
    z-index:999;
  }

.frame_topimage{
  width: 100vw;
  background-image:url(../images/owl_topmain_2.png);
  height: clamp(360px, 55vh, 500px); /* 最小, 画面追従, 最大 */
  background-size: cover;
  background-position: 40% 58%;
  background-repeat: no-repeat;
}

/* 各ページのセクションwrap周辺 */
.section_wrap{
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 50px 0;
}

.resume_messa .resume_contents_wrap .resume-catch{
  font-size:1.6rem;
}

.resume_messa .resume_contents_wrap .resume-text{
  font-size:1.6rem;
  line-height:3rem;
}

.deslist dt{
  width: 200px;
  padding:10px;
  font-weight:bold;
}

.deslist dd{
  border-top: 1px solid #eee;
  padding: 25px 0 50px 250px;
  margin:0;
  text-align: left;
  line-height: 1.85rem;
}

.detailbox{
  width: 100%;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 30px 0;
}
  
.section_wrap .resume_wrap{
  border: none;
  border-radius: 15px;
}

.detailbox .col-wrap{
  width: 100%;
  background-size:contain;
  background-position:right;
  /* border:solid 1px #eee; */
  padding:30px;
}

.detailbox .col-wrap1{
}
.detailbox .col-wrap2{
}
.detailbox .col-wrap3{
}

.detailbox .col-wrap .detailbox_colname , .detailbox .col-wrap .detailbox_text{
  width: 100%;
  text-align:left;
  background:none;
  color:var(--color_t);
}

.alliance-linkbox{
width:100%;
}

.alliance-linkbox .company-card{
  width:calc(100% / 2 - 10px);
  box-sizing:border-box;
}

.messabox .alliance-messa{
  width: 50%;
  padding: 55px 0;
  font-size: 22px;
  line-height: 2.25rem;
  text-align: right;
}


.messabox .alliance-image{
  width: 35%;
  margin:0;
}

.alliance-text{
  width: 100%;
  padding: 50px 0 100px;
}

  
}