/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 16 2026 | 09:15:07 */
/*--------------------------------
ホームページ
--------------------------------*/
aside.container__col.container__col-12.container__col-md-3.u-hidden.u-md-block {
     display: none;
}
/*----- トップページのオレンジ半円の背景を削除 -----*/
.panel--circle--left::after,
.panel--circle--right::after {
     background: none!important;
}
/*----- トップページのガジェット下の空き調整 -----*/
body.page-id-10 section.panel.u-paddingBottom10gu.u-md-paddingBottom20gu.panel--circle.panel--circle--left {
     margin-top: 3em;
}
body.page-id-10 section.panel.u-paddingBottom8gu.u-md-paddingBottom16gu {
     /* margin-top: -4em; */
     /* margin-top: -3em; */
     padding-bottom: 1em;
}
body.page-id-10 section.panel.panel--bg-image.m-minus.p-btn-100.panel--arc-top.panel--arc-bottom.rrrrrrrr {
     /* margin-top: -2em; */
     /* padding-bottom: 0; */
     padding-bottom: 1em;
}
body.page-id-10 section.panel.panel--awards.u-paddingBottom22gu.u-md-paddingBottom32gu.u-textAlignCenter {
     margin-top: -2em;
}
@media screen and (min-width: 768px) {
     body.page-id-10 section.panel.u-paddingBottom10gu.u-md-paddingBottom20gu.panel--circle.panel--circle--left {
          margin-top: 1em;
     }
     body.page-id-10 section.panel.panel--bg-image.m-minus.p-btn-100.panel--arc-top.panel--arc-bottom.rrrrrrrr {
          /* margin-top: 17em; */
          margin-top: 20em;
          /* padding-bottom: 5em; */
          padding-bottom: 4em;
     }
     body.page-id-10 section.panel.u-paddingBottom8gu.u-md-paddingBottom16gu {
          margin-top: -5em;
     }
     body.page-id-10 section.panel.panel--awards.u-paddingBottom22gu.u-md-paddingBottom32gu.u-textAlignCenter {
          margin-top: 1em;
          /* margin-bottom: -6em; */
          margin-bottom: 0;
     }
}
@media screen and (max-width: 990px) {
     body.page-id-10 section.panel.panel--bg-image.m-minus.p-btn-100.panel--arc-top.panel--arc-bottom.rrrrrrrr {
          margin-top: 24em;
     }
}
@media screen and (max-width: 767px) {
     body.page-id-10 section.panel.panel--bg-image.m-minus.p-btn-100.panel--arc-top.panel--arc-bottom.rrrrrrrr {
          margin-top: 2em;
     }
}
/*----- ニュース部分のレイアウト調整 -----*/
.content-lines {
     padding: .5em 1em;
}
.news-area,
.news-item {
     padding: .5em;
     line-height: 1.5;
     border-bottom: 1px dotted #999;
}
.news-area:last-child,
.news-item:last-child {
     border: none;
}
.news-item span.text {
    display: block;
}
.news-item span.text span.news-date {
    display: block;
    float: left;
    width: 6em;
}
.news-item span.text span.news-icon {
     display: block;
     float: left;
     margin-right: .5em;
     padding: .15em .5em 0;
     width: 7em;
     font-size: .8em;
     color: #fff;
     background-color: orange;
     text-align: center;
}
@media screen and (min-width: 768px) {
    .news-item span.text {
        float: left;
        width: 13.5em;
    }
}
@media screen and (max-width: 767px) {
    .news-item span.text {
        width: 100%;
        overflow: hidden;
    }
}
/*----- ここまで -----*/
/* .div-content {
     font-size: .9em;
     line-height: 1.2;
     padding: 5px 0;
}
.lf-content.boxx {
     display: flex;
     align-items: center;
     justify-content: center;
}
.rf-content {
     padding: 5px;
}
.rf-content a {
     text-decoration: none;
}
.rf-content a:hover {
     text-decoration: underline;
} */
/* @media screen and (min-width: 768px) {
     .lf-content.boxx {
          width: 20%!important;
     }
     .rf-content {
          width: 76%!important;
     }
}
@media screen and (max-width: 767px) {
     .lf-content.boxx {
          width: 30%!important;
     }
     .rf-content {
          width: 60%!important;
     }
} */
@media screen and (max-width: 767px) {
     /* ニュース欄の左右幅調整 */
     body.home .content-lines {
          width: 97%;
     }
     body.home .text-center-heading {
          width: 107%;
     }
     /* ガジェットの幅調整 */
     body.home div#response {
          width: 107%;
     }
     body.home .buttonss {
          margin-bottom: 2em!important;
     }
}
/*----- ニュースとガジェットの長文テキストの省略設定(三点リーダー) -----*/
a.news_list {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
     overflow: hidden;
}
span.news_list,
.h3.u-marginBottom3gu {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 3;
     overflow: hidden;
}
/*----- 画像回り込みテキスト -----*/
.three-features-contents {
     clear: both;
     height: auto;
     overflow: hidden;
}
.three-features-contents .three-features {
     margin-top: 1.5em;
     clear: both;
     text-align: left;
}
.three-features-contents .three-features p {
     margin-bottom: 1em!important;
}
/* 区切り線 */
hr.three-features-hr {
     margin-top: 0!important;
     margin-bottom: 1.1em!important;
     border: none!important;
     border-bottom: 1px dotted #999!important;
}
/* 画像左配置 */
.image-left {
     margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
     /* 画像左配置 */
     .image-left {
          float: left;
          margin-right: 1em;
          margin-bottom: 1em;
          width: 25%;
     }
}
/*----- 見出し -----*/
/* <h3> */
.three-features h3 {
     margin-bottom: .5em;
     font-size: 1.3em;
     font-weight: 700;
     color: #104777;
}
/*----- 3つの推しの調整 -----*/
/* パネルのパディング調整 */
article.card__content.card__content--home {
     margin: 0 -.5em 0 -.5em;
}
.grid-change .container__col-md--spaced {
     padding: 1.5em 1.5em 0;
}
h2.card__heading {
     font-size: 1.2em;
     font-weight: bold;
}
@media screen and (max-width: 767px) {
     h2.card__heading {
          font-size: 1.5em;
          line-height: 1.5;
     }
}
article.card__content.card__content--home p {
     /* font-size: 0.9em; */
     font-size: 1.125em;
     padding: 0 .25em 0 .4em;
}
a.button.button--primary {
     display: block;
     margin: 0 auto 2.5em;
     padding: 1em 1em .9em;
     width: 100%;
     line-height: 1.2;
     color: #fff;
     text-align: center;
     text-decoration: none;
     border-radius: 0.5em;
     box-sizing: border-box;
     background-color: rgb(0 99 229 / 100%);
     font-size: 0.9em;
}
@media screen and (min-width: 768px) {
     .container__col.container__col-12.container__col-md-auto.container__col-md--spaced.u-bgColorWhite.u-paddingHoriz5gu.u-md-paddingHoriz12gu.u-paddingTop4gu.u-md-paddingTop10gu.u-paddingBottom5gu.u-md-paddingBottom12gu.u-marginBottom5gu.u-md-marginBottom0gu.card.card--home.container__col-md--spaced--first {
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
     }
     a.button.button--primary {
          width: 95%!important;
          transition: all ease 0.2s;
          margin-top: auto;
     }
     a.button.button--primary:hover {
          width: 100%!important;
          box-shadow: 6px 6px 13px 6px rgb(0 0 0 / 18%);
          background-color: rgb(0 99 229 / 75%);
     }
}
/*----- 選ばれる理由 -----*/
@media screen and (min-width: 768px) {
     .three-features-contents img {
          margin-top: 1.2em;
     }
}
/*----- LP用のバナー配置 -----*/
/* トップページのみでの表示（バナーの切り替え表示） */
.LP-bnr {
     display: none;
}
body.home .LP-bnr {
     display: block!important;
}
/*----- 受賞歴のタイトル上の空き調整（モバイル標示） -----*/
@media screen and (max-width: 767px) {
     section.panel.u-paddingBottom14gu.u-md-paddingBottom16gu.panel--circle.panel--circle--right {
          margin-top: 3em;
     }
}


/*----- リンクボタンのhover挙動 -----*/
body.home a.button.button--primary.link-btn {
	background-color: #0063E6;
	border-radius: 27px;
	outline: none;
	text-decoration: none;
	color: #fff;
	padding: 15px 0 15px;
	margin-top: auto;
	margin-bottom: 2em;
	display: inline-block;
	transition: all 0.5s;
	border: 1px solid #0063E6;
	font-size: 16.2px;
	font-weight: bold;
}
body.home a.button.button--primary.link-btn:hover {
	background-color: #FBBD3A;
	color: #2A2723;
	border: 1px solid #FBBD3A;
	width: 95%!important;
	box-shadow: none;
	letter-spacing: 0;
}