.cOnline__head{padding:0 20px}
.cOnline__headline{font-family:var(--f-eb-garamond);font-size:20px;letter-spacing:.06em;overflow:hidden}
.cOnline__headline.isShow{--y: 0}
.cOnline__headline [data-headline-text]{display:inline-block;transition:transform 1s var(--e-out-4);transform:translateY(var(--y, 120%))}
.cOnline__text{margin-top:20px;font-size:12px;line-height:1.9}

.cOnline__list{
	display:flex;
	flex-direction:column;
	gap:20rem;
	margin-top:20rem;
}

.cOnline__item{
/*	padding:0 30px;*/
	margin:15px;
	text-align:center;
}

.cOnline__item_image{
/*	width:255rem;*/
	margin:0 auto;
}

.cOnline__item_arrow{--font-size: 17px;margin-top:40rem}
.cOnline__item_arrow .cLink{justify-content:space-between}
.cOnline__item_arrow .cLink__icon{transform:rotate(-45deg)}

@media screen and (min-width: 768px){

.cOnline__inner{
	display:flex;
	gap:62rem;
/*	align-items:center;*/
	padding:0 50rem;
}

.cOnline__head{flex-shrink:0;width:314rem;padding:0}
.cOnline__headline{font-size:min(21px, 21rem)}
.cOnline__text{margin-top:30rem;font-size:min(13px, 13rem)}

.cOnline__list{
	flex-direction:row;
	gap:30rem;
	width:100%;
	margin-top:0;
}

.cOnline__item{
	width:100%;
	padding:0;
	text-align:center;
	max-width:450px;
}
.cOnline__item_image{
	width:100%;
	height:100%;
}
.cOnline__item_arrow{--font-size: min(19px, 19rem);margin-top:30rem}}

@media screen and (min-width: 768px)and (hover: hover){
.cOnline__item_link:hover{--animation-text1: link-hover-text-out 1s var(--e-out-4) forwards;--animation-text2: link-hover-text-in 1s var(--e-out-4) forwards;--animation-arrow1: link-hover-arrow-out 1.6s var(--e-out-1) infinite;--animation-arrow2: link-hover-arrow-in 1.6s var(--e-out-1) infinite;--scale: 1.1}
.cOnline__item_image{overflow:hidden}
.cOnline__item_image img{transition:transform 1s var(--e-out-4);transform:scale(var(--scale))}}
.pFV__inner{
	/*padding-top:140rem*/
	padding-top:80rem;
}

.pFV__image{width:100%;height:360rem;overflow:hidden}
.pFV__image_pin{width:100%;height:100%;overflow:hidden;opacity:0;transition:opacity 1s var(--e-out-4),transform 2s var(--e-out-1);transform:scale(1.1)}
.pFV__head{padding:0 30px;margin-top:30rem}
.pFV__headline{display:flex;flex-direction:column;align-items:flex-start}
.pFV__headline_en{
	font-family:var(--f-eb-garamond);
/*	font-size:14px;*/
	line-height:1.3;
	letter-spacing:.06em;
	opacity:var(--opacity, 0);
	transition:opacity 1s var(--e-out-4) .4s
}

.pFV__headline_ja{
	position:relative;
	width:100%;
	padding-bottom:6px;
	margin-top:6px;
	overflow:hidden;
/*	font-size:15px;*/
	font-weight:500;
	line-height:1.5;
	letter-spacing:.06em
}

.pFV__headline_ja>span{display:inline-block;transition:transform 1s var(--e-out-4);transform:translateY(var(--y, 200%))}

.pFV__headline_ja::after{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	content:"";
	background-color:var(--c-line-black);
	transition:transform 1s var(--e-out-4);
	transform:scaleX(var(--x, 0));
	transform-origin:left
}

.pFV__headline.isShow{--opacity: 1;--y: 0;--x: 1}
.pConcept{margin-top:120rem}
.pConcept__inner{padding:0 30px;overflow:hidden}
.pConcept__block--center{margin-top:50rem}.pConcept__block--bottom{margin-top:50rem}
.pConcept__headline{
/*	font-size:18px;*/
	margin-bottom:15px;
	font-weight:500;
/*	line-height:1.9;*/
	letter-spacing:.06em;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1)
}
.pConcept__headline.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pConcept__text{
/*	font-size:13px;*/
	line-height:1.9;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1)
}
.pConcept__text.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pConcept__topText1{margin-top:20px}
.pConcept__topText2{margin-top:50px}

.pConcept__topImage{
	width:290rem;
	height:320rem;
/*	margin:50px -30px 0 auto;*/
	margin:20px auto 0;
}

.pConcept__topLine{width:278rem;height:72rem;margin:50px calc(-30px - 18rem) 0 auto}
.pConcept__centerImage1{width:222rem;height:196rem;margin-left:auto}
.pConcept__centerImage2{width:144rem;height:132rem;margin-top:-40rem}
.pConcept__centerText1{margin-top:50px}
.pConcept__centerText2,.pConcept__centerText3,.pConcept__centerText4{margin-top:10px}
.pConcept__bottomImage{width:191rem;height:127rem;margin-left:auto}
.pConcept__bottomText1{margin-top:50px}
.pConcept__bottomText2,.pConcept__bottomText3{margin-top:10px}
.pConcept__bottomText4{margin-top:50px}
.pConcept__bottomText5{margin-top:20px}

.pConcept__bottomLine{
	width:191rem;
	height:127rem;
	margin-top:-20px;
}

.pLogo{margin-top:100rem}
.pLogo__inner{padding:90rem 30px 120rem}
.pLogo__headline{display:flex;flex-direction:column;align-items:flex-start}
.pLogo__headline_en{
	display:flex;
	gap:10px;
	align-items:center;
	font-family:var(--f-eb-garamond);
/*	font-size:14px;*/
	line-height:1;
	letter-spacing:.06em;
	opacity:var(--opacity, 0);
	transition:opacity 1s var(--e-out-4) .4s;
}
/*.pLogo__headline_en::before{
	display:block;
	width:12px;
	height:1px;
	content:"";
	background-color:currentcolor;
	transform:rotate(-50deg)
}*/
.pLogo__headline_ja{
	margin-top:14px;
	overflow:hidden;
/*	font-size:16px;*/
	line-height:1.9;
	letter-spacing:.06em
}
.pLogo__headline_ja>span{display:inline-block;transition:transform 1s var(--e-out-4);transform:translateY(var(--y, 100%))}
.pLogo__headline.isShow{--opacity: 1;--y: 0}
.pLogo__image{position:relative;display:flex;align-items:center;justify-content:center;padding:30rem 0;margin-top:59px}
.pLogo__image::before,.pLogo__image::after{position:absolute;left:0;width:100%;height:1px;content:"";background-color:currentcolor}
.pLogo__image::before{top:0}
.pLogo__image::after{bottom:0}
.pLogo__image img{width:91rem;height:124rem;opacity:var(--opacity, 0);transition:opacity 1s var(--e-out-4) .4s}
.pLogo__image.isShow{--opacity: 1}
.pLogo__text{
	margin-top:20px;
/*	font-size:13px;*/
	line-height:2;
	letter-spacing:.06em;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1);
}
.pLogo__text.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pLogo__keyword{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:50px;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1)
}
.pLogo__keyword.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pLogo__keyword_bracket{flex-shrink:0;width:4px;height:20px}
.pLogo__keyword_list{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;width:250px}
.pLogo__keyword_item_text{display:flex;justify-content:flex-start;font-family:var(--f-eb-garamond);font-size:17px;line-height:1;letter-spacing:.06em}
.pLogo__keyword_item_text_char{position:relative;display:flex;justify-content:center;padding-bottom:7px}
.pLogo__keyword_item_text_char:first-child::before{position:absolute;bottom:0;width:2px;height:2px;margin-right:1px;content:"";background-color:currentcolor;border-radius:50%}
.pLogo__em{display:block;margin-top:50px;font-size:14px;font-weight:500;line-height:1.9;letter-spacing:.06em;opacity:0;transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);transform:translateY(20px) scaleY(1.1)}
.pLogo__em.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pLogo__line{display:none}

.pManegement{
/*	margin-top:120rem;*/
}
.pManegement__inner{padding:90rem 30px 120rem}
.pManegement__headline{display:flex;flex-direction:column;align-items:flex-start}
.pManegement__headline_en{
	display:flex;gap:10px;
	align-items:center;font-family:var(--f-eb-garamond);
/*	font-size:14px;*/
	line-height:1;
	letter-spacing:.06em;
	opacity:var(--opacity, 0);
	transition:opacity 1s var(--e-out-4) .4s;
}
/*.pManegement__headline_en::before{display:block;width:12px;height:1px;content:"";background-color:currentcolor;transform:rotate(-50deg)}*/
.pManegement__headline_ja{
	margin-top:14px;
	overflow:hidden;
/*	font-size:16px;*/
	line-height:1.9;
	letter-spacing:.06em;
}
.pManegement__headline_ja>span{display:inline-block;transition:transform 1s var(--e-out-4);transform:translateY(var(--y, 100%))}
.pManegement__headline.isShow{--opacity: 1;--y: 0}
.pManegement__image{margin-top:60px}
.pManegement__note{margin-top:30px}
.pManegement__name{
	margin:20px 0 0 0;
	font-size:22px;
	line-height:1.9;
	letter-spacing:.06em;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1);
}
.pManegement__name.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pManegement__text{
	margin-top:10px;
/*	font-size:13px;*/
	line-height:1.9;
	letter-spacing:.06em;
	opacity:0;
	transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);
	transform:translateY(20px) scaleY(1.1);
}
.pManegement__text.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pManegement__link{--font-size: 13px;display:flex;justify-content:flex-start;margin-top:10px;opacity:0;transition:transform 1s var(--e-out-4),opacity 1s var(--e-out-4);transform:translateY(20px) scaleY(1.1)}
.pManegement__link.isShow{opacity:1;transform:translateY(0) scaleY(1)}
.pManegement__link .cLink__text{font-family:"Shippori Mincho",serif}

.pOnline{
	margin-top:90rem;
}

.isLoaded .pFV__image_pin{opacity:1;transform:scale(1)}

@media screen and (min-width: 768px){
.pFV__head{padding:0;margin-top:60rem}
.pFV__image{height:720rem}
.pFV__headline{position:relative;padding:0 50rem}
.pFV__headline::after{
	position:absolute;
	bottom:0;left:0;
	width:350px;
	height:1px;
	content:"";
	background-color:var(--c-line-black)
}
.pFV__headline_en{
/*	font-size:min(17px, 17rem);*/
}
.pFV__headline_ja{
	padding-bottom:min(16px, 16rem);
	margin-top:min(10px, 10rem);
/*	font-size:min(26px, 26rem);*/
}
.pFV__headline_ja::after{display:none}
.pConcept{
	margin-top:220rem;
}

.pConcept__inner{padding:0}
.pConcept__block{position:relative}
.pConcept__block--top{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:907rem;
	padding:0 816rem 0 50rem
}
.pConcept__block--center{display:flex;flex-direction:column;justify-content:center;height:450rem;padding:0 216rem 0 660rem;margin-top:93rem}
.pConcept__block--bottom{
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:534rem;
	padding:0 660rem 0 216rem;
	margin-top:139rem
}

.pConcept__headline{
/*	font-size:22px;*/
}
.pConcept__text{
/*	font-size:min(14px, 14rem);*/
	line-height:2;
}
.pConcept__topImage{position:absolute;top:0;right:0;width:706rem;height:780rem;margin:0}
.pConcept__topText1{margin-top:min(30px, 30rem)}.pConcept__topText2{margin-top:min(20px, 20rem)}
.pConcept__topLine{width:417rem;height:108rem;margin:min(101px, 101rem) 0 0}
.pConcept__centerImage1{position:absolute;top:0;left:200rem;width:340rem;height:300rem}
.pConcept__centerImage2{position:absolute;top:230rem;left:50rem;width:240rem;height:220rem;margin:0}
.pConcept__centerText1{margin:min(7px, 7rem) 0 0}
.pConcept__centerText2,.pConcept__centerText3,.pConcept__centerText4{margin-top:min(20px, 20rem)}
.pConcept__bottomImage{
	position:absolute;
	top:0;
	right:50rem;
	width:340rem;
	height:280rem;
	margin:0
}
.pConcept__bottomText1{margin-top:0}
.pConcept__bottomText2,.pConcept__bottomText3{margin-top:min(20px, 20rem)}
.pConcept__bottomText4{margin-top:min(60px, 60rem)}
.pConcept__bottomText5{margin-top:min(30px, 30rem)}
.pConcept__bottomLine{
	position:absolute;
	right:272rem;
	bottom:0rem;
	width:340rem;
	height:280rem
}
.pLogo{margin-top:220rem}
.pLogo__inner{
	position:relative;
	display:flex;
	gap:255rem;
	align-items:flex-start;
	justify-content:center;
	padding:200rem 140rem 170rem 50rem
}
.pLogo__headline{
	flex-shrink:0;
/*	margin-top:107rem;*/
}
.pLogo__headline_en{
/*	font-size:min(14px, 14rem);*/
}
.pLogo__headline_en::before{width:min(12px, 12rem)}
.pLogo__headline_ja{
	margin-top:min(14px, 14rem);
/*	font-size:min(16px, 16rem);*/
}
.pLogo__body{display:flex;flex-wrap:wrap;align-items:flex-start;width:min(790px, 790rem)}
.pLogo__body::before{order:3;width:100%;height:0;visibility:hidden;content:"";opacity:0}
.pLogo__image{flex-shrink:0;order:1;width:min(220px, 220rem);height:min(260px, 260rem);margin:0}
.pLogo__image img{width:min(121px, 121rem);height:min(165px, 165rem)}
.pLogo__text{
	order:2;
	width:min(523px, 523rem);
	margin:0 0 0 min(43px, 43rem);
/*	font-size:min(13px, 13rem);*/
}
.pLogo__keyword{order:4;width:min(786px, 786rem);margin-top:min(120px, 120rem)}
.pLogo__keyword_bracket{width:min(4px, 4rem);height:min(20px, 20rem)}
.pLogo__keyword_list{gap:min(60px, 60rem);width:auto}.pLogo__keyword_item_text{font-size:min(17px, 17rem)}
.pLogo__em{order:5;width:100%;margin-top:40rem;font-size:min(14px, 14rem)}
.pLogo__line{position:absolute;bottom:min(233px, 233rem);
left:max(-157px, -157rem);display:block;width:min(526px, 526rem);height:min(238px, 238rem)}
.pManegement{margin-top:230rem}
.pManegement__inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:480rem;padding:10rem 236rem 10rem 790rem}
.pManegement__headline_en{
/*	font-size:min(14px, 14rem);*/
}
.pManegement__headline_en::before{width:min(12px, 12rem)}
.pManegement__headline_ja{
	margin-top:min(14px, 14rem);
/*	font-size:min(16px, 16rem);*/
}
.pManegement__image{position:absolute;top:0;left:50rem;width:660rem;height:480rem;margin-top:0}
.pManegement__name{
	margin-top:30rem;
/*	font-size:min(17px, 17rem)*/
}
.pManegement__text{
	/*margin-top:26rem;*/
/*	font-size:min(13px, 13rem)*/
}
.pManegement__link{--font-size: min(13px, 13rem);margin-top:20rem}
.pOnline{margin-top:230rem}}



/* オリジナル */
.tab-switch {
   display: flex;   /* タブを横並びに */
   flex-wrap: wrap;   /* 幅に応じて折り返し */
   margin: auto;   /* コンテナの中央寄せ */
   justify-content: center;  /* タブの中央寄せ */
   gap: 0;   /* タブ間の余白 */
   align-content:stretch;
   align-items:stretch;
}

/* 各タブボタンの設定 */
.tab-switch > label {
   flex: 1 1 auto;   /* タブが均等に幅をとるが、幅を超えると折り返す */
   order: -1;   /* 上部に表示する */
   position: relative;   /* 絶対位置指定用の基準 */
   padding: 0.5em 0.5em;   /* 上下左右の内側余白 */
   background-color: #f2f3f4; /* 背景色 */
   color: #999;   /* 文字色 */
   text-align: center;   /* 文字を中央揃え */
   cursor: pointer;   /* ポインターを指アイコンに変更 */
   transition: 0.3s all;   /* 変化を滑らかに */
}

/* タブボタンのホバーおよび選択状態のスタイル */
.tab-switch > label:hover,
.tab-switch label:has(:checked) {
   background-color: #757F96; /* ホバー/選択時の背景色 */
   color: #fff;   /* ホバー/選択時の文字色 */
}

/* ラジオボタン自体は非表示 */
.tab-switch input {
   display: none;   /* 見た目に表示されないようにする */
}

/* タブコンテンツのスタイル */
.tab-switch > div {
   display: none;   /* 初期状態では非表示 */
   width: 100%;   /* コンテンツ幅を全体に */
/*   padding: 1.5em 1em;*/   /* 内側余白 */
}

/* 選択されたタブのコンテンツを表示 */
.tab-switch label:has(:checked) + div {
   display: block;   /* 選択されたタブに対応するコンテンツを表示 */
}

.box-bas{
    padding:15px;
}

.box-bas .on{
    border: 1px  solid #333;
    text-align: center;
    padding: 5px;
}

.box-bas .off{
    border: none;
    text-align: center;
    padding: 0px;
}

.sub-page{
    max-width: 950px;
    margin: 50px auto;
    line-height: 2;
    padding:20px;

}

.sub-page h2{
	margin:20px 0;
	text-align:center;
}

.sub-page p{
	margin:12px;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
    display: flex;
    align-items: center;
}

.team-content{
	display:flex;
	align-items:center;
}

.top-info-box{
	max-width:950px;
	margin:50px auto;
	background-color:#fff;
	padding:20px;
	width:90%;
}

.theme-btn{
	margin-left:30px;
	display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.team-box{
	padding:5px;
	border-bottom:1px solid #ccc;
}

.top-info-box .team-box:last-child{
	border-bottom:none;
}

.toukou {
	margin:15px 35px 10px 35px;
}

.toukou-bk{
	background:URL("/wp-content/themes/ship-original/images/bottom-line.png") no-repeat bottom right, URL("/wp-content/themes/ship-original/images/top-line.png") no-repeat top left;
	background-color: #fff;
	padding:20px;
}

.toukou-day{
	text-align:right;
	font-size:80%;
}

.toukou-onebox{
	display:flex;
	gap:15px
}

.toukou-onebox img{
	width:280px;
}

page-numbers{
	margin:0 10px;
}

@media screen and (max-width: 640px) {
	.team-content{
		display:block;
	}
	.theme-btn{
		margin-left:0;
	}
	.theme-btn img{
		display:none;
	}
	.toukou-onebox{
		display:block;
		gap:15px
	}
	.toukou-onebox img{
		width:100%;
	}


}