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

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

html {
	font-size: 62.5%;
}

.br_768 {
	display:block;
}

.slider1_pc {
	display: none !important;
}

.slider1_sp {
	display: block!important;
}

#slider01 {
	padding: 80px 10px 150px;
	background: url("../img/slide01_02.webp") no-repeat center top/auto 100%;
}

.wrapper_index01_b01 {
	padding: 55px 10px 70px;
	background: url("../img/back04_02.webp") repeat top left/996px auto;
}

.wrapper_index01_b01:before {
	height: 35px;
	background: url("../img/back04_01.webp") repeat bottom left/auto 100%;
}

.wrapper_index01_b09 {
	padding: 60px 10px 80px;
}

.wrapper_index01_b09:before {
	height: 22px;
}

.wrapper_index01_b02:before {
	height: 22px;
}

.wrapper_index01_b03 {
	padding: 60px 10px 70px;
}

.wrapper_index01_b03:before {
	height: 22px;
}

.wrapper_index01_b04:before {
	height: 22px;
}

.wrapper_index01_b05:before {
	height: 22px;
}

.wrapper_index01_b06:before {
	height: 22px;
}

.wrapper_index01_b07:before {
	height: 22px;
}

.wrapper_index01_b08:before {
	height: 22px;
}

.wrapper_index01_b08 {
	padding: 80px 0 0;
}

.index_backimg01_p02 {
	bottom: 290px;
}

.index02_box01_text01 {
	font-size: 16px;
	line-height: 32px;
}

.index02_text01 {
	margin: 0 auto 10px;
	font-size: 15px;
}

.index02_title01 {
	margin: 0 auto 20px;
	font-size: 20px;
	line-height: 32px;
}

.index02_text02 {
	font-size: 16px;
	line-height: 32px;
}

.index02_box02_img01_p01 {
	max-width: 150px;
	bottom: 170px;
	right: calc(100% - 60px);
}

.index02_box02_img01_p02 {
	max-width: 150px;
	top: 170px;
	left: calc(100% - 60px);
}

.index02_box03 {
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 70px;
}

.index02_box03_content01 {
	margin-bottom: 40px;
	margin-right: 0px;
}

.index02_box03_content01_ul01 {
	margin: 0 auto 20px;
}

.index02_box03_content02_imgbox01_img01 {
	max-width: 300px;
}

.index02_box03_content02_imgbox01_box01 {
	margin: 0 auto -20px;
	position: relative;
	bottom: auto;
	left: auto;
}

.index02_box04_img01_p03 {
	max-width: 130px;
	bottom: 370px;
	left: 30px;
}

.index02_box04_content01_p01 {
	max-width: 100%;
}

.index02_box04_content01_p02 {
	max-width: 90%;
}

.index02_box04_content01_textbox01_img01 {
	max-width: 200px;
	bottom: calc(100% + 30px);
}

.index02_box05_content01_p01 {
	max-width: 100%;
	margin: 0 auto 90px;
}

.index02_box05_content01_p02 {
	max-width: 100%;
	margin: 0 auto;
}

.index02_box06 {
	margin-bottom: 130px;
}

.index02_box06_text01 {
	font-size: 16px;
	line-height: 32px;
}

.index02_imgbox01_img01 {
	max-width: 150px;
	position: relative;
	bottom: 40px;
}

.index02_imgbox01_img02 {
	max-width: 80px;
}

.index_box01 {
	margin: 0 auto 70px;
}

.index_box01_title01_img01 {
	width: 350px;
}

.index_box01_text01 {
	font-size: 16px;
	line-height: 32px;
}

.index_box01_ico01 {
	max-width: 120px;
	bottom: 60px;
	right: calc(100% - 66px);
}

.index_ul01_li_imgbox01_img01 {
	max-width: 170px;
}

.index_ul01_li_title01 {
	margin: 0 auto 20px;
	font-size: 24px;
}

.index_ul01_li_text02 {
	font-size: 16px;
	line-height: 32px;
}

.index_box02_backimg01_p01 {
	max-width: 100px;
	top: -3%;
	right: calc(50% - 180px);
}

.index_box02_backimg01_p02 {
	max-width: 80px;
	bottom: 28%;
	left: calc(50% - 200px);
}

.index_box02_backimg01_p03 {
	max-width: 100px;
	top: 34%;
	right: calc(50% - 180px);
}

.index_box02_backimg01_p04 {
	max-width: 120px;
	top: 33%;
	right: calc(50% + 60px);
}

.index_box02_backimg01_p05 {
	max-width: 130px;
	top: 75%;
	right: calc(50% - 200px);
}

.index_box02_backimg01_p06 {
	max-width: 120px;
	top: -2%;
	left: calc(50% - 290px);
}

.index_title01 {
	font-size: 24px;
	line-height: 40px;
}

.index_imgbox01_img01 {
	max-width: 200px;
}

.index_imgbox01_textbox01_p01 {
	top: -33px;
	left: calc(50% - 230px);
}

.index_imgbox01_textbox01_p02 {
	bottom: -50px;
	left: calc(50% - 233px);
}

.index_imgbox01_textbox01_p03 {
	top: 4px;
	right: calc(50% - 240px);
}

.index_imgbox01_textbox01_p04 {
	bottom: -50px;
	right: calc(50% - 240px);
}

.index_imgbox01_textbox01_p01:before {
	width: 50px;
	top: 15px;
	left: calc(100% - 20px);
}

.index_imgbox01_textbox01_p01:after {
	width: 22px;
	top: 25px;
	left: calc(100% + 24px);
}

.index_imgbox01_textbox01_p02:before {
	width: 25px;
	top: 15px;
	left: calc(100% + 5px);
}

.index_imgbox01_textbox01_p02:after {
	width: 52px;
	top: -8px;
	left: calc(100% + 15px);
	transform: rotate(115deg);
}

.index_imgbox01_textbox01_p03:before {
	width: 35px;
	top: 15px;
	right: calc(100% + 5px);
}

.index_imgbox01_textbox01_p04:before {
	width: 65px;
	top: 42px;
	right: calc(100% + 0px);
}

/*.index_imgbox01_textbox01_p04:after {
	width: 28px;
	top: 0px;
	right: calc(100% + 37px);
	transform: rotate(60deg);
}*/

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

.index_title02_img01 {
	max-width: 270px;
}

.index_title02_img02 {
	max-width: 60px;
	top: 45px;
	left: calc(50% - 165px);
}

.index_text01 {
	font-size: 16px;
	line-height: 32px;
}

.index_title03_text01 {
	max-width: calc(100% - 40px);
	margin: 0 auto 30px;
	padding: 7px 20px;
	font-size: 15px;
}

.index_title03_text02 {
	margin-bottom: 15px;
	font-size: 24px;
	letter-spacing: 3px;
}

.index_title03_text03 {
	font-size: 35px;
	letter-spacing: 3px;
}

.index_text02 {
	margin: 0 auto 50px;
	font-size: 16px;
	line-height: 32px;
}

.index_ul02_li_box01 {
	margin: 0 7px;
	padding-bottom: 40px;
}

.index_ul02_li_box01:after {
	border-width: 0 15px 30px;
}

.index_ul02_li_box01_text01 {
	width: 60px;
	height: 60px;
	margin: 0 auto -10px;
}

.index_ul02_li_box01_text01_span01 {
	font-size: 24px;
}

.index_ul02_li_box01_imgbox01 {
	width: 140px;
}

.index_ul02_li_box01_text02 {
	min-height: 72px;
	font-size: 15px;
	line-height: 24px;
}

.index_imgbox02_img01 {
	max-width: none;
	width: 115% !important;
}

.index_imgbox02_img01_p01 {
	right: 5%;
}

.index_imgbox02_img01_p02 {
	left: 0%;
}

.index_imgbox02_img01_p03 {
	right: 5%;
}

.index_imgbox02_img01_p04 {
	right: 10%;
}

.index_imgbox02_img01_p05 {
	right: 5%;
}

.index_imgbox02_img01_p06 {
	right: 5%;
}

.index_imgbox02_img01_p07 {
	right: 5%;
}

.index_imgbox02_text01 {
	max-width: 320px;
	font-size: 14px;
	line-height: 20px;
	top: 40%;
	left: 40%;
}

.index_imgbox02_text01_p01 {
	left: 50%;
}
	
.index_imgbox02_img01_p06+.index_imgbox02_text01 {
	top: 35%;
}
	
.index_imgbox02_img01_p07+.index_imgbox02_text01 {
	top: 28%;
}

.index_imgbox02_text01 br {
	display: none;
}

.index_ul03_li_box01_left_box01_button01 {
	margin-right: 30px;
}

.index_ul03_li_box01_left_box01_button01 a {
	padding: 10px 0;
}

.index_ul03_li_box01_left_box01_button01 a:before {
	border-width: 35px 0 35px 60px;
}

.index_ul03_li_box01_left_box01_button01_text01 {
	padding-left: 10px;
	font-size: 18px;
	line-height: 28px;
}

.index_ul03_li_box01_left_box01_button02 {
	font-size: 16px;
	line-height: 20px;
}

.index_ul03_li_box01_left_box02_title01 {
	font-size: 16px;
	line-height: 32px;
}

.index_ul03_li_box01_left_box02_text01 {
	font-size: 15px;
	line-height: 30px;
}

.index_ul03_li_box01_right_box01_text01 {
	width: 130px;
	font-size: 16px;
}

.index_ul03_li_box01_right_box01_text02 {
	width: 70px;
	height: 70px;
}

.index_ul03_li_box01_right_box01_text02_span01 {
	font-size: 14px;
}

.index_ul03_li_box01_right_box01_text02_span02 {
	font-size: 24px;
}

.index_ul03_li_box01_right_text01 {
	font-size: 18px;
	line-height: 32px;
}

.index_ul03_li_box01_right_title01 {
	margin: 0 auto 40px;
	font-size: 27px;
	line-height: 40px;
}

.index_ul03_li_box01_right_text02 {
	margin-bottom: 40px;
	font-size: 16px;
}

.index_ul03_li_box01_right_text03 {
	margin: 0px auto 30px;
}

.index_ul03_li_box01_right_text03_span01 {
	font-size: 14px;
	line-height: 18px;
}

.index_ul03_li_box01_right_text03_span02 {
	font-size: 14px;
	line-height: 18px;
}

.index_ul03_li_box01_right_box02 {
	margin-bottom: 40px;
}

.index_ul03_li_box01_right_box02_text01 {
	font-size: 16px;
}

.index_ul03_li_box01_right_box02_ul01_li {
	font-size: 15px;
	line-height: 30px;
}

.index_ul03_li_box01_right_box02_ul01_li:before {
	font-size: 18px;
	top: 5px;
}

.index_ul03_li_box01_right_textbox01 {
	justify-content: center;
}

.index_ul03_li_box01_right_textbox01_text01 {
	width: 130px;
	height: 130px;
}

.index_ul03_li_box01_right_textbox01_text01:first-child {
	margin-right: -10px;
}

.index_ul03_li_box01_right_textbox01_text01_p02 {
	margin-top: 120px;
	margin-left: -80px;
	margin-right: -80px;
}

.index_ul03_li_box01_right_textbox01_text01_span01 {
	font-size: 11px;
	line-height: 20px;
}

.index_ul03_li_box01_right_textbox01_text01_span02 {
	font-size: 23px;
	bottom: calc(100% - 5px);
}

.index_ul03_li_box01_right_textbox01_text01_span03 {
	font-size: 15px;
	left: calc(50% + 44px);
}

.index_ul03_li_box01_right_textbox01_img01 {
	max-width: 100px;
}

.index_ul03_li_box01_arrow {
	display: none !important;
	/*top: 100%;*/
}

.footer_ul01 {
	margin: 0 auto 50px;
}

.footer_ul01_li {
	margin-bottom: 30px;
}

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

.footer_ul01_li_text01 {
	max-width: calc(100% - 30px);
	padding: 10px 15px 12px calc(15px + 1em);
	border-radius: 40px;
	font-size: 18px;
	line-height: 26px;
}

.footer_ul01_li_text02 {
	padding-left: 30px;
	font-size: 16px;
	line-height: 32px;
}

.footer_ul01_li_text02:before {
	font-size: 18px;
	top: 6px;
}

.footer_imgbox01 {
	margin: 0 auto 40px;
}

.footer_imgbox01_text01 {
	margin-bottom: 40px;
	font-size: 13px;
}

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

.footer_box01_img01 {
	max-width: 200px;
	margin-bottom: 30px;
}

.nav_ul01 {
	width: calc(100% - 60px - 1rem);
	bottom: 10px;
}

.nav_ul01_li {
	margin-right: 5px;
}

.nav_ul01_li a {
	width: 5rem;
	height: 5rem;
	/*padding: 10px 0;*/
	border-width: 2px;
	font-size: 9px;
}

.nav_ul01_li_b05 a {
	padding: 13px 0 14px;
}

.hand01 {
	top: 400px;
}

}