@charset "UTF-8";
/*
##########
ファーストビュー  共通リセット
##########
*/
.utility_centerview.main_img h1,
.utility_centerview.main_img .page_title,
.utility_centerview.main_img .page_sub,
.utility_leftview.main_img h1,
.utility_leftview.main_img .page_title,
.utility_leftview.main_img .page_sub{
  text-shadow:none;
}

/*
##########
ファーストビュー  真ん中揃えスタイル
##########
*/
.utility_centerview.main_img{
  height:400px;
  margin-bottom:80px;
}
.utility_centerview.main_img.cta-none{
  height:300px;
}

.utility_centerview.main_img img{
  height:400px;
}
.utility_centerview.main_img.cta-none img{
  height:300px;
}
.utility_centerview.main_img .title_area{
  top:42%;
}
.utility_centerview.main_img h1{
  font-size: 3.5rem;
}
.utility_centerview.main_img .page_title{
  font-size: 7.4rem;
}

.utility_centerview.main_img .page_keywords{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-bottom:30px;
}

.utility_centerview.main_img.cta-none .page_keywords{
  margin-bottom:10px;
}

.utility_centerview.main_img .page_keywords li{
  background-color: #fff;
  color:#333;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 0.5em 1em;
  font-weight: 400;
}

.utility_centerview.main_img .page_keywords li a:hover{
  text-decoration: none;
  cursor: pointer;
}


.utility_centerview.main_img .page_sub{
  margin-bottom: 20px;
}
.utility_centerview.main_img .page_cta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
.utility_centerview.main_img .page_cta li{
  width:50%;
}
.utility_centerview.main_img .page_cta li:first-child{
  text-align:right; 
}
.utility_centerview.main_img .page_cta li:last-child{
  text-align:left; 
}
.utility_centerview.main_img .page_cta li:only-of-type{
  text-align:center; 
}
.utility_centerview.main_img .page_cta .btn_iquery{
  background:#5cb2fc;
  border-radius:35px;
  color:#fff;
  display:inline-block;
  padding:14px 32px;
  text-align:center;
  height:auto;
  font-size:2.2rem;
  margin:0 2% 0 0;
  min-width:360px;
  box-sizing: border-box;
}
.utility_centerview.main_img .page_cta .btn_iquery:hover{
  text-decoration: none;
  opacity:0.8;
}
.utility_centerview.main_img .page_cta .btn_download{
  font-size:2.2rem;
  color:#fff;
  text-decoration: none;
  display:inline-block;
  margin:0 0 0 14%;
  position: relative;
}
.utility_centerview.main_img .page_cta .btn_download:hover{
  color:#8ac6fa;
}
.utility_centerview.main_img .page_cta .btn_download::after{
  position: absolute;
  bottom: -8px;
  left: 0;
  content:'';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform .3s;
  text-decoration: none;
}
.utility_centerview.main_img .page_cta .btn_download:hover::after {
  transform: scale(0, 1);
}





/*
##########
ファーストビュー  左揃えスタイル
##########
*/
.utility_leftview.main_img{
  height:400px;
  margin-bottom:68px;
}
.utility_leftview.main_img picture{
  width: 1200px;
  height:400px;
  position: relative;
  display:flex;
  margin:0 auto;
  justify-content: end;
  text-align: right;
  align-items: center;
}
.utility_leftview.main_img img{
  width:auto;
  height:auto;
}
.utility_leftview.main_img .title_area{
  width: 1200px;
  margin:0 auto; 
  top:43%;
}
.utility_leftview.main_img .title_area .title_area_iiner{
  max-width:700px;
}
.utility_leftview.main_img h1{
  text-align:left;
  font-size: 3rem;
  margin-bottom: 20px;
}
.utility_leftview.main_img .page_title{
  text-align:left;
  font-size: 4.8rem;
}
.utility_leftview.main_img .page_sub{
  text-align:left;
  font-size: 2.1rem;
  margin: 0 0 24px 0;
}

.utility_leftview.main_img .page_keywords{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  margin-bottom:24px;
}
.utility_leftview.main_img .page_keywords li{
  background-color: #fff;
  color:#333;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  font-size: 1.3rem;
  line-height: 1.3;
  padding: 0.5em 1em;
  font-weight: 400;
  min-width:104px;
}
.utility_leftview.main_img .page_keywords li a:hover{
  text-decoration: none;
  cursor: pointer;
}

.utility_leftview.main_img .page_cta{
  display:flex;
  flex-wrap:wrap;
  align-items:start;
  justify-content:start;
  max-width:700px;
}
.utility_leftview.main_img .page_cta li{
  width:50%;
}
.utility_leftview.main_img .page_cta li:only-of-type{
  text-align:center;
  width:100%;
  margin:0;
}
.utility_leftview.main_img .page_cta .btn_iquery{
  background:#5cb2fc;
  border-radius:35px;
  color:#fff;
  display:inline-block;
  padding:14px 32px;
  text-align:center;
  height:auto;
  font-size:2rem;
  margin:0 2% 0 0;
  min-width:300px;
  box-sizing: border-box;
}
.utility_leftview.main_img .page_cta .btn_iquery:hover{
  text-decoration: none;
  opacity:0.8;
}
.utility_leftview.main_img .page_cta .btn_download{
  font-size:2rem;
  color:#fff;
  text-decoration: none;
  display:inline-block;
  margin:10px 0 0 0;
  position: relative;
}
.utility_leftview.main_img .page_cta .btn_download:hover{
  color:#5cb2fc;
}
.utility_leftview.main_img .page_cta .btn_download::after{
  position: absolute;
  bottom: -8px;
  left: 0;
  content:'';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(1, 1);
  transform-origin: left top;
  transition: transform .3s;
  text-decoration: none;
}
.utility_leftview.main_img .page_cta .btn_download:hover::after {
  transform: scale(0, 1);
}







@media screen and (max-width: 767px) {
  .utility_leftview.main_img,
  .utility_centerview.main_img{
    height:506px;
    margin-bottom: 0;
  }
  .utility_centerview.main_img img{
    height:506px;
  }
  /*--左よせ固有設定--*/
  .utility_leftview.main_img img{
    display:none;
  }
  .utility_leftview.main_img picture{
    display:block;
  }

  .utility_leftview.main_img picture,
  .utility_leftview.main_img .title_area{
    width: 100%;
  }
  
  .utility_leftview.main_img.cta-none .title_area,
  .utility_centerview.main_img.cta-none .title_area{
    top:44%;
  }
  
  .utility_leftview.main_img .title_area,
  .utility_centerview.main_img .title_area{
    top:41%;
    padding:0 20px;
  }
  
  .utility_leftview.main_img h1,
  .utility_centerview.main_img h1{
    font-size:3vw;
    text-align:center;
    margin-bottom:10px;
  }
  .utility_leftview.main_img .page_title,
  .utility_centerview.main_img .page_title{
    font-size:7vw;
    text-align:center;
  }
  .utility_leftview.main_img .page_sub,
  .utility_centerview.main_img .page_sub{
    text-align:center;
    font-size:2vw;
    min-height:60px;
    margin:0;
  }
  .utility_leftview.main_img .page_cta,
  .utility_centerview.main_img .page_cta{
    display:block;
    margin:0;
    text-align:center;
    width:100%;
  }
  .utility_leftview.main_img .page_cta li,
  .utility_centerview.main_img .page_cta li{
    width:100%;
  }
  .utility_leftview.main_img .page_cta li:first-child,
  .utility_centerview.main_img .page_cta li:first-child{
    text-align:center; 
    margin-bottom:6%;
  }
  .utility_leftview.main_img .page_cta li:last-child,
  .utility_centerview.main_img .page_cta li:last-child{
    text-align:center; 
    margin:0;
  }
  .utility_centerview.main_img .page_cta .btn_iquery{
    margin:0;
    min-width:300px;
    width:100%;
  }
  .utility_leftview.main_img .page_cta .btn_download,
  .utility_centerview.main_img .page_cta .btn_download{
    font-size:2.2rem;
    margin:0;
  }
  .utility_leftview.main_img .page_keywords,
  .utility_centerview.main_img .page_keywords{
    justify-content:center;
    gap:11px;
    row-gap: 8px;
  }
  .utility_leftview.main_img .page_keywords li,
  .utility_centerview.main_img .page_keywords li{

    width:30%;
  }



}
@media screen and (max-width: 694px) {
  .utility_leftview.main_img .page_cta li:first-child,
  .utility_centerview.main_img .page_cta li:first-child{
    margin-bottom: 6%;  
  }
}
@media screen and (max-width: 560px) {
  .utility_leftview.main_img h1,
  .utility_centerview.main_img h1{
    font-size: 2rem;
  }
  .utility_leftview.main_img .page_sub,
  .utility_centerview.main_img .page_sub{
    font-size:3vw;
    min-height:60px;
    margin:0;
  }
  .utility_leftview.main_img .page_cta,
  .utility_centerview.main_img .page_cta{
    display:block;
    margin:0;
  }
  .utility_leftview.main_img .page_cta li,
  .utility_centerview.main_img .page_cta li{
    width:100%;
  }
  .utility_leftview.main_img .page_cta li:first-child,
  .utility_centerview.main_img .page_cta li:first-child{
    text-align:center; 
    margin-bottom: 6%;
  }
  .utility_leftview.main_img .page_cta li:last-child,
  .utility_centerview.main_img .page_cta li:last-child{
    text-align:center; 
    margin:0;
  }
  .utility_leftview.main_img .page_cta .btn_download,
  .utility_centerview.main_img .page_cta .btn_download{
    font-size:2.2rem;
    margin:0;
  }


}
@media screen and (max-width: 432px) {
  .utility_leftview.main_img .page_cta li:first-child,
  .utility_centerview.main_img .page_cta li:first-child{
    text-align:center; 
    margin-bottom: 6%;
  } 
}

@media screen and (max-width: 414px) {
  .utility_leftview.main_img h1,
  .utility_centerview.main_img h1{
    font-size:4.3vw;
    margin-bottom: 22px;
  }
  .utility_leftview.main_img .page_title,
  .utility_centerview.main_img .page_title{
    font-size:8vw;
  }
  .utility_leftview.main_img .page_sub,
  .utility_centerview.main_img .page_sub{
    font-size:4vw;
    min-height:60px;
    margin:0 0 2% 0;
  }
  .utility_leftview.main_img .page_cta .btn_iquery,
  .utility_centerview.main_img .page_cta .btn_iquery{
    font-size:5.5vw;
    min-width:300px;
    width:100%;
  }
  .utility_leftview.main_img .page_cta .btn_download,
  .utility_centerview.main_img .page_cta .btn_download{
    font-size:5.5vw;
  }
}

@media screen and (max-width: 375px) {
  .utility_leftview.main_img,
  .utility_centerview.main_img{
    height:506px;
  }
  .utility_leftview.main_img img,
  .utility_centerview.main_img img{
    height:506px;
  }
  .utility_centerview.main_img.cta-none,
  .utility_centerview.main_img.cta-none img{
    height:390px;
  }
  .utility_leftview.main_img .page_cta li:first-child,
  .utility_centerview.main_img .page_cta li:first-child{
    text-align:center; 
    margin-bottom: 6%;
  }
  .utility_leftview.main_img .page_cta .btn_iquery,
  .utility_centerview.main_img .page_cta .btn_iquery{
    padding:14px 24px;
    min-width:300px;
    width:100%;
  }
}

@media screen and (max-width: 320px) {
  .utility_leftview.main_img,
  .utility_centerview.main_img{
    height:320px;
  }
  .utility_leftview.main_img img,
  .utility_centerview.main_img img{
    height:320px;
  }
  .utility_leftview.main_img .page_cta .btn_iquery,
  .utility_centerview.main_img .page_cta .btn_iquery{
    min-width:260px;
    font-size:1.8rem;
  }
  .utility_leftview.main_img .page_cta .btn_download,
  .utility_centerview.main_img .page_cta .btn_download{
    font-size:1.8rem;
    margin:0;
  }
  .utility_leftview.main_img .page_sub,
  .utility_centerview.main_img .page_sub{
    min-height:8vh;
  }
}


/*トップページ*/
.top_firstview{
  margin:0 0 4% 0;
}
.top_firstview .utility_leftview.main_img .title_area,
.top_firstview .utility_centerview.main_img .title_area{
  transform: translate(-50%, -50%);
}
.top_firstview .utility_leftview.main_img img{
  position:absolute;
  top:50%;
  right:0;
  text-align:center;
  transform:translate(0, -50%);
  width:auto;
  height:auto;
}
@media screen and (max-width: 767px) {
  .top_firstview .utility_centerview.main_img .title_area,
  .top_firstview .utility_leftview.main_img .title_area{
    top:50%;
  }
  .top_firstview .utility_centerview.main_img,
  .top_firstview .utility_leftview.main_img{
    height:400px;
    margin-top: 0;
  }
  .top_firstview .utility_centerview.main_img img,
  .top_firstview .utility_leftview.main_img img{
    height:400px;
  }
}
@media screen and (max-width: 375px) {
  .top_firstview .utility_centerview.main_img,
  .top_firstview .utility_leftview.main_img{
    height:360px;
  }
  .top_firstview .utility_centerview.main_img img,
  .top_firstview .utility_leftview.main_img img{
    height:360px;
  }
}
@media screen and (max-width: 320px) {
  .top_firstview .utility_centerview.main_img,
  .top_firstview .utility_leftview.main_img{
    height:320px;
  }
  .top_firstview .utility_centerview.main_img img,
  .top_firstview .utility_leftview.main_img img{
    height:320px;
  }
}


/*--製品紹介・ページ--*/
.products-btn > div .btns .btn_item{
  max-width:800px;
}
.products-ttl .page_title,
.products-ttl .page_sub{
  margin:0 0 40px 0;
  color:#fff;
}
.products-ttl.utility_leftview.main_img .title_area{
  top:53%;
}
@media (min-width:768px) {
  .products-btn > div p{
    position: absolute;
    top:50%;
    right:0;
    text-align:center;
    transform:translate(0, -50%);
    width:auto;
    height:auto;
  }
}
@media screen and (max-width: 767px) {
  .products-ttl.utility_leftview.main_img .title_area,
  .products-ttl.utility_centerview.main_img .title_area{
    top:44%;
  }
  .products-ttl.utility_leftview.main_img .page_title
  .products-ttl.utility_centerview.main_img .page_title{
    margin:0 0 60px 0;
    font-size:8vw;
  }
  .products-ttl.utility_leftview.main_img .title_area,
  .products-ttl.utility_centerview.main_img .title_area{
    top:46%;
  }
  .products-ttl.utility_leftview .title_area h1,
  .products-ttl.utility_centerview .title_area h1{
    font-size:4vw;
  }
  .products-ttl.utility_leftview.main_img .page_cta li:first-child,
  .products-ttl.utility_centerview.main_img .page_cta li:first-child{
    margin-bottom: 6%;
  }
}
@media screen and (max-width:767px) and ( min-width:560px) {
  .products-ttl.utility_leftview.main_img .page_title,
  .products-ttl.utility_centerview.main_img .page_title{
    margin: 0 0 30px 0;
  }
  .products-ttl.utility_leftview.main_img .page_cta,
  .products-ttl.utility_centerview.main_img .page_cta{
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .products-ttl.utility_leftview.main_img .page_title,
  .products-ttl.utility_centerview.main_img .page_title{
    font-size:9vw;
  }
}