@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: #000;
text-decoration: none;
outline: none;
}
* {
box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
img {
max-width: 100%;
width: auto;
height: auto;
vertical-align: bottom;
}
input[type="text"], button, textarea, select {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
appearance: none;
}
/* clearfix */
.clearfix::after {
content: " ";
display: block;
clear: both;
}
/* @import "base"; */
/* {{{ COMMON */
html {
font-size: 62.5%;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
font-weight: 200;
font-size: 1.4rem;
line-height: 1.8em;
background: #FFF;
color: #333333;
position: relative;
}
@media screen and (min-width: 768px) {
body {
font-size: 1.8rem;
line-height: 1.6em;
}
}
i {
font-style: italic;
}
a {
cursor: pointer;
color: #333333;
}
/* }}} */
/* {{{ layout */
.main{
margin: 44px 0 0 0;
}
.mainvisialWrap{
height: auto;
}
.mainvisual{
padding: 60px 0;
}
.mainvisual--news{
background: url(images/news-top.png) center center / cover;
}
.mainvisual--service{
background: url(images/service-top.png) center center / cover;
}
.mainvisual--company{
background: url(images/company-top.png) center center / cover;
}
.mainvisual--recruit{
background: url(images/recruit-top.png) center 35% / cover;
}
.mainvisual--contact{
background: url(images/contact-top.png) center center / cover;
}
.content{
width: auto;
background: #FFFFFF;
padding: 30px 0;
}
.content--bgBlue{
  background: #EBF5F7;
}
.content--orgin{
background: url(images/company-originbg.png) center center / cover;
}
.content__inner{
width: auto;
margin: 0 10px;
}
.content--top{
padding: 0;
}
.content--service{
  padding: 30px 0 0 0;
}
.content__list--concept{
padding: 0 0 60px 0;
}
.content__list--service{
background: #FFFFFF;
padding: 0 10px 60px 10px;
}
.content__list--recruit{
background: url(images/recruit.png) 80% center / cover;
padding: 30px 0;
}
.content__list--company{
background: #E5F2F5;
padding: 30px 10px 60px 10px;
}
.content__list--contact{
}
.content__listInner{
margin: 0 10px;
width: auto;
}
@media screen and (min-width: 1200px) {
.main{
}
.mainvisual{
}
.mainvisual--top{
  padding: 50px 0;
}
.mainvisual--recruit{
background: url(images/recruit-top.png) center center / cover;
}
.content{
  width: 100%;
  padding:50px 0;
}
.content__inner{
  width: 960px;
  margin: 0 auto;
}
.content--top{
  margin: 0 auto;
  padding: 0;
}
.content--service{
  padding: 50px 0 0 0;
}
.content__listInner{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.content__list--concept{
  padding: 0 0 100px 0;
}
.content__list--service{
  padding: 0 0 100px 0;
  }
.content__list--recruit{
  padding: 100px 0;
}
}
/* }}} */
/* {{{ header */
.headerWrap{
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
background: #FFFFFF;
box-shadow: 0 1px 3px #AAAAAA;
}
.header{
height: 50px;
width: auto;
margin: 0 10px;
}
.header__nav{
display: none;
}
.header__logo{
width: 180px;
padding: 6px 0;
}
@media screen and (max-width: 320px) {
.header__logo{
width: 150px;
padding: 8px 0;
}
}
@media screen and (min-width: 1200px) {
.header{
height: 80px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.header__logo{
width: 300px;
padding: 10px 0;
float: left;
}
.header__nav{
display: block;
float: right;
}
.header__nav ul li{
 display: inline-block;
 font-size: 1.6rem;
}
.header__nav ul li a{
display: block;
padding: 27px 20px;
}
.header__nav ul li a:hover{
background: -moz-linear-gradient(left, #3098B4, #2461A7);
background: -webkit-linear-gradient(left, #3098B4, #2461A7);
background: linear-gradient(to right, #3098B4, #2461A7);
color: #FFFFFF;
}
}
/* }}} */
/* {{{ footer */
.footer{
margin: 0 10px;
}
.footer__nav{
 padding:30px 0 30px 0;
}
.footer__nav li{
display: inline-block;
text-align: center;
padding: 0 0 20px 0;
font-size: 1.4rem;
width: 49%;
}
.footer__nav li a{
color: #222222;
}
.footer__copyright{
font-size: 1.2rem;
color: #222222;
text-align: center;
}
@media screen and (min-width: 1200px) {
.footer{
  width: 1200px;
  margin: 0 auto;
}
.footer__nav{
  text-align: center;
}
.footer__nav li{
  display: inline-block;
  padding: 0 20px;
  width: auto;
  border-right: 1px solid #222222;
}
.footer__nav li:last-child{
  border-right: none;
}
}
/* }}} */
/* {{{ Menu  */
.menu {
display: none;
position: fixed;
top: 50px;
left: 0;
width: 100%;
height: 100%;
padding: 50px 20px;
background: #E5F2F5;
color: #333333;
font-size: 1.6rem;
z-index: 999;
}
.menu__list{
font-size: 2.4rem;
}
.menu__list > li{
display: block;
margin: 0 0 40px 0;
}
.menu__list > li > a{
color: #2A7CAD;
display: block;
width: 100%;
}
.menu__list > li > a:hover{
opacity: 0.7;
}
.menu__list > li > a > span{
display: inline-block;
width: 160px;
}
.menu__ja{
color: #333333;
font-size: 1.4rem;
}
@media screen and (min-width: 1200px) {
.menu {
display: none;
}
}
/* }}} */
/* {{{ commmon pankuzu */
.pankuzuArea{
padding: 10px;
background: #FFFFFF;
}
.pankuzu{
display: inline-block;
background: #E5F2F5;
border-radius: 50px;
padding: 5px 10px;
}
.pankuzu li{
display: inline-block;
font-size: 1.4rem;
font-weight: normal;
}
.pankuzu li a{
font-weight: bold;
color: #349AB5;
}
.pankuzu li a:after{
content: '>';
padding:0 10px;
color: #333333;

}
@media screen and (min-width: 1200px) {
.pankuzuArea{
  padding: 20px;
  width: 100%;
  margin: 30px auto;
}
}
/* }}} */
/* {{{ page-title headline */
.page__title{
text-align: center;
padding: 100px 0 50px 0;
font-size: 3.0rem;
color: #FFFFFF;
text-shadow: 1px 1px 1px #AAAAAA;
font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
}
.page__title span{
font-size: 1.8rem;
}
.headline{
font-size: 3.0rem;
color: #3098B4;
margin: 0 0 30px 0;
text-align: center;
padding: 60px 0 30px 0;
font-family: "Roboto", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
}
.headline span{
font-size: 1.4rem;
color: #333333;
font-weight: bold;
margin: 10px 0 0 0;
}

.headline--service{
background: #FFFFFF;
}
.headline__lowerH2{
font-size: 2.4rem;
border-bottom: solid 2px #349AB5;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
color: #349AB5;
font-weight: bold;
width: 250px;
}
.headline__lowerH2--service{
 width: 100%;
}
.headline__lowerH2--hr{
border-bottom: solid 2px #ff9f2b;
color: #ff9f2b;
}
.headline__lowerH2--con{
border-bottom: solid 2px #23bf72;
color: #23bf72;
}
.headline__lowerH2--company{
 text-align: center;
 padding: 30px 0;
 margin: 0 auto 30px auto;
 display: block;
}
.headline__lowerH2--recruit{
text-align: center;
padding: 30px 0;
margin: 0 auto 30px auto;
display: block;
}
.headline__lowerH2--policy{
 width: 100%;
 display: inline-block;
 padding:30px 0;
}
.lowerH2__span{
  font-size: 1.4rem;
}
.headline__lowerH3{
font-size: 1.6rem;
color: #333333;
font-weight: bold;
padding: 30px 0 10px 0;
}
@media screen and (min-width: 1200px) {
.page__title{
  padding: 200px 0 100px 0;
  font-size: 6.0rem;
}
.headline{
  font-size: 6.0rem;
  padding: 100px 0 50px 0;
}
.headline span{
  font-size: 2.4rem;
}
.headline__lowerH2{
  font-size: 3.0rem;
  border-bottom: solid 4px #349AB5;
  padding: 0 0 50px 0;
  margin: 0 0 50px 0;
}
.headline__lowerH2--hr{
  border-bottom: solid 4px #ff9f2b;
  color: #ff9f2b;
}
.headline__lowerH2--con{
  border-bottom: solid 4px #23bf72;
  color: #23bf72;
}
.headline__lowerH2--company{
 text-align: center;
 padding: 50px 0;
 margin: 0 auto 50px auto;
 display: block;
}
.headline__lowerH2--recruit{
text-align: center;
padding: 50px 0;
margin: 0 auto 50px auto;
display: block;
}
.headline__lowerH2--policy{
  display: inline-block;
  padding: 50px 0;
}
.lowerH2__span{
  font-size: 1.8rem;
}
.headline__lowerH3{
  font-size: 2.0rem;
  color: #333333;
  font-weight: bold;
  padding: 50px 0 10px 0;
}
}
/* }}} */
/* {{{ commmon btn */
.contactBtn{
display: block;
position: absolute;
top: 0;
right: 50px;
z-index: 9;
padding: 18px 12px;
height: 50px;
width: 100px;
font-size: 1.2rem;
line-height: 1.2em;
background: -moz-linear-gradient(left, #3098B4, #2461A7);
background: -webkit-linear-gradient(left, #3098B4, #2461A7);
background: linear-gradient(to right, #3098B4, #2461A7);
}
.contactBtn a{
color: #FFFFFF;
}
.menuBtn {
outline: none;
font-size: 20px;
margin: 0 auto;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
padding: 16px 12px;
height: 50px;
width: 50px;
}
.menuIcon {
display: block;
cursor: pointer;
transition: all 0.2s ease-in;
}
.menuIcon span {
display: block;
width: 25px;
height: 2px;
background: #2B81AE;
margin-bottom: 5px;
transition: all 0.4s ease-out;
}
.menuBtn.open .menuIcon {
transform: rotate(-45deg);
}
.menuBtn.open .menuIcon--bar1 {
transform: rotate(0deg) translateY(7px);
}
.menuBtn.open .menuIcon--bar2 {
opacity: 0;
}
.menuBtn.open .menuIcon--bar3 {
transform: rotate(-90deg) translateX(7px);
}
.more__btn{
display: block;
background: -moz-linear-gradient(left, #3098B4, #2461A7);
background: -webkit-linear-gradient(left, #3098B4, #2461A7);
background: linear-gradient(to right, #3098B4, #2461A7);
max-width: 250px;
text-align: center;
color: #FFFFFF;
padding: 15px 0;
margin: 0 auto;
font-size: 1.8rem;
position: relative;
border: none;
}
.more__btn:hover{
background: -moz-linear-gradient(left, #2461A7, #142d54);
background: -webkit-linear-gradient(left, #2461A7, #142d54);
background: linear-gradient(to right, #2461A7, #142d54);
}
.more__btn_back {
width: 250px;
margin-top: 20px;
background: #b3b3b3;
}
.more__btn_back:hover {
background: #888888;
}
input.more__btn{
width: 250px;
}
.more__btn .right__icon{
position: absolute;
top: 4px;
right: 0px;
}
.back__btn{
border: 1px solid #333333;
padding: 10px 20px;
display: block;
text-align: center;
position: relative;
background: #ffffff;
transition: all 0.3s;
}
.back__btn:hover{
background: #F0F0F0;
}
.back__btn .left__icon{
position: absolute;
top: 0px;
left: 0px;
}
@media screen and (min-width: 1200px) {
.contactBtn{
  display: none;
}
.menuBtn{
  display: none;
}
.back__btn{
  max-width: 250px;
}
}
/* }}} */
/* {{{ commmon pager */
.pagerArea{
margin: 30px auto;
text-align: center;
}
.pager li{
display: inline-block;
margin: 0 20px 0 0;
}
.pager li:last-child{
margin: 0;
}
.pager__btn{
border: 1px solid #444;
padding: 5px 20px;
border-radius: 30px;
background: #FFFFFF;
transition: 0.3s all;
position: relative;
font-size: 1.4rem;
}
.pager__btn:hover{
background: #F0F0F0;
}
.pager__btn_hidden {
border: none;
width: 100px;
}
.pager__btn_hidden:hover {
background: #fff;
}
.pager__btn .right__icon{
position: absolute;
top: -6px;
left: -12px;
}
.pager__btn .left__icon{
position: absolute;
top: -6px;
right: -12px;
}
@media screen and (min-width: 1200px) {
.pagerArea{
  margin: 50px auto;
}
.pager__btn{
  padding: 5px 30px;
  font-size: 1.6rem;
}
.pager__btn_hidden {
  width: 128px;
}
.pager__btn .right__icon{
position: absolute;
top: -6px;
left: -6px;
}
.pager__btn .left__icon{
position: absolute;
top: -6px;
right: -6px;
}
}
/* }}} */
/* {{{ list */
.common__list dl{
width: auto;
max-width: 800px;
margin: 0 auto 30px auto;
}
.common__list dt {
 color: #349AB5;
 font-weight: bold;
 font-size: 1.6rem;
  float: left;
  width: 140px;
  position: relative;
  display: inline-block;
  padding: 0 10px 0 0;
}
.common__list dt.justify{
width:80px;
display: flex;
justify-content: space-between;
}
.common__list dd {
  float: right;
  width: calc(100% - 150px);
}
.news__list{
padding: 10px;
border-bottom: 1px solid #333333;
}
.news__list dl{
width: 100%;
display: table;
padding: 5px 0;
}
.news__list dt,
.news__list dd{
display: table-cell;
}
.news__list dt{
width: 90px;
}
.news__list dd{
width: calc(100% - 90px);
}
.news__list dd a{
border-bottom: 1px solid #FFF;
transition: all 0.3s;
}
.news__list dd a:hover{
border-bottom: 1px solid #444;
}
@media screen and (min-width: 768px) {
.common__list--line dt:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: black;
}
.common__list--line dt:after {
  right: 0;
}
.news__list dt{
width: 120px;
}
.news__list dd{
  width: calc(100% - 130px);
}
}
@media screen and (min-width: 1200px) {
.common__list dt {
  float: left;
  width: 200px;
  font-size: 2.0rem;
  position: relative;
  display: inline-block;
  padding: 0 10px 0 0;
}
.common__list--line dt:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: black;
}
.common__list--line dt:after {
  right: 0;
}
.common__list dt.justify{
width:110px;
display: flex;
justify-content: space-between;
}
.common__list dd {
  float: right;
  width: calc(100% - 250px);
}
.news__list{
  font-size: 2.0rem;
  padding: 20px;
}
.news__list dl{
  padding: 10px 0;
}
.news__list dt{
  width: 140px;
}
.news__list dd{
  width: calc(100% - 140px);
}
}
/* }}} */
/* {{{ top-mainVisualの中身 */
.copy__wrapper{
width: 100%;
height: 250px;
margin: 0 auto;
position: relative;
}
.copyArea{
background: url(images/service01_top.png) center center / cover;
position:absolute;
top: 0;
left: 0;
color: #FFFFFF;
width: 100%;
height: 100%;
font-weight: bold;
}
.copy{
font-size: 1.6rem;
font-weight: bold;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 10;
}
.copySab{
font-size: 1.4rem;
line-height: 1.8em;
}
.copySab br{
display: none;
}
.copySab--title{
font-size: 1.6rem;
font-weight: bold;
position: relative;
}
.copySab--title .right__icon{
fill: #333333;
width: 40px;
position: absolute;
right: 0;
top: -10px;
}
.service__toplink{
width: 100%;
height: 40px;
z-index: 10;
padding: 8px 10px;
background: #f8f8f8;
border-bottom: 1px solid #333333;
}
.bgchange__no1{
position: absolute;
bottom: -40px;
z-index: 10;
border-top: 1px solid #333333;
}
.bgchange__no2{
position: absolute;
bottom: -80px;
z-index: 10;
}
.bgchange__no3{
position: absolute;
bottom: -120px;
z-index: 10;
}
.bgchange__no1:hover ~ .copyArea  {
background: url(images/service01_top.png) center center / cover;
}
.bgchange__no2:hover ~ .copyArea {
background: url(images/service02_top.png) center center / cover;
}
.bgchange__no3:hover ~ .copyArea {
background: url(images/service03_top.png) right center / cover;
}
.newsArea{
background: #FFFFFF;
width: 100%;
margin: 120px auto 0 0;
font-size: 1.4rem;
position: relative;
}
.news__titleArea{
border-bottom: 1px solid #333333;
}
.news__enTitle{
display: inline-block;
background: #333333;
color: #FFFFFF;
padding: 6px 20px;
font-size: 1.8rem;
}
.news__jpTitle{
display: inline-block;
font-size: 1.6rem;
padding: 4px 20px;
}
.news__more{
position: absolute;
top: 6px;
right: 20px;
}
@media screen and (max-width: 320px) {
.copy__wrapper{
height: 100px;
}
}
@media screen and (max-width: 375px) {
.copy__wrapper{
height: 180px;
}
}
@media screen and (min-width: 769px) {
.copy__wrapper{
height: 400px;
}
}
@media screen and (min-width: 1200px) {
.copy__wrapper{
width: 100%;
height: 480px;
margin:-12px auto 0 auto;
}
.copyArea{
width: 100%;
height: 480px;
position: relative;
background: url(images/service01_top.png) center center / cover;
}
.copy{
font-size: 2.0rem;
font-weight: bold;
position: absolute;
bottom: 10px;
left: 10px;
z-index: 10;
}
.copySab--title .right__icon{
fill: #333333;
width: 50px;
position: absolute;
right: 0;
top: -10px;
}
.service__toplink{
width: 33.3333%;
height: 80px;
padding: 25px 15px;
z-index: 10;
background: #FFFFFF;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
}
.service__toplink .copySab--title:hover{
text-decoration: underline;
}
.bgchange__no1{
position: absolute;
 bottom: -80px;
left: 0;
z-index: 10;
}
.bgchange__no2{
position: absolute;
bottom: -80px;
left: 33.33333%;
z-index: 10;
}
.bgchange__no3{
position: absolute;
 bottom: -80px;
left: 66.6666%;
z-index: 10;
border-right: none;
}
.bgchange__no1:hover ~ .copyArea {
background: url(images/service01_top.png) center center / cover;
}
.bgchange__no2:hover ~ .copyArea {
background: url(images/service02_top.png) center center / cover;
}
.bgchange__no3:hover ~ .copyArea {
background: url(images/service03_top.png) center center / cover;
}
.service__toplink .right__icon{
position: absolute;
right: 0;
}
.newsArea{
  width: 100%;
  margin: 80px 0 0 0;
}
.news__enTitle{
display: inline-block;
padding: 10px 20px;
font-size: 2.4rem;
line-height: 1em;
}
.news__jpTitle{
font-size: 2.0rem;
padding: 10px 20px;
line-height: 1em;
}
.news__more{
padding: 5px 0;
font-size: 1.8rem;
right: 30px;
}
}
@media screen and (min-width: 1601px) {
.copy__wrapper{
height: 800px;
}
.copyArea{
height: 800px;
}
}
/* }}} */
/* {{{ top */
.service__box{
max-width: 480px;
margin: 0 auto;
}
.service__toplist{
margin: 0 0 30px 0;
}
.service__linkArea{
display: block;
margin: 0 0 10px 0;
position: relative;
background: -moz-linear-gradient(left, #3098B4, #2461A7);
background: -webkit-linear-gradient(left, #3098B4, #2461A7);
background: linear-gradient(to right, #3098B4, #2461A7);
}
.service__linkArea img{
opacity: 1;
transition: all 0.3s;
}
.service__linkArea:hover img{
opacity: 0.5;
}
.service__title{
display: block;
width: 100%;
text-align: center;
background: #3098B4;
color: #FFFFFF;
font-size: 1.6rem;
padding: 5px 30px;
position: absolute;
bottom: -15px;
left: 0;
font-weight: bold;
}
.service__title--hr{
background: #ff9f2b;
}
.service__title--con{
background: #24bf72;
}
.service__title span{
display: block;
color: #FFFFFF;
}
.service__text{
margin: 10px 0 50px 0;
color: #3098B4;
font-weight: bold;
}
.service__text--hr{
color: #ff9f2b;
}
.service__text--con{
color: #24bf72;
}
.recruit__text br{
display:none;
}
.recruit__background{
background: rgba(255, 255, 255, 0.6);
width: 95%;
margin: 0 auto;
padding: 0 0 60px 0;
}
.recruit__text{
text-align: left;
margin: 0 0 30px 0;
line-height: 2.2em;
}
.company__text br{
display: none;
}
.company__list{
width:auto;
max-width: 480px;
margin: 30px auto;
}
.company__linkArea{
display: block;
position: relative;
margin: 0 0 60px 0;
opacity: 1;
background: -moz-linear-gradient(left, #3098B4, #2461A7);
background: -webkit-linear-gradient(left, #3098B4, #2461A7);
background: linear-gradient(to right, #3098B4, #2461A7);
}
.company__linkArea img{
opacity: 1;
transition: all 0.3s;
}
.company__linkArea:hover img{
opacity: 0.7;
}
.company__title{
background: #3098B4;
color: #FFFFFF;
font-size: 1.6rem;
padding: 5px 50px;
position: absolute;
bottom: -15px;
left: 0;
font-weight: bold;
transform:skewX(-30deg);
}
.company__title span{
display: block;
transform:skewX(30deg);
color: #FFFFFF;
}
.company__text{
text-align: left;
line-height: 2.2em;
}
.service__toplist p{
margin: 25px 0 0 0;
}
@media screen and (min-width: 1200px) {
.service__box{
width: 1200px;
max-width: 1200px;
margin: 0 auto 50px 0;
}
.service__toplist{
float: left;
width: calc(33.333% - 40px);
margin: 0 60px 0 0;
}
.service__list--margin{
margin: 0 0 0 0;
}
.recruit__background{
width: 1200px;
margin: 0 auto;
padding: 0 0 100px 0;
}
.recruit__text{
  text-align: center;
  margin: 0 0 50px 0;
}
.recruit__text br{
display: block;
}
.company__list{
width: 1200px;
max-width: 1200px;
margin: 50px auto;
}
.company__linkArea{
float: left;
width: 260px;
margin: 0 50px 0 0;
}
.company__linkArea:last-child{
  margin: 0;
}
.company__text{
text-align: center;
}
.company__text br{
display: block;
}
}
/* }}} */
/* {{{ news Only */
.news__article{
}
.news__articleTitle{
font-size: 2.4rem;
margin: 0 0 10px 0;
}
.news__articleDate{
margin: 0 0 30px 0;
}
.news__articleContent p{
margin: 0 0 30px 0;
}
.news__articleContent a{
text-decoration: underline;
color: #4287f5;
}
@media screen and (min-width: 1200px) {
.news__articleTitle{
  font-size: 3.0rem;
}
.news__articleDate{
  margin: 0 0 50px 0;
}
.news__articleContent p{
  margin: 0 0 50px 0;
  line-height: 2.0em;
}
}
/* }}} */
/* {{{ service Only */
.service__wrap{
max-width: 460px;
width: auto;
margin: 0 auto;
padding: 60px 20px 0 20px;
}
.service__wrap--top{
padding: 0 20px 0 20px;
}
.service__listItem{
max-width: 460px;
width: auto;
margin: 0 0 30px 0;
}
.service__listItem > p{
font-weight: normal;
color: #333333;
}
.service__listLink > span{
opacity: 1;
border: 1px solid #3098B4;
color: #3098B4;
display: block;
padding: 20px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
/* font-size: 1.1em; */
font-size: 0.96em;
}
.service__listLink--hr > span{
border: 1px solid #ff9f2b;
color: #ff9f2b;
background: #FFFFFF;
}
.service__listLink--con > span{
border: 1px solid #24bf72;
color: #24bf72;
}
.service__listLinkWrap {
position: relative;
text-align: right;
margin-top: 10px;
font-size: 16px;
}
.service__listLinkWrap > a {
line-height: 40px;
margin-right: 40px;
}
.service__listLinkWrap > a:hover {
text-decoration: underline;
}
.service__listLinkIcon {
position: absolute;
width: 40px;
right: 0;
}
.service__img{
border: 1px solid #3098B4;
margin: 10px 0 0 0;
}
.service__img--hr{
border: 1px solid #ff9f2b;
}
.service__img--con{
border: 1px solid #24bf72;
}
@media screen and (min-width: 1200px) {
.service__wrap{
max-width: 960px;
width: 100%;
margin: 0 auto;
padding: 100px 0 0 0;
}
.service__wrap--top{
padding: 0;
}
.service__titleBox{
  width: 50%;
  float: left;
}
.service__img{
  float: right;
  width: 40%;
  margin: 0;
}
.service__list{
max-width: 1200px;
margin: 0 auto 50px 0;
}
.service__listItem{
margin: 0 40px 50px 0;
float: left;
}
.service__listItem:nth-child(2n){
margin: 0 0 50px 0;
}
}
/* }}} */
/* {{{ recruit Only */
.recruit__box p{
margin: 0 0 30px 0;
}
.recruit__boxList{
 margin: 0 0 30px 0;
}
.recruit__box br{
display: none;
}
.recruit__list li{
margin: 0 0 0 0;
border-top: solid 1px #3098B4;
cursor: pointer;
}
.recruit__list li:last-child{
border-bottom: solid 1px #3098B4;
}
.recruit__list h3{
padding: 20px 0;
font-size: 1.8rem;
font-weight: bold;
color: #333333;
position: relative;
}
.recruit__list h3:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 10px;
margin: -12px 0 0 0;
border-right: solid 2px #3098B4;
border-bottom: solid 2px #3098B4;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.recruit__info{
display: none;
}
@media screen and (min-width: 1200px) {
.recruit__box p{
margin: 0 0 50px 0;
}
.recruit__boxList{
margin: 0 0 50px 0;
}
.recruit__box br{
display: block;
}
.recruit__list h3{
font-size: 2.4rem;
padding: 30px 0;
}
}
/* }}} */
/* {{{ company only */
.company__linkList{
  text-align: center;
  margin: 30px 0 10px 0;
}
.company__linkList > li{
  display: inline-block;
  margin: 0 3px;
}
.company__linkList > li > a{
  display: inline-block;
  border: 1px solid #349AB5;
  padding: 5px 10px;
  color: #349AB5;
  transition: all 0.5s;
}
  .company__linkList > li > a:hover{
  background: #349AB5;
  color: #FFFFFF;
  }
.branch__list{
  margin: 0 auto 30px auto;
  max-width: 400px;
}
.branch__name{
  font-size: 1.6rem;
  font-weight: bold;
  color: #3098B4;
}
.branch__map{
  width: 100%;
  height: 200px;
}
.branch__mapframe{
  width: 100%;
  height: 200px;
}
@media screen and (min-width: 500px) {
.branch__map{
  width: 400px;
  height: 200px;
}
.branch__mapframe{
  width: 400px;
  height: 200px;
}
}
@media screen and (min-width: 1200px) {
.branch__list{
  max-width: 1200px;
}
.company__linkList{
  text-align: center;
  margin: 50px 0 20px 0;
}
.company__linkList > li > a{
  padding: 5px 30px;
}
.branch__list{
  margin: 0 0 30px 0;
  max-width: auto;
}
.branch__info{
  float: left;
}
.branch__name{
  font-size: 2.0rem;
}
.branch__map{
  float: right;
}
}
/* }}} */
/* {{{ contact only */
.contact__list{
margin: 0 0 30px 0;
}
.contact__list li{
padding: 0 0 10px 0;
}
.contact__title{
font-size: 1.6rem;
font-weight: bold;
}
.contact__must{
display: inline-block;
font-size: 1.4rem;
color: #FFFFFF;
background: #3098B4;
padding: 0px 10px;
margin-right: 10px;
}
.contact__list input,
.contact__list textarea{
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: #F4F4F4;
width: 100%;
max-width: 500px;
padding: 10px 20px;
}
.contact__list input::placeholder
.contact__list textarea::placeholder{
color: #B2AFAF;
}
.contact__privacy{
font-size: 1.4rem;
width: 100%;
height: 300px;
overflow: scroll;
border: 1px solid #333333;
padding: 10px;
margin: 30px 0;
}
.contact__accept{
margin: 30px 0;
text-align: center;
}
.contact__caution{
list-style: disc;
padding: 0 0 0 20px;
margin: 30px auto;
}
@media screen and (min-width: 1200px) {
.contact__list{
  margin: 0 0 50px 0;
}
.contact__list input,
.contact__list textarea{
  font-size: 1.6rem;
}
.contact__list textarea{
  max-width: 100%;
  height: 200px;
}
.contact__title{
font-size: 1.8rem;
}
.contact__privacy{
  margin: 50px 0;
}
.contact__accept{
  margin: 50px 0;
  text-align: center;
}
.contact__caution{
font-size: 1.4rem;
margin: 50px auto;
}
}
/* }}} */
/* {{{ PP only */

.content--policy{
font-size: 1.4rem;
}
.content--policy dl{
padding: 30px 0;
}
.privacy__company{
text-align: right;
}
.privacy__box{
margin: -30px 0 0 0;
}
.privacy__box dt{
display: inline-block;
width: 150px;
}
.privacy__box dd{
display: inline-block;
width: calc(100% - 170px);
}
.privacy__table{
border: 1px solid #333333;
margin: 0 0 50px 0;
}
.privacy__table tr td,
.privacy__table tr th{
border: 1px solid #333333;
padding: 10px;
}
.privacy__tableName{
width: 20%;
}
.privacy__tableGet{
width: 20%;
}
.privacy__tablePurpose{
}
@media screen and (min-width: 1200px) {
  .content--policy{
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}

.news__articleContent b {
  font-weight: bold
}
.news__articleContent strong {
  font-weight: bold
}
.news__articleContent h1 {
  font-size: 3.0rem;
  font-weight: bold;
}
.news__articleContent h2 {
  padding: 8px 0 8px 12px;
  border-left: solid 4px #ddd;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 56px 0 40px 0;
  line-height: 1.5;
}
.news__articleContent h3 {
  padding: 6px 0;
  border-bottom: solid 2px #ddd;
  margin: 48px 0 32px 0;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
}

.displayFlex {
  display: flex;
  justify-content: left;
}
.displayFlexCenter {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.displayFlexCenter > div {
  margin: 0 10px;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* img.alignleft,
img.alignright {
	float: none;
	margin: 0;
} */

@media screen and (max-width: 600px) {
  img.alignright {
    float: right;
    margin-left: 1.5em;
  }
  .entry-content blockquote.alignleft,
  .entry-content blockquote.alignright {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

/* トップ > 事業内容 > 医療関連BPOサービス・介護関連BPOサービス・医療関連BPOサービス */
.service__lower {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.service__lower .pc {
	display: none;
}
.service__lower .sp {
	display: inherit;
}
@media screen and (min-width: 1200px) {
  .service__lower .pc {
		display: inherit !important;
	}
  .service__lower .sp {
		display: none !important;
	}
}

.service__lower {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.service__lower > p {
  font-weight: normal;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service__lower > p {
    text-align: left;
    width: 900px;
  }
}

.service__lower > .case {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case {
    margin-top: 60px;
  }
}

.service__lower > .case h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #3098B4;
  font-weight: bold;
}

.service__lower > .case h2 span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

.service__lower > .case h2 span::before,
.service__lower > .case h2 span::after {
  background-color: #3098B4;
  content: "";
  height: 2px;
  width: 82px;
}

.service__lower > .case h2 span::before {
  margin-right: 10px;
}
.service__lower > .case h2 span::after {
  margin-left: 10px;
}

.service__lower > .case h2 span em {
  font-size: 24px;
}

.service__lower > .case h2 strong {
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case h2 strong {
    font-size: 18px;
  }
}

.service__lower > .case h2 + p {
  font-weight: normal;
  margin: 20px auto;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case h2 + p {
    max-width: 700px;
    margin: 20px auto 40px;
  }
}

.service__lower > .case .flex {
  display: block;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case .flex {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
}

.service__lower > .case .flex figure {
  margin: 20px auto;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case .flex figure {
    flex-shrink: 0;
    margin: 0 60px 0 0;
  }
}

.service__lower__iryou > .case figure {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service__lower__iryou > .case figure {
    width: 735px;
  }
}

.service__lower__kaigo > .case figure {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service__lower__kaigo > .case figure {
    width: 682px;
  }
}

.service__lower__iyakuhin > .case:nth-of-type(1) .flex figure {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case:nth-of-type(1) .flex figure {
    width: 146px;
  }
}

.service__lower__iyakuhin > .case:nth-of-type(2) .bg {
  background: #FFFDE9;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case:nth-of-type(2) .bg {
    padding: 40px 0;
  }
}

.service__lower__iyakuhin > .case:nth-of-type(3) .flex figure {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case:nth-of-type(3) .flex figure {
    width: 437px;
  }
}

.service__lower__iyakuhin > .case .flex figcaption {
  width: 100%;
}

.service__lower__iyakuhin > .case .flex figcaption p {
  font-weight: normal;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case .flex figcaption p {
    text-align: left;
  }
}

.service__lower__iyakuhin > .case .flex figcaption dl {
  margin-top: 20px;
}

.service__lower__iyakuhin > .case:nth-of-type(1) .flex figcaption dl dt {
  font-weight: normal;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case:nth-of-type(1) .flex figcaption dl dt {
    text-align: left;
  }
}

.service__lower__iyakuhin > .case:nth-of-type(1) .flex figcaption dl dd {
  font-weight: normal;
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 1em;
}

.service__lower__iyakuhin > .case:nth-of-type(1) .flex figcaption dl dd::before {
  content: "・";
}


.service__lower__iyakuhin > .case:nth-of-type(3) .flex figcaption dl dt {
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 1em;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case:nth-of-type(3) .flex figcaption dl dt {
    text-align: left;
  }
}

.service__lower__iyakuhin > .case:nth-of-type(3) .flex figcaption dl dt::before {
  content: "・";
}

.service__lower__iyakuhin > .case:nth-of-type(3) .flex figcaption dl dd {
  font-weight: normal;
  line-height: 1.5;
  text-indent: -1em;
  margin-left: 2em;
}

.service__lower__iyakuhin > .case:nth-of-type(3) .flex figcaption dl dd::before {
  content: "-";
}

.service__lower > .case aside {
  border: 1px #000 dotted;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  text-align: center;
  min-width: 100%;
  padding: 20px;
  margin-top: 20px;
}
@media screen and (min-width: 1200px) {
  .service__lower > .case aside {
    min-width: 530px;
    margin-top: 40px;
  }
}

.service__lower__iyakuhin > .case .bg aside {
  background: #fff;
  width: calc(100% - 40px);
  min-width: auto;
}
@media screen and (min-width: 1200px) {
  .service__lower__iyakuhin > .case .bg aside {
    width: auto;
    min-width: 530px !important;
  }
}