@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.nothing_dot{list-style-type:none;}
.li p {
     margin: 0; /* Remove default margin from <p> tags */
     padding: 0;
    }
.eye-catch-wrap {
    display: flex;
    max-height: 100%;
}
/* CSS for highlighting the catchphrase on a painting website */
.tagline {
    font-size: .5rem; /* 大きめのフォントサイズ */
    color: #ffffff; /* 白い文字色 */
    background-color: #007bff; /* 明るい青色の背景色 */
    padding: 2px; /* 内側の余白を増やして文字を目立たせる */
    text-align: center; /* 中央揃え */
    border-radius: 10px; /* 角を丸くする */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 影を付けて立体感を出す */
    font-weight: bold; /* 太字にする */
    text-transform: uppercase; /* すべて大文字にする */
    margin: 2px auto; /* 上下の余白を追加 */
    width: fit-content; /* 必要な幅だけを確保 */
}

/* ホバー時のエフェクト */
.tagline:hover {
    background-color: #0056b3; /* ホバー時に背景色を濃くする */
    color: #ffffff; /* 文字色を保持 */
    transition: background-color 0.3s ease; /* スムーズに色が変わるようにする */
}
span.architect-tag {
    display: inline-block;
    background-color: #3498db;
    color: #fff;
    padding: 8px 12px;
    margin: 5px;
    border-radius: 15px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s ease;
}
span.architect-tag:hover {
            background-color: #2980b9; /* ホバー時の色 */
       }

/************************************
** ctaページに行く前のパターン用スタイル
************************************/
.cta-box.cta-left-and-right {
        background-image: url(http://keichanpaint-main.group/wp-content/uploads/2024/11/keichanpctabeforebg.png);
}
/************************************
** lp用のコモンcss
************************************/
body::-webkit-scrollbar {
  display: none; /* スクロールバーを隠す（任意） */
}
.mainwrapp{
    left: 5em;
    top: 100px;
    max-width: 100%;
    width: 1340px;
    height: 3120px;
    overflow-x: clip;
    position: relative;
    background: #fffbe5;
    margin: 0 0 0 0;
}
img#lpleftimg {
	display: block;
    overflow: hidden;
    width: 907px;
    max-width: 100%;
    height: 3267px;
    right: -642px;
    top: -150px;
    position: absolute;
    z-index: 0;
}
img#lprightimg{
	display:block;
	overflow: hidden;
    width: 907px;
    max-width: 100%;
    height: 3270px;
    left: -609px;
    top: -152px;
    position: absolute;
    z-index: 0;
}
.titleholder{
	z-index: 2;
    left: 420px;
    top: -129px;
    position: absolute;
    text-align: center;
    color: #FE8226;
    font-size: 40px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word;align-content;
}
.titletheme{
	z-index: 2;
    left: 494px;
    top: -85px;
    position: absolute;
    text-align: center;
    color: #000;
    font-size: 26px;
    font-family: Inter;
    font-weight: 400;
    word-wrap: break-word;
}
.basicbackpiece{
	width: 797px;
	height: 438px;
	left: 278px;
	top: -150px;
	position: absolute;
	z-index:1;
}
.firstcontent{
	opacity:.8;
    max-width: 44%;
    width: 576px;
    max-height: 100%;
    height: 473px;
    left: 371px;
    top: -106px;
    position: absolute;
    z-index: 1;
}
.leftsideaccesary{
	width: 235px;
    left: 350px;
    top: 157px;
    position: absolute;
    transform: rotate(14deg);
    transform-origin: 0 0;
    border-radius: 97px;
    z-index: 1;
}
.rightaccesary{
	width: 155px;
    height: 148px;
    left: 808px;
    top: 2036.87px;
    position: absolute;
    transform: rotate(-25deg);
    transform-origin: 0 0;
    border-radius: 97px;
}
.basicbackpiece2{
	width: 797px;
	height: 675px;
	left: 278px;
	top: 288px; 
	position: absolute;
	z-index:2;
}
article.secondcontent{
	width: 398px;
	height: 198px; 
	left: 480px;
	top: -15px; 
	position: absolute; 
	text-align: center; 
	color: black; 
	font-size: 14px; 
	font-family: Inter; 
	font-style: italic; 
	font-weight: 700; 
	word-wrap: break-word;
	z-index:2;
}
img#facephoto{
	width: 158px;
	height: 158px;
	left: 597.5px;
	top: 734px;
	position: absolute;
	border-radius: 9999px;
	z-index:2;
}
.thirdcontent{
	width: 398px;
	height: 198px;
	left: 480px; 
	top: 434px;
	position: absolute;
	text-align: center;
	color: black; 
	font-size: 23px; 
	font-family: Inter; 
	font-style: italic;
	font-weight: 700;
	z-index:2;
	word-wrap: break-word;
}
.introducetitle{
	position: absolute;
    left: 570px; 
	top: 360px; 
	text-align: center; 
	color: #FE8226;
	font-size: 40px; 
	font-family: Inter;
	font-weight: 400;
	z-index:2; 
	word-wrap: break-word;
	margin-left: 2rem;
}
 #thirdtitle {
     left: 600px; 
    top: 894px; 
     position: absolute;
    text-align: center;
    color: #fe8226;
    font-size: 40px;
    font-family: Inter;
    font-weight: 400;
    z-index: 2;
    word-wrap: break-word;
    border-left: 0px solid var(--cocoon-middle-thickness-color);
    border-right: 0px solid var(--cocoon-thin-color);
    border-top: 0px solid var(--cocoon-thin-color);
    border-bottom: 0px solid var(--cocoon-thin-color);
	 margin-left: -1rem;
}
.firstunderbar{
	width: 648px;
    height: 0px;
    left: 1000px;
    top: 895px;
    position: absolute;
    transform: rotate(-180deg);
    transform-origin: 0 0;
    border: 1px black solid;
    z-index: 2;
}
img#jobdescriptionflame1{
	width: 244.85px; 
	height: 282.43px;
	left: 284px; 
	top: 964.27px; 
	position: absolute; 
	transform: rotate(-1deg);
	transform-origin: 0 0 ;
}
img#jobdescriptionflame2{
	width: 244.85px;
    height: 282.43px;
    left: 550px;
    top: 964.27px;
    position: absolute;
    transform: rotate(-1deg);
    transform-origin: 0 0;
}
img#jobdescriptionflame3{
	width: 244.85px;
	height: 282.43px;
	left: 822px;
	top: 964.27px;
	position: absolute;
	transform: rotate(-1deg);
	transform-origin: 0 0;
}
#movingtitle2{
	    color: #9712b0;
        z-index: 1;
        left: 626px;
        top: 1134px;
        position: absolute;
        text-align: center color: black;
        font-size: 23px;
        font-family: Noto Sans;
        font-weight: 700;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}
#disposaltitle3{
	   z-index: 1;
        left: 866px;
        top: 1134px;
        position: absolute;
        text-align: center;
        color: #9712b0;
        font-size: 23px;
        font-family: Noto Sans;
        font-weight: 700;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}
#lphead3 {
        width: 220px;
        height: 24px;
        left: 300px;
        top: 1127px;
        position: absolute;
        text-align: center;
        color: #9712b0;
        font-size: 23px;
        font-family: Inter;
        font-weight: 700;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);

}
.jobsniped1{
	width: 228px; 
	left: 297px; 
	top: 1215px; 
	position: absolute; 
	text-align: center; 
	color: black; 
	font-size: 23px; 
	font-family: Noto Sans;
    font-weight: 400;
	word-wrap: break-word;
}
.jobsniped2{
	width: 220px; 
	height: 241.41px; 
	left: 566px; 
	top: 1215px; 
	position: absolute; 
	text-align: center; 
	color: black; 
	font-size: 23px; 
	font-family: Noto Sans; 
	font-weight: 400; 
	word-wrap: break-word;
}
.jobsniped3{
	width: 208px; 
	height: 458px;
	left: 843px; 
	top: 1215px;
	position: absolute; 
	text-align: center; 
	color: black;
	font-size: 23px;
	font-family: Noto Sans;
	font-weight: 400;
	word-wrap: break-word;
}
.iconlpanzen{
	width: 53px;
    height: 48.29px;
    left: 562px;
    top: 1919px;
    position: absolute;
}
.contentanzen{
	left: 622px;
	top: 1919px;
	position: absolute; 
	color: #000; 
	font-size: 29px;
	font-family: Noto Sans; 
	font-weight: 400;
	word-wrap: break-word;
	
}
.iconlphourei{
	width: 52.50px;
    height: 45.94px;
    left: 562px;
    top: 1859px;
    position: absolute;
}
.contenthourei{
	left: 622px;
	top: 1859px;
	position: absolute;
	color: #000;
	font-size: 29px; 
	font-family: Noto Sans;
	font-weight: 400;
	word-wrap: break-word;
}
.iconlpteinei{
	width: 53px;
    height: 48.29px;
    left: 299px;
    top: 1859px;
    position: absolute;
}
.contentteinei{
	left: 356px; 
	top: 1859px; 
	position: absolute; 
	color: #000; 
	font-size: 29px; 
	font-family: Noto Sans; 
	font-weight: 400; 
	word-wrap: break-word;
}
.iconlpkankixyou{
	width: 53px;
    height: 48.29px;
    left: 299px;
    top: 1919px;
    position: absolute;
}
.contentkankixyou{
	left: 357px;
	top: 1919px;
	position: absolute; 
	color: #000; 
	font-size: 29px;
	font-family: Noto Sans; 
	font-weight: 400;
	word-wrap: break-word;
}
.iconlpjikan{
	width: 53px; 
	height: 48.29px; 
	left: 299px; 
	top: 1979px;
	position: absolute; 
	
}
.contentjikan{
	left: 356px; 
	top: 1979px;
	position: absolute;
	color: #000;
	font-size: 29px;
	font-family: Noto Sans; 
	font-weight: 400; 
	word-wrap: break-word;
}
.iconlpmeikakuna{
	width: 53px;
	height: 48.29px;
	left: 299px;
	top: 2039px;
	position: absolute;
}
.contentmeikakua{
	left: 355px;
	top: 2039px;
	position: absolute;
	color: black; 
	font-size: 29px; 
	font-family: Noto Sans;
	font-weight: 400;
	width:220px;
	word-wrap: break-word;
}
.accesarypiece{
	opacity: .7;
    position: absolute;
    width: 755px;
    height: 400px;
    left: 320px;
    top: 2617px;
    z-index: 0;
}

.movingcenter{
	width: 204px;
	height: 177px;
	left: 572px;
	top: 979px;
	position: absolute;
	background: #D9D9D9;
}
.disporsalright{
	width: 204px; 
	height: 177px;
	left: 844px;
	top: 979px;
	position: absolute;
	background: #D9D9D9;
}
.secondunderbar{
		width: 648px;
        height: 0px;
        left: 1000px;
        top: 2128px;
        position: absolute;
        transform: rotate(-180deg);
        transform-origin: 0 0;
        border: 1px black solid;
        z-index: 2;
	}	
.otherplatforminformation{
     width: 755px;
	height: 473px;
	left: 310px; 
	top: 2145px;
	position: absolute;
	}
article.tiktokcontent {
        left: 31rem;
        width: 100%;
        max-width: 34%;
        z-index: 1;
        position: absolute;
        top: 169rem;
        font-size: 23px;
}
article.tiktokcontent1 {
        left: 31rem;
        width: 100%;
        max-width: 34%;
        z-index: 1;
        position: absolute;
        top: 192rem;
        font-size: 23px;
}
img.tiktok1 {
        width: 121px;
        height: 155px;
	    left: 31.0rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 182.7rem;
}
img.tiktok2 {
        width: 121px;
        height: 155px;
	    left: 39.3rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 182.7rem;
}
img.tiktok3 {
        width: 121px;
	    height: 155px;
        left: 47.5rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 182.7rem;
}
.tiktokgroup {
        max-width: 100%;
        min-width: auto;
        width: auto;
        height: auto;
        position: static;
}
.ylttiktokbg{
    width: 755px;
	height: 500px;
	left: 310px;
	top: 2617px;
	position: absolute;
}
 /************************************
** スマホ用コードパソコンで非表示用
************************************/
img#jobdescriptionflame1sm{
        display:contents;
}
img#jobdescriptionflame2sm{
        display:contents;
}
img#jobdescriptionflame3sm{
        display:contents;
}
img#subsidyimgforsm {
        display: contents;
}	

.movingcenter,.carpenterleft,.disporsalright{
	display:contents;	
	}
 /************************************
** スマホ用コードパソコンで非表示用終了
************************************/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){

  /*必要ならばここにコードを書く*/
.eye-catch img {
    object-fit: cover;
    width: 100vw;
    height: revert-layer;
    vertical-align: bottom;
}
.attachment-1920x2560.eye-catch-image.wp-post-image img {
    object-fit: fill;
    width: 100vw;
    height: auto;
    vertical-align: bottom;
}	
h1.list-new-entries-title.list-title {
    color: #ff0000;
}	
/************************************
** lp用のipad css
************************************/	
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
	
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
body::-webkit-scrollbar {
  display: none; /* スクロールバーを隠す（任意） */
}
html.page-template-default.page.page-id-1944, body {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
    }
body.page-template-default.page.page-id-1944{
       position: absolute;  
	   min-width:100vw;
	   width:100%;
}				
.container {
    height: 100%;
    overflow-x: hidden;
  　  width: 100%;
	 padding: 10px;
    font-size: 14px;
    padding-right: constant(safe-area-inset-right);
    padding-left: constant(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
}
	
.basicbackpiece {
    width: 797px;
    height: 438px;
    left: 270px;
    top: -150px;
    position: absolute;
    z-index: 1;
}	


img#lpleftimg{
	display: block;
    overflow: hidden;
    width: 907px;
    max-width: 100%;
    height: 3267px;
    right: -642px;
    top: -150px;
    position: absolute;
    z-index: 0;

	}
img#lprightimg {
	display:block;
	overflow: hidden;
    width: 907px;
    max-width: 100%;
    height: 3270px;
    left: -609px;
    top: -152px;
    position: absolute;
    z-index: 0;
	}	
.mainwrapp {
       max-width: 100%;
       width: 1080px;
       height: 3120px;
       position: relative;
       background: #fffbe5;
       margin: 0 0 0 0;
       left: -19rem;
}
.titletheme {
        display: contents;
     
}	
.mainwrapp {
        left: -14em;
        top: 100px;
        max-width: 100%;
        width: 1340px;
        height: 3120px;
        overflow-x: clip;
        position: relative;
        background: #fffbe5;
        margin: 0 0 0 0;
}	
.jobsniped1{
	display:inline-block;	
	width: 228px; 
	left: 297px; 
	top: 1215px; 
	position: absolute; 
	text-align: center; 
	color: black; 
	font-size: 23px; 
	font-family: Noto Sans;
    font-weight: 400;
	word-wrap: break-word;
}
.jobsniped2{ 
	display:inline-block;	
	width: 220px; 
	height: 241.41px; 
	left: 566px; 
	top: 1215px; 
	position: absolute; 
	text-align: center; 
	color: black; 
	font-size: 23px; 
	font-family: Noto Sans; 
	font-weight: 400; 
	word-wrap: break-word;
}
.jobsniped3{
	display:inline-block;
	width: 208px; 
	height: 458px;
	left: 843px; 
	top: 1215px;
	position: absolute; 
	text-align: center; 
	color: black;
	font-size: 23px;
	font-family: Noto Sans;
	font-weight: 400;
	word-wrap: break-word;
}
.seconduderbar{
		width: 648px; 
		height: 0px; 
		left: 1000px;
		top: 2128px; 
		position: absolute; 
		border: 1px black solid;
	}	
.tiktokgroup {
        max-width: 100%;
        min-width: auto;
        width: auto;
        height: auto;
        position: static;
}	
 /************************************
** スマホ用コードパソコンで非表示用
************************************/
img#jobdescriptionflame1sm{
        display:contents;
}
img#jobdescriptionflame2sm{
        display:contents;
}
img#jobdescriptionflame3sm{
        display:contents;
}
img#subsidyimgforsm {
        display: contents;
}	
.movingcenter,.carpenterleft,.disporsalright{
	display:contents;	
	}	
 /************************************
** スマホ用コードパソコンで非表示用終了
	　かつ　ipad  終了
************************************/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
img.eye-catch-image.wp-post-image {
    object-fit: fill;
    width: 100vw;
    height: auto;
    vertical-align: bottom;
}
img.attachment-1920x2560.size-1920x2560.eye-catch-image.wp-post-image {
    height: auto;
    width: 100%;
    object-fit: fill;
}
/************************************
** lp用の8smcss
************************************/	
 /* リセット */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

html.page-template-default.page.page-id-1944, body {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
    }
body.page-template-default.page.page-id-1944{
        position: absolute;  
	   min-width:100vw;
	   width:100%;
}			
.container {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
    padding-right: constant(safe-area-inset-right);
    padding-left: constant(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
}
.mainwrapp {
                max-width: 100%;
                height: 3139px;
                height: 4435px;
                overflow-x: clip;
                position: relative;
                background: #fffbe5;
                margin: 0 0 0 0;
                left: -19rem;
        }	
.basicbackpiece {
    width: 797px;
    height: 460px;
    left: 280px;
    top: -167px;
    position: absolute;
    z-index: 1;
}
.basicbackpiece2 {
                max-width: 100%;
                width: 567px;
                height: 480px;
                left: 205px;
                top: 288px;
                position: absolute;
                z-index: 2;
        }
img#lpleftimg {
		display:contents;
	}	
img#lprightimg {
		display:contents;
	}	
		
.titleholder {
        z-index: 2;
        left: 295px;
        top: -161px;
        position: absolute;
        text-align: center;
        color: #FE8226;
        font-size: 26px;
        font-family: Inter;
        font-weight: 400;
        word-wrap: break-word;
        width: 404px;
}	
.titletheme {
        display: contents;
     
}
.firstcontent {
                opacity: .8;
                max-width: 32%;
                width: 407px;
                max-height: 100%;
                height: 436px;
                left: 268px;
                top: -136px;
                position: absolute;
                z-index: 1;
        }
.leftsideaccesary {
        width: 235px;
        left: 246px;
        top: 157px;
        position: absolute;
        transform: rotate(14deg);
        transform-origin: 0 0;
        border-radius: 97px;
        z-index: 1;
}	
article.secondcontent {
                height: 198px;
                width: 264px;
                left: 371px;
                top: -127px;
                position: absolute;
                text-align: center;
                color: #000000;
                font-size: 14px;
                font-family: Inter;
                font-style: italic;
                font-weight: 700;
                word-wrap: break-word;
                z-index: 2;
        }
.introducetitle {
        position: absolute;
        left: 404px;
        top: 281px;
        text-align: center;
        color: #FE8226;
        font-size: 30px;
        font-family: Inter;
        font-weight: 400;
        z-index: 2;
        word-wrap: break-word;
        margin-left: 2rem;
}	
.thirdcontent {
               line-height: 2;
                width: 268px;
                height: 175px;
                left: 363px;
                top: 339px;
                position: absolute;
                text-align: center;
                color: black;
                font-size: 20px;
                font-family: Inter;
                font-style: italic;
                font-weight: 700;
                z-index: 2;
                word-wrap: break-word;
        }
img#facephoto {
        width: 110px;
        height: 110px;
        left: 433px;
        top: 606px;
        position: absolute;
        border-radius: 9999px;
        z-index: 2;
}
#thirdtitle {
        left: 398px;
        top: 757px;
        position: absolute;
        text-align: center;
        color: #fe8226;
        font-size: 40px;
        font-family: Inter;
        font-weight: 400;
        z-index: 2;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
        margin-left: -1rem;
}	
.firstunderbar {
        width: 374px;
        height: 0px;
        left: 667px;
        top: 778px;
        position: absolute;
        transform: rotate(-180deg);
        transform-origin: 0 0;
        border: 1px black solid;
        z-index: 2;
}
img#jobdescriptionflame1 {
        width: 124px;
        height: auto;
        left: 281px;
        top: 834.27px;
        position: absolute;
        transform: rotate(-1deg);
        transform-origin: 0 0;
}	

#lphead3 {
        width: 220px;
        height: 24px;
        left: 410px;
        top: 831px;
        position: absolute;
        text-align: center;
        color: #9712b0;
        font-size: 23px;
        font-family: Inter;
        font-weight: 700;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}	
.jobsniped1 {
                width: 252px;
                left: 414px;
                top: 877px;
                position: absolute;
                text-align: left;
                color: black;
                font-size: 25px;
                font-family: Noto Sans;
                font-weight: 400;
                word-wrap: break-word;
        }
img#jobdescriptionflame2 {
        width: 124px;
        height: auto;
        left: 547px;
        top: 1460.27px;
        position: absolute;
        z-index: 1;
        transform: rotate(-1deg);
        transform-origin: 0 0;
}	
.movingcenter {
                width: 104px;
                height: 104px;
                left: 558px;
                top: 1467px;
                z-index: 1;
                position: absolute;
                background: #D9D9D9;
        }
#movingtitle2 {
               color: #9712B0;
                z-index: 1;
                left: 378px;
                top: 1457px;
                position: absolute;
                text-align: center color: black;
                font-size: 23px;
                font-family: Noto Sans;
                font-weight: 700;
                word-wrap: break-word;
                border-left: 0px solid var(--cocoon-middle-thickness-color);
                border-right: 0px solid var(--cocoon-thin-color);
                border-top: 0px solid var(--cocoon-thin-color);
                border-bottom: 0px solid var(--cocoon-thin-color);
}	
.jobsniped2{   
	           line-height: 1.7;
               display: inline-block;
                width: 252px;
                height: 241.41px;
                left: 290px;
                top: 1496px;
                position: absolute;
                text-align: center;
                color: black;
                font-size: 26px;
                font-family: Noto Sans;
                font-weight: 400;
                z-index: 1;
                word-wrap: break-word;
	}
img#jobdescriptionflame3 {
                width: 124px;
                height: auto;
                left: 539px;
                top: 2169.27px;
                position: absolute;
                transform: rotate(-1deg);
                transform-origin: 0 0;
}	
.disporsalright {
       width: 104px;
                height: 104px;
                left: 550px;
                top: 2177px;
                position: absolute;
                background: #D9D9D9;
	}
	#disposaltitle3 {
                z-index: 1;
                left: 333px;
                top: 2163px;
                position: absolute;
                text-align: center;
                color: #9712b0;
                font-size: 23px;
                font-family: Noto Sans;
                font-weight: 700;
                word-wrap: break-word;
                border-left: 0px solid var(--cocoon-middle-thickness-color);
                border-right: 0px solid var(--cocoon-thin-color);
                border-top: 0px solid var(--cocoon-thin-color);
                border-bottom: 0px solid var(--cocoon-thin-color);
}	
.jobsniped3 {
             display: inline-block;
                width: 252px;
                height: 458px;
                left: 290px;
                top: 2200px;
                position: absolute;
                text-align: center;
                z-index: 1;
                color: black;
                font-size: 25px;
                font-family: Noto Sans;
                font-weight: 400;
                word-wrap: break-word;
        }

img#subsidyimgforsm {
        display: inline-block;
        max-width: 100%;
        width: 400px;
        height: auto;
        left: 283px;
        top: 2787.27px;
        position: absolute;
         z-index: 2;
        }
.iconlphourei {
        width: 52.50px;
        height: 45.94px;
        left: 487px;
        top: 3360px;
        position: absolute;
}	
.contenthourei {
        left: 542px;
        top: 3361px;
        position: absolute;
        color: #000;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpanzen {
        width: 53px;
        height: 48.29px;
        left: 487px;
        top: 3420px;
        position: absolute;
}	
.contentanzen {
        left: 542px;
        top: 3421px;
        position: absolute;
        color: #000;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpteinei {
        width: 53px;
        height: 48.29px;
        left: 299px;
        top: 3300px;
        position: absolute;
}
.contentteinei {
        left: 356px;
        top: 3301px;
        position: absolute;
        color: #000;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpkankixyou {
        width: 53px;
        height: 48.29px;
        left: 299px;
        top: 3360px;
        position: absolute;
}	
.contentkankixyou {
        left: 357px;
        top: 3361px;
        position: absolute;
        color: #000;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpjikan {
        width: 53px;
        height: 48.29px;
        left: 299px;
        top: 3420px;
        position: absolute;
}	
.contentjikan {
        left: 356px;
        top: 3421px;
        position: absolute;
        color: #000;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpmeikakuna {
        width: 53px;
        height: 48.29px;
        left: 299px;
        top: 3480px;
        position: absolute;
}	
.contentmeikakua {
        left: 355px;
        top: 3481px;
        position: absolute;
        color: black;
        font-size: 29px;
        font-family: Noto Sans;
        font-weight: 400;
        width: 220px;
        word-wrap: break-word;
}	
.secondunderbar {
                width: 374px;
                height: 0px;
                left: 668px;
                top: 3561px;
                position: absolute;
                transform: rotate(-180deg);
                transform-origin: 0 0;
                border: 1px black solid;
                z-index: 2;
        }
img.kurasi1 {
        z-index: 1;
        width: 217px;
        position: absolute;
        left: 21rem;
        height: 153px;
        top: 236.5rem;
}	
.otherplatforminformation {
                width: 562px;
                height: 364.76px;
                left: 200px;
                top: 3584px;
                position: absolute;
        }
article.tiktokcontent {
        left: 22rem;
        width: 100%;
        max-width: 23%;
        z-index: 1;
        position: absolute;
        top: 252rem;
        line-height: 1.6;
        font-size: 20px;
}	
.tiktokgroup {
        max-width: 100%;
        min-width: auto;
        width: auto;
        height: auto;
        position: static;
}	
img.tiktok1 {
        width: 121px;
        height: 155px;
        left: 21rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 265.7rem;
}
img.tiktok3 {
        width: 121px;
        height: 155px;
        left: 32.5rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 265.7rem;
}	
article.tiktokcontent1 {
        left: 22rem;
        width: 100%;
        max-width: 34%;
        z-index:1;
        position: absolute;
        top: 271rem;
        font-size: 23px;
}	
.ylttiktokbg {  
	            width: 573px;
                height: 386px;
                left: 198px;
                top: 3947px;
                position: absolute;
}
 /************************************
** スマホ用コードパソコンで非表示用
************************************/
img#jobdescriptionflame1sm{
        display:contents;
}
img#jobdescriptionflame2sm{
        display:contents;
}
img#jobdescriptionflame3sm{
        display:contents;
}

.movingcenter,.carpenterleft,.disporsalright{
	display:contents;	
	}
 /************************************
** スマホ用コードパソコンで非表示用終了
************************************/	
 }

/*480pxもしくは360px以下*/
@media screen and (max-width: 360px){
  /*必要ならばここにコードを書く*/
img .eye-catch-image.wp-post-image  {
    object-fit: fill;
    width: 100%;
    height: auto;
    vertical-align: bottom;
}	
	img.attachment-1920x2560.size-1920x2560.eye-catch-image.wp-post-image {
    height: auto;
    width: 100%;
    object-fit: fill;
}
h1.list-new-entries-title.list-title {
    color: #ff0000;
}
/************************************
** lp用の4smcss
************************************/	
 /* リセット */
/* Normalize.css を導入 */
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');

 * .page-template-default.page.page-id-1944{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

html.page-template-default.page.page-id-1944, body {
      width: 100%;
      height: 100%;
      overflow-x: hidden;
    }
body.page-template-default.page.page-id-1944{
        position: absolute;  
	   min-width:100vw;
	   width:100%;
}				
.container {
    height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    padding: 10px;
    font-size: 14px;
    padding-right: constant(safe-area-inset-right);
    padding-left: constant(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-left: env(safe-area-inset-left);
}
	
.basicbackpiece {
    width: 797px;
    height: 438px;
    left: 208px;
    top: -150px;
    position: absolute;
    z-index: 1;
}
img#lpleftimg {
		display:contents;
	}	
img#lprightimg {
		display:contents;
	}	
		
.mainwrapp {
        max-width: 100%;
        width: 1380px;
        height: 2666px;
        overflow-x: clip;
        position: relative;
        background: #fffbe5;
        margin: 0 0 0 0;
        left: -19rem;
}
.titleholder {
        z-index: 2;
        left: 250px;
        top: -144px;
        position: absolute;
        text-align: center;
        color: #FE8226;
        font-size: 26px;
        font-family: Inter;
        font-weight: 400;
        word-wrap: break-word;
	    width:404px;
}	
.titletheme {
        display: contents;
     
}
.firstcontent {
        opacity: .8;
        max-width: 30%;
        width: 330px;
        max-height: 100%;
        height: 473px;
        left: 264px;
        top: -106px;
        position: absolute;
        z-index: 1;
    }
article.secondcontent {
    width: 260px;
    height: 198px;
    left: 325px;
    top: -92px;
    position: absolute;
    text-align: center;
    color: black;
    font-size: 14px;
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    word-wrap: break-word;
    z-index: 2;
}	
	.basicbackpiece2{
    top: 288px;
    z-index: 2;
    opacity: .8;
    width: 454px;
    max-height: 100%;
    height: 473px;
    left: 218px;
    position: absolute;
	}
	.introducetitle {
    left: 400px;
    top: 343px;
    position: absolute;
    text-align: center;
    color: #FE8226;
    font-size: 24px;
    font-family: Inter;
    font-weight: 400;
    z-index: 2;
    word-wrap: break-word;
	margin-left: 0rem;	
}
.thirdcontent {
    width: 241px;
    height: auto;
    left: 325px;
    line-height: 1.8;
    top: 386px;
    position: absolute;
    text-align: center;
    color: black;
    font-size: 17px;
    font-family: Inter;
    font-style: italic;
    font-weight: 100;
    z-index: 2;
    word-wrap: break-word;
}
img#facephoto {
    width: 158px;
    height: 158px;
    left: 368.5px;
    top: 589px;
    position: absolute;
    border-radius: 9999px;
    z-index: 2;
}
.firstunderbar {
    width: 298px;
    height: 0px;
    left: 600px;
    top: 789px;
    position: absolute;
    transform: rotate(-180deg);
    transform-origin: 0 0;
    border: 1px black solid;
    z-index: 2;
}	
#thirdtitle {
    left: 396px;
    top: 787px;
    position: absolute;
    text-align: center;
    color: #fe8226;
    font-size: 24px;
    font-family: Inter;
    font-weight: 400;
    z-index: 2;
    word-wrap: break-word;
    border-left: 0px solid var(--cocoon-middle-thickness-color);
    border-right: 0px solid var(--cocoon-thin-color);
    border-top: 0px solid var(--cocoon-thin-color);
    border-bottom: 0px solid var(--cocoon-thin-color);
    margin-left: 0rem;
}	
#jobdescriptionflame1{
		display:contents;
	}
#jobdescriptionflame2{
		display:contents;
	}
#jobdescriptionflame3{
		display:contents;
	}
img#jobdescriptionflame1sm {
        display: inline-block;
	    max-width: 100%;
        width: 360px;
        height: auto;
        left: 284px;
        top: 842.27px;
        position: absolute;
}
img#jobdescriptionflame2sm {
	            display: inline-block;
	            max-width: 100%;
                width: 360px;
                height: auto;
                left: 284px;
                top: 1077.27px;
                position: absolute;
}	
img#jobdescriptionflame3sm {
       display: inline-block;
	    max-width: 100%;
        width: 360px;
        height: auto;
        left: 284px;
        top: 1312.27px;
        position: absolute;
	    z-index: 2;
}
img#subsidyimgforsm{
                display: inline-block;
                max-width: 100%;
                width: 335px;
                height: auto;
                left: 280px;
                top: 1529.27px;
                position: absolute;
                z-index: 2;
}	
.carpenterleft {
	   display:block;
	   width: 120px;
       height: 180px;
       left: 297px;
       background-image: url(https://keichanpaint-main.group/wp-content/uploads/2025/01/3-1.png);
       top: 865px;
       position: absolute;
}
.movingcenter{
	  display:block;
	   width: 120px;
       height: 180px;
       left: 297px;
       background-image: url(https://keichanpaint-main.group/wp-content/uploads/2025/01/2-3.png);
       top: 1090px;
       position: absolute;
}	   
.disporsalright{
	display:block;
	width: 120px;
	height: 180px;
	left: 297px;
	top: 1322px;
	position: absolute;
	background-image: url(http://keichanpaint-main.group/wp-content/uploads/2025/01/1-2.png);
	z-index:3;
}	
#lphead3 {
        width: 220px;
        height: 24px;
        left: 247px;
        top: 1021px;
        position: absolute;
        text-align: center;
        color: #000;
        font-size: 20px;
        font-family: Inter;
        font-weight: 600;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}
#movingtitle2 {
        z-index: 1;
        left: 320px;
        color: #000;
        top: 1258px;
        position: absolute;
        text-align: center color: #fff;
        font-size: 20px;
        font-family: Noto Sans;
        font-weight: 600;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}	
#disposaltitle3 {
        z-index: 4;
        left: 290px;
        top: 1491px;
        position: absolute;
        text-align: center;
        color: black;
        font-size: 20px;
        font-family: Noto Sans;
        font-weight: 600;
        word-wrap: break-word;
        border-left: 0px solid var(--cocoon-middle-thickness-color);
        border-right: 0px solid var(--cocoon-thin-color);
        border-top: 0px solid var(--cocoon-thin-color);
        border-bottom: 0px solid var(--cocoon-thin-color);
}	
.iconlpteinei {
        width: 26.5px;
        height: 24.145px;
        left: 338px;
        top: 1952px;
        position: absolute;
}	
.contentteinei {
        left: 365px;
        top: 1952px;
        position: absolute;
        color: #000;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlphourei {
        width: 26.5px;
        height: 24.145px;
        left: 462px;
        top: 1952px;
        position: absolute;
}
.contenthourei {
        left: 496px;
        top: 1952px;
        position: absolute;
        color: #000;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}
.iconlpanzen {
        width: 25.5px;
        height: 24.145px;
        left: 462px;
        top: 1989px;
        position: absolute;
}
.contentanzen {
        left: 496px;
        top: 1989px;
        position: absolute;
        color: #000;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}	
.iconlpkankixyou {
        width: 26.5px;
        height: 24.145px;
        left: 338px;
        top: 1989px;
        position: absolute;
}	
.contentkankixyou {
        left: 366px;
        top: 1989px;
        position: absolute;
        color: #000;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
}		
.iconlpjikan {
        width: 26.5px;
        height: 24.145px;
        left: 338px;
        top: 2026px;
        position: absolute;
}	
.contentjikan{
	    left: 366px;
        top: 2026px;
        position: absolute;
        color: #000;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        word-wrap: break-word;
	}		
.iconlpmeikakuna {
        width: 26.5px;
        height: 24.145px;
        left: 338px;
        top: 2063px;
	position: absolute;
}	
.contentmeikakua {
        left: 367px;
        top: 2063px;
        position: absolute;
        color: black;
        font-size: 16px;
        font-family: Noto Sans;
        font-weight: 400;
        width: 220px;
        word-wrap: break-word;
}
.secondunderbar{
		width: 298px;
        height: 0px;
        left: 600px;
        top: 2120px;
        position: absolute;
        transform: rotate(-180deg);
        transform-origin: 0 0;
        border: 1px black solid;
        z-index: 2;
	}	
.otherplatforminformation{
        width: 360px;
        height: 225px;
        left: 268px;
        top: 2145px;
        position: absolute;		
	}
	
article.tiktokcontent{
        left: 22rem;
        width: 100%;
        max-width: 16%;
        z-index: 1;
        position: absolute;
        top: 151rem;
        font-size: 10px;
}	
img.tiktok1 {
        width: 64px;
        height: 81px;
        left: 22.5rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 156.7rem;
}	
img.tiktok3 {
        width: 64px;
        height: 81px;
        left: 30.5rem;
        max-width: 100%;
        z-index: 1;
        position: absolute;
        top: 156.7rem;
}	
.tiktokgroup {
        max-width: 100%;
        min-width: auto;
        width: auto;
        height: auto;
        position: static;
}	
article.tiktokcontent1{
        left: 22rem;
        width: 100%;
        max-width: 16%;
        z-index: 1;
        position: absolute;
        top: 161.6rem;
        font-size: 10px;
}		
.ylttiktokbg {
        width: 360px;
        height: 238px;
        left: 273px;
        top: 2369px;
        position: absolute;
}	
.accesarypiece {
        opacity: .7;
        position: absolute;
        width: 360px;
        height: auto;
        left: 320px;
        top: 2617px;
        left: 273px;
        top: 2353px;
}	
/************************************
** スマホ画面で非表示用　コード
************************************/		
.jobsniped1,.jobsniped2,.jobsniped3 {
        margin-left: 17em;
        display: inline;
}
img.tiktok2 {
        width: 64px;
        height: 81px;
        left: 30.5rem;
        max-width: 100%;
        display:contents;
        top: 156.7rem;
}
  
        .ctacontainer {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 20px;
        }
        .ctacontainer img {
            width: 100%;
            max-width: 300px;
            background-color: rgba(173, 216, 230, 0.2); /* 薄い青色の背景 */
            border-radius: 8px;
            padding: 10px;
        }
        .cta3 {
            flex: 1;
        }
        .cta3 ul {
            list-style: none;
            padding: 0;
        }
        .cta3 li {
            margin-bottom: 10px;
        }
        .cta3 .marker-under {
            font-weight: bold;
            text-decoration: underline;
        }

        @media (max-width: 768px) {
            .ctacontainer {
                flex-direction: column;
                text-align: center;
            }
/************************************
** 目次 360px 不具合解消
************************************/
.toc {
  border: 1px solid var(--cocoon-basic-border-color);
  font-size: 0.9em;
  padding: 1em 1.6em;
  display: table;
}
.toc .toc-list {
  padding-left: 1em;
}
.toc .toc-list ul, .toc .toc-list ol {
  padding-left: 1em;
  margin: 0;
}
.toc li {
  margin: 0;
}
.toc ul {
  list-style: none;
}
.toc a {
  color: var(--cocoon-text-color);
  text-decoration: none;
}
.toc a:hover {
  text-decoration: underline;
}

.toc-title {
  font-size: 1.1em;
  text-align: center;
  display: block;
  padding: 2px 16px;
}

.nwa .toc {
  border: 0;
  padding: 0 1em;
}

.tnt-none .toc-list,
.tnt-number-detail .toc-list {
  padding-left: 0;
}

/************************************
** h2-h6の見出し目次に連番を振る
************************************/
.toc.tnt-number-detail ol {
  list-style: none;
  counter-reset: toc;
}
.toc.tnt-number-detail ol li:before {
  margin-right: 6px;
  counter-increment: toc;
  content: counters(toc, ".") ".";
}

.tnt-disc ol {
  list-style-type: disc;
}

.tnt-circle ol {
  list-style-type: circle;
}

.tnt-square ol {
  list-style-type: square;
}

.toc-center {
  margin: 1em auto;
}

        }
   
/****2025.12追加 
****/
	
        /* 非アクティブ時のスタイル */
        .policy-inactive {
            opacity: 0.4;
            transform: scale(0.9);
            filter: grayscale(100%);
            border-color: #e2e8f0 !important;
            box-shadow: none !important;
            z-index: 1;
        }
        /* アクティブ時のスタイル */
        .policy-active {
            opacity: 1 !important;
            transform: scale(1.05) !important;
            filter: grayscale(0%) !important;
            border-color: #0284c7 !important;
            border-width: 2px !important;
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
            z-index: 2;
        }
        /* 矢印の回転 */
        #toggle-policy span {
            display: inline-block;
            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        #toggle-policy.rotated span {
            transform: rotate(180deg);
        }
    /* 2025年末ページ */	
.frame {
  background-color: #ffffff;
  width: 100%;
  min-width: 888px;
  min-height: 347px;
  position: relative;
}

.frame .rectangle {
  left: 46px;
  box-shadow: 0px 4px 4px #00000040, 4px 4px 4px #49dba382;
  position: absolute;
  top: 53px;
  width: 318px;
  height: 256px;
  background-color: #d9d9d9;
}

.frame .div {
  left: 513px;
  box-shadow: 4px 4px 4px #2a3cc780;
  position: absolute;
  top: 53px;
  width: 318px;
  height: 256px;
  background-color: #d9d9d9;
}

.frame .text-wrapper {
  top: 18px;
  left: calc(50.00% - 100px);
  font-family: "Noto Sans-Black", Helvetica;
  font-weight: 900;
  color: #000000;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-2 {
  top: 204px;
  left: 102px;
  font-family: "Noto Sans-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .ellipse {
  position: absolute;
  top: 146px;
  left: 409px;
  width: 60px;
  height: 70px;
  background-color: #1db4f5;
  border-radius: 30px / 35px;
}

.frame .polygon {
  position: absolute;
  top: 161px;
  left: 428px;
  width: 34px;
  height: 40px;
}

.frame .text-wrapper-3 {
  top: 204px;
  left: 559px;
  font-family: "Noto Sans-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-4 {
  top: 167px;
  left: 599px;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  color: #0d88bd;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-5 {
  top: 167px;
  left: 135px;
  font-family: "Noto Sans-Bold", Helvetica;
  font-weight: 700;
  color: #0d88bd;
  position: absolute;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}
	
/* けいちゃんペイント 愛と根性の 従業員募集 26年１版のコード*/
/* タイトル　けいちゃんペイント 愛と根性の 従業員募集 */	
#flame{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
gap: 10px;
position: relative;
width: 100%;
height: 4000px;
background: rgba(232, 227, 211, 0.33);
}
/* Section 1 */
.section1{
        box-sizing: border-box;
        position: relative;
        height: 500px;
        width: 784px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
}
/* keipeint 1 */
.firstheader {
        position: absolute;
        width: 784px;
        height: 500px;
        left: 8px;
        top: 1px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keipeint-e1767425270550.png);
}
/* けいちゃんペイント 愛と根性の 従業員募集 */
.Lptitle {
        position: absolute;
        width: 816px;
        height: 120px;
        left: 31px;
        top: 14px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 36px;
        line-height: 40px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #0B0B0B;
}	
.menu1{
        position: absolute;
        width: 160px;
        height: 68px;
        left: 69px;
        top: 416px;
        background-color: #fff;
}
.menu2{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 229px;
        top: 416px;
        background-color: #fff;
}
.menu3{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 389px;
        top: 416px;
        background-color: #fff;
}
.menu4{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 549px;
        top: 416px;
        background-color: #fff;
}
li.menu1, li.menu2,li.menu3,li.menu4 {
    border:.4px solid #333; 
    padding:10px;             /* 枠内の余白 */
    padding-top:7px;
    border-radius:5px;        /* 角を少し丸くする */
    background-color:#fff;    /* 背景を白にして読みやすく */
    list-style: none;
 }
.menu1 a,.menu2 a,.menu3 a,.menu4 a {
       text-align: center;
        display: block;
        padding: 15px 20px;
        text-decoration: none;
        font-size: 14px;
        color: #000;
}
/*section1終了*/
/*section2*/
#section2{
        box-sizing: border-box;
        position: relative;
        top: 26rem;
        right: .1rem;
        width: 784px;
        height: 500px;
        background: #FFFFFF;
        border-radius: 2px;
}
.content1{
        word-break: auto-phrase;
        text-align: left;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 2rem;
        top: auto;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 52px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #000000;
}
/*section2終了*/
/*section3*/
#section3{
position: absolute;
width: 784px;
height: 500px;
top: 66rem;
background-size: 1250px 843px;
background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/kei3tail.png)center / 936px 632px no-repeat ;
}
/*section3終了*/
/*section4*/
#section4{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        top: 32rem;
}
.content2 {
        word-break: auto-phrase;
        text-align: left;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 2rem;
        top: auto;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 52px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #227ada;}
/*section4終了*/
/*section5*/
#section5{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/commute.png) top / 800px     540px no-repeat;
}
/*section5終了*/
/*section6*/
#section6{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/inquire.png) center / 800px     540px no-repeat;
}
/*section6終了*/
/*section7*/
#section7{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/19.png) center / 800px     540px no-repeat;
}
/*section7終了*/
/*section8*/
#section8{
        margin-top: 33rem;
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 250px;
        background: #f1f0e9;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
}
.mailbox1 {
        position: absolute;
        width: 364px;
        height: 206px;
        left: 21px;
        top: 22px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keichanpaintmenu-e1767436360656.png) top / 320px 148px no-repeat;
}
.snsbox1{
       position: absolute;
        width: 364px;
        height: 206px;
        left: 25rem;
        top: 22px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keichanpaintmenu-1-e1767436466753.png) top / 320px 148px no-repeat;
}
.post1{}
.sure1{}	
/*section8終了*/	
 /* apple 及び　360px スマホ用コードはじめ*/	
@media only screen and (max-width: 360px) {
#flame{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
gap: 10px;
position: relative;
width: 100%;
height: 4000px;
background: rgba(232, 227, 211, 0.33);
}
/* Section 1 */
.section1{
        box-sizing: border-box;
        position: relative;
        height: 500px;
        width: 784px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
}
/* keipeint 1 */
.firstheader {
        position: absolute;
        width: 784px;
        height: 500px;
        left: 8px;
        top: 1px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keipeint-e1767425270550.png);
}
/* けいちゃんペイント 愛と根性の 従業員募集 */
.Lptitle {
        position: absolute;
        width: 100%;
        height: 120px;
        left: 19px;
        top: 14px;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 40px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #0B0B0B;
}
.menu1{
        position: absolute;
        width: 160px;
        height: 68px;
        left: 69px;
        top: 416px;
        background-color: #fff;
}
.menu2{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 229px;
        top: 416px;
        background-color: #ff0000;
}
.menu3{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 389px;
        top: 416px;
        background-color: #fff;
}
.menu4{
       position: absolute;
        width: 160px;
        height: 68px;
        left: 549px;
        top: 416px;
        background-color: #fff;
}
li.menu1, li.menu2,li.menu3,li.menu4 {
    border:.4px solid #333; 
    padding:10px;             /* 枠内の余白 */
    padding-top:7px;
    border-radius:5px;        /* 角を少し丸くする */
    background-color:#fff;    /* 背景を白にして読みやすく */
    list-style: none;
 }
.menu1 a,.menu2 a,.menu3 a,.menu4 a {
       text-align: center;
        display: block;
        padding: 15px 20px;
        text-decoration: none;
        font-size: 14px;
        color: #000;
}
/*section1終了*/
/*section2*/
#section2{
        box-sizing: border-box;
        position: relative;
        top: 26rem;
        right: .1rem;
        width: 784px;
        height: 500px;
        background: #FFFFFF;
        border-radius: 2px;
}
.content1{
        word-break: auto-phrase;
        text-align: left;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 2rem;
        top: auto;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 52px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #000000;
}
/*section2終了*/
/*section3*/
#section3{
position: absolute;
width: 784px;
height: 500px;
top: 66rem;
background-size: 1250px 843px;
background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/kei3tail.png)center / 936px 632px no-repeat ;
}
/*section3終了*/
/*section4*/
#section4{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        top: 32rem;
}
.content2 {
        word-break: auto-phrase;
        text-align: left;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 2rem;
        top: auto;
        font-family: 'Inter';
        font-style: normal;
        font-weight: 700;
        font-size: 32px;
        line-height: 52px;
        display: flex;
        align-items: center;
        letter-spacing: -0.02em;
        color: #227ada;}
/*section4終了*/
/*section5*/
#section5{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/commute.png) top / 800px     540px no-repeat;
}
/*section5終了*/
/*section6*/
#section6{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/inquire.png) center / 800px     540px no-repeat;
}
/*section6終了*/
/*section7*/
#section7{
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 500px;
        left: 0px;
        top: 508px;
        background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.0007) 0.48%, rgba(232, 227, 211, 0.07) 86.06%);
        border: 1px solid #000000;
        border-radius: 2px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/19.png) center / 800px  540px no-repeat;
}
/*section7終了*/
/*section8*/
#section8{
        margin-top: 33rem;
        box-sizing: border-box;
        position: relative;
        width: 784px;
        height: 250px;
        background: #f1f0e9;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
}
.mailbox1 {
        position: absolute;
        width: 364px;
        height: 206px;
        left: 21px;
        top: 22px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keichanpaintmenu-e1767436360656.png) top / 320px 148px no-repeat;
}
.snsbox1{
       position: absolute;
        width: 364px;
        height: 206px;
        left: 25rem;
        top: 22px;
        background: url(https://keichanpaint-main.group/wp-content/uploads/2026/01/keichanpaintmenu-1-e1767436466753.png) top / 320px 148px no-repeat;
}

/*section8終了*/	  
}
 /* apple 及び　360px スマホ用コード終わり*/