@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.br_768 {
	display:block;
}

.slider1_pc {
	display: none !important;
}

.slider1_sp {
	display: block !important;
}

.slider1_li_box {
	padding: 50px 0 100px;
}

.slider1_li_img01_pc {
	display: none !important;
}

.slider1_li_img01_tab {
	display: block !important;
}

.slider1_li_ul01 {
	bottom: 18%;
}

.slider1_li_ul01_li_text01 {
	font-size: 15px;
}

.slider1_li_ul01_li_text02 {
	width: auto;
	font-size: 30px;
}

.button01 {
	max-width: calc(100% - 84px);
	padding: 15px 40px;
}

.button01:after {
	font-size: 16px;
	right: 20px;
}

.button01_span {
	font-size: 16px;
}

.button02_wrap {
	text-align: center;
}

.index01_wrap_b01 {
	padding: 120px 0 0;
}

.index01_wrap_b02 {
	padding: 70px 0;
}

.index01_wrap_b03 {
	padding: 70px 0;
}

.index01_wrap_b04 {
	padding: 70px 0;
}

.index_ul01_li_box01 {
	width: 300px;
}

.index_box01 {
	flex-flow: column wrap;
	align-items: flex-start;
	align-content: flex-start;
	margin-bottom: 50px;
	padding: 20px 20px;
}

.index_box01_title01 {
	margin: 0 0 20px 0;
}

.index_box01_title01_text01 {
	font-size: 18px;
}

.index_box01_ul01 {
	flex: auto;
	width: 100%;
	padding: 20px 0 0;
	border-top: #000 1px solid;
	border-left: none;
}

.index_box01_ul01_li {
	margin-bottom: 25px;
}

.index_box01_ul01_li:last-child {
	margin-bottom: 0px;
}

.index_box01_ul01_li_title01 {
	font-size: 16px;
	line-height: 28px;
}

.index_box02_textbox01_title01 {
	font-size: 20px;
}

.index_box02_textbox01_ul01_li_ico {
	max-width: 20px;
}

.index_box02_textbox01_ul01_li_title01 {
	font-size: 18px;
}

.index_box02_textbox01_ul01_li_title01_ico01 {
	font-size: 14px;
}

.index_box02_imgbox01 {
	padding: 70px 70px 70px;
}

.index_box02_imgbox01_tri {
	border-right: 98px solid transparent;
	border-left: 98px solid transparent;
	border-bottom: 196px solid #000;
}

.index_box02_imgbox01_tri:before {
	border-right: 89px solid transparent;
	border-left: 89px solid transparent;
	border-bottom: 178px solid #E7EFF4;
	bottom: -190px;
	left: -89px;
}

.index_box02_imgbox01_circle {
	width: 128px;
	height: 128px;
}

.index_box02_imgbox01_circle_img01 {
	max-height: 40%;
}

.index_ul02 {
	margin: 0 auto 50px;
}

.index_ul02_li_ico01 {
	left: -10px;
}

.index_ul02_li a {
	padding: 14px 10px;
	font-size: 16px;
}

.index_ul02_li a:after {
	font-size: 14px;
	right: 15px;
}

.index_ul03_li_box01_img01 {
	max-width: 200px;
}

.index_title02 {
	margin: 0 auto 20px;
	font-size: 18px;
}

.index_box03 {
	margin-bottom: 50px;
	padding: 20px 20px;
}

.index_box03_content01_box01 {
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
}

.index_box03_content01_box01_textbox01 {
	width: 100%;
	margin-bottom: 20px;
}

.index_box03_content01_box01_textbox01:last-child {
	margin-bottom: 0px;
}

.index_box03_content01_box01_icobox01 {
	display: none;
}

.index_box03_content01_box01_ul01 {
	max-width: 100%;
	margin-bottom: 30px;
}

.index_box03_content01_box01_button01 {
	margin-left: 0px;
	padding: 15px 10px;
}

.index_title03 {
	padding: 20px 20px;
	font-size: 17px;
}

.index_title03_text01 {
	margin-left: 20px;
	font-size: 14px;
	line-height: 20px;
}

.index_ul04_li {
	width: calc((100% - 20px) / 2);
	margin-bottom: 20px;
	margin-right: 20px;
}

.index_ul04_li:nth-child(4n) {
	margin-right: 20px;
}

.index_ul04_li:nth-child(3n) {
	margin-right: 20px;
}

.index_ul04_li:nth-child(2n) {
	margin-right: 0px;
}

.index_linkbox01_img01 {
	max-width: 400px;
}

.index_box04 {
	flex-flow: column wrap;
}

.index_box04_title01 {
	justify-content: center;
	margin: 0 auto 25px;
	font-size: 18px;
}

.index_box04_left {
	width: 100%;
	margin-bottom: 60px;
	margin-right: 0px;
}

.index_box04_left_linkbox01 {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
}

.index_box04_left_linkbox01_imgbox01 {
	width: 180px;
	margin-bottom: 0px;
	margin-right: 10px;
}

.index_box04_left_linkbox01_textbox01 {
	flex: 1;
}

.index_box04_right_ul01_li_textbox01_title01 {
	font-size: 15px;
	line-height: 23px;
}

.index_ul05 {
	flex-flow: column wrap;
}

.index_ul05_li {
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0px;
}

.index_ul05_li:last-child {
	margin-bottom: 0px;
}

.index_ul05_li_textbox01_title01:after {
	margin-top: 5px;
	font-size: 15px;
}

.index_ul05_li_textbox01_title01_text01 {
	font-size: 15px;
	line-height: 23px;
}

.footer_box01 {
	padding: 70px 10px;
}

.footer_box01_title01 {
	font-size: 20px;
	line-height: 30px;
}

.footer_box02_content01_text02 {
	margin: 0 auto 40px;
}

/*content */

.content01_wrap_b01 {
	padding: 40px 0 70px;
}

.content01_wrap_b02 {
	padding: 70px 0;
}

.first01_wrap_b01 {
	padding: 70px 0;
}

.first01_wrap_b02 {
	padding: 70px 0;
}

.company01_wrap_b01 {
	padding: 70px 0;
}

.company01_wrap_b02 {
	padding: 70px 0;
}

.column01_wrap_b01 {
	padding: 70px 0;
}

/*contentここまで */

/*はじめての方へ */

.first_box01_img01 {
	max-width: 170px;
}

.first_box01_textbox01_ul01_li {
	padding-left: 20px;
	font-size: 16px;
	line-height: 24px;
}

.first_box01_textbox01_ul01_li:before {
	width: 4px;
	height: 4px;
	top: 10px;
}

.first_box02 {
	padding: 20px 20px;
}

.first_box02_title01 {
	font-size: 18px;
	line-height: 28px;
}

.first_box02_button01 {
	max-width: calc(100% - 44px);
	padding: 10px 20px;
}

.first_box02_button01_img01 {
	max-width: 300px;
}

.first_box03_text01 {
	font-size: 15px;
	line-height: 28px;
}

.first_box03_text01 .inbl_span {
	display: block;
	margin-left: 10px;
}

.first_box03_text01 br {
	display: none;
}

/*はじめての方へここまで */

/*企業のみなさまへ */

.company_title01 {
	font-size: 18px;
}

.company_box01_title01 {
	margin: 0 auto 40px;
	padding: 12px 15px;
	font-size: 18px;
}

.company_box01_content01 {
	padding: 20px 20px;
}

.company_box01_content01_ul01_li {
	margin-bottom: 20px;
	padding-left: 30px;
}

.company_box01_content01_ul01_li:last-child {
	margin-bottom: 0px;
}

.company_box01_content01_ul01_li:before {
	width: 20px;
	height: 20px;
	top: 5px;
}

.company_box01_content01_ul01_li:after {
	width: 20px;
	font-size: 14px;
	line-height: 20px;
	top: 5px;
}

.company_box01_content01_ul01_li_text01 {
	font-size: 15px;
	line-height: 23px;
}

.company_button01 {
	padding: 10px 20px;
}

.button01_wrap:has(+.company_button01_wrap) {
	margin-bottom: 30px;
}

.company_button01_img01 {
	width: 200px;
}

/*企業のみなさまへここまで */

/*企業を知る */

/*企業を知るここまで */

/*コラム */

.column_box01_content01_text01 {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	top: auto;
	left: auto;
}

.column_box01_content01_button01_text01_span01 {
	font-size: 14px;
}

.column_box01_content01_button01_text01_span02 {
	font-size: 18px;
}

.column_box02_title01 {
	margin: 0 auto 40px;
	padding: 12px 15px;
	font-size: 18px;
}

.column_box02_ul01_li {
	flex-flow: column wrap;
	justify-content: flex-start;
}

.column_box02_ul01_li_text01 {
	width: auto;
	margin: 0 0 10px 0;
}

/*コラムここまで */

}