@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

body {
	font-family: "Zen Kaku Gothic New", sans-serif;
}

footer p,footer a {
	color:#fff!important;
}

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

.menu-item-58 {
	    cursor: default;
}


/* スマホ表示用の調整（画面幅960px以下） */
@media screen and (max-width: 960px) {
  .swiper.swell-vertical-swiper {
    height: 700px !important; /* スマホ用に全体の高さを広げる */
  }
  .swiper.swell-vertical-swiper .swell-block-columns__inner {
    flex-direction: column !important; /* カラムを縦並びにする */
    justify-content: center !important;
  }
}



@media screen and (min-width: 960px){
/* *************************************** Media Queries PC　********************************************************************************************************************************************************************************************************************************************** */
	
	
/* 	header */
	
	.c-gnav>.menu-item>a {
	padding:0 0.55vw;
}
	
	.l-header__inner {
		margin:0;
		width:100%!important;
	}
	
	.-series-right .l-header__inner {
		padding:0 0 0 25px;
	}
	
	header .l-container {
		max-width:100%!important;
	}
	.head_contarea div {
		display:flex;
	}
	
	.head_contarea .tel_head {
		font-size:1.5vw;
		white-space: nowrap;
		color:#123D83;
		font-weight:600;
		font-family: "Jost", sans-serif;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/tel_ico.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:20px 0 20px 30px;
		margin:0 20px 0 0;
		height: 80px;
	}
	
	.c-headLogo {
		height:70%;
	}
	
	.l-fixHeader__logo {
		padding:0!important;
	}
	
	.-series .l-header__logo {
		padding:0!important;
	}
	
	.-series .c-headLogo {
		height:70%;
	}
	
	.l-fixHeader__inner {
		margin:0;
	}
	
	#fix_header .l-container {
		max-width:100%!important;
		padding:0 0 0 25px;
	}
	
	.l-header__gnav .ttl {
		font-weight:bold;
		font-size: 0.8vw!important;
	}
	
	.c-gnav>.menu-item>a .ttl {
		font-weight:bold;
/* 		font-size: 0.8vw!important; */
		font-size: clamp(13px, 0.89vw, 17px) !important;
	}	
	
	.fax_head a {
		color:#fff!important;
				padding:20px 25px 20px 50px;
				font-weight:bold;
				white-space: nowrap;
				background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/fax.png);
		background-repeat:no-repeat;
		background-position:10px center;
		width:100%!important;
		display:block;
				background-color:#123D83;
		color:#fff;
		font-size:0.7vw;
		height: 80px;
	}
	
	.fax_head a:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.c-gnav {
    height: 40%!important;
    border-right: 1px solid #333;
    margin: 25px 0!important;
}
	
	/* 	header */
	.l-header, .l-header__inner {
    position: relative;
    width: 100%;
    position: fixed;
    height: 80px;
}
	
	.l-header__logo {
		min-width:15%;
	}
	
	.c-headLogo,.c-headLogo img {
        width: 280px!important;
    }
	
	.w-header {
    height: 80px;
    overflow: hidden;
}
	
/* 記事一覧ページ（アーカイブ）をサイト最大幅に強制上書き */
.blog .l-mainContent,.archive .l-mainContent {
    max-width: var(--container_size) !important;
}
	
	.p-breadcrumb.-bg-on {
    background: none;
    box-shadow: none !important;
	padding: 20px 6vw 20px 20px;
		z-index:11;
}
	.p-breadcrumb__list {
		padding:0!important;
	}
	
	.error404 #content {
		padding-bottom:80px;
	}
	
	.mod_04 .swell-block-columns__inner {
		justify-content:center;
	}
	
	.odpr_01 .wht_bg .wp-block-button {
		margin:0 auto;
	}
	
	.odpr_01 .wht_bg .wp-block-button a {
		width:230px!important;
	}
	
	.section figure img {
		box-shadow:10px 10px 0px #123D83;
	}
	
/* 	mainvisual */
	
	#main_visual {
		position:relative;
		top:80px;
	}
	
	#main_visual:before {
		content:'';
		display:block;
		width:100%;
		height:100%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/Subtract.png);
		background-position:bottom;
		position:absolute;
		bottom:0px;
		z-index:10;
		background-repeat:no-repeat;
	}
	
	#main_visual .swiper-pagination {
		display:none;
	}
	
.p-mainVisual__slideTitle {
    color: #123D83;
    font-weight: bold;
    font-size: 66px;
    text-align: left;
    background-color: transparent !important;
	position:absolute;
	bottom:150px;
}

.p-mainVisual__slideTitle span {
    background-color: #fff !important;
    padding: 5px 0px 5px 15px !important;
    display: inline-block !important;
    margin-bottom: 10px;
	color: #123D83;
	font-size:40px;
	font-weight:600;
	line-height:180%;
}
	
	.p-mainVisual__slideTitle span strong {
		font-size:70px;
		line-height:90%;
	}

/* ==========================================================
   リビールアニメーション（開始タイミングを遅らせた版）
   ========================================================== */

/* 全体の初期化：テーマ特有の文字の影を消してバグを防ぐ */
.p-mainVisual__slideTitle,
.p-mainVisual__slideTitle * {
    background-color: transparent !important;
    text-shadow: none !important; 
}

/* 文字を囲むブロック（最初から背景は白、文字も白にする） */
.p-mainVisual__slideTitle span {
    position: relative;
    display: inline-block !important;
    margin-bottom: 10px;
    padding: 5px 20px 5px 15px !important; /* 白背景の余白 */
    background-color: #ffffff !important;   /* 最初から最後まで背景は白に固定 */
    color: #123D83 !important;              /* 最初は文字を白にして背景と同化させる */
    overflow: hidden;
    vertical-align: middle;
    
    /* 1行目の文字色を変化させるタイマー（遅らせました） */
    animation: revealTextNow 0s forwards !important;
    animation-delay: 1.6s !important; /* 黒い四角が伸びきった瞬間に文字色を紺に変える */
}

/* 左から伸びてハケる黒い四角（リビールボックス） */
.p-mainVisual__slideTitle span::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #123D83 !important; /* 通り過ぎる四角の色（黒） */
    transform: scaleX(0);
    transform-origin: left;
    z-index: 2;
    
    /* 1行目の黒い四角を走らせるタイマー（遅らせました） */
    animation: revealBlockNow 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards !important;
    animation-delay: 1.0s !important; /* ページが表示されてから「1秒後」に動きがスタート */
}

/* ----------------------------------------------------------
   2行目（brの次のspan）の時間差（ディレイ）設定
   ---------------------------------------------------------- */
.p-mainVisual__slideTitle br + span {
    animation-delay: 2.4s !important; /* 1行目が終わった後に文字色を変える */
}
.p-mainVisual__slideTitle br + span::after {
    animation-delay: 1.8s !important; /* 1行目が終わった後に黒い四角を走らせる */
}

/* ----------------------------------------------------------
   アニメーションの具体的な動き（キーフレーム）
   ---------------------------------------------------------- */
@keyframes revealBlockNow {
    0% { transform: scaleX(0); transform-origin: left; }
    50% { transform: scaleX(1); transform-origin: left; }
    51% { transform: scaleX(1); transform-origin: right; }
    100% { transform: scaleX(0); transform-origin: right; }
}

/* 黒い四角が通り過ぎた瞬間に、文字色を紺色（#123D83）にする */
@keyframes revealTextNow {
    to { 
        color: #123D83 !important; /* 最終的な文字の色（紺） */
    }
}
	
/* kyunosuketoha */
	.top_01 .text {
		font-size:20px;
		margin:0 0 50px;
	}
	
	.top_01 .blu_area {
		background-color:#E4EEFF;
		width:90%;
		border-radius:16px;
		padding:40px;
		max-width: 720px;
		position:relative;
	}
	
	.top_01 .point {
		background-color:#123D83;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 20px;
		display:inline-block;
		border-radius:50px;
		font-size: clamp(14px, 1vw, 18px) !important;
	}
	
	.top_01 .point span {
		font-size: clamp(11px, 0.8vw, 14px) !important;
		padding:0 5px 0 0;
	}
	
	.p_tex {
		font-size: clamp(16px, 1.2vw, 20px) !important;
		border-bottom:3px dotted #123D83;
		padding: 0 0 0 0.5vw;
        margin: 0 0 0 0.5vw;
	}
	
	.top_01 .but_01 {
position: absolute;
        right: 25px;
        bottom: -10.5vh;
	}
	
/* 	but_01_css */
	
	.but_01 a {
		background-color: unset!important;
    color: #123D83!important;
		font-size:18px;
		font-weight:bold;
	}
	
	.but_01 a {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:96% center;
		display:block;
		width:250px !important;
		position:relative;
		text-align: left;
	}
	
	.but_01 a:hover {
		transition:0.7s;
		background-position:100% center;
	}
	
/* 	.but_01:after {
		content:'';
		width:70px;
		height:70px;
		border:1px solid #123D83;
		border-radius:50px;
		position:absolute;
		right:-27px;
	}
 */
	
/* 枠線が滑らかなグラデーションで消え入る回転サークル */
.but_01 a:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    right: -18px;
    top: 50%;
    
    /* 1. 扇状グラデーションで「濃い紺色」から「透明」へじわ〜っと変化させる */
    background: conic-gradient(#123D83 0%, #123D83 30%, transparent 85%);
    
    /* 2. マスク処理を使って、円の内側をくり抜き「太さ2pxの線」だけを残す */
    -webkit-mask: radial-gradient(transparent 33px, #000 34px);
    mask: radial-gradient(transparent 34px, #000 35px);
    
    border-radius: 50%;
    box-sizing: border-box;
    
    /* くるくる滑らかに回るアニメーション（中心がズレないように調整） */
    animation: circleRotateSmooth 1.5s linear infinite;
}

/* 縦中央配置（translateY）を維持したまま綺麗に回転させる定義 */
@keyframes circleRotateSmooth {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
	
/* 	top_02 */
	
	.top_02 {
			 width: 100vw;
    margin: 0 0 150px;
    padding: 150px 0;
    position: relative;
	}
	
	.top_02::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #123d83;
    transform: skewY(5deg);
    z-index: -1;
		height:100%;
}
	.top_02 .copy {
		margin: 60px 0 0 60px !important;
	}

	.top_02 .copy strong {
		background-color:#fff;
		padding:5px;
		margin:0 0 10px;
		display:inline-block;
		font-size: clamp(20px, 3.3vw, 40px) !important;
		color:#123D83;
	}
	
	.maru_anime {
		background-color:#E4EEFF;
		width:297px;
		padding:110px 0;
		font-size:31px;
		color:#123D83;
		font-weight:bold;
		line-height:130%;
		border-radius:50%;
		position:relative;
	}
	
	/* 1. 回転するアニメーションの動きの指示（キーフレーム）を作成 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 2. 画像に対してアニメーションを適用する */
.maru_anime:after {
    content: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/maru_shitte.png);
    position: absolute;
    top: -30px;
    left: -30px;
    
    /* 💡 くるくる回す設定を追加 */
    transform-origin: center center; /* 画像の中心を軸にする */
    animation: spin 20s linear infinite; /* 20秒かけて等速で無限に回り続ける */
}
	
	.top_02 .cul_01 {
		margin:0 0 140px;
	} 
	
	.top_02 .cul_01 h2 {
		padding:50px 0 0;
	}
	
	.top_02 .cul_02 {
		position:relative;
		padding:0 0 50px;
	}
	
	.top_02 .wht_bg {
		background-color: #ffffffd9;
        padding: 60px 50px;
        position: relative;
        right: 20%;
        top: 0px;
        width: 120%;
	}
	
	.top_02 .wht_bg p {
		font-size: clamp(15px, 1.5vw, 20px) !important;
		color:#123D83;
	}
	
	.top_02 .wht_bg h3 {
		text-align:center!important;
		color:#123D83;
		font-size:32px;
		position:relative;
		margin:0 0 40px;
	}
	
	.top_02 .wht_bg h3:after {
		content:'';
		width:65px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 34px);
	}
	
	.top_02 .cul_03 {
		background-color:#ffffff1f;
		padding:50px 100px 60px;
	}
	
	.top_02 .cul_03 .maru_img img {
		border-radius:50%;
	} 
	
	.top_02 .cul_03 .maru_img {
		margin:0 0 -20px;
	}
	
	.top_02 .cul_03 .scene {
		margin:0 0 -45px;
		position:relative;
	}
	
	.top_02 .cul_03 h3 {
		font-size:24px;
	}
	
		.top_02 .cul_03 h3:after {
		content:'';
		width:30px;
		height:2px;
		background-color:#fff;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 15px);
	}
	
	.top_02 .cul_03 p {
		font-size:16px;
	}
	
	.top_02 .cul_03 .swell-block-column {
		padding:0 25px;
	}
	
	.top_02 h2 {
		font-size:36px;
		margin-bottom:30px;
	}
	
	
/* 	Usage Guide */
	.top_03 h2 {
		font-size:80px;
		font-family: "Jost", sans-serif;
		font-weight:500;
		color:#123D83!important;
		position:relative;
	}
	
	.h2_style .is-style-section_ttl {
		position:relative;
	}
	
	.h2_style .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 28px);
	}
	
	.h2_style h2 {
		margin:40px;
	}
	
	.h2_style p {
		font-size:16px;
		font-weight:bold;
	}
	
	.h2_style {
		margin:0 0 55px;
	}
	
/* 	.top_03 .is-style-section_ttl {
		position:relative;
	}
	
	.top_03 .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 28px);
	} */
	
	.top_03 .youtube {
	display:block;
		width:1000px;
		padding:300px 0;
		background:#333;
		margin:0 auto;
		color:#fff;
	}
	
/* 	.nagareru {
		font-size:150px;
		font-weight:500;
		font-family: "Jost", sans-serif;
		color:#fff;
	} */
	
/* 1. 親要素：ここを基準位置にする */
.top_03 {
    position: relative;
    z-index: 1;
    overflow: hidden;
	  padding: 0 0 150px !important;
}

/* 2. 流れる文字のエリア：背景として浮かせて配置 */
.marqee-wrap {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    width: 100%;
    
    /* 【追加】背景に回すための設定 */
    position: absolute;
    top: 50%;         /* 上からの位置（h2や動画とのバランスを見て調整してください） */
    left: 0;
    z-index: -1;      /* 他の要素（h2や動画）より下に配置 */
    pointer-events: none; /* 文字が邪魔してYouTubeをクリックできなくなるのを防ぐ */
}

/* 3. 流れる文字自体の設定 */
.nagareru {
    font-size: 150px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: #fff;
    display: inline-block;
    padding-left: 0;
    flex-shrink: 0;
    animation: marqee-loop 15s linear infinite;
}

/* 4. アニメーション定義 */
@keyframes marqee-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 5. YouTube動画エリア：文字より手前に出す */
.youtube {
    position: relative;
    z-index: 2; /* 文字（-1）より大きい数字にして手前に浮かせる */
}
	
/* 	models */
	
	.top_04 h2 span {
		font-size:80px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.top_04 h2 {
		margin:0 0 40px;
	}
	
	/* 1. 外枠の高さを固定（これが基準になります） */
.swiper.my-vertical-slider {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: 515px !important; /* スライダー全体の高さ */
  margin: 20px 0;
  overflow: hidden !important; /* 枠外にはみ出たスライドを隠す */
}

/* 2. スライドを包む枠（高さを100%にして縦並びを確定） */
.my-vertical-slider .swiper-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 3. 各スライド（高さを「親要素と同じ」に強制固定） */
.my-vertical-slider .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* ココが最重要：縦スライダーでは高さを100%（またはflex-shrink:0）にします */
  height: 100% !important; 
  flex-shrink: 0 !important; 
  width: 100% !important;
  box-sizing: border-box !important;
  color: #333 !important;
  font-size: 20px;
  font-weight: bold;
}

/* ページネーション（丸い点）の位置調整 */
.my-vertical-slider .swiper-pagination-bullets {
  right: 0px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
	
	.top_04 .my-vertical-slider .swiper-slide {
		display:block;
		background-color:#f4f4f400;
	}
	
	.top_04 .h2_style .is-style-section_ttl:after {
		background-color:#fff;
		left:0;
	}
	
	.top_04 .swp_inner {
		display:flex;
		background-color:#ffffffd9;
		padding:34px 45px;
		height:100%;
		width:98%;
		position:relative;
	}
	
	.top_04 .swiper-slide {
		background:none!important;
		padding:0px;
		display:block!important;
	}
	
	.top_04 .swiper-slide figure img {
		box-shadow:8px 9px 12px #00000017;
	}
	
	.top_04 .swiper-slide figure {
		margin:0 60px 0 0;
	}
	
	.top_04 .swiper-slide h3:before {
		background:none;
	}
	
	.top_04 .swiper-slide h3 {
		margin:0 0 30px;
		padding:0;
		font-family: "Jost", sans-serif;
		color:#212682;
		font-size:50px;
	}
	
	.top_04 .swiper-slide p {
		font-size:18px;
	}
	
	.top_04 .swiper-slide .copy {
		font-size:2vw;
		font-weight:bold;
		margin:0 0 25px;
	}
	
	.top_04 .swell-block-fullWide__inner {
		padding:0 50px;
	}
	
	.top_04 .but_01 {
		margin:40px 0 0 50px;
		position:absolute;
		right:100px;
		text-align:center;
	}
	
.swiper-pagination {
    display: flex;
    flex-direction: column; /* 縦並びにする */
    align-items: center;    /* 中央揃え（必要に応じて） */
    justify-content: center;
    gap: 8px;               /* ドット間の隙間（お好みで調整） */
    
    /* 位置の調整（右側に配置したい場合の例） */
    position: absolute;
    right: 10px;            
    top: 50%;
    transform: translateY(-50%);
    bottom: auto !important; /* 下部配置のスタイルを打ち消す */
    width: auto !important;
}

/* ドット自体のマージンをリセット（横並び用の余白を消す） */
.swiper-pagination-bullet {
    margin: 0 !important;
}
	
		.swiper-pagination-bullet {
		background:#fff;
		opacity:1;
	}
	
	.swiper-pagination-bullet-active {
		background:#123D83;
		border:1px solid #fff;
	}
	
/* 	top_05 */
	
	.top_05 h2 {
		color:#123D83!important;
		font-size:4.5vw;
		font-family: "Jost", sans-serif;
		font-weight:500;
		white-space: nowrap;
		margin: 0 0 -12px;
    line-height: 100%;
	}
	
	.top_05 .inner {
		padding:60px 50px 130px;
		color:#fff;
		position:relative;
		background-size: cover;
	}
	
	.top_05 .inner h3 {
		font-size:20px;
		position:relative;
		padding:0 0 0 40px;
		margin:0 0 30px;
	}
	
	.top_05 .inner p {
		font-size:18px;
	}
	
	.top_05 .inner .but_01 {
		position:absolute;
		right:50px;
		bottom:50px;
	}
	
	.top_05 .inner .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/wht_yj.png);
	}
	
	
	.top_05 .inner .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
		        mask: radial-gradient(transparent 33px, #000 35px);
	}
	
	.top_05 .inner h3:before {
		content:'';
		display:block;
		width:30px;
		height:1px;
		background:#fff;
		position:absolute;
		left:0px;
		top:50%;
	}
	
	.work_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_01.png);
	}
	
		.order_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_02.png);
	}
	
	.order_box {
		padding:100px 30px 0!important;
	}
	
	.top_05 .work_box {
		padding:0 30px!important;
	}
	
	
/* 	top_06 */
	
	.top_06 .swiper-pagination {
		display:none;
	}
	
	.top_06 .swiper-button-next, .top_06 .swiper-button-prev {
		display:none;
	}
	
	.post_content :where(ul:not([type])) {
		list-style:none;
	}
	
		.top_06 .topic_title_area {
		padding:0 0 0 50px;
	}
	
	.top_06 h2 {
		font-size:5vw;
		text-align:left;
		font-family: "Jost", sans-serif;
		font-weight:500;
		margin:0 0 40px;
		color:#123D83!important;
	}
	
	.top_06 h2:after {
		left:0px!important;
	}
	
	.top_06 .h2_style {
		margin:0 0 80px;
	}
	
	.top_06 .but_01 a {
		text-align:left;
    width: 180px !important;
		padding:0;
		margin: 0 0 0 5px;
	}
	
		.top_06 .inner .but_01 a:hover {
		background-position: 80% center!important;
	}
	
	.top_06 .but_01 a:after {
		right:-20px;
	}
	
	.p-postList__item a {
		background-color:#fff;
	}
	
	.p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
		box-shadow:none;
	}

	/* 【決定版】すべてのカード型リストの並び順を強制変更する */
.p-postList__body {
    display: flex !important;
    flex-direction: column !important;
}

/* 日付・カテゴリ（メタ情報）を一番上に */
.p-postList__meta {
    order: 1 !important;
    margin-bottom: 8px !important;
	font-family: "Jost", sans-serif;
	font-size:14px;
	padding:0 15px;
}
	
	.p-postList__meta :before {
		content:none;
	}

/* タイトルを中央に */
.p-postList__title {
    order: 2 !important;
}
	
	.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
		padding:8px 15px 25px;
			font-size:16px!important;
		color:#333!important;
		margin:0;
	}

/* 抜粋文を一番下に */
.p-postList__text {
    order: 3 !important;
    margin-top: 8px !important;
}
	
	.p-postList__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:3px 15px 2px;
		border-radius:50px;
		font-size:14px;
	}
	
	[data-cat-id="3"] {
    background-color: #123D83;
}
	
	
	
/* 	footer_mae */
	
	.foot_bf h2 {
		font-size:80px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.foot_bf .h2_style .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.foot_bf .swell-block-column {
		background-color:#fff;
		color:#333;
		padding:30px 25px 40px;
		border-radius:16px;
	}
	
	.foot_bf .tate {
		font-family: "Jost", sans-serif;
		color:#123D83;
		font-size:20px;
		font-weight:500;
		writing-mode: vertical-rl;
		position:relative;
	}
	
	.foot_bf .tate:after {
		content:'';
		display:block;
		width:1px;
		height:30px;
		background-color:#123D83;
		position:absolute;
		left:12px;
		top:50px;
	}
	
	.foot_bf h3 {
		margin:0 0 24px;
	}
	
	.foot_bf .tel {
		font-family: "Jost", sans-serif;
		font-size:40px;
		font-weight:500;
		margin:0 0 -15px;
		font-size: clamp(30px, 3vw, 40px) !important;
	}
	
	.foot_cont_but {
		width:280px!important;
		display:table;
		margin:0 auto!important;
	}
	
	.foot_cont_but a:after {
		content:'';
		width:49px;
		height:49px;
		display:block;
		position:absolute;
		right:4px;
		top:5px;
		background-color:#fff;
		border-radius:50%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.foot_cont_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.foot_cont_but a {
    background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
    background-size: 200% auto;
    background-position: left center;
    font-size: 18px;
    position: relative;
    text-align: left;
    transition: background-position 0.4s ease, color 0.3s ease; 
}

.foot_cont_but a:hover {
    background-position: right center;
}
	
/* 	footer */
	
	#footer {
		padding:55px 0 35px;
	}
	
	.foot_logo_area .foot_logo {
		width:200px;
	}
	
	.foot_logo_area .foot_logo img {
		width:100%;
	}
	
	.foot_logo_area .foot_toroku {
		margin:50px 0 0;
	}
	
	#footer .syamei {
		font-size:18px;
		margin:0 0 20px;
	}
	
	#footer .add {
		font-size:15px;
		margin:0 0 20px;
	}
	
	#footer .tel_fax {
		font-size:15px;
		margin:0 0 20px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	#footer .text {
		font-size:12px;
	}
	
	.foot_nav {
		width:70%;
		float:right;
	}
	
	.foot_nav li {
		color:#fff!important;
		list-style:none;
		margin:0 0 25px;
	}
	
	.foot_nav li ul {
		margin:25px 0 0;
		border-left:1px solid #fff;
	}
	
	.w-footer {
		border-bottom:1px solid #fff;
		padding:0 0 30px;
	}
	
	.copyright {
		font-family: "Jost", sans-serif;
		text-align:right!important;
	}
	
	.foot_nav a:hover {
		color:#c7020d!important;
		transition:0.5s;
	}
	
	.l-content {
    margin: 0 auto!important;
	}
	
	.w-beforeFooter {
		margin: 0 auto 3em!important;
	}
	
/* 	title_area */
	.c-filterLayer.-texture-dot:after {
		content:none;
	}
	
	.l-topTitleArea {
		padding:80px 0 0;
	}
	
	.l-topTitleArea img {
		display:none;
	}
	
	.l-topTitleArea.c-filterLayer::before {
		content:none;
	}
	
	.c-pageTitle {
		color:#123D83;
		text-shadow:none;
		  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px; 
		font-size:20px;
		padding:0 0 0 40px!important;
	}
	
	.c-pageTitle:before {
		content:'';
		width:30px;
		height:1px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:11px;
		left:0px;
	}
	
	.c-pageTitle__subTitle {
		font-family: "Jost", sans-serif;
		font-size:96px;
		color:#123D83;
		font-style:normal;
		font-weight:500;
		margin:0 0 0 -40px;
		opacity: 1;
	}
	
	.l-topTitleArea__body {
		margin:0!important;
		padding:0 5%!important;
	}
	
	.p-breadcrumb {
		float:right;
		padding:0 5% 0 0;
	}

	.kaso_titleimg .swell-block-fullWide__inner {
		margin:0 5%;
		padding:0;
	}
	
	.kaso_titleimg {
	position: relative;
    top: -88px;
    margin: 0 0 -88px;
	}

.kaso_titleimg figure {
  position: relative;
  width: 88vw;
  height: 62vh;
  overflow: hidden;
  margin: 0 auto;
}

.kaso_titleimg figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
	
/* 	h2_title */
	.kaso_h2 h2 {
		font-family: "Jost", sans-serif;
		font-size:5vw;
		font-weight:500;
		color:#123D83!important;
		margin:0 0 20px;
		position:relative;
	}
	
	.kaso_h2 .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:-5px;
	}
	
/* About */

	.ab_01 .text_area p {
		font-weight:500;
		font-size:17px;
		line-height:220%;
	}
	
	.ab_02 {
		height:45vh;
	}
	
		.ab_25 {
		padding:80px 0 0!important;
	}
	
	.section {
  height: 100vh;
  position: sticky;
  top: 20px;
		/* ↓ 画面横幅いっぱいに広げる設定 */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
	
	.ab_03 .dot span {
  background-image: radial-gradient(circle, #123D83 15%, transparent 20%);
  background-size: 1em 0.2em;
  background-repeat: repeat-x;
  background-position: top left;
	} 
	
	.ab_03 .dot {
		line-height:250%;
		font-size:32px;
	}
	
	.section .moya {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/nayami_ico.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:5px 0 5px 50px;
		font-size:18px;
	}
	
	.section h3 {
		font-size:32px;
		margin:50px 0;
	}
	
	.section p {
		font-size:18px;
		font-weight:500;
	}
	
	.ab_03 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/01.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
		.ab_04 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/02.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
	
		.ab_05 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/03.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
			.ab_06 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/04.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
/* 	kyunosuke */
	.mod_01 h2 {
		font-size:32px;
		margin:45px 0 40px;
	}
	
	.mod_01 .maru_cul p {
		border:4px solid #123D83;
		width:225px;
		padding:73px 0;
		border-radius:50%;
		margin:0 20px;
		box-shadow:4px 4px 0px #123D83;
		font-size:20px;
	}
	
	.mod_01 .maru_cul .sang p {
		padding:54px 0;
	}
	
	.mod_01 .maru_cul .swell-block-column {
		width:225px;
	}
	
	.mod_01 .swell-block-columns__inner {
		justify-content:center;
		padding:0 0 80px;
	}
	
	.itig strong {
		line-height: 350%;
	}
	
	.cu_02 .swell-block-column {
		line-height:260%;
/* 		display:flex;
		align-items: center;
    justify-content: center; */
		font-size:18px;
		font-weight:500;
	}
	
	.c_h2 .is-style-section_ttl:after {
		left:calc(50% - 28px);
	}
	
	.mod_02 table th {
		background-color:#123D83;
		color:#fff;
		text-align:center;
	}
	
	.mod_02 table td {
		background-color:#fff;
		text-align:center;
		padding:10px;
	}
	
	.mod_02 h3 {
		margin:0 0 10px;
	}
	
	.mod_02 h3 strong {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
	}
	
	.mod_02 li {
		list-style: disc;
		margin:0 0 0 15px;
	}
	
	.mod_02 .kaso_h2 {
		margin:0 0 70px;
	}
	
	.mod_03 .cont_box {
		background-color:#fff;
		padding:44px 57px;
		box-shadow:0 0 15px #0003;
		margin:0 0 60px;
	}
	
	.mod_03 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:24px;
	}
	
	.mod_03 .cont_box h3 {
				margin:0 0 25px;
	}
	
	.mod_04 .cont_box {
		background-color:#fff;
				position:relative;
		padding:0 0 20px;
	}
	
	
	.mod_04 .cont_box .blu_area {
		background-color:#123D83;
		display:inline-block;
		color:#fff;
		padding:0px 10px;
		font-size:35px;
		font-family: "Jost", sans-serif;
		font-weight:500!important;
		position:absolute;
		top:0px;
		left:0px;
		margin:0;
		line-height:120%;
	}
	
	.mod_04 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
		margin:20px;
	}
	
	.mod_04 .cont_box p {
		margin:0 20px 20px;
	}
	
	.mod_04 .cont_box h4 {
		margin:20px 20px 10px;;
		font-size:16px;
	}
	
	.mod_04 .cont_box li {
		list-style:disc;
		margin:0 20px;
	}
	
	.mod_05 .fl_cont {
		position:relative;
	}
	
	.mod_05 .fl_cont:after {
		content:'';
		display:block;
		position:absolute;
		right:-20px;
		top:35%;
		 width: 12px;
  height: 30px;
  background-color: #123D83;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	
	.mod_05 .fl_cont:last-of-type:after {
		width:0px;
	}
	
	.mod_06 h2 {
		color:#fff!important;
	}
	
	.mod_06 h2:after {
		background-color:#fff!important;
	}
	
	.mod_06 a {
		background-color:#fff;
		height:120px;
		width:350px;
		display:inline-block;
		border-radius:70px;
		display: flex;
  align-items: center;
  justify-content: center;
		font-size:32px;
		color:#1F2384;
	}
	
	.mod_06 a:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.mod_06 .swell-block-column {
		width:350px;
	}
	
	.mod_06 .swell-block-columns__inner {
		justify-content:center;
	}
	
/* 	custumorder */
	
	.cuo_01 h2 {
		font-size:32px;
		margin:0 0 50px;
	}
	
	.cuo_01 .text_area {
		font-size:18px;
		font-weight:500;
		border-left:6px solid #123D83;
	  padding:0 0 0 35px!important;
		line-height:210%;
	}
	
	.cuo_02 h2,.cuo_02 .kaso_h2 p {
		color:#fff!important;
	}
	
	.cuo_02 .kaso_h2 .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.cuo_02 .wht_box {
		background-color:#fff!important;
		padding:30px;
	}
	
	.cuo_02 h3 {
		border-left:4px solid #123D83!important;
		padding:0 0 0 15px!important;
		font-size:20px;
		margin:0 0 20px;
	}
	
	.cuo_03 .wht_box {
		background-color:#fff;
		border:1px solid #123D83;
		padding:18px 16px;
		position:relative;
	}
	
	.cuo_03 h3 {
		font-size:18px;
		border-bottom:1px solid #123D83!important;
		margin:0 0 10px;
	}
	
	.cuo_03 .stp {
		font-family: "Jost", sans-serif;
		color:#123D83;
		position:absolute;
		top:-27px;
		left:0;
	}
	
	.cuo_03 .wht_box:after {
			  content: '';
        display: block;
        position: absolute;
        right: -20px;
        top: 35%;
        width: 12px;
        height: 30px;
        background-color: #123D83;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	
	.cuo_03 .wht_box:last-of-type:after {
		width:0px;
	}
	
	.cuo_03 .kaso_h2 {
		margin:0 0 70px;
	}
	
	.cuo_04 h3 {
		font-size:20px;
		font-weight:500;
		border-left:4px solid #123D83!important;
	  padding:0 0 0 20px!important;
		margin:20px 0;
	}
	
	.cuo_04 p {
		margin:0;
	}
	
    .cuo_04 table th {
        background-color: #123D83;
        color: #fff;
        text-align: center;
			width:40%!important;
    }
	
	    .cuo_04 table td {
        background-color: #fff;
        text-align: center;
        padding: 10px;
    }
	
/* 	orderprice */
	
	.odpr_01 .undl {
		font-size:24px;
		border-bottom:3px solid #123D83;
		display:table;
		margin:0 auto 50px;
	}
	
	.odpr_01 .wht_bg {
		background-color:#fff;
		position:relative;
		padding:40px 30px;
		border:1px solid #123D83;
	}
	
	.odpr_01 .no_p {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/sankaku.png);
		background-repeat:no-repeat;
		background-size:cover;
		font-size:32px;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 5px 35px;
		width:100px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.odpr_01 h3 {
		font-size:20px;
		margin:0 0 40px;
	}
	
	.odpr_01 p {
		margin:0 0 50px;
	}
	
	.odpr_01 .tel_fax p {
		margin:0;
		color:#123D83;
		font-family: "Jost", sans-serif;
		letter-spacing: 0.15em;
	}
	
	.odpr_01 .tel_fax .u-fz-s {
		margin:0 10px 0 0!important;
	}
	
	.odpr_02 .c-tabBody {
		background-color:#fff;
		border:1px;
		padding:120px 0;
	}
	
	.odpr_02 .c-tabBody__item {
		width: 90%!important;
        margin: 0 auto;
        max-width: 1280px;
	}
	
	
	
 	.is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] {
        background-color: #123D83 !important;
		color:#123D83;
    }
	
	    .odpr_02 .c-tabList li {
        background-color: #DDDDDD;
        width: 280px;
        margin: 0 10px;
        border-top-left-radius: 8px;
				border-top-right-radius: 8px;
    }
	
	    .odpr_02 .c-tabList li button {
        padding: 20px 0 !important;
        font-size: 20px;
				        border-top-left-radius: 8px;
				border-top-right-radius: 8px;
				color:#DDDDDD;
    }
	
	    .odpr_02 .c-tabList {
        justify-content: center !important;
    }
	
	.odpr_02 .c-tabList__button {
		display:flex;
		align-items: center;  
  justify-content: center;
	}
	
	

.tab-img-switch .c-tabList__item img:nth-of-type(1) {
    display: none;
}

.is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(2),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(2) {
    display: none;
}
    .is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(1),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(1) {
    display: inline-block;
}
	
	.c-tabList {
		border-bottom:3px solid #123D83;
	}
	
	.odpr_02 .fig_box {
		border:1px solid #123D83;
		position:relative;
	}
	
	.odpr_02 .fig_box .b_bg {
		background-color: #123D83;
        display: inline-block;
        color: #fff;
        padding: 0px 10px;
        font-size: 20px;
        font-family: "Jost", sans-serif;
        font-weight: 500 !important;
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0;
        line-height: 120%;
		white-space: nowrap;
	}
	
	.list_blu {
		border-bottom:2px solid #fff!important;
	}
	
	.odpr_02 table th {
		background-color: #123D83;
        color: #fff;
        text-align: center;
		padding:20px;
		vertical-align: middle;
	}
	
	.odpr_02 table td {
		background-color: #fff;
        text-align: center;
        padding: 20px;
		vertical-align: middle;
	}
	
	.odpr_02 .swell-block-columns__inner {
		justify-content:center;
		padding-bottom:50px;
	}
	
/* 	ourwork */
	.wrk_01 h2 {
		font-size:32px;
	}
	
	.wrk_01 .text {
		margin:0 0 60px;
	}
	
	.wrk_01 .cap_box_content {
		background-color:#fff;
		height:450px;
	}
	
	.wrk_01 .swell-block-columns {
		margin:0;
	}
	
	.wrk_02 .kaso_h2 {
		margin-bottom:75px;
	}
	
	.wrk_02 .wht_bg {
		background-color:#fff;
		padding:30px;
		box-shadow:0px 0px 24px #00000040;
	}
	
	.wrk_02 .wht_bg h3 {
		        border-left: 4px solid #123D83;
        padding: 0 0 0 15px;
        font-size: 24px;
		margin:0 0 30px;
	}
	
/* 	company */
	
	.comp_01 .text p {
		line-height:250%;
		margin:0 0 50px;
	}
	
	    .comp_02 table, .comp_02 table tbody, .comp_02 table tr, .comp_02 table th, .comp_02 table td {
        border: none;
        font-size: 16px;
    }
	
	    .comp_02 table th {
        border-bottom: 2px solid #123D83;
        border-top: 2px solid #123D83;
        background: none;
        width: 30% !important;
        padding: 40px 25px;
				color:#123D83;
    }
	
	    .comp_02 table td {
        border-top: 2px solid #AFAFAF;
        border-bottom: 2px solid #AFAFAF;
        background: none;
        padding: 40px 45px;
    }
	
	.comp_03 .copy {
		font-size:32px;
		font-weight:600;
	}
	
	.comp_03 .wht_bg {
		background-color:#fff;
		box-shadow: 0px 0px 24px #00000040;
	}
	
	.comp_03 .wht_bg .text {
		padding:45px;
	}
	
	.comp_04 h3 {
		border-left: 4px solid #123D83!important;
        padding: 0 0 0 15px!important;
        font-size: 18px;
        margin: 0 0 20px;
	}
	
	.comp_04 .wht_bg {
		background-color:#ffffff4d;
		padding:35px 60px;
		margin-bottom:100px;
	}
	
	.comp_04 .wht_bg h4 {
		font-size:24px;
	}
	
		.comp_04 .prod_but {
		background-color:#fff;
		display:block;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/a_bg.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		display:flex;
	}
	
	.comp_04 .prod_but:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.comp_04 .prod_but figure {
		width:120px;
		margin:0 20px 0 0;
		overflow:hidden;
		position: relative;
	}
	
	.comp_04 .prod_but figure img {
		position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
	}
	.comp_04 .prod_but p {
		padding: 20px 20px 20px 0;
        font-size: 16px;
        line-height: 150%;
        width: 90%;
	}
	
	.comp_04 .cul_box {
		padding:0 0 50px;
	}
	
/* 	contact */
	
	.contact_01 .toi_tex {
		font-size:24px;
	}
	
	.contact_01 .toi_tex .u-fz-s {
		font-size:16px!important;
	}
	
	.contact_01 .tel_contact {
		font-size: 48px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 50px;
        margin: 0 20px 0 0;
	}
	
	    .contact_01 .r_col {
        background-color: #fff;
        padding: 60px !important;
        box-shadow: 0 0 12px #123D83;
        border-radius: 8px;
    }
	
	    .contact_01 .l_col {
        padding: 0 40px 0 0;
    }
	
	    #cf_lp table, #cf_lp table tbody, #cf_lp table tr, #cf_lp table th, #cf_lp table td {
        display: block !important;
        border: none;
        background-color: #fff;
        width: 100% !important;
        padding: 0 0 10px !important;
    }
	
	    #cf_lp button, #cf_lp input, #cf_lp optgroup, #cf_lp select, #cf_lp textarea {
        background-color: #fff;
        border: 1px solid #CED0D6;
        border-radius: 3px;
        color: #333;
        padding: .25em .5em;
        width: 100%;
        padding: 10px;
    }
	
	    .wpcf7-list-item {
        display: table;
        margin: 0 auto 30px;
    }
	
	.wpcf7-list-item a {
		text-decoration:underline;
	}
	
	    #cf_lp .red {
        color: #EB5757;
    }
	
	.submit-button input {
		width:100%;
		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		color:#fff;
		border-radius:70px;
		padding:12px 25px;
		font-weight:500;
	}
	
	.submit-button p {
		position:relative;
	}
	
	.submit-button {
		        width: 280px !important;
        display: table;
        margin: 0 auto !important;
/* 		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease; */
	}
	
	    .submit-button p::after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.submit-button p:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.submit-button input:hover {
    background-position: right center;
}
	
/* 	topics */
	.blog .p-postListTab {
		margin:0 0 30px;
	}
	
	.blog .c-tabList {
		border-bottom:0px;
		justify-content:left;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button:hover, .is-style-simple>.c-tabList .c-tabList__button[aria-selected=true] {
		background:#123D83;
		color:#fff;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button {
		background:#fff;
		color:#333;
		font-size:16px;
		border:1px solid #123D83;
	}
	
	.c-tabList .c-tabList__item {
		margin-right:10px!important;
	}
	
	.icon-folder:before {
    content:none;
}
	
		.c-postThumb__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:0 15px;
		border-radius:50px;
		font-size:14px;
	}
	
		[data-cat-id="3"] {
    background-color: #123D83;
}
	
	.c-categoryList:before {
    content: none;
}
	
	.category .c-pageTitle {
		position:relative;
	}
	
	.category .c-pageTitle__subTitle {
		font-size: 20px;
		position:absolute;
		top:0px;
		left:60px;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		font-size:40px;
		padding: 20px;
	}
	
	.category .c-pageTitle:before {
		content:none;
	}
	
	.category .c-pageTitle {
		padding:20px 0!important;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		border-bottom:0px;
	}
	
	.c-pageTitle[data-style=b_bottom] {
		border-bottom:01px;
	}
	
	.blog .l-content,.archive .l-content,.single-post .l-content {
		padding-bottom:6em;
	}
	
	    .w-beforeFooter {
        margin: 0 auto!important;
    }
	
	.l-mainContent__inner {
		padding:80px 0 0;
	}
	
	/* 	cat_DL_but */
	
	.catl_but {
		margin-top:70px;
	}
	
	.catl_but a {
		        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		padding:14px 70px 14px 20px;
	}
	
	    .catl_but a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.catl_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.catl_but a:hover {
    background-position: right center;
}
	
	.ab_03 .wp-block-image,.ab_04 .wp-block-image,.ab_05 .wp-block-image,.ab_06 .wp-block-image {
		text-align:left!important;
		margin:0 0 0 30px;
	}
	
	.ab_05 .teki_p {
		margin:20px 0 0 55px;
		text-indent:-15px;
		font-size:15px;
		line-height:130%;
	}
	
	.p-mainVisual__slideTitle .pc_only {
		line-height:105%;
	}
	
		.sp_view,.tab_view {
		display:none;
	}
	
		.pc_view {
		display:block!important;
	}
	
	.top_02 .cul_03 .swell-block-column {
		position:relative;
		padding-bottom:105px;
	}
	
	.cul_03 .but_01 {
		position:absolute;
		bottom:0px;
		left:calc(50% - 130px);
	}
	
	.p-articleMetas__termList a {
		    border-radius: 1px;
    display: block;
    line-height: 1;
    padding: 4px .5em;
    text-decoration: none;
		background-color: #123D83;
		color:#fff;
	}
	
	.c-categoryList:before, .c-tagList:before, .c-taxList:before, code.dir_name:before, code.file_name:before {
		content:none;
	}
	
	.single .l-content {
		padding-bottom:100px;
	}
	
		.single .p-breadcrumb.-bg-on,.archive .p-breadcrumb.-bg-on {
			z-index:11;
			margin:100px auto 0;
	}
	
/* 	case */
	
	.p-postList__times {
		opacity:1!important;
	}

	.case-term-list span {
        display: inline-block;
        background-color: #123D83;
        color: #fff;
        border-radius: 50px;
        padding: 3px 15px;
        font-size: 14px;
		margin:0 10px;
	}
	
	.wrk_02 .tax_list .widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before {
		content:none;
	}
	
	.wrk_02 .tax_list a {
		border:0px;
		display:inline-block;
		background-color:#123D83;
		color:#fff;
		border-radius:50px;
		padding:5px 25px;
		font-size:18px;
		margin:5px;
		border:1px solid #123D83;
	}
	
	.wrk_02 .tax_list a:hover {
		background-color:#fff;
		color:#123D83;
		transition:0.5s;
	}
	
	.wrk_02 .tax_list {
		display:flex;
		justify-content:center;
		margin:0 0 100px;
		flex-wrap:wrap;
	}
	
	.wrk_02 h3 strong {
		color:#123D83!important;
		font-size:24px;
		position:relative;
		padding:0 0 0 60px;
	}
	
	.wrk_02 h3 strong:before {
		    content: '';
        width: 50px;
        height: 2px;
        display: block;
        background-color: #123D83;
        position: absolute;
        top:50%;
        left: 0px;
	}
	
	.wrk_02 .but_01 {
		justify-content:center;
	}
	
	.wrk_02 #case_01box,.wrk_02 #case_02box,.wrk_02 #case_03box,.wrk_02 #case_04box {
		border-bottom:1px solid #fff;
		padding:30px 0 75px;
		padding-top: 110px;
  margin-top: -80px; 
	}
	
	.wrk_02 #case_05box {
		padding:30px 0 75px;
				padding-top: 110px;
  margin-top: -80px; 
	}
	
	.tax-case_tax .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	.post-type-archive .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	    .tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
        font-size: 40px;
    }
	
	.post-type-archive .c-pageTitle__inner {
		        font-size: 40px;
				border-bottom:0px!important;
		padding:30px 20px!important;
	}
	
	.archive .c-pageTitle:before {
		content:none;
	}
	
	.archive .c-pageTitle {
		padding:0!important;
	}
	
	.tax-case_tax .c-pageTitle:before {
		content:none;
	}
	
	.tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
				border:0px!important;
	}
	
	.tax-case_tax .c-pageTitle {
		padding:20px 0px!important;
	}
	
/* 	top_scene */
	
	.sc01 {
		position:relative;
		top:15px;
	}
	
	.top_02 .wht_bg .but_01 {
		justify-content:center;
	}
	
	.top_02 .cul_04 {
		padding:50px 0;
		position:relative;
	}
	
	.top_02 .wht_bg02 {
        background-color: #ffffffd9;
        padding: 60px 50px;
        position: relative;
        left: 0px;
        top: 0;
        width: 120%;
	}
	
	    .top_02 .wht_bg02 h3 {
        text-align: center !important;
        color: #123D83;
        font-size: 32px;
        position: relative;
        margin: 0 0 40px;
    }
	
	    .top_02 .wht_bg02 h3:after {
        content: '';
        width: 65px;
        height: 2px;
        background-color: #123D83;
        display: block;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 34px);
    }
	
	    .top_02 .wht_bg02 p {
        font-size: 20px;
        color: #123D83;
        font-size: clamp(15px, 1.5vw, 20px) !important;
    }
	
	.top_02 .wht_bg02 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/yjr_wht-00.png);
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.cul_03 .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
        -webkit-mask: radial-gradient(transparent 33px, #000 34px);
        mask: radial-gradient(transparent 34px, #000 35px);
	}


	
	
	



					/* ***********************	PC Media Queries END ***************** */
}

@media screen and ( max-width:600px) {
/* ***************************************Media Queries SP********************************************************************************************************************************************************************************************************************************************** */
	
/* 
	/* 	mainvisual */
	
	#main_visual {
		position:relative;
	}
	
	#main_visual:before {
		content:'';
		display:block;
		width:100%;
		height:100%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/Subtract.png);
		background-position:bottom;
		position:absolute;
		bottom:0px;
		z-index:10;
		background-repeat:no-repeat;
	}
	
	#main_visual .swiper-pagination {
		display:none;
	}
	
.p-mainVisual__slideTitle {
    color: #123D83;
    font-weight: bold;
    font-size: 66px;
    text-align: left;
    background-color: transparent !important;
	position:absolute;
	bottom:20px;
}

.p-mainVisual__slideTitle span {
    background-color: #fff !important;
    padding: 5px 0px 5px 15px !important;
    display: inline-block !important;
    margin-bottom: 10px;
	color: #123D83;
	font-size:22px;
	font-weight:600;
	line-height:200%;
}
	
	.p-mainVisual__slideTitle span strong {
		font-size:35px;
		line-height:90%;
	}

/* ==========================================================
   リビールアニメーション（開始タイミングを遅らせた版）
   ========================================================== */

/* 全体の初期化：テーマ特有の文字の影を消してバグを防ぐ */
.p-mainVisual__slideTitle,
.p-mainVisual__slideTitle * {
    background-color: transparent !important;
    text-shadow: none !important; 
}

/* 文字を囲むブロック（最初から背景は白、文字も白にする） */
.p-mainVisual__slideTitle span {
    position: relative;
    display: inline-block !important;
    margin-bottom: 10px;
    padding: 5px 20px 5px 15px !important; /* 白背景の余白 */
    background-color: #ffffff !important;   /* 最初から最後まで背景は白に固定 */
    color: #123D83 !important;              /* 最初は文字を白にして背景と同化させる */
    overflow: hidden;
    vertical-align: middle;
    
    /* 1行目の文字色を変化させるタイマー（遅らせました） */
    animation: revealTextNow 0s forwards !important;
    animation-delay: 1.6s !important; /* 黒い四角が伸びきった瞬間に文字色を紺に変える */
}

/* 左から伸びてハケる黒い四角（リビールボックス） */
.p-mainVisual__slideTitle span::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #123D83 !important; /* 通り過ぎる四角の色（黒） */
    transform: scaleX(0);
    transform-origin: left;
    z-index: 2;
    
    /* 1行目の黒い四角を走らせるタイマー（遅らせました） */
    animation: revealBlockNow 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards !important;
    animation-delay: 1.0s !important; /* ページが表示されてから「1秒後」に動きがスタート */
}

/* ----------------------------------------------------------
   【4行対応】各行の時間差（ディレイ）設定
   ---------------------------------------------------------- */

/* --- 2行目の設定 --- */
.p-mainVisual__slideTitle span:nth-of-type(2) {
    animation-delay: 2.4s !important; /* 文字色が変わるタイミング */
}
.p-mainVisual__slideTitle span:nth-of-type(2)::after {
    animation-delay: 1.8s !important; /* 黒い四角が走るタイミング */
}

/* --- 3行目の設定（2行目からさらに0.8秒遅らせる場合） --- */
.p-mainVisual__slideTitle span:nth-of-type(3) {
    animation-delay: 3.2s !important; 
}
.p-mainVisual__slideTitle span:nth-of-type(3)::after {
    animation-delay: 2.6s !important; 
}

/* --- 4行目の設定 --- */
.p-mainVisual__slideTitle span:nth-of-type(4) {
    animation-delay: 4.0s !important; 
}
.p-mainVisual__slideTitle span:nth-of-type(4)::after {
    animation-delay: 3.4s !important; 
}

/* ----------------------------------------------------------
   アニメーションの具体的な動き（キーフレーム）
   ---------------------------------------------------------- */
@keyframes revealBlockNow {
    0% { transform: scaleX(0); transform-origin: left; }
    50% { transform: scaleX(1); transform-origin: left; }
    51% { transform: scaleX(1); transform-origin: right; }
    100% { transform: scaleX(0); transform-origin: right; }
}

/* 黒い四角が通り過ぎた瞬間に、文字色を紺色（#123D83）にする */
@keyframes revealTextNow {
    to { 
        color: #123D83 !important; /* 最終的な文字の色（紺） */
    }
}
	
/* kyunosuketoha */
	.top_01 .img_area {
		padding:0 20px
	}
	
	.top_01 .img_01 {
		width:70%;
		margin:0 auto 50px;
	}
	
	.top_01 .img_02 {
		width:90%;
		margin:0 auto 50px;
	}
	
	.top_01 .text {
		font-size:18px;
		margin:0 50px 50px;
	}
	
	.top_01 .blu_area {
		background-color:#E4EEFF;
		width:90%;
		margin:0 auto;
		border-radius:16px;
		padding:40px;
	}
	
	.top_01 .blu_area .swell-block-columns__inner {
		    row-gap: normal;
	}
	
	.top_01 .blu_area .swell-block-columns__inner .point {
		margin:0 0 10px!important;
	}
	
	.top_01 .blu_area .swell-block-columns__inner .p_tex {
		margin:0 0 30px!important;
	}
	
	.top_01 .point {
		background-color:#123D83;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 20px;
		display:inline-block;
		border-radius:50px;
		font-size:18px;
	}
	
	.top_01 .point span {
		font-size:14px!important;
		padding:0 5px 0 0;
	}
	
	.p_tex {
		font-size:20px;
		border-bottom:3px dotted #123D83;
	}
	
	.top_01 .but_01 {
		margin:40px auto;
		justify-content: center;
	}
	
/* 	but_01_css */
	
	.but_01 a {
		background-color: unset!important;
    color: #123D83!important;
		font-size:18px;
		font-weight:bold;
		text-align:left;
	}
	
	.but_01 a {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:96% center;
		display:block;
		width:200px !important;
		position:relative;
	}
	
	.but_01 a:hover {
		transition:0.7s;
		background-position:100% center;
	}
	
	
/* 枠線が滑らかなグラデーションで消え入る回転サークル */
.but_01 a:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    right: -18px;
    top: 50%;
    
    /* 1. 扇状グラデーションで「濃い紺色」から「透明」へじわ〜っと変化させる */
    background: conic-gradient(#123D83 0%, #123D83 30%, transparent 85%);
    
    /* 2. マスク処理を使って、円の内側をくり抜き「太さ2pxの線」だけを残す */
    -webkit-mask: radial-gradient(transparent 33px, #000 34px);
    mask: radial-gradient(transparent 34px, #000 35px);
    
    border-radius: 50%;
    box-sizing: border-box;
    
    /* くるくる滑らかに回るアニメーション（中心がズレないように調整） */
    animation: circleRotateSmooth 1.5s linear infinite;
}

/* 縦中央配置（translateY）を維持したまま綺麗に回転させる定義 */
@keyframes circleRotateSmooth {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
	
	/* 	but_01_css */
	
	.but_01 a {
		background-color: unset!important;
    color: #123D83!important;
		font-size:18px;
		font-weight:bold;
	}
	
/* 	.but_01 a {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:96% center;
		display:block;
		position:relative;
	}
	
	.but_01 a:hover {
		transition:0.7s;
		background-position:100% center;
	} */
	
/* 	.but_01:after {
		content:'';
		width:70px;
		height:70px;
		border:1px solid #123D83;
		border-radius:50px;
		position:absolute;
		right:-27px;
	}
 */
	
/* 枠線が滑らかなグラデーションで消え入る回転サークル */
.but_01 a:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    right: -18px;
    top: 50%;
    
    /* 1. 扇状グラデーションで「濃い紺色」から「透明」へじわ〜っと変化させる */
    background: conic-gradient(#123D83 0%, #123D83 30%, transparent 85%);
    
    /* 2. マスク処理を使って、円の内側をくり抜き「太さ2pxの線」だけを残す */
    -webkit-mask: radial-gradient(transparent 33px, #000 34px);
    mask: radial-gradient(transparent 34px, #000 35px);
    
    border-radius: 50%;
    box-sizing: border-box;
    
    /* くるくる滑らかに回るアニメーション（中心がズレないように調整） */
    animation: circleRotateSmooth 1.5s linear infinite;
}

/* 縦中央配置（translateY）を維持したまま綺麗に回転させる定義 */
@keyframes circleRotateSmooth {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
	
/* 	top_02 */
	
	.top_02 {
    margin: 0 0 150px;
    padding: 150px 0;
    position: relative;
	}
	
	.top_02::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #123d83;
    transform: skewY(5deg);
    z-index: -1;
		height:100%;
}
	.top_02 .copy {
		padding: 30px 0;
	}

	.top_02 .copy strong {
		background-color:#fff;
		padding:5px;
		margin:0 0 15px;
		display:inline-block;
		font-size:21px;
		color:#123D83;
	}
	
	.maru_anime {
	        background-color: #E4EEFF;
        width: 260px;
        padding: 100px 0;
        font-size: 23px;
        color: #123D83;
        font-weight: bold;
        line-height: 130%;
        border-radius: 50%;
        position: relative;
		margin:0 auto;
	}
	
	/* 1. 回転するアニメーションの動きの指示（キーフレーム）を作成 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 2. 画像に対してアニメーションを適用する */
.maru_anime:after {
	content:'';
	width:300px;
	height:300px;
	background-size:cover;
    background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/maru_shitte.png);
    position: absolute;
    top: -21px;
    left: -21px;
    
    /* 💡 くるくる回す設定を追加 */
    transform-origin: center center; /* 画像の中心を軸にする */
    animation: spin 20s linear infinite; /* 20秒かけて等速で無限に回り続ける */
}
	
	.top_02 .cul_01 {
		margin:0 0 30px;
	} 
	
	.top_02 .cul_02 {
		margin:0 10px;
		padding:0;
		width:100%;
	}
	
	.top_02 .cul_02 .swell-block-column {
		margin:0 auto;
	}
	
	.top_02 .wht_bg {
		background-color:#ffffffd9;
		padding:40px 20px;
		position:relative;
		top:-30px;
	}
	
	.top_02 .wht_bg p {
		font-size:18px;
		color:#123D83;
	}
	
	.top_02 .wht_bg h3 {
		text-align:center!important;
		color:#123D83;
		font-size:25px;
		position:relative;
		margin:0 0 40px;
	}
	
	.top_02 .wht_bg h3:after {
		content:'';
		width:65px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 34px);
	}
	
	.top_02 .cul_03 {
		background-color:#ffffff1f;
		padding:50px 30px 60px;
	}
	
	.top_02 .cul_03 .maru_img img {
		border-radius:50%;
	} 
	
	.top_02 .cul_03 .maru_img {
		margin:0 0 -20px;
	}
	
	.top_02 .cul_03 .scene {
		margin:0 0 -45px;
		position:relative;
		padding:30px 0 0;
	}
	
	.top_02 .cul_03 h3 {
		font-size:24px;
	}
	
		.top_02 .cul_03 h3:after {
		content:'';
		width:30px;
		height:2px;
		background-color:#fff;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 15px);
	}
	
	.top_02 .cul_03 p {
		font-size:16px;
		padding:0 0 50px;
	}
	
	.top_02 .cul_03 .swell-block-column {
		padding:0 25px;
	}
	
	.top_02 h2 {
		font-size:25px;
		margin:0 0 30px!important;
	}
	
	
/* 	Usage Guide */
	.top_03 h2 {
		font-size:50px;
		font-family: "Jost", sans-serif;
		font-weight:500;
		color:#123D83!important;
		position:relative;
	}
	
	.h2_style .is-style-section_ttl {
		position:relative;
	}
	
	.h2_style .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 28px);
	}
	
	.h2_style h2 {
		margin:40px;
	}
	
	.h2_style p {
		font-size:16px;
		font-weight:bold;
	}
	
	.h2_style {
		margin:0 0 55px;
	}
	
	
	.top_03 .youtube {
	display:block;
		width:90%;
		padding:100px 0;
		background:#333;
		margin:0 auto;
		color:#fff;
	}
	
	
/* 1. 親要素：ここを基準位置にする */
.top_03 {
    position: relative;
    z-index: 1;
    overflow: hidden;
	  padding: 0 0 150px !important;
}

/* 2. 流れる文字のエリア：背景として浮かせて配置 */
.marqee-wrap {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    width: 100%;
    
    /* 【追加】背景に回すための設定 */
    position: absolute;
    top: 85%;         /* 上からの位置（h2や動画とのバランスを見て調整してください） */
    left: 0;
    z-index: -1;      /* 他の要素（h2や動画）より下に配置 */
    pointer-events: none; /* 文字が邪魔してYouTubeをクリックできなくなるのを防ぐ */
}

/* 3. 流れる文字自体の設定 */
.nagareru {
    font-size: 100px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: #fff;
    display: inline-block;
    padding-left: 0;
    flex-shrink: 0;
    animation: marqee-loop 15s linear infinite;
}

/* 4. アニメーション定義 */
@keyframes marqee-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 5. YouTube動画エリア：文字より手前に出す */
.youtube {
    position: relative;
    z-index: 2; 
}
	
/* 	models */
	
	.top_04 h2 span {
		font-size:50px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.top_04 h2 {
		margin:0 0 40px;
	}
	
	/* 1. 外枠の高さを固定（これが基準になります） */
.swiper.my-vertical-slider {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: 800px !important; /* スライダー全体の高さ */
  margin: 20px 0;
  overflow: hidden !important; /* 枠外にはみ出たスライドを隠す */
}

/* 2. スライドを包む枠（高さを100%にして縦並びを確定） */
.my-vertical-slider .swiper-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 3. 各スライド（高さを「親要素と同じ」に強制固定） */
.my-vertical-slider .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* ココが最重要：縦スライダーでは高さを100%（またはflex-shrink:0）にします */
  height: 100% !important; 
  flex-shrink: 0 !important; 
  width: 100% !important;
  box-sizing: border-box !important;
  color: #333 !important;
  font-size: 20px;
  font-weight: bold;
}

/* ページネーション（丸い点）の位置調整 */
.my-vertical-slider .swiper-pagination-bullets {
  right: 0px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
	
	
	.top_04 .my-vertical-slider .swiper-slide {
		display:block;
		background-color:#f4f4f400;
	}
	
	.top_04 .h2_style .is-style-section_ttl:after {
		background-color:#fff;
		left:0;
	}
	
	.top_04 .swp_inner {
		background-color:#ffffffd9;
		padding:20px;
		height:100%;
		width:95%;
		position:relative;
	}
	
	.top_04 .swp_inner figure {
		margin:0 auto 20px!important;
	}
	
	.top_04 .swiper-slide {
		background:none!important;
		padding:0px;
		display:block!important;
	}
	
	.top_04 .swiper-slide figure img {
		width: 100% !important;      /* 横幅いっぱいに広げる */
  height: auto !important;     /* アスペクト比を保って自動の高さに */
  display: block;
	}
	
	.top_04 .swiper-slide figure {
		margin:0 60px 0 0;
		max-height: 300px;
    overflow: hidden;
		box-shadow: 2px 2px 5px #00000017;
	}
	
	.top_04 .swiper-slide h3:before {
		background:none;
	}
	
	.top_04 .swiper-slide h3 {
		margin:0 0 30px;
		padding:0;
		font-family: "Jost", sans-serif;
		color:#212682;
		font-size:45px;
		text-align:center;
		white-space: nowrap;
	}
	
	.top_04 .swiper-slide h3 img {
		width:200px;
		margin:0 auto 20px;
		display:block;
	}
	
	.top_04 .swiper-slide p {
		font-size:16px;
	}
	
	.top_04 .swiper-slide .copy {
		font-size:20px;
		text-align:center;
		font-weight:bold;
		margin:0 0 25px;
	}
	
	.top_04 .swell-block-fullWide__inner {
		padding:0 20px;
	}
	
	.top_04 .but_01 a {
		margin:40px auto 50px!important;
		justify-content:center!important;
	}
	
.swiper-pagination {
    display: flex;
    flex-direction: column; /* 縦並びにする */
    align-items: center;    /* 中央揃え（必要に応じて） */
    justify-content: center;
    gap: 8px;               /* ドット間の隙間（お好みで調整） */
    
    /* 位置の調整（右側に配置したい場合の例） */
    position: absolute;
    right: 10px;            
    top: 50%;
    transform: translateY(-50%);
    bottom: auto !important; /* 下部配置のスタイルを打ち消す */
    width: auto !important;
}

/* ドット自体のマージンをリセット（横並び用の余白を消す） */
.swiper-pagination-bullet {
    margin: 0 !important;
}
	
		.swiper-pagination-bullet {
		background:#fff;
		opacity:1;
	}
	
	.swiper-pagination-bullet-active {
		background:#123D83;
		border:1px solid #fff;
	}
	
/* 	top_05 */
	
	.top_05 h2 {
		color:#123D83!important;
		font-size:50px;
		font-family: "Jost", sans-serif;
		font-weight:500;
		white-space: nowrap;
		margin: 0 0 -8px;
    line-height: 100%;
	}
	
	.top_05 .inner {
		padding:60px 50px 130px;
		color:#fff;
		position:relative;
		background-size: cover;
	}
	
	.top_05 .inner h3 {
		font-size:20px;
		position:relative;
		padding:0 0 0 40px;
		margin:0 0 30px;
	}
	
	.top_05 .inner p {
		font-size:18px;
	}
	
	.top_05 .inner .but_01 {
		position:absolute;
		left: calc(50% - 100px);
		bottom:50px;
	}
	
	.top_05 .inner .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/wht_yj.png);
	}
	
	
	.top_05 .inner .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
		        mask: radial-gradient(transparent 33px, #000 35px);
	}
	
	.top_05 .inner h3:before {
		content:'';
		display:block;
		width:30px;
		height:1px;
		background:#fff;
		position:absolute;
		left:0px;
		top:50%;
	}
	
	.work_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_01.png);
	}
	
		.order_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_02.png);
	}
	
	.order_box {
		padding:50px 20px 0!important;
	}
	
	.top_05 .work_box {
		padding:0 20px!important;
	}
	
	
/* 	top_06 */
	
	.top_06 .swiper-pagination {
		display:none;
	}
	
	.top_06 .swiper-button-next, .top_06 .swiper-button-prev {
		display:none;
	}
	
	.post_content :where(ul:not([type])) {
		list-style:none;
	}
	
		.top_06 .topic_title_area {
		padding:0 20px;
	}
	
	.top_06 h2 {
		font-size:50px;
		text-align:left;
		font-family: "Jost", sans-serif;
		font-weight:500;
		margin:0 0 40px;
		color:#123D83!important;
	}
	
	.top_06 h2:after {
		left:0px!important;
	}
	
	.top_06 .h2_style {
		margin:0 0 20px;
	}
	
	.top_06 .but_01 a {
		text-align:left;
    width: 180px !important;
		padding:0;
		margin: 0 0 0 5px;
	}
	
		.top_06 .inner .but_01 a:hover {
		background-position: 80% center!important;
	}
	
	.top_06 .but_01 a:after {
		right:-20px;
	}
	

	.p-postList__item a {
		background-color:#fff;
	}
	
	.p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
		box-shadow:none;
	}

	/* 【決定版】すべてのカード型リストの並び順を強制変更する */
.p-postList__body {
    display: flex !important;
    flex-direction: column !important;
}

/* 日付・カテゴリ（メタ情報）を一番上に */
.p-postList__meta {
    order: 1 !important;
    margin-bottom: 8px !important;
	font-family: "Jost", sans-serif;
	font-size:14px;
	padding:0 15px;
}
	
	.p-postList__meta :before {
		content:none;
	}

/* タイトルを中央に */
.p-postList__title {
    order: 2 !important;
}
	
	.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
		padding:8px 15px 25px;
			font-size:14px!important;
		color:#333!important;
		margin:0;
	}

/* 抜粋文を一番下に */
.p-postList__text {
    order: 3 !important;
    margin-top: 8px !important;
}
	
	.p-postList__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:3px 15px 2px;
		border-radius:50px;
		font-size:10px;
	}
	
	[data-cat-id="3"] {
    background-color: #123D83;
}
	
	
	
/* 	footer_mae */
	
	.foot_bf h2 {
		font-size:50px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.foot_bf .h2_style .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.foot_bf .swell-block-column {
		background-color:#fff;
		color:#333;
		padding:30px 25px 40px;
		border-radius:16px;
	}
	
	.foot_bf .tate {
		font-family: "Jost", sans-serif;
		color:#123D83;
		font-size:20px;
		font-weight:500;
		writing-mode: vertical-rl;
		position:relative;
	}
	
	.foot_bf .tate:after {
		content:'';
		display:block;
		width:1px;
		height:30px;
		background-color:#123D83;
		position:absolute;
		left:12px;
		top:50px;
	}
	
	.foot_bf h3 {
		margin:0 0 24px;
	}
	
	.foot_bf .tel {
		font-family: "Jost", sans-serif;
		font-size:40px;
		font-weight:500;
		margin:0 0 -15px;
	}
	
	.foot_cont_but {
		width:280px!important;
		display:table;
		margin:0 auto!important;
	}
	
	.foot_cont_but a:after {
		content:'';
		width:49px;
		height:49px;
		display:block;
		position:absolute;
		right:4px;
		top:5px;
		background-color:#fff;
		border-radius:50%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.foot_cont_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.foot_cont_but a {
    background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
    background-size: 200% auto;
    background-position: left center;
    font-size: 18px;
    position: relative;
    text-align: left;
    transition: background-position 0.4s ease, color 0.3s ease; 
}

.foot_cont_but a:hover {
    background-position: right center;
}
	
/* 	footer */
	
	#footer {
		padding:55px 20px 35px;
		background-color:#123d83!important;
	}
	
	.foot_logo_area .foot_logo {
		width:200px;
	}
	
	.foot_logo_area .foot_logo img {
		width:100%;
	}
	
	#footer .syamei {
		font-size:18px;
		margin:0 0 20px;
	}
	
	#footer .add {
		font-size:15px;
		margin:0 0 20px;
	}
	
	#footer .tel_fax {
		font-size:15px;
		margin:0 0 20px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	#footer .text {
		font-size:12px;
	}
	
	.foot_nav li {
		color:#fff!important;
		list-style:none;
		margin:0 0 10px;
		font-size:14px;
	}
	
	.foot_nav li ul {
		margin:25px 0 0;
		border-left:1px solid #fff;
	}
	
	.w-footer {
		border-bottom:1px solid #fff;
		padding:0 0 30px;
	}
	
	.copyright {
		font-family: "Jost", sans-serif;
		text-align:right!important;
	}
	
	.foot_nav a:hover {
		color:#c7020d!important;
		transition:0.5s;
	}
	
	/* 	top_topics */
	
	.top_06 {
		position:relative;
	}
	
	.top_06 .but_01 {
		position:absolute;
		bottom:0px;
		z-index:5;
	}
	
	.top_06 .p-postListWrap {
		padding:0 0 40px;
	}

	
	.is-scrolled h1,.is-scrolled .c-headLogo {
		height:55px;
		transition:0.5s;
	}
	
	.is-scrolled {
		height:55px;
		transition:0.5s;
		background-color: #f3f5f6cc;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	}
	
	.is-scrolled .l-header__inner {
				height:55px;
	}
	
		.error404 #content {
		padding-bottom:100px;
	}
	

	.l-content {
    margin: 0 auto!important;
	}
	
	.w-beforeFooter {
		margin: 0 auto 3em!important;
	}
	
/* 	dw_menu */
	
	.yasumi {
		margin:-25px 0 20px;
		text-align:center;
	}
	
	.kigaru {
		margin:0 auto 20px;
		border-bottom:2px solid #123D83;
		display:table;
		padding:0 20px;
	}
	
	.tel_sp {
		        font-size: 35px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
		background-size:27px;
        padding: 0 0 0 40px;
        margin: 0 auto 10px;
		display:table;
	}
	
	.fax_sp {
		width:100%;
	}
	
	    .fax_sp a {
        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 16px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
				color:#fff;
				padding: 15px 20px;
    }
	
	    .fax_sp a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
	.c-widget__title {
		background:none!important;
		color:#123D83!important;
		font-family: "Jost", sans-serif;
		font-size:40px;
		margin:0 0 30px!important;
	}
	
	.c-spnav a {
		border-bottom:0px;
		position:relative;
		padding-left:40px;
		font-size:17px!important;
	}
	
	.c-spnav a:before {
		content:'';
		width:5px;
		height:1px;
		background-color:#333;
		display:block;
		position:absolute;
		left:10px;
		top:50%;
	}
	
	.p-spMenu__nav .is-opened {
		margin-left:30px;
	}
	
	
/* 	title_area */
	.c-filterLayer.-texture-dot:after {
		content:none;
	}
	
	.l-topTitleArea img {
		display:none;
	}
	
	.l-topTitleArea.c-filterLayer::before {
		content:none;
	}
	
	.c-pageTitle {
		color:#123D83;
		text-shadow:none;
		  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px; 
		font-size:20px;
		padding:0 0 0 40px!important;
	}
	
	.c-pageTitle:before {
		content:'';
		width:30px;
		height:1px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:11px;
		left:0px;
	}
	
	.c-pageTitle__subTitle {
		font-family: "Jost", sans-serif;
		font-size:50px;
		color:#123D83;
		font-style:normal;
		font-weight:500;
		margin:0 0 0 -40px;
		opacity: 1;
	}
	
	.l-topTitleArea__body {
		margin:0!important;
		padding:0 5%!important;
	}
	
	.p-breadcrumb {
		float:right;
		padding:0 5% 5% 0;
	}

	.kaso_titleimg .swell-block-fullWide__inner {
		margin:0 5%;
		padding:0;
	}

.kaso_titleimg figure {
  position: relative;
  width: 88vw;
  height: 30vh;
  overflow: hidden;
  margin: 0 auto;
}

.kaso_titleimg figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
	
/* 	h2_title */
	.kaso_h2 h2 {
		font-family: "Jost", sans-serif;
		font-size:50px;
		font-weight:500;
		color:#123D83!important;
		margin:0 0 20px;
		position:relative;
	}
	
	.kaso_h2 .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:-5px;
	}
	
	.kaso_h2 p {
		font-size:15px;
	}
	
	.kaso_h2 {
		padding:0 0 40px!important;
	}
	
/* About */

	.ab_01 .text_area p {
		font-weight:500;
		font-size:17px;
		line-height:220%;
	}
	
	.ab_02 {
		height:25vh;
	}
	
	.section figure {
        margin: 0 50px;
	}
	
		.section figure img {
		box-shadow:10px 10px 0px #123D83;
	}
	
	.section {
  height: 100vh;
  position: sticky;
  top: 0;
		/* ↓ 画面横幅いっぱいに広げる設定 */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 80px 0 0 !important;
}
	
	.ab_03 .dot span {
  background-image: radial-gradient(circle, #123D83 15%, transparent 20%);
  background-size: 1em 0.2em;
  background-repeat: repeat-x;
  background-position: top left;
	} 
	
	.ab_25 {
		padding:3em 0 0!important;
	}
	
	.ab_03 .dot {
		line-height:250%;
		font-size:23px;
	}
	
	.section .moya {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/nayami_ico.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:5px 0 5px 50px;
		font-size:18px;
	}
	
	.section h3 {
		font-size: 20px;
        margin: 0px 5px 30px;
	}
	
	.section p {
		font-size:17px;
		font-weight:500;
	}
	
	.ab_03 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/01.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
		.ab_04 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/02.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
	
		.ab_05 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/03.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
			.ab_06 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/04.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
/* 	kyunosuke */
	.mod_01 h2 {
		font-size:20px;
		margin:45px 0 40px;
	}
	
	.mod_01 .maru_cul p {
		border:4px solid #123D83;
		width:150px;
		padding:39px 0;
		border-radius:50%;
		margin:0;
		box-shadow:4px 4px 0px #123D83;
		font-size:16px;
	}
	
	.mod_01 .maru_cul .sang p {
		padding:54px 0;
	}
	
	.mod_01 .sp_san {
		line-height:150%!important;
				padding:31px 0!important;
	}
	
	.mod_01 .sp_ni {
		line-height:150%!important;
				padding:44px 0!important;
	}
	
	.mod_01 .sp_iti {
		padding:55px 0!important;
	}
	
	.mod_01 .maru_cul .swell-block-column {
		width:150px;
	}
	
	.mod_01 .swell-block-columns__inner {
		justify-content:center;
	}
	
/* 	.itig strong {
		line-height: 350%;
	} */
	
	.cu_02 .swell-block-column {
		line-height:200%;
/* 		display:flex;
		align-items: center;
    justify-content: center; */
		font-size:16px;
		font-weight:500;
	}
	
	.c_h2 .is-style-section_ttl:after {
		left:calc(50% - 28px);
	}
	
	.mod_02 table th {
		background-color:#123D83;
		color:#fff;
		text-align:center;
		font-size:16px;
	}
	
	.mod_02 table td {
		background-color:#fff;
		text-align:center;
		padding:10px;
				font-size:16px;
	}
	
	.cul_r figure {
		padding:50px 0 0!important;
	}
	
	.cul_r figure img {
		width:100%;
	}
	
	.cul_r ul li {
		font-size:16px;
	}
	
	.mod_02 h3 {
		margin:0 0 10px;
	}
	
	.mod_02 h3 strong {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
	}
	
	.mod_02 li {
		list-style: disc;
		margin:0 0 0 15px;
	}
	
	
	.mod_03 .cont_box {
		background-color:#fff;
		padding:50px;
		box-shadow:0 0 15px #0003;
		margin:0 0 30px;
	}
	
	.mod_03 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
		margin:0 0 25px;
	}
	
	.mod_03 .cont_box p {
		font-size:18px;
	}
	
	.mod_04 .cont_box {
		background-color:#fff;
				position:relative;
		padding:0 0 20px;
	}
	
	
	.mod_04 .cont_box .blu_area {
		background-color:#123D83;
		display:inline-block;
		color:#fff;
		padding:0px 10px;
		font-size:35px;
		font-family: "Jost", sans-serif;
		font-weight:500!important;
		position:absolute;
		top:0px;
		left:0px;
		margin:0;
		line-height:120%;
	}
	
	.mod_04 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
		margin:20px;
	}
	
	.mod_04 .cont_box p {
		margin:0 20px 20px;
		font-size:16px;
	}
	
	.mod_04 .cont_box h4 {
		margin:20px 20px 10px;;
		font-size:16px;
	}
	
	.mod_04 .cont_box li {
		list-style:disc;
		margin:0 20px;
	}
	
	.mod_05 .fl_cont {
		position:relative;
	}
	
	.mod_05 .fl_cont p {
		text-align:center;
	}
	
	.mod_05 .fl_cont figure {
		padding:20px 0 0;
		margin:0 0 5px;
	}
	
	.mod_05 .fl_cont:after {
		content:'';
		display:block;
		position:absolute;
		left:calc(50% - 20px);
		bottom:-20px;
		width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #123D83; 
	}
	
	.mod_05 .fl_cont:last-of-type:after {
		content:none;
	}
	
	.mod_06 h2 {
		color:#fff!important;
	}
	
	.mod_06 h2:after {
		background-color:#fff!important;
	}
	
	.mod_06 a {
		background-color:#fff;
		height:120px;
		width:350px;
		display:inline-block;
		border-radius:70px;
		display: flex;
  align-items: center;
  justify-content: center;
		font-size:32px;
		color:#1F2384;
	}
	
	.mod_06 a:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.mod_06 a img {
		max-width: fit-content;
	}
	
	.mod_06 .swell-block-column {
		width:350px;
	}
	
	.mod_06 .swell-block-columns__inner {
		justify-content:center;
	}
	
/* 	custumorder */
	
	.cuo_01 h2 {
		font-size:23px;
		margin:0 0 30px;
		line-height:200%;
	}
	
	.cuo_01 .text_area {
		font-size:16px;
		font-weight:500;
		border-left:5px solid #123D83;
	  padding:0 0 0 20px!important;
		line-height:210%;
	}
	
	.cuo_02 h2,.cuo_02 .kaso_h2 p {
		color:#fff!important;
	}
	
	.cuo_02 .kaso_h2 .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.cuo_02 .wht_box {
		background-color:#fff!important;
		padding:30px;
	}
		
	.cuo_02 .wht_box p {
		font-size:16px!important;
	}
	
	.cuo_02 h3 {
		border-left:4px solid #123D83!important;
		padding:0 0 0 15px!important;
		font-size:20px;
		margin:0 0 20px;
	}
	
	.cuo_03 .wht_box {
		background-color:#fff;
		border:1px solid #123D83;
		padding:18px 16px;
		position:relative;
		margin-bottom:15px!important;
	}
	
	.cuo_03 .wht_box p {
		font-size:16px;
	}
	
	.cuo_03 h3 {
		font-size:18px;
		border-bottom:1px solid #123D83!important;
		margin:0 0 10px;
	}

	
	.cuo_03 .stp {
		font-family: "Jost", sans-serif;
		color:#123D83;
		position:absolute;
		top:-27px;
		left:0;
	}
	
	.cuo_03 .wht_box:after {
			  content: '';
        display: block;
        position: absolute;
        left: calc(50% - 20px);
        bottom: -30px;
        width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #123D83; 
	}
	
	.cuo_03 .wht_box:last-of-type:after {
		content:none;
	}
	
	.cuo_03 .kaso_h2 {
		margin:0 0 70px;
	}
	
	.cuo_04 h3 {
		font-size:20px;
		font-weight:500;
		border-left:4px solid #123D83!important;
	  padding:0 0 0 20px!important;
		margin:20px 0;
	}
	
	.cuo_04 p {
		margin:0;
	}
	
    .cuo_04 table th {
        background-color: #123D83;
        color: #fff;
        text-align: center;
			width:40%!important;
			font-size:16px;
    }
	
	    .cuo_04 table td {
        background-color: #fff;
        text-align: center;
        padding: 10px;
				font-size:16px;
    }
	
/* 	orderprice */
	
	.odpr_01 .text_sp {
		font-size:18px;
		text-align:left;
	}
	
	.odpr_01 .undl {
		font-size:20px;
		border-bottom:3px solid #123D83;
		display:table;
		margin:0 auto 50px;
	}
	
	.odpr_01 .wht_bg {
		background-color:#fff;
		position:relative;
		padding:40px 30px;
		border:1px solid #123D83;
	}
	
	.odpr_01 .no_p {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/sankaku.png);
		background-repeat:no-repeat;
		background-size:cover;
		font-size:32px;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 5px 35px;
		width:100px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.odpr_01 h3 {
		font-size:20px;
		margin:0 0 40px;
	}
	
	.odpr_01 p {
		margin:0 0 50px;
		font-size:16px;
	}
	
	.odpr_01 .but_01 a {
		width:250px!important;
	}
	
	.odpr_01 .tel_fax p {
		margin:0;
		color:#123D83;
		font-family: "Jost", sans-serif;
		letter-spacing: 0.15em;
	}
	
	.odpr_01 .tel_fax .u-fz-s {
		margin:0 10px 0 0!important;
	}
	
	.odpr_02 .c-tabBody {
		background-color:#fff;
		border:1px;
		padding:120px 20px;
	}
	
	.odpr_02 .c-tabBody__item {
		margin:0 auto;
	}
	
	.is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] {
        background-color: #123D83 !important;
		color:#123D83;
    }
	
	    .odpr_02 .c-tabList li {
        background-color: #DDDDDD;
        width: 280px;
        margin: 0 10px;
				border-radius:8px;
				margin-bottom:10px;
    }
	
	    .odpr_02 .c-tabList li button {
        padding: 20px 0 !important;
        font-size: 20px;
				border-radius:8px;
				color:#DDDDDD;
    }
	
	    .odpr_02 .c-tabList {
        justify-content: center !important;
    }
	
	.odpr_02 .c-tabList__button {
		display:flex;
		align-items: center;     /* 上下中央揃え */
  justify-content: center;
	}
	
	
	/* 通常時は2枚目の画像（クリック後用）を非表示にする */
.tab-img-switch .c-tabList__item img:nth-of-type(1) {
    display: none;
}

/* タブがクリックされてアクティブになった時の処理 */
/* 1枚目（通常用）を消して、2枚目（クリック後用）を表示する */
.is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(2),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(2) {
    display: none;
}
    .is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(1),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(1) {
    display: inline-block;
}
	
	.c-tabList {
		border-bottom:3px solid #123D83;
	}
	
	.odpr_02 .fig_box {
		border:1px solid #123D83;
		position:relative;
	}
	
	.odpr_02 .fig_box .b_bg {
		background-color: #123D83;
        display: inline-block;
        color: #fff;
        padding: 0px 10px;
        font-size: 20px;
        font-family: "Jost", sans-serif;
        font-weight: 500 !important;
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0;
        line-height: 120%;
		white-space: nowrap;
	}
	
	.list_blu {
		border-bottom:2px solid #fff!important;
	}
	
	.odpr_02 table th {
		background-color: #123D83;
        color: #fff;
        text-align: center;
		padding:20px;
		font-size:16px;
		vertical-align:middle;
	}
	
	.odpr_02 table td {
		background-color: #fff;
        text-align: center;
        padding: 20px;
		font-size:16px;
		vertical-align:middle;
	}
	
	.odpr_02 .swell-block-columns__inner {
		justify-content:center;
		padding-bottom:50px;
	}
	
/* 	ourwork */
	.wrk_01 h2 {
		font-size:25px;
	}
	
	.wrk_01 .text {
		margin:0 0 60px;
	}
	
	.wrk_01 .text p {
		text-align:left;
	}
	
	.wrk_01 .cap_box_content {
		background-color:#fff;
	}
	
	.wrk_01 .swell-block-columns {
		margin:0;
	}
	
	.wrk_02 .wht_bg {
		background-color:#fff;
		padding:30px;
		box-shadow:0px 0px 24px #00000040;
	}
	
	.wrk_02 .wht_bg h3 {
		        border-left: 4px solid #123D83;
        padding: 0 0 0 15px;
        font-size: 20px;
		margin:0 0 30px;
	}
	
/* 	company */
	
	.comp_01 .text p {
		line-height:250%;
		margin:0 0 50px;
	}
	
	    .comp_02 table, .comp_02 table tbody, .comp_02 table tr, .comp_02 table th, .comp_02 table td {
        border: none;
        font-size: 16px;
    }
	
	    .comp_02 table th {
        border-bottom: 2px solid #123D83;
        border-top: 2px solid #123D83;
        background: none;
        width: 30% !important;
        padding: 40px 25px;
				color:#123D83;
    }
	
	    .comp_02 table td {
        border-top: 2px solid #AFAFAF;
        border-bottom: 2px solid #AFAFAF;
        background: none;
        padding: 40px 45px;
    }
	
	.comp_03 .copy {
		font-size:32px;
		font-weight:600;
	}
	
	.comp_03 .wht_bg {
		background-color:#fff;
		box-shadow: 0px 0px 24px #00000040;
	}
	
	.comp_03 .wht_bg .text {
		padding:45px;
	}
	
	.comp_04 h3 {
		border-left: 4px solid #123D83!important;
        padding: 0 0 0 15px!important;
        font-size: 18px;
        margin: 0 0 20px;
	}
	
	.comp_04 .wht_bg {
		background-color:#ffffff4d;
		padding:30px;
		margin-bottom:100px;
	}
	
	.comp_04 .wht_bg h4 {
		font-size:24px;
	}
	
	.comp_04 .prod_but {
		background-color:#fff;
		display:block;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/a_bg.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		display:flex;
	}
	
	.comp_04 .prod_but:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.comp_04 .prod_but figure {
		width:120px;
		margin:0 20px 0 0;
		overflow:hidden;
		position: relative;
	}
	
	.comp_04 .prod_but figure img {
		position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
	}
	
	.comp_04 .prod_but p {
		padding:20px 10px 20px 0;
		font-size:16px;
		line-height:150%;
		width:90%;
	}
	
	.comp_04 .cul_box {
		padding:0 0 50px;
	}
	
/* 	contact */
	
	.contact_01 .toi_tex {
		font-size:20px;
		padding:30px 0 0;
		text-align:center;
		margin:0;
	}
	
	.contact_01 .toi_tex .u-fz-s {
		font-size:16px!important;
	}
	
	.contact_01 .tel_contact {
		font-size: 48px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 50px;
        margin: 0 20px 0 0;
	}
	
	    .contact_01 .r_col {
        background-color: #fff;
        padding: 50px 20px !important;
        box-shadow: 0 0 12px #123D83;
        border-radius: 8px;
    }
	
	    #cf_lp table, #cf_lp table tbody, #cf_lp table tr, #cf_lp table th, #cf_lp table td {
        display: block !important;
        border: none;
        background-color: #fff;
        width: 100% !important;
        padding: 0 0 10px !important;
    }
	
	    #cf_lp button, #cf_lp input, #cf_lp optgroup, #cf_lp select, #cf_lp textarea {
        background-color: #fff;
        border: 1px solid #CED0D6;
        border-radius: 3px;
        color: #333;
        padding: .25em .5em;
        width: 100%;
        padding: 10px;
    }
	
	    .wpcf7-list-item {
        display: table;
        margin: 0 auto 30px;
    }
	
	.wpcf7-list-item a {
		text-decoration:underline;
	}
	
	    #cf_lp .red {
        color: #EB5757;
    }
	
	.submit-button input {
		width:100%;
		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		color:#fff;
		border-radius:70px;
		padding:12px 25px;
		font-weight:500;
	}
	
	.submit-button p {
		position:relative;
	}
	
	.submit-button {
		        width: 280px !important;
        display: table;
        margin: 0 auto !important;
/* 		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease; */
	}
	
	    .submit-button p::after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.submit-button p:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.submit-button input:hover {
    background-position: right center;
}
	
/* 	topics */
	.blog .p-postListTab {
		margin:0 0 30px;
	}
	
	.blog .c-tabList {
		border-bottom:0px;
		justify-content:center;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button:hover, .is-style-simple>.c-tabList .c-tabList__button[aria-selected=true] {
		background:#123D83;
		color:#fff;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button {
		background:#fff;
		color:#333;
		font-size:12px;
		border:1px solid #123D83;
		padding:10px;
	}
	
	.c-tabList .c-tabList__item {
		margin: 0 10px 10px 0 !important;
	}
	
	    [data-width-sp="50"] .c-tabList {
        --the-tab-flex: auto;
    }
	
	.icon-folder:before {
    content:none;
}
	
		.c-postThumb__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:0 15px;
		border-radius:50px;
		font-size:14px;
	}
	
		[data-cat-id="3"] {
    background-color: #123D83;
}
	
	.c-categoryList:before {
    content: none;
}
	
	.category .c-pageTitle {
		position:relative;
	}
	
	.category .c-pageTitle__subTitle {
		font-size: 20px;
		position:absolute;
		top:0px;
		left:60px;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		font-size:40px;
	}
	
	.category .c-pageTitle:before {
		content:none;
	}
	
	.category .c-pageTitle {
		padding:20px 0!important;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		border-bottom:0px;
	}
	
	.c-pageTitle[data-style=b_bottom] {
		border-bottom:01px;
	}
	
	.blog .l-content,.archive .l-content,.single-post .l-content {
		padding-bottom:6em;
	}
	
	    .w-beforeFooter {
        margin: 0 auto!important;
    }
	
	.p-breadcrumb.-bg-on {
    background: none;
    box-shadow: none !important;
		        z-index: 11;
}
	
	.c-postTitle {
    width: 100%;
    margin: 30px 0;
}

	/* 	cat_DL_but */
	
	.catl_but {
		margin-top:70px;
	}
	
	.catl_but a {
		        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		padding:14px 70px 14px 20px;
	}
	
	    .catl_but a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.catl_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.catl_but a:hover {
    background-position: right center;
}
	
		.ab_05 .teki_p {
		margin:15px 20px 0;
		text-indent:-15px;
		font-size:15px;
					line-height:130%;
	}
	
		.p-mainVisual__slideTitle .sp_only {
		line-height:10%;
	}
	
	.pc_view,.tab_view {
		display:none;
	}
	
		.sp_view {
		display:block!important;
	}
	
		.p-articleMetas__termList a {
		    border-radius: 1px;
    display: block;
    line-height: 1;
    padding: 4px .5em;
    text-decoration: none;
		background-color: #123D83;
		color:#fff;
	}
	
	.c-categoryList:before, .c-tagList:before, .c-taxList:before, code.dir_name:before, code.file_name:before {
		content:none;
	}
	
			.single .l-content {
		padding-bottom:80px;
	}
	
		.single h1 {
		width:100%!important;
	}
	
	    .tax-case_tax .c-pageTitle {
        width: 100%;
    }
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		font-size:30px!important;
	}
	
	    .tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
        font-size:30px!important;
    }
	
	
		/* 	case */
	
		.p-postList__times {
		opacity:1!important;
	}

	.case-term-list span {
        display: inline-block;
        background-color: #123D83;
        color: #fff;
        border-radius: 50px;
        padding: 3px 15px;
        font-size: 13px;
		margin:0 5px;
	}
	
	.wrk_02 .tax_list .widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before {
		content:none;
	}
	
	.wrk_02 .tax_list a {
		border:0px;
		display:inline-block;
		background-color:#123D83;
		color:#fff;
		border-radius:50px;
		padding:5px 10px;
		font-size:18px;
		margin:5px;
		border:1px solid #123D83;
		font-size:14px;
	}
	
	.wrk_02 .tax_list a:hover {
		background-color:#fff;
		color:#123D83;
		transition:0.5s;
	}
	
	.wrk_02 .tax_list {
		display:flex;
		justify-content:center;
		margin:0 0 50px;
		flex-wrap:wrap;
	}
	
	.wrk_02 h3 strong {
		color:#123D83!important;
		font-size:22px;
		position:relative;
		padding:0 0 0 60px;
	}
	
	.wrk_02 h3 strong:before {
		    content: '';
        width: 50px;
        height: 2px;
        display: block;
        background-color: #123D83;
        position: absolute;
        top:50%;
        left: 0px;
	}
	
	.wrk_02 .but_01 {
		justify-content:center;
	}
	
	.wrk_02 #case_01box,.wrk_02 #case_02box,.wrk_02 #case_03box,.wrk_02 #case_04box {
		border-bottom:1px solid #fff;
		padding:30px 0 75px;
		padding-top: 110px;
  margin-top: -80px; 
	}
	
	.wrk_02 #case_05box {
		padding:30px 0 75px;
				padding-top: 110px;
  margin-top: -80px; 
	}
	
	.tax-case_tax .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
		.post-type-archive .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	.post-type-archive .c-pageTitle:before {
		content:none;
	}
	
	.post-type-archive .c-pageTitle__inner {
		        font-size: 40px;
				border-bottom:0px!important;
		padding:30px 0px!important;
	}
	
	.post-type-archive .c-pageTitle__subTitle {
		left: 40px;
	}
	
	.post-type-archive .c-pageTitle {
		padding:0!important;
	}
	
	    .tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
        font-size: 40px;
    }
	
	.tax-case_tax .c-pageTitle:before {
		content:none;
	}
	
	.tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
				border:0px!important;
	}
	
	.tax-case_tax .c-pageTitle {
		padding:20px 0px!important;
	}
	
	.wrk_02 .but_01 a {
		width:220px!important;
	}
	
	.wrk_02 .p-postList.-type-card, .p-postList.-type-thumb {
		justify-content:space-around;
	}
	
/* 	top_scene */
	
		.top_02 .sc_img_sp {
		position:relative;
		top:-55px;
	}
	
	.top_02 .sc_img_sp02 {
		position:relative;
		top:-58px;
		margin:0 0 -50px;
	}
	
	    .top_02 .cul_04 {
        margin: 0 0 -20px;
    }
	
	.cul_03 .but_01 {
		        border-bottom: 1px dotted #ffffff69;
	}
	
	    .top_02 .cul_03 .swell-block-column:last-child .but_01 {
        border: 0px;
    }
	
			.top_02 .wht_bg .but_01 {
		justify-content:center;
	}
	
	.top_02 .cul_04 {
		padding:0 0 50px;
		position:relative;
	}
	
	.top_02 .wht_bg02 {
		background-color: #ffffffd9;
		padding: 40px 20px;
    position: relative;
    top: -30px;
	}
	
	    .top_02 .wht_bg02 h3 {
        text-align: center !important;
        color: #123D83;
        font-size: 32px;
        position: relative;
        margin: 0 0 40px;
    }
	
	    .top_02 .wht_bg02 h3:after {
        content: '';
        width: 65px;
        height: 2px;
        background-color: #123D83;
        display: block;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 34px);
    }
	
	    .top_02 .wht_bg02 p {
        font-size: 18px;
        color: #123D83;
    }
	
	.top_02 .wht_bg02 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/yjr_wht-00.png);
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.cul_03 .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
        -webkit-mask: radial-gradient(transparent 33px, #000 34px);
        mask: radial-gradient(transparent 34px, #000 35px);
	}
	
	.cul_03 .swell-block-columns__inner {
		justify-content:space-around;
	}



	
				/* ***********************	Sp Media Queries END ***************** */
}


@media only screen and (max-width: 959px) and (min-width: 601px) {

/* @media (min-width: 768px) and (max-width: 959px) */
/* ***************************************Media Queries TAB********************************************************************************************************************************************************************************************************************************************** */
	
	/* 	mainvisual */
	
	#main_visual {
		position:relative;
	}
	
	#main_visual:before {
		content:'';
		display:block;
		width:100%;
		height:100%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/Subtract.png);
		background-position:bottom;
		position:absolute;
		bottom:0px;
		z-index:10;
		background-repeat:no-repeat;
	}
	
	#main_visual .swiper-pagination {
		display:none;
	}
	
.p-mainVisual__slideTitle {
    color: #123D83;
    font-weight: bold;
    font-size: 66px;
    text-align: left;
    background-color: transparent !important;
	position:absolute;
	bottom:50px;
}

.p-mainVisual__slideTitle span {
    background-color: #fff !important;
    padding: 5px 0px 5px 15px !important;
    display: inline-block !important;
    margin-bottom: 10px;
	color: #123D83;
	font-size:25px;
	font-weight:600;
	line-height:200%;
}
	
	.p-mainVisual__slideTitle span strong {
		font-size:40px;
		line-height:90%;
	}

/* ==========================================================
   リビールアニメーション（開始タイミングを遅らせた版）
   ========================================================== */

/* 全体の初期化：テーマ特有の文字の影を消してバグを防ぐ */
.p-mainVisual__slideTitle,
.p-mainVisual__slideTitle * {
    background-color: transparent !important;
    text-shadow: none !important; 
}

/* 文字を囲むブロック（最初から背景は白、文字も白にする） */
.p-mainVisual__slideTitle span {
    position: relative;
    display: inline-block !important;
    margin-bottom: 10px;
    padding: 5px 20px 5px 15px !important; /* 白背景の余白 */
    background-color: #ffffff !important;   /* 最初から最後まで背景は白に固定 */
    color: #123D83 !important;              /* 最初は文字を白にして背景と同化させる */
    overflow: hidden;
    vertical-align: middle;
    
    /* 1行目の文字色を変化させるタイマー（遅らせました） */
    animation: revealTextNow 0s forwards !important;
    animation-delay: 1.6s !important; /* 黒い四角が伸びきった瞬間に文字色を紺に変える */
}

/* 左から伸びてハケる黒い四角（リビールボックス） */
.p-mainVisual__slideTitle span::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #123D83 !important; /* 通り過ぎる四角の色（黒） */
    transform: scaleX(0);
    transform-origin: left;
    z-index: 2;
    
    /* 1行目の黒い四角を走らせるタイマー（遅らせました） */
    animation: revealBlockNow 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards !important;
    animation-delay: 1.0s !important; /* ページが表示されてから「1秒後」に動きがスタート */
}

/* ----------------------------------------------------------
   【4行対応】各行の時間差（ディレイ）設定
   ---------------------------------------------------------- */

/* --- 2行目の設定 --- */
.p-mainVisual__slideTitle span:nth-of-type(2) {
    animation-delay: 2.4s !important; /* 文字色が変わるタイミング */
}
.p-mainVisual__slideTitle span:nth-of-type(2)::after {
    animation-delay: 1.8s !important; /* 黒い四角が走るタイミング */
}

/* --- 3行目の設定（2行目からさらに0.8秒遅らせる場合） --- */
.p-mainVisual__slideTitle span:nth-of-type(3) {
    animation-delay: 3.2s !important; 
}
.p-mainVisual__slideTitle span:nth-of-type(3)::after {
    animation-delay: 2.6s !important; 
}

/* --- 4行目の設定 --- */
.p-mainVisual__slideTitle span:nth-of-type(4) {
    animation-delay: 4.0s !important; 
}
.p-mainVisual__slideTitle span:nth-of-type(4)::after {
    animation-delay: 3.4s !important; 
}

/* ----------------------------------------------------------
   アニメーションの具体的な動き（キーフレーム）
   ---------------------------------------------------------- */
@keyframes revealBlockNow {
    0% { transform: scaleX(0); transform-origin: left; }
    50% { transform: scaleX(1); transform-origin: left; }
    51% { transform: scaleX(1); transform-origin: right; }
    100% { transform: scaleX(0); transform-origin: right; }
}

/* 黒い四角が通り過ぎた瞬間に、文字色を紺色（#123D83）にする */
@keyframes revealTextNow {
    to { 
        color: #123D83 !important; /* 最終的な文字の色（紺） */
    }
}
	
/* kyunosuketoha */
	.top_01 .img_area {
		padding:0 20px
	}
	
	.top_01 .img_01 {
		width:70%;
		margin:0 auto 50px;
	}
	
	.top_01 .img_02 {
		width:90%;
		margin:0 auto 50px;
	}
	
	.top_01 .text {
		font-size:18px;
		margin:0 50px 50px;
		text-align:center;
		line-height:230%;
	}
	
	.top_01 .blu_area {
		background-color:#E4EEFF;
		width:90%;
		margin:0 auto;
		border-radius:16px;
		padding:40px;
	}
	
	.top_01 .blu_area .swell-block-columns__inner {
		    row-gap: normal;
	}
	
	.top_01 .blu_area .swell-block-columns__inner .point {
		margin:0 0 10px!important;
	}
	
	.top_01 .blu_area .swell-block-columns__inner .p_tex {
		margin:0 0 30px!important;
	}
	
	.top_01 .point {
		background-color:#123D83;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 20px;
		display:inline-block;
		border-radius:50px;
		font-size:18px;
	}
	
	.top_01 .point span {
		font-size:14px!important;
		padding:0 5px 0 0;
	}
	
	.p_tex {
		font-size:20px;
		border-bottom:3px dotted #123D83;
	}
	
	.top_01 .but_01 {
		margin:40px auto;
		justify-content: center;
	}
	
/* 	but_01_css */
	
	.but_01 a {
		background-color: unset!important;
    color: #123D83!important;
		font-size:18px;
		font-weight:bold;
		text-align:left;
	}
	
	.but_01 a {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:96% center;
		display:block;
		width:200px !important;
		position:relative;
	}
	
	.but_01 a:hover {
		transition:0.7s;
		background-position:100% center;
	}
	
	
/* 枠線が滑らかなグラデーションで消え入る回転サークル */
.but_01 a:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    right: -18px;
    top: 50%;
    
    /* 1. 扇状グラデーションで「濃い紺色」から「透明」へじわ〜っと変化させる */
    background: conic-gradient(#123D83 0%, #123D83 30%, transparent 85%);
    
    /* 2. マスク処理を使って、円の内側をくり抜き「太さ2pxの線」だけを残す */
    -webkit-mask: radial-gradient(transparent 33px, #000 34px);
    mask: radial-gradient(transparent 34px, #000 35px);
    
    border-radius: 50%;
    box-sizing: border-box;
    
    /* くるくる滑らかに回るアニメーション（中心がズレないように調整） */
    animation: circleRotateSmooth 1.5s linear infinite;
}

/* 縦中央配置（translateY）を維持したまま綺麗に回転させる定義 */
@keyframes circleRotateSmooth {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
	
	/* 	but_01_css */
	
	.but_01 a {
		background-color: unset!important;
    color: #123D83!important;
		font-size:18px;
		font-weight:bold;
	}
	
/* 	.but_01 a {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:96% center;
		display:block;
		position:relative;
	}
	
	.but_01 a:hover {
		transition:0.7s;
		background-position:100% center;
	} */
	
/* 	.but_01:after {
		content:'';
		width:70px;
		height:70px;
		border:1px solid #123D83;
		border-radius:50px;
		position:absolute;
		right:-27px;
	}
 */
	
/* 枠線が滑らかなグラデーションで消え入る回転サークル */
.but_01 a:after {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    right: -18px;
    top: 50%;
    
    /* 1. 扇状グラデーションで「濃い紺色」から「透明」へじわ〜っと変化させる */
    background: conic-gradient(#123D83 0%, #123D83 30%, transparent 85%);
    
    /* 2. マスク処理を使って、円の内側をくり抜き「太さ2pxの線」だけを残す */
    -webkit-mask: radial-gradient(transparent 33px, #000 34px);
    mask: radial-gradient(transparent 34px, #000 35px);
    
    border-radius: 50%;
    box-sizing: border-box;
    
    /* くるくる滑らかに回るアニメーション（中心がズレないように調整） */
    animation: circleRotateSmooth 1.5s linear infinite;
}

/* 縦中央配置（translateY）を維持したまま綺麗に回転させる定義 */
@keyframes circleRotateSmooth {
    0% {
        transform: translateY(-50%) rotate(0deg);
    }
    100% {
        transform: translateY(-50%) rotate(360deg);
    }
}
	
/* 	top_02 */
	
	.top_02 {
    margin: 0 0 150px;
    padding: 150px 0;
    position: relative;
	}
	
	.top_02::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #123d83;
    transform: skewY(5deg);
    z-index: -1;
		height:100%;
}
	.top_02 .copy {
		padding: 30px 0;
	}

	.top_02 .copy strong {
		background-color:#fff;
		padding:5px;
		margin:0 0 15px;
		display:inline-block;
		font-size:21px;
		color:#123D83;
	}
	
	.maru_anime {
	        background-color: #E4EEFF;
        width: 260px;
        padding: 100px 0;
        font-size: 23px;
        color: #123D83;
        font-weight: bold;
        line-height: 130%;
        border-radius: 50%;
        position: relative;
		margin:0 auto;
	}
	
	/* 1. 回転するアニメーションの動きの指示（キーフレーム）を作成 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 2. 画像に対してアニメーションを適用する */
.maru_anime:after {
	content:'';
	width:300px;
	height:300px;
	background-size:cover;
    background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/maru_shitte.png);
    position: absolute;
    top: -21px;
    left: -21px;
    
    /* 💡 くるくる回す設定を追加 */
    transform-origin: center center; /* 画像の中心を軸にする */
    animation: spin 20s linear infinite; /* 20秒かけて等速で無限に回り続ける */
}
	
	.top_02 .cul_01 {
		margin:0 0 30px;
	} 
	
	.top_02 .cul_02 {
		margin:0 10px;
		padding: 50px 0px;
		width:100%;
	}
	
	.top_02 .cul_02 .swell-block-column {
		margin:0 auto 30px;
	}
	
	.top_02 .wht_bg {
		background-color: #ffffffd9;
        padding: 40px 20px;
        position: relative;
        width: 130%;
        right: 30%;
        top: -20px;
	}
	
	.top_02 .wht_bg p {
		font-size: clamp(15px, 1.5vw, 20px) !important;
		color:#123D83;
	}
	
	.top_02 .wht_bg h3 {
		text-align:center!important;
		color:#123D83;
		font-size:25px;
		position:relative;
		margin:0 0 40px;
	}
	
	.top_02 .wht_bg h3:after {
		content:'';
		width:65px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 34px);
	}
	
	.top_02 .cul_03 {
		background-color:#ffffff1f;
		padding:40px 30px 60px;
	}
	
	.top_02 .cul_03 .maru_img img {
		border-radius:50%;
	} 
	
	.top_02 .cul_03 .maru_img {
		margin:0 0 -20px;
	}
	
	.top_02 .cul_03 .scene {
		margin:0 0 -45px;
		position:relative;
		padding:30px 0 0;
	}
	
	.top_02 .cul_03 h3 {
		font-size:20px;
	}
	
		.top_02 .cul_03 h3:after {
		content:'';
		width:30px;
		height:2px;
		background-color:#fff;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 15px);
	}
	
	.top_02 .cul_03 p {
		font-size:16px;
		padding:0 0 50px;
	}
	
	.top_02 .cul_03 .swell-block-column {
		padding:0 5px;
		min-width: 200px;
		width: 40%;
	}
	
	.top_02 h2 {
		font-size:25px;
		margin:30px 0!important;
	}
	
	
/* 	Usage Guide */
	.top_03 h2 {
		font-size:60px;
		font-family: "Jost", sans-serif;
		font-weight:500;
		color:#123D83!important;
		position:relative;
	}
	
	.h2_style .is-style-section_ttl {
		position:relative;
	}
	
	.h2_style .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		background-color:#123D83;
		display:block;
		position:absolute;
		bottom:-20px;
		left:calc(50% - 28px);
	}
	
	.h2_style h2 {
		margin:40px;
	}
	
	.h2_style p {
		font-size:16px;
		font-weight:bold;
	}
	
	.h2_style {
		margin:0 0 55px;
	}
	
	
	.top_03 .youtube {
	display:block;
		width:90%;
		padding:150px 0;
		background:#333;
		margin:0 auto;
		color:#fff;
	}
	
	
/* 1. 親要素：ここを基準位置にする */
.top_03 {
    position: relative;
    z-index: 1;
    overflow: hidden;
	  padding: 0 0 150px !important;
}

/* 2. 流れる文字のエリア：背景として浮かせて配置 */
.marqee-wrap {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    width: 100%;
    
    /* 【追加】背景に回すための設定 */
    position: absolute;
    top: 90%;         /* 上からの位置（h2や動画とのバランスを見て調整してください） */
    left: 0;
    z-index: -1;      /* 他の要素（h2や動画）より下に配置 */
    pointer-events: none; /* 文字が邪魔してYouTubeをクリックできなくなるのを防ぐ */
}

/* 3. 流れる文字自体の設定 */
.nagareru {
    font-size: 100px;
    font-weight: 500;
    font-family: "Jost", sans-serif;
    color: #fff;
    display: inline-block;
    padding-left: 0;
    flex-shrink: 0;
    animation: marqee-loop 15s linear infinite;
}

/* 4. アニメーション定義 */
@keyframes marqee-loop {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 5. YouTube動画エリア：文字より手前に出す */
.youtube {
    position: relative;
    z-index: 2; 
}
	
/* 	models */
	
	.top_04 h2 span {
		font-size:60px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.top_04 h2 {
		margin:0 0 40px;
	}
	
	/* 1. 外枠の高さを固定（これが基準になります） */
.swiper.my-vertical-slider {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  height: 550px !important; /* スライダー全体の高さ */
  margin: 20px 0;
  overflow: hidden !important; /* 枠外にはみ出たスライドを隠す */
}

/* 2. スライドを包む枠（高さを100%にして縦並びを確定） */
.my-vertical-slider .swiper-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* 3. 各スライド（高さを「親要素と同じ」に強制固定） */
.my-vertical-slider .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* ココが最重要：縦スライダーでは高さを100%（またはflex-shrink:0）にします */
  height: 100% !important; 
  flex-shrink: 0 !important; 
  width: 100% !important;
  box-sizing: border-box !important;
  color: #333 !important;
  font-size: 20px;
  font-weight: bold;
}

/* ページネーション（丸い点）の位置調整 */
.my-vertical-slider .swiper-pagination-bullets {
  right: 0px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
	
	
	.top_04 .my-vertical-slider .swiper-slide {
		display:block;
		background-color:#f4f4f400;
	}
	
	.top_04 .h2_style .is-style-section_ttl:after {
		background-color:#fff;
		left:0;
	}
	
	.top_04 .swp_inner {
		background-color:#ffffffd9;
		padding:40px 20px;
		height:100%;
		width:95%;
		position:relative;
		display:flex;
	}
	
	.top_04 .swp_inner figure {
		margin:0 40px 0 0!important;
	}
	
	.top_04 .swiper-slide {
		background:none!important;
		padding:0px;
		display:block!important;
	}
	
	.top_04 .swiper-slide figure img {
		width: 100% !important;      /* 横幅いっぱいに広げる */
  height: auto !important;     /* アスペクト比を保って自動の高さに */
  display: block;
				box-shadow: 2px 2px 5px #00000017;
	}
	
	.top_04 .swiper-slide figure {
		margin:0 60px 0 0;
    overflow: hidden;
	}
	
	.top_04 .swiper-slide h3:before {
		background:none;
	}
	
	.top_04 .swiper-slide h3 {
		margin:0 0 30px;
		padding:0;
		font-family: "Jost", sans-serif;
		color:#212682;
		font-size:6vw;
		white-space: nowrap;
	}
	
	.top_04 .swiper-slide h3 img {
		margin:0 0 20px;
		display:block;
		width:200px;
	}
	
	.top_04 .swiper-slide p {
		font-size:16px;
	}
	
	.top_04 .swiper-slide .copy {
		font-size:3vw;
		font-weight:bold;
		margin:0 0 25px;
	}
	
	.top_04 .swell-block-fullWide__inner {
		padding:0 20px;
	}
	
	.top_04 .but_01 a {
		margin:40px auto 50px!important;
		justify-content:center!important;
	}
	
.swiper-pagination {
    display: flex;
    flex-direction: column; /* 縦並びにする */
    align-items: center;    /* 中央揃え（必要に応じて） */
    justify-content: center;
    gap: 8px;               /* ドット間の隙間（お好みで調整） */
    
    /* 位置の調整（右側に配置したい場合の例） */
    position: absolute;
    right: 10px;            
    top: 50%;
    transform: translateY(-50%);
    bottom: auto !important; /* 下部配置のスタイルを打ち消す */
    width: auto !important;
}

/* ドット自体のマージンをリセット（横並び用の余白を消す） */
.swiper-pagination-bullet {
    margin: 0 !important;
}
	
		.swiper-pagination-bullet {
		background:#fff;
		opacity:1;
	}
	
	.swiper-pagination-bullet-active {
		background:#123D83;
		border:1px solid #fff;
	}
	
/* 	top_05 */
	
	.top_05 h2 {
		color:#123D83!important;
		font-size:44px;
		font-family: "Jost", sans-serif;
		font-weight:500;
		white-space: nowrap;
		margin: 0 0 -8px;
    line-height: 100%;
	}
	
	.top_05 .inner {
		padding:60px 50px 130px;
		color:#fff;
		position:relative;
		background-size: cover;
	}
	
	.top_05 .inner h3 {
		font-size:20px;
		position:relative;
		padding:0 0 0 40px;
		margin:0 0 30px;
	}
	
	.top_05 .inner p {
		font-size:18px;
	}
	
	.top_05 .inner .but_01 {
		position:absolute;
		right:50px;
		bottom:50px;
	}
	
	.top_05 .inner .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/wht_yj.png);
	}
	
	
	.top_05 .inner .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
		        mask: radial-gradient(transparent 33px, #000 35px);
	}
	
	.top_05 .inner h3:before {
		content:'';
		display:block;
		width:30px;
		height:1px;
		background:#fff;
		position:absolute;
		left:0px;
		top:50%;
	}
	
	.work_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_01.png);
	}
	
		.order_box .inner {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/blubg_02.png);
	}
	
	.order_box {
		padding:50px 0px 0!important;
	}
	
	.top_05 .work_box {
		padding:0 0px!important;
	}
	
	
/* 	top_06 */
	
	.top_06 .swiper-pagination {
		display:none;
	}
	
	.top_06 .swiper-button-next, .top_06 .swiper-button-prev {
		display:none;
	}
	
	.post_content :where(ul:not([type])) {
		list-style:none;
	}
	
		.top_06 .topic_title_area {
		padding:0 20px 50px;
	}
	
	.top_06 h2 {
		font-size:50px;
		text-align:left;
		font-family: "Jost", sans-serif;
		font-weight:500;
		margin:0 0 40px;
		color:#123D83!important;
	}
	
	.top_06 h2:after {
		left:0px!important;
	}
	
	.top_06 .h2_style {
		margin:0 0 80px;
	}
	
	.top_06 .but_01 a {
		text-align:left;
    width: 150px !important;
		padding:0;
		margin: 0 0 0 5px;
	}
	
		.top_06 .inner .but_01 a:hover {
		background-position: 80% center!important;
	}
	
	.top_06 .but_01 a:after {
		right:-20px;
	}
	
	.p-postList__item {
		width:55%!important;
		margin:0px!important;
	}
	
	.p-postList__item a {
		background-color:#fff;
	}
	
	.p-pickupBanners__item .c-bannerLink, .p-postList__thumb {
		box-shadow:none;
	}

	/* 【決定版】すべてのカード型リストの並び順を強制変更する */
.p-postList__body {
    display: flex !important;
    flex-direction: column !important;
}

/* 日付・カテゴリ（メタ情報）を一番上に */
.p-postList__meta {
    order: 1 !important;
    margin-bottom: 8px !important;
	font-family: "Jost", sans-serif;
	font-size:14px;
	padding:0 15px;
}
	
	.p-postList__meta :before {
		content:none;
	}

/* タイトルを中央に */
.p-postList__title {
    order: 2 !important;
}
	
	.-type-card .p-postList__title, .-type-list .p-postList__title, .-type-list2 .p-postList__title {
		padding:8px 15px 25px;
			font-size:16px!important;
		color:#333!important;
		margin:0;
	}

/* 抜粋文を一番下に */
.p-postList__text {
    order: 3 !important;
    margin-top: 8px !important;
}
	
	.p-postList__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:3px 15px 2px;
		border-radius:50px;
		font-size:14px;
	}
	
	[data-cat-id="3"] {
    background-color: #123D83;
}
	
	
	
/* 	footer_mae */
	
	.foot_bf .swell-block-columns__inner {
		justify-content:center;
	}
	
	.foot_bf h2 {
		font-size:50px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	.foot_bf .h2_style .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.foot_bf .swell-block-column {
		background-color:#fff;
		color:#333;
		padding:30px 25px 40px;
		border-radius:16px;
	}
	
	.foot_bf .tate {
		font-family: "Jost", sans-serif;
		color:#123D83;
		font-size:20px;
		font-weight:500;
		writing-mode: vertical-rl;
		position:relative;
	}
	
	.foot_bf .tate:after {
		content:'';
		display:block;
		width:1px;
		height:30px;
		background-color:#123D83;
		position:absolute;
		left:12px;
		top:50px;
	}
	
	.foot_bf h3 {
		margin:0 0 24px;
	}
	
	.foot_bf .tel {
		font-family: "Jost", sans-serif;
		font-size: clamp(30px, 4vw, 40px) !important;
		font-weight:500;
		margin:0 0 -15px;
	}
	
	.foot_cont_but {
		width:280px!important;
		display:table;
		margin:0 auto!important;
	}
	
	.foot_cont_but a:after {
		content:'';
		width:49px;
		height:49px;
		display:block;
		position:absolute;
		right:4px;
		top:5px;
		background-color:#fff;
		border-radius:50%;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.foot_cont_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.foot_cont_but a {
    background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
    background-size: 200% auto;
    background-position: left center;
    font-size: 18px;
    position: relative;
    text-align: left;
    transition: background-position 0.4s ease, color 0.3s ease; 
	font-size: clamp(14px, 2.6vw, 18px) !important;
    line-height: 33px;
}

.foot_cont_but a:hover {
    background-position: right center;
}
	
/* 	footer */
	
	#footer {
		padding:55px 20px 35px;
		background-color:#123d83!important;
	}
	
	.foot_toroku {
		padding:50px 0 0!important;
		margin:0 0 0 -10px!important;
	}
	
	.foot_logo_area .foot_logo {
		width:200px;
	}
	
	.foot_logo_area .foot_logo img {
		width:100%;
	}
	
	#footer .syamei {
		font-size:18px;
		margin:0 0 20px;
	}
	
	#footer .add {
		font-size:15px;
		margin:0 0 20px;
	}
	
	#footer .tel_fax {
		font-size:15px;
		margin:0 0 20px;
		font-family: "Jost", sans-serif;
		font-weight:500;
	}
	
	#footer .text {
		font-size:12px;
	}
	
	.foot_nav li {
		color:#fff!important;
		list-style:none;
		margin:0 0 10px;
		font-size:14px;
	}
	
	.foot_nav li ul {
		margin:25px 0 0;
		border-left:1px solid #fff;
	}
	
	.w-footer {
		border-bottom:1px solid #fff;
		padding:0 0 30px;
	}
	
	.copyright {
		font-family: "Jost", sans-serif;
		text-align:right!important;
	}
	
	.foot_nav a:hover {
		color:#c7020d!important;
		transition:0.5s;
	}
	
		.l-content {
    margin: 0 auto!important;
	}
	
	.w-beforeFooter {
		margin: 0 auto 3em!important;
	}
	
/* 	dw_menu */
	
	.p-spMenu__body .yasumi {
		margin:-25px 0 20px;
		text-align:center;
	}
	
	.kigaru {
		margin:0 auto 20px;
		border-bottom:2px solid #123D83;
		display:table;
		padding:0 20px;
	}
	
	.tel_sp {
		        font-size: 35px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
		background-size:27px;
        padding: 0 0 0 40px;
        margin: 0 auto 10px;
		display:table;
	}
	
	.fax_sp {
		width:100%;
	}
	
	    .fax_sp a {
        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 16px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
				color:#fff;
				padding: 15px 20px;
    }
	
	    .fax_sp a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
	.c-widget__title {
		background:none!important;
		color:#123D83!important;
		font-family: "Jost", sans-serif;
		font-size:40px;
		margin:0 0 30px!important;
	}
	
	.c-spnav a {
		border-bottom:0px;
		position:relative;
		padding-left:40px;
	}
	
	.c-spnav a:before {
		content:'';
		width:5px;
		height:1px;
		background-color:#333;
		display:block;
		position:absolute;
		left:10px;
		top:50%;
	}
	
	.p-spMenu__nav .is-opened {
		margin-left:30px;
	}
	
	
/* 	title_area */
	.c-filterLayer.-texture-dot:after {
		content:none;
	}
	
	.l-topTitleArea img {
		display:none;
	}
	
	.l-topTitleArea.c-filterLayer::before {
		content:none;
	}
	
	.c-pageTitle {
		color:#123D83;
		text-shadow:none;
		  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px; 
		font-size:20px;
		padding:0 0 0 40px!important;
	}
	
	.c-pageTitle:before {
		content:'';
		width:30px;
		height:1px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:11px;
		left:0px;
	}
	
	.c-pageTitle__subTitle {
		font-family: "Jost", sans-serif;
		font-size:80px;
		color:#123D83;
		font-style:normal;
		font-weight:500;
		margin:0 0 0 -40px;
		opacity: 1;
	}
	
	.l-topTitleArea__body {
		margin:0!important;
		padding:0 5%!important;
	}
	
	.p-breadcrumb {
		float:right;
		padding:0 5% 5% 0;
	}

	.kaso_titleimg .swell-block-fullWide__inner {
		margin:0 5%;
		padding:0;
	}

.kaso_titleimg figure {
  position: relative;
  width: 88vw;
  height: 30vh;
  overflow: hidden;
  margin: 0 auto;
}

.kaso_titleimg figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
	
/* 	h2_title */
	.kaso_h2 h2 {
		font-family: "Jost", sans-serif;
		font-size:50px;
		font-weight:500;
		color:#123D83!important;
		margin:0 0 20px;
		position:relative;
	}
	
	.kaso_h2 .is-style-section_ttl:after {
		content:'';
		width:56px;
		height:2px;
		display:block;
		background-color:#123D83;
		position:absolute;
		bottom:-5px;
	}
	
	.kaso_h2 p {
		font-size:15px;
	}
	
	.kaso_h2 {
		padding:0 0 40px!important;
	}
	
/* About */

	.ab_01 .text_area p {
		font-weight:500;
		font-size:17px;
		line-height:220%;
	}
	
	.ab_02 {
		height:25vh;
	}
	
		.section figure img {
		box-shadow:8px 8px 0px #123D83;
	}
	
	.section {
  height: 100vh;
  position: sticky;
  top: 0;
		/* ↓ 画面横幅いっぱいに広げる設定 */
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
	
	.ab_03 .dot span {
  background-image: radial-gradient(circle, #123D83 15%, transparent 20%);
  background-size: 1em 0.2em;
  background-repeat: repeat-x;
  background-position: top left;
	} 
	
	.ab_25 {
		padding:3em 0 0!important;
	}
	
	.ab_03 .dot {
		line-height:250%;
		font-size:23px;
	}
	
	.section .moya {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/nayami_ico.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding:5px 0 5px 50px;
		font-size:18px;
	}
	
	.section h3 {
		font-size:23px;
		margin:30px 0 40px;
	}
	
	.section p {
		font-size:17px;
		font-weight:500;
	}
	
	.ab_03 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/01.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
		.ab_04 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/02.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
	
		.ab_05 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/03.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
			.ab_06 .col_l {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/04.png);
		background-repeat:no-repeat;
		background-position:right 90%;
	}
	
/* 	kyunosuke */
	.mod_01 h2 {
		font-size:20px;
		margin:45px 0 40px;
	}
	
	.mod_01 .maru_cul {
		margin-bottom:100px;
	}
	
	.mod_01 .maru_cul p {
		border:4px solid #123D83;
		width:150px;
		padding:39px 0;
		border-radius:50%;
		margin:0;
		box-shadow:4px 4px 0px #123D83;
		font-size:16px;
	}
	
	.mod_01 .maru_cul .sang p {
		padding:54px 0;
	}
	
	.mod_01 .sp_san {
		line-height:150%!important;
				padding:31px 0!important;
	}
	
	.mod_01 .sp_ni {
		line-height:150%!important;
				padding:44px 0!important;
	}
	
	.mod_01 .sp_iti {
		padding:55px 0!important;
	}
	
	.mod_01 .maru_cul .swell-block-column {
		width:150px;
	}
	
	.mod_01 .swell-block-columns__inner {
		justify-content:center;
	}
	
/* 	.itig strong {
		line-height: 350%;
	} */
	
	.cu_02 .swell-block-column {
		line-height:200%;
/* 		display:flex;
		align-items: center;
    justify-content: center; */
		font-size:16px;
		font-weight:500;
	}
	
	.c_h2 .is-style-section_ttl:after {
		left:calc(50% - 28px);
	}
	
	.mod_02 table th {
		background-color:#123D83;
		color:#fff;
		text-align:center;
		font-size:16px;
	}
	
	.mod_02 table td {
		background-color:#fff;
		text-align:center;
		padding:10px;
				font-size:16px;
	}
	
	.cul_r figure {
		
	}
	
	.cul_r figure img {
		width:100%;
	}
	
	.cul_r ul li {
		font-size:16px;
	}
	
	.mod_02 h3 {
		margin:0 0 10px;
	}
	
	.mod_02 h3 strong {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
	}
	
	.mod_02 li {
		list-style: disc;
		margin:0 0 0 15px;
	}
	
	
	.mod_03 .cont_box {
		background-color:#fff;
		padding:50px;
		box-shadow:0 0 15px #0003;
		margin:0 0 30px;
	}
	
	.mod_03 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
		margin:0 0 25px;
	}
	
	.mod_03 .cont_box p {
		font-size:18px;
	}
	
	.mod_04 .cont_box {
		background-color:#fff;
				position:relative;
		padding:0 0 20px;
	}
	
	
	.mod_04 .cont_box .blu_area {
		background-color:#123D83;
		display:inline-block;
		color:#fff;
		padding:0px 10px;
		font-size:35px;
		font-family: "Jost", sans-serif;
		font-weight:500!important;
		position:absolute;
		top:0px;
		left:0px;
		margin:0;
		line-height:120%;
	}
	
	.mod_04 .cont_box h3 {
		border-left:4px solid #123D83;
		padding:0 0 0 15px;
		font-size:20px;
		margin:20px;
	}
	
	.mod_04 .cont_box p {
		margin:0 20px 20px;
		font-size:16px;
	}
	
	.mod_04 .cont_box h4 {
		margin:20px 20px 10px;;
		font-size:16px;
	}
	
	.mod_04 .cont_box li {
		list-style:disc;
		margin:0 20px;
	}
	
	.mod_05 .fl_cont {
		position:relative;
	}
	
	.mod_05 .fl_cont p {
		text-align:center;
	}
	
	.mod_05 .fl_cont figure {
		padding:20px 0 0;
		margin:0 0 5px;
	}
	
	.mod_05 .fl_cont:after {
		content: '';
        display: block;
        position: absolute;
        right: -20px;
        top: 35%;
        width: 12px;
        height: 30px;
        background-color: #123D83;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
	}
	
	.mod_05 .fl_cont:last-of-type:after {
		content:none;
	}
	
	.mod_06 h2 {
		color:#fff!important;
	}
	
	.mod_06 h2:after {
		background-color:#fff!important;
	}
	
	.mod_06 a {
		background-color:#fff;
		height:120px;
		width:350px;
		display:inline-block;
		border-radius:70px;
		display: flex;
  align-items: center;
  justify-content: center;
		font-size:32px;
		color:#1F2384;
	}
	
	.mod_06 a:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.mod_06 .swell-block-column {
		width:350px;
	}
	
	.mod_06 .swell-block-columns__inner {
		justify-content:center;
	}
	
/* 	custumorder */
	
	.cuo_01 h2 {
		font-size:23px;
		margin:0 0 30px;
		line-height:200%;
	}
	
	.cuo_01 .text_area {
		font-size:16px;
		font-weight:500;
		border-left:5px solid #123D83;
	  padding:0 0 0 20px!important;
		line-height:210%;
	}
	
	.cuo_02 h2,.cuo_02 .kaso_h2 p {
		color:#fff!important;
	}
	
	.cuo_02 .kaso_h2 .is-style-section_ttl:after {
		background-color:#fff;
	}
	
	.cuo_02 .wht_box {
		background-color:#fff!important;
		padding:30px;
	}
		
	.cuo_02 .wht_box p {
		font-size:16px!important;
	}
	
	.cuo_02 h3 {
		border-left:4px solid #123D83!important;
		padding:0 0 0 15px!important;
		font-size:20px;
		margin:0 0 20px;
	}
	
	.cuo_03 .wht_box {
		background-color:#fff;
		border:1px solid #123D83;
		padding:18px 16px;
		position:relative;
		margin-bottom:15px!important;
	}
	
	.cuo_03 .wht_box p {
		font-size:16px;
	}
	
	.cuo_03 h3 {
		font-size:18px;
		border-bottom:1px solid #123D83!important;
		margin:0 0 10px;
	}

	
	.cuo_03 .stp {
		font-family: "Jost", sans-serif;
		color:#123D83;
		position:absolute;
		top:-27px;
		left:0;
	}
	
	.cuo_03 .wht_box:after {
			  content: '';
        display: block;
        position: absolute;
        left: calc(50% - 20px);
        bottom: -30px;
        width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 15px solid #123D83; 
	}
	
	.cuo_03 .wht_box:last-of-type:after {
		content:none;
	}
	
	.cuo_03 .kaso_h2 {
		margin:0 0 70px;
	}
	
	.cuo_04 h3 {
		font-size:20px;
		font-weight:500;
		border-left:4px solid #123D83!important;
	  padding:0 0 0 20px!important;
		margin:20px 0;
	}
	
	.cuo_04 p {
		margin:0;
	}
	
    .cuo_04 table th {
        background-color: #123D83;
        color: #fff;
        text-align: center;
			width:40%!important;
			font-size:16px;
    }
	
	    .cuo_04 table td {
        background-color: #fff;
        text-align: center;
        padding: 10px;
				font-size:16px;
    }
	
	.cuo_04 table {
		margin:0 0 40px;
	}
	
/* 	orderprice */
	
	.odpr_01 .text_sp {
		font-size:18px;
		text-align:left;
	}
	
	.odpr_01 .undl {
		font-size:20px;
		border-bottom:3px solid #123D83;
		display:table;
		margin:0 auto 50px;
	}
	
	.odpr_01 .wht_bg {
		background-color:#fff;
		position:relative;
		padding:40px 30px;
		border:1px solid #123D83;
	}
	
	.odpr_01 .no_p {
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/sankaku.png);
		background-repeat:no-repeat;
		background-size:cover;
		font-size:32px;
		color:#fff;
		font-family: "Jost", sans-serif;
		padding:5px 5px 35px;
		width:100px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.odpr_01 h3 {
		font-size:20px;
		margin:0 0 40px;
	}
	
	.odpr_01 p {
		margin:0 0 50px;
		font-size:16px;
	}
	
	.odpr_01 .but_01 a {
		width:250px!important;
	}
	
	.odpr_01 .tel_fax p {
		margin:0;
		color:#123D83;
		font-family: "Jost", sans-serif;
		letter-spacing: 0.15em;
	}
	
	.odpr_01 .tel_fax .u-fz-s {
		margin:0 10px 0 0!important;
	}
	
	    .odpr_01 .wht_bg .wp-block-button {
        margin: 0 auto;
    }
	
	.odpr_02 .c-tabBody {
		background-color:#fff;
		border:1px;
		padding:120px 20px;
	}
	
	.odpr_02 .c-tabBody__item {
		margin:0 auto;
	}
	
	.is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] {
        background-color: #123D83 !important;
		color:#123D83;
    }
	
	    .odpr_02 .c-tabList li {
        background-color: #DDDDDD;
        width: 280px;
        margin: 0 10px;
				border-radius:8px;
				margin-bottom:10px;
    }
	
	    .odpr_02 .c-tabList li button {
        padding: 20px 0 !important;
        font-size: 20px;
				border-radius:8px;
				color:#DDDDDD;
    }
	
	    .odpr_02 .c-tabList {
        justify-content: center !important;
    }
	
	.odpr_02 .c-tabList__button {
		display:flex;
		align-items: center;     /* 上下中央揃え */
  justify-content: center;
	}
	
	
	/* 通常時は2枚目の画像（クリック後用）を非表示にする */
.tab-img-switch .c-tabList__item img:nth-of-type(1) {
    display: none;
}

/* タブがクリックされてアクティブになった時の処理 */
/* 1枚目（通常用）を消して、2枚目（クリック後用）を表示する */
.is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(2),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(2) {
    display: none;
}
    .is-style-default>.c-tabList .c-tabList__button:hover img:nth-of-type(1),.tab-img-switch .is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] img:nth-of-type(1) {
    display: inline-block;
}
	
	.c-tabList {
		border-bottom:3px solid #123D83;
	}
	
	.odpr_02 .fig_box {
		border:1px solid #123D83;
		position:relative;
	}
	
	.odpr_02 .fig_box .b_bg {
		background-color: #123D83;
        display: inline-block;
        color: #fff;
        padding: 0px 10px;
        font-size: 20px;
        font-family: "Jost", sans-serif;
        font-weight: 500 !important;
        position: absolute;
        top: 0px;
        left: 0px;
        margin: 0;
        line-height: 120%;
		white-space: nowrap;
	}
	
	.list_blu {
		border-bottom:2px solid #fff!important;
	}
	
	.odpr_02 table th {
		background-color: #123D83;
        color: #fff;
        text-align: center;
		padding:20px;
		font-size:16px;
		vertical-align:middle;
	}
	
	.odpr_02 table td {
		background-color: #fff;
        text-align: center;
        padding: 20px;
		font-size:16px;
		vertical-align:middle;
	}
	
	.odpr_02 .swell-block-columns__inner {
		justify-content:center;
		padding-bottom:50px;
	}
	
/* 	ourwork */
	.wrk_01 .swell-block-columns__inner {
		justify-content:center;
	}
	
	.wrk_01 h2 {
		font-size:25px;
	}
	
	.wrk_01 .text {
		margin:0 0 60px;
	}
	
	.wrk_01 .text p {
		text-align:left;
	}
	
	.wrk_01 .cap_box_content {
		background-color:#fff;
		height:420px;
	}
	
	.wrk_01 .swell-block-columns {
		margin:0;
	}
	
	.wrk_02 .wht_bg {
		background-color:#fff;
		padding:30px;
		box-shadow:0px 0px 24px #00000040;
	}
	
	.wrk_02 .wht_bg h3 {
		        border-left: 4px solid #123D83;
        padding: 0 0 0 15px;
        font-size: 20px;
		margin:0 0 30px;
	}
	
/* 	company */
	
	.comp_01 .text p {
		line-height:250%;
		margin:0 0 50px;
	}
	
	    .comp_02 table, .comp_02 table tbody, .comp_02 table tr, .comp_02 table th, .comp_02 table td {
        border: none;
        font-size: 16px;
    }
	
	    .comp_02 table th {
        border-bottom: 2px solid #123D83;
        border-top: 2px solid #123D83;
        background: none;
        width: 30% !important;
        padding: 40px 25px;
				color:#123D83;
    }
	
	    .comp_02 table td {
        border-top: 2px solid #AFAFAF;
        border-bottom: 2px solid #AFAFAF;
        background: none;
        padding: 40px 45px;
    }
	
	.comp_03 .copy {
		font-size:32px;
		font-weight:600;
	}
	
	.comp_03 .wht_bg {
		background-color:#fff;
		box-shadow: 0px 0px 24px #00000040;
	}
	
		.comp_03 .wht_bg figure img {
		width:100%!important;
	}
	
	.comp_03 .wht_bg .text {
		padding:45px;
	}
	
	.comp_04 h3 {
		border-left: 4px solid #123D83!important;
        padding: 0 0 0 15px!important;
        font-size: 18px;
        margin: 0 0 20px;
	}
	
	.comp_04 .tab_cul .swell-block-columns__inner {
		justify-content:center!important;
	}
	
	.comp_04 .wht_bg {
		background-color:#ffffff4d;
		padding:35px 60px;
		margin-bottom:100px;
	}
	
	.comp_04 .wht_bg h4 {
		font-size:24px;
	}
	
	.comp_04 .prod_but {
		background-color:#fff;
		display:block;
		background-image:url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/a_bg.png);
		background-repeat:no-repeat;
		background-position:right bottom;
		display:flex;
	}
	
	.comp_04 .prod_but:hover {
		opacity:0.5;
		transition:0.5s;
	}
	
	.comp_04 .prod_but figure {
		width:120px;
		margin:0 20px 0 0;
		overflow:hidden;
		position: relative;
	}
	
	.comp_04 .prod_but figure img {
		position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
	}
	
	.comp_04 .prod_but p {
		padding:20px 10px 20px 0;
		font-size:16px;
		line-height:150%;
		width:80%;
	}
	
	.comp_04 .cul_box {
		padding:0 0 50px;
	}
	
/* 	contact */
	
	.contact_01 .toi_tex {
		font-size:20px;
		padding:30px 0 0;
		text-align:center;
		margin:0;
	}
	
	.contact_01 .toi_tex .u-fz-s {
		font-size:16px!important;
	}
	
	.contact_01 .tel_contact {
		font-size: 48px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 0 0 0 50px;
        margin: 0 auto;
		display:table;
	}
	
	    .contact_01 .r_col {
        background-color: #fff;
        padding: 50px!important;
        box-shadow: 0 0 12px #123D83;
        border-radius: 8px;
    }
	
	    #cf_lp table, #cf_lp table tbody, #cf_lp table tr, #cf_lp table th, #cf_lp table td {
        display: block !important;
        border: none;
        background-color: #fff;
        width: 100% !important;
        padding: 0 0 10px !important;
    }
	
	    #cf_lp button, #cf_lp input, #cf_lp optgroup, #cf_lp select, #cf_lp textarea {
        background-color: #fff;
        border: 1px solid #CED0D6;
        border-radius: 3px;
        color: #333;
        padding: .25em .5em;
        width: 100%;
        padding: 10px;
    }
	
	    .wpcf7-list-item {
        display: table;
        margin: 0 auto 30px;
    }
	
	.wpcf7-list-item a {
		text-decoration:underline;
	}
	
	    #cf_lp .red {
        color: #EB5757;
    }
	
	.submit-button input {
		width:100%;
		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		color:#fff;
		border-radius:70px;
		padding:12px 25px;
		font-weight:500;
	}
	
	.submit-button p {
		position:relative;
	}
	
	.submit-button {
		        width: 280px !important;
        display: table;
        margin: 0 auto !important;
/* 		background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease; */
	}
	
	    .submit-button p::after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.submit-button p:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.submit-button input:hover {
    background-position: right center;
}
	
/* 	topics */
	.blog .p-postListTab {
		margin:0 0 30px;
	}
	
	.blog .c-tabList {
		border-bottom:0px;
		justify-content:center;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button:hover, .is-style-simple>.c-tabList .c-tabList__button[aria-selected=true] {
		background:#123D83;
		color:#fff;
	}
	
	.is-style-simple>.c-tabList .c-tabList__button {
		background:#fff;
		color:#333;
		font-size:16px;
		border:1px solid #123D83;
	}
	
	.c-tabList .c-tabList__item {
		margin-right:10px!important;
	}
	
	.icon-folder:before {
    content:none;
}
	
		.c-postThumb__cat {
		opacity:1;
		color:#fff;
		background-color:#333;
		padding:0 15px;
		border-radius:50px;
		font-size:14px;
	}
	
		[data-cat-id="3"] {
    background-color: #123D83;
}
	
	.c-categoryList:before {
    content: none;
}
	
	.category .c-pageTitle {
		position:relative;
	}
	
	.category .c-pageTitle__subTitle {
		font-size: 20px;
		position:absolute;
		top:0px;
		left:60px;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		font-size:40px;
	}
	
	.category .c-pageTitle:before {
		content:none;
	}
	
	.category .c-pageTitle {
		padding:20px 0!important;
	}
	
	.category .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
		border-bottom:0px;
	}
	
	.c-pageTitle[data-style=b_bottom] {
		border-bottom:01px;
	}
	
	.blog .l-content,.archive .l-content,.single-post .l-content {
		padding-bottom:6em;
	}
	
	    .w-beforeFooter {
        margin: 0 auto!important;
    }
	
	.blog .p-postList,.archive .p-postList {
		width:100%!important;
		justify-content: center;
	}
	
	.blog .-type-card .p-postList__item,.archive .-type-card .p-postList__item {
		width:44%!important;
		margin:20px 5px!important;
	}
	
		.error404 #content {
		padding-bottom:80px;
	}

		.p-breadcrumb.-bg-on {
    background: none;
    box-shadow: none !important;
		padding:20px;
			z-index: 11;
}
	
		.is-scrolled h1,.is-scrolled .c-headLogo {
		height:55px;
		transition:0.5s;
	}
	
	.is-scrolled {
		height:55px;
		transition:0.5s;
		background-color: #f3f5f6cc;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	}
	
	.is-scrolled .l-header__inner {
				height:55px;
	}
	
	/* 	cat_DL_but */
	
	.catl_but {
		margin-top:70px;
	}
	
	.catl_but a {
		        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 18px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
		padding:14px 70px 14px 20px;
	}
	
	    .catl_but a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
		.catl_but a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.catl_but a:hover {
    background-position: right center;
}
	
		.ab_05 .teki_p {
		margin:0 0 0 20px;
		text-indent:-15px;
		font-size:15px;
					line-height:130%;
	}
	
			.p-mainVisual__slideTitle .sp_only {
		line-height:10%;
	}
	
			.sp_view,.pc_view {
		display:none;
	}
	
	.tab_view {
		display:block!important;
	}
	
		.p-articleMetas__termList a {
		    border-radius: 1px;
    display: block;
    line-height: 1;
    padding: 4px .5em;
    text-decoration: none;
		background-color: #123D83;
		color:#fff;
	}
	
	.c-categoryList:before, .c-tagList:before, .c-taxList:before, code.dir_name:before, code.file_name:before {
		content:none;
	}
	
		.single .l-content {
		padding-bottom:80px;
	}
	
	.single h1 {
		width:100%;
	}
	
	/* 	case */
	
	.p-postList__times {
		opacity:1!important;
	}

	.case-term-list span {
        display: inline-block;
        background-color: #123D83;
        color: #fff;
        border-radius: 50px;
        padding: 3px 15px;
        font-size: 13px;
		margin:0 5px;
	}
	
	.wrk_02 .tax_list .widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before {
		content:none;
	}
	
	.wrk_02 .tax_list a {
		border:0px;
		display:inline-block;
		background-color:#123D83;
		color:#fff;
		border-radius:50px;
		padding:5px 25px;
		font-size:18px;
		margin:5px;
		border:1px solid #123D83;
	}
	
	.wrk_02 .tax_list a:hover {
		background-color:#fff;
		color:#123D83;
		transition:0.5s;
	}
	
	.wrk_02 .tax_list {
		display:flex;
		justify-content:center;
		margin:0 0 100px;
		flex-wrap:wrap;
	}
	
	.wrk_02 h3 strong {
		color:#123D83!important;
		font-size:24px;
		position:relative;
		padding:0 0 0 60px;
	}
	
	.wrk_02 h3 strong:before {
		    content: '';
        width: 50px;
        height: 2px;
        display: block;
        background-color: #123D83;
        position: absolute;
        top:50%;
        left: 0px;
	}
	
	.wrk_02 .but_01 {
		justify-content:center;
	}
	
	.wrk_02 #case_01box,.wrk_02 #case_02box,.wrk_02 #case_03box,.wrk_02 #case_04box {
		border-bottom:1px solid #fff;
		padding:30px 0 75px;
		padding-top: 110px;
  margin-top: -80px; 
	}
	
	.wrk_02 #case_05box {
		padding:30px 0 75px;
				padding-top: 110px;
  margin-top: -80px; 
	}
	
	.tax-case_tax .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	    .tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
        font-size: 40px;
    }
	
	.tax-case_tax .c-pageTitle:before {
		content:none;
	}
	
	.tax-case_tax .c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
				border:0px!important;
	}
	
		.tax-case_tax .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	.post-type-archive .c-pageTitle__subTitle {
        font-size: 20px;
        position: absolute;
        top: 0px;
        left: 60px;
    }
	
	.post-type-archive .c-pageTitle:before {
		content:none;
	}
	
	.post-type-archive .c-pageTitle__inner {
		        font-size: 40px;
				border-bottom:0px!important;
		padding:30px 0px!important;
	}
	
	.post-type-archive .c-pageTitle__subTitle {
		left: 80px;
	}
	
	.tax-case_tax .c-pageTitle {
		padding:20px 0px!important;
	}
	
	.wrk_02 .p-postList__item {
		width:45%!important;
		margin:20px 10px!important;
	}
	
	.wrk_02 .but_01 a {
		width:220px!important;
	}
	
	.wrk_02 .p-postList.-type-card, .p-postList.-type-thumb {
		justify-content:space-around;
	}
	
/* 	top_scene */
	
		.top_02 .wht_bg .but_01 {
		justify-content:center;
	}
	
	.top_02 .cul_04 {
		padding:0 0 50px;
		position:relative;
	}
	
	.top_02 .wht_bg02 {
		background-color: #ffffffd9;
                padding: 40px 20px;
        position: relative;
		width:130%;
						top: -20px;
	}
	
	    .top_02 .wht_bg02 h3 {
        text-align: center !important;
        color: #123D83;
        font-size: 32px;
        position: relative;
        margin: 0 0 40px;
    }
	
	    .top_02 .wht_bg02 h3:after {
        content: '';
        width: 65px;
        height: 2px;
        background-color: #123D83;
        display: block;
        position: absolute;
        bottom: -20px;
        left: calc(50% - 34px);
    }
	
	    .top_02 .wht_bg02 p {
        font-size: 20px;
        color: #123D83;
        font-size: clamp(15px, 1.5vw, 20px) !important;
    }
	
	.top_02 .wht_bg02 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 {
		justify-content:center;
	}
	
	.cul_03 .but_01 a {
		color:#fff!important;
		background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/yjr_wht-00.png);
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.cul_03 .but_01 a:after {
		background: conic-gradient(#fff 0%, #fff 30%, transparent 85%);
        -webkit-mask: radial-gradient(transparent 33px, #000 34px);
        mask: radial-gradient(transparent 34px, #000 35px);
	}
	
	.cul_03 .swell-block-columns__inner {
		justify-content:space-around;
	}


	
				/* 	end */
}

@media only screen and (max-width: 1365px) and (min-width: 959px) {

/* @media (min-width: 768px) and (max-width: 959px) */
/* ***************************************Media Queries TAB********************************************************************************************************************************************************************************************************************************************** */
	
	.w-header {
		position:absolute;
		top:0px;
		right:80px;
	}
	
	.head_contarea .tel_head {
/* 		background-color:#fff!important; */
		padding: 18px 20px 17px 45px;
		background-position: 20px center;
		font-size:25px;
		margin: 0 5px 0 0;
	}
	
	.fax_head a {
		padding: 10px 25px 10px 50px;
		font-size:13px;
	}
	
	.c-gnav {
		border:none;
	}
/* ------------------------------------------------------
 * PCでハンバーガーボタンを表示させる設定 
 * ------------------------------------------------------ */
.l-header__menuBtn.sp_ {
  display: block!important; /* ハンバーガーボタンを表示 */
}

.-series .l-header__inner {
  align-items: center;  /* ハンバーガーボタンの上下位置調整 */
}
.p-spMenu {
  display: block; /* 開閉メニューを有効 */
}
	
	#gnav,.l-fixHeader__gnav {
		display:none;
	}
	
	/* 	dw_menu */
	
	.p-spMenu__body .yasumi {
		margin:-25px 0 20px;
		text-align:center;
	}
	
	.kigaru {
		margin:0 auto 20px;
		border-bottom:2px solid #123D83;
		display:table;
		padding:0 20px;
	}
	
	.tel_sp {
		        font-size: 35px;
        white-space: nowrap;
        color: #333;
        font-weight: 500;
        font-family: "Jost", sans-serif;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/cont_tel.png);
        background-repeat: no-repeat;
        background-position: left center;
		background-size:27px;
        padding: 0 0 0 40px;
        margin: 0 auto 10px;
		display:table;
	}
	
	.tel_sp a {
		pointer-events: none;
	}
	
	.p-spMenu__inner .p-blogParts .is-layout-flex {
		justify-content:center;
	}
	
	.fax_sp {
		width:40%;
	}
	
	    .fax_sp a {
        background: linear-gradient(90deg, #123D83 0%, #1e56b3 50%, #123D83 100%);
        background-size: 200% auto;
        background-position: left center;
        font-size: 16px;
        position: relative;
        text-align: left;
        transition: background-position 0.4s ease, color 0.3s ease;
				color:#fff;
				padding: 15px 20px;
    }
	
	    .fax_sp a:after {
        content: '';
        width: 49px;
        height: 49px;
        display: block;
        position: absolute;
        right: 4px;
        top: 5px;
        background-color: #fff;
        border-radius: 50%;
        background-image: url(http://kyunosuke.bi-d.jp/wp-content/uploads/2026/06/but_yj.png);
        background-repeat: no-repeat;
        background-position: center;
    }
	
	.fax_sp a:hover {
    background-position: right center;
}
	
		.fax_sp a:hover:after {
				background-position:65% center;
		transition:0.4s;
	}
	
	.c-widget__title {
		background:none!important;
		color:#123D83!important;
		font-family: "Jost", sans-serif;
		font-size:40px;
		margin:0 0 30px!important;
	}
	
	.c-spnav a {
		border-bottom:0px;
		position:relative;
		padding-left:40px;
		font-size:17px!important;
		border-bottom:1px solid #ddd;
	}
	
	.c-spnav a:before {
		content:'';
		width:5px;
		height:1px;
		background-color:#333;
		display:block;
		position:absolute;
		left:10px;
		top:50%;
	}
	
	.p-spMenu__nav .is-opened {
		margin-left:30px;
	}
	
	
	
					/* 	end */
}