@charset "UTF-8";


#main .section-body{ position: relative; z-index: 20; }
/*#main .hero .ttl-body{ color: #333333; }
#main .hero .ttl-body::before{ background-color: #333333; }*/
#main .section-contact{ padding-top: 92px; padding-bottom: 340px; }
#main .section-contact .navi-list{ display: flex; display: -ms-flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
#main .section-contact .navi-list .navi{ width: 47.6744%; }
#main .section-contact .navi-list .navi:nth-child(n+3){ margin-top: 35px; }
#main .section-contact .navi-list .navi a{ display: block; position: relative; width: 100%; padding-top: 140px; background-color: #3cb9d8; border-radius: 70px; }
#main .section-contact .navi-list .navi a .word{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 1.625rem; line-height: 1.46; color: #333333; font-weight: bold; padding: 0 24.8780% 0 14.6341%; width: 100%; box-sizing: border-box; }
#main .section-contact .navi-list .navi a .icon{ width: 62px; padding-top: 62px; background-color: #ffffff; border-radius: 50%; position: absolute; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-right: 45px; }
#main .section-contact .navi-list .navi a .icon .arrow{ width: 22.5806%; height: 1px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #3cb9d8; }
#main .section-contact .navi-list .navi a .icon .arrow::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border: solid transparent; border-width: 4px 0 4px 4px; border-left-color: #3cb9d8; }


@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1060px) {
	#main .section-contact .navi-list .navi{ width: 100%; }
	#main .section-contact .navi-list .navi:nth-child(n+2){ margin-top: 35px; }
}
@media screen and (max-width: 767.5px) {
	#main .section-contact{ padding-top: 12%; padding-bottom: 72%; }
	#main .section-contact .navi-list .navi:nth-child(n+2){ margin-top: 7.3333%; }
	#main .section-contact .navi-list .navi a{ padding-top: 33.3333%; border-radius: 13.3333vw; }
	#main .section-contact .navi-list .navi a .word{ font-size: 1.2857rem; line-height: 1.5; padding: 0 0 0 12.3333%; }
	#main .section-contact .navi-list .navi a .icon{ width: 15%; padding-top: 15%; margin-right: 8%; }
}