/* MbDevelopment */
/* body  ここから*/
body {
	margin: 0px;
    padding: 0px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	overflow-x: hidden; 
}

/* メイン ここから*/
.main {
}
.pc_hidden {
		display:none;
	}
	.sp_hidden {
		display:block;
	}
@media (max-width: 768px) {
	.pc_hidden {
		display:block;
	}
	.sp_hidden {
		display:none;
	}
}




/* header ここから*/
.header {
  height: 85px;
  text-align: center;  
}
.header-logo  {
	height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}
.header-logo img {
  width: 465px;
}
@media (max-width: 768px) {
	.header {
  height: 40px;
}
	.header-logo img {
    width: 50%;
}
}

/* topここから*/
.top img {
	width:100%;
}
.top_info_title {
	color: #92D232;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin:80px auto 50px;
}
.top_info_title span::before {
	content: "＼";
}
.top_info_title span::after {
	content: "／";
}
.top_info_title span {
	display:block;
	margin-bottom:32px;
}
.top_info1_ba {
 background-image: url(../images/patern.jpg);
 padding:1px 0;
}
.top_item1 {
	width:900px;
	margin: 0 auto 45px;
	border: #92D232 1px solid;
	border-radius: 10px;
	background: #fff;
}
.top_item_info {
	width:745px;
	margin: 0 auto;
	text-align: justify;
}
.top_item_title {
	width:745px;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 600;
	color: #92D232;
}
.top_item_box_flex {
	width:745px;
	justify-content: space-between;
	display:flex;
	margin: 15px auto 25px;
}
.top_item_box {
	width:240px;
	height: 187px;
	border-radius: 10px;
	border: #92D232 1px solid;
}
.top_item_box_title {
	display:flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	background: #92D232;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}
.top_item_box_title16 {
	font-size: 16px;
}
.top_item_box p {
	width:210px;
	margin: 15px auto;
	font-size: 16px;
	text-align: justify;
	line-height: 180%;
}
.info1_img {
	width:745px;
	margin: 0 auto;
}
.top_info1_box {
	width:745px;
	margin: 30px auto 45px;
	border: #92D232 1px dotted;
	border-radius: 10px;
}
.top_info1_box p {
	width:645px;
	margin: 0 auto 28px;
	text-align: justify;
}
.top_info1_box .top_item_title {
	width:645px;
	margin: 28px auto 20px;
}
.top_item2 {
	width:770px;
	margin : 30px auto 48px;
}
.top_item2_info {
	width:770px;
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.top_item2_text {
	width:448px;
}
.top_item2_img img {
	width:280px;
}
.top_item2_text img{
	width:83px;
}
.top_item2_text p {
	font-size: 16px;
	text-align: justify;
}
.line_or {
	border-bottom: #F19500 1px solid;
}
.line_bu {
	border-bottom: #00A7E2 1px solid;
}
.line_gr {
	border-bottom: #92D232 1px dotted;
	margin: 55px auto;
}
.topinfo_title {
	width:770px;
	display:flex;
	justify-content: center;
	font-size: 30px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 600;
	margin:54px auto 0;
}
.topinfo_title::before {
    margin: 0 15px 0 0;
    background-image: url(../images/ba_title.png);
	background-position: left center;
	background-repeat: repeat-x;
    background-size: 25px 10px;
}
.topinfo_title::after {
    margin: 0 0 0 15px;
    background-image: url(../images/ba_title.png);
	background-position: left center;
	background-repeat: repeat-x;
    background-size: 25px 10px;
}
.topinfo_title::before,.topinfo_title::after {
    display: inline;
    content: '';
    flex-grow: 1;
}
@media (max-width: 768px) {
	.top_info1 {
		padding: 0 24px;
	}
	
	.top_info_title {
		width:90%;
		margin: 0 auto;
        font-size: 14px;
        margin: 40px auto 25px;
}
	.top_info_title img {
		width:90%;
	}
	.top_item1 {
		max-width: 480px;
		width: 100%;
    	margin: 0 auto 20px;
	}
	.topinfo_title {
    width: 90%;
    display: flex;
    font-size: 18px;
    margin: 20px auto 0;
}
	.topinfo_title::before,.topinfo_title::after {
    display: none;
}
	.top_item_info {
    width: 90%;
    font-size: 14px;
}
	.top_item_title {
    width: 90%;
    font-size: 16px;
}
	.top_item_box_flex {
    width: 90%;
    display: block;
    margin: 10px auto 25px;
}
	.top_item_box {
    width: 100%;
	height: 160px;
	margin-bottom:10px; 
}
	.info1_img  {
    width: 90%;
}
	.info1_img img {
    width: 100%;
}
	.top_info1_box {
    width: 90%;
    margin: 15px auto 20px;
}
	.top_item_box p {
    width: 90%;
    font-size: 14px;
}
	.top_info1_box p {
    width: 90%;
    margin: 0 auto 28px;
    text-align: justify;
}
	.top_info1_box .top_item_title {
    width: 90%;
    margin: 14px auto 10px;
}
	.top_info_title span {
    display: block;
    margin-bottom: 16px;
}
}


.top_info2 {
	text-align: center;
	margin: 89px auto 40px;
}
.top_info2 img {
	width:500px;
}
.top_info_box {
	width:900px;
	height: 160px;
	display:flex;
	align-items: center;
	border: #92D232 3px solid;
	margin : 0 auto 25px;
	border-radius: 10px;
}
.top_info_box_flex {
	width:820px;
	display:flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	margin : 0 auto;
}
@media (max-width: 768px) {
	.top_item2_info {
    width: 95%;
    display: block;
}
	.top_item2_text {
    width: 100%;
}
	.top_item2_text p {
    font-size: 14px;
}
	.top_item2 {
    width: 95%;
    margin: 15px auto 24px;
}
	.top_item2_img img {
    width: 100%;
}
	.line_gr {
    margin: 25px auto;
}
	.top_item2_text img {
    width: 60px;
}
	.top_item2_info_spflex {
		display:flex;
		flex-direction: column-reverse;
	}
}
.mark {
	position: absolute;
	right: -38px;
    z-index: 300;
	bottom: -20px;
}
.top_info_box p {
	width:466px;
	text-align: left;
	z-index: 999;
}
.top_info_box img {
	width:95px;
}
.top_info_box_title {
	text-align: left;
	font-size: 28px;
	font-weight: 700;
}

.top_info4_item {
	width:900px;
	justify-content: space-between;
	position: relative;
	display:flex;
	margin : 0 auto 70px auto;
	z-index: 999;
}
.top_info4 {
	position: relative;
}
.top_title3_back {
	width:100%;
	height: 960px;
	background-image: url(../images/top_title3_back.jpg);
	position: absolute;
	bottom: -310px;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	z-index: 0;
	content: "";
}

.top_info4_title {
	width:228px;
	height: 99px;
	background: #fff;
	position: absolute;
	top:143px;
	font-size: 11px;
	padding:10px 0px 0px 20px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	display:flex;
	z-index: 995;
}
.top_info4_title span {
	font-size: 18px;
	font-weight: 700;
	color: #00acd3;
}
.top_info4_text {
	background: #00acd3;
	width:289px;
	height: 156px;
	margin-top:-4px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.top_info4_text div {
	padding-top:70px;
	margin-left:20px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
}
.or {
	background: #F19500;
}
.pi {
	background: #E36A85;
}
.or_text span{
	color: #F19500;
	font-size: 15px;
}
.pi_text span {
	color: #E36A85;
}
.top_title3 {
	margin: 176px auto 0;
	text-align: center;
	z-index: 999;
	position: relative;
}
.top_title3 img {
	width: 660px;
}
@media (max-width: 768px) {
	.top_info2 {
    margin: 40px auto 20px;
	padding: 0 24px;
}
	.top_title2 img {
    width: 90%;
}
	.top_info_box {
		max-width: 480px;
		width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 15px;
	position: relative;
	z-index: 999;
}
	.top_info_box_flex {
    width: 95%;
    display: block;
}
	.top_info_box_title {
	width:95%;
    font-size: 18px;
	text-align: center;
	margin-bottom:10px;
}
	.top_info_box p {
    width: 95%;
    margin:0 auto;
	padding-bottom:20px;
		position: relative;
}
	.top_info_box_1_img {
		margin-top:20px;
	}
	.top_info_box_1_img img{
		width:50px;
	}
	.mark {
    position: absolute;
    right: -5px;
    z-index: 300;
    bottom: 0px;
}
}

.top_info5a {
	background-image: url(../images/ba_info5.jpg);
	padding-bottom:123px;
	margin-bottom:75px;
	padding-top:90px;
}
.top_title5a {
	margin: 0 auto;
	text-align: center;
}
.top_title5a img {
	width:300px;
}
.top_title_img5 {
	width:1000px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin : 45px auto 40px;
}
.top_title_img5 img {
	margin : 5px;
}
.movie {
	width:750px;
	margin:0 auto;
	text-align: center;
	display:block;
}
.movie:hover {
	opacity: 0.5;
}
.top_title5 {
	margin : 0 auto;
	text-align: center;
}
.top_title5 img {
	width:500px;
}
.top_info5 p {
	font-size: 16px;
	text-align: center;
	line-height: 180%;
	margin: 45px auto 30px;
}
.top_info5_img {
	margin:  0 auto 85px;
	text-align: center;
}
.top_info5_img a:hover{
	opacity: 0.5;
}
.top_info6 {
	background: #eee;
	padding:55px 0 70px;
}
.top_title6 {
	font-size: 32px;
	font-weight: 600;
	text-align: center;
}
.sns_flex {
	width:900px;
	justify-content: space-between;
	display:flex;
	margin: 50px auto 60px;
}
.sns_flex a {
	text-decoration: none;
}
.sns_flex a:hover {
	opacity: 0.5;
}
.sns_box {
	width:215px;
	height: 87px;
	justify-content: center;
	border-radius: 10px;
	background: #fff;
	display:flex;
	align-items: center;
	font-size: 28px;
	font-weight: 600;
	color: #7EB327;
}
.sns_box img {
	width:45px;
	padding-right:10px;
}
.btn,
a.btn,
button.btn {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  width:380px;
  padding:30px;
  text-align: center;
  text-decoration: none;
  color: #212529;
  border-radius: 0.5rem;
}
.btn--orange,
a.btn--orange {
  color: #fff;
  background: #FAB017;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  opacity: 0.5;
}
.btn--red,
a.btn--red {
  color: #fff;
  background-color: #F86164;
}
.btn--red:hover,
a.btn--red:hover {
  color: #fff;
  opacity: 0.5;
}
a.btn--radius {
  border-radius: 100vh;
}
.link_flex {
	width:900px;
	display:flex;
	justify-content: space-between;
	margin : 0 auto;
}
.title_under {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 999;
}
.title_under img {
	width:100px;
}
.title_under_ch {
	margin-bottom:40px;
}
.btn--red {
	display:flex;
	align-items: center;
	justify-content: center;
}
.btn--orange {
	display:flex;
	align-items: center;
	justify-content: center;
}
.btn {
	position: relative;
}
.btn img {
	width:21px;
	position: absolute;
	right:30px;
	 transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.btn--orange span {
	font-size: 13px;
	border: #fff 1px solid;
	padding:3px 5px;
	margin-left:10px;
}
.copyright {
	height: 70px;
	display:flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 768px) {
	.title_under_ch {
    margin-bottom: 17px;
}
	.top_title3 {
    margin: 90px auto 0;
}
	.top_title3 img {
    width: 80%;
}
	.top_info4_item {
		max-width: 480px;
		width: 100%;
	display:block;
    margin: 30px auto;
}
	.top_info4_text {
    width:100%;
    height: auto;
	border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
	padding:20px 0;
	margin:0 auto 0px;
}
	.top_info4_item img {
		width:100%;
	}
	.top_info4_text div {
	width:90%;
	margin:0 auto;
    padding-top: 0px;
	margin-bottom:0px;
}
	.top_info4_title {
    width: 100%;
    height: auto;
	padding:0;
	padding-bottom:10px;
	position: inherit;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
	.top_info4_title div {
		width:90%;
		margin:0 auto;
	}
	.top_title_img5 {
    width: 95%;
    margin: 20px auto;
}
	.top_title_img5 img {
    width: 40%;
}
	.movie {
    width: 90%;
}
	.movie img {
    width:90%;
}
	.top_info5a {
    background-image: url(../images/ba_info5.jpg);
    padding-bottom: 46px;
    margin-bottom: 35px;
    padding-top: 45px;
}
	.top_title5 img {
    width: 90%;
}
	.top_info5 p {
	width:90%;
	margin:0 auto;
    font-size: 14px;
    margin: 20px auto 15px;
}
	.top_info5_img img {
    width: 90%;
}
	.top_info5_img {
    margin: 0 auto 40px;
}
	.top_title6 {
    font-size: 18px;
}
	.sns_flex {
    width: 95%;
    display: flex;
	flex-wrap: wrap;
    margin: 20px auto 30px;
}
	.top_info6 {
    background: #eee;
    padding: 25px 0 40px;
}
	.sns_box {
    width: 49%;
    height: 60px;
    font-size: 14px;
	margin-bottom:10px;
}
	.link_flex {
    width: 95%;
    display: block;
}
	.btn, a.btn, button.btn {
    font-size: 14px;
    width: 80%;
    padding: 20px;
    margin:0 auto 10px;
    color: #fff;
    border-radius: 100vh;
}
	.copyright {
    height: 30px;
}
	.top_title3_back {
		display:none;
	}
	.border {
		border: red 2px solid;
		margin:0 auto 30px;
	}
	.gr_border {
		border: solid 2px #00acd3;
	}
	.or_border {
		border: solid 2px #F19500;
	}
	.pi_border {
		border: solid 2px #E36A85;
	}
	.or_text span {
    font-size: 18px;
	}
}



.fv-list {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

.fv-list-item {
	position: relative;
	z-index: 5;
	list-style: none;
}

.fv__img {
	vertical-align: top;
}

.fv__txt {
	position: absolute;
	top: 8%;
	left: 10%;
	margin: 0;
	padding: 0 12px;
	color: #727171;
	writing-mode: vertical-rl;
	font-size: min(2.75vw, 4.5rem);
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: 1;
	letter-spacing: .03em;
}

.fv__txt::before {
	content: '';
	position: absolute;
    top: 10px;
    left: 10px;
    width: 100%;
    height: 100%;
	background: linear-gradient(to right, #40ccd6 0%, #95cc1f 100%);
	border-radius: 10px;
}

.fv__txt-shadow {
	position: relative;
	z-index: 2;
	padding: 12px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background: #fff;
	border-radius: 10px;
}

.fv__txt-c-01 {
	color: #00acd3;
}
.fv__txt-c-02 {
	color: #ff8cc3;
}
.fv__txt-c-03 {
	color: #4ea738;
}
.fv__txt-c-04 {
	color: #ee9300;
}

.fv-list-sp {
	display: none;
}

@media screen and ( max-width: 768px ) {
	.fv-list-pc {
		display: none;
	}
	.fv-list-sp {
		display: inline-block;
		max-width: 768px;
	}

	.fv-list {
		min-width: auto;
	}

	.fv__img {
		max-width: 100vw;
	}

	.fv__txt {
		top: 16%;
		left: 6%;
		writing-mode: horizontal-tb;
		font-size: 28px;
		line-height: 2.6;
		padding: 0;
	}

	.fv-list-item {
		position: relative;
		z-index: 5;
		max-width: 768px;
		width: 100%;
		list-style: none;
	}

	.fv__txt::before {
		top: 17px;
		left: 8px;
		height: 36%;
	}

	.fv__txt::after {
		content: '';
		position: absolute;
		top: 90px;
		left: 6px;
		width: 67%;
		height: 35%;
		background: linear-gradient(to right, #40ccd6 0%, #95cc1f 100%);
		border-radius: 10px;
	}

	.fv__txt-02::before {
		width: 88%;
		left: auto;
		right: -3%;
	}
	.fv__txt-02::after {
		width: 100%;
	}
	.fv__txt-03::before {
		width: 100%;
	}
	.fv__txt-03::after {
		width: 78%;
	}
	.fv__txt-04::after {
		width: 60%;
		left: auto;
		right: -3%;
	}

	.fv__txt-r {
		text-align: right;
		left: auto;
		right: 6%;
	}

}

@media screen and ( max-width: 620px ) {
	.fv__txt {
		font-size: 20px;
	}

	.fv__txt::before {
		top: 12px;
		left: 6px;
		height: 38%;
	}
	.fv__txt::after {
		top: 65px;
		height: 38%;
	}

	.fv__txt-02::before {
		left: auto;
	}

	.fv__txt-shadow {
		padding: 10px;
	}
}

@media screen and ( max-width: 520px ) {
	.fv__txt {
		top: 12%;
	}
}

@media screen and ( max-width: 430px ) {
	.fv__txt {
		font-size: 18px;
	}

	.fv__txt-shadow {
		padding: 8px;
	}

	.fv__txt::before {
		top: 10px;
		left: 5px;
		height: 37%;
	}

	.fv__txt-02::before {
		width: 88%;
		left: 22px;
		right: auto;
	}

	.fv__txt::after {
		top: 57px;
		left: 7px;
		height: 38%;
	}

	.fv__txt-04::after {
		left: auto;
	}

}


.intro {
	background-image: url(../images/intro/intro_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 80px 24px 104px 24px;
}

.intro__heading {
	text-align: center;
	margin: 0;
}

.intro__heading-img {
	max-width: 463px;
	width: 100%;
}

.intro__lead {
	font-size: 24px;
	text-align: center;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-feature-settings: "palt";
	letter-spacing: .05em;
}

.intro-animals {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	max-width: 900px;
	min-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding-top: 16px;
}

.intro-animals-item {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.intro-animals__img {
	display: inline-block;
	max-width: 100%;
	width: 100%;
}

.intro-br-pad {
	display: none;
}

@media screen and ( max-width: 768px ) {
	.intro-animals {
		display: block;
		max-width: 440px;
		min-width: auto;
	}

	.intro-animals-item-02 {
		margin-top: 20px;
	}

	.intro__lead {
		font-size: 18px;
	}
}

@media screen and ( max-width: 520px ) {
	.intro {
		padding: 48px 24px 64px 24px;
	}
	
	.intro__heading-img {
		max-width: 360px;
	}

	.intro-br-pad {
		display: block;
	}

	.intro-animals {
		max-width: 350px;
	}

	.intro-animals-item {
		gap: 10px;
	}
	.intro-animals-item-02 {
		margin-top: 10px;
	}
	.intro-animals__img {
		display: inline-block;
		max-width: 170px;
	}
}

@media screen and ( max-width: 430px ) {
	.intro__lead {
		font-size: 16px;
		letter-spacing: normal;
	}
}


.possib {
	padding: 56px 24px;
}

.possib-title {
	display:flex;
	justify-content: center;
	font-size: 30px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 600;
	margin:54px auto 0;
}
.possib-title::before,
.possib-title::after {
    display: inline-block;
    content: '';
    flex-grow: 1;
}
.possib-title::before {
	margin: 0 15px 0 0;
	background-image: url(../images/possib/possib_title_bg.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 182px 8px;
}
.possib-title::after {
    margin: 0 0 0 15px;
    background-image: url(../images/possib/possib_title_bg.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 182px 8px;
}

.possib__txt-img {
	display: block;
	max-width: 744px;
	width: 100%;
	margin: 40px auto 0 auto
}

.possib-points {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 16px;
	max-width: 900px;
	width: 100%;
	margin: 140px auto 0 auto;
}

.possib-point {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 24px 8px 16px 8px;
	border: solid 4px #f3b12d;
	border-radius: 30px;
}

.possib-point__img {
	position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width: 95px;
}

.possib-point__txt {
	text-align: center;
	color: #727171;
	font-size: 22px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: .03em;
	font-feature-settings: "palt";
	flex-grow: 1;
}

.possib-point__txt span {
	font-size: 26px;
	background-color: #f5e980;
}

.possib__btn {
	margin: 48px auto;
}

@media screen and ( max-width: 768px ) {
	.possib-title {
		font-size: 24px;
	}
	
	.possib__txt-img {
		max-width: 520px;
	}
	
	.possib-points {
		display: block;
		margin: 90px auto 48px auto;
	}

	.possib-point {
		max-width: 360px;
		margin: 0 auto;
	}

	.possib-point-02 {
		margin: 80px auto;
	}

	.possib-point__img {
		top: -60px;
		width: 70px;
	}

	.possib__btn {
		margin-top: 48px;
	}
}

@media screen and ( max-width: 520px ) {
	.possib {
		padding: 0px 24px 32px 24px;
	}
}

@media screen and ( max-width: 430px ) {
	.possib-title {
		font-size: 18px;
	}

	.possib-point {
		max-width: 310px;
	}
}


.department {
	position: relative;
	z-index: 10;
}

.department-title {
	padding: 0 0 24px 0;
	position: relative;
	z-index: 10;
	max-width: 900px;
	width: 100%;
	margin: 32px auto 0 auto;
	background-color: #6eb544;
	text-align: center;
	color: #fff;
	font-feature-settings: "palt";
}

.department-title__heading {
	margin: 0;
	font-size: 53px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 600;
}

.department-title__att {
	margin: -28px 0 0 0;
	font-size: 23px;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: 600;
}

.department-flx {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	max-width: 900px;
	min-width: 900px;
	width: 100%;
	margin: 24px auto 0 auto;
}

.department-flx-item {
	max-width: 210px;
	width: 100%;
	text-align: center;
}

.department-flx__txt-img-01 {
	max-width: 153px;
	width: 100%;
}
.department-flx__txt-img-02 {
	max-width: 180px;
	width: 100%;
}
.department-flx__txt-img-03 {
	max-width: 185px;
	width: 100%;
}
.department-flx__txt-img-04 {
	max-width: 165px;
	width: 100%;
}

.department-flx__img {
	max-width: 210px;
	width: 100%;
}

.department__bg-green {
	max-width: 900px;
	min-width: 900px;
	width: 100%;
	margin: 20px auto 32px auto;
	height: 30px;
	background-color: #6eb544;
}

@media screen and ( max-width: 768px ) {

	
	.department-flx {
		flex-wrap: wrap;
		max-width: 480px;
		min-width: auto;
	}

	.department-flx-item {
		max-width: 230px;
	}
	.department-flx__img {
		max-width: 230px;
	}

	.department-title {
		width: 100%;
	}

	.department__bg-green {
		max-width: 480px;
		min-width: auto;
		width: 100%;
	}

	.department-title {
		max-width: 480px;
		width: 100%;
		margin-top: 24px;
		padding-bottom: 15px;
	}

	.department-title__heading {
		font-size: 32px;
	}

	.department-title__att {
		margin-top: -16px;
		font-size: 14px;
	}
}

@media screen and ( max-width: 480px ) {
	.top_info4 {
		padding: 0 24px;
	}
	
	.department-flx {
		max-width: 380px;
		min-width: auto;
	}

	.department-flx-item {
		max-width: 180px;
	}
	.department-flx__img {
		max-width: 180px;
	}

	.top_title3 img {
		width: 100%;
	}
}

@media screen and ( max-width: 430px ) {
	.department-title {
		margin-top: 24px;
		padding-bottom: 13px;
	}

	.department-title__heading {
		font-size: 30px;
	}

	.department-title__att {
		margin-top: -15px;
		font-size: 14px;
	}
	
	.department-flx {
		max-width: 320px;
		gap: 10px;
	}

	.department-flx-item {
		max-width: 155px;
	}

	.department-flx__img {
		max-width: 155px;
	}

	.department-flx__txt-img-01 {
		max-width: 123px;
	}
	.department-flx__txt-img-02 {
		max-width: 150px;
	}
	.department-flx__txt-img-03 {
		max-width: 155px;
	}
	.department-flx__txt-img-04 {
		max-width: 135px;
	}
}

.sns_box-x img {
	width: 34px;
}