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

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

.br_1024 {
	display: block;
}

.header_in {
	padding: 10px 10px;
}

.header_box01 {
	margin: 0 auto;
}

.header_logo01_img01 {
	max-height: 40px;
}

.header_ul {
	display:block;
	display:none;
	width:100%;
	height:calc(100vh - 70px);
	margin:auto;
	padding-top:20px;
	background: rgba(255,255,255,0.9);
	position:absolute;
	top:100%;
	left:0;
	right:0;
}

.header_ul_li {
	display:block;
	width:auto;
	margin:0 auto 20px;
}

.header_ul .header_ul_li:last-child {
	margin:0 auto;
}

.header_ul_li_sp {
	display: block;
}

.sub_ul {
	margin-top:15px;
	padding:10px 0 5px;
	border-top: #FFF 1px solid;
	position:relative;
	top:auto;
	right:auto;
}

.sub_ul_li {
	margin: 0 auto 15px;
}

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

.sub_ul_li a {
	padding:10px 10px;
}

.wrapper_index01_big_b01 {
	padding: 100px 0;
}

.wrapper_index01_big_b01:after {
	height: 70px;
}

.wrapper_index01_big_b02 {
	padding: 100px 0 80px;
}

.wrapper_index01_big_b03 {
	padding: 100px 0;
}

.wrapper_index01_big_b03:before {
	height: 100px;
}

.wrapper_index01_big_b04 {
	padding: 100px 0;
}

.index01_box01_content01 {
	padding: 45px 25px;
}

.index01_box01_content01_title01 {
	margin: 0 auto 25px;
	font-size: 20px;
}

.index01_box01_content01_img01 {
	margin: 0 0 40px;
}

.index01_box01_content01_text01 {
	margin: 0 0 35px;
	font-size: 20px;
	line-height: 30px;
}

.index01_box01_content01_box01 {
	margin-bottom: 20px;
}

.index01_box01_content01_box01_img01 {
	max-width: 150px;
	margin-right: 10px;
}

.index01_box01_content01_box01_ul01_li_text01 {
	font-size: 15px;
}

.index01_box01_content01_box02_img01 {
	max-width: 50px;
}

.index01_box01_content01_box02_textbox01_text01 {
	font-size: 18px;
}

.index01_box01_content01_box02_textbox01_text02 {
	font-size: 30px;
}

.index02_title01 {
	margin: 0 auto 50px;
	font-size: 40px;
	line-height: 55px;
}

.index02_subtitle01 {
	max-width: calc(100% - 80px);
	margin: 0 auto 50px;
	padding: 10px 40px;
	font-size: 26px;
}

.index02_box01 {
	align-items: center;
	align-content: center;
	margin: 0 auto 120px;
}

.index02_box01_textbox01 {
	width: auto;
	margin-bottom: 40px;
}

.index02_box01_textbox01_content01 {
	max-width: 800px;
	width: auto;
	margin: 0 auto;
}

.index02_box01_imgbox01 {
	width: auto;
	margin-left: 0px;
}

.index02_box01_imgbox01_img01 {
	max-width: 80%;
	margin: 0 auto;
	right: auto;
}

.index02_title02 {
	max-width: calc(100% - 100px);
	margin: 0 auto 70px;
	padding: 10px 50px 16px;
	font-size: 40px;
}

.index02_ul01 {
	margin: 0 auto 120px;
}

.index02_ul01_li {
	margin-bottom: 100px;
}

.index02_ul01_li:nth-child(2n+1) {
	flex-flow: column wrap;
}

.index02_ul01_li:nth-child(2n) {
	flex-flow: column wrap;
}

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

.index02_ul01_li:before {
	width: 200%;
	height: 120%;
	top: -10%;
}

.index02_ul01_li_textbox01 {
	width: auto;
}

.index02_ul01_li_textbox01_content01 {
	max-width: 520px;
}

.index02_ul01_li:nth-child(2n+1) .index02_ul01_li_textbox01_content01 {
	margin: 0 auto 40px;
	padding: 0 20px;
}

.index02_ul01_li:nth-child(2n) .index02_ul01_li_textbox01_content01 {
	margin: 0 auto 40px;
	padding: 0 20px;
}

.index02_ul01_li_textbox01_content01_title01 {
	margin: 0 0 40px;
	font-size: 30px;
	line-height: 45px;
}

.index02_ul01_li:nth-child(1) .index02_ul01_li_textbox01_content01_title01 {
	padding-top: 100px;
}

.index02_ul01_li:nth-child(2) .index02_ul01_li_textbox01_content01_title01 {
	padding-top: 100px;
}

.index02_ul01_li:nth-child(3) .index02_ul01_li_textbox01_content01_title01 {
	padding-top: 100px;
}

.index02_ul01_li_textbox01_content01_title01:before {
	font-size: 180px;
}

.index02_ul01_li:nth-child(1) .index02_ul01_li_textbox01_content01_title01:before {
	top: auto;
	bottom: 0px;
	left: auto;
	right: 0px;
}

.index02_ul01_li:nth-child(2) .index02_ul01_li_textbox01_content01_title01:before {
	top: auto;
	bottom: 0px;
	right: 0px;
}

.index02_ul01_li:nth-child(3) .index02_ul01_li_textbox01_content01_title01:before {
	top: auto;
	bottom: 0px;
	left: auto;
	right: 0px;
}

.index02_ul01_li_imgbox01 {
	width: auto;
}

.index02_ul01_li_imgbox01_img01 {
	max-width: 100%;
	width: 520px;
	height: auto;
}

.index02_ul01_li:nth-child(2n+1) .index02_ul01_li_imgbox01_img01 {
	margin: 0 auto;
}

.index02_ul01_li:nth-child(2n) .index02_ul01_li_imgbox01_img01 {
	margin: 0 auto;
}

.index02_subtitle02 {
	font-size: 40px;
}

.index02_ul02_li {
	padding: 12px 30px 13px 25px;
}

.index02_ul02_li_text01 {
	font-size: 26px;
}

.index02_text01 {
	font-size: 17px;
}

.index03_box01_textbox01 {
	width: calc(53% - 30px);
}

.index03_box01_textbox01_content01_text01 {
	font-size: 30px;
}

.index03_box01_textbox01_content01_img01 {
	max-width: 100px;
}

.index03_box01_textbox01_content01_ul01_li_text01 {
	padding: 5px 25px;
	font-size: 30px;
}

.index03_textbox01 {
	margin: 0 auto 100px;
}

.index03_textbox01_text01 {
	font-size: 30px;
}

.index03_textbox01_text02 {
	padding: 0 20px;
	font-size: 40px;
}

.index03_textbox01_text02:before {
	width: 146px;
	height: 146px;
}

.index03_box02_title01 {
	margin: 0 auto 40px;
	font-size: 45px;
}

.index03_box02_content01 {
	padding: 50px 0;
}

.index03_box02_content01_icobox01 {
	width: 40px;
	height: 40px;
}

.index03_box02_content01_ul01_li {
	margin-bottom: 40px;
}

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

.index03_box02_content01_ul01_li_title01 {
	width: 250px;
	margin: 0 40px 0 0;
	font-size: 30px;
	line-height: 35px;
}

.index03_box02_content01_ul01_li_title01:before {
	max-height: 50px;
}

.index03_box02_content01_ul01_li_title01_p01:before {
	margin-top: 2px;
}

.index03_box02_content01_ul01_li_textbox01 {
	width: 320px;
	padding-top: 7px;
}

.index03_box02_content01_ul01_li_textbox01_text01 {
	font-size: 25px;
	line-height: 40px;
}

.index03_box02_content01_ul01_li_textbox01_text02 {
	font-size: 20px;
	line-height: 35px;
}

.index03_box02_content01_ul01_li_textbox01_text03 {
	font-size: 19px;
	line-height: 32px;
}

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

.index04_box01_textbox01 {
	max-width: calc(100% - 40px);
	margin-left: 0px;
}

.index04_box01_img01 {
	max-width: 250px;
	margin-top: -140px;
	margin-bottom: 40px;
}

.page_up a {
	width: 52px;
	height: 52px;
}

.page_up_ico01 {
	width: 30px;
	height: 24px;
	top: calc(50% - 2px);
}

.content_a {
	top:-70px;
}

/*about */

/*aboutここまで */

}