@charset "UTF-8";

/* 基本設定 */
*{padding:0;margin:0;}
.wapper{
width: 100%;	
background: #e4e4e4;	
}

.container {
	background-color: #ffffff;
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	max-width :1280px;	
}

.row {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline-block
}
.body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;	
}


.pc-header{
width:100%;	
max-width: 1280px;
height: 90px;
background: #ffffff;
border-bottom:1px solid #cccccc;
box-shadow: 0px 1px 1px 1px #cccccc;	
}


.pc-header-left {
float: left;	
width: 40%;	
padding-top:10px;	
}
.pc-header-left-title{
width: 100%
}
.pc-header-left-title > p {
font-size:22px;
color:#1a1a1a;
letter-spacing: 3px;	
text-decoration: none;	
padding-top:0px;	
padding-left:0px;
line-height: 120%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-header-left-title > p > a{	
color:#1a1a1a;
text-decoration: none;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-header-komoji{
font-size:12px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
table.pc-header-table-left{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;	
}
table.pc-header-table-left td.logo{
width: 30%;		
}
table.pc-header-table-left td.pc-header-title{
width: 70%;	
}
.pc-logo{
width: 100%;
text-align: center;	
padding-top:12px;	
padding-left:30px;	
}
.pc-header-right {
float: left;	
width: 60%;
}
table.pc-header-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}

table.pc-header-table td.headerjouhou{
width: 70%;	
padding-top:15px;
}	
table.pc-header-table td.headerbotan{
width: 30%;	
padding-top:25px;
vertical-align: top;	
}	

.pc-header-bangou{
width: 100%;
}
.pc-header-bangou > p{
text-align: right;	
font-size:26px;
 	
padding-right:25px;		
  	background-image: url("../images/denwa.svg"); 
	background-repeat:  no-repeat;
	background-position:  58% 50%; /*フレーム下部画像*/
	background-size: 3%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-header-bangou-jikan{
width: 100%;
text-align: right;
font-size:11px;
 
margin-top:-5px;	
padding-right:25px;		
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;		
}
.pc-header-menu{
width: 100%;
padding-right:0px;
padding-right:0;
text-align: right;
}
.pc-header-menu > a{
font-size:14px;
color:#1a1a1a;
 	
text-decoration: none;	
padding-right:20px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-header-menu > a:hover{
text-decoration: underline;
}
.pc-header-botan{
background: #E67E22;
width: 180px;		
text-align: center;	
padding:3px;
margin:auto;	
border-radius: 20px;	
}

.pc-header-botan:hover{
opacity: 0.8;	
background: #154091;	
}

.pc-header-botan > a{	
display: block;
position: relative;	
font-size:13px;
padding-top:5px;
padding-bottom:4px;
color:#ffffff;
text-decoration: none;	
 
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.pc-header-botan > a::after {
content: "";
position: absolute;
top: 50%;
right: 25px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 6px solid #ffffff;
border-left: 6px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}



/* スマホヘッダーメニュー */

/* SPヘッダー3ハンバーガーのみ */
.sp-header {	
position: fixed;	
top: 0;	
left: 0;
width: 100%;
padding-bottom: 0px;
	z-index: 25;
background: #ffffff;	
	height: 55px;
margin-top:0px;	
  box-shadow: 0px 1px 3px #dfdfdf;		
}
.sp-header-menu1{
width: 80%;	
margin: 0 auto;
float:left;	
	height: 52px;
}
.sp-header-title{
width: 100%;
padding-top:15px;
padding-left:12px;	
}
.sp-header-title > p{
font-size:15px;	
letter-spacing: 2px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.sp-header-title > p > a{
text-decoration: none;
color:#1a1a1a;	
}
.sp-header-menu2{
width: 9%;	
margin-top:5px;
margin-right:2%;	
float:right;	
height: 33.5px;	
background: #ffffff;
padding-top:12px;
padding-left:1%;

}

/* spハンバーガー */
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 11%;
  height: 52px;
  vertical-align: middle;	
padding-left: 10%;	
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 1px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 1px;
  background: #4a4a4a;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0;
  transition: 0.8s ease-in-out;
}

/*中身*/
#nav-content {
overflow: auto;
position: fixed;
padding-top:5%;	
padding-left:5%;	
background:#eaf4fc;	
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  transition: 0.8s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

#nav-content > li
{
	position: relative;
	width: 95%;
  color: black;
  border-left: solid 0px orange;/*左側の線*/
  margin-bottom: 6px;/*下のバーとの余白*/
  line-height: 130%;
  padding: 10px 0;
  border-bottom:1px solid #cccccc;	
  list-style-type: none!important;
}


#nav-content  > li > a{	
	 
	   color: #353535;
	text-decoration: none;
display:block;
padding-left:7%;
letter-spacing: 2px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
#nav-content > li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #8a8a8a;
  border-right: solid 1px #8a8a8a;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/* ＰＣメニュー */

.global-nav {
    width: 1280px;
    margin: 0 auto;
    background-color: #1f4ea1; 
}

.menu {
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}

.menu-item {
    flex: 1;
    text-align: center;
    border-right: 1px solid #ffffff;

}

.menu-item1 {
    flex: 1;
    text-align: center;
}

.menu-item a {
    display: block;
    padding: 10px 0;
    color: #ffffff; /* 文字色 */
    text-decoration: none;
    letter-spacing: 2px;
}

.menu-item a:hover {
    opacity: 0.5;
}

.menu-item1 a {
    display: block;
    padding: 10px 0;
    color: #552b00; /* 文字色 */
    text-decoration: none;
    letter-spacing: 2px;
}

.menu-item1 a:hover {
    opacity: 0.7;
}

.icon {
    font-size: 22px;
}

.text {
    color: #ffffff;
    font-size: 13px;
letter-spacing: 3px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}




.row.blockDisplay {
	display: block;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}






/* pcサイトで使っているCSS*/
/* pcメインテーブル */

/* pc見出しタグ */


h1{

}
.pc-top-h1{
width: 700px;
text-align: center;
margin:auto;	
}
.pc-top-h1-span{
font-size:26px;	
letter-spacing:4px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}

.pc-h1-sen-soto{
width: 700px;
margin:auto;
  margin-top: -10px;
  margin-bottom: 5px;	
}
.pc-top-h1-2{
width: 100%;	
font-size:17px;
margin-top:10px;
margin-bottom:50px;	
text-align: center;	
letter-spacing: 2px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-page-h1{
width: 100%;
margin-top:80px;
margin-bottom:20px;	
text-align: center;	
}
.pc-page-h1-1{
font-size:15px;	
letter-spacing: 2px;	
}
.pc-page-h1-2{
font-size:30px;
letter-spacing: 4px;	
}
.pc-top-h1{
width: 100%;
margin-top:0px;
margin-bottom:20px;	
text-align: center;	
}

.pc-line-shita{
margin-bottom:80px;	
}
.sp-top-h1{
width: 100%;
text-align: center;	
line-height: 220%;	
margin-top:40px;	
margin-bottom:5px;	
}
.sp-top-h1-1{
font-size:13px;	
letter-spacing: 2px;	
}
.sp-top-h1-2{
font-size:22px;
letter-spacing: 2px;	
}
.sp-title{
width: 98%;	
margin:auto;
margin-bottom:40px;	
}
.sp-title-top-1{
width: 98%;	
margin:auto;
margin-bottom:0px;	
text-align: center;		
}
.sp-title-top{
width: 98%;	
margin:auto;
margin-bottom:40px;	
text-align: center;		
}
.sp-span-title-top{
font-size:20px;	
letter-spacing: 2px;
color:#1a1a1a;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
} 
.sp-span-title{
font-size:20px;
padding-left:10px;	
letter-spacing: 2px;
color:#1a1a1a;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
} 
.sp-midashi-shita{
margin-bottom:60px;	
}
.sp-title-timei{
width: 100%;	
}
.sp-title-timei > p{
font-size:17px;
letter-spacing: 1px;
color:#1a1a1a;	
padding-top:5px;		
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}
.sp-title-eigo{
width: 100%;	
}
.sp-title-eigo > p{
font-size:20px;
letter-spacing: 1px;
color:#1a1a1a;	
padding-top:5px;	
padding-left:30px;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}

h2{
font-size: 23px;
}

h3{
font-size: 23px;
}

h4{

}


/* pcサイト*/
.pc-page-title-ja{
width: 700px;
margin:auto;
margin-top:60px;
text-align: center;	
}
.pc-page-title-ja > p{
font-size:24px;
color:#1a1a1a;	
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-pagetochuu-title{
width: 700px;
margin:auto;
text-align: center;	
}
.pc-pagetochuu-title > p{
font-size:24px;
color:#1a1a1a;	
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-title-sen{
width: 850px;
margin:auto;	
}
.pc-top-title-sen{
width: 400px;
margin:auto;	
}
.pc-page-title-en{
width: 700px;
margin:auto;
margin-bottom:60px;	
text-align: center;	
}
.pc-page-title-en > p{
font-size:21px;
color:#1a1a1a;	
letter-spacing: 2px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-top-main {
    width: 100%;
    height: 400px;
    margin-bottom: 50px;
    background-image: url("../images/pc-main-1.webp");
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right:140px;
}

.catch-copy {
	width: 450px;
    background: rgba(255, 255, 255, 0.8);
    padding: 40px 50px;
    text-align: center;
    display: inline-block;

}
.catch-copy > p{
    font-size: 33px;
    color: #333;
	letter-spacing: 2px;
    line-height: 180%;
	font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}

.pc-top-shoukai{
width: 100%;
margin-bottom:120px;
}

.pc-top-setumeibun-naka{
width: 100%;	
margin:auto;	
}
.pc-top-setumeibun{
width: 600px;
margin:auto;
}
.pc-top-setumeibun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

table.pc-top-service-table{
  width: 1080px;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
 margin-bottom:60px;	
}
table.pc-top-service-table td{
width: 360px;
padding:0 30px;	
}
table.pc-top-service-table td > a{
text-decoration: none;	
}
.pc-top-template-green-title{
width: 300px;	
text-align: center;
background: #d8ebc2;
padding:4px 0;
margin-bottom:10px;	
}
.pc-top-template-green-title > p{
font-size:17px;
color:#336633;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.pc-top-template-pink-title{
width: 300px;	
text-align: center;
background: #f8e2e9;
padding:4px 0;	
margin-bottom:10px;	
}
.pc-top-template-pink-title > p{
font-size:17px;
color:#b03a63;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.pc-top-template-orange-title{
width: 300px;	
text-align: center;
background: #fbe3c4;
padding:4px 0;	
margin-bottom:10px;	
}
.pc-top-template-orange-title > p{
font-size:17px;
color:#a65c1b;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.pc-top-service-image{
width: 300px;
margin-bottom:20px;	
}

.pc-ryoukin-box {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  flex-wrap: wrap; /* スマホ対応も想定 */
  margin-bottom:120px;	
}

.ryoukin-item {
  width: 400px;
  padding: 20px;
  background-color: #f0f8ff;
  border: 1px solid #ccc;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.ryoukin-item h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #333;
	letter-spacing: 2px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 700;	
}

.ryoukin-item .price {
  font-size: 28px;
  color: #007acc;
	margin-bottom:20px;
	letter-spacing: 2px;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 700;	
}
.pc-ryoukin-bun{
width: 	100%;
	
}
.pc-ryoukin-bun > p{
width: 	100%;
font-size:16px;
color:#1a1a1a;
text-align: left;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}



.pc-top-service-shousai{
width: 300px;
text-align: center;	
padding-top:10px;	
padding-bottom:5px;	
		
}
.pc-top-service-shousai > a{
font-size:15px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
text-decoration: none;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;		
}
.pc-top-service-shousai > a:hover{
text-decoration: underline;
}
.pc-top-template-bun{
width: 600px;
margin:auto;
margin-bottom:120px;	
}
.pc-top-template-bun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}


table.pc-top-tokuchou-table{
width: 1080px;	
border-collapse:collapse;
border-spacing: 0;
margin:auto;
margin-bottom:80px;	
}
table.pc-top-tokuchou-table td.left{
width: 540px;
vertical-align: top;
padding-bottom:70px;	
}
table.pc-top-tokuchou-table td.right{
width: 540px;	
vertical-align: top;
padding-bottom:70px;		
}
.pc-kouboushouka-image{
width: 100%;
text-align: center;	
margin-top:10px;	
}
.pc-top-tokuchou-zentai{
width: 450px;
margin:auto;	
}
.pc-top-tokuchou-title{
width: 100%;
margin-bottom:5px;
margin-top:20px;	
}
.pc-top-tokuchou-title > p{
font-size:22px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-top-tokuchou-bun{
width: 95%;
margin:auto;	
padding:20px;
margin-bottom:30px;	
}
.pc-top-tokuchou-bun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 160%;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
/* .pc-botan1 要素のスタイル */
.pc-botan1 {
  display: block;	
  background-color: #E67E22;
  width: 250px;	
  margin: auto;	
  margin-top: 0px;
  margin-bottom: 120px;
  text-align: center;	
  padding: 4px;	
  border-radius: 0px;
  border: 1px solid #ffffff;	
  box-shadow: 0px 0px 0px 3px #E67E22;
}
 .pc-botan1:hover{
  background-color: #154091;	
  box-shadow: 0px 0px 0px 3px #154091;
} 

.pc-botan1 > a {	
  display: block;
  position: relative;	
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;	
   
  letter-spacing: 2px;
  font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;	
}

.pc-botan1 > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  margin: -3px 0 0 0;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pc-nagare-botan{
width: 350px;	
display: block;		
margin:auto;
margin-top:40px;
margin-bottom:80px;	
border-radius: 25px;
background: #ffffff;
border:1px solid #2a5d9e;	
text-align: center;	
padding:9px 0px;	
}

.pc-nagare-botan > a{	
font-size:16px;
color:#2a5d9e;
display: block;		
text-decoration: none;	
 
letter-spacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

/* pc流れ */
.pc-nagarepage-waku{
width: 100%;
padding-top:20px;
padding-bottom:80px;	
margin-bottom:120px;
background: #f0f6da;	
}
.pc-nagarepage-zentai {
    width: 650px;
	padding-top:20px;
    padding-bottom: 30px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 0px;
	background: #ffffff;
    box-shadow: 3px 3px 6px #7f7f7f;
    display: flex;
    flex-direction: column;
	border-radius:10px;
}

.pc-nagare-title{
width: 100%;
padding-bottom:5px;	
}
.pc-nagare-title > p{
    font-size: 21px;
    color: #000000;
    font-weight: normal;
    padding-left: 30px;
    letter-spacing: 3px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pc-nagere-sen{
width: 100%;
margin-bottom:30px;	
}
.pc-nagare-bun{
width: 80%;
margin:auto;	
}
.pc-nagare-bun > p{
    font-size: 16px;
    color: #333333;
    font-weight: normal;
    letter-spacing: 1px;
	font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}


.pc-nagarepage-midashi {
    width: 90%;
    margin-bottom: 0px;
    padding-top: 10px;
    background: #ffffff;
}

.pc-nagarepage-midashi > p {
    font-size: 21px;
    color: #000000;
    font-weight: normal;
    padding-left: 30px;
    letter-spacing: 3px;
    border-bottom: 0px solid #b4b4b4;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.pc-nagarepage-titlesen{
    width: 90%;
	margin-bottom:30px;
}

.pc-nagarepage-content {
    display: flex;
    align-items: flex-start;
    gap: 20px; /* 画像とテキストの間隔 */
}

.pc-nagarepage-left-image,
.pc-nagarepage-left-image1 {
    width: 360px;
    text-align: center;	
    margin-bottom: 30px;
	align-self: flex-start;
}
.pc-nagarepage-right{
width: 490px;	
}
.pc-nagarepage-naiyou {
	width: 440px;
    flex: 1;
    padding-left: 30px;
    padding-right: 30px;	
    padding-bottom: 15px;
    border-right: 0px solid #cccccc;
    border-bottom: 0px solid #cccccc;
}

.pc-nagarepage-naiyou > p {
    font-size: 15px;
    line-height: 170%;
    letter-spacing: 1px;
    color: #333333;
    font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
}

.pc-nagare-sankaku-soto{
  position: relative; /* 位置基準を設定 */
  width: 100%;
  height: 40px; /* 高さを確保 */
  margin-top: 0px;
  margin-bottom:70px;	
}
.pc-nagare-sankaku {
  width: 0;
  height: 0;	
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 20px solid #1d3b5e;
  border-bottom: 0;
margin: 35px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
}
.pc-servicepage-botan {
    background: #ffffff;
    border: 1px solid #154091;
    width: 180px;
    text-align: center;
    padding: 3px;
    margin: auto;
	margin-top:20px;
    border-radius: 20px;
    transition: background 0.3s, color 0.3s; /* スムーズな色変化 */
}

.pc-servicepage-botan > a {
    display: block;
    position: relative;
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #154091;
    text-decoration: none;
    font-weight: normal;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    transition: color 0.3s; /* スムーズな色変化 */
}

.pc-servicepage-botan > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 6px solid #154091;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border-top-color 0.3s; /* 矢印の色も変化 */
}

/* ホバー時のスタイル */
.pc-servicepage-botan:hover {
    background: #154091;
    color: #ffffff;
}

.pc-servicepage-botan:hover > a {
    color: #ffffff;
}

/* ホバー時に矢印の色も変更 */
.pc-servicepage-botan:hover > a::after {
    border-top-color: #ffffff;
}
/* PCトップ注意文 */
.pc-top-chuuibun{
  width: 650px;
  margin: auto;
margin-bottom:120px;	
  padding: 15px;
border:2px solid #ff0000;
}
.pc-top-chuuibun > p{
font-size:16px;
color:#1a1a1a;		
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

/* pcトップ問い合わせ */

.pc-top-toiawase-bun{
width: 700px;	
}




























/* pcプロフィール*/
.pc-top-profile{
width: 800px; 
margin:auto;	      
margin-bottom:80px;
}
table.pc-profile-table{
  width: 100%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
	
}

table.pc-profile-table td.pc-profile-left{
width: 320px;	
vertical-align: top;	
text-align: center;		
}
table.pc-profile-table td.pc-profile-right{
width: 450px; 
vertical-align: top;
padding-left:60px;	
}


.pc-top-profile-left{		
width: 100%;
	
}
.pc-top-profile-left-image{
width: 100%;	
text-align: center;	
margin-bottom:30px;	
}
.pc-top-profile-left-image1{
width: 100%;	
text-align: center;
border:1px solid #cccccc;	
}

.pc-profile-title{
width: 100%;
margin-bottom:0px;	
}
.pc-profile-title > p{
font-size:20px;
line-height: 180%;	
color:#1a1a1a;
letter-spacing: 1px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;		
}
.pc-profile-title-sen{
width: 90%;
margin-bottom:30px;	
}
.pc-top-profile-right{		
width: 480px; 
margin:auto;
padding-right:60px;
padding-left:20px;	
}
.pc-top-profile-right > p{
font-size:16px;
line-height: 180%;	
color:#3f3f3f;
letter-spacing: 1px;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-profile-table-zentai{
width: 100%;
margin:auto;
margin-bottom:40px;	
}
table.pc-profile-keireki-table{
  width: 90%;	
  border-collapse:separate;
  border-pcacing: 0;
border:	1px solid #a8b7c5;	
}

table.pc-profile-keireki-table th{
  background: rgb(168, 183, 197, 0.1);
  border-left: 0px solid #a8b7c5;
 border-right: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  width: 20%;
 	
letter-pcacing: 2px;	
padding-top:8px;
padding-bottom:8px;		
}

table.pc-profile-keireki-table th > p{
text-align: center;
padding-right: 10px;
padding-left: 10%;
 
font-size:14px;
	color:#1a1a1a;	
letter-pcacing: 1px;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
table.pc-profile-keireki-table td{
  text-align: left;
background: #ffffff;	
  border-bottom: 1px solid #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 80%;
	font-size:14px;		
	color:#1a1a1a;	
padding-top:8px;
padding-bottom:8px;		
padding-left:3%;	
letter-pcacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-profile-keireki-table tr:last-child th {
    border-bottom: none;
}
.pc-profile-keireki-table tr:last-child td {
    border-bottom: none;
}



/* pc特商法の表記*/
table.pc-gaiyou-table{
  width: 700px;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
margin-top:40px;	
border:1px solid #cccccc;	
}
table.pc-gaiyou-table td.left{
width: 35%;	
font-size:16px;
color:#1a1a1a;	
text-align: left;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
border:1px solid #cccccc;	
padding-top:5px;
padding-bottom:5px;	
padding-left:40px;	
}
table.pc-gaiyou-table td.right{
width:65%;	
font-size:16px;
color:#1a1a1a;	
text-align: left;	
letter-spacing: 1px;
line-height: 180%;
padding-left:40px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
border:1px solid #cccccc;	
}
table.pc-gaiyou-table td.right > a{
text-decoration: none;	
}
table.pc-gaiyou-table td.right > a:hover{
text-decoration: underline;	
}


/* pcFAQ*/
table.pc-qa-q{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
}
table.pc-qa-q th{
  width: 5%;
vertical-align: top;	
}
.pc-q-q{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #1d3b5e;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	 
}
table.pc-qa-q td{
width: 95%;
vertical-align: top;
padding-top:2px;
padding-left:30px;
font-size:16px;
color:#3f3f3f;
letter-spacing: 1px;
line-height: 180%;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

table.pc-qa-a{
  width: 98%;	
  max-width: 650px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:20px;	
margin-bottom:0px;	
}
table.pc-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.pc-q-a{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #ffffff;
  border:1px solid #1d3b5e;	
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#1d3b5e;
	 
}
table.pc-qa-a td{
  width: 95%;
	vertical-align: top;
padding-top:2px;
padding-left:30px;
font-size:16px;
color:#3f3f3f;
letter-spacing: 1px;
line-height: 180%;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.pc-qa-naka1{
width: 800px;
margin:auto;	
padding:20px 10px;	
background: #eaf4fc;	
}


.pc-qa-sen{
width: 800px;
margin:auto;
padding:40px 0;	
}

/* pc問い合わせ*/
.pc-toiawase-bun{
width: 600px;
margin:auto;
margin-bottom:60px;	
}
.pc-toiawase-bun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}


/* pc各ページ*/

.pc-page-title{
width: 850px;
margin:auto;
margin-top:80px;	
margin-bottom:40px;	
padding:10px 0;	
padding-left:50px;	
font-size:24px;
color:#ffffff;	
text-align: left;	
letter-spacing: 2px;
line-height: 180%;
border-radius: 20px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
background: #1488CC;
background: -moz-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: -webkit-gradient(linear, left center, right center, from(#2B32B2), to(#1488CC));
background: -webkit-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: -o-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: linear-gradient(to right, #2B32B2 0%, #1488CC 100%);	
}


/* 見出し1 */

.midashi-1 {
　width: 100%;
  max-width: 800px;
  margin:auto;	
  margin-bottom:40px;	
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 10px;
}

.midashi-1-circle {
  width: 48px;
  height: 48px;
  background-color: #2B32B2;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  z-index: 1;
  box-shadow: 0 0 0 2px #2B32B2;
  flex-shrink: 0; /* ← スマホで潰れないよう固定 */
  line-height: 1; /* ← 高さ調整で文字がズレないように */
  text-align: center;
}

.midashi-1-text {
  margin-left: 16px;
  font-size: 20px;
  color: #2B32B2;
  position: relative;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;	
}

.midashi-1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #2B32B2;
  z-index: 0;
}
/* 見出し2 */
.midashi-2 {
　width: 100%;
  max-width: 800px;
  margin:auto;	
  margin-bottom:50px;	
  display: flex;
  align-items: center;
  position: relative;
  padding: 12px 0;
}

.midashi-2-diamond {
  width: 40px;
  height: 40px;
  background-color: #2B32B2;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  margin-right: 16px;
  position: relative;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #2B32B2;
  z-index: 1;
  flex-shrink: 0; /* ← スマホで潰れないよう固定 */
  line-height: 1; /* ← 高さ調整で文字がズレないように */	
}

.midashi-2-diamond::before {
  content: attr(data-number);
}
.midashi-2-diamond span {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  transform: rotate(-45deg);
  display: inline-block;
}
.midashi-2-text {
  font-size: 20px;
  color: #2B32B2;
  position: relative;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;	
}

.midashi-2::before,
.midashi-2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2B32B2; 
  z-index: 2;	
}

.midashi-2::before {
  top: 0;
}

.midashi-2::after {
  bottom: 0;
}
.pc-page-image{
width: 100%;
max-width: 800px;
margin:auto;	
text-align: center;	
margin-bottom:40px;	
}
.pc-page-bun{
width: 700px;
margin:auto;
margin-bottom:100px;	
}
.pc-page-bun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.pc-page-link-waku{
width: 750px;
margin:auto;
margin-bottom:100px;	
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;	
border:1px solid #cccccc;
background-image:url("../images/seo/seo-link-back.webp");
background-repeat: repeat-y;	
}
.pc-page-link {
  width: 700px;
  margin: auto;
  padding-bottom: 15px;
  text-align: left;
}

.pc-page-link a {
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 1px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}

.pc-page-link a:hover {
  text-decoration: underline;
  
}

.pc-page-link .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffffff;
}


/* spサイトCSS */
.sp-main-zentai{
width: 95%;
margin:auto;
margin-top:60px;	
}
.sp-mainimage {
    width: 100%;
    padding-top: 27px;
    margin-bottom: -7px;	

}
.sp-top-title-sen{
width: 98%;
margin:auto;
padding-bottom:3px;	
}
.sp-main-bun {
    width: 100%;
    background:#2a5d9e; /* 半透明の背景（見やすくするため） */
    padding: 10px;
    text-align: center;
}

.sp-main-bun > p{
font-size:20px;
color:#ffffff;	
text-align: center;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}
.sp-top-waku-main{
width: 100%;
padding-top:8px;
padding-bottom:16px;	
background: #eaf4fc;	
margin-bottom:80px;	
}
.sp-top-waku{
width: 100%;
margin-bottom:80px;	
}
/*spトップ紹介*/
.sp-top-shoukai-zentai{
width: 100%;
margin:auto;	
margin-bottom:80px;
padding:30px 0;		
}
.sp-top-shoukai{
width: 100%;
margin:auto;
padding:0 20px;	
}
.sp-top-shoukai > p{
font-size:16px;
color:#1a1a1a;
letter-spacing: 1px;	
line-height: 180%;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
/*spトップメニュー*/
.sp-top-menu-zentai{
width: 95%;
margin:auto;
margin-top:0px;	
}

.sp-top-menu-title{
width: 100%;
margin-bottom:30px;	
border-bottom:1px solid #cccccc;	
}
.sp-top-menu-title > p{
font-size:20px;	
letter-spacing: 1px;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}

.sp-top-menu-bun{
width: 100%;
margin:auto;	
margin-bottom:60px;	
}
.sp-top-menu-bun > p{
font-size:16px;	
color:#1a1a1a;
line-height: 180%;	
letter-spacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

.sp-top-kugirisen{
width: 95%;
margin:auto;
margin-bottom:50px;	
}


/*sp特徴*/
.sp-top-tokucho-title{
width: 100%;
background: #eaf4fc;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;	
margin-bottom:30px;	
}
.sp-top-tokucho-title > p{
font-size:19px;	
color:#1a1a1a;
line-height: 180%;
	
letter-spacing: 3px;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}
.sp-top-tokuchou-image{
width: 100%;
margin-bottom:30px;	
}
.sp-top-tokuchou-bun{
width: 95%;
margin:auto;
margin-bottom:70px;	
}
.sp-top-tokuchou-bun > p{
font-size:16px;	
color:#1a1a1a;
line-height: 180%;	
letter-spacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}


.sp-top-template-bun{
width: 100%;
margin:auto;
margin-bottom:60px;	
padding:0 20px;	
}
.sp-top-template-bun > p{
font-size:16px;
color:#1a1a1a;
letter-spacing: 1px;	
line-height: 180%;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.sp-top-template-image{
width: 95%;
margin:auto;
margin-bottom:30px;	
}

.sp-top-template-green-title{
width: 100%;	
text-align: center;
background: #d8ebc2;
padding:5px 0;
margin-bottom:30px;	
}
.sp-top-template-green-title > p{
font-size:18px;
color:#336633;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.sp-top-template-pink-title{
width: 100%;	
text-align: center;
background: #f8e2e9;
padding:5px 0;	
margin-bottom:30px;	
}
.sp-top-template-pink-title > p{
font-size:18px;
color:#b03a63;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.sp-top-template-orange-title{
width: 100%;	
text-align: center;
background: #fbe3c4;
padding:5px 0;	
margin-bottom:30px;	
}
.sp-top-template-orange-title > p{
font-size:18px;
color:#a65c1b;		
letter-spacing: 3px;
line-height: 180%;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}

.sp-sample-botan{
width: 100%;
margin-bottom:80px;	
}

.sp-ryoukin-box {
  width: 100%;
  margin-bottom:120px;	
}

.sp-ryoukin-item {
  width: 100%;
  margin-bottom:40px;	
  padding: 20px;
  background-color: #f0f8ff;
  border: 1px solid #ccc;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.sp-ryoukin-item h3 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #333;
	letter-spacing: 2px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 700;	
}

.sp-ryoukin-item .price {
  font-size: 22px;
  color: #007acc;
	margin-bottom:20px;
	letter-spacing: 2px;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 700;	
}
.sp-sp-ryoukin-bun{
width: 	100%;
	
}
.sp-ryoukin-bun > p{
width: 	100%;
font-size:16px;
color:#1a1a1a;
text-align: left;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.sp-nagarepage-zentai {
    width: 95%;
	padding-top:20px;
    padding-bottom: 30px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 0px;
	background: #ffffff;
    box-shadow: 3px 3px 6px #7f7f7f;
	border-radius:10px;
}
.sp-nagarepage-zentai1 {
    width: 95%;
	padding-top:20px;
    padding-bottom: 30px;
    margin: auto;
    margin-top: 30px;
    margin-bottom:80px;
	background: #ffffff;
    box-shadow: 3px 3px 6px #7f7f7f;
	border-radius:10px;
}
.sp-nagare-title{
width: 100%;
padding-bottom:5px;	
}
.sp-nagare-title > p{
    font-size: 21px;
    color: #000000;
    padding-left: 30px;
    letter-spacing: 3px;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;
}
.sp-nagere-sen{
width: 100%;
margin-bottom:30px;	
}
.sp-nagare-bun{
width: 80%;
margin:auto;	
}
.sp-nagare-bun > p{
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
	font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.sp-servicepage-botan {
    background: #ffffff;
    border: 1px solid #154091;
    width: 70%;
    text-align: center;
    padding: 3px;
    margin: auto;
	margin-top:20px;
    border-radius: 20px;
    transition: background 0.3s, color 0.3s; /* スムーズな色変化 */
}

.sp-servicepage-botan > a {
    display: block;
    position: relative;
    font-size: 15px;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #154091;
    text-decoration: none;
    font-weight: normal;
    font-family: "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    transition: color 0.3s; /* スムーズな色変化 */
}

.sp-servicepage-botan > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 0;
    height: 0;
    margin: -3px 0 0 0;
    border-top: 6px solid #154091;
    border-left: 6px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: border-top-color 0.3s; /* 矢印の色も変化 */
}

.sp-nagare-sankaku-soto{
  position: relative; /* 位置基準を設定 */
  width: 100%;
  height: 60px; /* 高さを確保 */
  margin-top: 0px;
  margin-bottom:90px;	
}
.sp-nagare-sankaku {
  width: 0;
  height: 0;	
  border-style: solid;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top: 40px solid #1d3b5e;
  border-bottom: 0;
margin: 50px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);	
}

/* spトップ注意文 */
.sp-top-chuuibun{
  width: 95%;
  margin: auto;
margin-bottom:120px;	
  padding: 15px;
border:2px solid #ff0000;
}
.sp-top-chuuibun > p{
font-size:16px;
color:#1a1a1a;		
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

.sp-top-setumeibun{
width: 95%;
margin:auto;
}
.sp-top-setumeibun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}















.sp-top-qa-zentai{
width: 95%;	
margin:auto;
margin-bottom:40px;	
}

/*spプロフィール*/
.sp-profile-image{
width: 95%;
text-align: center;	
margin-bottom:20px;	
}
.sp-profile-image1{
width: 95%;
text-align: center;	
margin-bottom:20px;	
border:1px solid #cccccc;	
}
.sp-profile-namae{
width: 100%;
margin-bottom:40px;	
}
.sp-profile-namae > p{
font-size:17px;
 	
color:#1a1a1a;	
letter-spacing: 1px;
text-align: center;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.span-sp-profile-namae{
font-style: italic;	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}	
.sp-profile-table-zentai{
width: 100%;
margin:auto;
margin-bottom:40px;	
}
table.sp-profile-table{
  width: 95%;	
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
border:	1px solid #a8b7c5;	
}

table.sp-profile-table th{
  background: rgb(168, 183, 197, 0.1);
  border-left: 0px solid #a8b7c5;
 border-right: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  width: 20%;
 	
letter-spacing: 2px;	
padding-top:8px;
padding-bottom:8px;		
}

table.sp-profile-table th > p{
text-align: center;
padding-right: 10px;
padding-left: 10%;
 
font-size:14px;
	color:#1a1a1a;	
letter-spacing: 1px;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
table.sp-profile-table td{
  text-align: left;
background: #ffffff;	
  border-bottom: 1px solid #a8b7c5;
  border-top: 0px solid #a8b7c5;
  width: 80%;
	font-size:14px;		
	color:#1a1a1a;	
padding-top:8px;
padding-bottom:8px;		
padding-left:3%;	
letter-spacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
table.sp-profile-table td a{
text-decoration: none;		
}
.sp-profile-bun{
width: 95%;
margin:auto;
margin-bottom:60px;	
}
.sp-profile-bun > p{
font-size:16px;
 	
color:#1a1a1a;	
letter-spacing: 1px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}




/* sp特商法 */
.sp-gaiyou-zentai{
width: 98%;	
margin:auto;	
margin-top:40px;
margin-bottom:40px;	
}
/* sp事務所概要*/
table.sp-gaiyou-table{
  width: 95%;	
border-collapse:collapse;
  border-spacing: 0;
 margin:auto;
margin-top:40px;	
border:1px solid #cccccc;	
}
table.sp-gaiyou-table td.left{
width: 40%;	
font-size:15px;
color:#333333;	
text-align: left;	
letter-spacing: 1px;
line-height: 140%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
border:1px solid #cccccc;	
padding:5px 3%;	
}
table.sp-gaiyou-table td.right{
width:60%;	
font-size:15px;
color:#333333;	
text-align: left;	
letter-spacing: 1px;
line-height: 180%;
padding:5px 3%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
border:1px solid #cccccc;	
}
table.sp-gaiyou-table td.right > a{
text-decoration: none;		
}



/* spQ&A */
.sp-qa-zentai{
width: 95%;	
margin:auto;
margin-bottom:100px;	
}
.sp-qa-naka{
width: 100%;
	
}
.sp-qa-naka1{
width: 100%;
padding:20px 10px;	
background: #eaf4fc;	
}

table.sp-qa-q{
  width: 98%;	
  max-width: 700px;
  border-collapse:separate;
  border-spacing: 0;
margin:auto;	
}
table.sp-qa-q th{
  width: 5%;
  vertical-align: top;		
}
.sp-q-q{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #1d3b5e;
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#ffffff;
	 
}
table.sp-qa-q td{
  width: 95%;
	vertical-align: top;
padding-top:1px;
padding-left:4%;
padding-right:2%;
color:#3f3f3f;		
letter-spacing: 1px;
line-height: 180%;	
   	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

table.sp-qa-a{
  width: 98%;	
  border-collapse:separate;
  border-spacing: 0;
margin:auto;
margin-top:30px;		
}
table.sp-qa-a th{
  width: 5%;
  vertical-align: top;	
}
.sp-q-a{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: #ffffff;
  border:1px solid #1d3b5e;	
  text-align:center;
  line-height: 30px;
  font-size:20px;
  color:#1d3b5e;
	 
}
table.sp-qa-a td{
width: 95%;
vertical-align: top;
padding-top:1px;
padding-left:4%;
padding-right:2%;	
color:#3f3f3f;		
letter-spacing: 1px;
line-height: 180%;	
   	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.sp-qa-sen{
width: 96%;
margin:auto;
padding:40px 0;	
}



/* sp問い合わせ */

.sp-toiawase-bun{
width: 	90%;
margin:auto;
padding-top:0px;	
padding-bottom:20px;	
}
.sp-toiawase-bun > p{
font-size:16px;
color:#1a1a1a;		
letter-spacing: 1px;
line-height: 160%;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.sp-toiawase-botan{
width: 70%;	
display: block;		
margin:auto;
margin-top:40px;
margin-bottom:80px;	
border-radius: 25px;
background: #ffffff;
border:1px solid #2a5d9e;	
text-align: center;	
padding:9px 0px;	
}

.sp-toiawase-botan > a{	
font-size:16px;
color:#2a5d9e;
display: block;		
text-decoration: none;	
 
letter-spacing: 1px;	
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}


/* sp各ページ*/
.sp-page-zentai{
width: 95%;
margin:auto;	
}
.sp-page-title{
width: 100%;
max-width: 800px;	
margin:auto;
margin-top:80px;	
margin-bottom:40px;	
padding:10px 0;	
padding-left:20px;	
font-size:22px;
color:#ffffff;	
text-align: left;	
letter-spacing: 2px;
line-height: 160%;
border-radius: 20px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;
background: #1488CC;
background: -moz-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: -webkit-gradient(linear, left center, right center, from(#2B32B2), to(#1488CC));
background: -webkit-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: -o-linear-gradient(left, #2B32B2 0%, #1488CC 100%);
background: linear-gradient(to right, #2B32B2 0%, #1488CC 100%);	
}


.sp-page-image{
width: 100%;
max-width: 800px;
margin:auto;	
text-align: center;	
margin-bottom:40px;	
}
.sp-page-bun{
width: 100%;	
max-width: 700px;
margin:auto;
margin-bottom:50px;		
}
.sp-page-bun > p{
font-size:16px;
color:#1a1a1a;	
letter-spacing: 1px;
line-height: 180%;
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.sp-page-link-waku{
width: 100%;	
max-width: 750px;
margin:auto;
margin-bottom:100px;	
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:15px;	
border:1px solid #cccccc;
background-image:url("../images/seo/seo-link-back.webp");
background-repeat: repeat-y;	
}
.sp-page-link {
  width: 700px;
  margin: auto;
  padding-bottom: 15px;
  text-align: left;
}

.sp-page-link a {
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 1px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}

.sp-page-link a:hover {
  text-decoration: underline;
  
}

.sp-page-link .triangle {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #ffffff;
}


/* 上に戻るボタン */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: rgb(198, 209, 102, 1);
  opacity: 0.6;
  border-radius: 50%;
margin-right: 3%;
	margin-bottom: 3%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}








.pc-footer {
  background-color: #335fb0; /* ヘッダーと同じ背景色に設定 */
  padding: 40px 0;
  width: 100%;
  display: flex;
  justify-content: center;
}

.pc-footer-menu-columns {
  width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center; /* 左寄せに変更したい場合はここで調整 */
}

.pc-footer-row {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
  white-space: nowrap;
}

.pc-footer-row a {
  color: #ffffff;
  text-decoration: none;
  font-size: 13px;
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}

.pc-footer-row a:hover {
  text-decoration: underline;
}

.pc-footer-2-copyright{
width: 1280px;
padding-top:40px;
padding-bottom:40px;	
text-align: center;
background: #1f4ea1;	
}
.pc-footer-2-copyright > p{
width: 1280px;
font-size:15px;
color:#ffffff;
letter-spacing: 1px;	
font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}


/* spフッター */

.sp-footer-pagelink-zentai {
  width: 100%;
  background: #eaf4fc;
  padding: 30px 0;
}
.sp-footer-pagelink-zentai ul {
  width: 90%;
  margin: auto;
  padding: 0;
}

/* すべてのliに共通のスタイル */
.sp-footer-pagelink-zentai ul li {
  width: 100%;
  list-style: none;
  border-top: 1px solid #cccccc;
  padding: 10px 0;
  position: relative;
}

/* 一番上のliだけ、borderをなしにする */
.sp-footer-pagelink-zentai ul li:first-child {
  border-top: none;
}

/* 最後のliだけ、下にもボーダーをつける */
.sp-footer-pagelink-zentai ul li:last-child {
  border-bottom: 1px solid #cccccc;
}

/* →マーク（三角形） */
.sp-footer-pagelink-zentai ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6%;
  width: 6px;
  height: 6px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* aタグの共通デザイン */
.sp-footer-pagelink-zentai ul li > a {
  display: block;
  color: #1a1a1a;
  font-size: 13px;
  text-decoration: none;
  padding-left: 6%;
  letter-spacing: 1px;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
}

/* コピーライト */
.sp-footer-copyright {
  width: 100%;
  border-top: 0px solid #cccccc;
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 70px;
  background: #eaf4fc;
}
.sp-footer-copyright > p {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #333333;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
}



.clear {
clear:both;
}
*, *:before, *:after {
	box-sizing: border-box;
}

/* pc問い合わせフォーム */

.pc-form-bun{
width: 700px;
margin:auto;
}
.pc-form-bun > p{
font-size:17px;	
}



.pc-form {
	width:700px;
	margin:auto;
	margin-top:40px;
	margin-bottom:80px;
	color:#1a1a1a;
	font-size:14px;
	border:1px solid #ccc;	
}
table.pc-formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.pc-formTable td,table.pc-formTable th{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:30px;
	border-collapse:collapse;	
}
table.pc-formTable th{
	width:30%;
	color:#1a1a1a;
background: #f4f4f4;	
	text-align:left;
     font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
.pc-form-hissu{
font-size:12px;
color:#ff0000;	
}

table.pc-formTable td {
	width: 70%;
	font-size:16px;
	color:#1a1a1a;
	margin-top:5px;
	border-bottom:0;
	 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
form input[type="text"], form textarea {
	width:100%;
	padding:5px;
	font-size:110%;
	display:block;
}


/*pc問い合わせフォームボタン*/
.pc-toiawase-botan{
width: 350px;	
margin:auto;
margin-top:50px;
margin-bottom:50px;	
}
table.pc-toiawase-botan-table{
  width: 100%;	
border-collapse:collapse;
  border-pcacing: 0;
margin:auto;
}



table.pc-toiawase-botan-table th{
width: 50%;
}

table.pc-toiawase-botan-table td{
width: 50%;	
}


/* pc個人情報 */
.pc-kojinjouhou{
width: 800px;
margin:auto;
padding:30px 0;	
}
.pc-kojinjouhou > p{
font-size:16px;
	 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}

.pc-kojinjouhou-right{
width: 800px;
margin:auto;	
}
.pc-kojinjouhou-right > p{
font-size:16px;
text-align: right;	
}


/* pc個人情報アコーディオン */

.cp_actab {
	position: relative;
	overflow: hidden;
	width: 80%;
	margin: 0 auto;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	text-align: center;
	 
	letter-spacing: 2px;
	line-height: 3;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	margin-top:30px;
	background: #0068b7;
	 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	height: auto;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
	background: #ffffff;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
	font-size:14px;
	 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height: 1500px;
}
/* Icon */
.cp_actab label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/* pcボタン活性化 */

.policy{
  margin: 20px auto;
  text-align:center;
}
.policy label {
 font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
    font-size: 16px;
    color: #333;
}
.submit_btnarea {
	width: 80%;
  max-width: 360px;
  margin: 0 auto;
}
.form_btn{
  background: #005183;
  border: 1px solid #fff;
  color: #fff;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  transition: all .5s ease-out;
  position: relative;
}

.form_btn:hover{
  border: 1px solid #005183;
  background: #fff;
  color: #005183;
}
button[type="submit"][disabled] {
      background-color: #fff;
      color: #ccc;
      border-color: #ccc;
      cursor: default;
    }
  
  button[type="submit"][disabled]:hover{
    opacity:1;
  }


/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 1;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニュー*/
#sp-fixed-menu li:first-child{
   background: #216bd6;
}

/*右側メニュー*/
#sp-fixed-menu li:last-child{
   background: #f4a261;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
	font-size:14px;
   text-align: center;
   display:block;
	text-decoration: none;
   width: 100%;
   padding:15px 10px;
	letter-spacing: 1px;
  font-family: "Noto Sans JP", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;	
}
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}


/* モーダル全体 */

.modal {
  position: fixed;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 98%;
background:#eaf4fc;
  display: flex;
  align-items: flex-end;
  transition: bottom 0.6s ease-in-out; /* opacity を削除 */
  z-index: 100;
}

/* モーダルが表示された状態 */
.modal.sp-show {
  bottom: 0;
}

/* モーダルが閉じるアニメーションを追加するクラス */
.modal.closing {
  bottom: -100%; /* モーダルを下にスライド */
}

/* モーダルコンテンツ */
.modal-content {
  width: 100%;
  height: 95%;
background:#eaf4fc;
  padding: 20px;
  overflow-y: auto;
}

/* 閉じるボタン */
.close-btn {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
  color: #333;

}

/* メニューリスト */
.modal-menu {
  list-style: none;
  margin: 0; /* デフォルトの余白をリセット */
  padding: 0; /* デフォルトの余白をリセット */
}

.modal-menu li {
  text-align: left;	
	position: relative;
}
.modal-menu li:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #8a8a8a;
  border-right: solid 1px #8a8a8a;
  position: absolute;
  top: 50%;
 right: 25px;
  margin-top: -4px;
  transform: rotate(45deg);
}

.modal-menu li > a {
  color: #353535;
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 1px;
  display: block;
  padding-top:14px;
  padding-bottom:10px;
  padding-left:15px;	
  transition: background 0.3s;
  border-bottom:1px solid #d4d4d4;
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}



/* SNSリンク */
.spfootermenu-sns {
  width: 100%;
  margin-top: 20px;
}

.sp-footermenu-blog, .sp-footermenu-insta {
  width: 100%;
  height: 40px;
  text-align: left;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  background-size: 7%;
}

.sp-footermenu-blog {
  background-image: url("../images/blog-aicon.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.sp-footermenu-insta {
  background-image: url("../images/insta.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}

.sp-footermenu-blog > a, .sp-footermenu-insta > a {
  color: #353535;
  text-decoration: none;
  font-size: 15px;
  letter-spacing: 2px;
  padding-left: 40px;
   
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}


/* 初期状態の共通設定 */
.mojianime1 span,
.mojianime2 span,
.mojianime3 span,
.mojianime4 span,
.mojianime5 span,
.mojianime6 span,
.mojianime7 span,
.mojianime8 span,
.mojianime9 span,
.mojianime10 span
{
    display: inline-block;
    opacity: 0; /* 初期は透明 */
    transform: translate(0, 0) rotateY(0deg); /* 初期位置と回転角度 */
    will-change: transform, opacity; /* パフォーマンス向上 */
    backface-visibility: visible; /* 背面を表示 */
    transform-style: preserve-3d; /* 3D効果を維持 */
}

/* アニメーションごとのスタイル */
.mojianime1 span {
    transform: translate(-10px, -10px) rotateY(0deg); /* 初期状態 */
}

.mojianime2 span {
    transform: translate(0, -10px) rotateY(0deg); /* 初期状態 */
}

.mojianime3 span {
    transform: translate(0, 10px) rotateY(0deg); /* 初期状態 */
}

.mojianime4 span {
    transform: translate(-10px, 10px) rotateY(0deg); /* 初期位置 */
}

.mojianime5 span {
    transform: translateY(20px); /* 初期位置 */

}

.mojianime6 span {
    transform: translateY(0); /* 初期位置 */
}

.mojianime7 span {
    opacity: 0; /* 初期状態で透明 */
    transform: translateY(0); /* 初期位置は変化なし */
}
.mojianime8 span {
    opacity: 0; /* 初期状態で透明 */
    transform: translateY(0px); /* 初期位置 */
}
.mojianime9 span {
    transform: translate(0, -10px); /* 初期状態 */
}
.mojianime10 span {
    transform: translate(0, 20px); /* 初期状態 */
}


/* アニメーション1 */
.title-sen1 {
  width: 100%;
  max-width: 850px;
  margin: auto;
  border-bottom: 1px solid #808080;
  transform-origin: center;
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.3s ease-out;
}
.title-sen1.title-sen1-active {
  transform: scaleX(1); /* アニメーションで表示 */
}

/* アニメーション2 */

.title-sen2 {
  width: 100%;
  max-width: 800px;
  margin: auto;
  border-bottom: 1px solid #808080;
  transform-origin: left; /* アニメーションの起点を左側に設定 */
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.3s ease-out; /* アニメーション設定 */
}

.title-sen2.title-sen2-active {
  transform: scaleX(1); /* アニメーションで表示 */
}

/* アニメーション3 */

.title-sen3 {
  width: 100%;
  max-width: 800px;
  margin: auto;
  border-bottom: 2px solid #808080;
  transform-origin: right; /* アニメーションの起点を左側に設定 */
  transform: scaleX(0); /* 初期状態で非表示 */
  transition: transform 1.3s ease-out; /* アニメーション設定 */
}

.title-sen3.title-sen3-active {
  transform: scaleX(1); /* アニメーションで表示 */
}


/* イメージアニメーション1　右からスライド */
.image-right {

}

.image-right img {
  opacity: 0; /* 初期は透明 */
  transform: translateX(30px); /* 右にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-right-active img {
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-right-all {
  opacity: 0; /* 初期は透明 */
  transform: translateX(30px); /* 右にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}


.image-right-all-active{
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}


/* イメージアニメーション2　左からスライド */
.image-left {

}

.image-left img {
  opacity: 0; /* 初期は透明 */
  transform: translateX(-30px); /* 左にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-left-active img {
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-left-all {
  opacity: 0; /* 初期は透明 */
  transform: translateX(-30px); /* 左にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}


.image-left-all-active{
  transform: translateX(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}


/* イメージアニメーション3　下からスライド */
.image-shita {

}

.image-shita img {
  opacity: 0; /* 初期は透明 */
  transform: translateY(30px); /* 下にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-shita-active img {
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-shita-all {
  opacity: 0; /* 初期は透明 */
  transform: translateY(30px); /* 下にずらす */
  transition: transform 1.2s ease-out, opacity 1.2s ease-out;
}


.image-shita-all-active{
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}

/* イメージアニメーション4　上からスライド */
.image-ue {

}

.image-ue img {
  opacity: 0; /* 初期は透明 */
  transform: translateY(-30px); /* 上にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}

.image-ue-active img {
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}
.image-ue-all {
  opacity: 0; /* 初期は透明 */
  transform: translateY(-30px); /* 上にずらす */
  transition: transform 1s ease-out, opacity 1s ease-out;
}
.image-ue-all-active{
  transform: translateY(0); /* 元の位置に戻す */
  opacity: 1; /* 完全に表示 */
}

/* botanアニメーション1 */
a.botan{
display: block;	
width: 60%;	
max-width: 280px;
padding:6px 0;	
margin:auto;	
background: #ffffff;
position: relative;	
text-align: center;	
font-size:16px;
letter-spacing: 2px;
color:#8c6f54;
text-decoration: none; 	
font-family: "Noto Serif JP", "Yu Mincho", "ヒラギノ明朝 ProN", "MS P明朝", serif;
font-weight: 600;	
}


/* 初期状態: ボーダー非表示 */
a.botan::before,
a.botan::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 2px solid #decfbf; /* ボーダー色 */
    border-radius: 0;
    transition: none;
}

/* 左上を起点に右に伸びて下に伸びる */
a.botan::before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

/* 右下を起点に左に伸びて上に伸びる */
a.botan::after {
    bottom: 0;
    right: 0;
    border-left-width: 0;
    border-top-width: 0;
}

/* アニメーション時: ボーダー展開※クラス名は親クラス名-animate */
a.botan-animate::before {
    animation: botan-anime1 2s forwards;
}

a.botan-animate::after {
    animation: botan-anime2 2s forwards;
}

/* calcでborderの太さ文の数字を引く */
@keyframes botan-anime1 {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: calc(100% - 0px); /* ボーダーサイズを考慮 */
        height: 0;
    }
    100% {
        width: calc(100% - 0px); /* ボーダーサイズを考慮 */
        height: calc(100% - 0px); /* ボーダーサイズを考慮 */
    }
}

@keyframes botan-anime2 {
    0% {
        width: 0;
        height: 0;
    }
    50% {
        width: calc(100% - 0px); /* ボーダーサイズを考慮 */
        height: 0;
    }
    100% {
        width: calc(100% - 0px); /* ボーダーサイズを考慮 */
        height: calc(100% - 0px); /* ボーダーサイズを考慮 */
    }
}

.botan > a::before,
.botan > a::after {
  pointer-events: none; /* ← これを追加！ */
}