@charset "UTF-8"; /* recruit */ @import url(../settings.less); /*================================================*/ .max_contents_container .main_area { padding-bottom: 0; } .title_section { padding: 0; } .title_wrap { margin-bottom: 0; margin-top: 0 !important; background-image: url(../../_images/recruit/title.jpg); background-size: cover; background-position: center center; .title { width: 100%; height: 100vh; @media screen and ( max-width: @break-max-width ) { height: 350px; } .page_title { top: 130px; left: 50px; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); @media screen and ( max-width: @break-max-width ) { left: 0; right: 0; top: auto; bottom: 10px; text-align: center; } .page_heading { font-size: 3.0rem; @media screen and ( max-width: @break-max-width ) { font-size: 1.8rem; } } } } } section { padding: 70px 0 20px 0; } .colord_section { background-color: @light-color; } #message { .texts_cont { @media screen and ( max-width: @break-max-width ) { padding-top: 0; } .signature { color: @main-color; font-size: 2.0rem; font-weight: bold; } } .image_cont { img { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } } } #admission { .list_inner { padding: 20px; border: none; } } .mod-time-flow { .texts_image { .texts_cont { .heading03 { margin-left: -7px; margin-bottom: 0; span { margin-left: 10px; font-weight: bold; color: #222; } } p { margin-bottom: 0; padding: 20px 0 30px 30px; border-left: 1px solid #ddd; } } } } #gallery { background-image: url(../../_images/top/top-gallery-bg.jpg); background-size: cover; background-position: center center; .clm4 { @media screen and ( max-width: @break-max-width ) { padding-left: 10px; text-align: center; } li { width: 235px; margin: 0 20px 20px 0; @media screen and ( max-width: @break-max-width ) { margin: 0 10px 10px 0; width: 150px; display: inline-block; } a { display: block; height: 235px; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; background-size: cover; background-position: center center; @media screen and ( max-width: @break-max-width ) { height: 150px; } &:hover { opacity: 0.75; filter: alpha(opacity=75); } } } } } .texts p.icon_tel { em { font-family: roboto; font-size: 3.2rem; font-weight: bold; color: #000; } span { margin-left: 20px; font-size: 1.6rem; } i.fa-phone { font-size: 3.2rem; } } a.contact_sp_tel { padding: 10px; font-size: 2.6rem; } @media screen and ( max-width: @break-max-width ) { .heading01 { display: none; } .texts p.icon_tel { padding-top: 0px; em, span { display: block; } span { padding-left: 30px; } } } /*================================================== [ utility ] $clearfix ==================================================*/ .clearfix:after { content:" "; display:block; clear:both; }