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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1125px以下始まり*/
@media screen and (max-width: 1125px){
  /*必要ならばここにコードを書く*/
	.cover_div {
		padding-left: 6% !important;
	}

	
	
}/*1125px以下終わり*/




/*1050px以下始まり*/
@media screen and (max-width: 1050px){
  /*必要ならばここにコードを書く*/
	.cover_div {
		min-height: 700px !important;
	}
	/*.cover_h1 {
		font-size:23px !important; 
	}
	.fz-36px {
    font-size: 43px !important;
	}*/
	
	
}/*1050px以下終わり*/


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

	
	
}/*1023px以下終わり*/




/*910px以下始まり*/
/* @media screen and (max-width: 910px){ */
  /*必要ならばここにコードを書く*/
/* 	.cover_div {
		min-height: 680px !important;
	}
	.cover_h1 {
		padding-left: 23% !important;
	} */
	
	/*.cover_h1 {
		font-size:23px !important; 
	}
	.fz-36px {
    font-size: 43px !important;
	}
	
	
}*/
/*910px以下終わり*/





/*834px以下始まり-------------------------------------*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

	div#accept_inquiry div:first-of-type {
		width: 100%;
	}
	#intimacy_div p {
    	font-size: 17px !important;
	}
	div#talk_group_text p {
		padding: 3%;
	}
	#problem_div {
		font-size: 16px !important;
	}

	#problem_image {
		width: 50% !important;
	}
	#sec5 figure img{
		width: 70% !important;
	}
	#skilled_sentence {
		width:100%;
		padding-left: 3%!important;
	}
	#sec5 figure img {
        width: 100% !important;
    }
	.deco_text strong {
		font-size: 30px;
	}
	/*文字の上の点の調整*/
	.deco_text {
		font-size: 30px !important;
		padding-top: 7% !important;
		background-image: radial-gradient(circle at center, #786267 20%, transparent 26%) !important;
	}
	
	/*ハンドル二つの画像と背景のdivの幅指定*/
	#handles_div {
		width: 50%;
	}

	#intimacy_text_group {
		font-size: 14px !important;
	}
	/*幅50%*/
	.adjustment_half {
		width: 50%;
	}
	.p_stg {
		font-size: 33px !important;
		font-weight: bold !important;
	}
	
	#intimacy_div {
		padding-left: 0	!important;

	}
	.intimacy_stg1 {
		font-size: 25px !important;
	}
	.intimacy_stg2 {
		font-size: 22px !important;
	}
	.square2 {
		flex: 0 0 32%;
	}
	#intimacy_p_text {
		flex: 0 0 68%;
/*		font-size: 20px !important;
	    padding-bottom: 10% !important;
		padding-left: 5% !important; */
	}
	
	#intimacy_div {
		margin-top: 5% !important;
    	margin-bottom: 2% !important;
	}
	
	#essence_text_group {
		padding-top: 15%;
        padding-left: 4%;
        padding-bottom: 6%;
	}
	
	#essence_text_item {
		font-size: 20px !important;
		line-height: 2em !important;
	}

	#essence_text_span {
		font-size: 23px;
	}
	#essence_p_middle_row {
		font-size: 20px !important;
		margin-bottom: 2%;
	}
	#essence_p_bottom_row {
		font-size: 20px !important;
	}
	div.flex_item_div {
		width: 40%;
	}
	/*円アイテム4並びのセクション（解決策）*/
	/*#solution_sentence {
		font-size: 30px !important;
	}*/
	.solution_stg {
		font-size: 35px !important;
	}
	#skilled_sentence {
		font-size: 25px !important;
		padding-right: 4% !important;
	}
	.solution_stg2 {
		font-size: 25px !important;
	}
	.text_point {
		font-size: 25px !important;
	}

	/*余白削除*/
	main.main, div.sidebar{
		padding: 0px !important;
	}

	/*lineボタン*/	
	h2.wp-block-heading.has-cocoon-white-color {
		font-size: 23px !important;
	}
	.wp-container-core-group-is-layout-c6ed7ff9 .line_div1 {
		width: 100% !important;
	}
	
	/*カバー画像以下のlineボタン*/
	.line_div2,
	.line_div3{
		width: 100% !important;
	}

	/*core essense 鉛筆背景*/
	.core_essence{
		width:-webkit-fill-available !important;
		padding: 0 !important;
		height: 100% !important; /*追加*/
	}
	
	
	/*円の部分*/
	.flexbox_list{
		flex-wrap:wrap !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.is-layout-flex {
		gap: 0.5rem;
	}

	.wp-block-group.flexbox_list.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1b935189.wp-block-group-is-layout-flex{
		justify-content: center;
	}
	
	
	/*アーチ文字*/
	#text_arch{
		font-size: 25px !important;
	}

	span.char10,
	span.char11,
	span.char12,
	span.char13{
		font-size:38px !important;	
		font-weight:bold !important;	
	}

	#accept_inquiry  {
		display: flex;
		flex-direction:column-reverse;
		align-items: center;
	}
	
	/* #offer部分 (今ならLINEからの登録で～のブロック)*/
	#offer {
		width:auto !important;
	}
	#offer .flex_part{
		justify-content: center;
	}

	#offer .image_box{
		width:auto !important;
	}

	#offer .text_group{
		width: 80% !important;
	}

	.text_group ul {
		padding-left: 20% !important;
		margin-right: -4% !important;
	}

	.text_group p {
		font-size: 21px;
		margin-bottom: 15px;
	}
	
	/*矢印リンク*/
	#arrow_link{
		width: 500px !important;
		font-size: 21px;
		margin: 3% 0 9% !important;
	}
	.arrow::before {
		content: '';
		height: 50px;
		border-top: solid 2px #786469;
		border-right: solid 2px #786469;
		position: absolute;
		left: -11px !important;
		top: -18px !important;
	}

	.circle_alignment {
		padding: 15% 0 !important;
		font-size: 20px;
	}
	#circle_strong {
		font-size: 24px !important;
	}
	
	/*LINEキャンペーン*/
	#futidori_text_green {
		font-size: 31px !important;
	}
	#campaign_text_size_50 {
		font-size: 44px !important;
	}
	
	#campaign_text_size_items {
		font-size: 23px;
	}
	
	#campaign_right_block {
		font-size: 22px !important;

	}

	#campaign_text_size {
		font-size: 46px !important;
	}

	##arrow_link {
		padding: 5% 6% 5% 5%;
		margin: 3% 0 9%;
	}
	/*吹き出し会話*/
	#talk_group_text {
		font-size: 18px;
	}

	.speech_bubble {
		font-size: 16px !important;
		/*padding-left: 6% !important;
		padding-right: 6% !important;
		*/margin-right: 4% !important;
		width: 58%;
	}
	
	#speech_bubble_middle {
		margin-left: 6%;
	}

	#narrow_down_sentense_top {
		font-size: 25px !important;
	}

	#narrow_down_sentense_bottom {
		font-size: 18px !important;
	}

	#action_sentense {
		font-size: 18px !important;
	}
	
	/*LINEバナー*/
	.line_sentence {
		font-size: 29px !important;
	}
	
	.cover_div {
		min-height: 477px !important;
	}
	.cover_h1 {
		font-size:25px !important; 
		padding-left: 18% !important;
	}
	.fz-36px {
		font-size: 45px !important;
	}
	.section_mgn {
		margin-bottom: 0 !important;
	}
	#sec1 h2 {
	    font-size: 20px !important;
		padding: 3%;
	}

}
/*834px以下終わり---------------------------------------------------*/




/*--------------------------------------------------------------------*/
/*760px以下*/
/*円４つの調整*/

/* @media screen and (max-width: 760px) {*/
/*
#arrow_link::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 12px);
    background: #55670F;
    border: 3px solid #55670F;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%) !important;
    z-index: -1;
    border-radius: 2px;
}


#arrow_link {
    position: relative;
    color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
}

.arrow::before {
        content: '';
        width: 58px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -15px !important;
        top: -20px !important;
    }

.arrow::before {
    content: '';
    width: 50px;
    height: 55px;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
}


.arrow.arrow-right::before {
    transform: rotate(45deg);
}





}
*/



/*微調整用*/

/*763px以下*/
/* @media screen and (max-width: 764px){ */

/*円の大きさ調整*/
/* 	.flex_item_div{
/* 		width: 250px !important;
		height: 250px !important;
	}
	
	#handles_flex_bottom {
		overflow: hidden;
    	height: auto;
	} */
	
/* 	    p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 28px !important;
    }
	.line_sentence {
	font-size: 28px !important;; 
}
	
	    #intimacy_p_text {
        flex: 0 0 68%;
        font-size: 20px !important;
    }
	
	
}

 */

/*--------------------------------------------------------------------*/
/*700px以下*/
/* @media screen and (max-width: 700px) {
        .cover_div {
        min-height: 417px !important;
    }
	 .cover_h1 {
		font-size:23px !important; 
		padding-left: 20% !important;
	}
	.fz-36px {
    font-size: 39px !important;
	} */
	
	/*.arrow::before {
        content: '';
        width: 57px !important;
        height: 50px !important;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -13px !important;
        top: -20px !important;
    }
	
	.arrow::before {
    content: '';
    width: 50px !important;
    height: 55px !important;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
	}
	
	/*div#arrow_items#arrow_link */
/*     position: relative;
/*     color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
	}
	
	#arrow_link::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 12px);
    background: #55670F;
    border: 3px solid #55670F;
    clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%) !important;
    z-index: -1;
    border-radius: 2px;
	}*/
	
	
/* 	.line_sentence {
    font-size: 24px !important;
	}
	
    p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 24px !important;
    }
	
	#arrow_link {
    position: relative;
    color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
}
	#arrow_link {
		font-size: 18px !important;
	}
	    .arrow::before {
        content: '';
        width: 47px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -2px !important;
        top: -21px !important;
    }
	
	.arrow::before {
    content: '';
    width: 50px;
    height: 47px !important;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
}
	#intimacy_p_text {
        font-size: 18px !important;
        padding-bottom: 8% !important;
        padding-left: 6% !important;
    }
	
}/*700px以下終わり---------------------------------------------------*/ 


/* 
@media screen and (max-width: 695px){	
a.arrow.arrow-right::before {
        content: '';
        width: 54px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -9px !important;
        top: -22px !important;
    }

a.arrow.arrow-right::before {
        content: '';
        width: 50px!important;
		height: 56px !important;
	}

    .h2_stg {
        font-size: 26px !important;
    }


}
 */





/*微調整用*/

/*690px以下*/
/* @media screen and (max-width: 690px){
	.deco_text strong {
		font-size: 33px;
	} */
	/*文字の上の点の調整*/
/* 	.deco_text {
		font-size: 33px !important;
		padding-top: 7% !important;
		background-image: radial-gradient(circle at center, #786267 20%, transparent 26%) !important;
	}
	.speech_bubble {
        font-size: 14px !important;
        padding-left: 6% !important;
        padding-right: 6% !important;
        margin-right: 4% !important;
        width: 58%;
    }
	
	 span.char10, span.char11, span.char12, span.char13 {
        font-size: 29px !important;
        font-weight: bold !important;
    }
	#text_arch {
        font-size: 21px !important;
    }
	.top_h2_text_size {
		font-size: 23px !important;
	}
	h2.wp-block-heading.has-cocoon-white-color {
        font-size: 19px !important;
    }
	.h2_stg {
    font-size: 28px !important;
}
	    .intimacy_stg2 {
        font-size: 18px !important;
    }
	    #intimacy_p_text {
        font-size: 16px !important;
        padding-bottom: 8% !important;
        padding-left: 8% !important;
    }
	    #intimacy_div {
        margin-top: 1% !important;
        margin-bottom: 2% !important;
    }
	
	    #intimacy_text_group {
        font-size: 14px !important;
    }
	
	    .p_stg {
        font-size: 31px !important;
        font-weight: bold !important;
    }
	
	    .intimacy_stg1 {
        font-size: 25px !important;
    }
	
	    .circle_alignment {
        padding: 15% 0 !important;
        font-size: 18px;
    }
	
	    #circle_strong {
        font-size: 18px !important;
    }
	
	
	#essence_text_item {
        font-size: 18px !important;
        line-height: 2em !important;
    }
	
	    #essence_p_middle_row {
        font-size: 18px !important;
        margin-bottom: 2%;
    }
	
	    #essence_text_span {
        font-size: 23px;
    }
	
	    #essence_p_bottom_row {
        font-size: 18px !important;
    }
	
	#problem_div {
        font-size: 16px !important;
    }
	
	    .deco_text strong {
        font-size: 30px;
    }
	
	.deco_text {
        font-size: 30px !important;
        padding-top: 7% !important;
        background-image: radial-gradient(circle at center, #786267 20%, transparent 26%) !important;
    }
	
	.line_icon_size {
    width: 14% !important;
}
	
	
} 
/* 690px以下終わり */

/* 655px以下始まり*/
/* @media screen and (max-width: 655px){
	    #narrow_down_sentense_top {
        font-size: 20px !important;
    }
	    #narrow_down_sentense_bottom {
        font-size: 16px !important;
    }
	
	
} */
/* 655px以下終わり */



/* 634始まり */
/* @media screen and (max-width: 634px){
	#arrow_link {
    position: relative;
    color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
}
	
	    .arrow::before {
        content: '';
        width: 47px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: 3px !important;
        top: -24px !important;
    }
	
	.arrow::before {
    content: '';
    width: 50px;
    height: 47px !important;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
}
}
 */
/*630px以下始まり-----------------------------*/

/* @media screen and (max-width: 630px){
	.arrow_icon_size {
		width: 67px　!important;
	}
	
	p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 22px !important;
    }

.line_icon_size {
    width: 84px;
}
	.line_sentence {
	font-size: 22px !important;; 
}
	
	.text_point {
		background-image: radial-gradient(circle at center, #55680f 20%, transparent 25%);
	}
	
	    #skilled_sentence {
        font-size: 23px !important;
        padding-right: 2% !important;
    }
	    .solution_stg2 {
        font-size: 23px !important;
    }
	#arrow_link {
		font-size: 17px !important;
	}
	
	
	
} */
/*630終わり------------------------------------*/


/*610px以下始まり-----------------------------*/

/* @media screen and (max-width: 610px){
	p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 20px !important;
    }
	.line_sentence {
	font-size: 20px !important;; 
}
	    .circle_alignment {
        padding: 15% 0 !important;
        font-size: 16px;
    }
	    #problem_div {
        font-size: 14px !important;
    }
	
} */
/*610終わり------------------------------------*/





 

/*600px以下始まり----------------------------------*/
@media screen and (max-width: 600px){
	div#line_items_div, div#line_div_vertical_center1 {
		width: 96%;
		left: 2%;
	}
	#skilled_sentence {
        width: 120%;
    }
	figure.adjustment_half{
        width: 80%;
    }
	.text_group ul {
        padding-left: 10% !important;
    }
	strong.h2_stg {
		font-size: 25px;
	}
	#sec1 h2 {
        font-size: 16px !important;
        padding-top: 6%;
        padding-bottom: 6%;
    }
	#talk_group_text img {
		width: 150px !important;
	}
	#problem_image {
        width: 40% !important;
    }
	.cover_div {
		min-height: 384px !important;
	}
	.cover_h1 {
		font-size:20px !important; 
		padding-left: 21% !important;
	}
	
	.fz-36px {
		font-size: 36px !important;
	}
	#special_word {
		font-size: 36px !important;
	}	
	#arrow_items {
		padding-left: 20px !important;
	}

	#arrow_link{
		font-size:16px !important;
	}	
	.arrow{
		left: -10% !important;		
	}

	
	/*円の大きさ調整*/
	.flex_item_div{
		width: 220px !important;
		height: 220px !important;
	}

	#problem_div {
		font-size: 14px !important;
	}
	.adjustment_half,#intimacy_text_group {
        width: 100%;
    }
	#intimacy_div,p#intimacy_text_group {
        padding-left: 10% !important;
    }
	#handles_div {
        width: 100%;
    }
	#deco_strong {
		font-size: 28px;
	}
	#sec2_block1{
		display: block;
	}
	#sec2_block2{
		display: block;
	}
	#intimacy_text_group {
    	padding-left: 0.3rem !important;
	}
	#img1 img {
		width: 100% !important;
	}
	.square_cover1 {
		width: 107%;
	}
	.square_cover1 img{
    	width: 500px !important;
	}
	#intimacy_div {
        margin-top: 20% !important;
    }
	.intimacy_stg1 {
		font-size: 24px !important;
	}
	.top_h2_text_size {
		font-size: 20px !important;
	}

	.speech_bubble {
		font-size: 12px !important;
		/*padding-left: 6% !important;
		padding-right: 6% !important;
		*/margin-right: 4% !important;
		width: 58%;
	}
	.p_stg {
		font-size: 29px !important;
		font-weight: bold !important;
	}
	.intimacy_stg1 {
		font-size: 23px !important;
	}
	.intimacy_stg2 {
		font-size: 16px !important;
	}
	#intimacy_p_text {
		font-size: 14px !important;
		padding-bottom: 7% !important;
		padding-left: 7% !important;
	}

	.line_sentence {
		font-size: 19px !important;
	}

	#essence_text_item {
		font-size: 16px !important;
		line-height: 2em !important;
	}
	

	#essence_text_span {
		font-size: 19px;
	}

	#essence_p_middle_row {
		font-size: 16px !important;
		margin-bottom: 2%;
	}

	#essence_p_bottom_row {
		font-size: 16px !important;
	}

	#solution_sentence {
		font-size: 23px !important;
	}

	.solution_stg {
		font-size: 26px !important;
	}
	
	#skilled_sentence {
		font-size: 23px !important;
	}

	.text_point {
		font-size: 23px !important;
	}

	

	#gold_text {
		padding: 10px;
		font-size: 33px !important;
		text-align: center;
		letter-spacing: 0.2em;
		animation: flashing 1.5s ease-in-out infinite alternate;
		line-height: 1.5em;
		font-weight: bold;
		color: transparent;
		background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
		-webkit-background-clip: text;
	}

	h2.wp-block-heading.has-cocoon-white-color {
		font-size: 16px !important;
	}
	#pointimg {
		width: 100px;
	}

	#narrow_down_sentense_top {
		font-size: 19px !important;
	}

	#action_sentense {
		font-size: 15px !important;
	}
	#arrow_link {
		position: relative;
		color: white;
		background-color: #786469;
		clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
		display: block;
		padding: 20px;
		margin: 50px 0;
		text-align: center;
		z-index: 1;
		overflow: visible;
		width: 70%;
	}
	
	.arrow::before {
		content: '';
		width: 47px !important;
		height: 50px;
		border-top: solid 2px #786469;
		border-right: solid 2px #786469;
		position: absolute;
		left: 3px !important;
		top: -24px !important;
	}
	
	.arrow::before {
		content: '';
		width: 50px;
		height: 47px !important;
		border-top: solid 2px #786469;
		border-right: solid 2px #786469;
		position: absolute;
		left: -11px;
		top: 11px;
	}
	

	#action_text_1 {
		font-size: 17px !important;
	}
	#futidori_text_green {
		font-size: 23px !important;
	}

	#campaign_text_size_50 {
		font-size: 36px !important;
	}
	
	#campaign_text_size_items {
        font-size: 16px;
    }
	#campaign_right_block {
        font-size: 17px !important;
    }
	#campaign_text_size {
		font-size: 38px !important;
	}

	#middle_arrow_icon {
		width: 61px;
	}


	.text_point {
		font-size: 21px !important;
	}
	#skilled_sentence {
		font-size: 20px !important;
	}
	.text_point {
		background-image: radial-gradient(circle at center, #55680f 24%, transparent 29%) !important;
		background-position: top right;
		background-repeat: repeat-x;
		background-size: 1em 0.4em;
		padding-top: 0.4em;
	}
	#text_arch {
		font-size: 18px !important;
	}

	span.char10, span.char11, span.char12, span.char13 {
		font-size: 24px !important;
		font-weight: bold !important;
	}

	.line_icon_size {
		width: 87px !important;
	}
	p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
		font-size: 20px !important;
	}
	
	.arrow_icon_size {
		width: 67px !important;
	}
	.arrow_icon_size {
		width: 13% !important;
	}
	
	.line_icon_size {
		width: 15% !important;
	}
	
}/*600px以下終わり*/


/* @media screen and (max-width: 579px){
    #arrow_link {
        font-size: 15px !important;
    }
	.arrow::before {
		        top: -27px !important;
	}
	
}


@media screen and (max-width: 570px){

    #deco_strong {
        font-size: 26px !important;
    }
	
	    #problem_div {
        font-size: 12px !important;
    }
#arrow_link {
        width: 75% !important;
        font-size: 21px; */
        /* padding: 5% 6% 5% 5%; */
/*         margin: 4% 0 9% !important;
    }
	
	    
        	.arrow::before {
        content: '';
        width: 50px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -3px !important;
	    top: -22px !important;
	}
			
	.arrow::before {
        content: '';
        width: 50px;
        height: 47px !important;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -11px;
        top: 11px;
    }
	
	
	
	
	
	
} */

/*560px以下始まり--------------------------------------*/
/* @media screen and (max-width: 560px){

	.arrow_icon_size {
        width: 13% !important;
    }
	
	    .line_icon_size {
        width: 15% !important;
    }
	
	    p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 18px !important;
    }
	
	.line_sentence {
	font-size: 18px !important;; 
}
	#footer_div {
		font-size: 14px;
	}
	
} */
/*560px以下終わり------------------------------------*/
/* @media screen and (max-width: 550px){
#arrow_link {
        font-size: 14px !important;
	}
} */

/*545px以下始まり*/
/* @media screen and (max-width: 545px){
    .circle_alignment {
        padding: 15% 0 !important;
        font-size: 14px;
    }
	
	    #deco_strong {
        font-size: 24px !important;
    }
	
	.deco_text strong {
    padding-right: .3em;
}
	
	.arrow::before {
        content: '';
        width: 50px;
        height: 45px !important;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -11px;
        top: 11px;
    }
	    .arrow::before {
        content: '';
        width: 48px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -3px !important;
        top: -22px !important;
    }
	
} */
/* 545px以下終わり */



/*530px以下*/
/* @media screen and (max-width: 530px){
/*     .top_h2_text_size { */
/*         font-size: 16px !important;
    }
	
	    #essence_text_span {
        font-size: 18px;
    }
	    #essence_text_item {
        font-size: 15px !important;
        line-height: 2em !important;
    }
	.solution_stg2 {
        font-size: 19px !important;
    }
	    #essence_p_middle_row {
        font-size: 15px !important;
        margin-bottom: 2%;
    }
	#essence_p_bottom_row {
        font-size: 15px !important;
    }
	
	#footer_div {
		font-size: 12px;
	}
	
}  */
/*515px以下*/
/* @media screen and (max-width: 515px){
    #essence_text_item {
        font-size: 14px !important;
        line-height: 2em !important;
    }
	#essence_p_middle_row {
        font-size: 14px !important;
        margin-bottom: 2%;
    }
	    #essence_p_bottom_row {
        font-size: 14px !important;
    }
	    #deco_strong {
        font-size: 22px !important;
    }
	.deco_text {
			font-size: 26px !important;
	}
	    #problem_div {
        font-size: 12px !important;
			padding-right: 4% !important; */
/*         padding-right: 7% !important;
        margin-left: 2% !important; */
/*     }
	.deco_text strong {
    padding-right: .5em;
}
	    .arrow::before {
        content: '';
        width: 48px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -3px !important;
        top: -24px !important;
    }
	
} */

/*500px以下*/
/* @media screen and (max-width: 500px){
    #intimacy_p_text {
        font-size: 14px !important;
        padding-bottom: 7% !important;
        padding-left: 4% !important;
    }
	
		    .h2_stg {
        font-size: 23px !important;
    }
	#problem_h2_sentence {
		font-size: 16px !important;
	}
	
	
	
}
 */
/* @media screen and (max-width: 489px){
    .h2_stg {
        font-size: 23px !important;
    }
	    .solution_stg2 {
        font-size: 18px !important;
    }
}

 */




/*480px以下*/
@media screen and (max-width: 480px){
	#talk_group_text img {
        width: 100px !important;
    }
	.cover_div {
		min-height: 345px !important;
	}
	
	.cover_h1 {
		font-size:18px !important; 
		padding-left: 24% !important;
	}

	#special_word {
		font-size: 31px !important;
	}

	/*lineボタンのテキストサイズ*/
	p.has-text-align-center#line_sentence.has-cocoon-white-color.has-text-color.has-link-color.wp-elements-0345299fb437e837ebdc782665e570fe
	{
		font-size: 16px !important;
	}
	
	
	/*円の調整*/	
	.flex_item_div{
		width: 180px !important;
		height: 180px !important;
	}	

	
	/*まだほんの一部の段を一列に（カバー画像背景）*/
	#problem_image{
		display: none;
	}

	#problem_div.wp-block-group {
		background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/man_03.png);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		width: 100%;
		background-color: rgba(255,255,255,0.4);
		background-blend-mode: lighten;
		padding: 1.5em 1.1em 1.5em 1.9em !important;
	}
	
	
	
	/*もういっそ自分で作れたらいいのにを一列に (カバー画像背景)*/
	div.wp-block-group.is-content-justification-space-between.is-nowrap{
		background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/man_01-e1744968996630.png);
		background-size: cover;
		background-position: 0px -25px;
		background-repeat: no-repeat;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.4);
		background-blend-mode: lighten;
		padding: 1.5em 0 !important;
	}

	figure.wp-block-image.size-full.is-resized.adjustment_half{
		display: none;
	}
	
	/*ハンドルの画像3列の高さ*/
	.handles_flex {
		height: auto !important;
	}

	/*実際同じように感じている人っての上余白*/
	#intimacy_div.wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-0bd3f8db.wp-block-group-is-layout-flex{
		margin-top: 0px !important;
		margin-bottom: 0px !important;

	}
	
	/*　あなただけの一点ものの列1列に (カバー画像背景)*/
	.wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-d7766e8d.wp-block-group-is-layout-flex{
		background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/handmade-e1744969053395.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0px -75px;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.5);
		background-blend-mode: lighten;
	}
	
	/*#offer ブロック (今なら LINEからのオーダーで～)　*/
	#offer .text_group {
		width: 90% !important;
	}

	.text_group ul {
		padding-left: 0% !important; 
		margin-right: 0% !important; 
	}

	/*オレンジの背景*/
	.wp-block-list.has-background.is-style-icon-list-check-valid{
		padding-right: 1em !important;

	}
	/*気軽なご相談OKの部分*/
	#accept_inquiry div:first-of-type{
		width: 100%;
	}
	
	.top_h2_text_size {
		font-size: 14px !important;
	}
	
	.deco_text {
		font-size: 27px !important;
		padding-top: 3% !important;
		background-image: radial-gradient(circle at center, #786267 20%, transparent 26%) !important;
	}
	
	
	.h2_stg {
		font-size: 23px !important;
	}
	
	.intimacy_stg1 {
		font-size: 23px !important;
	}
	
	.p_stg {
        font-size: 26px !important;
        font-weight: bold !important;
    }
	
	figure.square_cover2 {
		width: 100%;
	}
	p#intimacy_p_text {
		font-size: 12px !important;
		padding-bottom: 7% !important;
		padding-left: 1% !important;
	}
	#skilled_sentence {
        padding-left: 6% !important;
    }
	.square2 {
		position: relative;
		width: 185px !important;
		height: 186px !important;
		background: #fae9e2;
	}
	
	.intimacy_stg2 {
		font-size: 12px !important;
	}

	#essence_text_item {
		font-size: 12px !important;
		line-height: 2em !important;
	}

	#essence_p_middle_row {
		font-size: 12px !important;
		margin-bottom: 2%;
	}
	
	#essence_text_span {
        font-size: 14px;
    }
	
	#essence_p_bottom_row {
        font-size: 12px !important;
    }
	.solution_stg2 {
		font-size: 18px !important;
	}
	.solution_stg {
		font-size: 23px !important;
	}

	#solution_sentence {
		font-size: 18px !important;
		line-height: 2em !important;
	}
	
	span.char10, span.char11, span.char12, span.char13 {
        font-size: 19px !important;
        font-weight: bold !important;
    }
	#text_arch {
		font-size: 14px !important;
	}
	
	.text_group ul {
		padding-left: 3.3em !important;
		margin-right: 0% !important;
		font-size: 16px !important;
		margin-left: 0 !important;
	}
	
	
	.text_group p {
		font-size: 19px;
		margin-bottom: 14px !important;
	}
	
	#gold_text {
		padding: 10px;
		font-size: 27px !important;
	}
    
	#narrow_down_sentense_bottom {
        font-size: 14px !important;
    }
	#narrow_down_sentense_top {
        font-size: 15px !important;
    }

	#action_text_1 {
		font-size: 15px !important;
		margin-top: 6% !important;
	}
	
	#futidori_text_green {
        font-size: 19px !important;
    }
	
	#campaign_text_size_50 {
		font-size: 30px !important;
	}
	
	#arrow_link {
        width: 100% !important;
        font-size: 21px;
        /* padding: 5% 6% 5% 5%; */
        margin: 8% 0 12% !important;
    }
	
	.arrow::before {
		content: '';
		width: 50px !important;
		height: 50px;
		border-top: solid 2px #786469;
		border-right: solid 2px #786469;
		position: absolute;
		left: -10px !important;
		top: -26px !important;
	}
			
	.arrow::before {
        content: '';
        width: 50px;
        height: 47px !important;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -11px;
        top: 11px;
    }
	
	/*------------------- */
	.arrow::before {
        content: '';
        width: 48px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -3px !important;
        top: -9px !important;
    }
	/* 	--------------------------- */
	#action_sentense {
        font-size: 12px !important;
    }
	
			
	
	#gold_text {
		padding: 10px;
		font-size: 22px !important;
	}
	
	
	#narrow_down_sentense_top {
		padding-left: 15px !important;
    }
	#narrow_down_sentense_bottom {
		padding-left: 15px !important;
	}
	
	#futidori_text_green {
        font-size: 15px !important;
    }
	
	#campaign_text_size_50 {
        font-size: 25px !important;
    }
	
	#campaign_text_size_items {
        font-size: 14px;
    }
	
	.solution_stg {
        font-size: 21px !important;
    }
	#solution_sentence {
        font-size: 16px !important;
    }
	#line_sentence {
    	font-size: 14px !important;
	}
	#line_sentence2 {
    	font-size: 14px !important;
	}
	p#line_sentence1.has-cocoon-white-color.has-text-color.has-link-color {
        font-size: 15px !important;
    }
	.line_sentence {
		font-size: 14px !important;; 
	}
	#problem_h2_sentence {
        font-size: 16px !important;
        padding: 4% 1%;
    }
	
} /*480px設定終わり===============================================*/





/* 
@media screen and (max-width: 466px){
#arrow_link {
    position: relative;
    color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 88% 0, 97% 50%, 88% 100%, 0 100%) !important;
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
}
	
	    .arrow::before {
        content: '';
        width: 47px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -24px !important;
    }
	
	.arrow::before {
    content: '';
    width: 50px;
    height: 47px !important;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
} */
/* 	------------------ */
/* 	.arrow::before {
        content: '';
        width: 47px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -10px !important;
    }
}
	
	
	
	
}

@media screen and (max-width: 455px){
	    #problem_h2_sentence {
        font-size: 15px !important;
    }
	
}

 */




/*440px以下設定始まり---------------------------------------*/
/* @media screen and (max-width: 440px){

	#footer_div {
		font-size: 12px;
	}
	
	
	
	#problem_h2_sentence {
		font-size: 13px !important;
	}
	    .h2_stg {
        font-size: 20px !important;
    }
	
}
@media screen and (max-width: 435px){

    #text_arch {
        font-size: 16px !important;
    }
	span.char10, span.char11, span.char12, span.char13 {
        font-size: 18px !important;
        font-weight: bold !important;
    }
}
	 */
	


/*430px以下設定始まり------------------------－－－－--------------------*/
/* @media screen and (max-width: 430px){ */
 /*#text_arch {
        font-size: 12px !important;
    }
	
	    span.char10, span.char11, span.char12, span.char13 {
        font-size: 13px !important;
        font-weight: bold !important;
    }*/
	
	
	
/* 	.char1 {
/* 		display: inline-block; transition: none; transform: translateX(10px) translateY(29px) rotate(-24deg);
	}
	.char2 {
		display: inline-block; transition: none; transform: translateX(9px) translateY(24px) rotate(-21deg);
	}
	.char3 {
		display: inline-block; transition: none; transform: translateX(9px) translateY(18px) rotate(-19deg);
	}
	.char4 {
		display: inline-block; transition: none; transform: translateX(10px) translateY(13px) rotate(-15deg);
	}
	.char5 {
		display: inline-block; transition: none; transform: translateX(9px) translateY(9px) rotate(-16deg);
	}
	.char6 {
		display: inline-block; transition: none; transform: translateX(9px) translateY(5px) rotate(-15deg);
	}
	.char7 {
		display: inline-block; transition: none; transform: translateX(10px) translateY(3px) rotate(-15deg);
	}
	.char8 {
		display: inline-block; transition: none; transform: translateX(3px) translateY(2px) rotate(-9deg);
	}
	.char9 {
		display: inline-block; transition: none; transform: translateX(4px) translateY(1px) rotate(-9deg);
	}
	.char10 {
		display: inline-block; transition: none; transform: translateX(1px) translateY(-1px) rotate(-5deg);font-size: 40px;
		font-weight: bold;
	}
	.char11 {
		display: inline-block; transition: none; transform: translateX(3px) translateY(-2px) rotate(0deg);font-size: 40px;
		font-weight: bold;
	}
	.char12 {
		display: inline-block; transition: none; transform: translateX(2px) translateY(-2px) rotate(3deg);font-size: 40px;
		font-weight: bold;
	}
	.char13 {
		display: inline-block; transition: none; transform: translateX(7px) translateY(-3px) rotate(8deg);font-size: 40px;
		font-weight: bold;
	}
	.char14 {
		display: inline-block; transition: none; transform: translateX(11px) translateY(0px) rotate(9deg); */
	}
	.char15 {
		display: inline-block; transition: none; transform: translateX(9px) translateY(2px) rotate(14deg);
	}
	.char16 {
		display: inline-block; transition: none; transform: translateX(7px) translateY(4px) rotate(11deg);
	}
	.char17 {
		display: inline-block; transition: none; transform: translateX(5px) translateY(7px) rotate(14deg);
	}
	.char18 {
		display: inline-block; transition: none; transform: translateX(3px) translateY(10px) rotate(17deg);
	}
	.char19 {
		display: inline-block; transition: none; transform: translateX(1px) translateY(14px) rotate(19deg);
	}
	.char20 {
		display: inline-block; transition: none; transform: translateX(-1px) translateY(18px) rotate(26deg);
	}
	.char21 {
		display: inline-block; transition: none; transform: translateX(-3px) translateY(26px) rotate(33deg);
	}



}	  
	
	
	
	


/*430px以下設定終わり===============================================*/


/* 417px以下設定始まり */
/* @media screen and (max-width: 417px){
    .circle_alignment {
        padding: 13% 0 !important;
        font-size: 10px;
    }
    #circle_strong {
        font-size: 10px !important;
    }
    #intimacy_p_text {
        font-size: 12px !important;
        padding-bottom: 7% !important;
        padding-left: 5% !important;
    }
	    .arrow::before {
        content: '';
        width: 47px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -14px !important;
    }
	
	
} */
/* 417px以下設定終わり */

/*410px以下設定始まり--------------------------^--------------------*/
/* @media screen and (max-width: 410px){
.cover_div {
		min-height: 300px !important;
	}
	.cover_h1 {
		font-size:16px !important; 
		padding-left: 24% !important;
	}
	#special_word {
    font-size: 25px !important;
	}
	
	    .solution_stg {
        font-size: 16px !important;
    }
	    #solution_sentence {
        font-size: 14px !important;
    }
	
	.h2_stg {
        font-size: 20px !important;
    }
	    h2.wp-block-heading.has-cocoon-white-color {
        font-size: 12px !important;
    } */
/* 	======================== */
/* 	    #text_arch {
        font-size: 12px !important;
    } */
/* 	    span.char10, span.char11, span.char12, span.char13 {
        font-size: 12px !important;
        font-weight: bold !important; 
    }*/
/* 	============================== */
/* } */

/* ===================== */
/*388px以下*/
/* @media screen and (max-width: 388px){
    .arrow::before {
        content: '';
        width: 45px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -12px !important;
    }
	
	    .arrow::before {
        content: '';
        width: 50px;
        height: 45px !important;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -11px;
        top: 11px;
    } */
	
/* ========================= */
/* 	    .h2_stg {
        font-size: 18px !important;
    }
	#problem_h2_sentence {
        font-size: 12px !important;
    }
} */
	
	
/*388px以下*/
/* @media screen and (max-width: 388px){
        .line_sentence {
        font-size: 12px !important;
    }
	    .solution_stg2 {
        font-size: 16px !important;
    }
	    #essence_text_item {
        font-size: 10px !important;
        line-height: 2em !important;
    }
	    #essence_p_middle_row {
        font-size: 11px !important;
        margin-bottom: 2%;
    }
	    #essence_p_bottom_row {
        font-size: 11px !important;
    }
	    .intimacy_stg2 {
        font-size: 10px !important;
    }
	
	    .intimacy_stg2 {
        font-size: 12px !important;
    }
	
	#intimacy_p_text {
        font-size: 10px !important;
        padding-bottom: 7% !important;
        padding-left: 4% !important;
        padding-right: 2% !important;
    }
	    .intimacy_stg2 {
        font-size: 10px !important;
    }
} */


/*377px以下*/
/* @media screen and (max-width: 377px){
	
	#fotter_div {
		font-size: 12px;
	}
	  .arrow::before {
        content: '';
        width: 45px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -15px !important;
    }
	
}
 */

/*375px以下*/
/* @media screen and (max-width: 375px){
	    #arrow_link {
        font-size: 11px !important;
    }
	
	      .arrow::before {
        content: '';
        width: 45px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -6px !important;
        top: -20px !important;
    }
        
	
} */



/*352px以下*/
/* @media screen and (max-width: 352px){
    .circle_alignment {
        padding: 13% 0 !important;
        font-size: 8px;
    }
	
	    .line_sentence {
        font-size: 10px !important;
    }
	
	#footer_copyright {
		font-size: 10px;
	}
	
}
@media screen and (max-width: 335px){
#arrow_link {
        font-size: 10px !important;
    }
	
}

@media screen and (max-width: 339px){
	
	    #arrow_link {
        font-size: 10px !important;
    }
	
	    #campaign_text_size {
        font-size: 32px !important;
    }
}
@media screen and (max-width: 323px){
    span.char10, span.char11, span.char12, span.char13 {
        font-size: 14px !important;
        font-weight: bold !important;
    }
}
 */
/*320px以下*/
/* @media screen and (max-width: 320px){
    #skilled_sentence {
        font-size: 14px !important;
    }
	 */
	   /* #text_arch {
        font-size: 12px !important;
    }
	
	    span.char10, span.char11, span.char12, span.char13 {
        font-size: 13px !important;
        font-weight: bold !important;
    }*/
	
/* 	    .text_group p {
        font-size: 13px;
        margin-bottom: 12px !important;
    }
	.line_sentence {
    font-size: 14px !important;
}
	.cover_div {
		min-height: 270px !important;
	}
	.cover_h1 {
		font-size:16px !important; 
		padding-left: 24% !important;
	}
	#special_word {
    font-size: 25px !important;
	}

	.line_sentence {
        font-size: 10px !important;
    }
	
	#footer_ul {
		font-size: 10px;
	}
	        span.char10, span.char11, span.char12, span.char13 {
        font-size: 14px !important;
        font-weight: bold !important;
    }
	} */
	
/*320px設定終わり*/


/*310px以下*/
/* @media screen and (max-width: 310px){
    #circle_strong {
        font-size: 8px !important;
    }
    #gold_text {
        padding: 10px;
        font-size: 18px !important;
    }
    #arrow_link {
        width: 78% !important;
        font-size: 21px; */
        /* padding: 5% 6% 5% 5%; */
/* 		margin: 8% 0 17% !important;}
	
	    .arrow::before {
        content: '';
        width: 45px !important;
        height: 50px;
        border-top: solid 2px #786469;
        border-right: solid 2px #786469;
        position: absolute;
        left: -11px !important;
        top: -25px !important;
    }
}*/
/*310px設定終わり*/


/* @media screen and (max-width: 307px){
	#arrow_link {
        font-size: 8px !important;
    }
	
} */

/*300px以下*/
/* @media screen and (max-width: 300px){
#text_arch {
        font-size: 9px !important;
    }
	
	    span.char10, span.char11, span.char12, span.char13 {
        font-size: 10px !important;
        font-weight: bold !important;
    }
    #arrow_link {
        font-size: 8px !important;
    }
}
 */





/* ↓ ここから余白調整 ↓ */

#content{
    margin:0;
}
.entry-content{
    margin:0px;
}

.main{
    padding:0px;
    border:none;
}

/* ↑ここまで余白調整*/

/*ハンドル左側 はみ出し部分削除 */
header div div div h2.square1 {
	overflow:hidden;
}


html {
	margin: 0;
}
body {
	font-family: "MS Gothic", "Hiragino Sans", sans-serif;
	/*font-weight: bolder;*/
	background-color: white;
}
main {
	 border-top: none;
	margin: 0;
	padding: 0;
}
.fw-400 {
	font-weight: 1000;
}
.article h2 {
	background: none;/*背景色を消す*/
	margin: 0;
}

.cover_h1 {
	font-family: "HGS明朝E", "MS Mincho", "Hiragino Mincho Pro", serif;
	font-weight: bolder;
	color: #fff;
	
	/*
	writing-mode: vertical-rl;*/
    -webkit-text-stroke: 0.1px #796469;
	/*text-shadow:0 0 15px #796469;*/
    /*position: absolute;
    top: 10%;
    left: 55%;*/

	
        /* 文字の影 */

	/*font-size: 300%;*/
	writing-mode: vertical-rl;
	margin: 0;
	/*width: 38%;*/
	/*margin: 0 auto;*/
}

/*headerのLINEバナー*/
#line_header_group {
	display: flex;
    background-color: #c3c9ad;
    height: 200px;
    justify-content: center;
    align-items: center;
}

#line_header_div,#line_div_vertical_center1 {
	width: 840px;
	margin: 0 auto;
}

#line_items_div,#line_div_vertical_center1 {
	width: 87%;
	height: 120px;
	display: flex;
	justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
	left: 5%;
}

/*LINEバナー共通要素*/
.line_icon_size {
	width: 97px;
}

.line_sentence {
	font-size: 30px; 
}

.arrow_icon_size {
	width: 75px;
}

/*その他のLINEバナー３カ所*/
.line_banner_group {
	display: flex;
    background-color: #c3c9ad;
	width: 100%;
	max-width: 840px;
    height: 200px !important;
	margin: 0 auto;
    justify-content: center;
    align-items: center;
}

.line_banner_div {
	width: 800px;
	margin: 0 auto;
}

.line_items_div1 {
	font-size: 1.2rem;
	width: 87%;
	height: 120px;
	display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
	left: 4%;
}
#line_items_div_height1 {
	height: 200px;
}

#line_div_vertical_center1{
	display: flex !important;
    align-items: center !important;
}

#line_items_div_height2 {
	height: 200px;
}

#line_div_vertical_center2{
	display: flex !important;
    align-items: center !important;
}


.finger_icon1 {
	width: 80%;
    transition: left 0.3s ease, transform 0.3s ease;
    left: 0;
    position: relative;
}
.point_img1 {
	position: absolute;
    right: 7%;
    top: -64%;
	/*transform: translateX(-49%);*/
    transform: translateY(-102px);
    z-index: 2;
}
.line_div2 {
	font-size: 1.2rem;
	width: 680px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.finger_icon2 {
	width: 80%;
    transition: left 0.3s ease, transform 0.3s ease;
    left: 0;
    position: relative;
}
.point_img2 {
	position: absolute;
	right: -6%;
    top: 61%;
	/*transform: translateX(-49%);*/
    transform: translateY(-102px);
    z-index: 2
}
.line_div3 {
	font-size: 1.2rem;
	width: 680px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.finger_icon3 {
	width: 80%;
    transition: left 0.3s ease, transform 0.3s ease;
    left: 0;
    position: relative;
}
.point_img3 {
	position: absolute;
	right: -6%;
    top: 61%;
	/*transform: translateX(-49%);*/
    transform: translateY(-102px);
    z-index: 2
}
.line_div {
	font-size: 1.2rem;
	width: 680px;
	height: 120px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.point_img {
	position: absolute;
	right: 28%;
	bottom: 22%;
}
.talk_group {
	width: 95%;
	margin: 20px auto;
	font-weight: bold;	
}
.talk_group p {
	/*border-width: 5px;*/
}

.problem_flex {
	justify-content: flex-end;
}
.h2_stg {
	font-size: 2.3rem;
}
.problem_h2 {
	font-weight: 100;
}
.problem_h2 span {
	margin: 0 -0.5em;
}
.fz-36px {
	font-size: 67px;
}
.deco_text {
	/*表示不具合のため、非適用*/
	/*font-family: "BIZ UDP Gothic", sans-serif;*/

	/* 文字の上に点 */
	background-image: radial-gradient(circle at center, #786267 20%, transparent 20%); /* 点の色とサイズ調整 */
	background-position: top right; /* 点の位置 */
	background-repeat: repeat-x; /* 横方向に繰り返し */
	background-size: 1em 0.3em; /* 点の間隔とサイズ調整 */
	padding-top: .4em; /* 縦方向の位置調整 */
	
	/* ↓以下追記 問題あれば修正・削除*/
	font-size: 40px;
    font-style: italic;
	-webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #786469;
    color: white;
}
.deco_text strong {
    padding-right: .2em;
}
.header_mgn {
	margin-bottom: 1.5em;
}
.section_mgn {
	margin-bottom: 0;
}
.square1 {
  position: relative;
  width: 370px;
  height: 350px;
  background: #dfdfdd; 
}
.square_cover1 {
  position: absolute;
  top: 54%;
  /*left: -5%;*/
  transform: translateY(-50%);
  width: 107%;  
}
.p_stg {
	font-size: 2.7rem;
	font-weight: normal;
}
.intimacy_stg1 {
	font-size: 2.4rem;
	font-weight: bold;
	border-bottom: 2px solid black;
}
.intimacy_stg2 {
	font-size: 1.8rem;
	font-weight: medium;
}
.square2 {
  flex: 0 0 32%;
  position: relative;
  width: 240px;
  height: 240px;
  background: #fae9e2; 
}
.square_cover2 {
  position: absolute;
  top: 39%;
  left: 0%;
  transform: translateY(-50%);
  width: 118%;  
}
/*横並びハンドル画像３つ整列*/
.flexbox{
  display: flex;
  text-align: center;
}
.flex-item{
  width: 100%;
  flex-basis: auto;
}
.handles_flex {
	/*height: 280px;*/
}
.solution_stg {
	font-weight: bold;
	border-bottom: 2px solid #fff;
}
.solution_h2 {
	font-weight: 100;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;
}
.custom_group {
	width: 95%;
	margin: 20px auto;
}
/*リストの項目名（ul）*/
.article h3 {
	border:none;
	color: #786267f5;
	font-weight: bold;
	font-size: 1.3em;    /*1.5⇉1.3　4/28am3:00変更*/
}
.article li {
	list-style-type: none;
}
.circle {
	background-color: #fff;
	width: 100%;
	height: auto;
}
.circle_group {
	font-family: "BIZ UDP Gothic", sans-serif;
}
.solution_stg2 {
	font-family: "BIZ UDP Gothic", sans-serif;
	color: #55680f;
	font-weight: bold;
	border-bottom: 3px solid #55680f;
	font-style: italic;
	font-size: 30px;
}
.text_point {
	/* 文字の上に点 */
	background-image: radial-gradient(circle at center, #55680f 20%, transparent 22%); /* 点の色とサイズ調整 */
	background-position: top right; /* 点の位置 */
	background-repeat: repeat-x; /* 横方向に繰り返し */
	background-size: 1em 0.4em; /* 点の間隔とサイズ調整 */
	padding-top: .3em; /* 縦方向の位置調整 */
}
/*.reset_margin {
	margin-bottom: 0;
}*/
.flexbox_list {
	display: flex;
  	text-align: center;
	width: 100%;
	padding: 0 auto;
}
.flexbox_list li {
	color: #786267f5;
	font-weight: bold;
	font-size: 0.9em;     /*1⇉0.9　4/28am3:00変更*/
	text-align: center;
	line-height: 1.5;
}
.flexbox_list p {
	color: #786267f5;
	font-weight: bold;
	font-size: 1em; 
	text-align: center;
	line-height: 1.5;
}
.flex_item_div {
	justify-content: space-evenly;
	width: 185px;
	height: 185px;
}

.accept_inquiry div:first-of-type {
    background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/lp案1のコピー_32-e1745448048171.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.group_box {
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-evenly;
	width: 100%;
	padding: 0 auto;*/
}
.group_item {
	/*align-self: center;*/
	width:50%;
}
.group_item ul {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.man_icon {
	width: 230px;
	height: 230px;
	margin: 2em;
}
.speech-icon {
	width: 230px;
	height: 230px;
}
.aaa {
	width: 840px;
	height: 368px; /*25em;*/
}
.essence_ls {
	font-family: "MS Gothic", "Hiragino Sans", sans-serif; /*反映されない…*/
	letter-spacing: 0.01em;
}
#gold_text {
	padding: 10px;
    font-size: 40px;
    text-align: center;
    letter-spacing: 0.2em;
    animation: flashing 1.5s ease-in-out infinite alternate;
    line-height: 1.5em;
    font-weight: bold;
    color: transparent;
    background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
    -webkit-background-clip: text;
}
#futidori_text_green {
	font-family: "Meiryo", "BIZ UDP Gothic", sans-serif;
	color: #fff;
	font-size: 40px;
	font-weight: bolder;
  	-webkit-text-stroke: 1.3px #5b6e12; /* ベンダープレフィックス */
  	text-stroke: 1px #fff;
	margin-bottom: 0;
}
.campaign_text_50 {
	font-size: 47px;
}
.order_group {
	width: 800px;
	margin: 20px auto;
}
.transform-italic {
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}
.foot_flex {
	display: flex;	
}
.campaign_cover {
	height: 375px;
}

#campaign_text_size {
	color: #5b6e12;
	font-size: 40px;
}
#campaign_text_size_50 {
	font-size: 38px;
}
#campaign_right_block {
	line-height: 1.3;
}
#gokaku{
	color: white;
    background-color: #55670F;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    display: block;
    padding: 20px;
    width: fit-content;
    padding: 20px 60px 20px 50px;
    margin: 0 auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

#arrow_items {
    display: flex;
    justify-content: center;
	padding-left: 45px;
}
#arrow_link {
    position: relative;
    color: white;
    background-color: #786469;
    clip-path: polygon(0 0, 90% 0, 97% 50%, 90% 100%, 0 100%);
    display: block;
    padding: 20px;
    margin: 50px 0;
    text-align: center;
    z-index: 1;
    overflow: visible;
    width: 70%;
}

#arrow_link::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 12px);
    background: #55670F;
    border: 3px solid #55670F;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    z-index: -1;
    border-radius: 2px;
}
.arrow {
    position: relative;
    display: inline-block;
    padding: 10px;
    margin: 50px 0;
    left: -50px;
}
.arrow.arrow-right::before {
    transform: rotate(45deg);
}
.arrow::before {
    content: '';
    width: 50px;
    height: 50px;
    border-top: solid 2px #786469;
    border-right: solid 2px #786469;
    position: absolute;
    left: -11px;
    top: 11px;
}



a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.char1 {
	display: inline-block; transition: none; transform: translateX(-3px) translateY(62px) rotate(327deg);
}
.char2 {
	display: inline-block; transition: none; transform: translateX(-3px) translateY(51px) rotate(-30deg);
}
.char3 {
	display: inline-block; transition: none; transform: translateX(-5px) translateY(39px) rotate(-27deg);
}
.char4 {
	display: inline-block; transition: none; transform: translateX(-6px) translateY(29px) rotate(-24deg);
}
.char5 {
	display: inline-block; transition: none; transform: translateX(-6px) translateY(21px) rotate(-23deg);
}
.char6 {
	display: inline-block; transition: none; transform: translateX(-7px) translateY(12px) rotate(-17deg);
}
.char7 {
	display: inline-block; transition: none; transform: translateX(-4px) translateY(7px) rotate(-18deg);
}
.char8 {
	display: inline-block; transition: none; transform: translateX(-6px) translateY(3px) rotate(-12deg);
}
.char9 {
	display: inline-block; transition: none; transform: translateX(-1px) translateY(1px) rotate(-9deg);
}
.char10 {
	display: inline-block; transition: none; transform: translateX(-3px) translateY(3px) rotate(-5deg);font-size: 40px;
    font-weight: bold;
}
.char11 {
	display: inline-block; transition: none; transform: translateX(1px) translateY(-1px) rotate(-2deg);font-size: 40px;
    font-weight: bold;
}
.char12 {
	display: inline-block; transition: none; transform: translateX(-1px) translateY(1px) rotate(3deg);font-size: 40px;
    font-weight: bold;
}
.char13 {
	display: inline-block; transition: none; transform: translateX(3px) translateY(5px) rotate(8deg);font-size: 40px;
    font-weight: bold;
}
.char14 {
	display: inline-block; transition: none; transform: translateX(14px) translateY(-2px) rotate(6deg);
}
.char15 {
	display: inline-block; transition: none; transform: translateX(14px) translateY(1px) rotate(12deg);
}
.char16 {
	display: inline-block; transition: none; transform: translateX(15px) translateY(6px) rotate(11deg);
}
.char17 {
	display: inline-block; transition: none; transform: translateX(16px) translateY(12px) rotate(16deg);
}
.char18 {
	display: inline-block; transition: none; transform: translateX(13px) translateY(20px) rotate(23deg);
}
.char19 {
	display: inline-block; transition: none; transform: translateX(12px) translateY(30px) rotate(26deg);
}
.char20 {
	display: inline-block; transition: none; transform: translateX(8px) translateY(42px) rotate(34deg);
}
.char21 {
	display: inline-block; transition: none; transform: translateX(9px) translateY(59px) rotate(33deg);
}

.button_block {
    height: 300px;
    background-color: #c3c9ad;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.line_button {
    background-color: #786469;
    height: 150px;
    padding: 2em;
    border-radius: 10px;
    border: 5px solid #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 32px;
    color: white;
    text-decoration: none;
    position: relative;
    z-index: 1;
}
.finger {
    position: absolute;
    right: 10%;
    top: 60%;
    transform: translateX(-50%);
    z-index: 2;
}

.core_essence {
    background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/pencil-e1745348218925.jpg);
    height: 500px;
	width: 840px;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: 100% 101%;
    padding: 5%;
	margin: 0 auto;
    background-color: white;
}
#text_arch {
    background-color: transparent;
    margin: 20px 0 80px 0;
	text-align: center;
}
#text_arch span {
    color: #786469;
}
#circle_item {
	background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/lp案1のコピー_32-e1745448048171.png);
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    /*justify-content: center;*/
    align-items: center;
}
.flex_part {
	display: flex;
    flex-wrap: wrap;
}
#offer {
	background-color: white;
	width: 840px;
    margin: 0 auto;
}
#offer .image_box {
    width: 50%;
	height: 50%;
}
#offer .text_group {
    width: 50%;
    margin: auto;
    padding: 4% 5% 2% 4.8%;;
}
#accept_inquiry div:first-of-type {
    background-image: url(https://guardiann.sakura.ne.jp/handle/wp-content/uploads/2025/04/lp案1のコピー_32.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    justify-content: center;
    align-items: center;
}
.is-style-icon-list-check-valid > li::before {
    content: "\e908" !important;
}
[class*=is-style-icon-list-] > li::before {
    color: var(--cocoon-box-border-color);
    display: block;
    font-family: icomoon !important;
    font-weight: normal !important;
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 1em;
}
#circle_strong {
    border-bottom: 2px solid #000;
    font-weight: bolder;
	font-size: 1.1em;
}
.circle_alignment {
	text-align: center;
	padding: 7% 0;
}
.text_group ul {
	margin-bottom: 0;
}

a:hover {
    text-decoration: none;
}

#pointimg {

    margin-top: -30px;
    position: absolute;
    transform: rotate(-20deg);
    animation: fluffy1 2s ease infinite;
}

@keyframes fluffy1 {
  0% {
    transform: translateY(0); }
  5% {
    transform: translateY(0); }
  10% {
    transform: translateY(0); }
  20% {
    transform: translateY(-10px); }
  25% {
    transform: translateY(0); }
  30% {
    transform: translateY(-10px); }
  50% {
    transform: translateY(0); }
  100% {
    transform: translateY(0); } }

#line_items_div:hover,
#line_div_vertical_center1:hover,
#line_div_vertical_center2:hover,
#arrow_items:hover {
    opacity: 0.7;
}

#sec1 h2 {
    margin-top: 53px !important;
}
#talk_group_text p{
    padding: 5%;
}

@media screen and (max-width: 400px){
	#pointimg {
        width: 90px;
    }
	div#line_items_div, div#line_div_vertical_center1 {
        width: 100%;
        left: 0%;
    }
	#talk_group_text div {
		padding-right: 0!important;
	}
	.speech_bubble {
        width: 65%;
    }
	#intimacy_div, p#intimacy_text_group {
        padding-left: 4% !important;
    }
}