/*-------body-------*/
 
body {
	padding: 0;
	margin: 0 auto;
	border: 0 none;
    color: #333333;
    font-family: 'Nunito',"游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}

.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5*/
	height: auto;
	overflow: hidden;
	/**/
}

a {text-decoration: none; color: #2f373a;}
a:hover {/*color: #00b7ff;*/ -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.clear {clear:both;}

/* 全てに適用 */
.contents {letter-spacing: 2px; line-height: 1.5em; display: grid; color: #2f373a; font-size: 15px; width: 1050px; margin: 0 auto;}
.right {float: right}
.left {float: left;}
.sp-zone {display: none;}
.pc-zone {display: block;}

/* ヘッダーに適用 */
header {width: 100%;}


header .sp-navi {display: none;}



body {max-width: 1600px; margin: auto;}
header {font-size: 18px; border-bottom: 1px solid #efefef; position: fixed; top: 0; left: 0; z-index: 999; background: #fff;}
header img {width: 100%; height: auto;}
header .header-flex {display: flex; align-items: center;}
header .head-area {overflow-y: hidden; width: 98%; padding-left: 2%; display: flex; height: 100px; justify-content: space-between; align-items: center;}
header .head-area h1 {width: 120px; /*margin: 30px 0;*/}
header .head-area ul {display: flex;}
header .head-area ul li {margin-left: 35px; font-weight: bold; cursor: pointer;}
header .head-area ul li a {font-weight: bold;}
header .head-area .contactbtn {width: 205px; margin-left: 35px;}
header .head-area .contactbtn a {clip-path: polygon(30% 0%, 100% 0, 100% 100%, 0% 100%); position: relative; display: block; text-align: center; padding: 25px 5px 25px 35px; font-weight: bold; color: #fff; background: #5272db;}
header .head-area .contactbtn a span {width: 35px; display: block; margin: auto auto 10px auto;}

footer {width: 100%;}
footer a {display: block;}
footer .footer-area {padding: 45px 0; text-align: center; font-size: 16px; background: #eef0f2; text-align: center;}
footer .footer-area h1 {width: 133px; font-weight: bold; color: #fff; margin-bottom: 25px;}
footer .footer-area h1 img {width: 100%; height: auto;}
footer .footer-area h1 a {color: #fff;}
footer .footer-area .copy {color: #fff; font-weight: bold; font-size: 12px;}
footer .footer-area ul {display: flex; justify-content: center; width: 100%;}
footer .footer-area ul li {margin: 0 20px 10px 0px; width: 160px; text-align: left;}
footer .footer-area ul li .submenu {display: block; margin-bottom: 0; margin-top: 10px;}
footer .footer-area ul li .submenu li {text-align: left;}
footer .footer-area ul li .submenu li a {border-bottom: 0px solid #fff; font-size: 13px; font-weight: normal;}
footer .footer-area ul li .submenu li a:before {content: "・"; margin-right: 0px;}
footer .footer-area ul li a {font-size: 16px; display: block; font-weight: bold; color: #555555; border-bottom: 1px solid #85c5e6; padding-bottom: 5px; margin-bottom: 10px;}
footer .footer-area .flex-area {width: 96%; margin: auto;}
footer .footer-area ul.main {justify-content: right;}



header .head-area ul li.submenu {display:none; box-shadow: 0px 5px 5px rgb(0 0 0 / 15%);}
header .head-area ul li.submenu {width: 90%; padding: 1% 5%; max-width: 1600px; margin: auto; position: absolute; top: 100px; left: 0; background: #fff; z-index: 999;}
header .head-area ul li.submenu ul {display: flex; justify-content: space-around; margin: auto; width: 80%;}
header .head-area ul li.submenu li {text-align: center; margin-top: 0; margin-left: 0;}
header .head-area ul li.submenu li a {font-size: 15px; display: block;}
header .head-area ul li.submenu li img {width: 100%; max-width: 50px; margin: auto auto 10px auto; display: block;}



/* トップページ */
.top-wrap {margin-top: 100px; font-size: 15px; line-height: 1.5em; overflow-x: hidden;}
.top-wrap img {width: 100%; height: auto;}
.top-wrap .slide-area {width: 100%; position: relative; overflow: hidden;}
.top-wrap .slide-area .bx-controls {display: none;}
.top-wrap .slide-area .sitetitle {display: none; position: absolute; z-index: 99; top: 0; left: 0; width: 58%;}
.top-wrap .slide-area ul {}
/*
.top-wrap .slide-area ul li {height: 470px;}
.top-wrap .slide-area ul li.slide01 {width: 100%; background: url(../images/slide01.png) no-repeat top right; background-size: 75%;}
.top-wrap .slide-area ul li.slide02 {width: 100%; background: url(../images/slide02.png) no-repeat top right; background-size: 75%;}
*/
.top-wrap .news-area {width: 100%; background: #5272db; position: relative;}
/*.top-wrap .news-area:after {content: ""; display: block; background: #5272db; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}*/
.top-wrap .news-area ul {width: 100%; display: flex; justify-content: left; /*background: #5272db;*/ color: #fff;}
.top-wrap .news-area ul li {background: #fff; width: calc(100% / 3);}
.top-wrap .news-area ul li a {color: #fff; font-size: 15px; background: #5272db; padding: 20px 0; font-weight: bold; display: block; position: relative; width: 90%; padding-right: 10%; clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);}
.top-wrap .news-area ul li:nth-child(1) {clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); padding-right: 4.5%;}
.top-wrap .news-area ul li:first-child a {width: 88%; padding-left: 15%;}

.top-wrap .news-area ul li:nth-child(2) {clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%); padding-right: 4.5%;}
.top-wrap .news-area ul li:nth-child(2) a {width: 88%; padding-left: 15%;}

.top-wrap .news-area ul li:nth-child(3) {background: #5272db;}
/*
.top-wrap .news-area ul li:nth-child(2) a {clip-path: polygon(12% 0, 100% 0, 88% 100%, 0% 100%); padding-left: 15%; width: 88%;}
*/
.top-wrap .news-area ul li:nth-child(3) a {clip-path: polygon(13.7% 0, 100% 0, 100% 100%, 0% 100%); width: 75%; padding-left: 15%;}
.top-wrap .news-area ul li a .topics {font-size: 12px; line-height: 1.2em; /*margin-bottom: 10px;*/ color: #cccccc; font-weight: bold; display: block;}
.top-wrap .news-area ul li a .linkbtn {display: block; font-size: 12px; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #fff; width: 55px; position: absolute; bottom: 20px; right: 12%; text-indent: -9999px;}
.top-wrap .news-area ul li a .linkbtn:before {position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 0 13px; bottom: 0; right: 0; border-color: transparent transparent transparent #fff;}
.top-wrap .news-area ul li a .linkbtn {}
.top-wrap .wrap-content {margin-top: 120px; margin-bottom: 200px;}
.top-wrap .wrap-content h2 {text-align: center; font-weight: bold; font-size: 42px; color: #cccccc; margin-bottom: 35px;}
.top-wrap .wrap-content h2.tree span:after {width: 10%;}
.top-wrap .wrap-content h2 span {display: inline-block; color: #333333; margin-right: 80px; position: relative;}
.top-wrap .wrap-content h2 span::first-letter {color: #5272db;}
.top-wrap .wrap-content h2 span:after {content: ''; position: absolute; top: 50%; display: inline-block; width: 25%; height: 3px; right: -70px; background-color: #85c5e6; -webkit-transform: rotate(-60deg); transform: rotate(-60deg);}
.top-wrap .wrap-content .read {margin-bottom: 35px; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.7em;}
.top-wrap .wrap-content .content {}
.top-wrap .wrap-content .company-content {}
.top-wrap .wrap-content .company-content ul {width: 100%;}
.top-wrap .wrap-content .company-content ul li {position: relative; width: 49.5%;}
.top-wrap .wrap-content .company-content ul li a {display: block; position: relative; width: 100%; overflow: hidden;}
.top-wrap .wrap-content .company-content ul li img {width: 70%; margin-left: 40%;}
.top-wrap .wrap-content .txtarea {clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%); width: 50%; height: 80%; padding: 10.1% 20% 0 4%; position: absolute; top: 0; background: #5272db;}
.top-wrap .wrap-content .txtarea:after {content: ""; display: inline-block; width: 190%; height: 10px; background-color: #fff; -webkit-transform: rotate(-63deg); transform: rotate(-60.5deg);}



.top-wrap .wrap-content .company-content ul li:nth-child(2) .txtarea:after {content: "";
    display: inline-block;
    width: 197%;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(-63deg);
    transform: rotate(-60.5deg);}


.top-wrap .wrap-content .txtarea h3 {font-size: 15px; color: #85c5e6; font-weight: bold; margin-bottom: 20px;}
.top-wrap .wrap-content .txtarea h3 span {font-size: 24px; color: #fff; display: block; margin-bottom: 5px;}
.top-wrap .wrap-content .txtarea p {color: #fff; font-size: 1vw;}
.top-wrap .wrap-content .linkbtn {display: block; font-size: 12px !important; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #fff; width: 55px; position: relative; text-align: right; margin: 30px 57px auto auto;}
.top-wrap .wrap-content .linkbtn:before {position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 0 0 13px; bottom: 0; right: 0; border-color: transparent transparent transparent #fff;}
.top-wrap .wrap-content .linkbtn span {position: absolute; top: -10px; left: -120%; color: #fff;}
.top-wrap .wrap-content .business-content {width: 100%; position: relative;}
.top-wrap .wrap-content .business-content .photo {width: 55%;}
.top-wrap .wrap-content .business-content .text {position: absolute; top: 50%; /*right: 5%; width: 45%;*/ right: 0%; width: 38%; font-size: 15px; transform: translate(-50%, -50%); -webkit-transform: translate(7%, -50%); -ms-transform: translate(-50%, -50%);}
.top-wrap .wrap-content .business-content .text .btnarea {margin: 30px auto auto 10px; display: block; background: #5272db; width: 280px; padding: 15px 0;}
.top-wrap .wrap-content .business-content .text .linkbtn {margin: 0px 57px auto auto;}
.list-content {}
.list-content ul {width: 90%; margin: auto; justify-content: space-between; display: flex;}
.list-content ul li {width: 30%; position: relative; margin-bottom: 5%;}
.list-content ul.employeelist {justify-content: center;}
.list-content ul.employeelist li {width: 25%; margin: 0 5% 5% 5%;}


.list-content ul li .text {box-shadow: 0 0 10px #ccc; width: 90%; padding: 5% 2%; position: absolute; bottom: -6%; right: 0; background: #fff;}
.last-content .list-content ul li .text {padding: 5% 2%;}
.list-content ul li .text span {display: block;font-size: 12px;}
.top-wrap .wrap-content .list-content .linkbtn {position: absolute; border-bottom: 1px solid #333; bottom: 12%; right: 5%; margin: 0;}
.top-wrap .wrap-content .list-content .linkbtn:before {border-color: transparent transparent transparent #333;}

#employee .list-content ul {justify-content: center;}
#employee .list-content ul li {margin: 0 5% 10% 5%; /*margin-bottom: 10%;*/}
.list-content ul li a {font-size: 20px !important;}
.list-content ul li .text span {font-size: 15px !important;}

.top-wrap .content {}






/* 下層ページに共通 */
.flex-area {display: flex; justify-content: space-between;}
.wrap.pagewrap {line-height: 1.7em; margin: 100px auto auto auto; width: 100%; color: #4c4c4c; font-size: 14px;}
.wrap.pagewrap h1 {}
.wrap.pagewrap h2 {}
.wrap.pagewrap h3 {}
.wrap.pagewrap .content {width: 100%; margin: auto auto 100px auto;}
.wrap.pagewrap .content .read {}
.wrap.pagewrap .content .read span {}
.wrap.pagewrap .flex-area {display: flex; justify-content: space-between;}

.title-area h1 {font-size: 20px; color: #fff; font-weight: bold; height: 100px; padding: 20px 11%; background: url(../images/bb.png) no-repeat top right; /*background: #efefef;*/ }
.title-area h1 span {display: block; font-size: 60px; font-family: Impact,Charcoal; margin-bottom: 10px;}

.page-content {width: 90%; max-width: 1000px; margin: 60px auto 150px auto; line-height: 1.5em;}
.page-content img {width: 100%; height: auto;}
.page-content strong {font-weight: bold;}
.page-content .content {margin-bottom: 100px;}
.page-content .content .read {margin-bottom: 100px; font-size: 18px; line-height: 1.5em; margin-bottom: 100px;}
.page-content .content .read span {font-weight: bold; margin-bottom: 10px; display: block;}
/*.page-content .content h2 {font-size: 24px; color: #5272db; font-weight: bold; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #85c5e6;}*/
.page-content .content h2 {
	margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #85c5e6;
    font-size: 38px;
    font-weight: bold;
    color: #5272db;
    line-height: 1.3;
}
.page-content .content h3 {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.page-content .content .ntitle {background: #e7f1ff;}
/*
.page-content .content .ntitle {background: #e7f1ff;}
.page-content .content .ntitle h3 {color: #fff; font-size: 18px;font-weight: bold; margin-bottom: 10px; display: block; clip-path: polygon(0% 0%, 80% 0, 65% 100%, 0% 100%); background: #5272db; width: 50%; padding: 10px;}
*/
.page-content .content .table-area {}
.page-content .content .table-area .area {justify-content: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef;}
.page-content .content .table-area .area02 {justify-content: left; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #efefef;}
.page-content .content .table-area .area .gmap {margin-top: 30px;}
.page-content .content .table-area .area .gmap iframe {width: 100%;}
.page-content .content .table-area .area:last-child {border-bottom: none;}
.page-content .content .table-area .area .tabletitle {width: 35%;}
.page-content .content .table-area .area .tabletext {width: 65%; text-align: justify;}
.page-content .content .text-area {margin-bottom: 30px;}

/* パンくず */
.title-area #breadCrumb {display: flex; justify-content: left; margin-top: 100px; padding: 10px 5%; background: #4c8fe7;}
.title-area #breadCrumb li {color: #fff; font-size: 12px; font-weight: bold;}
.title-area #breadCrumb li:after {content: '>'; margin: 0 10px; color: #fff;}
.title-area #breadCrumb li:last-child:after {content: ''; margin: 0 0px;}
.title-area #breadCrumb li a {color: #fff;}









.basiczone {}
#basic {/*background: #85c5e6;*/}
#basic img {width: 100%; height: auto;}
#basic .basiczone {display: none; padding: 5%; background: #fff; width: 80%; margin: 5% auto 5% auto;}
#basic .basiczone .title {}
#basic .basiczone .title span {display: block; margin-bottom: 1%; font-size: 32px; margin-top: 3%; text-align: center; font-weight: bold;}
#basic .basiczone .title h1 {max-width: 500px; width: 50%; margin: auto;}
#basic .basiczone .content {}
#basic .basiczone .content h2 {font-size: 21px; text-align: center; margin-bottom: 10%;}
#basic .basiczone .content h2 span {color: #ff0000;}

#basic .basiczone .flex-area {font-size: 15px; width: 90%; margin: auto auto 10% auto;}
#basic .basiczone .flex-area:last-child {margin-bottom: 0;}
#basic .basiczone .flex-area h3 {font-size: 18px; font-weight: bold; width: 20%; line-height: 1.5em;}
#basic .basiczone .flex-area {display: flex; justify-content: space-between;}
#basic .basiczone .flex-area .text-area {width: 85%;}
#basic .basiczone .flex-area .text-area p {padding-bottom: 1%; margin-bottom: 3%; border-bottom: 1px solid #efefef; line-height: 1.5em;}
#basic .basiczone .flex-area .text-area p span {font-weight: bold; display: inline-block; margin-right: 5%;}
#basic .basiczone .flex-area .text-area p span.txt {font-weight: normal;}




/* company */
#company .page-content .content {}
#company .page-content .table-area.content.flex-area {}
#company .page-content .table-area.content.flex-area .text-area {width: 65%;}
#company .page-content .table-area.content.flex-area .photo {width: 30%;}

#company .page-content .content.table-area .flex-area .text-area {width: 50%;}
#company .page-content .content.table-area .flex-area .photo {width: 45%;}


/* section */
#section .flex-area {}
#section .flex-area .text-area {width: 50%;}
#section .flex-area .text-area.position {font-size: 20px;line-height: 1.7em;}
#section .flex-area .photo {width: 45%;}
#section .table-area {padding: 2%; border: 1px solid #5272db;}


/* recruit */
#recruit .page-content .content.rearea {padding: 3%; background:#dcebff;}
#recruit .page-content .content.rearea .read {margin-bottom: 5%;}
#recruit .page-content .content.rearea h2 {border-bottom: 1px solid #fff;}
#recruit .page-content .content.rearea h3 {border-bottom: 1px solid #fff; padding-bottom: 5px;}
#recruit .page-content .content.rearea .text-area {margin-bottom: 0;}
#recruit .page-content .content.rearea .text-area .area {margin-bottom: 30px;}
#recruit .page-content .content.rearea .text-area .area:last-child {margin-bottom: 0px;}
/*
#recruit .page-content .content.rearea .text-area {width: 65%;}
#recruit .page-content .content.rearea .photo {width: 30%;}
*/
#recruit .page-content .content.rearea .text-area {width: 100%;}
#recruit .page-content .content.rearea .photo {width: 30%; display: none;}


#recruit .rewelfarelist {font-weight: bold;}

#recruit .rewelfarelist span.list {
    width: 220px;
    padding: 5px 0 0;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    vertical-align: top;
    border-right: solid 1px #d2d7e1;
    margin-right: 30px;
    display: inline-block;
    margin-bottom: 30px;
}
#recruit .rewelfarelist span.tlistable {display: inline-block;}




/* welfare */
.welfare-list ul {flex-wrap: wrap;}
.welfare-list ul li {width: 48%; margin-bottom: 2%; font-weight: bold; padding: 0 0 1% 0; background: #dcebff; text-align: center;}
.welfare-list01 ul li:first-child h3 {margin-bottom: 30px;}
.welfare-list01 ul li:nth-child(3) h3 {margin-bottom: 20px;}
.welfare-list01 ul li:nth-child(4) h3 {margin-bottom: 20px;}
.welfare-list02 ul li:nth-child(2) h3 {margin-bottom: 20px;}
.welfare-list ul li p.list {margin-bottom: 20px;}
.welfare-list ul li p.list:last-child {margin-bottom: 0px;}
.welfare-list ul li h3 {background: #5272db; padding: 20px 0; color: #fff; text-align: center;}
.welfare-list ul li span.nom {line-height: 1em; font-size: 4vw; font-family: Impact,Charcoal; display: inline-block; margin: 0 5px; color: #ffa600;/* #ff0086 */}
.welfare-list02 ul li:first-child {width: 100%;}
.welfare-list02 ul li:first-child .flex-area {    width: 100%;
    margin: 30px auto auto auto;}
.welfare-list02 ul li:first-child .flex-area .list {width: 30%;}
.welfare-list02 ul li:first-child .flex-area .list strong {font-size: 18px; margin-bottom: 10px; color: #ff0000;}
.welfare-list ul li:last-child strong {font-size: 18px; color: #ff0000;}
.welfare-list ul li:last-child h3 {}
.page-content .content .welfare-list h3 {font-size: 24px;}

.welfare-list.welfare-list02 ul li {}
.welfare-list.welfare-list02 ul li {background: #fff;}
.welfare-list.welfare-list02 ul li img {width: 50%; margin: auto auto 20px auto; }
.welfare-list.welfare-list02 ul li strong {display: block;}

.welfare-list02 ul li:first-child .flex-area .list {padding-top: 3%; background: #dcebff; padding-bottom: 3%;}
.welfare-list02 ul li:first-child .flex-area .list:nth-child(1) {margin-bottom: 0;}
.welfare-list02 ul li:first-child .flex-area .list:nth-child(2) {margin-bottom: 0;}




/* safety */
#safety .table-area {padding: 2%; border: 1px solid #5272db;}
#safety .safetytable-area {margin-bottom: 30px; position: relative;}
#safety .safetytable-area table {width: 100%;}
#safety .safetytable-area table .bold {font-weight: bold;}
#safety .safetytable-area table ,#safety .safetytable-area td,#safety .safetytable-area th {
  border: 2px solid #dfeeff;
  border-collapse: collapse;
}
#safety .safetytable-area td,#safety .safetytable-area th {
  width: 18%;
  padding: 1%;
  height: auto;
}
#safety .safetytable-area th {
  background: #f0e6cc;
}
#safety .safetytable-area .even {
  background: #fbf8f0;
}
#safety .safetytable-area .odd {
  background: #fefcf9;
}
#safety .safetytable-area tr:nth-child(1) {background: #5272db; color: #fff; border: 2px solid #5272db; border-top: 2px solid #dfeeff;}
#safety .safetytable-area td:nth-child(1) {width: 2%; display: table-cell; vertical-align: middle;}
#safety .safetytable-area td:nth-child(2) {width: 10%; display: table-cell; vertical-align: middle;}
#safety .safetytable-area td:nth-child(3) {width: 40%;}

#safety .photo-area .flex-area {justify-content: left;}
#safety .photo-area .flex-area li {width: 32%; margin-bottom: 3%; margin-right: 2%;}
#safety .photo-area .flex-area li:last-child {margin-right: 0;}
#safety .page.wrapcontent .page-content .flex-area .text-area h3 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}

#safety .photo-area .flex-area.clm3 li:last-child {margin-right: 0; width: 35%;}


/*
#safety .safetytable-area td:nth-child(2) {border-right: 2px solid #ff0000;}
#safety .safetytable-area td:nth-child(3) {border-top: 2px solid #ff0000;}
#safety .safetytable-area td:nth-child(4) {border-top: 2px solid #ff0000;}
#safety .safetytable-area td:nth-child(5) {border-top: 2px solid #ff0000; border-right: 2px solid #ff0000;}
*/
.bottom-b {border-bottom: 2px solid #ff0000 !important; position: relative;}



/* work-environment */
#work-environment .table-area {padding: 2%; border: 1px solid #5272db; margin-bottom: 30px;}
#work-environment .page-content .content .read {margin-bottom: 30px;}


.page-content .content.btn-area {margin-top: 100px;}
.page-content .content.btn-area ul  {}
.page-content .content.btn-area ul li {width: 21%; text-align: center;}
.page-content .content.btn-area ul li a  {display: block; width: 100%; padding: 15px 0; font-weight: bold; color: #fff; background: #5272db;}



/* empioyee */
#employee .list-content ul {width: 100%; flex-wrap: wrap;}
#employee .flex-area.single {}
#employee .flex-area.single .text-area {width: 65%;}
#employee .flex-area.single .text-area .title {font-size: 24px; line-height: 1.7em; color: #5272db; font-weight: bold; margin-bottom: 30px; padding-bottom: 5px; border-bottom: 1px solid #85c5e6;}
#employee .flex-area.single .text-area .area {}
#employee .flex-area.single .photo {width: 25%;}
#employee .flex-area.single .photo h2 {
	text-align: center;
	margin: 15px auto; 
	color: #5272db;
	font-weight: bold;
	font-size: 18px;
}
#employee .flex-area.single .photo p {text-align: center;}



@media only screen and (max-width: 680px) {

#basic .basiczone .flex-area {width: 100%;}
#basic .basiczone .flex-area {display: block; font-size: 3.5vw;}
#basic .basiczone .flex-area h3 {width: 100%; margin-bottom: 3%; font-size: 3.5vw;}
#basic .basiczone .flex-area h3 br {display: none;}
#basic .basiczone .flex-area .text-area {width: 100%; font-size: 3vw;}
#basic .basiczone .flex-area .text-area p span.sub {display: block; margin-bottom: 1%;}
#basic .basiczone .flex-area .text-area p span {margin-right: 2%;}

#basic .basiczone .title h1 {margin-bottom: 10%;}
#basic .basiczone .title span {font-size: 5vw;}
#basic .basiczone .content h2 {font-size: 4.5vw;}

}







.servicelist {}
.servicelist ul {flex-wrap: wrap;}
.servicelist ul li {width: 45%; padding: 1.5%; margin-bottom: 3%; background: #dcebff; text-align: justify;}
.servicelist ul li h3 {padding-bottom: 3px; border-bottom: 1px solid #4c8fe7; color: #4c8fe7;}
.servicelist ul li span {}



.flex-area.nom00 {}
.flex-area.nom00 .left {margin-top: 15px;}
.flex-area.nom00 .right {}


.nom00 {}
.nom00 .left {float: none;}
.nom00 .right {float: none;}
.nom00 .code {width: 145px; margin-top: 15px;}

.flex-area.nom01 {}
.flex-area.nom01 .title {width: 100px;}
.flex-area.nom02 {width: 100%; flex-wrap: wrap; justify-content: left;}
.flex-area.nom02 li {width: 75%; margin-bottom: 10px;}
.flex-area.nom02 li.subtitle {width: 115px;}





/*CONTACT
-------------------------------*/
.blogContent .mw_wp_form { margin:20px auto; padding:40px 0px 10px 0px; text-align:left; font-size:16px;}

.blogContent .mw_wp_form dt { float:left; width:240px; padding: 4px 0;}
.blogContent .mw_wp_form dd { margin-bottom:20px; padding:4px 0px 4px 260px; font-size:14px; min-height: 20px;}

.blogContent .mw_wp_form_confirm {border-top: 1px solid #eee;}
.blogContent .mw_wp_form_confirm dd {border-bottom: 1px solid #eee;}

.blogContent .mw_wp_form input,
.blogContent .mw_wp_form textarea { padding: 0.5em; font-size:14px;}

.blogContent .mw_wp_form input[type="text"],
.blogContent .mw_wp_form input[type="email"],
.blogContent .mw_wp_form textarea { outline: none; border: 1px solid #aaa; -webkit-transition: all .3s; transition: all .3s; width:100%; font-size:14px; box-sizing:border-box; background: #fff;}

.blogContent .mw_wp_form .mwform-tel-field input[type="text"] {width: 30%;}

.blogContent .mw_wp_form input[type="text"]:focus,
.blogContent .mw_wp_form input[type="email"]:focus,
.blogContent .mw_wp_form textarea:focus { box-shadow: 0 0 7px #fff; border: 1px solid #eee;}

.blogContent .mw_wp_form input[type="button"],
.blogContent .mw_wp_form input[type="reset"], 
.blogContent .mw_wp_form input[type="submit"] { min-width:200px; padding:4px 20px; border:1px #aaa solid; background-color: #eee; border-radius: 14px; cursor: pointer; -webkit-appearance:none;}
.blogContent .mw_wp_form input::selection {background-color: #b4aaa0; color:#fff;}
.blogContent .mw_wp_form input::-moz-selection {background-color: #d4cac0; color:#fff;}

.blogContent .mw_wp_form input[type="button"]:hover,
.blogContent .mw_wp_form input[type="reset"]:hover, 
.blogContent .mw_wp_form input[type="submit"]:hover {background-color: #fff;}

.blogContent .formBtn { text-align:center;}

.blogContent .pageback { margin-bottom:50px; text-align:center; font-size:0.8em;}
.blogContent .mw_wp_form dt span { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; border-radius:4px; color:#FFFFFF; font-size:8px; font-weight:bold; padding:2px 10px; background:#4c8fe7; margin-left:20px;}
.blogContent .btnbox {text-align: center; padding-left: 0px; margin-left: 0px;}
.blogContent .btnbox li {display: inline-block; margin:0 10px;}

.blogContent .mw_wp_form_confirm {}

#privacy {}
#privacy .blogContent {}
#privacy .blogContent p {margin-bottom: 60px;}
#contactbtn, {
    display: block;
    position: fixed;
    z-index: 999;
    right: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    padding: 10px 0px;
    width: 90px;
    height: 70px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgb(255 255 255), 0 0 5px rgb(255 255 255);
    transition: transform 0.3s ease-in-out;
}



.blogContent .mw_wp_form dd #info01 {border: 1px solid #aaa;
    padding: 5px 10px;
    font-size: 12px;}





/*btn
-------------------------------*/
.entry-btn {margin-top: 40px;}
.entry-btn a { display: block; width: 50%; margin: auto; height: 60px; line-height: 60px; text-align: center; background: #5272db; color: #fff; font-size: 18px; letter-spacing:0.8px; font-weight: bold; position: relative; overflow: hidden; }
.entry-btn a:before {display: block; content: ''; position: absolute; top:5px; left: 5px; width: calc(100% - 12px); height: calc(100% - 12px); border:1px solid #fff; z-index: 3;}
.entry-btn a:after {display: block; content:''; background: #6cb0ff; position: absolute; top:50%; left: 50%; margin-top: -3px; margin-left: -3px; width:6px; height: 6px; border-radius: 50%; opacity: 0; transition: transform 0.5s ease-in-out; z-index: 2; }
.entry-btn a span {display: inline-block; position: relative; z-index: 5;}
.entry-btn a:hover {box-shadow: 0 1px 5px rgba(0,0,0,0.5); color: #fff !important;}
.entry-btn a.orange {background:#ffaa00; }
.entry-btn a.orange:after {background:#ffcc22; }









/* テスト */

br.sp-br {display: none;}

.test dl {
	text-align: left;
    line-height: 2em;
}
.test dl dt{counter-increment: q;
    padding: 20px 50px 20px 100px;
    position: relative;
    border-bottom: 1px dashed #bd0214;
    margin-top: 10px;
    cursor: pointer;}
.test dl dd{padding: 20px 50px 20px 100px;
    position: relative;
    margin-top: 10px;
    display: none;}