@charset 'UTF-8';
@charset "utf-8";
@charset "utf-8";

/*/*/article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio[controls], canvas, video {
display: inline-block;
*display: inline;
zoom: 1;
}
html {
overflow-y: scroll;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
margin: 0;
padding: 0;
}
body, button, input, select, textarea {
font-size: 100%;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre, code, kbd, samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul, ol {
margin: 0;
padding: 0;
}
dd {
margin: 0px;
}
nav ul, nav ol {
list-style: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
*margin-left: -7px;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button, input {
line-height: normal;
*overflow: visible;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 100%;
}
img, abbr, acronym, fieldset {
border: 0;
}
li {
list-style: none;
}/**/img {
vertical-align: top;
font-size: 0;
line-height: 0;
} *, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.ie6_error, .no_script {
background:#F66;
padding: 100px;
text-align:center;
font-size:150%;
color:#333;
}
.flt {
float: left;
}
.flr {
float: right;
}
.txt_l, td.txt_l, .txt_l td {
text-align: left;
}
.txt_r, td.txt_r, .txt_r td {
text-align: right;
}
.txt_c, td.txt_c, .txt_c td {
text-align: center;
}
.valign_t, td.valign_t, .valign_t td {
vertical-align: top;
}
.valign_m, td.valign_m, .valign_m td {
vertical-align: middle;
}
.valign_b, td.valign_b, .valign_b td {
vertical-align: bottom;
}
.clear {
clear: both;
}
.clearfix:before, .clearfix:after {
content: "";
display: block;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.img_bd {
border:solid 1px #E8E8E8;
}
.c_red {
color:#FF3425
}
/*/*//**/@import url("https://fonts.googleapis.com/css?family=Maven+Pro");
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");
html,
body {
width: 100%;
}
body {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
color: #000;
font-size: 14px;
line-height: 1.8;
text-align: left;
letter-spacing: 1px; -webkit-text-size-adjust: 100%; }
.win body {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
}
a,
a:link,
a:active,
a:visited {
text-decoration: none;
color: #000;
transition: 0.5s;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
}
a:hover {
color: #008bd5;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
.opacity:hover {
filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5;
zoom: 1; }
img {
max-width: 100%;
height: auto;
}
img[src$=".svg"] {
max-width: 100%;
width: 100%;
height: auto;
}
.pc {
display: block;
}
.sp {
display: none;
} #containerWrap {}
#container {
overflow: hidden;
clear: both;
width: 100%;
margin: 0 auto;
}
#content {
padding: 0 0 0 0;
margin: 0 auto 0;
clear: both;
overflow: hidden;
width: 100%;
}
#mainone {
width: 100%;
overflow: hidden;
padding: 0 0 0 0;
margin: 0 0 50px 0;
clear: both;
}
#topMain {
width: 100%;
margin-bottom: 80px;
text-align: center;
}
#topMain p {
line-height: 2.35;
margin: 0 0 40px;
}
#topLeft {
width: 50%;
float: left;
overflow: hidden;
}
#topRight {
width: 50%;
float: right;
overflow: hidden;
}
#secound {
clear: both;
max-width: 1100px;
width: 100%;
margin: 0 auto;
height: 90px;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/secoundBg.png) no-repeat 0 0;
padding-bottom: 25px;
}
.section_wrap {
padding: 2em 0;
}
.section {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
text-align: center;
padding: 60px 0;
font-weight: bold;
}
.section:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.sectionC {
margin: 0 0 3em;
clear: both;
overflow: hidden;
text-align: center;
}
.sideSection {
width: 100%;
margin: 0 0 3em;
}
.sideContact {
text-align: center;
margin: 0 0 3em;
}
.inner {
max-width: 1130px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.inner88 {
max-width: 910px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.inner104 {
max-width: 1070px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.inner118 {
max-width: 1210px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.article img {
max-height: 600px;
height: auto;
width: auto;
margin: 1em 0;
}  header {
overflow: hidden;
clear: both;
}
.headerBox {
max-width: 1210px;
width: 100%;
margin: 30px auto 0;
overflow: hidden;
clear: both;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 8;
padding: 0 15px;
}
#headerLeft {
float: left;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 30%;
}
#headerRight {
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 70%;
}
#gnavi {
font-family: 'Maven Pro', sans-serif;
max-width: 750px;
margin: 8px 0 0 1%;
display: inline-block;
clear: both;
text-align: center;
}
#gnavi li {
display: inline-block;
text-align: center;
padding: 0 0 0 20px;
color: #fff;
}
#gnavi li:first-child {
padding: 0 0 0 0;
}
#gnavi li a {
display: block;
padding: 0 0 0 0;
color: #fff;
}
#gnavi span {
display: block;
font-size: .85em;
}
#gnavi span img {
width: 14px;
height: 14px;
margin: 3px 0 0 0;
}
.logo {
float: left;
margin: 12px 20px 0 0;
width: 163px;
}
.b_box {
float: right;
text-align: center;
}
.sp_menu {
display: none;
} .globalnavi-thin {
display: none;
z-index: 10;
top: 0;
left: 0;
right: 0;
position: fixed;
background: #fff;
opacity: .8;
width: 100%;
padding: 20px 0;
margin: 0 auto;
overflow: hidden;
clear: both;
}
.globalnavi-thin .headerBox {
position: relative;
margin: 0 auto;
}
.globalnavi-thin #gnavi a {
color: #000;
} .fadein {
opacity: 0;
transform: translate(0, 50px);
transition: all 500ms;
} .fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
} .effect .fadein:nth-of-type(2),
.fadein2 {
-moz-transition-delay: 200ms;
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
-ms-transition-delay: 200ms;
} .effect .fadein:nth-of-type(3),
.fadein3 {
-moz-transition-delay: 400ms;
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
-ms-transition-delay: 400ms;
}
////////////    アニメーション    ////////////
.slowFade {
animation-name: slowFade;
animation-duration: 2s;
animation-timing-function: ease;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: forwards;
animation-fill-mode: none;
animation-play-state: running;
}
@keyframes slowFade {
0% {
opacity: 0;
transform: translate(0, 100);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
} #footer_wrap {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
clear: both;
width: 100%;
color: #fff;
background: #000;
overflow: hidden;
}
#footer {
max-width: 1430px;
width: 100%;
margin: 0 auto;
overflow: hidden;
clear: both;
text-align: center;
padding: 60px 15px;
}
.footerBox {
width: 100%;
overflow: hidden;
}
.footerLeft {
float: left;
width: 50%;
}
.footerRight {
float: right;
text-align: right;
width: 50%;
}
ul.fNavi {
font-family: 'Maven Pro', sans-serif;
letter-spacing: -.5em;
max-width: 655px;
margin: 0 auto 8px;
}
ul.fNavi li {
display: inline-block;
letter-spacing: .1em;
vertical-align: top;
padding-right: 30px;
padding-left: 20px;
color: #FFF;
font-size: .9em;
}
ul.fNavi li a:link,
#footer ul li a:visited {
color: #FFF;
}
ul.fNavi li a:hover {
color: #D3AD90;
}
ul.fNavi_02 {
margin-bottom: 25px;
padding-bottom: 10px;
text-align: center;
max-width: 710px;
margin: 0 auto 50px;
}
ul.fNavi_02 li {
display: inline-block;
letter-spacing: .1em;
vertical-align: top;
padding-right: 15px;
padding-left: 20px;
color: #FFF;
font-size: .9em;
}
ul.fNavi_02 li a:link,
#footer ul li a:visited {
color: #FFF;
}
ul.fNavi_02 li a:hover {
color: #D3AD90;
}
.fLogo {
width: 304px;
margin-bottom: 50px;
}
.copy {
clear: both;
font-size: 86%;
}
.address {
margin-bottom: 30px;
font-size: .9em;
}
.address span {
margin-left: 1em;
} .leftBox {
float: left;
width: 40%;
border-right: 2px solid #000;
padding: 1.5em 0;
}
.rightBox {
float: right;
width: 50%;
}
.mainImg {
width: 100%;
background-size: cover;
overflow: hidden;
position: relative;
margin: 0 0 3em;
}
.slick-slide img.pc {
display: block;
width: 100%;
}
.slick-slide img.sp {
display: none;
} .mainImg #mouse {
position: absolute;
bottom: 30px;
left: 50%;
z-index: 0;
color: #FFF;
display: block;
width: 60px;
height: 80px;
margin-left: -30px;
overflow: hidden;
cursor: pointer;
}
.mainImg #mouse span.bar {
position: absolute;
left: 28.5px;
top: 0px;
height: 20px;
width: 100%;
overflow: hidden;
}
.mainImg #mouse span {
position: absolute;
width: 60px;
text-align: center;
left: 0;
bottom: 0;
white-space: nowrap;
}
.mainImg #mouse:before {
content: "";
position: absolute;
left: 17.5px;
bottom: 30px;
width: 25px;
height: 40px;
border: 2px solid #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.mainImg #mouse span.bar:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 2px;
height: 20px;
background: #FFF;
-webkit-animation: scroll 1.5s ease-in-out infinite 0.5s;
-moz-animation: scroll 1.5s ease-in-out infinite 0.5s;
animation: scroll 1.5s ease-in-out infinite 0.5s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes scroll {
0% {
top: -20px
}
100% {
top: 20px
}
}
@-moz-keyframes scroll {
0% {
top: -20px
}
100% {
top: 20px
}
}
@keyframes scroll {
0% {
top: -20px
}
100% {
top: 20px
}
}
.messageBox {
width: 100%;
line-height: 2.35;
margin: 0 auto;
padding: 0 0 70px;
text-align: center;
}
.messageBox p {
margin-bottom: 40px;
text-shadow: 1px 0px 0px #fff;
}
.topBox {
clear: both;
overflow: hidden;
}
.leFTp {
float: left;
width: 50%;
}
.leFTp img {
width: 100%;
}
.newsTxt {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 60px 0 0 0;
float: left;
width: 45%;
margin-left: 5%;
margin-bottom: 60px;
}
.newsTxt:first-child {
color: #323232;
}
.newsTxt p {
display: block;
font-size: .9em;
}
.newsTxt span {
display: block;
font-size: 1.3em;
font-weight: bold;
padding: 5px 0;
}
.txt_i {
text-align: center;
line-height: 2.14;
margin-bottom: 30px;
}
.opaBox {
margin: 0 auto;
max-width: 800px;
width: 100%;
background: rgba(255, 255, 255, .7);
padding: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.tel {
font-family: 'Maven Pro', sans-serif;
display: inline-block;
font-size: 2.5em;
position: relative;
text-align: right;
text-align: right;
width: 80%;
}
.tel:before {
position: absolute;
content: '';
top: 0;
left: 28px;
margin: auto;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/sp_icon.png) no-repeat;
background-size: contain;
width: 30px;
height: 35px;
bottom: 0;
}
.tel span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: .75em;
}
.tel.sp {
display: none;
}
.tel.pc {
display: block;
}
.holidy {
font-size: .9em;
display: block;
text-align: center;
margin: -10px 0 10px;
} .list_four {
letter-spacing: -.5em;
margin-bottom: 40px;
font-weight: bold;
}
.list_four a {
display: block;
width: 100%;
position: relative;
}
.list_four a:hover {
color: #000;
}
.list_four a:after {
position: absolute;
content: '';
background: rgba(0, 139, 213, .4);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .8s;
}
.list_four a:hover::after {
opacity: 1;
}
.list_four li {
display: inline-block;
width: 22%;
margin-right: 4%;
vertical-align: top;
letter-spacing: normal;
}
.list_four li a {
display: block;
color: #000;
}
.list_four span {
padding: .2em 1em;
font-size: .9em;
color: #fff;
}
.list_four dt {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
}
.list_four dt img {
width: 100%;
height: auto;
}
.list_four dt span {
position: absolute;
content: '';
top: 0;
left: 0;
width: 110px;
}
.list_four li:nth-of-type(odd) dt span {
background: #004ea2;
}
.list_four li:nth-of-type(even) dt span {
background: #ff5466;
}
.list_four dd {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #fff;
padding: 1em;
}
.list_four dd {
text-align: left;
color: #323232;
}
.list_four li:last-child {
margin-right: 0;
}
.list_members {
letter-spacing: -.5em;
margin-bottom: 40px;
font-weight: bold;
}
.list_members a {
display: block;
width: 100%;
position: relative;
}
.list_members a:hover {
color: #000;
}
.list_members a:after {
position: absolute;
content: '';
background: rgba(0, 139, 213, .4);
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .8s;
}
.list_members a:hover::after {
opacity: 1;
}
.list_members li {
display: inline-block;
width: 30%;
margin-right: 4%;
vertical-align: top;
letter-spacing: normal;
margin-bottom: 40px;
}
.list_members li a {
display: block;
color: #000;
}
.list_members span {
padding: .2em 1em;
font-size: .9em;
color: #fff;
}
.list_members dt {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
}
.list_members dt img {
width: 100%;
height: auto;
}
.list_members dt span {
position: absolute;
content: '';
top: 0;
left: 0;
width: 110px;
}
.list_members li:nth-of-type(odd) dt span {
background: #004ea2;
}
.list_members li:nth-of-type(even) dt span {
background: #ff5466;
}
.list_members dd {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background: #fff;
padding: 1em;
}
.list_members dd {
text-align: left;
color: #323232;
}
.list_members li:nth-child(3) {
margin-right: 0;
}
.list_members li:last-child {
margin-right: 0;
}
ul.list_news {
overflow: hidden;
}
ul.list_news li {
margin-bottom: 7%;
width: 100%;
}
ul.pagenation {
letter-spacing: -.5em;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
margin: 5% 0;
font-weight: bold;
}
ul.pagenation li {
letter-spacing: normal;
vertical-align: top;
display: inline-block;
width: 25%;
margin-right: 20%;
border: 2px solid #008bd5;
}
ul.pagenation li.next {
margin-right: 0;
}
ul.pagenation li.middle {
border: none;
text-align: center;
width: 10%;
}
ul.pagenation li a {
padding: 4%;
display: block;
position: relative;
overflow: hidden;
color: #008bd5;
}
ul.pagenation li a:after {
position: absolute;
content: '';
border-bottom: 1px solid #008bd5;
border-right: 1px solid #008bd5;
width: 5px;
height: 5px;
top: 0;
bottom: 0;
margin: auto;
}
ul.pagenation li a:hover {
background: #d9eef9;
}
ul.pagenation li.middle a:hover {
background: none;
color: #d9eef9;
}
ul.pagenation li.prev a:after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
left: 8%;
}
ul.pagenation li.middle a:after {
border: none;
}
ul.pagenation li.next a:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 8%;
}
ul.pagenation li dl {
width: 85%;
}
ul.pagenation li.prev dl {
float: right;
}
ul.pagenation li.next dl {
float: left;
}
ul.pagenation li dt {
width: 40%;
}
ul.pagenation li.prev dt {
float: left;
}
ul.pagenation li.next dt {
float: right;
}
ul.pagenation li dd {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
height: 80px;
text-align: center;
width: 55%;
}
ul.pagenation li.prev dd {
float: right;
}
ul.pagenation li.next dd {
float: left;
}
.list_four {
margin-bottom: 5%;
} .top_ttl {
font-family: 'Maven Pro', sans-serif;
text-align: center;
font-size: 3.1em;
margin: 0 0 .5em;
padding: 0 0 0;
line-height: 1em;
}
.top_ttl span {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
display: block;
font-size: .3em;
font-weight: bold;
margin: 1.5em 0 0;
padding: 0 0 0;
line-height: 1em;
}
.top_ttl_02 {
font-family: 'Maven Pro', sans-serif;
text-align: center;
font-size: 3.1em;
margin: 0 0 0;
padding: 0 0 0;
}
.top_ttl_02 span {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
display: block;
font-size: .35em;
font-weight: bold;
margin: 0 0 1em;
padding: 0 0 0;
} .bg_bule {
background: #008bd5;
padding: 60px 0 80px 0;
text-align: center;
clear: both;
}
bg_bule p {
text-align: center;
}
.bg_bule img {
display: block;
margin: 0 auto;
max-width: 1167px;
width: 100%;
margin-bottom: 40px;
}
.bg_bule2 {
background: #008bd5;
}
.bg_gray {
background: #ccc;
}
.bg_white {
background: #fff;
}
.bg_whiteBox {
width: 100%;
background: #fff;
overflow: hidden;
clear: both;
}
.lightBule_bg {
background: #d9eef9;
padding: 60px 0 80px 0;
text-align: center;
}
.lightBule_bg_02 {
background: #d9eef9;
padding: 60px 0 80px 0;
}
.lightBule_bg_02 {
text-align: center;
}
.lightBule_bg span {
display: block;
text-align: center;
font-weight: bold;
line-height: 2.36;
}
.sky_bg {
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/topImg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
padding: 60px 0 0 0;
width: 100%;
}
.contactBg {
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/conTact_bg.jpg) no-repeat;
background-size: cover;
background-attachment: fixed;
padding: 60px 0;
}
.txt_clr_black {
color: #000;
}
.txt_clr_black_02 {
color: #323232;
}
.txt_clr_black_02:hover {
color: #008bd5;
}
.txt_clr_white {
color: #fff;
}
.txt_clr_bule {
color: #008bd5;
}
.txt_clr_navy {
font-family: 'Maven Pro', sans-serif;
color: #004ea2;
font-size: .8em;
} #topcontrol {
width: 35px;
height: 35px;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/pageTop.png) no-repeat center/auto 100%;
}
a.more {
text-align: center;
font-family: 'Montserrat', sans-serif;
font-size: 114%;
color: #CCC;
margin: 0 5%;
width: 90%;
}
a.more:hover {
border: 1px dotted #111;
color: #CCC;
}
a.button {
color: #fff;
display: inline-block;
padding: 0.8 1em;
position: relative;
background: #000;
}
a.button i {
position: absolute;
top: 0;
right: 1em;
bottom: 0;
margin: auto;
}
a.entryBtn {
font-family: 'Josefin Sans', sans-serif;
position: relative;
text-align: center;
color: #fff;
display: inline-block;
border-radius: 50px;
background: #ff5466;
width: 200px;
padding: 1.2em;
}
a.entryBtn:hover {
opacity: .8;
}
a.buleBtn {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
color: #fff;
font-size: .9em;
border: 1px solid #008bd5;
display: block;
border-radius: 50px;
background: #008bd5;
text-align: center;
width: 250px;
padding: 1.5em;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
transition: 0.3s;
margin: 0 auto;
}
a.buleBtn:hover {
box-shadow: none;
}
a.buleBtn:after {
position: absolute;
content: '';
top: 47%;
right: 6%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
}
a.whiteBtn {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
font-size: .9em;
border: 1px solid #000;
display: inline-block;
border-radius: 50px;
background: #fff;
text-align: center;
width: 250px;
padding: 1.5em;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
transition: 0.3s;
}
a.whiteBtn:hover {
box-shadow: none;
}
a.whiteBtn:after {
position: absolute;
content: '';
top: 47%;
right: 6%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg);
}
a.whiteBtn_02 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
font-size: .9em;
display: inline-block;
border-radius: 50px;
background: #fff;
text-align: center;
width: 250px;
padding: 1.5em;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
transition: 0.3s;
}
a.whiteBtn_02:hover {
box-shadow: none;
}
a.whiteBtn_02:after {
position: absolute;
content: '';
top: 47%;
right: 6%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg);
}
a.whiteBtn_03 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
font-size: .9em;
display: block;
border-radius: 50px;
background: #fff;
color: #008BD5;
text-align: center;
width: 250px;
padding: 1.5em;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
transition: 0.3s;
margin: 0 auto;
}
a.whiteBtn_03:hover {
box-shadow: none;
}
a.whiteBtn_03:after {
position: absolute;
content: '';
top: 47%;
right: 6%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #008BD5 #008BD5 transparent transparent;
transform: rotate(45deg);
}
a.contactBtn {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
position: relative;
color: #fff;
font-size: 1.1em;
border: 1px solid #008bd5;
display: inline-block;
border-radius: 50px;
background: #008bd5;
text-align: center;
width: 320px;
padding: 1em;
box-shadow: 2px 2px 0 0 rgba(0, 0, 0, .5);
transition: 0.3s;
}
a.contactBtn:hover {
box-shadow: none;
}
a.contactBtn:before {
position: absolute;
content: '';
top: 18px;
left: 25px;
width: 30px;
height: 30px;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/mail_icon.png) no-repeat;
background-size: contain;
vertical-align: middle;
}
a.contactBtn:after {
position: absolute;
content: '';
top: 47%;
right: 6%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
}  .low_main_bg {
position: relative;
}
.low_main_ttl {
font-family: 'Maven Pro', sans-serif;
font-size: 3.1em;
text-align: center;
position: absolute;
top: 40%;
right: 0;
left: 0;
margin: auto;
color: #fff;
}
.low_main_ttl span {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
font-size: .3em;
display: block;
} .low_txt {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.71em;
font-weight: bold;
text-align: center;
margin: 0 0 40px;
letter-spacing: .1em;
}
.company_vision {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.42em;
font-weight: bold;
text-align: center;
margin: 0 0 50px;
line-height: 2;
letter-spacing: .1em;
}
.companY_01box {
margin-bottom: 70px;
position: relative;
}
.companY_01box img {
width: 48%;
}
.companY_01box {
position: relative;
overflow: hidden;
clear: both;
padding: 60px 0 0 0;
}
.companY_01box:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.companY_01box p {
float: right;
width: 48%;
line-height: 2.36;
}
.companY_02box {
position: relative;
overflow: hidden;
clear: both;
background: #ebf6fc;
padding: 60px 0 100px 0;
}
.companY_02box:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.companY_02box img {
float: right;
width: 48%;
}
.companY_02box p {
float: left;
width: 48%;
line-height: 2.36;
}
.companY_03box {
position: relative;
overflow: hidden;
clear: both;
padding: 60px 0 100px 0;
}
.companY_03box:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.companY_03box img {
width: 48%;
}
.companY_03box p {
float: right;
width: 48%;
line-height: 2.36;
}
.companY_04box img {
float: right;
width: 48%;
}
.companY_04box p {
float: left;
width: 48%;
line-height: 2.36;
}
.companY_04box {
position: relative;
overflow: hidden;
clear: both;
background: #ebf6fc;
padding: 60px 0 70px 0;
}
.companY_04box:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}  .worKbox_txt {
position: relative;
padding: 60px 0 0 0;
}
.worKbox_txt:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.worKbox_txt p {
display: block;
margin: 0 auto 70px;
line-height: 2.36;
text-align: center;
max-width: 795px;
}
.workMesse {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
letter-spacing: .1em;
text-align: center;
line-height: 1.7;
margin: 0 0 40px;
}
.work_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.9em;
letter-spacing: .1em;
margin-bottom: 20px;
text-align: center;
position: relative;
}
.worK_01box .work_ttl:before {
position: absolute;
content: '';
top: -60px;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #fff;
}
.worK_01box.entry {
padding: 60px 0 20px;
}
.worK_02box .work_ttl:before {
position: absolute;
content: '';
top: -60px;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #008BD5;
} .worK_01box {
width: 100%;
overflow: hidden;
padding: 60px 0 70px;
position: relative;
}
.work_txt {
text-align: left;
line-height: 2.36;
letter-spacing: .1em;
margin: 0 auto 20px;
max-width: 1000px;
width: 100%;
}
.worK_02box {
padding: 60px 0 70px;
position: relative;
overflow: hidden;
} .jisseki_ttl,
.jisseki_ttlB {
font-size: 142%;
position: relative;
margin: 0 auto 20px;
text-align: left;
z-index: 1;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1;
}
.jisseki_ttl span {
padding: 0 20px 0 0;
display: inline-block;
background: #008BD5;
letter-spacing: .1em;
}
.jisseki_ttlB span {
padding: 0 10px 0 0;
display: inline-block;
background: #fff;
letter-spacing: .1em;
}
.jisseki_ttl::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 50%;
right: 0;
left: 0;
background: #fff;
z-index: -1;
}
.jisseki_ttlB::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
top: 50%;
right: 0;
left: 0;
background: #008BD5;
z-index: -1;
}
.jisseki_txt {
font-size: 91%;
text-align: left;
margin: 0 auto;
letter-spacing: .1em;
line-height: 1.9;
}
.list_work {
width: 100%;
margin: 0 auto;
letter-spacing: -.5em;
clear: both;
}
.list_workB{
width: 100%;
margin: 0 auto 50px;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
}
.list_workB > li {
width: 50%;
letter-spacing: .1em;
}
.list_workB > li:first-child {
padding-left: 3%;
}
.list_workB > li:last-child img {
width: 100%;
}
.list_work li {
width: 48%;
margin: 0 4% 3% 0;
display: inline-block;
letter-spacing: .1em;
vertical-align: top;
}
.list_work li:nth-child(2n) {
margin: 0 0 0 0;
}
.list_workjisseki{
margin: 0 auto 50px;
overflow: hidden;
}
.list_workjisseki li{
margin: 0 auto;
overflow: hidden;
}
.list_workjisseki li:first-child{
float: left;
width: 78%;
}
.list_workjisseki li:last-child{
float:right;
width: 22%;
text-align:right;
padding: 0 0 0 20px;
}
.list_workjisseki li:last-child img{
width: 100%;}
.dlist_jisseki {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.dlist_jisseki dt {
width: 30%;
float: left;
}
.dlist_jisseki dd,
.dlist_jisseki dt {
vertical-align: top;
}
.dlist_jisseki dd {
width: 70%;
padding: 0 0 0 30px;
font-size: 92%;
float: right;
text-align: left;
}
.dlist_jisseki dd span {
font-weight: 600;
display: block;
font-size: 123%;
line-height: 1.5;
margin: 0 auto .4em;
} .occupatioNs_box {
background: #ebf6fc;
padding: 60px 0 0 0;
overflow: hidden;
clear: both;
}
.listBox {
width: 100%;
padding: 40px 0 0;
margin-bottom: 60px;
}
.listBox h3 {
display: inline-block;
}
.listBox a {
display: block;
color: #000;
}
.listBox li {
max-width: 1070px;
margin: 0 auto 40px;
position: relative;
background: #fff;
width: 100%;
display: block;
overflow: hidden;
}
.listBox dl {
overflow: hidden;
background: #fff;
}
.listBox dt {
float: right;
width: 47%;
margin-left: 3%;
}
.listBox dd {
width: 47%;
float: right;
line-height: 2.35;
letter-spacing: .1em;
margin: 25px 0;
}
.listBox p {
margin: 25px 0;
}
.listBox li:before {
position: absolute;
content: '';
top: 40px;
left: 0;
margin: auto;
width: 40px;
height: 1px;
border-bottom: 1px solid #000;
}
.listBox li span {
display: block;
color: #008bd5;
font-size: 1.1em;
line-height: 2;
margin-bottom: 3%;
}
.sub_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
}
.leFTti {
width: 13%;
float: left;
padding: 25px 0 0 5%;
}
.rigHT {
width: 87%;
float: right;
}
.coLor_bule {
color: #008bd5;
}  .top_txt_02 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin: 0 0 20px;
letter-spacing: .1em;
position: relative;
}
.white_lBule_bg {
background: linear-gradient(180deg, #fff 0%, #fff 25%, #d9eef9 25%, #d9eef9 100%);
text-align: center;
overflow: hidden;
position: relative;
}
.white_lBule_bg span {
display: block;
text-align: center;
margin-bottom: 25px;
font-weight: normal;
line-height: 2.36;
}  .sec_bg {
background: linear-gradient(180deg, #fff 0%, #fff 50%, #d9eef9 50%, #d9eef9 100%);
overflow: hidden;
padding-bottom: 70px;
}
.sec_bg_02 {
background: #d9eef9;
}
.sec_bg_03 {
background: #d9eef9;
padding-bottom: 10px;
margin-bottom: 60px;
}
.introductionBox {
max-width: 730px;
padding: 60px 15px 0;
margin: 0 auto;
text-align: center;
position: relative;
}
.introductionBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.introductionBox img {
float: left;
width: 48%;
}
.box {
width: 45%;
float: right;
}
.profilElist {
text-align: left;
letter-spacing: .2em;
margin-bottom: 60px;
}
.profilElist dt {
color: #fff;
font-size: .9em;
border: 1px solid #ff5466;
background: #ff5466;
text-align: center;
width: 110px;
padding: .5em;
margin-bottom: 10px;
}
.profilElist dd {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 2.4em;
}
.profilElist dd span {
font-family: 'Maven Pro', sans-serif;
font-size: .8em;
display: block;
color: #004ea2;
}
.sBOx {
text-align: left;
position: relative;
}
.sBOx:before {
position: absolute;
content: '';
top: 12px;
left: 0;
margin: auto;
width: 30px;
border-bottom: 2px solid #008bd5;
}
.sBOx p {
margin-bottom: 20px;
}
.membeR_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 40px;
}
.member_sub_ttl {
position: relative;
font-size: 1.1em;
font-weight: bold;
letter-spacing: .1em;
color: #008bd5;
margin: 0 0 30px 40px;
}
.low_sub_ttl {
font-family: 'Maven Pro', sans-serif;
font-size: 3.1em;
color: #008bd5;
position: relative;
margin-bottom: 20px;
display: table;
}
.low_sub_ttl:after {
content: '';
display: table-cell;
top: 0;
bottom: 35px;
right: 0;
width: 100%;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 2px), transparent -webkit-calc(50% + 2px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 2px)), to(transparent calc(50% + 2px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
-webkit-background-clip: padding;
background-clip: padding;
background-size: 100% calc(100%);
}
.businessBox {
clear: both;
overflow: hidden;
letter-spacing: .1em;
position: relative;
padding-bottom: 70px;
}
.businessBox span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
display: block;
}
.businessBox_02 {
clear: both;
overflow: hidden;
letter-spacing: .1em;
padding-bottom: 70px;
}
.imgBox {
padding-bottom: 40px;
}
.txtBox_01 {
letter-spacing: .1em;
line-height: 2.36;
position: relative;
width: 100%;
margin-bottom: 60px;
}
.txtBox_01:before {
position: absolute;
content: '';
top: 15px;
left: 0;
margin: auto;
width: 30px;
border-bottom: 2px solid #008bd5;
}
.txtBox_01 span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: 600;
display: block;
}
.txtBox_02 {
letter-spacing: .1em;
line-height: 2.36;
position: relative;
width: 48%;
float: left;
}
.txtBox_02:before {
position: absolute;
content: '';
top: 15px;
left: 0;
margin: auto;
width: 30px;
border-bottom: 2px solid #008bd5;
}
.txtBox_02 span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: 600;
display: block;
}
.messagEbox {
clear: both;
overflow: hidden;
padding-bottom: 60px;
}
.lefTphoto img {
width: 48%;
float: right;
}  .company_table {
max-width: 880px;
width: 100%;
border-top: 2px solid #989898;
border-bottom: 2px solid #989898;
margin: 20px 0 70px;
line-height: 2em;
}
.company_table tr {
border-top: 2px solid #989898;
border-bottom: 2px solid #989898;
}
.company_table th {
text-align: left;
font-weight: bold;
padding: 0.8em 1em;
background: #ebf6fc;
vertical-align: top;
}
.company_table td {
text-align: left;
display: block;
padding: 0.8em 1em;
font-weight: 400;
}
.ricruit_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: center;
padding: 60px 0 0 0;
position: relative;
}
.ricruit_ttl:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}  .privacyBox {
position: relative;
max-width: 1070px;
padding: 60px 15px 0;
margin: 0 auto;
line-height: 2.36;
}
.privacyBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.privacy_ttl {
padding-bottom: 40px;
margin-bottom: 40px;
}
.privacy_ttl {
border-bottom: 2px solid #989898;
}
.privacy_ttl span {
color: #d000be;
}
.sub_p_ttl {
font-size: 1.4em;
font-weight: bold;
}
.privacyBox ul {
margin-bottom: 40px;
}
.privacyBox ul:nth-of-type(3) {
border-bottom: none;
}
.privacy_txt_05 {
border-bottom: 2px solid #989898;
padding-bottom: 40px;
margin-bottom: 40px;
}
.privacy_txt_06 {
border-bottom: 2px solid #989898;
padding-bottom: 40px;
margin-bottom: 40px;
}
.privacy_txt_07 {
margin-bottom: 40px;
}
.privacyBox li {
list-style-type: disc;
list-style: inside;
}
.privacyBox li:last-child {
margin-bottom: 40px;
}
.under_txt {
border-bottom: 2px solid #989898;
padding-bottom: 40px;
margin-bottom: 40px;
}
.addressBox_01 {
margin-bottom: 40px;
}
.addressBox_02 {
margin-bottom: 70px;
}  .benefitsBox {
max-width: 730px;
padding: 60px 15px 0;
margin: 0 auto;
text-align: center;
position: relative;
}
.benefitsBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.benefits_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 40px;
}
.benefitsBox p {
margin-bottom: 80px;
line-height: 2.36;
}
.benefitsList {
max-width: 1010px;
margin: 0 auto 30px;
padding: 0 15px;
}
.benefitsList li {
overflow: hidden;
margin-bottom: 40px;
width: 100%;
}
.benefitsList dl {
overflow: hidden;
background: #ebf6fc;
}
.benefitsList dt {
width: 40%;
float: left;
}
.benefitsList dd {
width: 60%;
letter-spacing: .1em;
padding: 5% 4%;
position: relative;
line-height: 2.36;
float: right;
}
.benefitsList dd:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.benefitsList dd span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
text-align: center;
font-size: 1.4em;
margin-bottom: 20px;
}  .internshipBox {
max-width: 910px;
padding: 60px 15px 0;
margin: 0 auto 70px;
text-align: center;
position: relative;
}
.internshipBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.internship_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
margin-bottom: 40px;
}
.internship_ttl span {
display: block;
}
.internshipList {
max-width: 1010px;
margin: 0 auto 30px;
padding: 0 15px;
}
.internshipList li {
width: 100%;
overflow: hidden;
margin-bottom: 40px;
vertical-align: top;
}
.internshipList dl {
overflow: hidden;
background: #008bd5;
}
.internshipList dt {
width: 40%;
float: left;
vertical-align: top;
}
.internshipList dd {
width: 60%;
float: right;
color: #fff;
padding: 5% 4%;
position: relative;
line-height: 2.36;
}
.internshipList dd:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #fff;
}
.internshipList dd span {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
text-align: center;
font-size: 1.4em;
margin-bottom: .5em;
}
.intern_bg {
background: #ebf6fc;
overflow: hidden;
}
.interN_ttl {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: center;
padding: 60px 0 0 0;
margin-bottom: 40px;
position: relative;
}
.interN_ttl:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.intern_table {
max-width: 910px;
padding: 0 15px;
width: 100%;
border-top: 2px solid #989898;
border-bottom: 2px solid #989898;
margin: 0 auto 70px;
line-height: 2.3em;
}
.intern_table tr {
border-top: 2px solid #989898;
border-bottom: 2px solid #989898;
}
.intern_table th {
font-weight: bold;
padding: 0.8em 1em;
background: #fff;
vertical-align: top;
text-align: left;
}
.intern_table td {
display: block;
padding: 0.8em 1em;
background: #ebf6fc;
}
p.internship_p {
line-height: 2.5em;
}  .newsBox {
max-width: 810px;
width: 100%;
padding: 0 15px;
margin: 0 auto;
position: relative;
overflow: hidden;
clear: both;
}
.newsBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.recruitList {
width: 100%;
text-align: center;
padding: 70px 0 0 0;
margin-bottom: 70px;
}
.recruitList li {
border-bottom: 2px solid #989898;
padding: 1.5em;
position: relative;
}
.recruitList li:first-child {
border-top: 2px solid #989898;
}
.recruitList li:after {
position: absolute;
content: '';
top: 47%;
right: 2%;
width: 5px;
height: 5px;
border: 1px solid;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg);
}
.recruitList li a {
display: block;
color: #000;
}
.recruitList dl {
text-align: left;
}
.recruitList dt {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: inline-block;
font-size: 1.1em;
margin: 0 20px 0 0;
}
.recruitList dd {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: inline-block;
font-size: 1.2em;
}
.recruitList dd.cat {
font-size: .9em;
font-weight: bold;
color: #fff;
background: #008bd5;
border: 1px solid #008bd5; margin: 0 20px 0 0;
width: 100px;
text-align: center;
}  #main {
display: inline-block;
width: 72%;
padding: 4% 5% 0 0;
margin: 0 0 60px 5%;
clear: both;
overflow: hidden;
max-width: 1200px;
}
.mainTi {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.4em;
padding: 0 0 1em 0;
border-bottom: 2px solid #989898;
font-weight: bold;
}
.time {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.1em;
margin-bottom: 20px;
}
.time span {
font-weight: bold;
color: #fff;
background: #008bd5;
border: 1px solid #008bd5;
padding: .3em 2em;
margin: 0 0 0 20px;
}
.section_txt {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
line-height: 2.36;
display: block;
margin: 3% 0 6%;
height: auto;
width: auto;
}
.section_txt img {
max-height: 500px;
width: auto;
height: auto;
margin: 3% 0;
display: block;
}
#sub {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
float: left;
width: 23%;
padding: 4% 5%;
margin: 0 0 0 0;
overflow: hidden;
background: #ebf6fc;
}
.subTi {
font-family: 'Maven Pro', sans-serif;
font-size: 2.1em;
color: #009de1;
border-left: 2px solid #009de1;
padding-left: 20px;
margin-bottom: 40px;
line-height: 1em;
}
.subTi span {
font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
font-size: .4em;
display: block;
}
.blogList {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 50px;
}
.blogList li {
position: relative;
margin-bottom: 1.5em;
}
.blogList li:before {
position: absolute;
content: '';
top: 32px;
left: -10px;
width: 4px;
height: 7px;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/migi.svg) no-repeat;
background-size: contain;
vertical-align: middle;
}
.date {
font-size: .8em;
}
.blogList a {
display: block;
color: #000;
}
.menu li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.1em;
font-weight: bold;
position: relative;
margin-bottom: 10px;
}
.menu li:before {
position: absolute;
content: '';
top: 10px;
left: -10px;
width: 4px;
height: 7px;
background: url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/migi.svg) no-repeat;
background-size: contain;
vertical-align: middle;
}
.menu a {
display: block;
color: #000;
}  .contact_Tel {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
max-width: 740px;
padding: 60px 15px 0;
margin: 0 auto 70px;
text-align: center;
position: relative;
}
.contact_Tel:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.contact_Tel img {
width: 24px;
margin-bottom: 20px;
text-align: center;
}
.tel_ttl {
font-size: 1.4em;
font-weight: bold;
margin-bottom: 10px;
text-align: center;
}
.comaNY {
font-size: 1.2em;
margin-bottom: -1em;
}
.teLbox {
font-family: 'Maven Pro', sans-serif;
font-size: 2.5em;
}
.teLbox span {
font-size: .9em;
}
.mail_txt {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #3f3f3f;
text-align: center;
margin: 0 0 40px;
padding: 20px 0 0 0;
}
.formBox {
position: relative;
}
.formBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 40px;
border-left: 2px solid #000;
}
.formBox img {
width: 28px;
margin: 0 auto 20px;
display: block;
}   .menu_table {
width: 100%;
border-top: 1px solid #b6e8ff;
}
.menu_table th {
font-weight: bold;
padding: 0.8em 1em;
border-bottom: 1px solid #b6e8ff;
}
.menu_table td {
padding: 0.8em 1em;
border-bottom: 1px solid #b6e8ff;
}
.price_table {
width: 100%;
border-top: 1px solid #b6e8ff;
}
.price_table th {
font-weight: bold;
padding: 0.8em 1em;
border-bottom: 1px solid #b6e8ff;
}
.price_table td {
padding: 0.8em 1em;
border-bottom: 1px solid #b6e8ff;
} .top_txt {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.43em;
text-align: center;
margin: 0 0 1.5em;
letter-spacing: .1em;
}
.main_ttl {
font-size: 1.6em;
font-weight: bold;
margin: 0 0 1em;
padding: 0 0 0.8em;
position: relative;
}
.main_ttl::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background: #000;
}
.sub_ttl {
font-weight: bold;
font-size: 131%;
margin-bottom: 25px;
padding-bottom: 10px;
} #breadcrumbList {
font-size: 96%;
background: #000;
color: #fff;
}
#breadcrumbList a {
color: #fff;
}
.wp-pagenavi {
clear: both;
padding: 15px 0 !important;
}
.alignleft {
text-align: left;
}
.alignright {
float: right;
width: 60%;
}
.alignright img {
width: 30px;
}
p.sub_p {
text-align: center;
font-weight: 400;
line-height: 2.2em;
margin-bottom: 2em;
}
.name {
font-size: 1.21em;
letter-spacing: .2em;
margin-right: 1em;
}
.joind {
margin-right: 1em;
font-size: .9em;
}
.anno_domini {
font-size: .9em;
}
.aligncenter {
display: block;
margin: 0 auto 20px;
}
.photoL {
float: left;
padding: 0 15px 15px 0;
}
.photoL p {
overflow: auto;
}
.photoR {
float: right;
padding: 0 0 15px 15px;
}
.photoR p {
overflow: auto;
} table.contactform {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 400;
width: 100%;
max-width: 920px;
margin: 0 auto 4em;
padding: 0 15px;
background: #fff;
}
table.contactform th {
padding: 2em;
border-bottom: #ebf6fc solid 2px;
font-weight: 400;
text-align: left;
background: #008bd5;
vertical-align: middle;
color: #fff;
width: 31%;
font-size: 1.1em;
}
table.contactform th.vertop {
vertical-align: top;
}
table.contactform td {
padding: 1.5em 2em;
border-bottom: 1px #ebf6fc solid;
text-align: left;
vertical-align: top;
width: 69%;
}
.contactform th td:last-child {
border-bottom: none;
}
table.contactform td p {
margin-bottom: 0;
line-height: 1.6;
}
input,
textarea,
select {
padding: 1em;
border: solid 2px #c1c1c1;
width: 90%;
}
ul.contactform li {
float: left;
}
p.contactBtn {
display: block;
margin: 0 auto;
text-align: center;
}
p.txt_Cen {
text-align: center;
}   .submitBox {
width: 100%;
margin: 0 auto 2em;
text-align: center;
}
.submit,
.backBtn {
margin: 0 1em;
padding: 1.1em 3em;
display: inline-block;
font-size: 0.85em;
line-height: 1;
color: #fff;
cursor: pointer;
letter-spacing: 0.08em;
border: none;
}
.submit:hover,
.backBtn:hover {
opacity: 0.8;
}  .mw_wp_form_input .submit {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.1em;
margin: 0 auto;
display: block;
padding: 1.3em 0;
width: 320px;
background: #008bd5 url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/btn_migi.svg) no-repeat 93% center;
background-size: 5px;
vertical-align: middle;
border-radius: 30px;
} .mw_wp_form_confirm .submit {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.1em;
margin: 0 auto;
display: block;
padding: 1.3em 0;
width: 320px;
background: #008bd5 url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/btn_migi.svg) no-repeat 93% center;
background-size: 5px;
vertical-align: middle;
border-radius: 30px;
margin-bottom: 1em;
}
.backBtn {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.1em;
margin: 0 auto;
display: block;
padding: 1.3em 0;
width: 320px;
background: #ff5466 url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/btn_migi.svg) no-repeat 93% center;
background-size: 5px;
vertical-align: middle;
border-radius: 30px;
}
#datepicker {
width: 40%;
}
.required {
display: inline-block;
text-align: center;
background: #fff;
color: #008bd5;
padding: .2em .5em;
font-size: .85em;
margin-left: 1em;
line-height: 1;
} .wp-pagenavi {
padding: 10px 0px !important;
display: block !important;
clear: both !important;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
display: inline-block;
color: #323232 !important;
padding: 8px 15px !important;
font-size: 107% !important;
margin-right: 10px !important;
position: relative;
border: 1px #C8C8C8 solid;
}
.wp-pagenavi a:hover {
display: inline-block;
border: 1px #323232 solid;
color: #C8C8C8 !important;
background: #323232;
}
.wp-pagenavi span.current {
display: inline-block;
color: #323232 !important;
padding: 8px 15px !important;
font-size: 107% !important;
margin-right: 10px !important;
position: relative;
border: 1px #C8C8C8 solid;
} .m0 {
margin-bottom: 0;
}
.m05 {
margin-bottom: 5px;
}
.m10 {
margin-bottom: 10px;
}
.m12 {
margin-bottom: 12px;
}
.m15 {
margin-bottom: 15px;
}
.m20 {
margin-bottom: 20px;
}
.m30 {
margin-bottom: 0 0 30px;
}
.m40 {
margin-bottom: 40px;
}
.m50 {
margin-bottom: 50px;
}
.m60 {
margin-bottom: 60px;
}
.mt05 {
margin-top: 5px;
}
.mt10 {
margin-top: 10px;
}
.mt12 {
margin-top: 12px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
.mt60 {
margin-top: 60px;
}
.ml05 {
margin-left: 5px;
}
.ml10 {
margin-left: 10px;
}
.ml12 {
margin-left: 12px;
}
.ml15 {
margin-left: 15px;
}
.ml20 {
margin-left: 20px;
}
.ml30 {
margin-left: 30px;
}
.ml40 {
margin-left: 40px;
}
.ml50 {
margin-left: 50px;
}
.ml60 {
margin-left: 60px;
}
.mr05 {
margin-right: 5px;
}
.mr10 {
margin-right: 10px;
}
.mr15 {
margin-right: 15px;
}
.mr20 {
margin-right: 20px;
}
.mr30 {
margin-right: 30px;
}
.mr40 {
margin-right: 40px;
}
.mr50 {
margin-right: 50px;
}
.mr60 {
margin-right: 60px;
}
.pt05 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt30 {
padding-top: 30px;
}
.pt40 {
padding-top: 40px;
}
.pb05 {
padding-bottom: 5px;
}
.pb10 {
padding-bottom: 10px;
}
.pb15 {
padding-bottom: 15px;
}
.pb20 {
padding-bottom: 20px;
}
.pb30 {
padding-bottom: 30px;
}
.pb40 {
padding-bottom: 40px;
}
.pl05 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl20 {
padding-left: 20px;
}
.pl30 {
padding-left: 30px;
}
.pl40 {
padding-left: 40px;
}
.pr05 {
padding-right: 5px;
}
.pr10 {
padding-right: 10px;
}
.pr15 {
padding-right: 15px;
}
.pr20 {
padding-right: 20px;
}
.pr30 {
padding-right: 30px;
}
.pr40 {
padding-right: 40px;
}
.imgTi {
margin-bottom: 15px;
}
.imgTi0 {
margin-bottom: 0px;
}
.imgTi5 {
padding-bottom: 5px;
}
.imgTi10 {
padding-bottom: 10px;
}
.imgTi15 {
padding-bottom: 15px;
}
.imgTi20 {
padding-bottom: 20px;
}
.imgTi30 {
padding-bottom: 30px;
} ul.paginationList {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1.2em;
font-weight: 600;
width: 100%;
margin: 0 auto;
letter-spacing: -.5em;
padding: 20px 0 0 0;
border-top: 2px solid #000;
}
ul.paginationList li.prev {
display: inline-block;
text-align: left;
width: 30%;
vertical-align: top;
letter-spacing: normal;
}
ul.paginationList li.prev a {
padding: 0 0 0 30px;
width: 100%;
height: 100%;
text-align: center;
border: 1px solid #fff;
background: #fff url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/hidari.svg) no-repeat center left;
background-size: auto 8px;
}
ul.paginationList li.middle {
display: inline-block;
text-align: center;
width: 40%;
letter-spacing: normal;
}
ul.paginationList li.next {
display: inline-block;
text-align: right;
width: 30%;
vertical-align: top;
letter-spacing: normal;
}
ul.paginationList li.next a {
padding: 0 30px 0 0;
width: 100%;
height: 100%;
border: 1px solid #fff;
background: #fff url(//www.fukuzawa.co.jp/recruit/wp-content/themes/fukuzawa2018/images/migi.svg) no-repeat 95% center;
background-size: auto 8px;
}
.id_box {
padding-top: 60px;
margin-top: -60px;
}
   .slick-prev, .slick-next {
font-size: 0;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
display: block;
-ms-transform: translate(0, -50%);
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .5;
}
.slick-prev
{
top: -10%;
left: -80px;
}
[dir='rtl'] .slick-prev
{
right: -80px;
left: auto;
}
.slick-prev:before {
content: '';
border-right: 1px solid #373737;
border-bottom: 1px solid #373737;
width: 24px;
height: 24px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
}
[dir='rtl'] .slick-prev:before
{
content: '';
}
.slick-next
{
top: -10%;
right: -50px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -50px;
}
.slick-next:before {
content: '';
border-right: 1px solid #373737;
border-bottom: 1px solid #373737;
width: 24px;
height: 24px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
}
[dir='rtl'] .slick-next:before
{
content: '';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 10px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: right;
padding: 0 30px 0 0;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0 0 0 30px;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 35px;
line-height: 20px;
position: absolute;
top: -0px;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: right;
color: #fff;
opacity: .5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: 1;
color: #fff;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
z-index: 1!important;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@media screen and (max-width: 1190px) {
a.entryBtn {
font-family: 'Josefin Sans', sans-serif;
font-weight: 500;
position: relative;
text-align: center;
color: #fff;
display: inline-block;
border-radius: 50px;
background: #ff5466;
width: 100px;
padding: 1.2em;
}
}
@media screen and (max-width: 1085px) {
#gnavi,
a.entryBtn {
font-size: .85em;
}
}
@media screen and (max-width: 1025px) {
.logo {
float: left;
margin: 12px 20px 0 0;
width: 130px;
}
.sky_bg,
.contactBg {
background-attachment: scroll;
}
}
@media screen and (max-width: 980px) { img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
.sp {
display: block;
}
.pc {
display: none;
}
#topcontrol {
display: none;
}
#containerWrap {}
#container {}
#content {}
#main {
width: 100%;
margin: 5% 0 10%;
padding: 0 15px;
}
#sub {
width: 100%;
padding: 5% 30px;
}
.mainImg {}
.slick-slide img.pc {
display: none;
}
.slick-slide img.sp {
display: block;
width: 100%;
}
#breadcrumbList {}
.pc {
display: none;
}
.sp {
display: block;
}  header {}
.headerBox {
position: fixed;
top: 0;
background: #fff;
opacity: .8;
padding: 14px 10px;
margin: 0;
}
.globalnavi-thin {
display: none !important;
}
h1 {}
#gnavi {
display: none;
}
.sp_menu {
display: block;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: fixed;
top: 10px;
right: 20px;
width: 60px;
height: 60px;
z-index: 10;
background: #008bd5;
color: #fff !important;
text-align: center;
padding-top: 8px;
cursor: pointer;
border-radius: 15px;
font-size: .85em;
font-family: 'Josefin Sans', sans-serif;
}
.menu-trigger span {
position: absolute;
z-index: 11;
left: 0;
width: 55%;
height: 2px;
background: #fff;
right: 0;
margin: auto;
}
.menu-trigger span:nth-of-type(1) {
bottom: 50%;
}
.menu-trigger span:nth-of-type(2) {
bottom: 35%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 20%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(20px) rotate(-45deg);
bottom: 65%;
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-20px) rotate(45deg);
bottom: 0;
}
#overlay {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 3;
background: rgba(0, 78, 162, .85);
box-sizing: border-box;
overflow-y: scroll;
font-family: 'Josefin Sans', sans-serif;
}
#overlay ul {
padding: 110px 5% 2em;
font-size: 1.3em;
max-width: 500px;
margin: 0 auto;
}
#overlay ul li {
margin-bottom: 1.5em;
}
#overlay ul li a {
color: #fff;
}
#overlay ul li span {
display: block;
font-size: .8em;
}
#overlay ul li span img {
height: 20px;
}
img.logo {}
.b_box {
margin-right: 85px;
}   ul.fNavi,
ul.fNavi_02 {
display: none;
}
.tel {
width: 85%;
}  .img20 {
width: 20%;
margin: 0 40% 10px;
}
.img30 {
width: 30%;
margin: 0 35% 10px;
}
.img40 {
width: 40%;
margin: 0 30% 10px;
}
.img50 {
width: 50%;
margin: 0 25% 10px;
}
.img60 {
width: 60%;
margin: 0 20% 10px;
}
.img70 {
width: 70%;
margin: 0 15% 10px;
}
.img80 {
width: 80%;
margin: 0 10% 10px;
}
}
@media screen and (max-width: 750px) {
.tel {
width: 90%;
}
}
@media screen and (max-width: 700px) {
.tel {
width: 92%;
}
.tel:before {
left: 5px;
}
a.contactBtn {
width: 295px;
}
}
@media screen and (max-width: 640px) { body {}
#container {}
#sub {
padding: 10% 15px 10% 30px;
} .top_ttl {
font-size: 2.3em;
}
.top_ttl span {
font-size: .4em;
margin: 1em 0 0;
}
.top_ttl_02 {
font-family: 'Maven Pro', sans-serif;
text-align: center;
font-size: 2.5em;
margin: 0 0 0;
padding: 0 0 0;
line-height: 1em;
}
.low_main_ttl {
font-size: 2em;
top: 40px;
}
.low_main_ttl span {
font-size: .45em;
}
.internship_ttl {
font-size: 1.2em;
margin-bottom: 1em;
}
.workMesse {
margin-bottom: 1em;
}
.work_ttl {
font-size: 1.7em;
margin-bottom: .5em;
}
.work_ttl:before {
top: -35px;
height: 30px;
}
.sub_ttl {
font-weight: bold;
font-size: 131%;
margin-bottom: 1em;
padding-bottom: 0;
}
.membeR_ttl {
margin-bottom: 1em;
font-size: 1.3em;
}
.ricruit_ttl {
padding: 40px 0 0 0;
}
.ricruit_ttl:before {
height: 30px;
}
.mainTi {
font-size: 1.2em;
padding: 0 0 .5em;
margin-bottom: 1em;
}
.subTi {
font-size: 1.8em;
margin-bottom: 1em;
}
.subTi span {
font-size: .5em;
margin-top: .5em;
}
.interN_ttl {
padding: 40px 0 0;
margin-bottom: 1em;
}
.interN_ttl:before {
height: 30px;
}
.benefits_ttl {
margin-bottom: 1em;
} .logo {
margin: 10px 0 0;
}
a.entryBtn {
font-size: .85em;
width: 70px;
padding: 10px 0;
}
.headerBox {
top: 0;
background: #fff;
opacity: .8;
padding: 14px 10px;
}
a.menu-trigger {
top: 10px;
right: 10px;
width: 50px;
height: 50px;
font-size: .7em;
}
.b_box {
margin-right: 65px;
}
.menu-trigger.active span:nth-of-type(1) {
bottom: 69%;
}
.menu-trigger.active span:nth-of-type(3) {
bottom: -10%;
}
#overlay ul {
padding: 70px 2em 1em;
font-size: 1.2em;
}
.id_box {
padding-top: 80px;
margin-top: -80px;
} .mainImg #mouse {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 0;
color: #FFF;
display: block;
width: 60px;
height: 50px;
margin-left: -30px;
overflow: hidden;
cursor: pointer;
}
.mainImg #mouse span {
font-size: 0;
}
.mainImg #mouse span.bar {
left: 0;
right: 0;
top: 0;
margin: auto;
overflow: auto;
bottom: auto;
}
.mainImg #mouse:before {
bottom: 0;
}
.mainImg #mouse span.bar:after {
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: auto;
}
.mainImg {
margin: 70px 0 10%;
}
.top_txt {
font-size: 1.2em;
margin: 0 0 1em;
line-height: 1.7em;
}
#topMain {
margin-bottom: 10%;
text-align: left;
}
#topMain p {
margin: 0 0 5%;
}
a.buleBtn {
margin: 0 auto;
padding: 1em;
font-size: 1em;
display: block;
}
.sky_bg {
padding: 10% 0 0;
}
.messageBox {
text-align: left;
padding: 0 0 10%;
}
.messageBox p {
margin-bottom: 0;
text-shadow: 0 0 5px #fff;
}
.lightBule_bg {
padding: 10% 0;
}
.list_four li {
width: 48%;
margin: 0 4% 4% 0;
}
.list_four li:nth-child(2n) {
margin-right: 0;
}
.list_four dt span {
width: auto;
font-size: .75em;
}
.list_members li {
width: 48%;
margin: 0 4% 4% 0;
}
.list_members li:nth-child(2n) {
margin-right: 0;
}
.list_members li:nth-child(3) {
margin-right: 4%;
}
.list_members dt span {
width: auto;
font-size: .75em;
}
.low_sub_ttl {
font-size: 1.8em;
}
a.whiteBtn {
font-size: 1em;
margin: 0 auto;
display: block;
padding: 1em;
}
.bg_bule {
padding: 10% 0;
text-align: left;
}
.txt_i {
text-align: left;
line-height: 2.14;
margin-bottom: 5%;
}
.bg_bule img {
display: block;
margin: 0 auto;
max-width: 1167px;
width: 100%;
margin-bottom: 5%;
}
a.whiteBtn_02 {
display: block;
margin: 0 auto;
padding: 1em;
}
.contactBg {
padding: 10% 0;
}
.opaBox {
padding: 10% 5%;
}
.leftBox {
float: none;
width: 100%;
border-right: none;
padding: 0;
border-bottom: 2px solid #000;
}
.rightBox {
float: none;
width: 100%;
}
.tel {
font-size: 2em;
width: 230px;
margin: 0 auto;
display: block;
}
.tel:before {
width: 20px;
height: 30px;
}
.tel.pc {
display: none;
}
.tel.sp {
display: block;
}
a.contactBtn {
width: 100%;
font-size: 1em;
}
a.contactBtn:before {
left: 10%;
top: 19px;
width: 20px;
height: 15px;
}
.internshipBox:before {
height: 30px;
}
.internshipList {
margin-bottom: 0;
}
.internshipList dt {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
.internshipList dd {
padding: 40px 15px 10%;
width: 100%;
} #footer {
padding: 10% 15px;
}
.fLogo {
width: 80%;
margin: 0 auto 5%;
}
.address {
margin-bottom: 1em;
font-size: .75em;
}
.copy {
clear: both;
font-size: .5em;
} .companY_01box img {
width: 100%;
margin-bottom: 5%;
}
.companY_01box p {
float: none;
width: 100%;
line-height: 2.36;
}
.low_main_bg {
position: relative;
margin-top: 70px;
overflow: hidden;
}
.low_main_bg img {
height: 150px;
max-width: none;
}
.low_txt {
font-size: 1.4em;
margin: 0 0 1em;
font-weight: bold;
}
.company_vision {
font-size: 1.07em;
margin: 0 0 40px;
}
.companY_01box {
padding: 40px 0 0 0;
margin-bottom: 10%;
}
.companY_02box img {
float: none;
width: 100%;
margin-bottom: 5%;
}
.companY_02box p {
float: none;
width: 100%;
line-height: 2.36;
}
.companY_02box {
padding: 40px 0 10%;
}
.companY_03box img {
width: 100%;
margin-bottom: 5%;
}
.companY_03box p {
float: none;
width: 100%;
}
.companY_03box {
padding: 40px 0 10%;
}
.companY_01box:before,
.companY_02box:before,
.companY_03box:before,
.companY_04box:before {
height: 30px;
}
.companY_04box img {
float: none;
width: 100%;
margin-bottom: 5%;
}
.companY_04box p {
float: none;
width: 100%;
line-height: 2.36;
}
.companY_04box {
padding: 40px 0 10%;
}
.internshipBox {
max-width: 910px;
padding: 40px 15px 0;
margin: 0 auto 10%;
text-align: center;
position: relative;
}
.worKbox_txt p {
margin-bottom: 10%;
}
.occupatioNs_box {
padding: 10% 0 0;
}
.listBox dt {
float: none;
width: 100%;
margin: 0 0 5%;
}
.listBox dd {
float: none;
width: 100%;
}
.leFTti {
width: 100%;
float: none;
padding: 25px 0 0 60px;
}
.rigHT {
width: 100%;
float: none;
padding: 0 15px;
}
ul.listBox {
padding: 1em 0 0;
margin-bottom: 0;
}
.listBox li {
margin-bottom: 15px;
}
.introductionBox img {
float: none;
width: 90%;
margin: 0 auto 5%;
}
.box {
width: 100%;
float: none;
}
.profilElist dd {
font-size: 1.8em;
text-align: center;
}
.profilElist dd span {
font-size: .7em;
}
.profilElist dt {
margin: 0 auto 10px;
}
.profilElist {
margin-bottom: 2em;
}
.txtBox_02 {
float: none;
width: 100%;
}
.sec_bg {
padding-bottom: 10%;
}
.lefTtxt {
float: none;
width: 100%;
font-weight: 600;
margin-bottom: 5%;
}
.businessBox span {
font-size: 1.2em;
margin-bottom: 1em;
}
.businessBox {
padding-bottom: 5%;
}
.businessBox_02 {
padding-bottom: 5%;
}
.lefTphoto {
float: none;
width: 100%;
margin-bottom: 5%;
}
.lefTphoto img {
width: 100%;
float: none;
}
.righTtxt {
float: none;
width: 100%;
font-weight: 600;
position: relative;
letter-spacing: .1em;
line-height: 2.36;
}
.righTtxt span {
font-size: 1.2em;
}
.imgBox {
padding-bottom: 5%;
}
.txtBox_l {
font-weight: 600;
letter-spacing: .1em;
line-height: 2.36;
position: relative;
width: 100%;
float: none;
margin-bottom: 10%;
}
.txtBox_l span,
.txtBox_r span {
font-size: 1.2em;
}
.txtBox_r {
width: 100%;
float: none;
margin-bottom: 5%;
}
.messagEbox {
padding: 0 0 10%;
margin: 0;
}
.lefTphoto {
margin-bottom: 5%;
}
ul.pagenation {
display: block;
}
ul.pagenation li {
width: 100%;
margin: 0 0 5%;
}
ul.pagenation li:last-child {
margin-bottom: 0;
}
ul.pagenation li.middle {
width: 100%;
}
.recruitList {
width: 100%;
text-align: center;
padding: 40px 0 0 0;
margin-bottom: 10%;
}
.newsBox:before {
position: absolute;
content: '';
top: 0;
right: 0;
left: 0;
margin: auto;
width: 1px;
height: 30px;
border-left: 2px solid #000;
}
.recruitList dt {
font-size: .9em;
margin: 0 1em 0 0;
}
.recruitList dd {
font-size: 1.1em;
}
.recruitList dd span {
font-size: .8em;
padding: .3em 1em;
margin-right: 1em;
}
.section_txt {
margin: 0 0 10%;
}
ul.paginationList {
font-size: .9em;
padding: 1em 0 0;
}
ul.paginationList li.prev a {
padding: 0 0 0 20px;
}
ul.paginationList li.next a {
padding: 0 20px 0 0;
}
.blogList {
font-size: 1em;
font-weight: 600;
margin-bottom: 10%;
}
.blogList li {
position: relative;
margin-bottom: 1em;
}
.date {
font-size: .9em;
font-weight: 400;
}
.menu li {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 1em;
font-weight: 600;
position: relative;
margin-bottom: .5em;
}
.internshipList dd:before {
height: 30px;
}
.internshipList dd span {
font-size: 1.4em;
line-height: 1.5em;
}
.internshipList li {
margin-bottom: 15px;
}
.contact_Tel:before {
height: 30px;
}
.contact_Tel {
padding: 45px 15px 0;
margin: 0 auto 10%;
}
.formBox:before {
height: 30px;
}
.lightBule_bg_02 {
padding: 45px 0 10%;
}
.mail_txt {
padding: 0 15px;
margin: 0 0 2em;
}
input,
textarea,
select {
padding: 1em;
border: solid 2px #c1c1c1;
width: 100%;
}
span.mwform-tel-field input {
width: 28% !important;
}
.leFTp {
float: none;
width: 100%;
}
.newsTxt {
float: none;
margin: 10% 0;
padding: 0 15px;
width: 100%;
}
ul.list_news li {
margin-bottom: 5%;
}
.txtBox_01 span {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.8;
}
.txtBox_02 span {
font-size: 1.2em;
margin-bottom: 1em;
line-height: 1.8;
}
.list_workB {
display: block;
margin: 0 auto 30px;
}
.list_workB > li {
width: 100%;
}
.list_workB > li:first-child {
padding: 0 0 0 0;
}
.list_work{
padding: 30px 0;
border-bottom: 1px #fff solid;
border-top: 1px #fff solid;
margin: 0 auto 30px;
}
.worK_02box .list_work{
border-bottom: 1px #008BD5 solid;
border-top: 1px #008BD5 solid;
}
.list_work > li {
width: 100%;
display: block;
letter-spacing: .1em;
vertical-align: top;
margin: 0 auto 25px;
padding: 0 20px;
}
.list_work li:nth-child(2n) {
margin: 0 auto 25px;
}
.list_work > li:last-child {
padding: 0 20px;
margin: 0 auto;
}
.list_work > li:first-child {
margin: 0 auto 25px;
}
.list_workjisseki {
margin: 0 auto 30px;
overflow: hidden;
font-size: 92%;
padding: 0 20px 0 20px;
}
.list_workjisseki li {
margin: 0 auto;
overflow: hidden;
text-align: left;
}
.list_workjisseki li:first-child{
margin: 0 auto 1em;
}
.list_workjisseki li:last-child,
.list_workjisseki li:first-child {
width: 100%;
float: none;
}
.list_workjisseki li:last-child{
padding: 0;
}
.list_workjisseki li:last-child img{
width: 200px;
display: block;
margin: 0 auto;
}
.dlist_jisseki dt {
width: 100%;
float: none;
margin: 0 auto 15px;
}
.dlist_jisseki dt img {
width: 200px;
display: block;
margin: 0 auto;
}
.dlist_jisseki dd {
width: 100%;
float: none;
padding: 0 0 0 0;
font-size: 92%;
text-align: left;
}
.dlist_jisseki dd span {
font-weight: 600;
margin: 0 auto .5em;
display: block;
} table.contactform {
margin-bottom: 2em;
width: 100%;
}
table.contactform th {
padding: 1em;
width: 100%;
display: block;
}
table.contactform td {
padding: 1em;
width: 100%;
display: block;
}
.company_table {
margin-bottom: 10%;
}
.company_table th {
display: block;
width: 100%;
}
.company_table td {
width: 100%;
display: block;
}
.time {
font-size: 1em;
margin-bottom: .5em;
}
.time span {
padding: .3em 1em;
margin: 0 0 0 1em;
font-size: .9em;
}
.intern_table {
margin-bottom: 10%;
}
.intern_table th {
display: block;
width: 100%;
}
.intern_table td {
display: block;
width: 100%;
}
.mw_wp_form_input .submit {
width: 70%;
padding: 1em;
}
.mw_wp_form_confirm .submit,
.backBtn {
width: 70%;
padding: 1em;
}
.benefitsBox p {
margin-bottom: 5%;
line-height: 2.36;
}
.benefitsList dt {
width: 100%;
}
.benefitsList dd {
width: 100%;
padding: 40px 15px 5%;
}
.benefitsList dd span {
margin-bottom: .5em;
}
.benefitsList dd:before {
height: 30px;
}
.benefitsList li {
margin-bottom: 5%;
}
.benefitsList {
margin-bottom: 0;
}
.work_txt {
line-height: 1.8;
margin: 0 auto 20px;
}
.entry h2.workMesse {
margin: -30px 0 40px;
font-size: 1.1em;
} .wp-pagenavi {
padding: 10px 0px !important;
}
.wp-pagenavi a,
.wp-pagenavi span.pages,
.wp-pagenavi span.extend {
padding: 5px 10px !important;
font-size: 92% !important;
margin-right: 10px !important;
}
.wp-pagenavi span.current {
display: inline-block;
padding: 5px 10px !important;
font-size: 92% !important;
margin-right: 10px !important;
}
}
@media screen and (max-width: 400px) {
.dlist_jisseki dt {
width: 100%;
float: inherit;
margin: 0 auto 10px;
}
.dlist_jisseki dd {
width: 100%;
float: none;
padding: 0 0 0 0;
font-size: 92%;
text-align: left;
}
.dlist_jisseki dd span {
font-weight: 600;
font-size: 107%;
}
}