@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	defauil

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#wrapper{
	background-color: #363839;
}


/*FV*/

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
#fv_wrap{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 450px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	}
#fv_wrap h1{
	font-size: 35px;
	color: #FFFFFF;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	position: relative;
	z-index: 2;
	}
#fv_wrap::after{
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	/*background-color:rgba(0,0,0,.35);*/
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	}
	.video_wrap {
		width: 100%;
		position: relative;
		height: 450px;
		overflow: hidden;
	}
	.video_wrap video {
		height: auto;
		width: 100%;
		position: absolute;
		top: -60%;
	}
	.plan_h1 {
		position: absolute !important;
		top: 185px;
		left: 50%;
		transform: translateX(-50%);
	}
	.insta .buttonBase a {
    width: 212.3px;
    display: flex;
    justify-content: center;
    /* align-items: normal; */
    padding: 16px 0;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1;
    letter-spacing: .03em;
    padding-right: 1px;
    margin: 20px auto;
}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
#fv_wrap{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 40vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	}
#fv_wrap h1{
	font-size: 7vw;
	color: #FFFFFF;
	font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	position: relative;
	z-index: 2;
	}
#fv_wrap::after{
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background-color:rgba(0,0,0,.35);
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	}
	.video_wrap {
		width: 100%;
		position: relative;
		height: 40vh;
		overflow: hidden;
	}
	.video_wrap video {
		height: 100%;
		width: auto;
		position: absolute;
		top: 0%;
	}
	.plan_h1 {
		position: absolute !important;
		top: 17vh;
		left: 50%;
		transform: translateX(-50%);
	}
	.insta .buttonBase a {
    width: 212.3px;
    display: flex;
    justify-content: center;
    /* align-items: normal; */
    padding: 16px 0;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1;
    letter-spacing: .03em;
    padding-right: 1px;
    margin: 20px auto;
}

}


/*line*/

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.line_content{
		position: relative;
	}
	.line_content::after{
		content: "";
		display: block;
		height: 250px;
		width: 1px;
		background-color: rgba(255,255,255,1.00);
		position: absolute;
		top:-82px;
		left: 0;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.line_content{
		position: relative;
	}
	.line_content::after{
		content: "";
		display: block;
		height: 58vw;
		width: 1px;
		background-color: rgba(255,255,255,1.00);
		position: absolute;
		top:-19vw;
		left: -3.5vw;;
	}

}

/*title*/

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
.low .mainTitle h2{
	bottom: -54px;
    letter-spacing: .03em;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
.low .mainTitle h2{
		bottom:-12vw;
	}

}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	About

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.about_main{
		padding-bottom: 80px;
		position: relative;
	}
	.about_main .mainTitle{
		margin-bottom: 93px;
		
	}
	
	.about_main .about_main_exp{
		position: relative;
		z-index: 2;
		font-size: 600;
	}
	
	.about_main .about_main_exp p{
		color: #FFFFFF;
		line-height: 1.9em;
		margin-bottom: 38px;
		letter-spacing: 0.015em;
	}
	
	.about_main::after{
		content: "";
		display: block;
		max-width: 600px;
		width: 44%;
		height: 384px;
		position: absolute;
		top:80px;
		right: 0;
		background: url("../../../../wp-content/uploads/2023/12/about.jpg") no-repeat center / contain;
		z-index: 1;
	}
	
	.about_bg_ing{
		background-attachment: fixed;
		height: 243px;
		background-image: url("../../../../wp-content/uploads/2023/12/about-bg-ing.jpg");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center;
	}
	
	.about_second{
		padding-top: 78px;
		padding-bottom: 116px;
		text-align: right;
	}
	
	.about_second h2,.about_second p{
		color: #FFFFFF;
		letter-spacing: -0.02em;
	}
	.about_second h2{
		font-size: 25px;
		margin-bottom: 35px;
	}
	
	.about_second p{
		line-height: 1.89em;
		letter-spacing: 0.02em;
	}
	
	.about_second p:not(:first-child){
		margin-top: 2.4em;
	}
	
	.about_third{
		position: relative;
		height: 585.89px;
		padding-top: 93.3px;
		margin-bottom: 159px;
	}
	
	
	.about_third h2{
		font-size: 24px;
		margin-bottom: 53px;
	}
	
	.about_third p{
		line-height: 2em;
	}
	
	.about_third::after{
		content: "";
		display: block;
		width: 63.5vw;
		height: 100%;
		position: absolute;
		background-color: #FFFFFF;
		top:0;
		left: 0;
		z-index: 1;
	}
	
	.about_third .about_third_exp{
		padding-right: 43%;
		margin-bottom: 60px;
		position: relative;
		z-index: 2;
		bottom:-28px;
	}
	
	.about_third .about_third_img{
		width: 60.5%;
		margin-left: auto;
		position: relative;
		z-index: 2;
	}
	
	.about_third p{
		line-height: 1.98em;
		letter-spacing: 0.03em;
	}
	
	.about_fourth{
		position: relative;
		background: url("../../../../wp-content/uploads/2023/12/about_fourth.jpg") no-repeat center / cover;
	}
	.about_fourth::after{
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.56);
		content: "";
		display: block;
		z-index: 1;
	}
	
	.about_fourth .about_fourth_exp{
		text-align: center;
		padding-top: 181px;
		padding-bottom: 173px;
		position: relative;
		z-index: 2;
	}
	
	.about_fourth .about_fourth_exp h2,.about_fourth .about_fourth_exp p{
		color: #FFFFFF;
	}
	
	.about_fourth .about_fourth_exp h2{
		font-size: 24px;
		margin-bottom: 52px;
	}
	
	.about_fourth .about_fourth_exp p{
		line-height: 1.98em;
		letter-spacing: 0.03em;
	}
	
	
	
	.chara_main{
		padding-top: 68px;
		padding-bottom: 157px;
		margin-top: 26px;
		margin-bottom: 87px;
		position: relative;
	}
	.chara_main .mainTitle{
		margin-bottom: 78px;
		position: relative;
		z-index: 2;
	}
	
	.chara_main .mainTitle h2{
		left: inherit;
		bottom: -65px;
	}
	
	.chara_main .chara_main_exp{
		width: 540px;
		position: relative;
		z-index: 2;
	}
	
	.chara_main .chara_main_exp::after{
		content: "";
		display: block;
		position: absolute;
		height: 200px;
		width: 1px;
		background-color: #FFFFFF;
		left:254px;
		bottom:-48px;
		transform: translateY(100%);
	}
	
	.chara_main .chara_main_exp p{
		color: #FFFFFF;
		line-height: 1.98em;
	}
	
	.chara_main::before{
		position: absolute;
		top:0;
		right: 0;
		width: 76vw;
		z-index: 1;
		content: "";
		height: 98.5%;
		background: url("../../../../wp-content/uploads/2023/12/Chara-main.jpg") no-repeat center / cover;
	}
	
	.chara_column{
		padding-top: 35px;
		padding-bottom: 59px;
	}
	
	.chara_column .chara_img_l{
		padding-right: 1px;
	}
	
	.chara_column .chara_img_r{
		padding-left: 1px;
	}
	
	.chara_column h2{
		font-size: 24px;
		margin-bottom: 74px;
		text-align: center;
	}
	
	.chara_column h3{
		font-size: 24px;
		margin-bottom: 25px;
		letter-spacing: .03em;
	}
	
	.chara_column p{
		line-height: 2em;
		letter-spacing: 0.03em;
		
	}
	
	.chara_exp_w{
		background-color: rgba(255,255,255,1.00);
		padding-top: 64px;
		padding-bottom: 55px;
	}
	
	.chara_exp_w p{
		width: 82%;
	}
	
	.chara_column_end{
		padding-top: 59px;
		padding-bottom: 22px;
	}
	
	.chara_column_end p{
		width: 70%;
	}
	
	.chara_column:not(.chara_exp_w) h2,.chara_column:not(.chara_exp_w) h3,.chara_column:not(.chara_exp_w) p,.chara_column:not(.chara_exp_w) span{
		color: rgba(255,255,255,1.00);
	}
	
	.chara_column .chara_exp{
		margin-top: 44px;
		position: relative;
	}
	
	.chara_column .chara_exp .chara_num{
		display: block;
		position: absolute;
		top:-10px;
		right: 0;
		width: initial;
	}
	
	.chara_column .chara_exp .chara_num span{
		font-size: 59px;
		display: block;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		line-height: 1;
	}
	
	
	
	
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.about_main{
		padding-bottom: 30vw;
	}
	.about_main .main_container{
		padding-left: 0;
		padding-right: 0;
	}
	.about_main .mainTitle{
		margin-bottom: 19.5vw;
	}
	.about_main .mainTitle h2{
		font-size: 4.6vw;
	}
	
	.about_main p{
		color: #FFFFFF;
	}
	
	.about_main::after{
		content: "";
		display: block;
		margin-top: 5vw;
		width: 100%;
		height: 55vw;
		background: url("../../../../wp-content/uploads/2023/12/about.jpg") no-repeat center / cover;
	}
	.about_bg_ing{
		background-attachment: revert;
		height: 40vw;
		background-image: url("../../../../wp-content/uploads/2023/12/about-bg-ing.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.about_second{
		padding-top: 18vw;
		padding-bottom: 20vw;;
		
	}
	
	.about_second h2,.about_second p{
		color: #FFFFFF;
	}
	
	.about_second h2{
		font-size: 7.9vw;
		margin-bottom: 7vw;
		line-height: 1.45em;
	}
	
	.about_third{
		position: relative;
		height: 110vw;
		padding-top: 20vw;
		margin-bottom: 37vw;;
	}
	
	
	.about_third h2{
		font-size: 5.2vw;
		margin-bottom: 11.68vw;
	}
	
	.about_third::after{
		content: "";
		display: block;
		width: 100%;
		height: 120%;
		position: absolute;
		background-color: #FFFFFF;
		top:0;
		left: 0;
		z-index: 1;
	}
	
	.about_third .about_third_exp{
		margin-bottom: 8vw;
		position: relative;
		z-index: 2;
	}
	
	.about_third .wp-image-681{
		width: 100%;
		margin-left: auto;
		position: relative;
		z-index: 2;
		height:200px;
	}
	
	.about_fourth{
		position: relative;
		background: url("https://www.page1.co.jp/wordpress/wp-content/uploads/2023/12/about_fourth.jpg") no-repeat center / cover;
	}
	.about_fourth::after{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.56);
		left:0;
		top:0;
		content: "";
		display: block;
		z-index: 1;
	}
	
	.about_fourth .about_fourth_exp{
		text-align: center;
		padding-top: 40vw;
		padding-bottom: 40vw;
		position: relative;
		z-index: 2;
	}
	
	.about_fourth .about_fourth_exp h2,.about_fourth .about_fourth_exp p{
		color: #FFFFFF;
	}
	
	.about_fourth .about_fourth_exp h2{
		font-size: 4.6vw;
		margin-bottom: 11.68vw;
	}
	
	
	.chara_main{
		padding-top: 19vw;
		padding-bottom: 25.7vw;
		margin-bottom: 15vw;;
		position: relative;
	}
	
	.chara_main .mainTitle{
		margin-bottom: 18.2vw;;
		position: relative;
		z-index: 2;
	}
	
	.chara_main .mainTitle h2{
		left: inherit;
	}
	
	.chara_main .chara_main_exp{
		position: relative;
		z-index: 2;
	}
	
	.chara_main .chara_main_exp::after{
		content: "";
		display: block;
		position: absolute;
		height: 46.7vw;
		width: 1px;
		background-color: #FFFFFF;
		left:-3.5vw;
		bottom:-8vw;;
	}
	
	.chara_main .chara_main_exp p{
		color: #FFFFFF;
	}
	
	.chara_main .chara_main_exp p br{
		display: none;
	}
	
	.chara_main::after{
		position: absolute;
		top:0;
		right: 0;
		z-index: 1;
		content: "";
		width: 100%;
		height: 100%;
		background: url("https://www.page1.co.jp/wordpress/wp-content/uploads/2023/12/Chara-main.jpg") no-repeat center / cover;
	}
	
	

	
	.chara_column{
		padding-top: 15vw;
		padding-bottom: 15vw;
	}
	
	.chara_column h2{
		font-size: 5.6vw;
		margin-bottom: 16.3vw;
		text-align: center;
	}
	
	.chara_column h3{
		font-size: 5.6vw;
		margin-bottom: 5.8vw;
	}
	
	.chara_exp_w{
		background-color: rgba(255,255,255,1.00);
	}
	
	.chara_column:not(.chara_exp_w) h2,.chara_column:not(.chara_exp_w) h3,.chara_column:not(.chara_exp_w) p,.chara_column:not(.chara_exp_w) span{
		color: rgba(255,255,255,1.00);
	}
	
	.chara_column:not(.chara_exp_w) h3{
		line-height: 1.5;
	}
	
	.chara_column .chara_exp{
		margin-top: 8vw;
		position: relative;
	}
	
	.chara_column .chara_exp .chara_num{
		font-size: 13.5vw;
		display: block;
		margin-left: auto;
		text-align: right;
		width: initial;
		line-height: 1;
		font-weight: 600;
		margin-bottom: 2vw;
	}
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	About

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.companyWrap h2,.companyWrap p{
		color: #FFFFFF;
		line-height: 1.78em;
	}
	
	.companyWrap h2{
		font-size: 24px;
		margin-bottom: 40px;
	}
	
	.companyWrap .company_list{margin-top: 30px;}
	
	.companyWrap .company_list .company_list_title{
		width: 165px;
	}
	
	.companyWrap .company_list .company_list_title p{
		font-size: 20px;
		font-weight: 700;
	}
	.companyWrap .company_list .company_list_exp{
		width: calc(100% - 165px);
	}
	
	.companyWrap .company_list_map{
		margin-top: 77px;
	}

}

/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {

	.companyWrap h2,.companyWrap p{
		color: #FFFFFF;
		line-height: 1.78em;
	}
	
	.companyWrap h2{
		font-size: 5.6vw;
		margin-bottom: 9.3vw;
	}
	
	.companyWrap .company_list{
		padding-top: 4vw;
		padding-bottom:4vw;
		border-bottom: 1px #FFFFFF dashed;
	}
	
	.companyWrap .company_list .company_list_title,.companyWrap .company_list .company_list_exp{
		width: 100%;
	}
	
	.companyWrap .company_list .company_list_title{
		font-weight: 700;
		margin-bottom: 2vw;
	}
	
	.companyWrap .company_list .company_list_title p{
		font-size: 4vw;
	}
	
	.companyWrap .company_list_map{
		margin-top: 18vw;
	}


}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Flow

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.flow_main{
		text-align: center;
		margin-top: 37px;
	}
	.flow_main h2,.flow_main p{
		color: #FFFFFF;
	}
	.flow_main h2{
		font-size: 24px;
		margin-bottom: 23px;
	}
	.flow_main::after{
		content: "";
		width: 1px;
		height: 90px;
		background-color: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	
	.flow_num_list{
		height:197px;
		position: relative;
		background-size: cover;
		background-position: center;
	}
	
	.flow_num_list.flow_num_list01{
		background-image: url("../../../../wp-content/uploads/2023/12/flow1.jpg");
	}
	.flow_num_list.flow_num_list02{
		background-image: url("../../../../wp-content/uploads/2023/12/flow2.jpg");
	}
	.flow_num_list.flow_num_list03{
		background-image: url("../../../../wp-content/uploads/2023/12/flow3.jpg");
	}
	.flow_num_list.flow_num_list04{
		background-image: url("../../../../wp-content/uploads/2023/12/flow4.jpg");
	}
	
	.flow_num_list::after{
		width: 100%;
		height: 100%;
		content: "";
		display: block;
		background-color:rgba(25,28,33,.25);
		position: absolute;
		top:0;
		left:0;
	}
	
	.flow_num_list .flow_num{
		height:197px;
	}

	
	.flow_num_list .flow_num span{
		position: absolute;
		left:0;
		bottom: 0;
		font-size: 130px;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		display: block;
		font-weight: 500;
		color: #FFFFFF;
		z-index: 2;
		letter-spacing: .1em;
		transform: translateY(.21em);
	}
	
	.flow_exp{
		margin-top:80px;
		margin-bottom: 80px;
	}
	
	.flow_exp h2{
		font-size: 24px;
		color: rgba(255,255,255,1.00);
		margin-bottom: 73px;
		letter-spacing: 0.03em;
	}
	
	.flow_exp p{
		color:#FFFFFF;
	}
	
	.flow_exp_list:not(.flow_exp_list_end) .elementor-container{
		position: relative;
	}
	
	.flow_exp_list:not(.flow_exp_list_end):not(.flow_exp_list_linenone):not(.flow_exp_list_cap) .elementor-container .flow_exp_title::before{
		content: "";
		height: calc(100% + 30px);
		border-left: 1px dotted #FFFFFF;
		position: absolute;
		top:15px;
		left:0;
		transform: translateX(-50%);
			
	}
	
	
	.flow_exp_list .flow_exp_title{
		width: 412px;
	}
	
	.flow_exp_list .flow_exp_title.flow_exp_title_wide{
		width: 100%;
	}
	
	
	.flow_exp_list .flow_exp_info{
		width: calc(100% - 412px);
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container{
		display: flex;
		flex-wrap: wrap;
		/*align-items: center;*/
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container::before{
		width: 45px;
		content: "";
		display: block;
		transform: translateX(-10px);
	}
	
	.flow_exp_list:not(.flow_exp_list_cap) .flow_exp_title .elementor-widget-container::before{
		content: "\025cf";
	}
	
	.flow_exp_list.flow_exp_list_cap{
		margin-top:29px;
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container p{
		width: calc(100% - 45px);
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container::before,
	.flow_exp_list .flow_exp_title .elementor-widget-container p{
		font-size: 20px;
		line-height: 1.45em;
		color:#FFFFFF;
		font-weight: 600;
		letter-spacing: 0.03em;
	}
	
	.flow_exp_list .flow_exp_title p span{
		font-size: 16px;
		display: block;
	}
	
	.flow_exp_list .flow_exp_info p{
		font-size: 16px;
		line-height: 1.45em;
		color:#FFFFFF;
		font-weight: 500;
		letter-spacing: 0.03em;
	}
	
	.flow_exp_list.flow_exp_list_cap .flow_exp_info p{
		text-align: right;
	}
	
	.flow_exp_list:not(.flow_exp_list_end){
		margin-bottom: 29px;
	}
	
	.flow_afterfollow{
		height:522px;
	}
	
	.flow_afterfollow {
		height:522px;
		background: url("../../../../wp-content/uploads/2023/12/flow5.jpg") no-repeat center /cover;
	}
	
	.flow_afterfollow::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color:rgba(25,28,33,.58);
		position: absolute;
		top:0;
		left:0;
	}
	
	.flow_afterfollow .common_container {
		height:100%;
		z-index: 2;
	}
	
	.flow_afterfollow .common_container .elementor-widget-wrap  {
		height:522px;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		padding-bottom: 30px;
	}
	
	.flow_afterfollow .follow_inner h2,.flow_afterfollow .follow_inner p{
		text-align: center;
		color: #FFFFFF;
	}
	
	.flow_afterfollow .follow_inner h2{
		font-size: 24px;
		margin-bottom: 51px;
		letter-spacing: 0.03em;
	}
	
	.flow_afterfollow .follow_inner p{
		font-size: 16px;
		line-height: 1.98em;
		letter-spacing: 0.03em;
	}
	
	.flow_afterfollow .follow_inner .follow_link{
		position: absolute;
		right: 0;
		bottom: 94px;
		width: initial;
	}


}

@media (max-width: 990px) {
	.flow_exp_list .flow_exp_title{
		width: 40%;
	}
	.flow_exp_list .flow_exp_info{
		width: 60%;
		padding-left: 1em;
	}
	.flow_exp_list .flow_exp_title .elementor-widget-container::before,
	.flow_exp_list .flow_exp_title .elementor-widget-container p{
		font-size: 16px;
	}
	.flow_exp_list .flow_exp_title .elementor-widget-container::before{
		transform: translateX(-8px);
	}
}

/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {
	.flow_main{
		text-align: center;
	}
	.flow_main h2,.flow_main p{
		color: #FFFFFF;
	}
	.flow_main h2{
		font-size: 5.6vw;
		margin-bottom: 3.5vw;
	}
	.flow_main::after{
		content: "";
		width: 1px;
		height: 15vw;
		background-color: #FFFFFF;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 5.84vw;
		margin-bottom: 5.84vw;
	}
	
	.flow_num_list{
		height:46vw;
		position: relative;
		background-size: cover;
		background-position: center;
	}
	
	.flow_num_list.flow_num_list01{
		background-image: url("../../../../wp-content/uploads/2023/12/flow1.jpg");
	}
	.flow_num_list.flow_num_list02{
		background-image: url("../../../../wp-content/uploads/2023/12/flow2.jpg");
	}
	.flow_num_list.flow_num_list03{
		background-image: url("../../../../wp-content/uploads/2023/12/flow3.jpg");
	}
	.flow_num_list.flow_num_list04{
		background-image: url("../../../../wp-content/uploads/2023/12/flow4.jpg");
	}
	
	.flow_num_list::after{
		width: 100%;
		height: 100%;
		content: "";
		display: block;
		background-color:rgba(25,28,33,.25);
		position: absolute;
		top:0;
		left:0;
	}
	
	.flow_num_list .flow_num{
		height:46vw;
	}

	
	.flow_num_list .flow_num span{
		position: absolute;
		left:0;
		bottom: 0;
		font-size: 30vw;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		display: block;
		font-weight: 500;
		color: #FFFFFF;
		z-index: 2;
		letter-spacing: .1em;
		transform: translateY(.21em);
	}
	
	.flow_exp{
		margin-top:16.3vw;
		margin-bottom: 16.3vw;
	}
	
	.flow_exp h2{
		font-size: 5.4vw;
		color: rgba(255,255,255,1.00);
		margin-bottom: 16vw;
	}
	
	.flow_exp p{
		color:#FFFFFF;
	}
	
	.flow_exp_list:not(.flow_exp_list_end) .elementor-container{
		position: relative;
	}
	
	.flow_exp_list:not(.flow_exp_list_end):not(.flow_exp_list_linenone):not(.flow_exp_list_cap) .elementor-container::before{
		content: "";
		height: calc(100% + 6.8vw);
		border-left: 1px dotted #FFFFFF;
		position: absolute;
		top:1.9vw;
		left:-4px;
		transform: translateX(-50%);
			
	}
	
	
	.flow_exp_list .flow_exp_title{
		width:100%;
	}
	
	.flow_exp_list:not(.flow_exp_list_cap) .flow_exp_title{
		padding-bottom: 3vw;
	}
	
	
	
	
	.flow_exp_list .flow_exp_info{
		width:100%;
		padding-left: 10.5vw;
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container{
		display: flex;
		/*align-items: center;*/
		flex-wrap: wrap;
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container::before{
		width: 10.5vw;
		content: "";
		display: block;
		transform: translateX(-2.25vw);
	}
	
	.flow_exp_list:not(.flow_exp_list_cap) .flow_exp_title .elementor-widget-container::before{
		content: "\025cf";
	}
	
	.flow_exp_list.flow_exp_list_cap{
		margin-top:6.8vw;
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container p{
		width: calc(100% - 10.5vw);
	}
	
	.flow_exp_list .flow_exp_title .elementor-widget-container::before,
	.flow_exp_list .flow_exp_title .elementor-widget-container p{
		font-size: 4vw;;
		line-height: 1.45em;
		color:#FFFFFF;
		font-weight: 600;
	}
	
	.flow_exp_list .flow_exp_info p{
		font-size: 3.7vw;
		line-height: 1.45em;
		color:#FFFFFF;
		font-weight: 500;
	}
	
	.flow_exp_list.flow_exp_list_cap .flow_exp_info p{
		text-align: right;
	}
	
	.flow_exp_list .flow_exp_title p span{
		font-size: 3.5vw;
		display: block;
	}
	
	
	.flow_exp_list:not(.flow_exp_list_end):not(.flow_exp_list_cap){
		margin-bottom: 6.8vw;
	}
	
	

	.flow_afterfollow {
		height:122vw;
		background: url("../../../../wp-content/uploads/2023/12/flow5.jpg") no-repeat center /cover;
	}
	
	.flow_afterfollow::after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color:rgba(25,28,33,.58);
		position: absolute;
		top:0;
		left:0;
	}
	
	.flow_afterfollow .common_container {
		height:100%;
		z-index: 2;
	}
	
	.flow_afterfollow .common_container .elementor-widget-wrap  {
		height:122vw;
		justify-content: center;
		align-items: center;
		flex-flow: column;
	}
	
	.flow_afterfollow .follow_inner h2,.flow_afterfollow .follow_inner p{
		text-align: center;
		color: #FFFFFF;
	}
	
	.flow_afterfollow .follow_inner h2{
		font-size: 5.6vw;;
		margin-bottom: 11.7vw;
	}
	
	.flow_afterfollow .follow_inner p{
		font-size: 3.7vw;
		line-height: 1.98em;
	}
	
	.flow_afterfollow .follow_inner .follow_link{
		position: absolute;
		right: 0;
		bottom: 22vw;
		width: initial;
	}


}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Company

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.company_contents{
		margin-top: 28px;
	}

	.company_contents h2{
		font-size: 24px;
		margin-bottom: 79.5px;
		color: #FFFFFF;
	}
	
	.companypagre_list{
		margin-bottom: 19px;
	}
	
	.companypagre_list p{
		color: #FFFFFF;
		line-height: 2;
	}
	

	
	.companypagre_list .company_head {
		width: 165px;
	}
	
	.companypagre_list .company_exp {
		width: calc(100% - 165px);
		padding-top: 2px;
	}
	
	.companypagre_list .company_head p {
		font-size: 20px;
		font-weight: 600;
	}
	
	.companypagre_list .company_exp p {
		font-size: 16px;
		font-weight: 500;
		
	}
	
	.googleMap {
		margin-top: 47px;
	}
	.googleMap iframe {
		height: 347px;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}

}



/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.company_contents h2{
		font-size: 5.6vw;
		margin-bottom:50px;
		color: #FFFFFF;
	}
	
	.companypagre_list{
		padding-top: 4vw;
		padding-bottom: 4vw;
		border-bottom: 1px dotted #FFFFFF;
	}
	
	.companypagre_list p{
		color: #FFFFFF;
		line-height: 2;
	}
	

	
	.companypagre_list .company_head {
		width: 100%;
	}
	
	.companypagre_list .company_exp {
		width: 100%;
		padding-top: 1vw;
	}
	
	.companypagre_list .company_head p {
		font-size: 4.7vw;
		font-weight: 600;
	}
	
	.companypagre_list .company_exp p {
		font-size: 3.7vw;
		font-weight: 500;
		
	}
	
	.googleMap {
		margin-top: 10vw;
	}
	.googleMap iframe {
		height: 80vw;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
	}


}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Zeh

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.zeh_img {
		top: 60px;
	}
	.zeh_img::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		background-color:rgba(25,28,33,.25);
	}

	.zeh_main{
		margin-bottom:51px;
		margin-top: -60px;
	}
	
	.zeh_main span{
		display: block;
		line-height: 1;
		font-size: 120px;
		color:rgba(255,255,255,.35) ;
		margin-bottom: 22px;
	}
	.zeh_main h2{
		font-size: 24px;
		margin-bottom: 25px;
		color: #FFFFFF;
		letter-spacing: .03em;
	}
	
	.zeh_main p{
		font-size: 16px;
		color: #FFFFFF;
		letter-spacing: .015em;
		line-height: 2.1em;
	}
	
	.zeh_element{
		background-color: #FFFFFF;
		padding-top: 57px;
		padding-bottom: 56px;
	}
	
	.zeh_element h2{
		text-align: center;
		margin-bottom: 52px;
		font-size: 24px;
	}
	
	.zeh_element_img .elementor-container{
		justify-content: space-between;
	}
	
	.zeh_element_img .zeh_element_img_item{
		width: calc((100% - 104px) / 3)
	}
	
	.zeh_element_img .zeh_element_img_item p{
		margin-top: 25px;
		font-size: 16px;
		line-height: 2;
	}
	
	.zeh_concrete{
		margin-top:83px;
		margin-bottom: 100px;
	}
	
	.zeh_concrete h2{
		color: #FFFFFF;
		font-size: 24px;
		margin-bottom: 83px;
	}
	
	
	.zeh_concrete_exp{
		padding-top:52px;
		z-index: 2;
	}
	
	.zeh_concrete_exp span{
		font-size: 40px;
		display: block;
		color: #FFFFFF;
		line-height: 1;
		margin-bottom: 15px;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	.zeh_concrete_exp h3{
		font-size: 24px;
		color: #FFFFFF;
		margin-bottom: 27px;
		letter-spacing: .03em;
	}
	
	.zeh_concrete_exp ol{
		margin-bottom: 27px;
	}
	
	.zeh_concrete_exp ol li{
		display: flex;
		
	}
	
	.zeh_concrete_exp ol li::before{
		width: 1em;
		line-height: 2;
		font-size: 16px;
		color: #FFFFFF;
		display: block;
		content: "\02022";
		letter-spacing: .03em;
	}
	
	.zeh_concrete_exp ol li p{
		font-size: 16px;
		color: #FFFFFF;
		line-height: 2;
		width: calc(100% - 1em);
	}
	
	
	.zeh_concrete .zeh_concrete_img{
		width: 500px;
		max-width: 43%;
		position: absolute;
		top:0;
		right: 0;
		z-index: 1;
	}
	
	.zeh_concrete .zeh_concrete_img .elementor-widget-container::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		/*background-color:rgba(25,28,33,.49);*/
		position: absolute;
		top:0;
		left:0;
	}
	
	.zeh_objective{
		background-color: #FFFFFF;
		padding-top: 81px;
		padding-bottom: 74px;
	}
	
	.zeh_objective .elementor-widget-wrap{
		width: 552px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.zeh_objective h2{
		font-size: 24px;
		margin-bottom: 33px;
	}
	
	.zeh_objective ol{
		display: flex;
		flex-wrap: wrap;
		
	}
	.zeh_objective ol li{
		display: flex;
		width: 50%;
		padding-right: 1em;
	}

	.zeh_objective ol li::before{
		width: 1em;
		line-height: 2.1;
		font-size: 16px;
		display: block;
		content: "\02022";
	}
	
	.zeh_objective ol li p{
		font-size: 16px;
		line-height: 2;
		width: calc(100% - 1em);
	}
	
	.zeh_objective .zeh_objective_exp{
		margin-top: 15px
	}
	.zeh_objective .zeh_objective_exp p{
		font-size: 16px;
		line-height: 2.1;
	}
	
	
	
}

@media  (min-width: 768px) and (max-width: 990px) {
	.zeh_element_img .zeh_element_img_item{
		width: calc((100% - 50px) / 3)
	}
}

/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.zeh_img::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		background-color:rgba(25,28,33,.25);
	}

	.zeh_main{
		margin-bottom:13vw;
		margin-top: -14vw;
	}
	
	.zeh_main span{
		display: block;
		line-height: 1;
		font-size: 120px;
		color:rgba(255,255,255,.35) ;
		margin-bottom: 10px;
	}
	.zeh_main h2{
		font-size: 4.6vw;
		margin-bottom: 6vw;
		color: #FFFFFF;
	}
	
	.zeh_main p{
		font-size: 3.7vw;
		color: #FFFFFF;
	}
	
	.zeh_element{
		background-color: #FFFFFF;
		padding-top: 11.7vw;
		padding-bottom: 11.7vw;
	}
	
	.zeh_element h2{
		text-align: center;
		margin-bottom: 11.7vw;
		font-size: 6vw
	}
	
	.zeh_element_img .elementor-container{
		justify-content: space-between;
	}
	
	.zeh_element_img .zeh_element_img_item:not(:last-of-type){
		margin-bottom: 5vw;
	}
	
	.zeh_element_img .zeh_element_img_item p{
		margin-top: 3vw;
		font-size: 3.7vw;
		line-height: 2;
	}
	
	.zeh_concrete{
		margin-top:29vw;
		margin-bottom: 23vw;;
	}
	
	.zeh_concrete h2{
		color: #FFFFFF;
		font-size: 5vw;
		margin-bottom: 17.5vw;
	}
	
	
	.zeh_concrete_exp{
		padding-top:17.5vw;
		z-index: 2;
	}
	
	.zeh_concrete_exp span{
		font-size: 9vw;
		display: block;
		color: #FFFFFF;
		line-height: 1;
		margin-bottom: 3.5vw;
		font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	}
	.zeh_concrete_exp h3{
		font-size: 4.2vw;
		color: #FFFFFF;
		margin-bottom: 6.3vw;
		letter-spacing: .03em;
	}
	
	.zeh_concrete_exp ol{
		margin-bottom: 6.3vw;
	}
	
	.zeh_concrete_exp ol li{
		display: flex;
		
	}
	
	.zeh_concrete_exp ol li::before{
		width: 1em;
		line-height: 2;
		font-size: 3.7vw;
		color: #FFFFFF;
		display: block;
		content: "\02022";
	}
	
	.zeh_concrete_exp ol li p{
		font-size: 3.7vw;
		color: #FFFFFF;
		line-height: 2;
		width: calc(100% - 1em);
		letter-spacing: .03em;
	}
	
	
	.zeh_concrete .zeh_concrete_img{
		width: 70vw;
		position: absolute;
		top:0;
		right: 0;
		z-index: 1;
	}
	
	.zeh_concrete .zeh_concrete_img .elementor-widget-container::after{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background-color:rgba(25,28,33,.49);
		position: absolute;
		top:0;
		left:0;
	}
	
	.zeh_objective{
		background-color: #FFFFFF;
		padding-top: 17.5vw;
		padding-bottom: 17.5vw;
	}
	
	.zeh_objective .elementor-widget-wrap{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.zeh_objective h2{
		font-size: 5.6vw;
		margin-bottom: 7vw;
	}
	

	.zeh_objective ol li{
		display: flex;
	}

	.zeh_objective ol li::before{
		width: 1em;
		line-height: 2;
		font-size: 3.7vw;
		display: block;
		content: "\02022";
	}
	
	.zeh_objective ol li p{
		font-size: 3.7vw;
		line-height: 2;
		width: calc(100% - 1em);
	}
	
	.zeh_objective .zeh_objective_exp{
		margin-top: 5.8vw;
	}
	.zeh_objective .zeh_objective_exp p{
		font-size: 3.7vw;
	}

}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Zeh

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.follow_main{
		margin-top: 25px;
		margin-bottom: 120px;
	}
	
	.follow_main .follow_main_img{
		width: 430px;
	}
	
	.follow_main .follow_main_exp{
		width: calc(100% - 430px);
		padding-top: 11px;
		padding-left: 39px;
	}
	
	.follow_main .follow_main_exp h2{
		font-size: 24px;
		margin-bottom: 41px;
		color: #FFFFFF;
		font-weight: 600;
		letter-spacing: 0.03em;
	}
	
	.follow_main .follow_main_exp p{
		font-size: 16px;
		margin-bottom: 60px;
		color: #FFFFFF;
		line-height: 2.1em;
		letter-spacing: 0.018em;
	}
	
	.follow_about .follow_about_exp{
		width: 825px;
		padding: 82px 90px 67px;
		background-color: #FFFFFF
	}
	
	.follow_about .follow_about_exp h2{
		font-size: 24px;
		margin-bottom: 43px;
		line-height: 1.3em;
	}
	
	.follow_about .follow_about_exp p{
		font-size: 16px;
		margin-bottom: 5px;
		line-height: 2.1em;
		letter-spacing: 0.025em;
	}
	
	.follow_about .follow_about_exp .follow_about_link{
		margin-top: 13px;
	}
	
	.follow_about .follow_about_exp .follow_about_link a{
		display: inline-block;
		position: relative;
		color: #000000;
	}
	
	.follow_about .follow_about_exp .follow_about_link a::after{
		content: "";
		display: block;
		position: absolute;
		left:0;
		bottom:6.5px;
		width: 100%;
		border-top: 1px solid #000000;
	}
	
	.follow_about .follow_about_img{
		width:430px;
		position: absolute;
		top:50%;
		right: 0;
		transform: translate(-45px,-50%);
	}
}

@media  (min-width: 768px) and (max-width: 990px) {
	.follow_main .follow_main_img{
		width: 35%;
	}
	
	.follow_main .follow_main_exp{
		width: 65%;
		padding-left: 25px;
	}
	
	.follow_about .follow_about_exp{
		width: 80%;
		padding: 60px 30px;
	}
	
	.follow_about .follow_about_img{
		width:45%;
	}
}




/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {
	.follow_main{
		margin-bottom: 28vw;
	}
	

	
	.follow_main .follow_main_exp h2{
		font-size: 5.6vw;
		margin-bottom: 9vw;
		color: #FFFFFF;
		font-weight: 600;
		letter-spacing: 0.03em;
	}
	
	.follow_main .follow_main_exp p{
		font-size: 3.7vw;
		margin-bottom: 14vw;
		color: #FFFFFF;
		line-height: 2.1em;
		letter-spacing: 0.018em;
	}
	
	.follow_about .follow_about_exp{
		padding: 10vw 5vw;
		background-color: #FFFFFF
	}
	
	.follow_about .follow_about_exp h2{
		font-size: 5.6vw;
		margin-bottom: 11.2vw;
		line-height: 1.3em;
	}
	
	.follow_about .follow_about_exp p{
		font-size: 3.7vw;
		margin-bottom: 3.6vw;
	}
	
	.follow_about .follow_about_exp .follow_about_link{
		margin-top: 3vw;
	}
	
	.follow_about .follow_about_exp .follow_about_link a{
		display: inline-block;
		position: relative;
		color: #000000;
	}
	
	.follow_about .follow_about_exp .follow_about_link a::after{
		content: "";
		display: block;
		position: absolute;
		left:0;
		bottom:-2.5px;
		width: 100%;
		border-top: 1px solid #000000;
	}
	
	.follow_about .follow_about_img{
		margin-top: 5vw;
	}

}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	Zeh

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
	.privacy_content{
		margin-top: 58px;
	}
	
	.privacy_content h2{
		font-size: 20px;
		margin-top: 63px;
		margin-bottom: 20px;
		color: #FFFFFF;
		letter-spacing: 0.03em;
	}
	
	.privacy_content p,.privacy_content ol li::before{
		font-size:16px;
		line-height: 2;
		color: #FFFFFF;
		letter-spacing: 0.018em;
	}
	
	.privacy_content ol{	
		counter-reset: number 0; 
	}
	
	.privacy_content ol li{	
		display: flex;
	}
	
	.privacy_content ol li::before{	
		counter-increment: number 1;  
		width:2em; 
	}
	
	.privacy_content ol.ul_num li::before{
		content: counter(number) "."; 
	}
	
	.privacy_content ol.ul_num_sec li::before{
		content: "(" counter(number) ")"; 
	}
	
	.privacy_content ol.ul_num li p{	
		width: calc(100% - 2em);
	}

}




/* SP`設定
----------------------------------------------- */
@media (max-width: 767px) {
	
	.privacy_content h2{
		font-size: 4.6vw;
		margin-top: 12.8vw;
		margin-bottom: 4.6vw;
		color: #FFFFFF;
	}
	
	.privacy_content p,.privacy_content ol li::before{
		font-size:3.7vw;
		line-height: 2;
		color: #FFFFFF;
	}
	
	.privacy_content ol{	
		counter-reset: number 0; 
	}
	
	.privacy_content ol li{	
		display: flex;
	}
	
	.privacy_content ol li::before{	
		counter-increment: number 1;  
		width:2em; 
	}
	
	.privacy_content ol.ul_num li::before{
		content: counter(number) "."; 
	}
	
	.privacy_content ol.ul_num_sec li::before{
		content: "(" counter(number) ")"; 
	}
	
	.privacy_content ol.ul_num li p{	
		width: calc(100% - 2em);
	}

}



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	body直下にid名「wrapper」のdivがあります。
	こちらには、固定ページごとに異なるclass名(post-〇)が付与されますので、
	ご活用ください。
	
	【例】
	<body>
	<div id="wrapper" class="post-2 page type-page status-publish has-post-thumbnail hentry">

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper{
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		padding: 94px 0 180px;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
		min-height: 50vh;
		padding: 15vw 0 30vw;
	}

	.inner_wrap {
		position: relative;
		width: 100%;
		padding: 0 4vw;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_cate {
		position: relative;
	}
	.main_cate_in {
		position: relative;
	}

	/* メイン画像のタイトル */
	.main_cate_in p {
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_cate {
		position: relative;
	}
	.main_cate_in {
		position: relative;
	}

	/* メイン画像のタイトル */
	.main_cate_in p {
	}
}











/* ================================================================================

	セクション

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 2カラム
	----------------------------------------------- */
	.col2_1,
	.col2_1_long,
	.col2_1_middle,
	.col2_1_short,
	.col2_1_vshort,
	.col2_1_mshort {
		margin-right: 20px;
	}
	.col2_2,
	.col2_2_long,
	.col2_2_middle,
	.col2_2_short,
	.col2_2_vshort,
	.col2_2_mshort {
		margin-left: 20px;
	}

	/* 3カラム
	----------------------------------------------- */
	.col3_1 {
		margin-right: 20px;
	}
	.col3_2 {
		margin-left: 10px;
		margin-right: 10px;
	}
	.col3_3 {
		margin-left: 20px;
	}

	/* 3カラム画像トリミング */
	.col3_1 img,
	.col3_2 img,
	.col3_3 img {
		width: 100%;
		height: 209px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		object-position: center top;
	}

}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 2カラム
	----------------------------------------------- */
	.col2_1 {
	}
	.col2_1_long {
		margin-top: 16vw;
	}
	.col2_1_middle {
		margin-top: 12vw;
	}
	.col2_1_short {
		margin-top: 8vw;
	}
	.col2_1_vshort {
		margin-top: 4vw;
	}
	.col2_1_mshort {
		margin-top: 3vw;
	}

	.col2_2 {
	}
	.col2_2_long {
		margin-top: 16vw;
	}
	.col2_2_middle {
		margin-top: 12vw;
	}
	.col2_2_short {
		margin-top: 8vw;
	}
	.col2_2_vshort {
		margin-top: 4vw;
	}
	.col2_2_mshort {
		margin-top: 3vw;
	}

	/* 3カラム
	----------------------------------------------- */
	.col3_1 {
		margin-top: 0;
	}
	.col3_2,
	.col3_3 {
		margin-top: 12vw;
	}

	/* 3カラム画像トリミング */
	.col3_1 img,
	.col3_2 img,
	.col3_3 img {
		width: 100%;
		height: 61vw;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		object-position: center top;
	}

}





/* ================================================================================

	マージンボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 120px;
	}
	.top_middle {
		margin-top: 80px;
	}
	.top_short {
		margin-top: 40px;
	}
	.top_vshort {
		margin-top: 20px;
	}
	.top_mshort {
		margin-top: 10px;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 120px;
	}
	.bottom_middle {
		margin-bottom: 80px;
	}
	.bottom_short {
		margin-bottom: 40px;
	}
	.bottom_vshort {
		margin-bottom: 20px;
	}
	.bottom_mshort {
		margin-bottom: 10px;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にマージンを空ける
	----------------------------------------------- */
	.top_long {
		margin-top: 16vw;
	}
	.top_middle {
		margin-top: 12vw;
	}
	.top_short {
		margin-top: 8vw;
	}
	.top_vshort {
		margin-top: 4vw;
	}
	.top_mshort {
		margin-top: 3vw;
	}

	/* 下にマージンを空ける
	----------------------------------------------- */
	.bottom_long {
		margin-bottom: 16vw;
	}
	.bottom_middle {
		margin-bottom: 12vw;
	}
	.bottom_short {
		margin-bottom: 8vw;
	}
	.bottom_vshort {
		margin-bottom: 4vw;
	}
	.bottom_mshort {
		margin-bottom: 3vw;
	}

}




/* ================================================================================

	パディングボックス

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 120px;
	}
	.p_top_middle {
		padding-top: 80px;
	}
	.p_top_short {
		padding-top: 40px;
	}
	.p_top_vshort {
		padding-top: 20px;
	}
	.p_top_mshort {
		padding-top: 10px;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 120px;
	}
	.p_bottom_middle {
		padding-bottom: 80px;
	}
	.p_bottom_short {
		padding-bottom: 40px;
	}
	.p_bottom_vshort {
		padding-bottom: 20px;
	}
	.p_bottom_mshort {
		padding-bottom: 10px;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.row_middle {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.row_short {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.row_vshort {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.row_mshort {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 上にパディングを空ける
	----------------------------------------------- */
	.p_top_long {
		padding-top: 16vw;
	}
	.p_top_middle {
		padding-top: 12vw;
	}
	.p_top_short {
		padding-top: 8vw;
	}
	.p_top_vshort {
		padding-top: 4vw;
	}
	.p_top_mshort {
		padding-top: 3vw;
	}

	/* 下にパディングを空ける
	----------------------------------------------- */
	.p_bottom_long {
		padding-bottom: 16vw;
	}
	.p_bottom_middle {
		padding-bottom: 12vw;
	}
	.p_bottom_short {
		padding-bottom: 8vw;
	}
	.p_bottom_vshort {
		padding-bottom: 4vw;
	}
	.p_bottom_mshort {
		padding-bottom: 3vw;
	}

	/* 両方にパディングを空ける
	----------------------------------------------- */
	.row_long {
		padding-top: 16vw;
		padding-bottom: 16vw;
	}
	.row_middle {
		padding-top: 12vw;
		padding-bottom: 12vw;
	}
	.row_short {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	.row_vshort {
		padding-top: 4vw;
		padding-bottom: 4vw;
	}
	.row_mshort {
		padding-top: 3vw;
		padding-bottom: 3vw;
	}


	/* 背景色を伸ばす
	----------------------------------------------- */
	.row_sp {
		padding-left: 4vw !important;
		padding-right: 4vw !important;
	}
}




/* ================================================================================

	カラーボックス

================================================================================ */

/* カラー01 */
.row_c01 {
	background: url(../img/spacer.gif) center top / auto auto repeat ,#f5f5f5;
	color: inherit;
}

/* カラー02 */
.row_c02 {
	background: url(../img/spacer.gif) center top / auto auto repeat ,#444444;
	color: #ffffff;
}

/* ボーダー囲い色 */
.box_border {
	border-color: #cccccc;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* カラー01 */
	.row_c01 {
	}

	/* カラー02 */
	.row_c02 {
	}

	/* ボーダー囲い */
	.box_border {
		padding: 40px;
		border-style: solid;
		border-width: 4px;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* カラー01 */
	.row_c01 {
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* カラー02 */
	.row_c02 {
		padding-left: 4vw;
		padding-right: 4vw;
	}

	/* ボーダー囲い */
	.box_border {
		padding: 4vw;
		border-style: solid;
		border-width: 4px;
	}
}




/* ================================================================================

	見出し

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* h2見出し
	----------------------------------------------- */
	.h2_cate {
		border-bottom: 3px solid;
		padding: 0 0 12px 0 !important;
	}
	.h2_cate h2 {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
		color: inherit;
	}
	.row_c01 .h2_cate h2 {
		color: inherit;
	}
	.row_c02 .h2_cate h2 {
		color: #ffffff;
	}

	/* h3見出し
	----------------------------------------------- */
	.h3_cate {
		border-bottom: 1px solid;
		padding: 0 0 8px 0 !important;
	}
	.h3_cate h3 {
		font-size: 26px;
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
		color: inherit;
	}
	.row_c01 .h3_cate h3 {
		color: inherit;
	}
	.row_c02 .h3_cate h3 {
		color: #ffffff;
	}

	/* 3カラムh3見出し
	----------------------------------------------- */
	.h3_col3 {
		border-bottom: 1px dotted;
		padding: 0 0 8px 0 !important;
	}
	.h3_col3 h3 {
		font-size: 20px;
		font-weight: 500;
		line-height: 1.4;
		color: inherit;
	}
	.row_c01 .h3_col3 h3 {
		color: inherit;
	}
	.row_c02 .h3_col3 h3 {
		color: #ffffff;
	}

}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* h2見出し
	----------------------------------------------- */
	.h2_cate {
		border-bottom: 3px solid;
		padding: 0 0 2vw 0 !important;
	}
	.h2_cate h2 {
		font-size: 5.5vw;
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
		color: inherit;
	}
	.row_c01 .h2_cate h2 {
		color: inherit;
	}
	.row_c02 .h2_cate h2 {
		color: #ffffff;
	}

	/* h3見出し
	----------------------------------------------- */
	.h3_cate {
		border-bottom: 1px solid;
		padding: 0 0 1.5vw 0 !important;
	}
	.h3_cate h3 {
		font-size: 4.5vw;
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
		color: inherit;
	}
	.row_c01 .h3_cate h3 {
		color: inherit;
	}
	.row_c02 .h3_cate h3 {
		color: #ffffff;
	}

	/* 3カラムh3見出し
	----------------------------------------------- */
	.h3_col3 {
		border-bottom: 1px dotted;
		padding: 0 0 1vw 0 !important;
	}
	.h3_col3 h3 {
		font-size: 4vw;
		font-weight: 500;
		line-height: 1.4;
		color: inherit;
	}
	.row_c01 .h3_col3 h3 {
		color: inherit;
	}
	.row_c02 .h3_col3 h3 {
		color: #ffffff;
	}

}




/* ================================================================================

	共通ボタン

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* リンク
	----------------------------------------------- */
	.link_common {
	}
	.link_common ul {
		font-size: 0;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.link_common ul li {
		display: inline-block;
		font-size: 22px;
		letter-spacing: 0;
	}
	.link_common ul li:not(:first-child) {
		margin-left: 20px;
	}
	.link_common ul li a {
		position: relative;
		display: block;
		background-color: #666666;
		color: #ffffff;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 4em 0.9em;
	}
	.row_c01 .link_common ul li a {
	}
	.row_c02 .link_common ul li a {
		background-color: #ffffff;
		color: #444444;
	}

	.link_common ul li a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 10px;
		height: 15px;
		top: 50%;
		margin-top: -7px;
		right: 16px;
	}
	.row_c01 .link_common ul li a::after {
	}
	.row_c02 .link_common ul li a::after {
		background: url(../img/arrow2.png) center top / contain no-repeat;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* リンク
	----------------------------------------------- */
	.link_common {
	}
	.link_common ul {
		text-align: center;
	}
	.link_common ul li {
		display: block;
		font-size: 4vw;
	}
	.link_common ul li:not(:first-child) {
		margin-top: 2vw;
	}
	.link_common ul li a {
		position: relative;
		display: block;
		width: 80vw;
		background-color: #666666;
		color: #ffffff;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		line-height: 1.3;
		padding: 0.8em 0 0.9em;
		margin-left: auto;
		margin-right: auto;
	}
	.row_c01 .link_common ul li a {
	}
	.row_c02 .link_common ul li a {
		background-color: #ffffff;
		color: #444444;
	}

	.link_common ul li a::after {
		position: absolute;
		content: "";
		display: block;
		background: url(../img/arrow.png) center top / contain no-repeat;
		width: 2vw;
		height: 3vw;
		top: 50%;
		margin-top: -1.5vw;
		right: 3vw;
	}
	.row_c01 .link_common ul li a::after {
	}
	.row_c02 .link_common ul li a::after {
		background: url(../img/arrow2.png) center top / contain no-repeat;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここから各固定ページ

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ================================================================================

	実績紹介部分

================================================================================ */


/* カテゴリアイコン色 */
.works_icon span {
	background-color: #222222;
	color: #ffffff;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.works_wrap {
		position: relative;
		width: 1000px;
		margin:0 auto;
	}
	.works_wrap ul {
		font-size: 0;
		letter-spacing: -0.4em;
		text-align: center;
	}
	.works_wrap > ul > li {
		position: relative;
		display: inline-block;
		vertical-align: top;
		text-align: left;
		width: 320px;
		margin-left: 20px;
		font-size: 16px;
		letter-spacing: 0;
	}
	.works_wrap > ul > li:nth-of-type(3n+1) {
		margin-left: 0;
	}


	/* カテゴリアイコン */
	.works_icon {
		position: absolute;
		top: 16px;
		left: 0px;
		z-index: 1;
	}
	.works_icon span,
	.works_icon a {
		position: relative;
		display: inline-block;
		padding: 0 0.5em 0.1em;
	}


	/* サムネイル画像 */
	.works_thumb img {
		width: 100%;
		height: 213px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
		object-position: center top;
	}


	/* 投稿記事見出し */
	.works_title a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		padding: 0.3em 0.5em;
		font-size: 18px;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.works_wrap {
		position: relative;
		margin: 0 auto;
	}
	.works_wrap > ul {
	}
	.works_wrap > ul > li {
		position: relative;
		padding: 0;
	}
	.works_wrap > ul > li:not(:first-child) {
		margin-top: 6vw;
	}

	.works_wrap > ul > li > a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		
		border: 1px solid #cccccc;
	}


	/* カテゴリアイコン */
	.works_icon {
		position: absolute;
		top: 4vw;
		left: 0px;
		z-index: 1;
	}
	.works_icon span,
	.works_icon a {
		display: inline-block;
		padding: 0 0.5em 0.1em;
	}


	/* サムネイル画像 */
	.works_thumb img {
		max-width: 100%;
		width: 100%;
		height: 62vw;
		object-fit: cover;
		font-family: 'object-fit: cover;';
		object-position: center top;
	}


	/* 投稿記事見出し */
	.works_title a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		padding: 0.3em 0.5em;
		font-size: 4vw;
	}

}





/* ================================================================================

	〇〇ページ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	〇〇ページ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	〇〇ページ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	〇〇ページ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}





/* ================================================================================

	アクセスページ

================================================================================ */

.map_box a {
	width: 100%;
	height: 450px;
	display: block;
	z-index: 1;
	position: absolute;
}

.map_wrap{
	width: 500px !important;
	margin-left: auto;
	margin-right: auto;
}

.map_wrap .map_title{
	margin-bottom: 40px;
}

.map_wrap .map_title img{
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.map_wrap p{
	color: rgba(255,255,255,1.00);
	line-height: 1.45em;
	margin-top: .5em;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
.map_wrap{
	margin-top: 60px;
}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	
}
@media (max-width: 490px) {
.map_wrap p{
	font-size: 4vw;
}	
.map_wrap{
	margin-top: 10vw;
}
.map_wrap .map_title{
	margin-bottom: 8vw;;
}
}