@charset "utf-8"; 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700&display=swap');
@import url('lp2024/lp2024.css?20240911');

@font-face {
    font-family: "bahnschrift";
    src: url('font/bahnschrift.woff') format('woff');
    font-display: swap;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
目次サイズ調整 2025-05-09yo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container{
	width:100%;
	padding:15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿・アーカイブ 2025-03-14rt
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sub_area .menu_header h2 {
    color: #cb010c;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
	font-size: 24px;
}
ul.post_archive li .ttl {
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル　＞　サイトのテーマ色を一括指定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字色 */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #cb010c;
}

/* ボーダー色 */
body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #cb010c;
}

/* 背景色 */
a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after, #h_navi_main ul:not(.sub-menu) > li > a:after {
    background-color: #cb010c;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

span.cmn_hanten {
    font-weight: bold;
    color: #FFFFFF;
    background: #151515;
    padding: 0 5px;
    line-height: 1.5;
}

h2[class*="h2b"] {
    font-size: 4rem;
    padding: 0px 40px 20px;
    border-bottom: 2px solid;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

h2[class*="h2b"]::before {
    width: 20px;
    height: 2px;
    top: auto;
    right: calc(50% - 13px);
    bottom: -9px;
    background-color: #151515;
    transform: rotateZ(135deg);
    z-index: 1;
}
/*ieのみの記述↓*/
@media all and (-ms-high-contrast: none) {
	h2[class*="h2b"]::before {  
    bottom: -7px;

}
}
h2[class*="h2b"]::after {
    position: absolute;
    content: "";
    background: #ffffff;
    width: 20px;
    height: 4px;
    bottom: -3px;
    left: calc(50% - 10px);
}
/*ieのみの記述↓*/
@media all and (-ms-high-contrast: none) {
h2[class*="h2b"]::after {
    bottom: 0;
}
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-weight: bold;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 10px 0 15px;
    border-left-style: none;
    border-bottom: 2px solid #151515;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
    color: #14405e;
    padding: 10px 30px;
    background: #d4e2eb;
    border-radius: 3px;
    font-weight: bold;
}

h3[class*="h3b"]::before {
    width: 3px;
    height: 25px;
    position: absolute;
    content: "";
    background: #3c7aa3;
    top: 12.5px;
    left: 15px;
}

a.basic_btn01 {
    padding: 20px 30px;
    color: #cb010c;
    border: 3px solid #cb010c;
    border-radius: 50px;
    font-size: 1.7rem;
    font-weight: bold;
    background: #FFFFFF;
}

a.basic_btn01:hover {
    background: #cb010c;
    color: #FFFFFF;
	opacity: 1;
}

a.basic_btn01:after {
    right: 10px;
}
.basic_box01 {
    background-color: #efefef;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用文字カラー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_red{
	color:#cb010c;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スニペット　＞　下線文字
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_kasen {
    border-bottom: solid 2px #000;
    padding-bottom: 5px;
    display: inline;
    line-height: 2;
    font-weight: bold;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送りを止めてローカルナビに変更（固定ページ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.local_navi3 > li > a {
	border: 1px solid #171717;
	font-weight: normal;
	font-weight: bold;
}
ul.local_navi3 > li > a::before{
	font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　ヘッダー画像
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo::after {
    content: '';
    position: absolute;
    left: calc(50% - 777px);
    bottom: 10px;
    background: url(images/header_img.png) no-repeat center bottom;
    width: 657px;
    height: 168px;
    background-size: auto 17vh;
}
@media (orientation: portrait) {
  .page_promo::after {
    background-size: contain;
  }
}

.page_promo .img_wrap {
    height: 425px;
}

.page_promo img {
    top: auto;
    left: calc(50% - 50px);
    -webkit-transform: none;
    -ms-transform: inherit;
    transform: none;
}

.page_promo .txt_box {
    text-align: left;
    width: 1600px;
    max-width: calc(100vw - 70px);
    margin: 0 auto 120px;
}
.page_promo .txt_box .inner{
    display: flex;
    flex-direction: column;	
	width: 740px;
    max-width: 42vw;
} 
   
.page_promo .ttl {
    font-size: 4.0rem;
    max-width: none;
    margin: 0;
}

.page_promo .sub_ttl {
   display: none;
}

.page_promo .slug {
    display: block;
    font-size: 3.0rem;
    color: #cb010c;
    font-weight: bold;
    margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層ページ　＞　お問い合わせ・LPコンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*お見積りの流れ*/
.c_flow_wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
}

.c_flow_wrap .item {
    flex-grow: 1;
    flex-basis: 0px;
}

.c_flow_wrap img {
    width: 120px;
	margin-left: auto!important;
	margin-right: auto!important;
}

.c_flow_wrap h4 {
    min-height: 50px;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c_flow_wrap p.txt{
    line-height: 1.4;
}

.c_flow_wrap  p:has(img) {
    position: relative;
}

.c_flow_wrap .item:not(:last-child) p:has(img)::after {
    content: '\e917';
    font-family: 'icomoon';
    font-size: 3em;
    color: #ed3a3a;
    position: absolute;
    top: 50%;
    right: -40px;
    transform: translateY(-50%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
       height: calc(100vh - 50px - 86px);
    height: calc((var(--my_vh) * 100) - 50px - 86px);
    min-height: calc(648px - 50px - 86px);
    /* max-height: 775px; */
    max-height: none;
    width: calc(100vw - 60px);
    min-width: 1200px;
    background: #fff;
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
    border-radius: 5px;
}
	

#promo_frame::before{
	position: absolute;
    content: '';
    width: 2000px;
    height: 230px;
    background: #d10101;
    bottom: -50px;
    left: -100px;
    z-index: -1;
}
#promo_frame .box01{
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	content: '';
	bottom: 100px;
	left: 130px;
	max-width: 800px;
	z-index: 1;
}
#promo_frame .main_ttl{
	font-size: 8.0rem;
	font-size: clamp(4.0rem,4.3vw,9rem);
	line-height: 1.2;
    margin-bottom: 10px;
}
#promo_frame .main_lead{
	font-size: 2.2rem;
}
#promo_frame .bnr{
	position: absolute;
	content: '';
	bottom: 25px;
	right: 50px;
	transition: .4s;
	z-index: 1;
	width: 394px;
	width: clamp(300px,21vw,394px);
}

#promo_frame .bnr:hover{
	transform: translateY(-10px);
	opacity: 1;
}
#promo_frame .bnr img:hover{
	opacity: 1;
}

#promo_frame .vegas{
	height:100%;
	border-radius: 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
vegasスライダーのズームのスピードを変更する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.vegas-animation-kenburns {
    animation: kenburns  ease-out  forwards;
	 -webkit-animation: kenburns ease-out forwards;
	
}

@-webkit-keyframes kenburns {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

@keyframes kenburns {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　トップページ＞　メッセージ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_message {
    background: url("images/message_bg.jpg") no-repeat;
    position: relative;
}

#home_message::after {
    position: absolute;
    content: '';
    background: url("images/message_img.png") no-repeat 50% / contain;
    width: 632px;
    height: 510px;
    bottom: 0;
    right: calc(50% - 870px);
}

#home_message.kugiri_m {
    padding-top: 70px;
    padding-bottom: 70px;
}

#home_message .inner {
    text-align: center;
    position: relative;
    padding: 20px 0;
}

#home_message .inner::before , #home_message .inner::after {
    position: absolute;
    content: '';
    width: 155px;
    height: 100%;
    top: 0;
    border-top: 7px solid #d10101;
}

#home_message .inner::before {
    left: 0;
    border-left: 7px solid #d10101;
    border-bottom: 7px solid #d10101;
}

#home_message .inner::after {
    border-right: 7px solid #d10101;
    right: 0;
}

#home_message .inner .main_ttl {
    font-size: 5rem;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

#home_message .inner .main_ttl::before , #home_message .main_ttl::after {
    position: absolute;
    content: '';
}

#home_message .inner .main_ttl::before {
    background: url("images/message01.png") no-repeat 50% / contain;
    width: 136px;
    height: 192px;
    top: -20px;
    left: 170px;
}

#home_message .inner .main_ttl::after {
    background: url("images/message02.png") no-repeat 50% / contain;
    width: 144px;
    height: 190px;
    top: -50px;
    right: 170px;
}

#home_message .inner p.main_lead {
    font-size: 2.6rem;
    font-weight: bold;
    background: #00274a;
    color: #FFFFFF;
    display: inline-block;
    padding: 5px 80px;
    margin-bottom: 20px;
	max-width: 500px;
}

#home_message .inner p.main_txt {
    font-weight: bold;
    line-height: 2;
    width: 500px;
    margin: 0 auto 30px;
    position: relative;
}

#home_message .inner p.main_txt::before {
    position: absolute;
    content: '';
    background: url("images/message_img02.png") no-repeat 50% / contain;
    width: 118px;
    height: 436px;
    left: -180px;
    top: -140px;
}

#home_message .inner p.main_btn a {
    font-size: 1.8rem;
    font-weight: bold;
    border: 3px solid #151515;
    min-width: 300px;
	max-width: 300px;
    color: #151515;
    padding: 15px 10px;
}
#home_message .inner p.main_btn a:hover{
	color: #FFFFFF;
	 background: #151515;
    opacity: 1;
    border: 3px solid #151515;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　トップページ＞　サービス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service {
    background: url("images/service_bg 02.jpg") no-repeat;
}

#home_service .kugiri_m {
    padding-top: 80px;
    padding-bottom: 100px;
}

#home_service .inner {
    text-align: center;
    max-width: 1600px;
    margin: 0 auto;
}

#home_service .main_ttl {
    color: #FFFFFF;
    line-height: 1.2;
    padding-bottom: 54px;
    margin-bottom: 30px;
    background: url(images/service_border.png) no-repeat;
    background-position: bottom left 50%;
    position: relative;
}

#home_service .main_ttl::after {
    position: absolute;
    content: '';
    background: url(images/service_ttl_img.png) no-repeat 50% / contain;
    width: 110px;
    height: 126px;
    top: -30px;
    right: calc(50% - 255px);
}

#home_service .main_ttl .en {
    font-size: 5rem;
    letter-spacing: 0.1em;
	font-family: 'Poppins', sans-serif;
}

#home_service .main_ttl .ja {
    font-size: 2rem;
    display: block;
    letter-spacing: 0.15em;
	font-weight: bold;
}

#home_service ul.items {
    justify-content: space-between;
    position: relative;
    align-items: center;
    margin:0 auto 80px;
	width: 90vw;
	max-width: 1600px;
	min-width: 1200px;
}

#home_service ul.items::before ,
#home_service ul.items::after{
	position: absolute;
    content: '';
}

#home_service ul.items::before {
    background: url(images/service_img.png) no-repeat 50% / contain;
    width: 166px;
    height: 258px;
    top: -186px;
    right: calc(50% - 570px);
}

#home_service ul.items::after {
    background: url("images/service_img2.png") no-repeat 50% / contain;
    width: 226px;
    height: 302px;
    bottom: -180px;
    left: 80px;
}

#home_service ul.items li {
    width: calc(34% - 20px);
    max-width: 515px;
    background: #FFFFFF;
    padding: 10px 10px 30px;
    box-shadow: 10px 0px 51px rgba(0,0,0,0.22);
}

#home_service ul.items li:hover {
    opacity: 1;
}

#home_service ul.items li:first-child {
    margin-top: -140px
}

#home_service ul.items li:last-child {
    margin-bottom: -140px;
}

#home_service ul.items li .txt_box {
    font-weight: bold;
    background: #FFFFFF;
    padding: 25px .7vw;
    display: inline-block;
    margin-top: -55px;
    max-width: 450px;
    width: calc(100% - 1.5vw);
    position: relative;
}

#home_service ul.items li .txt_box a {

    font-size: 3.2rem;
    color: #00234e;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
トップページ＞ 会社内容 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_about{
	background: #ededed;
}

#home_about.kugiri_m {
    padding-top: 120px;
    padding-bottom: 120px;
}

#home_about .inner {
    position: relative;
}

#home_about .main_ttl {
    position: absolute;
    content: '';
    right: calc(25% - 260px );
    top: -70px;
}
#home_about .main_ttl img{
	width: 174px;
	max-width: 10vw;
	min-width: 140px;
}

#home_about ol.items {
    max-width: 51vw;
    width: 970px;
    margin: 0 auto;
    position: relative;
    min-width: 730px;
}

#home_about ol.items::before {
    position: absolute;
    content: '';
    background: url("images/about_img01.png") no-repeat 50% / contain;
    width: 170px;
    height: 258px;
    right: -40px;
    top: -90px;
    z-index: 1;
}

#home_about ol.items::after {
    position: absolute;
    content: '';
    background: url("images/about_img03.png") no-repeat 50% / contain;
    width: 230px;
    height: 148px;
    right: -30px;
    bottom: -120px;
}

#home_about ol.items li {
    font-size: 2.8rem;
    font-weight: bold;
    border: 5px solid;
    border-radius: 8px;
    margin-bottom: 20px;
    padding:30px 100px;
    position: relative;
	background: #FFFFFF;
	transition: all .3s ease-out;
}
#home_about ol.items li:hover{
    opacity: 1;
    margin-left: 10px;
    margin-right: -10px;
	
}
 
#home_about ol.items li:not(:first-child){
	    padding: 30px 30px 30px 100px;
}

#home_about ol.items li::before {
    height: 88px;
    position: absolute;
    content: '';
    top: calc( 50% - 44px);
    left: -90px;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
}

#home_about ol.items li:nth-child(1)::before {
    background-image: url("images/no01.png");
}

#home_about ol.items li:nth-child(2)::before {
    background-image: url("images/no02.png");
}

#home_about ol.items li:nth-child(3)::before {
    background-image: url("images/no03.png");
}

#home_about ol.items li:nth-child(4)::before {
    background-image: url("images/no04.png");
}

#home_about ol.items li:nth-child(5)::before {
    background-image: url("images/no05.png");
}

#home_about ol.items li:nth-child(5)::after:hover{
	margin-right: 10px
}
#home_about ol.items li a{
	color: #151515;
	text-decoration: none;
}
#home_about p.css_bg{	
    max-width: 51vw;
    width: 970px;
    margin: 0 auto;
    position: relative;
    min-width: 730px;

}
#home_about p.css_bg::before {
    background: url("images/about_img02.png") no-repeat 50% / contain;
    position: absolute;
    content: '';
    width: 120px;
    height: 274px;
    left: -250px;
    bottom: -40px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　トップページ＞　スタッフ募集
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_recruit {
    position: relative;
	
}

#home_recruit::before {
    position: absolute;
    content: '';
    background: url(images/reuruit_mark.png) no-repeat top left / contain;
    width: 538px;
    height: 328px;
    top: -30px;
    left: 70px;
    background-size: 27vw auto;
	z-index: 1;
}

#home_recruit[class*="biggerlink"]:hover{
	opacity: 1;
}

#home_recruit .zoom_container{
	position: relative;
	overflow: hidden;
}

#home_recruit .zoom_container::after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("images/recruit_bg.jpg?ver=20210430") no-repeat center center / cover;
    transition: all .3s ease-out;
}
#home_recruit .zoom_container:hover{
	opacity: 1;
}

#home_recruit .zoom_container:hover::after{
transform: scale(1.05);
transition-duration: 0.5s;

}
#home_recruit .kugiri_m {
    padding-top: 90px;
    padding-bottom: 65px;
}

#home_recruit .inner {
    width: 450px;
    margin: 0 auto;
    border: 15px solid #FFFFFF;
    text-align: center;
    padding: 100px 30px 80px;
    position: relative;
    max-height: 450px;
	z-index: 1;
}

#home_recruit .inner::before {
    position: absolute;
    content: '女性 \A スタッフも \A 活躍中！';
    background: url(./images/recruit_img01.png) no-repeat 50% / contain;
    width: 188px;
    height: 188px;
    top: -60px;
    left: -120px;
    font-size: 2.8rem;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0;
    white-space: pre;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
}

#home_recruit .main_ttl {
    margin-bottom: 40px;
    font-size: 5rem;
    font-weight: bold;
    color: #FFFFFF;
}

#home_recruit p.btn a {
    font-size: 2.8rem;
    font-weight: bold;
    color: #FFFFFF;
    background: #138ddb;
    letter-spacing: .075em;
    border-radius: 10px;
    padding: 5px 20px;
    min-width: 280px;
	max-width: 380px;
	font-family: 'Poppins', sans-serif;	
}

#home_recruit:hover .inner p.btn a {
    color: #138ddb;
    background: #FFFFFF;
	opacity: 1;
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　お問い合わせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area  {
    background: #ededed;
}

#contact_area .inner {
    text-align: center;
	position: relative;
}
#contact_area .inner::before{
	position: absolute;
	content:'';
	background: url("images/contact_img.png") no-repeat 50% / contain;
	width: 230px;
	height: 282px;
	top: 0;
    left: calc(50% - 460px);
}

#contact_area .logo {
  margin-bottom: 20px;
}
#contact_area .tel{
	margin-bottom: 20px;
}
#contact_area .tel a {
    font-size: 4rem;
    font-weight: bold;
    text-decoration: none;
    color: #151515;
    line-height: 1.4;
}
#contact_area .tel a::before{
	font-family: "icomoon";
    font-size: 3.8rem;
    margin-right: 10px;
    color: #cf0009;
     content: "\f095"; 
    line-height: 1;
    vertical-align: -4px;
}

#contact_area .tel a .num{
	font-family: bahnschrift;
}
#contact_area .tel a span.open {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
}

#contact_area .contact a {
    font-size: 2rem;
    font-weight: bold;
    color: #FFFFFF;
    background: #cf0009;
    display: inline-block;
    min-width: 380px;
    max-width: 420px;
    padding: 18px 20px;
    border-radius: 40px;
    text-decoration: none;
    margin-bottom: 20px;
    border: 3px solid #cf0009;
}
#contact_area .contact a:hover {
	opacity: .8;
	color: #cf0009;
	background: #FFFFFF;
	
	
}
#contact_area .addr {
  font-size: 1.6rem;
  font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　トップページ＞　フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap{
	background: #cf0009;
	padding: 35px 0 20px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) > li.home {
 position: static;
}
div#f_navi_wrap .navi_a ul:not(.sub-menu){
	justify-content: space-between;
}
div#f_navi_wrap .navi_a ul:not(.sub-menu) > li > a{
	color: #FFFFFF;
}
div#f_navi_wrap ul.sub-menu{
	display: none;
}
div#f_navi_other > * {
	border-top: 1px solid #cf0009;
}
div#f_navi_other ul{
	float: inherit;
	text-align: center;
}

div#f_navi_other ul li:not(:last-child) {
	border-color:#FFFFFF;
}
div#f_navi_other ul li a{
	color: #FFFFFF;;
}
#f_navi_other .footer_search {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　関連リンク非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_other ul li:first-child {
    display: none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame{
	background: #cf0009;
}

div#copy_area {
    padding: 20px 0 20px;
    text-align: center;
	background: #cf0009;
}

div#copy_area, div#copy_area a {
    color: #fff;
    font-size:1.6rem;
}

div#copy_area .by {
    margin-left: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サービス案内＞アイコンを追加する　2025-09-18kn
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.service_info_ttl {
	display: inline-block; 
	position: relative; 
	text-decoration: none;
	color: inherit;
	padding-right: 28px; 
}

.arrow_icon {
	position: absolute;
	right: 0;
	top: 43%; 
	transform: translateY(-50%); 
}

/* アイコンの見た目の設定 */
.arrow_icon::before {
	font-family: "icomoon";
	content: '\e038';
	font-size: 2rem; 
	line-height: 1;
}