/*
Theme Name: ikoi
Theme URI:  https://az-create.co.jp/
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
*/



/*全体 border-radius*/
.b-r-15 img {
	border-radius: 15px;
}

/* -----------------------------------  -----------------------------------  hedda  -----------------------------------  -----------------------------------  ----------------------------------- */


@media (min-width: 960px) {
    .-series-right .c-gnavWrap {
        margin-left: 0;
    }
	    .-series-right .l-header__inner {
       	display: flex;
    justify-content: left;
    }
	#header {
	padding: 10px 0;
}

.l-fixHeader__inner {
	padding: 20px 5%;
}
	.swell-block-button .swell-block-button__link[data-has-icon] {
    padding: 5px 30px;
}
}
/*  -----------------------------------  ----------------------------------- ヘッダーブログパーツ -----------------------------------  ----------------------------------- */
#custom_html-4 {
	display: inline-block;
}
#custom_html-4 a {
    border-radius: 10px;
}

.w-header__inner {
	    gap: 20px;
    display: flex;
    align-items: center;
	    position: absolute;
    right: 30px;
}
#header .w-header__inner {
	position: absolute;
    right: 30px;
}

/*   -----------------------------------  ----------------------------------- メインビジュ -----------------------------------  ----------------------------------- 
.p-mainVisual__slideTitle {
	text-align: left;
}
#main_visual .l-container {
	max-width: 100%;
}

.p-mainVisual__textLayer{
	position: relative;
}

[data-partsid="320"] {
	width: 450px;
	height: auto;
position: absolute;
    right: 100px;
	bottom: 10%;
	background: rgba(249, 248, 244, 0.8);
    border-radius: 50px;
    padding: 30px;
}
.main-item-t {
	background-color: #64abcb;
    padding: 0!important;
    border-radius: 5px;
}
@media (max-width: 600px) {
	[data-partsid="320"] {
		display: none;
	}
}*/
/* -----------------------------------  -----------------------------------  HOME. -----------------------------------  -----------------------------------  ----------------------------------- */
.c1 img {
	border-radius: 20px;
}
#c1-1 figure {
	position: relative;
}
#c1-1 figure::after{
  background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2024/10/9b70949311c87fc2b05bf6b6d287e222.png)
    center center no-repeat;
  content: "";
  width: 166px;
  height: 170px;
  position: absolute;
    top: -40px;
    left: -50px;
  z-index: 10;	
}
#c1-2 {
	position: relative;
}
#c1-2::after{
  background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2024/10/c132b4a5c3bf5085b52b063e751aac08.png)
    center center no-repeat;
  content: "";
  width: 166px;
  height: 170px;
  position: absolute;
    top: -40px;
    right: -50px;
  z-index: 10;	
}

#c1-3 figure {
	position: relative;
}
#c1-3 figure::after{
  background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2024/10/a7b0cbe735a85d93ad1024a383fa74da.png)
    center center no-repeat;
  content: "";
    width: 166px;
    height: 170px;
    position: absolute;
    top: -40px;
    left: -50px;
  z-index: 10;	
}

@media (max-width: 600px) {
	#c1-1 figure::after{
		background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2025/02/eef27a493b06fa1d97156c0f2411e083.png) center center no-repeat;
	width: 98px;
    height: 101px;
    top: -30px;
    left: -10px;
	}
	#c1-2::after{
		background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2025/02/c8cb0c8f6b85a2c4cd09e1fb424956bc.png)
    center center no-repeat;
	width: 98px;
    height: 101px;
    top: -30px;
    left: -10px;
	}
	#c1-3 figure::after{
		background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2025/02/9a0a380a4e31fd0a9b4e4eb48ba12331.png)
    center center no-repeat;
    width: 98px;
    height: 101px;
    top: -30px;
    left: -10px;
	}
}


.c2 .wp-block-media-text {
	    padding: 2% 4%;
	    height: 100%;
}

.c3 .ba-img {
	position: relative;
}
.c3 .ba-img::after{
  background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2025/02/85f7d119b0868d33b572737a3861e890.png)
    center center no-repeat;
  content: "";
  width:186px;
  height: 203px;
  position: absolute;
    top: -50px;
    right: -100px;
  z-index: -100;	
}
.c3 .ba-img::before{
  background: url(https://www.sample-webdesign1.com/a-b-jigyosyo/wp-content/uploads/2025/02/1138507a2688f4e847020ed6359fa48c.png)
    center center no-repeat;
  content: "";
	  width:233px;
  height: 184px;
  position: absolute;
    top: -80px;
    left: -140px;
  z-index: -100;	
}

@media (max-width: 600px) {
	
	.c2 img {
		width: 50%;
		margin: 0 auto;
	}
	.c3 .ba-img::after {
	display: none;
	}
	.c3 .ba-img::before {
display: none;
	}
}
/*  -----------------------------------  -----------------------------------  利用者募集 -----------------------------------  -----------------------------------  ----------------------------------- */
[data-aos="fade"] {
	width: 300px;
    margin: 0 auto;
}

/*  -----------------------------------  ----------------------------------- フッター前 -----------------------------------  -----------------------------------  ----------------------------------- */
[data-partsid="305"] .wp-block-group {
    border-radius: 20px;
}

.vertical {
	writing-mode: vertical-rl;
}
/* -----------------------------------  -----------------------------------  忍者フォーム  -----------------------------------  -----------------------------------  ----------------------------------- */
.page-id-18 .wp-block-table td{
	padding: 8% 16%;
}
.page-id-18 .wp-block-table{
	border: 1px solid #333;
    border-radius: 50px;
}
.nf-field-element {
	text-align: center;
}
#nf-field-26 {
   width: 30%;
}
#nf-field-28-wrap .nf-field-element,#nf-field-29-wrap .nf-field-element,#nf-field-41-wrap .nf-field-element,#nf-field-41-wrap .nf-field-element {
	text-align: left;
}
#nf-field-28-wrap .nf-field-element ul,#nf-field-29-wrap .nf-field-element ul,#nf-field-41-wrap .nf-field-element ul,#nf-field-42-wrap .nf-field-element ul {
	display: flex;
    flex-wrap: wrap;
}
#nf-field-27 {
	 pointer-events: none;
}

/* -----------------------------------  -----------------------------------  Header背景（一木追加）  -----------------------------------  ----------------------------------- */
#header{
	background-color:rgba(255,255,255,0.65);
}


/* -----------------------------------  -----------------------------------  コンタクトフォームボタン色（一木追加）  -----------------------------------  ----------------------------------- */
#nf-field-26-wrap .nf-element{
	background-color:#ea5506;
	
}