@charset "utf-8";
/* CSS Document */
tbody,tr,td {
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
}

.feature_area {
  background:url(images/heroimage.jpg) no-repeat center center / cover;
  height:400px;
  display: flex;
  justify-content: center;
  align-items: center;  

}
.feature_product {
  display: flex; 	
  justify-content: center;
  align-items: center;
  width:100%;  		
}
.feature_product h4{
	width:100%;
	text-align:center;
	line-height:150%;	
	font-size:2.2rem;
	padding:2rem 0;
	font-family:"Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
	font-weight:bold;
	background:rgba(255,255,255,0.5);
}

.feature_product h4 span {
	font-size:2.3rem;
	font-weight:bold;
}
#xtgseries_inner_cnt01{
	padding-top:8rem;
}
#xtgseries_inner_cnt01,#xtgseries_inner_cnt02 {
	width: 1100px;
    display: flex;
    flex-wrap: wrap;	
	margin:0 auto;
}
#xtgseries_inner_cnt01 h4,#xtgseries_inner_cnt02 h4{
	font-size:2rem;
	font-weight:normal;
}
#xtgseries_inner_cnt01 div,#xtgseries_inner_cnt02 div{
    width: calc(50%);
    padding-bottom: 8rem;
	align-self: start;
}

#xtgseries_inner_cnt01 p,#xtgseries_inner_cnt02 p{
	line-height:170%;
	margin:2rem 0;
	font-size:1.2rem;
	text-align:left;
	text-align: justify;
}


#xtgseries_cnt03{
  background: #01458E;
  position: relative;
  border-bottom: 10vw solid #F2F2F2;   /* 三角エリア */
}
#xtgseries_cnt03 .flex {
	display:flex;
	justify-content: space-between;
	width:1077px;
	margin:0 auto;
}
#xtgseries_cnt03 .flex .cnt03_item {
  margin: 10px;
}
#xtgseries_cnt03 :after{
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 10vw 49vw 0 50vw;
  border-style: solid;
  border-color: #01458E transparent transparent transparent;  
}

#xtgseries_cnt03 h4 {
	font-size:2.3rem;
	color:#FFF;
	padding:4rem 0 4rem 0;
	text-align:center;
}

#xtgseries_cnt03 .xtgseries_salespoint {
	display:flex;
	column-gap: 8%;
	align-items: flex-end;
	width:1000px;
	margin:2rem auto;
	margin-right:auto;
}
#xtgseries_cnt03 .xtgseries_salespoint p{
	color:#FFF;
	font-size:1.2rem;
	text-align: justify;
}
#xtgseries_cnt03 .xtgseries_salespoint h5{
	color:#FFF;
	font-size:1.7rem;
	font-weight:300;
}
#xtgseries_inner_cnt03 h4::before {
    position: absolute;
    top: calc(10% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #FFF;
}
#xtgseries_inner_cnt04 {
	width:840px;
	margin:0 auto;
	text-align:center;
}
#xtgseries_inner_cnt04 h4{
	font-size:2.3rem;
	padding:6rem 0 2rem 0;	
}

#xtgseries_inner_cnt04 h5{
	font-size:3.5rem;
	padding:0 0 1rem 0;	
}
#xtgseries_inner_cnt04_in{
	display:flex;
	justify-content: space-between;
	text-align:left;	
}
#xtgseries_inner_cnt04_in .mt_60{
	margin-top:16.7%;
}
#xtgseries_cnt04 table {
  margin:0 auto;
  width: 840px;
  border: solid 1px #CCC;
  border-collapse: collapse;
  font-size: 1rem;
  margin-bottom:1.5rem;
  margin-top:3rem;
  }
#xtgseries_cnt04 table td {
	background-color:#FFF;
	padding:0.8rem;
	text-align:center;
}
#xtgseries_cnt04 table th {
	background-color:#CCC;
	padding:0 2rem 0 2rem;
	border:1px solid #FFF;
}
#xtgseries_cnt04 {
	background-color:#F2F2F2;
	padding-bottom:8rem;
}


#xtgseries_cnt05{
  padding:8rem 0;
  background-color:#F2F2F2;	
}
#xtgseries_inner_cnt05{
	width:840px;
	margin:0 auto;
	display:flex;
	text-align:left;
	background-color:#FFF;
	padding:1.2rem;	
}
#xtgseries_inner_cnt05 .item1{
  flex-basis: 70%;
}
#xtgseries_inner_cnt05 h5{
	font-size:2.3rem;
	padding:1rem 0;
}

p#xtgseries_bannerbox_btn {
	background-color:#01458E;
	text-align:center;
	padding:0.5rem;
	font-size:1rem;
	color:#FFF;
	margin-top:1.8rem;
}
/* Base button Style*/
#xtgseries_bannerbox_btn {
  border-radius: 0px;	 
  border: none;
  display: block;
  width: 450px;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  text-align: center;
}

#xtgseries_bannerbox_btn::before { /* くの字の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 12px;
  bottom: 0;
  left: 291px;
  width: 12px;
  border-top: 2px solid #FFF;
  transform: rotate(45deg);
}
#xtgseries_bannerbox_btn::after{ /* 棒の表示設定 */
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left:280px;
  width: 30px; /* 棒の長さ */
  height: 2px; /* 棒の太さ */
  background: #FFF;/* 棒の色 */
}
p#xtgseries_bannerbox_btn:hover{
  background-color:FFF;
}
#xtgseries_bannerbox_btn:hover{
  color: #004DA0;
  background: #004DA0;/* 棒の色 */ 
}
#xtgseries_bannerbox_btn:hover::before {
  border-top:2px solid #004DA0;
}
#xtgseries_bannerbox_btn:hover::after{
  border-top:#004DA0;	
  background:#004DA0;
}
@media screen and (max-width: 992px) {
  h1 a {
    position: relative;
    z-index: 1;
  }
  #xtgseries_inner_cnt01 {
    padding-top: 1rem;
  }
  .feature_product h4 {
    width: 100%;
    text-align: center;
    line-height: 130%;
    font-size: 1.5rem;
    padding: 2rem 0;
    font-family: "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", serif;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.5);
  }
  #xtgseries_inner_cnt01, #xtgseries_inner_cnt02 {
    width: 100%;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
  }
  #xtgseries_inner_cnt01 div, #xtgseries_inner_cnt02 div {
    width: 100%;
    padding-bottom: 0.5rem;
    align-self: start;
  }
  #xtgseries_inner_cnt01 div img, #xtgseries_inner_cnt02 div img{
    width: 100%;
  }
  #xtgseries_inner_cnt01 h4, #xtgseries_inner_cnt02 h4 {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
  }
  #xtgseries_inner_cnt01 p, #xtgseries_inner_cnt02 p {
    line-height: 170%;
    margin: 15px 15px 30px 15px;
    font-size: 0.9rem;
    text-align: left;
  }
  #xtgseries_cnt03 h4 {
    font-size: 1.5rem;
    color: #FFF;
    padding: 2rem 0 2rem 0;
    text-align: center;
  }
  #xtgseries_inner_cnt03 h4::before {
    position: absolute;
    top: calc(10% - 1px);
    left: 0;
    width: 100%;
    height: 0px;
    content: '';
    background: none;
  }
  #xtgseries_cnt03 .xtgseries_salespoint {
    display: flex;
    column-gap: 8%;
    width: 100%;
    margin: 1rem auto;
    margin-right: auto;
    flex-direction: column;
    align-items: center;
  }
  #xtgseries_cnt03 .xtgseries_salespoint h5 {
    color: #FFF;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
  }
  #xtgseries_cnt03 .xtgseries_salespoint p {
    color: #FFF;
    font-size: 1.0rem;
    line-height: 130%;
    margin: 0px 15px 0px 15px;
  }
  #xtgseries_inner_cnt04 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  #xtgseries_inner_cnt04 h4 {
    font-size: 1.5rem;
    padding: 1rem 0 1rem 0;
  }
  #xtgseries_inner_cnt04 h5{
    font-size:2.3rem;
    padding:0 0 1rem 0;	
  }
  #xtgseries_inner_cnt04_in {
    display: flex;
    flex-direction: column;
    margin: 0 15px 0 15px;
  }
  #xtgseries_inner_cnt04_in img{
    width: 100%;
  }
  #xtgseries_inner_cnt04_in .mt_60 {
    margin-top: 1rem;
  }
  #xtgseries_cnt05 {
    padding: 1rem 0;
    background-color: #F2F2F2;
  }
  #xtgseries_inner_cnt05 {
    width: 100%;
    margin: 0 auto;
    display: flex;
    text-align: left;
    background-color: #FFF;
    padding: 1rem;
    flex-direction: column;
  }
  #xtgseries_inner_cnt05 .item2{
    text-align: center;
  }
  #xtgseries_bannerbox_btn::before {
    display: none;
  }
  #xtgseries_bannerbox_btn::after {
    display: none;
  }
  #xtgseries_bannerbox_btn {
    border-radius: 0px;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: none;
    text-decoration: none;
    text-align: center;
  }
}