/*top_main*/
.top_main {
box-sizing: border-box;
height: auto;
width: 100%;
}
.top_img_cont {
background-color: #009b63;
height: 82vh;
}
.top_img_box {
align-items: center;
background-attachment: fixed;
background-image: url(../img/top.jpg);
background-position: center bottom;
display: flex;
height: 80vh;
margin: 0 auto;
width: 100%;
}

.catch_copy {
color: #ffffff;
margin: 0 auto;
text-align: center;
text-shadow: 3px 3px 5px rgba(52, 52, 53, .5);
}
.catch_copy_main {
box-shadow: inset 3px 5px 5px rgba(52, 52, 53, .5), 3px 3px 5px rgba(52, 52, 53, .5);
}
.catch_copy_main div {
border: #ffffff 3px solid;
margin: 0 auto;
max-width: 1000px;
width: 900px;
}
.catch_copy h1 {
font-size: 40px;
font-weight: 500;
letter-spacing: .2em;
line-height: 1.5;
padding: 30px 10px;
}
.catch_copy p {
line-height: 1.4em;
margin: 10px;
}
.register_wrapper {
background-color: #ffffff;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .30);
margin: 0 auto;
margin-top: -70px;
max-width: 1000px;
padding: 10px;
position: relative;
width: 90%;
}
.register_cont {
border: #a67c52 1px solid;
display: flex;
justify-content: space-around;
}
.register_list {
line-height: 1.9em;
list-style: none;
padding: 10px;
}
.list_title {
background-color: #a67c52;
color: #ffffff;
padding: 5px 10px;
}
.register_left {
padding: 10px;
padding-right: 0;
}
.register_right {
padding: 10px;
padding-left: 5px;
}
.year_anniversary {
align-items: center;
display: flex;
height: 520px;
justify-content: center;
margin-bottom: 6%;
padding: 80px 0;
text-align: center;
}
.year_anniversary div {
padding: 25px;
}
.year_anniversary img {
margin-top: 30px;
}
.year_anniversary p {
line-height: 1.8em;
}
.anniversary_left {
background-image: url(../img/anniversary_left.png);
background-position: left bottom -40px;
margin: 0 auto;
max-width: 1280px;
}
.anniversary_right {
background-image: url(../img/anniversary_right.png);
background-position: right bottom -40px;
max-width: 1280px;
}
@media (max-width:980px) {
.catch_copy {
width: 90%;
}
.catch_copy div {
width: auto;
}
.catch_copy h1 {
font-size: 36px;
padding: 20px 10px;
}
.register_right {
padding: 5px;
padding-left: 5px;
}
.register_left {
padding: 5px;
padding-right: 0;
}
.anniversary_left {
background-position: left -30% bottom -40px;
}
.anniversary_right {
background-position: right -30% bottom -40px;
}
.year_anniversary {
margin-bottom: 50px;
margin-top: 0;
}
.register_wrapper {
margin-top: -100px;
padding: 5px;
width: 93%;
}
.register_list {
padding: 5px;
}
}
@media (max-width:820px) {
.register_wrapper {
margin-top: -100px;
width: 90%;
}
.list_title {
padding: 0 5px;
}
.register_cont {
display: block;
}
.register_left {
padding: 5px;
}
.register_right {
padding: 5px;
}
.top_img_box {
/*background-position: center bottom 100px;*/
}
.catch_copy h1 {
font-size: 32px;
}
}
@media (max-width:768px) {
.list_title {
padding: 0 5px;
}
.register_cont {
font-size: 12px;
}
.register_right {
padding: 5px;
}
.anniversary_left {
background-size: 50%;
}
.anniversary_right {
background-size: 50%;
}
.year_anniversary {
height: 400px;
padding: 30px 0;
}
}
@media (max-width:600px) {
.catch_copy h1 {
font-size: 28px;
}
.list_title {
padding: 0 5px;
}
.register_left {
padding: 5px;
}
.register_right {
padding: 5px;
}
.year_anniversary {
height: auto;
}
.year_anniversary div {
padding: 0;
}
.year_anniversary img {
width: 30%;
}
}
@media (max-width:414px) {
.top_img_box {
/*background-position: center bottom 120px;*/
background-attachment: unset;
}
.catch_copy {
width: 90%;
}
.catch_copy h1 {
font-size: 28px;
letter-spacing: .1em;
margin: 0 auto;
padding: 10px 65px;
}
.register_wrapper {
margin-top: -100px;
padding: 5px;
}
.register_cont {
font-size: 10px;
}
.register_list {
padding: 5px;
}
.anniversary_left {
background-position: left -60% bottom;
background-size: 60%;
}
.anniversary_right {
background-position: right -60% bottom;
background-size: 60%;
}
.year_anniversary {
margin-bottom: 25px;
margin-top: 0;
padding: 20px 0;
}
.year_anniversary div {
padding: 15px;
}
.year_anniversary img {
margin-top: 10px;
}
}

@media (max-width:375px) {
.register_wrapper {
margin-top: -65px;
width: 98%;
}
.register_list {
padding: 2px;
}
.catch_copy h1 {
padding: 10px 45px;
}
.catch_copy p {
margin: 5px;
}
}


/*会社概要・業務実績*/
.sec_wrapper {
background-color: #009b63;
margin: 0 auto;
margin-bottom: 160px;
max-width: 1280px;
padding-bottom: 10px;
}
.sec_box {
background-color: #e6f2ee;
display: flex;
}
.sec_right {
flex-direction: row-reverse;
}
.sec_text {
margin: 0  auto;
padding: 70px 0;
text-align: justify;
width: 500px;
}
.sec_box img {
height: auto;
object-fit: cover;
width: 35%;
}
.sec_text p {
margin-top: 10px;
}
.sec_text .btn {
margin-top: 35px;
width: 250px;
}
.btn_right {
margin: 0;
margin-left: auto;
}
.btn_left {
margin: 0;
margin-right: auto;
}
@media (max-width:980px) {
}
@media (max-width:820px) {
.sec_text {
margin: 0 25px;
}
}
@media (max-width:768px) {
}
@media (max-width:600px) {
.sec_wrapper {
margin-bottom: 120px;
}
.sec_box {
display: block;
}
.sec_box img {
display: block;
height: 250px;
width: 100%;
}
.sec_text {
margin: 0 30px;
padding: 50px 0 ;
width: auto;
}
.sec_text .btn {
margin: 0 auto;
width: 50%;
}
.sec_text p {
margin-bottom: 60px;
}
}
@media (max-width:414px) {
.sec_wrapper {
margin-bottom: 90px;
}
.sec_text div {
margin-top: 0;
}
}
@media (max-width:375px) {
}


/*業務内容*/
.business_sec h4 {
text-align: center;
}
.business_sec img {
display: block;
margin: 0 auto;
}
.business_sec p {
padding: 0 25px;
padding-top: 25px;
text-align: justify;
}
.main_business .business_sec {
margin-bottom: 20px;
}
.icon_box {
margin: 0 auto;
}
.icon_box h4 {
font-weight: 400;
margin-top: 50px;
text-align: center;
}
.icon_box ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
max-width: 900px;
width: auto;
}
.icon_box ul li {
padding: 25px 60px;
}
.icon_text {
margin: 0 auto;
text-align: center;
}
.icon_img {
height: 80px;
margin: 0 auto;
width: 100%;
}
.icon_img img {
display: block;
margin: 0 auto;
width: 75%;
}
.icon {
margin: 50px 0;
}
.sub_business {
display: flex;
justify-content: space-between;
margin: 25px 0;
margin-bottom: 140px;
}
.sub_business .business_sec {
margin: 0 25px;
padding: 25px 0;
}

@media (max-width:980px) {
.icon_box ul li {
padding: 25px 50px;
}
}
@media (max-width:820px) {
.icon_box ul li {
padding: 25px 40px;
}
}
@media (max-width:768px) {
.business_sec img {
width: 75%;
}
.sub_business .business_sec {
margin: 0 10px;
}
}
@media (max-width:600px) {
.icon_box ul {
padding: 0;
}
.icon_box ul li {
padding: 10px 5px;
}
.sub_business_item {
width: auto;
}
.sub_business {
display: block;
margin-bottom: 50px;
}
.icon_img {
height: 65px;
}
.icon_img img {
width: 60%;
}
.business_sec img {
width: auto;
}
}
@media (max-width:414px) {
.sec_text {
margin: 0 15px;
}
.sub_business .business_sec {
margin: 0;
}
.business_sec img {
width: 75%;
}
.business_sec p {
padding: 0;
}
.sub_business_item p {
padding-top: 15px;
}
.sub_business_item {
margin: 0 auto;
width: 100%;
}
.icon_box ul {
justify-content: space-around;
padding-top: 15px;
}
.icon_img {
height: auto;
width: 80%;
}
.btn.w_btn {
width: 80%;
}
}
@media (max-width:375px) {
}


/*ご相談の流れ・アクセス*/
.counseling_img {
display: block;
margin: 0 auto;
}
.map {
border: 0;
display: block;
height: 300px;
margin: 0 auto;
width: 900px;
}
.map_box {
display: flex;
justify-content: center;
line-height: 1.7;
margin: 50px 25px;
}
.map_left {
margin-right: auto;
}
.map_right {
margin-left: auto;
width: 400px;
}

.access_title_box {
padding-bottom: 5px;
position: relative;
}
.access_title_box img {
bottom: 6px;
position: absolute;
right: 0;
width: 10%;
}
.access .gline {
background: linear-gradient(to right, #009b63, #7bbda8);
height: 2px;
margin-top: 0;
width: auto;
}
.access ul {
list-style: none;
}
.access ul span {
float: right;
}
@media (max-width:980px) {
.counseling_img {
width: 85%;
}
.map {
width: 100%;
}
}
@media (max-width:820px) {
}
@media (max-width:768px) {
}
@media(min-width:601px) {
.counseling_img_ph {
display: none;
}
}
@media (max-width:600px) {
.map_box {
display: block;
margin: 30px 15px;
}
.map_left {
margin-bottom: 25px;
}
.map_right {
width: auto;
}
.counseling_img_ph {
display: block;
margin: 0 auto;
width: 35%;
}
.counseling_img {
display: none;
}
.access_title_box img {
width: 8%;
}
}
@media (max-width:414px) {
.counseling_img_ph {
width: 40%;
}
.map_box {
margin: 30px 0;
}
.map_left {
margin-bottom: 15px;
}
}
@media (max-width:375px) {
}