/*
Theme Name: AKATSUKI
Theme URI:  https://akatsuki-juken.com/
Author:     AZ-create Co.,Ltd
Author URI: https://az-create.co.jp/
Template:   swell
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* 固定ページ、投稿ページのコンテンツヘッダー*/
.l-topTitleArea {
text-align:center;
}
.c-pageTitle {
	padding: 3% 9%;
}
#top_title_area .l-topTitleArea__body
h1{
	display: inline-block;
color:#fff;
	font-weight: 900;
	font-size: 2em;
	letter-spacing: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0,0.8), rgba(0, 0, 0,0.2));
}
.c-pageTitle__subTitle {
	display: block;
    margin: 10px 0 0 0 !important;
    text-align: center;
}
/* タイムライン（フロー図）*/
.timeline {
  position: relative;
  margin: 3em auto;
  padding-bottom: 2em;
}
.timeline:before {
  position: absolute;
  top: 0px;
  left: 45px;
  width: 3px;
  height: 100%;
  content: '';
  background: #ffffff;
}
.timeline .timeline_item {
  margin: 0px 0px 0px 80px;
}
.timeline .timeline_item .time_date .time {
  font-family: serif;
  font-size: 3em;
  font-weight: bold;
  position: relative;
  margin: 0;
  letter-spacing: 3px;
  color: rgba(255, 255, 255,0.1);
}
.timeline .timeline_item .time_date .flag {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0;
  margin-top: -60px;
  color: #ffffff;
}
.timeline .timeline_item .subtitle {
  font-size: 0.8em;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 20px;
  border-left: 1px solid #ffffff;
}
.timeline .timeline_item .desc {
  font-size: 1em;
  line-height: 20px;
  margin-top: 10px;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .timeline:before {
    left: 15px;
  }
  .timeline .timeline_item .time_date .time:before {
    left: -32px;
  }
  .timeline .timeline_item {
    margin: 0px 0px 0px 40px;
  }
  .timeline .timeline_item .subtitle, .timeline .timeline_item .desc {
    padding-left: 0px;
    border-left: none;
  }
}


/* グローバルメニュー内側調整（白背景、四隅を100%カーブ） */
#fix_header .l-fixHeader__inner{
	background-color:#fff;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
}

/* グローバルメニュー内側調整（白背景、四隅を100%カーブ）※バックの影 */
#fix_header .l-fixHeader__inner{
	box-shadow:10px 10px 0px 0px rgba(0,0,0,0.6);
}

/* グローバルメニュー外側調整 */
#fix_header{
	padding-top:10px;
	padding-bottom:10px;
	transform:translatex(0px) translatey(0px);
	background-color:rgba(255,255,255,0);
}

/* グローバルメニュー追尾時の無駄な線を透明にする */
#fix_header{
	border-bottom-color:rgba(255,255,255,0);
	border-top-color:rgba(255,255,255,0);
	border-left-color:rgba(255,255,255,0);
	border-right-color:rgba(255,255,255,0);
	backdrop-filter: saturate(0);
	box-shadow:0px -50px 0px 0px rgba(0,0,0,0.12);
}

/* グローバルメニュースマホ追尾時を透明にする */
.l-header{
	background: rgba(255,255,255,0.5); /*ヘッダーの色*/
  box-shadow:none; 
}

/* グローバルメニューPC横幅 */
#gnav .c-gnav > .menu-item > a{
	width:115px;
	overflow:hidden;
}
.l-fixHeader__gnav .c-gnav > .menu-item > a{
	width:115px;
	overflow:hidden;
}

/* グローバルメニューフォントサイズ */
#gnav .c-gnav > .menu-item > a .ttl{
	font-size:13px;
	letter-spacing:2px;
}
.l-fixHeader__gnav .c-gnav > .menu-item > a .ttl{
	font-size:13px;
	letter-spacing:2px;
}

/* グローバルメニューフォントサイズ（サブ） */
#gnav .c-gnav > .menu-item > a .c-smallNavTitle
-smallNavTitle{
	font-size:5px
}

.l-fixHeader__gnav .c-gnav > .menu-item > a .c-smallNavTitle{
	font-size:5px
}


/* 原追記 共通 */
   .vertical-rl {
        writing-mode: vertical-rl;
    }
.wp-block-kadence-iconlist {
	display: flex;
	justify-content: center;
}
#content {
	margin-bottom: 0!important;
}
#before_footer_widget {
	margin-top: 0!important;
}
.swl-inline-color {
	font-weight: bold;
}
/* フッターフロー */
.c2 {
	 padding-bottom: 120px !important;
}
.c2 .item-title {
   padding: 3px 0;
    border-radius: 30px;
}
.c2 figure {
	height: 60px;
}
.c2-item {
	line-height: 1.2;
}

.item-1,.item-3,.item-2,.item-4 {
	position: relative;
}
.item-1::after,.item-2::after,.item-3::after,.item-4::after {
	position: absolute;
	content: "";
	background: url(https://www.sample-webdesign1.com/akatsuki-2/wp-content/uploads/2025/03/1eea795a9955f12c4db3f0c558bfc293.png)  center center no-repeat;
	width: 24px;
	height:28px;
	top: 100px;
	right: -23px;
	z-index: 100;
}
/* HOMEお悩み */
/* .c1-1 {
	position: relative;
}
.c1-1::before {
	position: absolute;
	content: "";
	background: url(https://www.sample-webdesign1.com/akatsuki-2/wp-content/uploads/2025/03/c97c1608d8b9d86830fc058a9e9241d1.png) center center no-repeat;
	width: 161px;
	height:79px;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
} */
.under-img {
	margin-bottom: -60px!important;
	z-index: 100;
	position: relative;
}
@media screen and (max-width:700px){
	.under-img {
	margin-bottom: -30px!important;
}
}

/* HOME メニュー */
.c1 .swell-block-column {
    border: 1px solid #666!important;
    border-radius: 15px;
    padding: 30px 0;
}

/* HOME 選ばれる理由 */
.c3 .swell-block-column {
	    padding: 0 20px 20px 0;
}
.c3 .wp-block-group {
	margin:50px auto 0 !important;
}

.c3 .number-img {
    position: absolute;
    top: -75px;
}
.c3 .title{
	padding: 20px 3px;
    height: auto;
    display: block;
    height: 250px;
	clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
}
/* HOME STEP */
.c2-sp {
	text-align: center;
}
[data-aos="fade"] {
	display: inline-block;
	font-weight: 700;
}
/* 住宅リフォーム  */
.rifo-c1 .swell-block-column {
	    padding: 0 20px 20px 0;
	border: 1px solid #666;
	border-radius: 0px 15px 15px 15px;
}
.rifo-c1 .wp-block-group {
	margin:20px auto 0 !important;
}

.rifo-c1 .title{
	padding: 20px 3px;
    height: auto;
    display: block;
    height: 250px;
	clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);
}


.nf-form-fields-required {
 font-weight: 700;
}