@charset "utf-8";
html{
	overflow-x: hidden;
	scroll-behavior: smooth;/* スムーズスクロールを有効化 */
}
/* ボディ設定*/
body {
	-webkit-text-size-adjust: none;

	font-family: 'M PLUS 2', sans-serif;
 	font-size: 18px;
	line-height: 31px;
	color: #000000;
  	text-align:left;
  	margin: 0;
  	padding: 0;
	background-color: #fff;
}

h1,h2,h3,h4,h5,h6,p,ul,li,dl, dt, dd{
  	margin: 0;
  	padding: 0;
}

li img,dt img,dd img{
	vertical-align:bottom;
}
ol, ul {
	list-style:none;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align:middle;
	border:0px;
}

/* リンクの色 */
A {
	COLOR: #003b82;
	text-decoration: none;
}
A:link {
	COLOR: #003b82;
}
A:visited {
	COLOR: #003b82;
}
A:active {
	COLOR: #547cab;
}
A:hover {
	COLOR: #547cab;
}


/*Clearfix*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}


/*全体の枠
---------------------------------------------------------------------------*/
#wrapper{
	width:100%;
}

img {
	transition: 1.0s ;
}
a:hover img{
    opacity: 0.7;
}
* {
	box-sizing: border-box;
}

/*PC・スマホ切り替え*/
@media screen and (max-width: 576px) {
	.pc-only{display: none;}
}
@media screen and (min-width: 576px){
	.br-sp {display: none; }
	.sp-only{display: none;}
}

.txt-ind{
    padding-left: 1em;
    text-indent: -1em;
}

/*メイン画像
---------------------------------------------------------------------------*/
.main-image {
    width: 100%;
    height: 768px;
    background: url('../images/main-image.jpg') no-repeat center center;
    background-size: cover;
    border-bottom: 10px solid #0081a3;
}
.main-image-sp {
    display: none;
}
/*メイン画像--------------------------------------------------*/
.sendai-top-content-box {
    width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.sendai-top-image1 {
    position: absolute;
    top: 0px;
    left: 0;
    bottom: 0;
    height: 100%;
    width: auto;
}

/*1440以下 1200*/
@media all and (max-width:1450px){
    .main-image {
        height: 640px;
    }
    .sendai-top-content-box {
        width: 1200px;
    }
}
/*1110以下 930*/
@media all and (max-width:1200px){
    .main-image {
        height: 496px;
    }
    .sendai-top-content-box {
        width: 930px;
    }
}
/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .main-image {
        width: 100%;
        height: 0;
        border-bottom: none;
    }
    .sendai-top-content-box {
        display: none;
    }
    .main-image-sp {
        display: inline;
        text-align: center;
        width: 100%;
        height: auto;
    }
    .main-image-sp img{
        width: 100%;
    }
}
/*690以下 510*/
@media all and (max-width:768px){
}
/*510以下 92%*/
@media all and (max-width:576px){
}


/*ホームページ制作ナビCTA--------------------------------------------------*/
.moushikomi-button {
    position: fixed;
    top: 50%;
    right: 20px; /* 右側からの距離を調整 */
    transform: translateY(-50%);
    border: none;
    cursor: pointer;
    z-index: 800; /* 他の要素の上に表示 */
}
.moushikomi-button-sp{
    display: none;
}
@media (max-width: 768px) {
    .moushikomi-button-pc{
        display: none;
    }
    .moushikomi-button-sp{
        display: inline;
    }
    .moushikomi-button {
        width: 100%;
        position: fixed;
        top: auto;
        right: auto;
        bottom: 0;
        right: 0%;
        left: 0%;
        transform: translate(0%, 0%);
    }
}

/*フッダー--------------------------------------------------*/
.footer-box{
    width: 100%;
    padding: 50px 0 0;
    text-align: center;
    background-color: #0081a3;
    color: #fff;
}
.footer-logo{
    margin-bottom: 8px;
}
.footer-txt{
    margin-bottom: 50px;
}
.footer-txt-add{
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-txt-tel{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 0px;
}
.footer-txt-tel a{
    color: #fff;
}
.footer-txt-fax{
    font-size: 16px;
}
.footer-txt-url{
    font-size: 16px;
}
.copy_box{
    width: 100%;
    background-color: #0081a3;
    color: #fff;
    padding: 20px 0;    
}

/*スクロールトップへボタン--------------------------------------------------*/
#scrollToTopBtn {
    position: fixed;
    bottom: 40px;
    right: 20px;
    display: none; /* 初期状態では非表示 */
    background-color: #0081a3;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
    z-index: 1000;
}

#scrollToTopBtn:hover {
    background-color: #0081a3;
}

/*ＣＴＡ--------------------------------------------------*/
.cta-container {
    display: none;
}


/*690以下 510*/
@media all and (max-width:768px){
    .cta-container {
        display: flex;
        justify-content: space-around;
        text-align: center;
        padding: 1px;
        background-color: #f9f9f9;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    }
    .cta-container a{
        color: #fff;
    }
    .cta-button {
        background-color: #ff8a00;
        color: white;
        border: none;
        padding: 10px 10px;
        margin: 5px;
        font-size: 16px;
        cursor: pointer;
        border-radius: 5px;
        width: 92%;
        max-width: 300px;
    }
    .cta-button:hover {
        background-color: #ff8a00;
    }
}
/*510以下 92%*/
@media all and (max-width:576px){
}

/*横幅統一ボックス--------------------------------------------------*/
.all-width-box{
    width: 1440px;
    margin: auto;
}
/*1440以下 1200*/
@media all and (max-width:1450px){
    .all-width-box{
        width: 1200px;
    }
}
/*1110以下 930*/
@media all and (max-width:1200px){
    .all-width-box{
        width: 930px;
    }
}
/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .all-width-box{
        width: 690px;
    }
}
/*690以下 510*/
@media all and (max-width:768px){
    .all-width-box{
        width: 510px;
    }
}
/*510以下 92%*/
@media all and (max-width:576px){
    .all-width-box{
        width: 92%;
    }
}

.top-section-dot{
    padding: 80px 0;
    background-color: #ffffe6;
    background-image: url("../images/dot.webp");
}
.top-section-w{
    padding: 80px 0;
}


/*ボタン--------------------------------------------------*/
.top-bo-box{
    width: 500px;
    margin: 40px auto;
}
.top-bo-box a{
    color: #fff;
}
.top-ctabo-bo01{
    float: left;
    margin: 0 30px;    
    width: 500px;
    height: 80px;
    border-radius: 10px;
    background-image: url("../images/bo-back.webp");
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding-top: 22px;
    text-align: center;
    vertical-align: middle;
	cursor: pointer;
}
.top-ctabo-bo01 img{
    vertical-align: middle;
    margin-left:10px;
}

/*1110以下 930*/
@media all and (max-width:1200px){
    .top-bo-box{
    }
    .top-ctabo-bo01{
        margin: 0 30px;
        width: 405px;
    }
}
/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .top-bo-box{
    }
    .top-ctabo-bo01{
        margin: 0 20px;
        width: 305px;
        font-size: 21px;
    }
}
/*690以下 510*/
@media all and (max-width:768px){
    .top-bo-box{
        width: 500px;
    }
    .top-ctabo-bo01{
        width: 100%;
        margin-bottom: 30px;
    }
}
/*510以下 92%*/
@media all and (max-width:576px){
    .top-bo-box{
        width: 92%;
        margin: 40px 0;
    }
}


/*タイトル--------------------------------------------------*/
.title-h1 h1{
    background-color: #0081a3;
    background-image: url("../images/w.webp");
    background-position: right;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 36px;
    text-align: center;
    color: #fff;
    padding: 12px 0 0;
    height: 60px;
}

.top-wordpress-logo{
    margin: 40px auto;
    text-align: center;
    width: 92%;
}

/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .title-h1 h1{
    background-image: url("../images/w-toumei.webp");
        font-size: 24px;
    }
    .top-wordpress-logo{
        width: 80%;
    }
}

/*更新--------------------------------------------------*/
.top-koushin-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
}
.top-koushin-container {
    align-items: stretch; /* 縦方向に高さを揃える */
}
.top-koushin-box{
    background-color: #fff;
    border: 2px solid #e5e5e5;
    padding: 20px 20px 20px 60px;
    background-image: url("../images/kuro.webp");
    background-repeat: no-repeat;
    background-position: left;
    width: 48%;
    box-sizing: border-box;
}
.top-koushin-box:first-child {
    margin-right: 4%;
}
.top-koushin-box h3{
    font-size: 36px;
    margin-bottom: 30px;
}
.top-koushin-box p{
    padding-left: 1em;
    text-indent: -1em;
}
.top-koushin-img{
    margin-right: 20px;
}

/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .top-koushin-container {
        display: inline;
    }
    .top-koushin-box{
        width: 100%;
        margin-bottom: 30px;
        padding: 20px 20px 20px 40px;
    }
    .top-koushin-box:first-child {
        margin-right: 0%;
    }
    .top-koushin-box h3{
        font-size: 28px;
        margin-bottom: 20px;
    }
}
/*690以下 510*/
@media all and (max-width:768px){
    .top-bo-box{
        width: 500px;
    }
    .top-ctabo-bo01{
        width: 100%;
        margin-bottom: 30px;
    }
}
/*510以下 92%*/
@media all and (max-width:576px){
    .top-bo-box{
        width: 92%;
        margin: 40px 0;
    }
}

/*文章*/
.wp-setsumei-box{
    margin-bottom: 30px;
}
.wp-setsumei-box ul{
    list-style: square;
    margin: 20px 36px;
}
.wp-setsumei-box li{
    margin-bottom: 5px;
}

/*料金プラン--------------------------------------------------*/
.top-ryoukin-text{
    margin: 30px 0;
}
.top-ryoukin-text h3{
	margin-top: 30px;
    font-size: 18px;
}
.top-ryoukin-box{
  overflow-x: auto;
}
.top-ryoukin-box table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.top-ryoukin-box th, .top-ryoukin-box td {
    border: 2px solid #0081a3;
    padding: 15px;
}
.top-ryoukin-box th {
    background-color: #32373c;
    color: white;
    text-align: center;
}
.highlight-yellow {
    background-color: #e9d900;
}
.top-ryoukin-left{
    text-align: left;
}
.top-ryoukin-center{
    text-align: center;
}
.top-ryoukin-kakaku{
    font-size: 36px;
}
.top-ryoukin-kome{
    font-size: 14px;
}
/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .top-ryoukin-box th, .top-ryoukin-box td {
        padding: 10px;
        font-size: 14px;
    }
    .top-ryoukin-kakaku{
        font-size: 22px;
    }
}



/*実績--------------------------------------------------*/
/* 横スクロールを可能にする */
.jisseki-table-container {
	margin-top: 30px;
  width: 100%;
  overflow-x: auto;
}

/* 表のスタイル */
.jisseki-table-container table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* スクロールの幅 */
}

.jisseki-table-container th, .jisseki-table-container td {
  background-color: #fff;
  border: 1px solid #333;
  padding: 8px;
  text-align: center;
}

/* タイトル行と列のスタイル */
.jisseki-table-container th:first-child {
  background-color: #FAFAFA;
  font-weight: bold;
  text-align: left;
}
.jisseki-table-container tr:first-child th {
  background-color: #32373C;
	color: #fff;
	border-right: 1px solid #fff;
  font-weight: bold;
  text-align: center;
}
/* スマホでの表示スタイル調整 */
@media (max-width: 768px) {
  .jisseki-table-container table {
	min-width: 800px;
  }
}
.jisseki-moji-shou{
	font-size: 0.8em;
}


/*ニュース--------------------------------------------------*/
.sec_sns_News_box{
}
.sec_sns_News_box ul{
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    border-top: dotted 1px #b2b2b2;
}
@media screen and (max-width: 1500px) {
    .sec_sns_News_box{
        width: 96%;
    }
    .sec_sns_News_box ul{
        width: 90%;
    }
}

.sec_sns_News_box li{
    padding: 25px 0;
    border-bottom: dotted 1px #b2b2b2;
}
.sec_sns_News_box span{
    padding: 5px 20px;
    background-color: #ff5900;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-left: 20px;
}



/*よくある質問--------------------------------------------------*/
.qa-box{
	width: 90%;
	margin: 50px auto;
}
.qa-nai-title{
	font-weight: bold;
	color: #0081A3;
}
.qa-nai-kome{
	padding-left: 2em;
	text-indent: -1em;
}
/*吹き出し*/
.qa-section {
}

.qa-item {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 10px;
	background-color: #FAFAFA;
}

.question {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.q-icon {
  background-color: #FF8A00;
  color: white;
  border-radius: 50%;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 10px;
}

.a-icon {
  background-color: #0081A3;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-right: 10px;
}

.q-text {
  flex-grow: 1;
}

.answer {
  display: none;
  margin-left: 40px;
  padding: 10px 0;
}

/* プラスボタンとマイナスボタン */
.toggle-icon {
  font-size: 20px;
  color: #FF8A00;
  position: relative;
}

.toggle-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FF8A00;
  color: white;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 12px;
	font-weight: bold;
  opacity: 0;
  transition: opacity 0.2s ease;
  white-space: nowrap;
}

.toggle-icon:hover::after {
  opacity: 1;
}

/* スムーズな開閉 */
.answer.open {
  display: block;
}



/*お問い合わせ--------------------------------------------------*/
.top-tel-box{
    width: 100%;
    text-align: center;
    margin: 80px 0 0;
}
.top-tel-box h3{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
}
.top-tel-box a{
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #FF8A00;
	text-shadow: 1px 2px 3px #CCCCCC;
}
.tel-moji-hen{
    font-size:36px;
}
.top-tel-box p{
    font-size: 18px;
    margin-bottom: 80px;    
}
/*930以下 690 文字サイズ変わる*/
@media all and (max-width:992px){
    .top-tel-box h3{
        font-size: 28px;
    }
    .top-tel-box a{
        font-size: 40px;
    }
    .tel-moji-hen{
        font-size:21px;
    }
    .top-tel-box p{
        font-size: 14px;
    }
}
/*690以下 510*/
@media all and (max-width:768px){
    .top-tel-box h3{
        font-size: 24px;
    }
    .top-tel-box a{
        font-size: 30px;
    }
    .tel-moji-hen{
        font-size:16px;
    }
    .top-tel-box p{
        font-size: 12px;
    }
}
/*510以下 92%*/
@media all and (max-width:576px){
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.hissu-box{
	color: #ff3076;
    font-size:12px;
}
textarea,input,select{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	width: 100%;
	padding: 8px;
	border-radius: 10px;
	border: 1px solid #E5E5E5;
	margin-bottom: 23px;
}
.inquire-box{
	padding: 20px 15%;
}
.inquire-box p{
	margin-bottom: 10px;
}
.form-button-box{
	text-align: center;
}
.form-button-soushin {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 400px;
    height: 80px;
	margin: 0 auto 40px;
	padding: 1rem 4rem;
    font-size: 24px;
	font-weight: 700;
	color: #fff;
	background-image: url("../images/bo-back.webp");
	border-radius: 10px;
	transition: 0.5s;
	cursor: pointer;
}
@media screen and (max-width: 1000px){
.inquire-box{
	padding: 20px 5%;
}
}
@media screen and (max-width: 600px){
.form-button-soushin {
	width: 80%;
}
}




/*プライバシーポリシー--------------------------------------------------*/
.privacy-box{
	width: 80%;
	margin: 50px auto;
}
@media (max-width: 560px) {
	.privacy-box{
		width: 96%;
	}
}
.privacy-box h3{
	font-size: 18px;
	margin: 30px 0 10px;
}

/* テキスト表示範囲を制限 */
.privacy-terms-content {
overflow: hidden;
max-height: 90px; /* 最初に表示する高さ（3行分に調整） */
transition: max-height 0.5s ease;
}

/* 全文表示時の高さ自動調整 */
.privacy-terms-content.open {
max-height: 2000px;
}

/* 続きを見るボタン */
.privacy-toggle-button {
color: #888;
cursor: pointer;
text-align: center;
display: block;
margin-top: 10px;
}

/*利用規約--------------------------------------------------*/
.kiyaku-box{
	width: 80%;
	margin: 50px auto;
}
@media (max-width: 560px) {
	.kiyaku-box{
		width: 96%;
	}
}
.kiyaku-box h3{
	font-size: 18px;
	margin: 30px 0 10px;
}

/* テキスト表示範囲を制限 */
.kiyaku-terms-content {
overflow: hidden;
max-height: 100px; /* 最初に表示する高さ（3行分に調整） */
transition: max-height 0.5s ease;
}

/* 全文表示時の高さ自動調整 */
.kiyaku-terms-content.open {
max-height: 8000px;
}

/* 続きを見るボタン */
.kiyaku-toggle-button {
color: #888;
cursor: pointer;
text-align: center;
display: block;
margin-top: 10px;
}


/*サンクス
---------------------------------------------------------------------------*/

#thanks-box{
	margin: 50px auto 50px;
	padding: 0px;
	text-align: center;
    width: 92%;
}
#thanks-box h3{
    font-size: 1.5em;
	color: #ff006c;
    margin-bottom: 30px;
}

.top_page_he{
    margin-bottom: 100px;
}
.thanks_main_box{
    width: 100%;
    margin: 0px;
}

/*ボタン
---------------------------------------------------------------------------*/
a.btn-radius-solid  {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #ff006c;
	background: #ff006c;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	animation: move_a 2s infinite;
}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
a.btn-radius-solid:hover {
	color: #ff006c;
	background: #fff;
}

/*ヘッドライン　技術情報
---------------------------------------------------------------------------*/
/*技術情報ヘッドライン*/
.section-wrapper {
  max-width: 120px;
  padding: 0 20px;
  margin: 0 auto;
}

.top-service-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	margin-top: 50px;
  margin-bottom: 32px;
}
.top-service-list._archive {
  justify-content: space-around;
}
.top-service-list._archive::after {
  content: "";
  width: 46%;
}
.top-service-list._archive .top-service-item {
  width: 46%;
}
.top-service-item {
  width: 32%;
  margin-bottom: 30px;
  border: 1px solid #012C15;
  display: flex;
  flex-direction: column;
  padding: 24px;
	background-color: #fff;
}
@media (max-width: 1024px) {
  .top-service-item {
    width: 46%;
    padding: 16px;
  }
}
@media (max-width: 560px) {
  .top-service-item {
    width: 100% !important;
  }
}
.top-service-item .more-btn {
  margin-top: auto !important;
}
.top-service-item-title {
  color: #012C15;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: 14px;
}
.top-service-item .section-desc {
  margin-bottom: 16px;
}
.top-service-item-img {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/10;
  margin-bottom: 12px;
}
.top-news-list {
  width: 100%;
  margin-bottom: 40px;
}
.top-news-item {
  width: 100%;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  padding: 12px;
}
@media screen and (max-width: 960px) {
  .top-news-item {
    display: block;
  }
}
.top-news-item-link {
  display: block;
  transition: 0.3s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.top-news-item-link:hover {
  opacity: 0.8;
}
.top-news-item-header {
  display: flex;
  align-items: center;
}
.top-news-item-header span {
  display: block;
  line-height: 1;
  color: #fff;
  background-color: red;
  padding: 6px 8px;
  font-size: 12px;
  margin-right: 8px;
}
@media screen and (max-width: 560px) {
  .top-news-item-header span {
    font-size: 10px;
  }
}
.top-news-item-time {
  color: #333;
  margin-right: 12px;
}
@media screen and (max-width: 560px) {
  .top-news-item-time {
    font-size: 14px;
  }
}
.top-news-item-cat {
  background-color: #012C15;
  font-size: 13px;
  text-align: center;
  min-width: 80px;
  width: 80px;
  padding: 6px 0;
  color: #fff !important;
  line-height: 1;
  margin-right: 12px;
}
@media screen and (max-width: 560px) {
  .top-news-item-cat {
    font-size: 11px;
    width: 70px;
    min-width: 70px;
  }
}
.top-news-item-title {
  color: #333;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px;
  font-weight: normal;
}
@media screen and (max-width: 560px) {
  .top-news-item-title {
    font-size: 15px;
    line-height: 1.4;
  }
}

.section-wrapper {
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
}
.section-desc {
  font-size: 1rem;
}

.more-btn {
  text-align: center;
  font-size: 14px;
  display: block;
  width: 200px;
  height: 46px;
  line-height: 44px;
  color: #666 !important;
  border: 1px solid #666;
  background-color: #fff;
  transition: 0.4s;
  position: relative;
}
.more-btn:hover {
  background-color: #012C15;
  color: #fff !important;
}
.more-btn:hover::after {
  background-image: url(../images/icon_carret_inverse.png);
}
.more-btn._centered {
  margin: 0 auto;
}
.more-btn::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(../images/icon_carret.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  transition: 0.3s;
  right: 12px;
  top: 14px;
}

@media (max-width: 1024px) {
  .top-service-item-title {
    font-size: 1.2rem;
    padding: 8px 8px 0 8px;
  }
  .top-service-list {
    justify-content: space-around;
  }
  .top-service-item {
    align-items: center;
  }
  .section-desc {
    font-size: 0.9rem;
  }
}
@media (max-width: 560px) {
  .top-service-item {
    width: 90%;
    max-width: 320px;
  }
  .section-desc {
    font-size: 0.8rem;
  }
}
/*NEWS*/
.top_news_box {
  width: 1000px;
  margin: auto;
}

.top_news_box ul {
  margin: auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.top_news_box li {
  width: 500px;
}

@media screen and (max-width: 999px) {
  .top_news_box {
    width: 98%;
    margin: auto;
    padding: 0;
  }

}
@media screen and (max-width: 769px) {
  .top_news_box {
    width: 98%;
    margin: auto;
  }
}
@media screen and (max-width: 560px) {
  .top_news_box {
    width: 90%;
    margin: auto;
  }
  .top_news_box ul {
    margin: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .top_news_box li {
    width: 100%;
  }
}
/*pickupを入れる*/
.label-pickup {
  background-color: #ccd5d0!important;
  color: #012c15!important;
  font-size: 0.8em;
  padding: 3px 6px;;
  margin-right: 5px;
}
.top-service-item {
  position: relative; /* NEWを画像の上に置くため */
  display: inline-block;
}
.pt02-information-new-box {
  position: absolute; /* 画像の上に重ねる */
  top: 0;
  left: 0;
  width: 60px;
  height: 60px;
  background-color: #ff0000;
  color: white;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  transform-origin: top left;
  z-index: 2; /* 画像より前面に表示 */
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}