/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-feature-settings: "palt";
}
* {
	box-sizing: border-box;
}

.pc{
	display: block;
}
.sp{
		display: none;
	}
@media all and (max-width: 767px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}
a{
	text-decoration: none;
}


/*------------------------------------------------------------
	パンクズ
------------------------------------------------------------*/
.breadcrumb{
	background: #fff;
	padding: 21px 0;
}
.breadcrumb .wrap_content{
	font-size: 12px;
	width: 1320px;
}
.breadcrumb span{
	color: #777777;
}
.breadcrumb a{
	text-decoration: none;
	color: #222;
}
.breadcrumb a:hover{
	color: #666;
}
.breadcrumb a:after{
	content: ">";
	color: #777;
	padding: 0 10px 0 13px;
}
@media all and (max-width: 767px) {
	.breadcrumb{
		background: #fff;
		padding: 11px 0;
	}
	.breadcrumb .wrap_content{
		font-size: 10px;
		width: 100%;
		padding-left: 13px;
		padding-right: 13px;
	}
}

/* メインコンテンツエリア */
.content_area{
	background: url("../img2024/cmn/dot bg.png") no-repeat top center #F4F6F6;
	background-size: contain;
}
.content_area--white{
	background: url("../img2024/cmn/dot bg.png") no-repeat top center #fff;
	background-size: contain;
}
.content_area--top{
	background: url("../img2024/top/top_dot bg.png") no-repeat top center #f5f6f6;
	background-size: contain;
	padding-top: 60px;
	min-width: 1320px;
}
.bg_white{
	background-color: #fff;
	padding: 66px 0 116px;
}
@media all and (max-width: 767px) {
	.bg_white{
		padding: 66px 0 96px;
	}
	.content_area--top{
		background: url("../img2024/top/top_dot_bg_sp.png") no-repeat top center #f5f6f6;
		background-size: contain;
		padding-top: 30px;
		min-width: inherit;
	}
}

/* h3の先頭のアイコン　各色  */
h3.pre_default{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_green.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
}
h3.pre_blue{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_blue.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
}
h3.pre_green{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_green.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
}
h3.pre_red{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_red.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
}
@media all and (max-width: 767px) {
	h3.pre_default{
		font-size: 22px;
		line-height: 120%;
	}
	h3.pre_blue{
		font-size: 22px;
		line-height: 120%;
	}
	h3.pre_green{
		font-size: 22px;
		line-height: 120%;
	}
	h3.pre_red{
		font-size: 22px;
		line-height: 120%;
	}
}


/*　左に画像があるレイアウト  */
.content1{
	position: relative;
	z-index: 100;
	min-height:1000px;
}
.content1 .content_left{
	display: block;
	position: absolute;
	width: 700px;
	z-index: 100;
}
.content1 .img_right{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 50;
}
@media all and (max-width: 767px) {
	.content1 .content_left{
		display: block;
		position: relative;
		width: 100%;
		z-index: 100;
	}
}
/*　左右二段　*/
.content2{
	position: relative;
	z-index: 100;
	display: flex;
}
.content2 .content_left{
	display: block;
}
.content2 .img_right{
}
@media all and (max-width: 767px) {
	.content2{
	flex-wrap: wrap;
	}
	.content2 .content_left{
		display: block;
		position: relative;
		width: 100%;
		z-index: 100;
	}
}








/* movie */
.main_movie{
	height: 300px;
}
/* title area */
.title_area{
	background-position: center top;
	background-size: cover;
	background-color: #f4f6f6;
	background-repeat: no-repeat;
}
.wrap_content{
	width: 1200px;
	margin: 0 auto;
}
@media all and (max-width: 767px) {
	.wrap_content{
		width: 90%;
		margin: 0 auto;
	}
}
.wrap_content--default{
	padding: 50px 0;
}


.title_area .wrap_content{
	position: relative;
	height: 460px;
}
@media all and (max-width: 767px) {
	.title_area .wrap_content{
		height: 330px;
	}
}
/*

見出し 

*/
.title_area h1 span{
	
	display: block;
	background-image: url(../img2024/cmn/icon_pre_green.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	font-weight: 500;
	font-size: 20px;
	line-height: 100%;
	text-align: left;
	color: #fff;
	margin-bottom: 20px;
}
.title_area h1 span.blue{
	background-image: url(../img2024/cmn/icon_pre_blue.png);
}
.title_area h1 span.green{
	background-image: url(../img2024/cmn/icon_pre_green.png);
}
.title_area h1 span.red{
	background-image: url(../img2024/cmn/icon_pre_red.png);
}
.title_area h1{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	margin: auto 0;
	align-content: center;
	font-weight: bold;
	font-size: 40px;
	letter-spacing: 0.02em;
	line-height: 100%;
	text-align: left;
	color: #fff;
}
.title_area--white_header h1{
	top: 100px;
}
@media all and (max-width: 767px) {
	
	.title_area h1 span{
		font-size:16px;
	}
	.title_area h1{
		font-size: 30px;
		width: 320px;
	}
	.title_area--up h1{
		font-size: 38px;
		top:-90px;
	}
}

h2{
	font-size: 38px;
	line-height: 40px;
	color: #222;
	font-weight: bold;
	position: relative;
}
h2 .subtitle{
	font-size: 24px;
}
@media all and (max-width: 767px) {
	h2{
		font-size: 26px;
		line-height: 34px;
	}
	h2 .subtitle{
		font-size: 16px;
	}
}
h2 .underline{
	text-decoration: underline 20px #46CBA2;
	 text-underline-offset: -10px;
	text-decoration-skip-ink: none;
}
h2 .underline--blue{
	text-decoration: underline 20px #4781d6;
	 text-underline-offset: -10px;
}
h2 .underline--green{
	text-decoration: underline 20px #46CBA2;
	 text-underline-offset: -10px;
}
h2 .underline--red{
	text-decoration: underline 20px #F14A4A;
	 text-underline-offset: -10px;
}
h2 .underline--lightred{
	text-decoration: underline 20px #f58080;
	 text-underline-offset: -10px;
}
h2 .underline--white{
	text-decoration: underline 20px #fff;
	 text-underline-offset: -10px;
}
@media all and (max-width: 767px) {
	h2 .underline{
		background: linear-gradient(transparent 70%, #46CBA2 70%);
		text-decoration:none;
	}
	h2 .underline--blue{
		background: linear-gradient(transparent 70%, #4781d6 70%);
		text-decoration:none;
	}
	h2 .underline--green{
		background: linear-gradient(transparent 70%, #46CBA2 70%);
		text-decoration:none;
	}
	h2 .underline--lightred{
		background: linear-gradient(transparent 70%, #f58080 70%);
		text-decoration:none;
	}
	h2 .underline--red{
		background: linear-gradient(transparent 70%, #F14A4A 70%);
		text-decoration:none;
	}
	h2 .underline--white{
		background: linear-gradient(transparent 70%, #fff 70%);
		text-decoration:none;
	}
}
h3{
	font-size: 24px;
	font-weight: 500;
}
p{
	font-size: 14px;
	line-height: 200%;
	color: #222;
}
p.large_text{
	font-size: 16px;
	line-height: 225%;
	color: #222;
}
p.caution_text{
	font-size: 14px;
	line-height: 160%;
	color: #777;
	/* opacity: 0.8; */
}
.color_red{
	color:#C81E1D !important;
}
.color_blue{
	color:#4781D6 !important;
}
.color_green{
	color:#1CC18E !important;
}
sup{
	color:#C81E1D;
	line-height: 100%;
}
p.leadtext{
font-weight: 500;
font-size: 28px;
line-height: 48px;
text-align: left;
color: #222;
}
@media all and (max-width: 767px) {
	p.large_text{
		font-size: 14px;
	}
	p.caution_text{
		font-size: 12px;
	}
	p.leadtext{
		font-size: 16px;
		line-height: 28px;
	}
}

/* margin */
.mt8em{
	margin-top: 128px;
}
.mt7em{
	margin-top: 112px;
}
.mt6em{
	margin-top: 96px;
}
.mt5em{
	margin-top: 80px;
}
.mt4em{
	margin-top: 64px;
}
.mt3em{
	margin-top: 48px;
}
.mt2em{
	margin-top: 32px;
}
.mt1em{
	margin-top: 16px;
}
.pb10{
	padding-bottom: 10px;
}
hr.padding_wrap{
	height: 115px;
	border: none;
}
@media all and (max-width: 767px) {
	hr.padding_wrap{
		height: 80px;
	}
	.mt8em{
		margin-top: 80px;
	}
	.mt7em{
		margin-top: 70px;
	}
	.mt5em{
		margin-top: 50px;
	}
	.mt4em{
		margin-top: 40px;
	}
	.mt3em{
		margin-top: 30px;
	}
	.mt2em{
		margin-top: 20px;
	}
	.mt1em{
		margin-top: 10px;
	}
}



/* 

agency
contractor

*/
.title_bg--agency{
	background-image: url("../img2024/agency/bg.png");
}
.title_bg--contractor{
	background-image: url("../img2024/contractor/bg.png");
}
.img-agency-1 img{
	width: 600px;
}
.content1--agency{
	min-height: 580px;
}
.content1 .content_left--agency{
	width: 790px;
}
@media all and (max-width: 767px) {
	.img-agency-1 img{
		width: 100%;
	}
	.content1--agency{
		width: 100%;
	}
	.content1 .content_left--agency{
		width: 100%;
	}
}
.agency_flow_flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.agency_flow_box{
	width: 375px;
	background: #E1EEED;
	border-radius: 10px;
	padding: 36px 40px 43px;
	margin-bottom: 35px;
	position: relative;
}
.agency_flow_box h3{
font-weight: bold;
font-size: 20px;
text-align: left;
color: #1CC18E;
	margin-bottom: 10px;
}
.agency_flow_box_no{
	content: "1";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background-color: #F4F6F6;
	color: #1CC18E;
	border-radius: 0 50px 0 0;
	line-height: 73px;
	font-size: 26px;
	font-weight: 800;
}
.agency_arrow1:before{
	content:"";
	display: block;
	width: 35px;
	height: 62px;
	background: url("../img2024/agency/arrow_right.png") no-repeat;
	position: absolute;
	top:0;
	bottom: 0;
	margin: auto 0;
	left: -20px;
}
.agency_arrow2:before{
	content:"";
	display: block;
	width: 71px;
	height: 70px;
	background: url("../img2024/agency/arrow_downleft.png") no-repeat;
	position: absolute;
	top:-30px;
	right: -30px;
}
.content1 .img-agency-2{
	top:90px;
}
@media all and (max-width: 767px) {
	.agency_flow_flex{
		margin-top: 150px;
	}
	.content1 .img-agency-2{
		
	}
	.content1 .img_right{
		left: -5.5%;
	    width: 100vw;
		height: 180px;
		overflow: hidden;
	}
	.img_right img{
		width: 100%;
	}
	.agency_flow_box{
		margin-bottom: 20px;
	}
	.agency_flow_box h3{
		font-size: 18px;
	}
	.agency_arrow1{
		
	}
	.agency_arrow1:before{
		right:0;
		left:0;
		margin: auto;
		background: url("../img2024/agency/arrow_down.png") no-repeat;
		width: 41px;
		height: 23px;
		top:-20px;
		bottom: inherit;
	}
	.agency_arrow2:before{
		right:0;
		left:0;
		top:-20px;
		margin: auto;
		background: url("../img2024/agency/arrow_down.png") no-repeat;
		width: 41px;
		height: 23px;
	}
}

.contractor_table{
	margin: 0;
	border: 0;
	width: 100%;
	font-weight: 700;
	font-size: 16px;
}
.contractor_table th{
	background-color: #E1E1E1;
	color: #8E8F8F;
	font-weight: 400;
	line-height: 100%;
}
.contractor_table th.area{
	padding: 38px 0px;
	border-right: 10px solid #F5F6F6;
	width: 180px;
}
.contractor_table th.code{
	padding: 38px 0px;
	border-right: 10px solid #F5F6F6;
	width: 240px;
}
.contractor_table th.kou{
	color: #fff;
	background-color: #4781D6;
	border-right: none;
	padding: 17px 0;
}
.contractor_table th.tei{
	color: #fff;
	background-color: #1CC18E;
	border-right: none;
	padding: 17px 0;
}
.contractor_table th.moushikomi{
	color: #fff;
	background-color: #a1a1a1;
	border-right: none;
	padding: 9px 0;
}
.contractor_table td{
	padding: 18px 5px;
	text-align: center;
	background-color: #fff;
	border-right: 10px solid #F5F6F6;
	border-top: 10px solid #F5F6F6;
}
.contractor_table td.kou{
	border-right: 5px solid #F5F6F6;
}
.contractor_table td.tei{
	border-right: none;
	border-left: 5px solid #F5F6F6;
}
.contractor_table .col_1 td{
	color: #1CC18E;
}
.contractor_table .col_2 td{
	color: #8E8F8F;
	background-color: #E6EEEE;
}

@media all and (max-width: 767px) {
	.contractor_table{
		width: 800px;
		font-size: 14px;
	}
	.contractor_table th.area{
		width: 90px;
		padding: 28px 0px;
	}	
	.contractor_table th.code{
		width: 130px;
		padding: 28px 0px;
	}
	.contractor_table th.kou{
		padding: 15px 0;
	}
	.contractor_table th.tei{
		padding: 15px 0;
	}
	.contractor_table td{
		padding: 15px 0;
	}
}


a.mail_link{
	
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	width: 4.5em;
	color: #4781D6;
	margin: 0 auto;
}
.tei a.mail_link{
	color: #1CC18E;
	line-height: 100%;
}
a.mail_link:after{
content: '';
display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #4781D6;
  border-right: 2px solid #4781D6;
  transform: translateY(-2px) rotate(135deg);
	transition: ease 0.3s;
}
.tei a.mail_link:after{
	border-top: 2px solid #1CC18E;
  border-right: 2px solid #1CC18E;
}
a.ref_link:after{
	content: "";
	background: url("../img2024/contractor/table_download_blue.png") no-repeat;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 18px;
	margin-bottom: -1px;
}
.tei a.ref_link:after{
	background: url("../img2024/contractor/table_download_green.png") no-repeat;
}
a.ref_link{
	color: #4781D6;
}
.tei a.ref_link{
	color: #1CC18E;
}
.contractor_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contractor_flex_left{
	width: 700px;
	padding-right: 60px;
	border-right: 1px solid #ddd;
}
.contractor_flex_right{
	width: 440px;
}
@media all and (max-width: 767px) {
	.contractor_flex_left{
		width: 100%;
		padding-right: 0px;
		border-right: none;
	}
	.contractor_flex_right{
		width: 100%;
	}
}
.contractor_flex h3{
	background-image: url("../img2024/cmn/icon_pre_green.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
	margin-bottom: 40px;
}
@media all and (max-width: 767px) {
	.contractor_flex h3{
		margin-bottom: 30px;
	}
}
.contractor_flex_2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.contractor_flex_2_item{
	background-color: #fff;
	
	width: 300px;
	padding-bottom: 20px;
	margin-bottom: 18px;
}
.contractor_flex_2_left{
	width: 300px;
}
@media all and (max-width: 767px) {
	.contractor_flex_2_item{
		width: 100%;
	}
	.contractor_flex_2_left{
		width: 100%;
		margin-bottom: 58px;
	}
	.contractor_flex_2_right{
		width: 100%;
		margin-bottom: 70px;
	}
}
.contractor_flex_2_item_titlte{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #fff;
	height: 58px;
	line-height: 58px;
	background: #4781D6;
}
.contractor_flex_2_item_titlte--tei{
	background: #1CC18E;

}
.contractor_flex_2_item_text{
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #4781D6;
	margin: 25px 0 0;
}
.contractor_flex_2_item_text--tei{
	color: #1CC18E;
}
.contractor_flex_2_item_text img{
	margin-top: 20px;
}
a.mail_address_link{
	padding: 17px 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	width: 350px;
	font-size: 20px;
	color: #4781D6;
	font-weight: 500;
	margin: 25px 0 60px;
	text-align: center;
}
.contractor_flex_2_left strong{
	color: #4781D6;
}

.contractor_flex_2_right strong{
	color: #1CC18E;
}
.wrap_caution{
	display: flex;
	width: 300px;
	line-height: 24px;
}
.wrap_caution:before{
	content: "※";
	color: #1CC18E;
}
@media all and (max-width: 767px) {
	a.mail_address_link{
		 width: 100%;
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: 15px;
		text-align: center;
		margin-bottom: 35px;
	}
	.contractor_flex_2_item_text{
		font-size: 16px;
	}
}

.list_text{
	display: flex;
}
.list_text:before{
	content: '・';
	margin-right: 0.5em;
}


/*  whitebox_contact_flex */
.whitebox_contact_flex{
	background-color: #fff;
	padding: 46px 60px;
	display: flex;
	justify-content: space-between;
	border: 1px solid #E4EBEA;
}
.whitebox_text h2
{
font-weight: bold;
font-size: 28px;
	line-height: 100%;
text-align: left;
color: #1CC18E;
}
.whitebox_text p.large_text{
	line-height:200%;
}
.whitebox_button{
	width: 590px;
}
.whitebox_button a{
	 display: flex;
  justify-content: space-between;
  align-items: center;
	width: 100%;
	height: 140px;
	background: url("../img2024/agency/btn_img.png") no-repeat;
	background-size: cover;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	line-height: 140px;
	padding:0 40px;
	background-size: cover;
	transition: 1s;
}
.whitebox_button a:after {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
	transition: ease 0.3s;
}
.whitebox_button a:hover:after{
	margin-right: -40px;
}

@media all and (max-width: 767px) {
	.whitebox_contact_flex{
		flex-wrap: wrap;
		padding: 30px 30px 30px;
	}
	.whitebox_text h2{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.whitebox_text p.large_text{
		margin-top: 0px;
		margin-bottom: 25px;
		font-size: 14px;
		line-height:200%;
	}
	.whitebox_button a{
		background-size: cover;
		font-size: 14px;
		line-height: 110px;
		height: 110px;
		padding:0 30px;
	}
}
.bg_sq_after{
	position: relative;
}
.bg_sq_after:after{
	content: "";
	display: block;
	border-radius: 10px;
	background-color: #E1EEED;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 90%;
	height: 460px;
	z-index: 80;
	margin: auto;
}
@media all and (max-width: 767px) {
	.bg_sq_after:after{
		height: 420px;
	}
}

/* 

ge-light
ge-regular
green
nonfossil

*/
.title_bg--gelight{
	background-image: url("../img2024/ge-light/bg.png");
}
.title_bg--geregular{
	background-image: url("../img2024/ge-regular/bg.png");
}
.title_bg--green{
	background-image: url("../img2024/green/bg.png");
}
.title_bg--fossil{
	background-image: url("../img2024/nonfossil/bg.png");
}

.title_bg--gelight .wrap_content,
.title_bg--geregular .wrap_content,
.title_bg--green .wrap_content,
.title_bg--fossil .wrap_content
{
	/* height: 460px; */
	height: 60vh;
}

@media all and (max-width: 767px) {
	.title_bg--gelight{
		background-image: url("../img2024/ge-light/bg_sp.png");
	}
	.title_bg--geregular{
		background-image: url("../img2024/ge-regular/bg_sp.png");
	}
	.title_bg--green{
		background-image: url("../img2024/green/bg_sp.png");
	}
	.title_bg--fossil{
		background-image: url("../img2024/nonfossil/bg_sp.png");
	}
}


.title_area h1 span.ge_sq_box{
	display: inline;
	padding: 0 15px;
	background: #4781d6;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	margin-left: 10px;
}
.title_area h1 span.ge_sq_box_red{
	display: inline;
	padding: 0 15px;
	background: #F14A4A;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	margin-left: 10px;
}
.title_area h1 span.ge_sq_box_green{
	display: inline;
	padding: 0 15px;
	background: #46CBA2;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	margin-left: 10px;
}
@media all and (max-width: 767px) {
	.title_area h1 span.ge_sq_box{
		display: inline-block;
		padding: 7px 10px;
		margin: 14px 0 0;
		font-size: 24px;
		text-align: center;
	}
	.title_area h1 span.ge_sq_box_red{
		display: inline-block;
		padding: 7px 10px;
		margin: 14px 0 0;
		font-size: 24px;
		text-align: center;
	}
	.title_area h1 span.ge_sq_box_green{
		display: inline-block;
		padding: 7px 10px;
		margin: 14px 0 0;
		font-size: 24px;
		text-align: center;
	}
}
.content_ge_flex_1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}
.content_ge_flex_1 .content_left{
	width: 600px;
}
.content_ge_flex_1 .content_right{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: end;
}
.content_ge_flex_1--green .content_left{
	width: 810px;
}
.ge_right_icon_img{
	width: 300px;
}
@media all and (max-width: 767px) {
	.content_ge_flex_1 .content_left{
		width: 100%;
	}
	.content_ge_flex_1 .content_right{
		width: 100%;
	}
	.ge_right_icon_img{
		width: 206px;
		margin: 45px auto -10px;
	}
	.ge_right_icon_img--mt{
		margin-top: 10px;
	}
	.content_ge_flex_1 p.caution_text{
		margin-top: 20px;
	}
}
.content_ge_flex_1--green .content_right{
	width: 312px;
}
@media all and (max-width: 767px) {
	.content_ge_flex_1--green .content_right{
		width: 100%;
	}
}
.ge_right_icon_img img{
	width: 100%;
}
.ge_right_icon_link{
	margin-top: -40px;
}
.ge_right_icon_link a{
	width: 200px;
	height: 60px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	background: #fff;
	font-size: 16px;
	color: #222;
	line-height: 60px;
	text-decoration: none;
	transition: 0.3s;
}
.ge_right_icon_link a:hover{
	color: #4781d6;
	padding-left: 20px;
}
.ge_right_icon_link a .link_circle{
	margin-left: 30px;
}
.ge_right_icon_link a:hover .link_circle{
	margin-left: 15px;
}
/*ge_re100*/
.ge_re100_title{
margin-top:30px;
font-size:14px;
font-weight:700;
}
.ge_re100_list{
font-size:14px;
margin-top:10px;
margin-bottom:20px;
}
.ge_re100_list li{
margin-left:20px;
line-height:150%;
}
.ge_re100_caution{
padding:10px;
margin-top:20px;
border:1px solid #333;
}
@media all and (max-width: 767px) {
	.ge_re100_title{
		margin-top:50px;
	}
}

@media all and (max-width: 767px) {
	.ge_right_icon_link{
		margin-top: 40px;
		width: 100%;
	}
	.ge_right_icon_link a{
		margin: 0 auto;
		width: 210px;
	}
}


.img_bg{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.img_bg_gelight_1{
	background-image: url("../img2024/ge-light/bg_2.png");
	height: 560px;
	margin-top: 50px;
}
.img_bg_green{
	background-image: url("../img2024/green/bg_2.png");
	height: 560px;
	margin-top: 80px;
}
.img_bg_fossil{
	background-image: url("../img2024/nonfossil/bg_2.png");
	margin-top: 80px;
}
@media all and (max-width: 767px) {
	.img_bg_gelight_1{
		height: 390px;
		margin-bottom: 54px;
	}
	.img_bg_green{
		height: 540px;
		margin-bottom: 54px;
	}
}
.ge_h2_imgtext{
	color: #fff;
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	padding-top: 68px;
}
.ge_h2_imgtext:before{
	content:"＼";
	padding-right: 15px;
	font-weight: bold;
}
.ge_h2_imgtext:after{
	content:"／";
	padding-left: 15px;
	font-weight: bold;
}
@media all and (max-width: 767px) {
	.ge_h2_imgtext{
		font-size: 25px;
	}
}
.ge_h2_circle{
	width: 320px;
	height: 320px;
	border-radius: 160px;
	background: #fff;
	margin: 40px auto 0;
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	padding-top: 80px;
}
.ge_h2_circle--green{
	font-size: 22px;
}
.ge_h2_circle--green{
	padding-top: 75px;
}
@media all and (max-width: 767px) {
	.ge_h2_circle{
		width: 160px;
		height: 160px;
		font-size: 15px;
		padding-top: 38px;
	}
	.ge_h2_circle--green{
		font-size: 14px;
		line-height: 110%;
	}
	.ge_h2_circle--green:first-child{
		margin: 40px 50px -45px;
	}
}
.ge_h2_circle_img{
	width: 120px;
	margin: 28px auto 0;
}
.ge_h2_circle_img img{
	width: 100%;
}
.ge_h2_circle_img2{
	width: 81px;
	margin: 28px auto 0;
}
.ge_h2_circle_img2 img{
	width: 100%;
}
.ge_h2_circle_img3{
	width: 93px;
	margin: 14px auto 0;
}
.ge_h2_circle_img3 img{
	width: 100%;
}
.ge_h2_circle_img4{
	width: 110px;
	margin: 13px auto 0;
}
.ge_h2_circle_img4 img{
	width: 100%;
}
.ge_h2_circle_img5{
	width: 84px;
	margin: 6px auto 0;
}
.ge_h2_circle_img5 img{
	width: 100%;
}



@media all and (max-width: 767px) {
	.ge_h2_circle_img{
		width: 64px;
		margin: 10px auto 0;
	}
	.ge_h2_circle_img2{
		width: 46px;
		margin: 10px auto 0;
	}
	.ge_h2_circle_img3{
		width: 46px;
		margin: 14px auto 0;
	}
	.ge_h2_circle_img4{
		width: 55px;
		margin: 13px auto 0;
	}
	.ge_h2_circle_img5{
		width: 52px;
		margin: 3px auto 0;
	}
}

.geregular_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media all and (max-width: 767px) {
	.geregular_flex{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
}

.ge_light_img{
	width: 940px;
	margin: 77px auto;
}
.ge_light_img img{
	width: 100%;
}
@media all and (max-width: 767px) {
	.ge_light_img{
		width: 90%;
		margin: 35px auto 42px;
	}	
}
ul.ge_list{
	
}
ul.ge_list+.caution_text{
	margin-top: 30px;
}
ul.ge_list li{
	background: url("../img2024/ge-light/icon_check.png") no-repeat #fff;
	list-style: none;
	padding: 26px 10px 30px 70px;
	margin-bottom: 10px;
	background-position: 20px center;
	line-height: 180%;
}
ul.ge_list--green  li{
	background-image: url("../img2024/green/icon_check.png");
}
@media all and (max-width: 767px) {
	ul.ge_list li{
		margin-bottom: 20px;
	}
}

.content_ge_flex_2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 74px;
}
.content_ge_flex_2>div{
	width: 50%;
}
.content_ge_flex_2>div+div{
	margin-right: -40px;
}
@media all and (max-width: 767px) {
	.content_ge_flex_2{
		margin-top: 38px;
	}
}
.content_ge_flex_2 h3{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_blue.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
	margin-bottom: 40px;
}
.content_ge_flex_2 .graybox{
	background: #f4f6f6;
	border: 1px solid #ddd;
	width: 250px;
	height: 180px;
	text-align: center;
	padding: 21px 0 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.content_ge_flex_2 .graybox p{
	font-size: 20px;
letter-spacing: 0.1em;
	font-weight: bold;
}
.content_ge_flex_2--green h3{
	background-image: url("../img2024/cmn/icon_pre_green.png");
}
@media all and (max-width: 767px) {
	.content_ge_flex_2 h3{
		margin-bottom: 30px;
	}
	.content_ge_flex_2>div{
		width: 100%;
	}
	.content_ge_flex_2 .graybox{
		width: 48%;
	}
	.content_ge_flex_2 .graybox p{
		font-size: 18px;
	}
	.content_ge_flex_2 p.caution_text{
		font-size: 14px;
	}
	.content_ge_flex_2>div+div{
		margin: 50px 0 -30px;
	}
}

.whitebox_text h2.blue{
	color: #4781d6;
}
.whitebox_text h2.green{
	color: #1CC18E;
}

.ge_flex_3{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: -40px;
}
.ge_flex_3 .graybox{
	margin-right: 40px;
	margin-bottom: 40px;
}
@media all and (max-width: 767px) {
	.ge_flex_3{
		width: 100%;
		justify-content: space-between;
		margin-bottom: -20px;
	}
	.ge_flex_3 .graybox{
		width: 48%;
		margin-right: 0px;
		margin-bottom: 15px;
	}
}
.ge_flex_3 img{
	width: 100%;
}
.ge_icon_2{
	width: 74px;
	margin: 0 auto;
}
.ge_icon_3{
	width: 90px;
	margin: 0 auto;
}
.ge_icon_4{
	width: 90px;
	margin: 0 auto;
}
.ge_icon_5{
	width: 92px;
	margin: 0 auto;
}
.ge_icon_6{
	width: 92px;
	margin: 0 auto;
}
.ge_icon_7{
	width: 60px;
	margin: 0 auto;
}
.ge_icon_8{
	width: 92px;
	margin: 0 auto;
}
.ge_icon_9{
	width: 98px;
	margin: 0 auto;
}
.ge_icon_10{
	width: 60px;
	margin: 0 auto;
}
.content_ge_flex_2 img{
	width: 100%;
}



.ge_flex_4{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-top: 25px;
	margin-bottom: 30px;
}
.ge_flex_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ge_flex_box{
	width: 375px;
	background: #DDEEEB;
	border-radius: 10px;
	padding: 36px 40px 43px;
	margin-bottom: 35px;
	position: relative;
}
.ge_flex_box h3{
font-weight: bold;
font-size: 20px;
text-align: left;
color: #1CC18E;
	margin-bottom: 10px;
}
.ge_flex_box .ge_flow_img{
	text-align: center;
	margin: 0 auto 20px;
}
.ge_flex_box .ge_flow_img img{
	width: 100%;
}
.ge_flow_img--icon1{
	width: 109px;
}
.ge_flow_img--icon2{
	width: 142px;
}
.ge_flow_img--icon3{
	width: 110px;
}

.ge_flow_box_no{
	content: "1";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 50px;
	background-color: #F4F6F6;
	color: #1CC18E;
	border-radius: 0 50px 0 0;
	line-height: 73px;
	font-size: 26px;
}
.pre_green{
	display: block;
	background-image: url(../img2024/cmn/icon_pre.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	font-weight: 500;
	line-height: 100%;
	text-align: left;
	margin-bottom: 20px;
}


.content_ge_flex_1--fossil .content_left{
	width: 810px;
}
.content_ge_flex_1--fossil  h3{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_blue.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
	margin-bottom: 40px;
}
.content_ge_flex_1--fossil .ge_right_icon_img{
	width: 300px;
	margin-bottom: -40px;
}
@media all and (max-width: 767px) {
	.content_ge_flex_1--fossil .ge_right_icon_img{
		margin:15px auto;
		width: 230px;
	}
	.content_ge_flex_1--fossil  h3{
		font-size: 22px;
		line-height: 120%;
	}
}
.fossil_flex1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 20px;
}
.fossil_flex1_left,
.fossil_flex1_right{
	width: 49%;
}
@media all and (max-width: 767px) {
	.fossil_flex1_left,
	.fossil_flex1_right{
		width: 100%;
	}
}
.fossil_flex1 p{
	margin-top: 26px;
}
/* 背景拡大リンク */
.ge_menu_wrap{
	height: 140px;
	width: 590px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}
@media all and (max-width: 767px) {
	.ge_menu_wrap{
		width: 100%;
		height: 120px;
	}
	.fossil_flex1 p{
		margin-top: 13px;
		margin-bottom: 26px;
	}
}
.ge_img--regular{
	background: url("../img2024/nonfossil/btn_bg1.png") no-repeat center center;
}
.ge_img--light{
	background: url("../img2024/nonfossil/btn_bg2.png") no-repeat center center;
}
@media all and (max-width: 767px) {
	.ge_img--regular{
		background: url("../img2024/nonfossil/btn_bg1_sp.png") no-repeat center center;
	}
	.ge_img--light{
		background: url("../img2024/nonfossil/btn_bg2_sp.png") no-repeat center center;
	}
}
.ge_img{
	height: 140px;
	width: 590px;
	display: block;
	
	background-size: 100%;
	transition:0.3s;
}
@media all and (max-width: 767px) {
	.ge_img{
		height: 120px;
		width: 100%;
	}
}
.ge_img:hover{
	filter: brightness(170%);
	transform:scale(1.15);
}
.ge_img_arrow:after{
	content: '';
	display: block;
	position: absolute;
	right: 40px;
	top:0px;
	bottom:0px;
	margin: auto 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	transition: ease 1s;
}
.ge_img_arrow:hover:after{
	transform:rotate(45deg) scale(0.87);
	
}
.ge_linktext{
	pointer-events: none;
	display: block;
	position: absolute;
	left: 40px;
	top:50px;
	margin: auto 0;
	color: #fff;
	
	font-size: 20px;
	font-weight: 500;
}

.regular_or_light{
	background-color:#4781D6;
	font-size: 16px;
	margin-left: 10px;
	padding: 0 10px;
}
@media all and (max-width: 767px) {
	.ge_linktext{
		top: 30px;
	}
	.regular_or_light{
		display: inline-block;
		margin-left: 0px;
		margin-top: 10px;
	}
}


.img_bg_fossil .wrap_content{
	min-height: 700px;
	padding: 110px 0 100px;
}
@media all and (max-width: 767px) {
	.img_bg_fossil .wrap_content{
		min-height: inherit;
		padding: 72px 0 80px;
	}
}
h2.fossil_h2_imgtext{
	color: #fff;
}
.fossil_table_bg{
	background-color: rgba(255,255,255,0.8);
	padding: 40px 60px 30px;
	margin-top: 60px;
}
.fossil_table{
	width: 100%;
}
@media all and (max-width: 767px) {
	
	.fossil_table_bg{
		width: 100vw;
		margin-left: -5vw;
		padding: 20px 15px 20px;
		margin-top: 40px;
	}
	.fossil_table{
		width: 1080px;
	}
}
.fossil_table th{
	background: #4781d6;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 10px;
}
.fossil_table th.none{
	background-color: inherit;
	
}
.fossil_table th span{
	font-size: 13px;
}
.fossil_table td span{
	font-size: 12px;
}
.fossil_table th sup{
	color: #fff;
}
.fossil_table td{
	background-color: #fff;
	color: #4781D6;
	text-align: center;
	padding: 16px 10px;
	width: 290px;
}
.fossil_table td.head{
	background-color: #F4F6F6;
	width: inherit;
}
.fossil_table_bg p{
	font-size: 14px;
	margin-left: 180px;
	margin-top: 18px;
}
@media all and (max-width: 767px) {
	.fossil_table th{
		font-size: 15px;
	}
	.fossil_table td{
		font-size: 15px;
	}
	.fossil_table_bg p{
		margin-left: 0px;
	}
}
.content_fossil{
	background-color: #E1E8F3;
}
.content_fossil .wrap_content{
	padding: 66px 0 16px;
}
.fossil_flex2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 60px;
}
@media all and (max-width: 767px) {
	.fossil_flex2{
		
		margin-top: 38px;
	}
}
.fossil_flex2_item{
	background-color: #fff;
	width: 570px;
	padding: 32px 38px;
	margin-bottom: 60px;
}
.fossil_flex2_item h3{
	margin-bottom: 26px;
	line-height: 100%;
}
@media all and (max-width: 767px) {
	.fossil_flex2_item{
		padding: 15px 20px;
		margin-bottom: 20px;
	}
	.fossil_flex2_item h3{
		margin-bottom: 11px;
		line-height: 120%;
	}
	.fossil_flex2_item .large_text{
		line-height: 180%;
	}
}


/* 

individual

*/
.title_bg--individual{
	background-image: url("../img2024/individual/bg.png");
}
.title_bg--login{
	background-image: url("../img2024/login/bg.png");
}
.title_bg--qa{
	background-image: url("../img2024/qa/bg.jpg");
}

@media all and (max-width: 767px) {
	.title_bg--individual{
		background-image: url("../img2024/individual/bg_sp.png");
	}
	.title_bg--login{
		background-image: url("../img2024/login/bg_sp.png");
	}
	.title_bg--qa{
		background-image: url("../img2024/qa/bg_sp.jpg");
	}
}

.individual_text{
	font-weight: 500;
	font-size: 28px;
	line-height: 48px;
	text-align: center;
	color: #222;
	margin: 130px 0 63px;
}
.individual_link{
	display: block;
	width: 300px;
	height: 70px;
	text-align: center;
	border-radius: 35px;
	line-height: 70px;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	background-color: #1CC18E;
	margin:  0 auto;
}
@media all and (max-width: 767px) {
	.individual_text{
		font-size: 16px;
		line-height: 180%;
		margin-top: 28px;
	}
}

.login_text{
	font-size: 20px;
	text-align: center;
	margin: 0 0 66px 0;
}
@media all and (max-width: 767px) {
	.login_text{
		font-size: 16px;
		margin-bottom: 40px;
	}
}
ul.login_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 800px;
	margin: 40px auto;
}
.login_flex li{
	list-style: none;
	margin-bottom: 20px;
	border: 1px solid #D7E9E6;
	line-height: 100%;
}
.login_flex li.blanklist{
	border: none;
}
@media all and (max-width: 767px) {
	ul.login_flex{
		width: 100%;
	}
	.login_flex li{
		width: 49%;
		margin-bottom: 7px;
	}
	.login_flex li img{
		width: 100%;
	}
}

.login_kiyaku_text{
	text-align: center;
	font-size: 20px;
	margin-top: 65px;
	margin-bottom: 50px;
}
@media all and (max-width: 767px) {
	.login_kiyaku_text{
		font-size: 16px;
		margin-top: 40px;
		margin-bottom: 10px;
	}
}


/*

fuel_layout_flex

*/
.fuel_layout_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.fuel_layout_menu{
	width: 160px;
	border-top: 1px solid #222;
	margin-right: 60px;
	margin-top: 88px;
}
.fuel_layout_content{
	width: 1040px;
	margin-right: -60px;
}

.fuel_white_box{
	background-color: #fff;
	padding: 65px 80px;
}
@media all and (max-width: 767px) {
	.fuel_white_box{
		background-color: #fff;
		padding: 25px 20px;
	}
	.fuel_layout_content{
		width: 100%;
	}
}

.file_white_box{
	background-color: #fff;
	padding: 65px 80px;
}
@media all and (max-width: 767px) {
	.file_white_box{
		background-color: #fff;
		padding: 1px 20px 25px;
	}
}

.fuel_layout_menu a{
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	color: #8B8C8C;
	margin: 0 auto;
	padding: 37px 0;
}
.fuel_layout_menu a.activelink{
	color: #222;
}
.fuel_layout_menu a:after{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	transform: rotate(45deg);
	transition: ease 0.3s;
	margin-right: 15px;
}
.fuel_layout_menu a:hover:after{
	margin-right: 0px;
}

ul.fuel_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}
ul.fuel_flex li{
	list-style: none;
	width: 200px;
	height: 120px;
	text-align: center;
	background-color: #F4F6F6;
	border-radius: 5px;
	margin-bottom: 25px;
	color: #C0C1C1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
}
ul.fuel_flex--100 li{
	width: 100%;
	height: 100px;
}
ul.fuel_flex--50 li{
	width: 48%;
	height: 100px;
	font-size: 22px;
}
ul.fuel_flex li a{
	display: block;
	width: 100%;
	height: 120px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #222;
	transition: 0.3s;
}
ul.fuel_flex--100 li a{
	justify-content: space-between;
	padding-left: 30px;
	padding-right: 30px;
	height: 100px;
}
ul.fuel_flex--50 li a{
	height: 100px;
}
@media all and (max-width: 767px) {
	ul.fuel_flex li{
		width: 30%;
		font-size: 20px;
		height: 60px;
		margin-bottom: 4vw;
	}
	ul.fuel_flex--100 li{
		width: 100%;
		font-size: 20px;
		height: inherit;
		min-height: 60px;
		margin-bottom: 4vw;
	}
	ul.fuel_flex li a{
		height: 60px;
	}
	ul.fuel_flex--100 li a{
		padding-left: 20px;
		padding-right: 20px;
		min-height: 60px;
		height: inherit;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	ul.fuel_flex--100 li a span:first-child{
		width: 85%;
	}
	
	ul.fuel_flex--50 li{
		width: 100%;
		font-size: 18px;/* 20px */
		height: inherit;
		min-height: 60px;
		margin-bottom: 4vw;
	}
	ul.fuel_flex--50 li a{
		justify-content: space-between;
		padding-left: 20px;
		padding-right: 20px;
		min-height: 60px;
		height: inherit;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
.icon_download{
	display: inline-block;
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	padding-top: 10px;
	margin-left: 30px;
	margin-right: -20px;
	transition: 0.3s;
}
ul.fuel_flex--100 li a .icon_download{
	margin-right: 0px;
}

ul.fuel_flex li a:hover{
	background-color: #4781D6;
	color: #fff;
}
ul.fuel_flex--red li a:hover{
	background-color: #f14a4a;
	color: #fff;
}
ul.fuel_flex li a:hover .icon_download{
	padding-top: 13px;
}
@media all and (max-width: 767px) {
	.icon_download{
		width: 30px;
		height: 30px;
		padding-top: 2px;
		margin-left: 5px;
		margin-right:0px;
	}
	.icon_download img{
		width: 18px;
	}
	ul.fuel_flex li a{
		background-color: #4781D6;
		color: #fff;
	}
	ul.fuel_flex--red li a{
		background-color: #f14a4a;
		color: #fff;
	}
	
	
	ul.fuel_flex--100 li a{
		background-color: #F4F6F6;
		color: #222;
	}
	ul.fuel_flex--50 li a{
		background-color: #F4F6F6;
		color: #222;
	}
}
	
.fuel_layout_menu div.fuel_menu_div{
	border-bottom:1px solid #222222;
}
.fuel_text{
	font-size: 16px;
	margin-bottom: 56px;
}
.fuel_menu_sp{
	margin: 20px 0 40px;
	padding: 0 20px;
}
@media all and (max-width: 767px) {
	.fuel_text{
		font-size: 16px;
		margin-bottom: 36px;
	}
}



/*　セレクトフォーム　*/

select {
  /* styling */
  background-color: white;
  border: thin solid #999;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

	width: 100%;
  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #A1A1A1, #A1A1A1);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
select.round {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

select.round:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    radial-gradient(gray 70%, transparent 72%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
input.classic{
	background-color: white;
  border: 1px solid #222;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

}



/* mpkiyaku */
.kiyaku_white_box{
	background-color: #fff;
	padding: 130px 165px;
}
.kiyaku_white_box--commerce{
	padding: 100px 75px;
}
.kiyaku_white_box h2{
	margin-bottom: 80px;
}
.kiyaku_white_box p+h2{
	margin-top: 90px;
}
.kiyaku_white_box h3{
		margin-top: 80px;
	margin-bottom: 15px;
}
.kiyaku_white_box p{
	font-size: 16px;
	line-height: 190%;
	margin-bottom: 30px;
}
.kiyaku_white_box a{
	color:  #1cc18e;
}
.kiyaku_white_box a:hover{
	text-decoration: underline;
}
.kiyaku_white_box--commerce a{
	color: #222;
}
@media all and (max-width: 767px) {
	.kiyaku_white_box{
		background-color: #fff;
		padding: 70px 20px;
	}
	.kiyaku_white_box h2{
		margin-bottom: 45px;
	}
	.kiyaku_white_box p+h2{
		margin-top: 90px;
	}
	.kiyaku_white_box h3{
			margin-top: 45px;
		margin-bottom: 15px;
	}
	.kiyaku_white_box p{
		font-size: 14px;
		line-height: 190%;
		margin-bottom: 30px;
	}
	
}

.kiyaku_lead_text{
	font-size: 18px;
}
.kiyaku_sign{
	text-align: right;	
}
.kiyaku_sign .sign_name{
	font-size: 20px;
}
@media all and (max-width: 767px) {
	.kiyaku_lead_text{
		font-size: 14px;
	}
	.kiyaku_sign .sign_name{
		font-size: 16px;
	}
}

.title_bg--gray{
	background-color: #E4E6E6;
	height: 310px;
}
.title_bg--gray .wrap_content{
	height: 310px;
}
.title_bg--gray h1{
	color: #222;
	top:100px;
}
.title_bg--gray h1 span{
	color: #222;
}

@media all and (max-width: 767px) {
	.title_bg--gray{
		background-color: #E4E6E6;
		/* height: 250px; */
		min-height: 250px;
	}
	.title_bg--gray .wrap_content{
		/* height: 250px; */
		min-height: 250px;
	}
	.title_area--commerce h1{
		top:50px;
	}
}




.kiyaku_table{
	width: 100%;
}
.kiyaku_table td{
	text-align: left;
	padding: 25px 50px;
	border-bottom: 1px solid #222;
	background-color: #fff;
	font-size: 16px;
	line-height: 190%;
}
.kiyaku_table tr:first-child td{
	border-top: 1px solid #222;	
}
.kiyaku_table tr:nth-child(odd) td {
	background-color: #F4F6F6;
}
.kiyaku_table td.space{
	border: none !important;
	width: 8px;
	padding: 0;
	background-color: #fff !important;
}
.kiyaku_table--history td.space{
	border: none !important;
	width: 8px;
	padding: 0;
	background-color: #F4F6F6 !important;
}
.kiyaku_th{
	width: 260px;
}
.kiyaku_table tr td:first-child{
	text-align: center;
}
@media all and (max-width: 767px) {
	.kiyaku_th{
		width: 6em;
	}
	.kiyaku_table td{
		font-size: 12px;
		padding: 25px 10px;
	}
	.kiyaku_table tr td:first-child{
		font-size: 14px;
		padding: 28px 0;
	}
	.kiyaku_table td.space{
		width: 3px;
	}
}

/*

about

*/
.title_bg--about{
	background-image: url("../img2024/about/bg.png");
}
@media all and (max-width: 767px) {
	.title_bg--about{
		background-image: url("../img2024/about/bg_sp.png");
	}
	.title_bg--about .wrap_content{
		height: 460px;
	}
	.title_bg--about h1{
		top: 0px;
	}
}

.about_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about_flex_item{
	width: 280px;
	background-color: #fff;
	border-radius: 10px;
}
.about_item_img img{
	width: 100%;
}
.about_item_title{
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 24px 0 5px;
}
.about_item_sub{
	font-size: 14px;
	color: #a1a1a1;
	text-align: center;
}
.about_item_list{
	font-size: 15px;
	list-style: none;
	padding: 22px 0;
}
.about_item_list li{
	padding: 0 20px 0 30px;	
}
.about_item_list li:before{
	content: "・";
	color: #1CC18E;
		margin-left: -10px;
		margin-right: 5px;
}
@media all and (max-width: 767px) {
	.about_flex_item{
		width: 48%;
		margin-bottom: 4vw;
	}
	.about_item_title{
		font-size: 16px;
		margin-top: 15px;
	}
	.about_item_sub{
		font-size: 10px;
	}
	.about_item_list{
		padding: 15px 0;
	}
	.about_item_list li{
		padding: 0 10px 0 25px;	
		margin-bottom: 5px;
	}
}
.img_bg_about{
	background-image: url("../img2024/about/bg_2.png");
	margin-top: 80px;
	padding: 100px 0;
}
@media all and (max-width: 767px) {
	.img_bg_about{
		margin-bottom: 54px;
		padding: 80px 0;
	}
}
.img_bg_about h2{
	color: #fff;
	margin-bottom: 100px;
}

.about_flex2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}
@media all and (max-width: 767px) {
	.img_bg_about h2{
		margin-bottom: 80px;
	}
}

.about_flex2_left{
	
}
.about_flex2_right{
	
}
.about_point_box{
	border: 1px solid #fff;
	border-radius: 10px;
	width: 770px;
	padding: 0 25px 5px;
}
@media all and (max-width: 767px) {
	.about_point_box{
		width: 100%;
	}
	.about_flex2_right{
		margin-top: 50px;
	}
}
.about_point_box--3{
	margin-top: 50px;
}
.about_flex2_right .about_point_box{
	width: 400px;
}
.about_point_box_title{
	color: #fff;
	border-radius: 25px;
	background: #4781d6;
	padding: 10px ;
	margin: -25px auto 0;
	text-align: center;
	width: 330px;
}
@media all and (max-width: 767px) {
	.about_point_box_title{
		width: 90%;
	}
}
.about_point_box_title--green{
	background: #1cc18e;
}
.about_point_box_title--red{
	background: #f14a4a;
}
@media all and (max-width: 767px) {
	.about_flex2_right .about_point_box{
		width: 100%;
	}
}

.about_flex3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 15px;
}
.about_flex3_2{
	margin-top: 15px;
	width: 100%;
}
.about_flex3_item{
	background-color: #fff;
	width: 350px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 36px 20px;
}
.about_flex3_item--add{
	width: 720px;
}
.about_flex3_item--add img{
	margin: 0 auto;
}
@media all and (max-width: 767px) {
	.about_flex3_item{
		width: 100%;
	}
}
.about_flex3_item_text{
	font-size: 16px;
	height: 3em;
	font-weight: bold;
}
.about_flex3_item_title{
	font-size: 24px;
	color: #4781d6;;
	line-height: 130%;
	margin-bottom: 35px;
	font-weight: bold;
}
.about_point_box--2 .about_flex3_item{
	padding-bottom: 15px;
}
.about_point_box--2 .about_flex3_item_title{
	color:  #1cc18e;
	margin-bottom: 10px;
	font-size: 18px;
	margin-top: -22px;
}
.about_point_box--2 .about_flex3_item_text{
	height: 3em;
}
.about_point_box--3 .about_flex3_item_title{
	color:  #f14a4a;
	margin-bottom: 13px;
}
.about_point_box--3 .about_flex3_item_text{
	height: 2em;
}
@media all and (max-width: 767px) {
	.about_flex3_item_title{
		font-size:20px;
	}
	.about_point_box--2 .about_flex3_item{
		width: 100%;
	}
}


.about_flex4{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.about_flex4_left{
	margin-top: 40px;
}
.about_flex4_right{
	margin-top: 40px;
}
.about_flex4_left li{
	list-style: none;
	background: url("../img2024/about/icon.png") no-repeat center left 20px #F4F6F6;
	padding: 20px 60px 20px 60px;
	font-size: 16px;
	margin-bottom: 10px;
}
.about_flex4_left li span{
	display: inline-block;
	width: 8em;
	font-weight: bold;
	font-size: 20px;
	line-height: 36px;
	text-align: left;
	color: #1cc18e;
}
@media all and (max-width: 767px) {
	.about_flex4_left li{
		padding: 20px 10px 20px 60px;
		background: url("../img2024/about/icon.png") no-repeat top 25px left 20px #F4F6F6;
	}
	.about_flex4_right img{
		width: 100%;
	}
	.about_flex4_left li span{
		display: block;
	}
}


/*

TOP

*/
.top_title h2{
	font-size: 66px;
	line-height: 90%;
}
.top_title h2 span{
	font-size: 30px;
}
@media all and (max-width: 767px) {
	.top_title h2{
		font-size: 48px;
		line-height: 90%;
	}
	.top_title h2 span{
		font-size: 23px;
	}
}
.top_title_img{
	margin-top: 25px;
    margin-left: 80px;
}
@media all and (max-width: 767px) {
	.top_title_img{
		width: 62px;
		margin-top: 15px;
		margin-left: 70px;
	}
	.top_title_img img{
		width: 100%;
	}
}
.top_content h2{
	background:url("../img2024/top/top_h2_bg.png") repeat-x bottom;
	padding: 0 0 10px;
}
.top_content span.number{
	display: block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50px;
	background-color: #4781D6;
	color: #f4f6f6;
	font-size: 22px;
	margin-bottom: 20px;
}
.top_flex1 .top_content span.number{
background: #1cc18e;
}
.top_flex3 .top_content span.number{
background: #f14a4a;
}
@media all and (max-width: 767px) {
	.top_content span.number{
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
}
/* 01 */
.top_flex1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 15;
}

.top_flex1_left{
	width: 600px;
}
.top_flex1_right{
	width: 520px;
	padding: 33px;
	border: 1px solid #CECFCF;
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60px;
}
.top_flex1_left h2{
	width: 460px;
	line-height: 115%;
}
@media all and (max-width: 767px) {
	.top_flex1_left{
		width: 100%;
	}
	.top_flex1_right{
		width: 100%;
	}
	.top_flex1_left h2{
		width: 100%;
	}
}
.top_about_link{
	text-align: center;
	margin-top: 1em;
	width: 500px;
	margin-left: 700px;
}
.top_about_link a{
	color: #333;
	display: flex;
	align-items: center;
	height: 30px;
	transition: 0.3s;
	margin: auto;
    width: 15em;
}
.top_about_link a:hover{
	color: #1CC18E;
	padding-left: 5px;
}
@media all and (max-width: 767px) {
	.top_flex1_right{
		padding: 33px 3%
	}
	.top_about_link{
		text-align: center;
		margin-top: 1em;
		margin-left: 0px;
		width: 100%;
	}
}
.top_flex1_item{
	background-color: #fff;
	border-radius: 5px;
	width: 210px;
	margin-top: 30px;
}
@media all and (max-width: 767px) {
	.top_flex1_item{
		width: 47%;
		margin-top: 20px;
	}
}
.top_flex1_item_img img{
	width: 100%;
}
.top_flex1_item_text{
	font-weight: 500;
	font-size: 13px;
	padding: 23px 45px;
	line-height: 100%;
	text-align: center;
}
.top_flex1_item_text span{
	display: block;
	color: #222;
	margin-top: 5px;
	font-size: 12px;
}
.top_flex1_right h3{
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	width: 100%;
	line-height: 100%;
}
@media all and (max-width: 767px) {
	.top_flex1_item_text{
		padding: 23px 5px;
		font-size: 14px;
	}
	.top_flex1_right h3{
		font-size: 20px;
	}
}
.top_1_bg_wrap{
	position: relative;
}
.top_1_bg{
	position: absolute;
	bottom: 9%;
	right: 0;
	z-index: 10;
	background-color: #DDEDEB;
	width: 80%;
	height: 70%;
	border-radius: 10px 0 0 10px;
}
@media all and (max-width: 767px) {
	.top_1_bg{
		height: 82%;
		bottom: 6%;
	}
}

/* 02 map */
.top_flex2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: url("../img2024/top/map_bg.png") no-repeat center center;
}
.top_flex2--simple{
	background: url("../img2024/top/top_jpn_bg.png") no-repeat top center;
}
.top_flex2_left{
	width: 800px;
	
}
.top_flex2--simple .top_flex2_left{
	padding: 180px 0  120px 190px;
}
.top_flex2_right{
	width: 320px;
}
@media all and (max-width: 767px) {
	.top_flex2{
		flex-direction: column-reverse;
		background: url("../img2024/top/map_bg_sp.png") no-repeat center center;
	}
	.top_flex2--simple{
		background: url("../img2024/top/top_jpn_bg_sp.png") no-repeat top center;
		background-size: contain;
		background-position-y:90px;
	}
	.top_flex2_left{
		width: 100%;
	}
	.top_flex2--simple .top_flex2_left{
	padding: 40px 0 100px;
}
	
}
.kouri_item{
	background-color: #fff;
	padding: 20px 40px 20px 20px;
	border-radius:5px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3px;
	width: 600px;
}
.kouri_item_title{
	font-size: 24px;
	color: #fff;
border-radius: 5px;
background: #4781d6;
	letter-spacing: 0.05em;
	width: 260px;
	text-align: center;
	padding: 13px 0;

}
.kouri_item_num{
	font-size: 20px;
}
.kouri_item_num span{
	font-size: 46px;
	font-weight: 700;
	color: #4781d6;
	padding: 0 4px 0;
}
.kouri_caution{
	font-size: 12px;
	text-align: right;
	margin-bottom: 65px;
	padding-right: 15px;
}
@media all and (max-width: 767px) {
	.kouri_item{
		padding: 15px 20px 15px 15px;
		width: 100%;
		margin-bottom: 0px;
		margin-top:40px;
	}
	.kouri_item+.kouri_item{
		margin-top: 30px;
	}
	.kouri_item_title{
		font-size: 16px;
		width: 140px;
		padding: 13px 5px;
	}
	.kouri_item_num{
		font-size: 14px;
	}
	.kouri_item_num span{
		font-size: 28px;
	}
	.kouri_item_text{
		text-align: right;
		font-size: 14px;
	}
	.kouri_caution{
		padding-right: 0;
		margin-bottom: 30px;
	}
}



.map_item{
	border: #4781D6 1px solid ;
	border-radius: 5px;
	width: 110px;
	text-align: center;
	color: #4781D6;
	position: absolute;
}
.map_item--green{
	border-color: #1CC18E;
	color: #1CC18E;
}
.map_item--red{
	border-color: #F14A4A;
	color: #F14A4A;
}
.map_item--gray{
	border-color: #606060;
	color: #606060;
}
.map_item_title{
	background-color: #4781D6;
	color: #fff;
	font-size: 12px;
	border-radius: 4px 4px 0 0;
	padding: 6px 0;
}
.map_item--green .map_item_title{
	background-color: #1CC18E;
}
.map_item--red .map_item_title{
	background-color: #F14A4A;
}
.map_item--gray .map_item_title{
	background-color: #606060;
}
.map_item_text{
	font-size: 15px;
	font-weight: 500;
}
.map_item_text strong{
	font-size: 22px;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.map_item_text strong{
		font-size: 20px;
		font-weight: 700;
	}
}
#top_map{
	position: relative;
	background: url("../img2024/top/top_jpn.png") no-repeat top 5px left;
	background-size: 610px 620px;
	height: 620px;
	/* 318 2349 */
	margin-left: 180px;
	margin-top: -80px;
}
@media all and (max-width: 767px) {
	#top_map{
		margin-left: -1%;
		background-size: 340px 346px;
		margin-top: 140px;
		height: 450px;
	}
}
#hokkaido{
	/* 824 2471*/
	left:calc(824px - 318px);
	top: calc(2471px - 2349px);
}
#tohoku{
	/* 788 2581*/
	left:calc(788px - 318px);
	top: calc(2581px - 2349px);
}
#tokyo{
	/* 758 2701*/
	left:calc(758px - 318px);
	top: calc(2701px - 2349px);
}
#chubu{
	/* 658 2811*/
	left:calc(658px - 318px);
	top: calc(2811px - 2349px);
}	
#hokuriku{
	/* 552 2576*/
	left:calc(552px - 318px);
	top: calc(2576px - 2349px);
}
#kansai{
	/* 458 2661*/
	left:calc(458px - 318px);
	top: calc(2661px - 2349px);
}
#shikoku{
	/* 493 2866*/
	left:calc(493px - 318px);
	top: calc(2866px - 2349px);
}
#chugoku{
	/* 328 2701*/
	left:calc(328px - 318px);
	top: calc(2701px - 2349px);
}
#kyusyu{
	/* 201 2806*/
	left:calc(201px - 318px);
	top: calc(2806px - 2349px);
}
@media all and (max-width: 767px) {
	/* 20 2950*/
	#hokkaido{
		left:calc(260px - 20px);
		top: calc(2950px - 3013px);
	}
	#tohoku{
		left:calc(260px - 20px);
		top: calc(3185px - 3013px);
	}
	#tokyo{
		left:calc(260px - 20px);
		top: calc(3250px - 3013px);
	}
	#chubu{
		left:calc(165px - 20px);
		top: calc(3315px - 3013px);
	}	
	#hokuriku{
		left:calc(112px - 20px);
		top: calc(3053px - 3013px);
	}
	#kansai{
		left:calc(58px - 20px);
		top: calc(3118px - 3013px);
	}
	#shikoku{
		left:calc(135px - 20px);
		top: calc(3380px - 3013px);
	}
	#chugoku{
		left:calc(20px - 20px);
		top: calc(3183px - 3013px);
	}
	#kyusyu{
		left:calc(20px - 20px);
		top: calc(3380px - 3013px);
	}
}
.map_circle{
	width: 260px;
	height: 260px;
	background-color: #fff;
	border-radius: 130px;
	display: flex;
	align-items: center;
	text-align: center;
	margin-left: -130px;
	margin-top: 50px;
}
@media all and (max-width: 767px) {
	.map_circle{
		width: 180px;
		height: 180px;
		margin-left: 0;
		position: absolute;
		top:-170px;
	}
}
.map_circle div{
	margin: auto;
	font-size: 20px;
}
.map_circle div strong{
	font-size: 40px;
}
@media all and (max-width: 767px) {
	.map_circle div{
		margin: auto;
		font-size: 13px;
	}
	.map_circle div strong{
		font-size: 26px;
	}
}
/* 03 */
.top_flex3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 15;
	flex-direction: row-reverse;
}

.top_flex3_left{
	width: 520px;
}
.top_flex3_right{
	width: 520px;
	margin-top: 100px;
}
.top_flex3_left h2{
	width: 520px;
}
.top_flex3_right img{
	width: 100%;
}
@media all and (max-width: 767px) {
	.top_flex3_left{
		width: 100%;
	}
	.top_flex3_right{
		width: 100%;
		margin-top: 100px;
	}
	.top_flex3_left h2{
		width: 100%;
	}
}
.top_3_bg_wrap{
	position: relative;
}
.top_3_bg{
	position: absolute;
	bottom: 9%;
	right: 0;
	z-index: 10;
	background-color:  #f5e4e4;;
	width: 80%;
	height: 67%;
	border-radius: 10px 0 0 10px;
}
@media all and (max-width: 767px) {
	.top_3_bg{
		height: 83%;
		bottom: 13%;
	}
}

/* top お知らせ */
.top_news_wrap{
	background-color: #F4F6F6;
	width: 1200px;
	margin: 0 auto;
	padding: 25px 60px;
	border-radius: 10px;
}
@media all and (max-width: 767px) {
	.top_news_wrap{
		width: 90%;
		margin: 0 auto;
		flex-wrap: wrap;
		padding: 20px 20px 10px;
	}
}
.top_news_menu_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 0 15px;
	font-size: 14px;
}
.top_news_menu_flex h2{
	display: inline-block;
	font-size: 30px;
	margin-right: 50px;
}
@media all and (max-width: 767px) {
	.top_news_menu_flex h2{
		font-size: 20px;
		margin-right: 0px;
	}
}
.top_news_item{
	display: flex;
	justify-content:space-between;
	flex-wrap: nowrap;
	margin-top: 30px;
	margin-bottom: 30px;
}
.top_news_date{
	font-size: 12px;
	color: #a1a1a1;
	width: 70px;
	padding: 7px 0 5px;
}
.top_news_category span{
	display: inline-block;
	width: 100px;
	font-size: 12px;
color: #a1a1a1;
	background-color: #fff;
	border-radius: 30px;
	text-align: center;
	padding: 7px 0 7px;
	line-height: 100%;
	margin: 0 40px 0 10px;
}
.top_news_text{
	font-size: 15px;
	width: 820px;
	margin-right: 20px;
}
.top_news_text a{
	color: #222;
	transition: 0.3s;
}
.top_news_text a:hover{
	color: #1CC18E;
	padding-left: 15px;
}
@media all and (max-width: 767px) {
	.top_news_item{
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.top_news_text{
		width: 100%;
		font-size: 14px;
		margin-top: 15px;
		margin-right: 0px;
	}
}
.top_news_menu_flex_left{
	font-size: 14px;
}
.top_news_menu_flex_left a{
	color: #222;
	display: inline-block;
	padding: 5px 25px;
	border-radius: 15px;
	margin-left: 20px;
}
.top_news_menu_flex_left a.top_news_menu_on{
	background: #1CC18E;
	color: #fff;
}
.top_news_menu_flex_right {
	padding: 10px 20px 0 0;
}
.top_news_menu_flex_right a{
	font-size: 16px;
	color: #222;
}
@media all and (max-width: 1100px) {
	.top_news_menu_flex_right{
		padding: 5px 20px 0 0;
	}
}

/* 動画 */
#top_main_wrap{
	position: relative;
	overflow: hidden;
	line-height: 100%;
	/*
	min-width: 1320px;
	max-height: 810px;
	*/
}
#top_video{
	width: 100%;
}
#top_wrap_content{
	position: absolute;
	bottom: 17%;
	left: 60%;
}
#top_wrap_content h1{
	text-align: right;
	font-size: 90px;
	line-height: 125%;
	font-weight: 700;
	color: #fff;
}
#top_wrap_content h1 span{
	font-size: 80%;
}
@media all and (max-width: 767px) {
	#top_main_wrap{
		min-width: 100%;
		max-height: 520px;
	}
	#top_video{
		width: inherit;
		height: 520px;
		margin-left: calc( 50vw - 462px);
	}
	#top_wrap_content{
		left: 20px;
		bottom:33%;
	}
	#top_wrap_content h1{
		font-size: 44px;
		line-height: 180%;
		text-align: left;
	}
	
}

/* スライドショー */
.slide {
	position:relative;
	height:400px;
}
.slide img {
	position:absolute;
	opacity:0;
	transition:all 1s ease-in-out;
	width:100%;
}
.slide2 {
	position:relative;
}
.slide2 img {
	position:absolute;
	opacity:0;
	transition:all 1s ease-in-out;
	width:100%;
}
.title_bg--top{
	min-height: 800px;
	overflow: hidden;
	position: relative;
}
.title_bg--top .wrap_content{
	position: absolute;
	bottom: 230px;
	height: 100px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.title_bg--top h1{
	text-align: right;
	font-size: 90px;
	line-height: 125%;
	font-weight: 700;
	width: 1200px;
}
@media all and (max-width: 1440px) {
	.slide img {
		width:100%;
	}
	.title_bg--top{
		min-height: 54.5vw;
		overflow: hidden;
		min-width: 1200px;
	}
}

@media all and (max-width: 767px) {
	.slide img {
		width: inherit;
	}
	.title_bg--top{
		min-height: 500px;
		overflow: hidden;
		min-width: inherit;
	}
	.title_bg--top .wrap_content{
		top: 0;
		bottom: 0;
		margin: auto 0;
	}
	.title_bg--top h1{
		width: 100%;
		font-size: 44px;
		line-height: 180%;
		text-align: left;
		padding-left: 20px;
	}
}


/* 企業情報 */
.title_bg--kigyou{
	background-image: url("../img2024/profile/bg_kigyou.png");
	background-color: #E4E6E6;
	height: 360px;
}
.title_bg--group{
	background-image: url("../img2024/group/bg_group.png");
	background-color: #E4E6E6;
	height: 460px;
}

.title_bg--recruit{
	background-image: url("../img2024/recruit/bg.png");
	background-color: #E4E6E6;
	height: 360px;
}

.title_bg--kigyou .wrap_content{
	height: 360px;
}
.title_bg--group .wrap_content{
	height: 460px;
}
.title_bg--kigyou h1{
	color: #222;
	top:100px;
}
.title_bg--kigyou h1 span{
	color: #222;
}
.title_bg--group h1{
	color: #fff;
	top:100px;
}
.title_bg--group h1 span{
	color: #fff;
}


@media all and (max-width: 767px) {
	.title_bg--kigyou{
		background-image: url("../img2024/profile/bg_kigyou_sp.png");
		height: 330px;
	}
	.title_bg--group{
		background-image: url("../img2024/group/bg_group_sp.png");
		height: 330px;
	}
	.title_bg--recruit{
		background-image: url("../img2024/recruit/bg_sp.png");
		height: 330px;
	}
	.title_bg--kigyou .wrap_content{
		height: 330px;
	}
	.title_bg--recruit .wrap_content{
		height: 330px;
	}
	.title_bg--recruit h1{
		top: 100px;
	}
}

/* message */
.message_wrap{
	position: relative;
}
.message_top_text{
	font-weight: bold;
	font-size: 36px;
	line-height: 54px;
	text-align: left;
	color: #1cc18e;
	position: relative;
	z-index: 15;
}
.message_top_text span{
	font-size: 24px;
	color: #fff;
	background-color: #1CC18E;
	padding:  10px 10px;
	display: inline-block;
	line-height: 100%;
	margin-bottom: 10px;
}

.message_text{
	width: 570px;
	font-size: 18px;
	line-height: 210%;
	margin-top: 50px;
	position: relative;
	z-index: 15;
}
.message_img{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
@media all and (max-width: 767px) {
	.message_text{
		width: 100%;
		font-size: 16px;
	}
	.message_img_sp{
		width: 100vw;
		margin-left: -5vw;
		margin-top: 40px;
	}
	.message_img_sp img{
		width: 100%;
	}
	.message_top_text{
		font-size: 26px;
		line-height: 40px;
	}
	.message_top_text span{
		font-size: 18px;	
	}
	.message_img_sp2{
		text-align: right;
		margin-top: 40px;
	}
}

/* philosophy */
.phi_content1{
	position: relative;
}
.phi_content1_img{
	position: absolute;
	right: 0;
	top: 0;
}
.phi_content1 p{
	font-size: 20px;
	line-height: 330%;
	padding-bottom: 200px;
}
@media all and (max-width: 767px) {
	.phi_content1_img{
		position: relative;
		width: 100%;
		margin-top: 46px;
	}
	.phi_content1_img img{
		width: 100%;
	}
	.phi_content1 p{
		font-size: 16px;
		line-height: 210%;
		padding-bottom: 100px;
		margin-top: 35px;
	}
}


.phi_wrap{
	background: url("../img2024/philosophy/phi_bg.png") no-repeat #fff;
	background-size: cover;
	padding-top: 110px;
}
@media all and (max-width: 767px) {
	.phi_wrap{
		background: url("../img2024/philosophy/phi_bg_sp.png") no-repeat #fff;
		width: 100%;
	}
	.phi_wrap .wrap_content{
		width: 100%;
	}
	.phi_wrap h2{
		margin-left: 20px;
	}
}

.phi_point_box1{
	position: relative;
	width: 600px;
	height: 600px;
	padding-top: 10px;
	margin-top: 40px;
}
.phi_point_box2{
	position: relative;
	width: 600px;
	height: 600px;
	margin-top: -250px;
	margin-left: 600px;
}
.phi_point_box3{
	position: relative;
	width: 600px;
	height: 600px;
	padding-top: 60px;
	margin-top: -260px;
}
@media all and (max-width: 767px) {
	.phi_point_box1{
		position: relative;
		width: 100%;
		height: 540px;
		padding-top: 10px;
		margin-top: 40px;
		overflow: hidden;
	}
	.phi_point_box2{
		position: relative;
		width: 100%;
		height: 600px;
		margin-top: 0px;
		margin-left: 0px;
		overflow: hidden;
	}
	.phi_point_box3{
		position: relative;
		width: 100%;
		height: 430px;
		padding-top: 0px;
		margin-top: 0px;
		overflow: hidden;
	}
}
.phi_point_number{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	line-height: 100px;
	color: #fff;
	background-color: #4781D6;
	text-align:center;
	font-weight: 800;
	font-size: 22px;
	position: relative;
	z-index: 15;
	
	margin-bottom:20px;
	margin-left: 40px;
}
.phi_point_box2 .phi_point_number{
	background-color:#F14A4A;
	margin-left: 430px;
}
.phi_point_box3 .phi_point_number{
	background-color:#1CC18E;
}
.phi_point_content{
	position: relative;
	z-index: 15;
	
	margin-left: 80px;
}
.phi_point_box3 .phi_point_content{
	margin-left: 40px;
}
@media all and (max-width: 767px) {
	.phi_point_number{
		margin-bottom:15px;
	}
	.phi_point_box2 .phi_point_number{
		margin-left: 40px;
		margin-bottom: 40px;
	}
	.phi_point_content{
		margin: 0 auto;
		width: 80%;
	}
}
.phi_point_content h3{
	font-size: 28px;
	font-weight: 700;
	color: #4781D6;
	margin-bottom: 60px;
}
.phi_point_box2 .phi_point_content h3{
	color:#F14A4A;
	margin-bottom: 40px;
}
.phi_point_box3 .phi_point_content h3{
	color:#1CC18E;
}
.phi_point_content h3 span{
	font-size: 38px;
	font-weight: 700;
	text-decoration: underline 20px #fff;
	 text-underline-offset: -10px;
}
@media all and (max-width: 767px) {
	.phi_point_content h3{
		font-size: 20px;
		margin-bottom: 33px;
	}
	.phi_point_content h3 span{
		background: linear-gradient(transparent 70%, #fff 70%);
		text-decoration:none;
		font-size: 24px;
	}
}
.phi_point_content li{
	list-style: none;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 20px;
	margin-bottom: 23px;
}
.phi_point_content li:before{
	content: "・";
	color: #4781D6;
	margin-left: -20px;
	display: inline-block;
	width: 20px;
}
.phi_point_box2 .phi_point_content li:before{
	color: #F14A4A;
}
.phi_point_box3 .phi_point_content li:before{
	color: #1CC18E;
}
@media all and (max-width: 767px) {
	.phi_point_content li{
		font-size: 16px;
		padding-right: 0;
		margin-bottom: 15px;
	}
}
.phi_point_bg{
	width: 600px;
	height:  600px;
	border-radius: 300px;
	background-color: #E3EBF8;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.phi_point_box2 .phi_point_bg{
	background-color: #FEECEC;
}
.phi_point_box3 .phi_point_bg{
	background-color:#D1F3E8;
}
@media all and (max-width: 767px) {
	.phi_point_bg{
		width: 500px;
		height:  500px;
		left: calc(50vw - 250px);
		margin: 0 auto;
	}
	.phi_point_box2 .phi_point_bg{
		top:40px;
		width: 500px;
		height:  500px;
		left: calc(50vw - 250px);
	}
	.phi_point_box3 .phi_point_bg{
		width: 420px;
		height:  420px;
		left: calc(50vw - 210px);
	}
}
.phi_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 5em;
}
.phi_flex_left{
	width: 570px;
}
.phi_flex_right{
	width: 570px;
}
.phi_flex h3{
	margin-bottom: 1em;
}
@media all and (max-width: 767px) {
	.phi_flex{
		margin-top: 4em;
	}
	.phi_flex_left{
		width: 100%;
	}
	.phi_flex_right{
		margin-top: 3em;
		width: 100%;
	}
}

/* jp en 切り替え */
.jpen_wrap{
	
}
.jpen_menu{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.jpen_menu_jp{
	background-color: #A1A1A1;
	border-radius: 10px 10px 0 0;
	width: 49.5%;
	padding: 24px;
	text-align: center;
	display: block;
	color: #fff;
	box-shadow: 0px 0px 15px #ddd;
	position: relative;
}
.jpen_menu_en{
	background-color: #A1A1A1;
	border-radius: 10px 10px 0 0;
	width: 49.5%;
	padding: 24px;
	text-align: center;
	display: block;
	color: #fff;
	box-shadow: 0px 0px 15px #ddd;
	position: relative;
}
@media all and (max-width: 767px) {
	.jpen_menu_jp{
		padding: 18px 0;
	}
	.jpen_menu_en{
		padding: 18px 0;
	}
}
.jpen_menu_jp:after{
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 110%;
	height: 15px;
	background-color: #fff;
	display: block;
	content: "";
	z-index: 1;
}
.jpen_menu_en:after{
	position: absolute;
	bottom: -15px;
	right: 0;
	width: 100%;
	height: 15px;
	background-color: #fff;
	display: block;
	content: "";
	z-index: 1;
}
.jpen_menu_on{
	color: #222;
	background-color: #fff;
}
.jpen_menu_jp:hover{
	color: #fff;
	background-color: #46CBA2;
}
.jpen_menu_en:hover{
	color: #fff;
	background-color: #46CBA2;
}
.jpen_menu--red .jpen_menu_jp:hover,
.jpen_menu--red .jpen_menu_en:hover{
	background-color: #c81e1d;
}
.jpen_menu_jp span,
.jpen_menu_en span{
	background: url("../img2024/cmn/icon_pre_white.png") no-repeat 0 6px;
	padding-top: 0px;
	padding-left: 30px;
	font-size: 22px;
	line-height: 100%;
}
.jpen_menu_on span{
	background: url("../img2024/cmn/icon_pre_green.png") no-repeat 0 6px;
	padding-top: 0px;
	padding-left: 30px;
	font-size: 22px;
	line-height: 100%;
}
.jpen_menu--red .jpen_menu_on span{
	background: url("../img2024/cmn/icon_pre_red.png") no-repeat 0 6px;
}

@media all and (max-width: 767px) {
	.jpen_menu_jp span,
	.jpen_menu_en span{
		font-size: 16px;
	}
	.jpen_menu_on span{
		font-size: 16px;
	}
}
.jpen_menu_on:hover{
	color: #222;
	background-color: #fff;
}
.jpen_menu_on:hover span{
}
.jpen_menu--red .jpen_menu_on:hover,
.jpen_menu--red .jpen_menu_on:hover span{
	color: #222;
	background-color: #fff;	
}
.jpen_box{
	background-color: #fff;
	padding: 60px 70px;
	box-shadow: 0px 0px 15px #ddd;
}
.jpen_jp{
	display: none;
}
.jpen_en{
	display: none;
}
.jpen_on{
	display: block;
}

.address_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.address_flex_right{
	padding-top: 3.8em;
	margin-right: 200px;
}
.icon_map{
	background: url("../img2024/profile/ico_map.png") no-repeat 0 3px;
	color: #222;
	padding-left: 20px;
}
.icon_map:hover{
	background: url("../img2024/profile/ico_map_sp.png") no-repeat 0 3px;
	color: #1CC18E;
}
@media all and (max-width: 767px) {
	.jpen_box{
		padding: 20px 20px;
	}
	.address_flex_right{
		width: 100%;
		padding-top: 1em;
		margin-right: inherit;
		text-align: right;
	}
	.icon_map{
		background: url("../img2024/profile/ico_map_sp.png") no-repeat 0 3px;
		color: #1CC18E;
		padding-left: 20px;
	}
	.address_flex_left a{
		color: #222;
	}
}
@media all and (max-width: 767px) {
	table.kiyaku_table--profile{
		display: block;
		width: 100% !important;
	}
	table.kiyaku_table--profile tbody{
		width: 100%;
	}
	table.kiyaku_table--profile tr{
		display: block;
	}
	.kiyaku_table--profile .kiyaku_th{
		display: block;
		font-size: 16px;
		font-weight: 500;
		text-align: left;
	}
	.kiyaku_table--profile td{
		padding: 17px 20px;
		width: 100% !important;
		display: block;
		font-size: 16px;
		font-weight: 400;
	}
	.kiyaku_table--profile tr td:first-child{
		font-size: 16px;
		padding: 17px 20px;
		text-align: left;
	}
	.kiyaku_table tr:first-child td{
		margin-top: -1px;
	}
	.kiyaku_table--profile td.space{
		display: none;
	}
}

.officer_table{
}
.officer_table td{
	text-align: left !important;
	padding: 5px 10px;
	border-bottom: none;
	background-color: #fff;
	font-size: 16px;
	line-height: 190%;
}
.officer_table tr td{
	border-top: none !important;
}
.officer_table tr:nth-child(odd) td {
	background-color:inherit;
}
.officer_table td.space{
	border: none !important;
	width: 8px;
	padding: 0;
	background-color: #fff !important;
}
@media all and (max-width: 767px) {
	.officer_table{
		width: 67vw;
	}
	.officer_table tr{
		display: flex;
	}
	.officer_table td{
		padding: 5px 0 !important;
	}
	.officer_table td.officer_name{
		margin-bottom: -10px;
		line-height: 130%;
	}
}


/*
group
*/
.group_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	
	background-color: #fff;
	margin-bottom: 20px;
}
.group_flex_img{
	width: 190px;
	line-height: 100%;
}
.group_flex_img img{
	width: 100%;
}
@media all and (max-width: 767px) {
	.group_flex{
		justify-content: center;
		padding-bottom: 15px;
	}
	.group_flex_img{
		width: 100%;
	}
}

.group_flex_name{
	background-color: #fff;
	padding-top: 5px;
	width: 200px;
}
.group_flex_name h2{
	font-size: 22px;
}
.group_flex_name p{
	font-size: 16px;
	color: #777;
	margin-top: 5px;
}

@media all and (max-width: 767px) {
	.group_flex_name{
		width: 90%;
	}
	.group_flex_name h2{
		margin-top: 10px;
	}
	.group_flex_name p{
		margin-top: 0px;
		margin-bottom: 13px;
	}
}


.group_flex_kw_item{
	border:1px solid #1CC18E;
	width: 285px;
}
.group_flex_kw_item span:first-child{
	display: inline-block;
	background-color: #1CC18E;
	color: #fff;
	padding: 7px 18px;
	font-size: 16px;
	width: 173px;
}
.group_flex_kw_item span:last-child{
	color: #1CC18E;
	padding: 10px;
	font-size: 15px;
	font-weight: 600;
	padding: 7px 18px;
}
.group_flex_kw_item--blue{
	border-color: #4781D6;
}
.group_flex_kw_item--blue span:first-child{
	background-color: #4781D6;
}
.group_flex_kw_item--blue span:last-child{
	color: #4781D6;
}
@media all and (max-width: 767px) {
	.group_flex_kw_item{
		width: 100%;
		margin: 0 auto;
	}
	.group_flex_kw_item span:first-child{
		font-size: 14px;
		width: 156px;
	}
}


.group_flex_link{
	margin-left: 100px;
}
.group_flex_link a{
	width: 160px;
	height: 120px;
	display: block;
	line-height: 120px;
	background-color: #ddd;
	color: #222;
	text-align: center;
	transition: 0.3s;
}
@media all and (max-width: 767px) {
	.group_flex_link{
		margin-left: 0px;
		width: 90%;
		margin-top: 20px;
	}
	.group_flex_link a{
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
}
.group_flex_link a:hover{
	background-color: #1CC18E;
	color: #fff;
}
 .foreign_icon{
	 display: inline-block;
	 width: 14px;
	 height: 14px;
	 background: url("../img2024/group/ico_foreign.png") no-repeat 0 0;
	 background-size: 14px 14px;
}
.group_flex_link a:hover .foreign_icon{
	background: url("../img2024/group/ico_foreign_white.png") no-repeat 0 0;
}
.group_flex_link a .foreign_icon{
	transition: 0.3s;
	margin-left: 5px;
}
.group_flex_link a:hover .foreign_icon{
	margin-right: -10px;
	margin-left: 15px;
}

.group_wrap_top{
	border: 3px solid #DDDDDD;
	padding: 18px 60px 18px;
	background-color: #fff;
	text-align: center;
}
.group_wrap_top_after{
	display: block;
	width: 3px;
	background-color: #ddd;
	height: 50px;
	margin: 0 auto;
}
.group_wrap_bottom{
	border: 3px solid #DDDDDD;
	padding: 60px 60px 40px;
}
@media all and (max-width: 767px) {
	.group_wrap_bottom{
		padding: 20px;
	}
}



.access_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.access_item_flex{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 10px;
}
.access_flex_left p{
	font-size: 18px;
}
.access_item_flex_left{
	font-size: 16px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #ddd;
	width: 150px;
	text-align: center;
	margin: 0 20px 0px 0;
}

.access_item_flex_right{
	font-size: 18px;
	line-height: 125%;
}

@media all and (max-width: 767px) {
	.access_flex_left p{
	font-size: 16px;
	}
	.access_flex_left a{
		color: #222;
	}
	.access_flex_right{
		width: 100%;
		margin-top: 20px;
	}
	.access_flex_right iframe{
		width: 100%;
	}
	.access_item_flex_left{
		width: 30%;
		margin: 0 5% 0 0;
		padding: 10px 0;
		min-height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.access_item_flex_right{
		width: 65%;
		font-size: 16px;
		line-height: 150%;
	}
}


.org_img{
	width: 100%;
	padding: 0 20px;
	
}
.org_img img{
	width: 100%;
}

.org_link a{
	width: 160px;
	height: 120px;
	display: block;
	line-height: 120px;
	background-color: #ddd;
	color: #222;
	text-align: center;
	transition: 0.3s;
}
@media all and (max-width: 767px) {
	.org_link{
		width: 60%;
		margin: 40px auto 0;
	}
	.org_link a{
		width: 100%;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}
.org_link a:hover{
	background-color: #1CC18E;
	color: #fff;
}
 .foreign_icon{
	 display: inline-block;
	 width: 14px;
	 height: 14px;
	 background: url("../img2024/group/ico_foreign.png") no-repeat 0 0px;
	 background-size: 14px 14px;
	 
}
.org_link a:hover .foreign_icon{
	background: url("../img2024/group/ico_foreign_white.png") no-repeat 0 0;
}
.org_link a .foreign_icon{
	transition: 0.3s;
	margin-left: 5px;
}
.org_link a:hover .foreign_icon{
	margin-right: -10px;
	margin-left: 15px;
}

.recruit_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruit_flex_area{
	width: 560px;
}
.recruit_flex_area img{
	width: 100%;
}
.recruit_item{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #eee;
}
.recruit_item h2{
	margin-top: 23px;
	font-size: 26px;
	text-align: center;
	margin-bottom: 5px;
	line-height: 100%;
}
.recruit_item a:hover h2{
	color: #1CC18E;
}
.recruit_item p{
	text-align: center;
	font-size: 14px;
	color: #a1a1a1;
	margin-top: 0;
	padding-bottom: 20px;
}
.recruit_text{
	text-align: center;
	margin-top: 25px;
}
@media all and (max-width: 767px) {
	.recruit_flex_area{
		width: 100%;
		margin-bottom: 50px;
	}
}


.title_area h1 span.title_news_date{
	color: #777;
	background: inherit;
	display: inline-block;
	font-size: 16px;
	padding-left: 0;
	margin-top: 30px;
}
.title_area h1 span.title_news_cat{
	color: #777;
	background: inherit;
	display: inline-block;
	background-color: #fff;
	border-radius: 20px;
	padding: 5px 20px;
	text-align: center;
	font-size: 14px;
	margin-top: 30px;
	margin-left: 10px;
}
.news_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news_menu{
	
}
.news_content{
	width: 890px;
}
@media all and (max-width: 767px) {
	.news_menu{
		width: 100%;
	}
	.news_content{
		width: 100%;
	}
}
.news_content p{
	font-size: 16px;
	line-height: 220%;
	text-align: left;
	color: #222;
	word-break: break-all;
	margin-bottom: 2em;
}
.news_menu a{
	color: #222;
	background-color: #fff;
	display: inline-block;
	padding: 5px 25px;
	border-radius: 15px;
	margin-bottom: 20px;
}
.news_menu a.top_news_menu_on{
	background: #1CC18E;
	color: #fff;
}
.news_menu a:hover{
	background: #1CC18E;
	color: #fff;
}
@media all and (max-width: 767px) {
	.news_menu a{
		margin-right: 10px;
	}
}
.news_menu form{
	margin-bottom: 80px;
}
.news_btn{
	background-color: #999;
	color: #fff;
	border-radius: 10px;
	padding: 20px 40px;
	display: block;
	width: 180px;
	margin: 50px auto;
	text-align: center;
}
a.news_btn:hover{
	background-color: #1CC18E;
}
.news_content p a{
	color: #1CC18E;
}
@media all and (max-width: 767px) {
	.news_list{
		border-top: 1px solid #aaa;
	}
	.news_content .top_news_item{
		border-bottom: 1px solid #aaa;
		padding-bottom: 25px;
	}
}

.wp-pagenavi{
	margin-top: 50px;
}
.wp-pagenavi .pages{
	display: none;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 30px;
	border:1px solid #777 !important;
	text-align: center;
	padding: 12px 0 0 !important;
	margin-right: 15px;
	color: #777;
}
.wp-pagenavi span.extend{
	border: none !important;
}
.wp-pagenavi .first{
	display: none;
}
.wp-pagenavi .last{
	display: none;
}
.wp-pagenavi .current{
	background-color: #777;
	color: #fff;
}

.news_content  img{
	max-width: 100%;
	height: auto;
}
@media all and (max-width: 767px) {
	.wp-pagenavi a,
	.wp-pagenavi span{
		display: inline-block;
		width: 40px;
		height: 40px;
		border-radius: 30px;
		border:1px solid #777;
		text-align: center;
		padding: 8px 0 0 !important;
		margin-right: 10px;
		font-size: 14px;
	}
	
	.news_menu form{
		margin-bottom: 40px;
	}
	.news_content  p{
		margin-top: 50px;
	}
	.news_list{
		margin-bottom: 50px;
	}
}

/*
sitemap
*/
.sitemap_wrap h2{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 12px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.sitemap_wrap .sitemap_title{
	margin-top: 80px;
}
.sitemap_wrap .sitemap_title:first-child{
	margin-top: 0;
}
@media all and (max-width: 767px) {
	.sitemap_wrap h2{
		font-size: 20px;
	}
	.sitemap_wrap .sitemap_title{
		margin-top: 60px;
	}
}
.sitemap_wrap h2 a{
	transition: 0.3s;
	color: #222;
	display: flex;
	align-items: center;
	width: auto;
}
.sitemap_wrap h2 a:hover{
	padding-left: 5px;
	color: #1cc18e;
}
@media all and (max-width: 767px) {
	.sitemap_wrap h2 a:hover{
		padding-left: 0px;
	}
}
.sitemap_wrap p{
	margin-bottom: 20px;
	line-height: 100%;
}
@media all and (max-width: 767px) {
	.sitemap_wrap p{
		margin-bottom: 24px;
	}
}
.sitemap_wrap p a{
	font-size: 16px;
	color: #1cc18e;
	font-weight: 500;
}
.sitemap_wrap p a:hover{
	text-decoration: underline;
}
.link_circle{
	display: flex;
	align-items: center;
	width: 7px;
	height: 7px;
	border-radius: 20px;
	background-color:  #1cc18e;
	transition: 0.3s;
	margin-left: 20px;
	justify-content: center;
}
.link_circle--blue{
	background-color:  #4781D6;
}
.link_arrow{
	opacity: 0;
	color: #fff;
	font-size: 10px;
}
a:hover .link_circle{
	width: 30px;
	height: 30px;
	margin-left: 5px;
}
a:hover .link_arrow{
	opacity: 1;
}
@media all and (max-width: 767px) {
	.link_circle{
		width: 30px;
		height: 30px;
	}
	a:hover .link_circle{
		margin-left: 20px;
	}
	a .link_arrow{
		opacity: 1;
	}
}
.sitemap_wrap h3{
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 18px;
	line-height: 100%;
}
@media all and (max-width: 767px) {
	.sitemap_wrap h3{
		margin-bottom: 24px;
		margin-top: 12px;
	}
}
.sitemap_flex{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.sitemap_flex div{
	margin-right: 100px;
}
@media all and (max-width: 767px) {
	.sitemap_flex div{
		width: 100%;
		margin-right: 0px;
	}
}

@media all and (max-width: 767px) {
	.table_scroll_wrap{
		overflow-x: scroll;
	}
}

.notfound_text{
	font-size: 18px;
	margin-top: 80px;
	margin-bottom: 150px;
}
.notfound_flex{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.notfound_flex a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	width: 280px;
	height: 60px;
	border-radius: 5px;
	background: #a1a1a1;
	margin: 0 50px;
}
.notfound_flex a:hover{
	background: #1cc18e;
}
.content_area--notfound{
	background-image: url("../img2024/cmn/404dot_bg.png");
	background-size: cover;
	height: 90vh;
	margin-bottom: -80px;
}
.notfound_space{
	height: 120px;
}
@media all and (max-width: 767px) {
	.notfound_flex a{
		background: #1cc18e;
		margin-bottom: 40px;
	}
	.content_area--notfound{
		background-image: url("../img2024/cmn/404dodt_bg_sp.png");
	}
	
}

/* marketprice */
.marketprice_area img{
	width: 75%;
}
.marketprice_area p{
	font-size: 16px;
	margin-bottom: 50px;
}
@media all and (max-width: 767px) {
	.marketprice_area img{
		width: 100%;
	}
}

/*
consumer
*/
.title_bg--mypage{
	background-image: url("../img2024/mypage/bg.jpg");
	background-color: #E4E6E6;
	height: 460px;
}
.title_bg--flow{
	background-image: url("../img2024/flow/bg.jpg");
	background-color: #E4E6E6;
	height: 460px;
}
.title_bg--qa{
	
	background-color: #E4E6E6;
	height: 460px;
}
@media all and (max-width: 767px) {
	.title_bg--mypage{
		background-image: url("../img2024/mypage/bg_sp.jpg");
		height: 330px;	
	}
	.title_bg--mypage .wrap_content{
		height: 330px;
	}
	.title_bg--flow{
		background-image: url("../img2024/flow/bg_sp.jpg");
		height: 330px;	
	}
	.title_bg--flow .wrap_content{
		height: 330px;
	}
	.title_bg--qa{
		
		height: 330px;	
	}
	.title_bg--qa .wrap_content{
		height: 330px;
	}
	.title_bg--qa .wrap_content h1{
		top: 70px;
	}
	
}
/*

qa

*/
.qa_index_box{
	margin-top: 50px;
}
.qa_index_item{
	display: flex;
	margin-top: 20px;
}
.qa_index_item--box{
	justify-content:flex-start;
	margin-top: 0;
}
.faq_box{
	background-color: #f4f6f6;
	border-radius: 10px;
	border:1px solid #dddddd;
	padding: 29px;
	margin-bottom: 20px;
}
@media all and (max-width: 767px) {
	.faq_box{
		padding: 20px 10px;
	}
}
.qa_index_icon_q{
	background-color: #c81e1d;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	height: 36px;
	width: 36px;
	display: inline-block;
	border-radius: 36px;
	text-align: center;
}
.qa_index_icon_a{
	background-color: #555555;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	height: 36px;
	width: 36px;
	display: inline-block;
	border-radius: 36px;
	text-align: center;
	margin-right: 10px;
}
.faq_a_title{
	font-size: 18px;
	font-weight: 700;
	display: flex;
}
.faq_a_title span.a_content_text{
	width: 80%;
	padding-top: 4px;
}
@media all and (max-width: 767px) {
	.faq_a_title{
		font-size: 16px;
	}
	.faq_a_title span.a_content_text{
		padding-top: 3px;
	}
}

.faq_a_content{
	margin-left: 46px;
	line-height: 26px;
}
.qa_index_item p{
	font-size: 18px;
	color: #c81e1d;
	margin-left: 15px;
	font-weight: 700;
	line-height: 24px;
	padding-top: 6px;
}
@media all and (max-width: 767px) {
	.faq_a_content{
		margin-left: 0px;
		margin-top: 10px;
	}
	.qa_index_item p{
		width: 75%;
		padding-top: 0;
		font-size: 16px;
	}
}
.qa_index_item p a,.qa_index_item p a:visited{
	color: #c81e1d;
}
.faq_a{
	background-color: #fff;
	padding: 29px;
	border-radius: 5px;
	margin-top: 20px;
	border: 1px solid #e7e8e8;
}
.faq_a_title .qa_title_min{
	font-size: 16px;
	font-weight: 400;
	color: #555555;
	width: 100%;
}
@media all and (max-width: 767px) {
	.faq_a{
		padding: 17px;
	}
}

.faq_a_content{
	font-size: 16px;
	font-weight: 400;
	color: #555555;
}
.faq_a_content h4{
	font-size: 18px;
	margin: 0;
	color: #222222;
	margin-bottom: 20px;
}
@media all and (max-width: 767px) {
	.faq_a_content h4{
		font-size: 16px;
		margin-left: 45px;
	}
}
.faq_a_content p{
	font-size: 16px;
	font-weight: 400;
	color: #555555;
}
.faq_a_content hr,
hr.contact_bottom{
	background-color: #ddd;
	border: none;
	height: 1px;
	margin: 40px 0;
}
.faq_a_content .qa_dot{
	color: #f36a6a;
	padding-right: 10px;
	font-size: 20px;
	display: inline-block;
	margin-left: -20px;
}
.faq_a_content  .qa_dot_strong{
	font-size: 18px;
	font-weight: 700;
	color: #222222;
	line-height: 220%;
	padding-left: 20px;
		margin-top: 5px;
}
@media all and (max-width: 767px) {
	.faq_a_content  .qa_dot_strong{
		line-height: 130%;
		margin-top: 10px;
		font-size: 16px;
	}
}
.faq_a_content--contact{
	margin-top: 20px;
	margin-left: 0;
}
.faq_a_content--contact img{
	width: 100%;
}
.qa_text_number_box{
	margin: 20px 0;
}
.qa_text_number_box p{
	margin-bottom: 14px;
}
.qa_text_number{
	background-color: #a1a1a1;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	width: 24px;
	display: inline-block;
	border-radius: 36px;
	text-align: center;
	margin-right: 10px;
}
@media all and (max-width: 767px) {
	.qa_text_number_box p{
		margin-left: 75px;
		line-height: 150%;
		font-size: 16px;
	}
	.qa_text_number{
		margin-left: -30px;
	}
}
.faq_a a,.faq_a a:visited{
	color: #1cc18e;
}
.faqtable{
	width: 100%;
}
.faqtable th{
	background-color: #e1e1e1;
	border: 1px solid #fff;
	padding: 18px 20px;
}
.faqtable th.table_width_300{
	min-width: 310px;
}
.faqtable tr:nth-child(odd) td{
	background-color: #feeded;
}
.faqtable tr:nth-child(even) td{
	background-color: #f4f6f6;
}
.faqtable td{
	font-size: 16px;
	font-weight: 700;
	padding: 18px 20px;
	border: 1px solid #fff;
}
.faqtable a,.faqtable a:visited{
	color: #f14a4a;
}
.td_link{
	display: block;
}
@media all and (max-width: 767px) {
	.faqtable{
		margin-top: 10px;
	}
	.faqtable th{
		padding: 10px;
		width: 50%;
		font-size: 14px;
		text-align: left;
		line-height: 130%;
		
	}
	.faqtable th.table_width_300{
		min-width: inherit;
	}
	.faqtable td{
		padding: 10px;
		font-size: 14px;
		line-height: 130%;
	}
	.td_link{
		display: block;
		padding-top: 10px;
		font-weight: 400;
		line-height: 130%;
	}
}

.faqtable--2{
	margin-top: 10px;
}
.faqtable--2 th{
	padding: 0;
	height: 50px;
}
.faqtable--2 th.table_title{
	padding: 0;
	width: 150px;
}
.faqtable--2 td{
	padding: 0;
}
@media all and (max-width: 767px) {
	.faqtable--2 th.table_title{
		padding: 5px 0;
		width: 80px;
		line-height: 130%;
	}
	.faqtable--2 td{
		line-height: 130%;
	}
}


.faq_content_flex{
	display: flex;
	justify-content: space-between;
}
.faq_content_flex_left{
	width: 400px;
}
.faq_content_flex_right{
	width: 580px;
}
@media all and (max-width: 767px) {
	.faq_content_flex{
		flex-wrap: wrap;
	}
	.faq_content_flex_left{
		width: 100%;
	}
	.faq_content_flex_right{
		width: 100%;
	}
}
.tabPanel img{
	width: 100%
}

.borderBox {
	margin: 26px 0 30px;
	padding: 13px 0 6px;
	position: relative;
	background-color: #f4f6f6;
	filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, .3));
}
@media all and (max-width: 767px) {
	.tabPanel{
		margin-top: 40px;
	}
	.borderBox{
		padding: 0px;
	}
}

.borderBox:before {
	margin-left: -15px;
	width: 40px;
	height: 40px;
	clip-path: polygon(0 100%, 50% 50%, 100% 100%);
	position: absolute;
	top: -39px;
	left: 50%;
  background-color: #f4f6f6;
	content: ""; 
}

.tabUl {
	width: 580px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px;
}
@media all and (max-width: 767px) {
	.tabUl {
		width: 100%;
		padding: 10px 10px 0;
	}
}

.tabUl li {
	margin: 0;
	width: 100px;
	height: 62px;
	list-style: none;
	margin-bottom: 10px;
}
@media all and (max-width: 767px) {
	.tabUl li {
		width: 31%;	
	}
	
}


.tabUl li.on a{
	background-color: #f14a4a;
	color: #fff;
}
.tabUl li a {
	padding: 20px 0 7px;
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #333333;
	border-radius: 5px;
	height: 65px;
}
.tabUl li a.tabBtnArea--hokkaido{
	padding-top: 12px;
	line-height: 1.35;
}
@media all and (max-width: 767px) {
	.tabUl li a {
		font-size: 12px;
		height: 65px;
	}
}

.faq_flex{
	display: flex;
	justify-content: space-between;
}
.faq_flex_left{
	width: 370px;
	margin-top: 30px;
}
.faq_flex_right{
	width: 580px;
}
@media all and (max-width: 767px) {
	.faq_flex{
		flex-wrap: wrap;
	}
	.faq_flex_left{
		width: 100%;
		margin-top: 30px;
	}
	.faq_flex_right{
		width:100%;
	}
}
.faq_flex_left img{
	width: 100%;
}
@media all and (max-width: 767px) {
	.faq_flex_left{
		text-align: center;
		margin-bottom: 20px;
	}
	.faq_flex_left img{
		width: 80%;
	}
}
.faq_img2{
	margin: 30px 0 20px;
}
.faq_img2 img{
	width: 100%;
}
.faq_img_card{
	margin: 30px auto 20px;
	width: 616px;
}
.faq_img_card img{
	width: 100%;
}
@media all and (max-width: 767px) {
	.faq_img_card{
		width: 90%;
	}
}
a.faq_btn_link span{
	display: none;
}
a.faq_btn_link{
	width: 150px;
	height: 50px;
	display: block;
	line-height: 50px;
	background-color: inherit;
	text-align: center;
	transition: 0.3s;
}
@media all and (max-width: 767px) {
	a.faq_btn_link{
		margin-left: 0px;
		width: 90%;
	}
	a.faq_btn_link{
		width: 100%;
		height: 80px;
		line-height: 80px;
	}
}
a.faq_btn_link:hover{
	background-color: #c81e1d;
	color: #fff;
}
a.faq_btn_link span{
	 display: inline-block;
	 width: 18px;
	 height: 18px;
	 background: url("../img2024/qa/icon2.png") no-repeat 0 0;
	 background-size: 18px 18px;
}
a.faq_btn_link:hover span{
	background: url("../img2024/qa/icon.png") no-repeat 0 0;
}
a.faq_btn_link span{
	transition: 0.3s;
	margin-left: 5px;
}
a.faq_btn_link:hover span{
	margin-right: -10px;
	margin-left: 15px;
}
.faqtable--2 td:first-child{
	padding-left: 20px;
}
.faq_table_b{
	color: #f14a4a;
}


.qa_content_area h3{
	margin: 60px 0 30px;
}
@media all and (max-width: 767px) {
	.qa_content_area h3{
		margin-top: 35px;
	}
}

.dli-chevron-down {
	margin-left: auto;
	margin-top: 10px;
	margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #c81e1d;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
.dli-chevron-up {
	margin-left: auto;
	margin-top: 10px;
	margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #c81e1d;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 2px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(25%) rotate(-45deg);
}

/*
flow
*/
p.flow_message{
	font-size: 28px !important;
	margin-bottom: 60px;
}
@media all and (max-width: 767px) {
	p.flow_message{
		font-size: 18px !important;
		margin-bottom: 30px;
		line-height: 150%;
	}
}
.flow_box{
	background-color: #fff;
	padding: 40px;
	border-radius: 10px;
}
.flow_box h2{
	margin-bottom: 50px;
}
@media all and (max-width: 767px) {
	.flow_box{
		padding: 12px;
	}
	.flow_box h2{
		margin-left: 5px;
		margin-bottom: 25px;
		font-size: 26px;
	}
}

.flow_sub{
	font-size: 24px;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	.flow_sub{
		margin-left: 5px;
		font-size: 18px;
	}
}
.flow_flex_box{
	background-color: #feeded;
	padding: 20px;
	width: 540px;
	border-radius: 10px;
	position: relative;
	z-index: 1;
}
@media all and (max-width: 767px) {
	.flow_flex_box{
		padding: 15px;
	}
}
.flow_flex_box--large{
	width: 100%;
}
.flow_flex_box h3{
	font-weight: 500;
	font-size: 24px;
	background-image: url("../img2024/cmn/icon_pre_red.png");
	background-repeat: no-repeat;
	background-position: left 2px;
	padding: 0 0 0 25px;
	line-height: 100%;
	margin-bottom: 40px;
}
.flow_flex_box h3 span{
	color: #c81e1d;
	margin-right: 20px;
}
.flow_flex_box h3 span.flow_title_min{
	font-size: 16px;
	color: #222;
	padding-left: 15px;
}
.flow_flex_box h3 span.flow_title_sp_position{
	color: #222;
}
@media all and (max-width: 767px) {
	.flow_flex_box h3{
		line-height: 130%;
		background-position: left 6px;
	}
	.flow_flex_box h3 span.flow_title_min{
		font-size: 12px;
	}
}

.flow_box1_img{
	text-align: center;
}
.flow_box1_img img{
	width: 268px;
}
@media all and (max-width: 767px) {
	.flow_box1_img img{
		width: 160px;
	}
}
.flow_box2_img{
	text-align: center;
	margin-top: -14px;
}
.flow_box2_img img{
	width: 303px;
}
@media all and (max-width: 767px) {
	.flow_box2_img img{
		width: 185px;
	}
}

.flow_box3_img{
	text-align: center;
	margin-top: 20px;
}
.flow_box3_img img{
	width: 161px;
}
@media all and (max-width: 767px) {
	.flow_box3_img img{
		width: 80px;
	}
}

.flow_box4_img{
	text-align: center;
	margin-top: 20px;
}
.flow_box4_img img{
	width: 200px;
}
@media all and (max-width: 767px) {
	.flow_box4_img img{
		width: 120px;
	}
}

.flow_box5_img{
	text-align: center;
	margin-top: -20px;
}
.flow_box5_img img{
	width: 242px;
}
@media all and (max-width: 767px) {
	.flow_box5_img img{
		width: 150px;
	}
}

.flow_box6_img{
	text-align: center;
	margin-top: -10px;
}
.flow_box6_img img{
	width: 235px;
}
@media all and (max-width: 767px) {
	.flow_box6_img img{
		width: 144px;
	}
}

.flow_box7_img{
	text-align: center;
	margin-top: 20px;
}
.flow_box7_img img{
	width: 219px;
}
@media all and (max-width: 767px) {
	.flow_box7_img img{
		width: 134px;
	}
}

.flow_flex_1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.flow_box_text{
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 40px;
	margin-top: 20px;
	height: 305px;
}
.flow_box_text--large{
	height: inherit;
	margin-top: 40px;
}
.flow_box_text--2{
	height: inherit;
	padding: 20px 20px;
}
.flow_red_text{
	color: #c81e1d;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
@media all and (max-width: 767px) {
	.flow_box_text{
		padding: 10px 10px 10px;
		height: inherit;
		
	}
	.flow_red_text{
		font-size: 14px;
	}
}
.flow_black_text2{
	color: #222;
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.flow_black_text2 span{
	color: #c81e1d;
}
@media all and (max-width: 767px) {
	.flow_black_text2{
		font-size: 14px;
		line-height: 150%;
		margin-bottom: 0px;
	}
}
.flow_list_text{
	font-size: 22px;
	line-height: 180%;
	margin: 0 auto;
	width: 80%;
}
.flow_list_text span{
	color: #f14a4a;
	padding-right: 10px;
}
.flow_list_text span.flow_text_min{
	font-size: 16px;
	color: #222;
}
@media all and (max-width: 767px) {
	.flow_list_text{
		font-size: 13px;
		font-weight: 700;
		width: 85%;
	}
	.flow_list_text span.flow_text_min{
		font-size: 10px;
		color: #222;
		font-weight: 400;
	}
}
.flow_caution{
	color: #777;
	line-height: 140%;
	margin-top: 10px;
}
.flow_caution--center{
	text-align: center;
}
@media all and (max-width: 767px) {
	.flow_caution{
		font-size: 10px;
	}
}
.flow_red_btn{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	background-color: #f14a4a;
	border-radius: 40px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 23px 0;
}
.flow_text_link{
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.flow_text_link a,.flow_text_link a:visited{
	color: #1cc18e;
}
p.flow_black_text{
	color: #222;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 40px;
}
.flow_box_text--large p.flow_black_text{
	color: #222;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	line-height: 150%;
	margin-top: 10px;
	margin-bottom: 20px;
}
@media all and (max-width: 767px) {
	p.flow_black_text{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.flow_red_btn{
		font-size: 14px;
		padding: 12px 0;
	}
	.flow_text_link{
		font-size: 12px;
	}
}


.flow_comp_text{
	font-size: 40px;
	text-align: center;
	font-weight: 700;
	color: #c81e1d;
}
.flow_comp_text2{
	font-size: 24px;
	text-align: center;
}
.flow_box_text--large p{
	text-align: center;
	font-size: 20px;
	margin-bottom: 15px;
}
@media all and (max-width: 767px) {
	.flow_comp_text{
		font-size: 24px;
	}
	.flow_comp_text2{
		font-size: 14px;
		text-align: center;
		line-height: 150%;
	}
	
	.flow_box_text--large p.flow_black_text2{
		font-size: 16px;
		line-height: 140%;
		text-align: left;	
	}
	.flow_box_text--large p{
		font-size: 14px;
		line-height: 160%;
		text-align: left;	
	}
}

.flow_arrow_right{
	background: url("../img2024/flow/arrow_right.png") no-repeat;
	background-size: 35px;
	width: 35px;
	height: 60px;
	z-index: 10;
	position: relative;
	margin-right: -20px;
	margin-top: 270px;
}
.flow_arrow_bottom{
	width: 100%;
	text-align: right;
	padding-top: 5px;
	padding-right: 240px;
	margin-bottom: -5px;
	z-index: 10;
	position: relative;
}
.flow_arrow_right2{
	background: url("../img2024/flow/arrow_right.png") no-repeat;
	background-size: 35px;
	width: 35px;
	height: 60px;
	z-index: 10;
	position: relative;
	margin-right: -20px;
	margin-top: 170px;
}
.flow_arrow_bottom2{
	width: 100%;
	text-align: right;
	padding-top: 5px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: -30px;
	margin-top: 0px;
	z-index: 10;
	position: relative;
}
@media all and (max-width: 767px) {
	.flow_arrow_bottom{
		text-align: center;
		margin: 0 auto;
		padding:10px 0 5px;
	}
	.flow_arrow_bottom img{
		width: 45px;
		margin: 0 auto;
	}
}



a.flow_btn_red{
	display: flex;
	width: 230px;
	height: 52px;
	background-color: #c81e1d;
	padding: 0;
	border-radius: 5px;
	line-height: 100%;
	color: #fff;
	margin: 0 auto 20px;
}
a.flow_btn_red .megamenu_link_right{
	width: 230px;
	padding: 16px 20px 20px;
}
a.flow_btn_red .megamenu_icon_text{
	font-size: 16px;
	font-weight: 700;
}
a.flow_btn_red:hover{
	color: #fff;
	border: none;
}
a.flow_btn_red span{
	display: block;
}
a.flow_btn_red .megamenu_icon_text:after{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
a.flow_btn_red:hover .megamenu_icon_text:after{
	margin-right: -15px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
@media all and (max-width: 767px) {
	a.flow_btn_red{
		margin-bottom: 0px;
	}
}

a.btn_cons_2step{
	display: block;
	background-color: #f14a4a;
	width: 480px;
	font-size: 24px;
	padding: 20px;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
}
@media all and (max-width: 767px) {
	a.btn_cons_2step{
		width: 100%;
		font-size: 18px;
	}
}

a.btn_cons_simu{
	display: block;
	background-color: #c81e1d;
	width: 480px;
	font-size: 24px;
	padding: 20px;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
}
@media all and (max-width: 767px) {
	a.btn_cons_simu{
		width: 100%;
		font-size: 18px;
	}
}


.flow_flex_bottom{
	display: flex;
	justify-content: space-between;
}
.flow_flex_btn{
	width: 360px;
	border-radius: 10px;
	border: 3px solid #dddddd;
	background-color: #fff;
	padding: 30px;
	text-align: center;
	color: #f14a4a;
	font-size: 24px;
	line-height: 100%;
	font-weight: 700;
}
.flow_flex_btn img{
	margin-bottom: 15px;
}
.flow_flex_btn--1 img{
	width: 54px;
}
.flow_flex_btn--2 img{
	width: 57px;
	margin-bottom: 5px;
}
.flow_flex_btn--3 img{
	width: 56px;
	margin-top: 12px;
}
@media all and (max-width: 767px) {
	.flow_flex_bottom{
		flex-wrap: wrap;
		justify-content: center;
	}
	.flow_flex_btn{
		width: 90%;
		font-size: 20px;
		padding: 20px;
		margin-bottom: 10px;
	}
}


/*
mypage
*/
.mypage_img{
	background-color: #feeded;
	padding: 20px;
	text-align: center;
	margin-top: 20px;
}
@media all and (max-width: 767px) {
	.mypage_img img{
		width: 100%;
	}
}
.mypage_content h3{
	margin-top: 60px;
	margin-bottom: 30px;
}
.mypage_content p{
	font-size: 16px;
	line-height: 24px;
}
.mypage_point_flex{
	display: flex;
	font-size: 16px;
	margin-bottom: 10px;
}
@media all and (max-width: 767px) {
	.mypage_point_flex{
		flex-wrap: wrap;
	}
}
.mypage_point{
	color: #c81e1d;
	font-weight: 700;
	width: 85px;
}
@media all and (max-width: 767px) {
	.mypage_point{
		width: 100%;
	}
}
.mypage_caution_flex{
	display: flex;
	margin-top: 10px;
	margin-bottom: 10px;
}
.mypage_caution{
	line-height: 150%;
}
.mypage_caution_kome{
	color: #c81e1d;
	line-height: 150%;
}

/*
simulation
*/
.title_bg--simulation{
	background-image: url("../img2024/simulation/bg.jpg");
	background-color: #E4E6E6;
	height: 460px;
}
@media all and (max-width: 767px) {
	.title_bg--simulation{
		background-image: url("../img2024/simulation/bg_sp.jpg");
		height: 330px;	
	}
}
.title_bg--simulation  h1{
	color: #222;
}
.title_bg--simulation h1 span{
	color: #222;
}

.sim_lead{
	font-weight: 700;
	font-size: 28px;
	text-align: center;
	margin-bottom: 60px;
}
.sim_lead .underline{
	text-decoration: underline 10px #f58080;
	 text-underline-offset: -5px;
	text-decoration-skip-ink: none;
}
@media all and (max-width: 767px) {
	.sim_lead{
		font-size: 22px;
		text-align: left;
	}
	.sim_lead .underline{
		background: linear-gradient(transparent 70%, #f58080 70%);
		text-decoration:none;
	}
	.sim_lead--result{
		font-size: 19px;
		margin: 30px 0 10px !important;
	}
}

.sim_lead--2nd{
	margin-top: 60px;
	margin-bottom: 0px;
}
.sim_result_flex{
	display: flex;
	justify-content: space-between;
	border: 5px solid #c81e1d;
	border-radius: 10px;
	padding: 10px;
	margin: 20px 0;
	align-items: center;
}
@media all and (max-width: 767px) {
	.sim_lead--2nd{
		margin-top: 40px;
		margin-bottom: 0px !important;
		font-size: 19px;
	}
	.sim_result_flex{
		flex-wrap: wrap;
	}
}
.sim_result_flex_plan{
	font-size: 24px;
	background-color: #c81e1d;
	border-radius: 5px;
	padding: 80px 10px;
	width: 250px;
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.sim_result_flex_plan span{
	font-size: 20px;
}
.sim_result_flex_plan span.js-sim-result-plan_name{
	font-size: 24px;
}
.sim_result_flex_point{
	font-size: 48px;
	font-weight: 700;
	color: #c81e1d;
	padding-right: 40px;
}
.sim_result_point_number{
	font-size: 96px;
	padding-right: 20px;
}
@media all and (max-width: 767px) {
	.sim_result_flex_plan{
		width: 100%;
		padding: 10px 0;
		font-size: 16px;
	}
	.sim_result_flex_plan span.js-sim-result-plan_name{
		font-size: 16px;
	}
	.sim_result_flex_plan span{
		font-size: 16px;
	}
	.sim_result_flex_card{
		width: 20%;
	}
	.sim_result_flex_card img{
		width: 100%;
	}
	.sim_result_flex_point{
		font-size: 22px;
		padding-right: 0;
	}
	
	.sim_result_point_number{
		font-size: 48px;
	}
	.sim_result_flex .sim_result_point_number{
		font-size: 40px;
		padding-right: 5px;
	}
}
.sim_result_total_flex{
	display: flex;
	color: #c81e1d;
	justify-content: center;
}
.sim_result_total_flex_left{
	font-weight: 700;
}
.sim_result_total_flex_right span{
	display: block;
}
span.sim_result_point_zeikomi{
	font-size: 12px;
	font-weight: 700;
	margin-bottom: -8px;
	padding-top: 55px;
}
span.sim_result_point_en{
	font-size: 36px;
	font-weight: 700;
}
@media all and (max-width: 767px) {
	span.sim_result_point_zeikomi{
		font-size: 9px;
		margin-bottom: -6px;
		padding-top: 16px;
	}
	span.sim_result_point_en{
		font-size: 27px;
	}
}
.sim_result_total_elec{
	background: #fff0f0;
	font-size: 18px;
	width: 520px;
	padding: 15px 20px;
	margin: 20px auto;
	text-align: center;
	font-weight: 700;
}
.sim_result_total_elec_number{
	font-size: 30px;
	padding: 0 10px;
}
.sim_result_total_elec_tanni{
	padding: 0 10px 0 0;
}
@media all and (max-width: 767px) {
	.sim_result_total_elec{
		width: 100%;
		font-size: 12px;
	}
	.sim_result_total_elec_number{
		font-size: 12px;
		padding: 0 3px;
	}
	.sim_result_total_elec_tanni{
		padding: 0 3px 0 0;
	}
}

.sim_result_caution{
	background-color: #f4f6f6;
	padding: 30px;
	margin-top: 60px;
	margin-bottom: 80px;
}
@media all and (max-width: 767px) {
	.sim_result_caution{
		margin-top: 30px;
		margin-bottom: 40px;
	}
}
.sim_result_caution p{
	font-weight: 700;
	font-size: 18px;
}
.sim_result_caution .caution_text::before{
	display: inline-block;
	content: "※";
	margin-left: -1.5em;
	padding-right: 0.5em;
}
.sim_result_caution .caution_text{
	margin-left: 1.5em;
	
}
.sim_result_caution p.caution_text{
	font-weight: 400;
	color: #222;
	margin-top: 10px;
	font-size: 14px;
}
@media all and (max-width: 767px) {
	.sim_result_caution p{
		font-size: 14px;
	}
	.sim_result_caution p.caution_text{
		font-size: 12px;
	}
}

a.sim_result_btn_plan{
	font-size: 24px;
	font-weight: 700;
	display: block;
	border: 3px solid #c81e1d;
	border-radius: 60px;
	padding: 20px;
	line-height: 100%;
	text-align: center;
	color: #222;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 750px;
}
.sim_result_btn_plan{
	color: #c81e1d;
	font-size: 30px;
	margin: 0 5px;
}
.sim_result_btn_plan--margin{
	margin-left: 20px;
}
@media all and (max-width: 767px) {
	a.sim_result_btn_plan{
		font-size: 18px;
		width: 100%;
		padding: 15px 10px;
		line-height: 140%;
	}
	.sim_result_btn_plan{
		font-size: 22px;
	}
}

a.sim_result_btn_order{
	font-size: 24px;
	font-weight: 700;
	display: block;
	background-color: #c81e1d;
	border-radius: 60px;
	padding: 33px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	max-width: 750px;
}
a.sim_result_btn_order .sim_result_btn_plan{
	color: #fff;
	font-size: 24px;
	margin-top: 40px;
}
@media all and (max-width: 767px) {
	a.sim_result_btn_order{
		font-size: 22px;
		width: 100%;
		padding: 15px 10px 20px;
		line-height: 120%;
		
		margin-top: 20px;
	}
	a.sim_result_btn_order .sim_result_btn_plan{
		font-size: 18px;
	}
}
a.sim_result_btn_re_sim{
	font-size: 24px;
	font-weight: 700;
	display: block;
	border-radius: 60px;
	padding: 20px;
	line-height: 100%;
	text-align: center;
	color: #222;
	background-color: #dddddd;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
	max-width: 580px;
	margin-top: 40px;
}
a.sim_result_btn_re_sim span{
	padding: 0 0 0 12px;
}
@media all and (max-width: 767px) {
	a.sim_result_btn_re_sim{
		font-size: 18px;
		width: 100%;
		position: relative;
		text-align: center;
		line-height: 120%;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	a.sim_result_btn_re_sim span{
		padding: 0;
	}
	.sim_result_btn_re_sim img{
		position: absolute;
		top: 35%;
		right: 30px;
	}
}


h2.sim_lead{
	margin-bottom: 40px;
}
.sim_text{
	font-size: 16px;
	text-align: center;
	margin-bottom: 80px;
}
.sim_wrap{
	background-color: #fff;
	padding: 60px 70px;
	box-shadow: 0px 0px 15px #ddd;
}
@media all and (max-width: 767px) {
	.sim_text{
		line-height: 130%;
		text-align: left;
		margin-bottom: 40px;
	}
	.sim_wrap{
		padding: 10px;
	}
}

.sim_wrap h3{
	font-weight: 500;
    font-size: 26px;
    background-image: url(../img2024/cmn/icon_pre_red.png);
    background-repeat: no-repeat;
    background-position: 40px 28px;
    padding: 25px 25px 25px 65px;
    line-height: 100%;
    margin-bottom: 60px;
	background-color: #feeded;
	border-radius: 10px;
	
}
.sim_wrap h3 span{
	color: #c81e1d;
	padding-right: 40px;
}
.sim_wrap div+h3{
	margin-top: 80px;
}
.sim_flex{
	display: flex;
	margin: 50px 0 10px;
}
.sim_flex_left{
	width: 310px;
	height: 35px;
	padding-right: 60px;
	
	display: flex;
	justify-content: flex-end;
	 align-items: center;
}
@media all and (max-width: 767px) {
	.sim_wrap h3{
		font-size: 24px;
		background-position: 15px 28px;
    	padding: 25px 25px 25px 40px;
		margin-bottom: 20px;
	}
	.sim_wrap h3 span{
		margin-bottom: 10px;
		display: block;
	}
	.sim_wrap div+h3{
		margin-top: 50px;
	}
	.sim_flex{
		flex-wrap: wrap;
		margin: 10px 0;
	}
	.sim_flex_left{
		justify-content: flex-start;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 10px;
		margin-top: 20px;
	}
}
.sim_number{
	color: #f14a4a;
	font-size: 28px;
	padding-right: 10px;
	margin-top: 10px;
}
.sim_flex_left span{
	margin-top: 0;
}
.sim_example_box{
	background-color: #f4f6f6;
	padding: 20px;
	margin: 20px 0 0;
}
.simulation_info_flex_4column{
	display: flex;
}
@media all and (max-width: 767px) {
	.simulation_info_flex_4column{
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
.simulation_info_flex_4column div{
	width: 160px;
	font-size: 18px;
	border-radius: 10px;
	background-color: #f14a4a;
	text-align: center;
	padding: 5px;
	font-weight: 700;
}
.simulation_info_flex_4column div+div{
	margin-left: 20px;
}
@media all and (max-width: 767px) {
	.simulation_info_flex_4column div{
		width: 48%;
		margin-bottom: 10px;
	}
	.simulation_info_flex_4column div+div{
		margin-left: 0px;
	}
}
.simulation_info_flex_4column h5{
	padding-top: 10px;
	color: #fff;
}
.simulation_info_flex_4column span{
	background-color: #fff;
	border-radius: 5px;
	display: block;
	margin-top: 10px;
	padding: 10px 0;
	color: #f14a4a;	
}
.sim_example_box p{
	font-weight: 700;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}
.sim_example_box p span{
	color: #f14a4a;
}

.sim_link_detail{
	padding: 20px 0 0;
}
.sim_link_detail a{
	color: #1cc18e;
	font-size: 16px;
}
.sim_link_detail .dli-chevron-down{
	color: #1cc18e;
	margin-top: 0;
	margin-left: 10px;
	width: 0.5em;
	height: 0.5em;
}
.sim_link_detail .dli-chevron-up{
	color: #1cc18e;
	margin-top: 0;
	margin-left: 10px;
	width: 0.5em;
	height: 0.5em;
}

.sim_wrap select{
	width: 500px;
}
@media all and (max-width: 767px) {
	.sim_wrap select{
		width: 100%;
		font-size: 15px;
	}
}
.sim_linkbox{
	padding: 50px 0;
}
.sim_linkbox a{
	font-size: 24px;
	font-weight: 700;
	display: block;
	background-color: #f14a4a;
	border-radius: 60px;
	padding: 24px;
	line-height: 100%;
	text-align: center;
	color: #fff;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	max-width: 500px;
}
@media all and (max-width: 767px) {
	.sim_linkbox a{
		font-size: 21px;
		width: 95%;
		margin: 0 auto;
	}
}

.sim_caution_box{
	padding: 40px 0 0;
}
.sim_caution_text::before{
	content: "※";
	margin-left: -1em;
}

.sim_caution_text{
	padding-left: 1em;
	padding-top: 10px;
}

.photo {
	margin-bottom: 54px;
	text-align: center;
}
@media all and (max-width: 767px) {
	.photo {
		margin: 0 20px 20px;
	}
	
	.photo img {
		height: 108px;
	}
}

.sim_banner_box{
	text-align: center;
}
@media all and (max-width: 767px) {
	.sim_banner_box img{
		width: 100%;
	}
}


/*
個人プラン
*/
.title_bg--basic_plan{
	
	background-image: url("../img2024/basic_plan/main_bg.png");
	background-color: #E4E6E6;
	height: 460px;
}
@media all and (max-width: 767px) {
	.title_bg--basic_plan{
		background-image: url("../img2024/basic_plan/main_bg_sp.png");
		height: 330px;	
	}
}
.title_area--plan h1{
	text-align: center;
	top: -50px;
}
.title_bg--basic_plan h1.plan_main img{
	width: 617px;
}

.plan_top{
	border: 5px solid #c81e1d;
	border-radius: 20px;
	background-color: #fff;
	padding: 50px 65px;
}
.plan_top_text{
	font-size: 28px;
	font-weight: 700;
}
.plan_top_text .underline{
	text-decoration: underline 15px #f58080;
	 text-underline-offset: -5px;
	text-decoration-skip-ink: none;
}
.plan_top_maintext1{
	font-size: 48px;
	font-weight: 700;
	color: #c81e1d;
	text-align: center;
	background: url("../img2024/basic_plan/hr1.png") no-repeat center bottom 50px;
	background-size: 80%;
	padding-top: 60px;
	padding-bottom: 90px;
}
.plan_top_maintext2{
	font-size: 48px;
	font-weight: 700;
	color: #c81e1d;
	text-align: center;
	background: url("../img2024/basic_plan/hr2.png") no-repeat center bottom 10px;
	background-size: 80%;
	padding-bottom: 50px;
}

.price_link{
	width: 600px;
    height: 80px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c81e1d;
    transition: 0.3s;
	background-color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding-left: 40px;
}
.plan_icon_download{
	display: inline-block;
	background-color: #f9e8e8;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	padding-top: 10px;
	margin-left: 30px;
	margin-right: 40px;
	transition: 0.3s;
	text-align: center;
}
.plan_icon_download img{
	width: 25px;
}
.price_link:hover{
	background-color: #c81e1d;
	color: #fff;
}
a:hover .plan_icon_download{
	padding-top: 13px;
	background-color: #fff;
}
.plan_content--contact {
	width: 1080px;
	margin: 0 auto;
}
.plan_content--contact img{
	width: 1080px;
}

.plan_contact_title{
	color: #f14a4a;
	font-size: 24px;
	font-weight: 700;
	width: 1080px;
	margin: 50px auto 20px;
}

.saigai h2{
	font-size: 24px;
	margin-top: 3em;
	margin-bottom:1em;
}
.saigai ul{
	margin-left: 2em;
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 200%;
}
.saigai p{
	margin-bottom: 2em;
	font-size: 16px;
}
.saigai_flex{
	display: flex;
}
.saigai_num{
	color: #C81E1D;
}
.saigai_flex span+span{
	margin-left: 5px;
}
p.saigai_caution{
	margin-bottom: 0;
	margin-left: 2em;
}