@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
*/

/* ========================================== 下記、編集エリア ================================== */
/* ヘッダーの背景を透明にした場合の固定 */
#header.-transparent {
  position: fixed !important;
}
/* ヘッダーの高さ設定 */
.l-header .l-container{
	height: 5.6rem;
}
@media only screen and (max-width: 750px){
	.l-header .l-container{
	height: 4rem;
	}
}
.l-header {
    border-top: none;
}

/* ヘッダー背景 すりガラス */
.l-fixHeader,
.l-header {
	background-color: rgba(999, 999, 999, 0.4);
	backdrop-filter: blur(2px);
}

/*  ファーストビューロゴ 設定 */
.p-mainVisual__slideTitle{
	font-family: "Fahkwang", sans-serif;
	font-weight: 200;
	font-size: 4em;
	text-shadow:none;
}
.al_c, .u-ta-c {
    text-align: right;
}
/*  カテゴリーアイコンの変更 */
.icon-folder:before {
    content: "| ";
}
/*  カテゴリーアイコンの削除 */
.icon-posted:before,
.c-categoryList:before{
    content: "";
}
.widget_categories>ul>.cat-item>a:before, .wp-block-categories-list>li>a:before{
	content: "";
}

/* スクロール カスタマイズ -------------------------*/
/* テキスト */
.p-mainVisual__scrollLabel{
	font-size:.8em;
}
/* 矢印 */
.p-mainVisual__scrollArrow {
	display: none;
}
/* scroll	 */
.p-mainVisual__scroll{
	bottom:4rem;
}
.p-mainVisual {
	overflow: visible;
	z-index: 99;
}
.p-mainVisual__scroll:before {
    content: "";
    position: absolute;
    top:200%;
    left: 50%;
    width: 1px;
    height: 2.4rem;
    background-color: #fff;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
    animation:
		circlemove 2s ease-in-out infinite,
		cirlemovehide 2s ease-out infinite;
}
/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{top:-3rem;}
     100%{top:5.5rem;}
 }
/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }
.p-mainVisual__scroll:after {
    content: "";
    position: absolute;
    top: 200%;
    left: 50%;
    width: 1px;
    height: 8rem;
    background: rgb( 000 000 000 / 50%);
}

/* ページトップ ボタン */
.c-fixBtn {
	border: none;
	box-shadow: none;
}

/*  ボタン　枠を消す*/
.is-style-btn_line a {
	border:none;
	border-bottom:solid .5px;
}
.l-footer__widgetArea{
	font-size: 0.8em;
}


/* news page ----------------------- */
/* カテゴリー配列 */
.wp-block-categories-list{
	display:flex;
	gap:.5em;
	flex:repeat;
}
.wp-block-categories-list a {
    display: inline-block;
}
.widget_categories>ul>.cat-item>a, 
.wp-block-categories-list>li>a {
    padding-left: .75em;
}

/* contact page ----------------------- */
div.wpforms-field-container{
    padding:3rem 0; 
}
::placeholder{
   font-size:.8em !important;
}
.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
    font-weight: normal;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
    margin-bottom:6rem;    
    background:#474747 !important;
    color: #fdfdfd !important;
    border-radius: 50px;
    width:160px;
    font-size:.8rem;
}


/* about 年表カスタム */
.timeline-en{
    --table-border: none;
}

/*  footer ロゴサイズ*/
@media only screen and (max-width: 750px){
	.footer_logo {
		width: 40%;
	}
}