@charset "utf-8";
html {font-size:62.5%;font-family:"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",
"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.ft_min {font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
img {vertical-align:bottom;}
.w100 {width:100%;}
.h100 {height:100%;}

@media screen and (min-width: 769px) {
.spOnly {display:none;}
.pcOnly {display:block;}
a img:hover {
opacity: 0.8;
-moz-opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";}
#aboutNav ul li a:hover {text-decoration:underline;}
#jobNav ul li a:hover {text-decoration:underline;}
#topicsRight p a:hover {color:#999999;}
}

#heads {width:1000px;margin:0 auto 20px auto;padding-top:5px;}
#heads::after {content:'';height:0;visibility:visible;display:block;clear:both;}
#pcLog {width:170px;float:left;padding-top:3px;}
#pcNav {width:790px;float:right;}
#navigation {padding-left:0;}
.mainNav {width:790px;*zoom:1;list-style-type:none;}
.mainNav:before,.mainNav:after{content: "";display: table;}
.mainNav:after{clear:both;}
.mainNav li {position:relative;width:16%;float:left;text-align:center;}
.mainNav li a {display:block;margin:0;padding:15px 0 11px;background-color:rgba(255,255,255);
color:#000000; font-size:14px;line-height:1;text-decoration:none;font-weight:bold;}
.mainNav li a span {font-size:14px;display:inline-block;width:15px;}
.mainNav li a:hover {color:#666666;}
.mainNav li ul {list-style-type:none;position:absolute;z-index:9999;
top:100%;left:0px;}
.mainNav li ul li {width:200px;font-size:13px;}
.mainNav li ul li a {padding:13px 15px;border-top:1px solid #ffffff;background-color:rgba(0,0,0,0.8);
color:#ffffff;text-align:left;font-weight:normal;}
.mainNav li ul li a:hover {background-color:rgba(30,29,28,0.8);color:#ffffff;}
#navigation ul {overflow:hidden;width:0;transition:.3s;width:0;}
#navigation li:hover ul {width:200px;}
#navigation li:hover ul li a {white-space:nowrap;}
#pcMain {width:100%;margin-bottom:50px;}
#spMain {display:none;}
#topSec01 {width:1000px;margin:0 auto 50px auto;overflow:hidden;}
#topSec1TT {width:550px;float:left;}
#topSec01 div {width:400px;float:right;}
#topSec01 div h2 {font-size:13px;margin-bottom:20px;}
#topSec01 div h2 span {font-size:60px;color:#eeaa3d;}
#topSec01 div h3 {font-size:18px;margin-bottom:25px;}
#topSec01 div div {font-size:12px;margin-bottom:45px;float:none;}
.topMoreBtn {width:120px;text-align:center;margin-left:auto;font-size:14px;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
.topMoreBtn a {display:block;padding:8px 0;text-decoration:none;}
#voiceMore a {background-color:#eeaa3d;color:#ffffff;}
#voiceMore a:hover {background-color:#f4940b;}
#topSec02 {width:1000px;overflow:hidden;padding-left:75px;box-sizing:border-box;margin:0 auto 10px auto;}
#topSec2TT {width:70px;float:left;padding-top:40px;}
#topSec02 div {width:420px;float:left;margin-left:25px;padding-top:40px;}
#topSec02 div h1 {font-size:35px;color:#87bfc1;margin-bottom:10px;}
#topSec2Pic {width:200px;margin-bottom:30px;}
#topSec2Cop {font-size:14px;margin-bottom:30px;}
#topSec02 h2 {width:305px;float:right;}
#tokuMore a {background-color:#87bfc1;color:#ffffff;}
#tokuMore a:hover {background-color:#42c6c6;}
#topSec03 {width:1000px;margin:0 auto 80px auto;box-sizing:border-box;overflow:hidden;}
#topSec03Pic {width:370px;float:left;}
#topSec03 div {width:570px;float:right;padding-top:100px;}
#topSec03TT {width:455px;margin-bottom:15px;}
#topSec03 div div {float:none;overflow:hidden;width:570px;padding-top:20px;}
#topSec03 div div div {width:290px;float:left;padding-top:0;}
#topSec03 div div div h1 {font-size:18px;margin-bottom:15px;}
#topSec03Cop {font-size:13px;margin-bottom:25px;}
#topSec03 div div #topSec03Img {width:265px;float:right;}
#refoMore a {background-color:#da525e;color:#ffffff;}
#refoMore a:hover {background-color:#dd1d35;}
#topSec04 {width:100%;margin:0 auto 80px auto;}
#topSec04TT {width:250px;margin:0 auto 20px auto;}
#instagramBox {width:100%;overflow:hidden;}
#instagramBox p {width:20%;float:left;margin:0;padding:0;}
#topSec05 {width:1000px;overflow:hidden;margin:0 auto 65px auto;}
#topSec05Img {width:530px;height:398px;overflow:hidden;float:left;}
#topSec05 div {width:470px;height:398px;box-sizing:border-box;background:url(../images/worksBg.png) no-repeat 0 0;
background-size:cover;padding:0 65px;float:right;}
#topSec05 div h1 {width:210px;margin-bottom:30px;}
#topWorksData {font-size:12px;margin-bottom:20px;}
#worksMore a {background-color:#ffffff;color:#eeaa3d;}
#worksMore a:hover {background-color:#f4dfc3;}
#topRecBox {width:1000px;overflow:hidden;margin:0 auto 40px auto;}
#topRecBox h1 {width:290px;float:left;}
#topRecInner {width:660px;float:right;}
#topRecInner h2 {font-size:20px;color:#87bfc1;margin-bottom:30px;}
#topRecInner div {width:660px;overflow:hidden;}
#topRecInner div#topRecLeft {width:180px;float:left;}
#topRecInner div#topRecMiddle {width:180px;float:left;}
#topRecLeft p,
#topRecMiddle p {font-size:14px;margin-bottom:10px;}
#topRecLeft p a,
#topRecMiddle p a {color:#000000;text-decoration:none;}
#topRecLeft p a:hover,
#topRecMiddle p a:hover {color:#666666;}
#topRecLeft p a span,
#topRecMiddle p a span {color:#87bfc1;}
#topRecInner div#topRecRight {width:290px;float:right;border-top:solid 3px #87bfc1;
border-bottom:solid 3px #87bfc1;text-align:center;padding:15px 0;}
#topRecInner div#topRecRight h3 {font-size:40px;color:#87bfc1;margin-bottom:10px;}
#topRecInner div#topRecRight p {width:85%;text-align:center;font-size:14px;margin:0 auto;}
#topRecInner div#topRecRight p a {display:block;background-color:#87bfc1;color:#ffffff;
padding:8px 0;text-decoration:none;}
#topRecInner div#topRecRight p a:hover {background-color:#3cbfbb;}
#foot {width:100%;background-color:#000000;}
#footInner {width:1000px;margin:0 auto;padding:50px 0 20px 0;overflow:hidden;}
#footLogo {width:85px;float:left;}
#footCorp {width:250px;border-right:solid 1px #ffffff;margin-left:30px;float:left;}
#footCorp h2 {color:#ffffff;font-size:20px;margin-bottom:20px;}
#footCorp p {color:#ffffff;font-size:12px;line-height:2em;}
#footNav {width:580px;float:right;}
#footNav div {width:100%;margin-bottom:50px;font-size:16px;color:#ffffff;line-height:2em;}
#footNav div a {text-decoration:none;color:#ffffff;}
#footNav div a:hover {color:#aaaaaa;}
#footNav p {font-size:12px;color:#ffffff;text-align:right;}
#fixLink {width:50px;position:fixed;right:0;top:50px;display:none;}
#fixLink p {width:50px;}
/*---------------------------------about-----------------------------*/
#aboutMain {width:100%;background:url(../images/about/main.jpg) no-repeat 0 0;
background-size:cover;padding-top:54.6288%;position:relative;}
#aboutNav {width:51%;position:absolute;left:0;top:0;background-color:rgba(135,191,193,0.7);
box-sizing:border-box;padding-top:10.4166%;padding-left:9.58333%;}
#aboutNav h2 {font-size:45px;color:#ffffff;margin-bottom:60px;}
#aboutNav ul {width:100%;}
#aboutNav ul li {margin-bottom:10px;font-size:20px;}
#aboutNav ul li a {text-decoration:none;color:#ffffff;}
.inPageW1000 {width:1000px;margin:0 auto;}
#aboutCorp {width:100%;overflow:hidden;padding:45px 0;}
#aboutCorp h3 {width:190px;padding-right:50px;float:left;}
#aboutCorp div {width:400px;box-sizing:border-box;border-left:solid 1px #999999;padding-left:70px;
float:left;}
#aboutCorp div h4 {font-size:20px;margin-bottom:5px;}
#aboutCorp div h5 {width:70%;}
#aboutCorp div p {font-size:15px;margin-bottom:5px;}
#aboutCorp div p span {font-size:13px;}
.inPageW100 {width:100%;margin:0 auto;}
#innerMapArea {width:100%;position:relative;padding-top:37%;overflow:hidden;margin-bottom:50px;}
#innerMapArea iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
.inPageW1000 {width:1000px;margin:0 auto;}
.aboutTitle {width:300px;margin:0 auto 50px auto;border-bottom:solid 1px #000000;padding-bottom:8px;text-align:center;}
.aboutTitle h2 {width:100%;font-size:25px;}
.aboutTitle h3 {color:#eeaa3d;font-size:11px;}
.aboutClearBox {width:100%;overflow:hidden;margin-bottom:120px;}
#aboutCeoImg {width:400px;float:left;}
#aboutCeoInfo {width:560px;float:right;}
#aboutCeoInfo h2 {font-size:20px;margin-bottom:3px;}
#aboutCeoInfo p {font-size:14px;margin-bottom:15px;line-height:2em;}
#aboutCeoInfo p span {font-size:11px;color:#eeaa3d;}
#aboutHistoryLef {width:325px;float:left;}
#aboutHistoryLef p {width:100%;border-bottom:solid 1px #999999;padding-bottom:6px;margin-bottom:6px;
font-size:13px;}
#aboutHistoryLef p span {display:block;color:red;font-size:11px;}
#aboutHistoryRig {width:650px;float:right;}
#aboutStaffImages {width:100%;}
.historyTitle {width:300px;margin:0 auto 50px auto;border-bottom:solid 1px #000000;padding-bottom:8px;text-align:center;}
.historyTitle h2 {width:100%;font-size:25px;}
.historyTitle h3 {color:#da525e;font-size:11px;}
/*--------------------------------job---------------------------*/
#jobMain {width:100%;background:url(../images/job/main.jpg) no-repeat 0 0;
background-size:cover;padding-top:54.6365%;position:relative;}
#jobNav {width:51%;position:absolute;left:0;top:0;background-color:rgba(238,170,61,0.6);
box-sizing:border-box;padding-top:10.4166%;padding-left:9.58333%;}
#jobNav h2 {font-size:45px;color:#ffffff;margin-bottom:60px;}
#jobNav ul {width:100%;}
#jobNav ul li {margin-bottom:10px;font-size:20px;}
#jobNav ul li a {text-decoration:none;color:#ffffff;}
/*--------------reform-----------------*/
#reformMain {width:100%;background:url(../images/ref/main.jpg) no-repeat 0 0;
background-size:cover;padding-top:54%;position:relative;}
#reformNav {width:51%;position:absolute;left:0;top:0;background-color:rgba(103,175,195,0.6);
box-sizing:border-box;padding-top:10.4166%;padding-left:9.58333%;}
#reformNav h2 {font-size:45px;color:#ffffff;margin-bottom:60px;}
#reformNav ul {width:100%;}
#reformNav ul li {margin-bottom:10px;font-size:20px;}
#reformNav ul li a {text-decoration:none;color:#ffffff;}
.reformTitle {width:300px;margin:0 auto 50px auto;border-bottom:solid 1px #000000;padding-bottom:8px;text-align:center;
padding-top:60px;}
.reformTitle h2 {width:100%;font-size:25px;}
.reformTitle h3 {color:#eeaa3d;font-size:11px;}
#reformImages {width:100%;margin-bottom:50px;}
.reformSubTT {font-size:33px;margin-bottom:25px;}
.reformSubTT span {display:block;font-size:12px;color:#da525e;}
#reformBox1 {width:100%;overflow:hidden;margin-bottom:50px;}
#reformBox1 div {width:48%;float:left;margin-bottom:30px;background-color:#e5e6e6;box-sizing:border-box;
padding:20px 20px 40px 20px;}
#reformBox1 div:nth-child(even) {float:right;}
#reformBox1 div h4 {font-size:28px;margin-bottom:10px;}
#reformBox1 div h4 span {display:block;font-size:12px;color:#da525e;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
#reformBox1 div p {font-size:14px;}
.worksLinkBtn {width:420px;margin:0 auto 120px auto;}
.reformHeadT {width:100%;margin-bottom:40px;}	
.reformHeadT h3 {font-size:55px;color:#87bfc1;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
.reformHeadT p {font-size:16px;display:inline-block;color:#000000;border-bottom-color: #87bfc1;border-bottom-style: solid;border-bottom-width: 1px;}
.reformHeadT h3 span {color:#da525e;}
.reformHeadT p.col2 {border-bottom-color:#da525e !important;}
.reformHeadT h3 br {display:none;}
#reformDeffBox {width:100%;overflow:hidden;margin:0 auto 50px auto;}
#reformDeffBox div {width:465px;float:left;}
#reformDeffBox div:last-child {float:right;}
#reformDeffBox div h2 {font-size:33px;margin-bottom:25px;}
#reformDeffBox div h2 span {display:block;font-size:13px;color:#87bfc1;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
#reformDeffBox div p {font-size:14px;}
#reformChartTb {width:100%;margin-bottom:80px;}
#reformChartTb th {font-size:16px;text-align:center;padding:5px 0;}
#reformChartTb td {font-size:16px;text-align:center;padding:5px 0;}
#reformChartTb tr:nth-child(odd) {background-color:#e5e6e6;}
/*----------------job2--------------------*/
#jobContent {width:100%;margin-bottom:35px;}
.jobMainTT {width:300px;margin:0 auto;border-bottom:solid 1px #000000;padding-top:40px;}
.jobMainTT h2 {font-size:24px;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;text-align:center;}
.jobMainTT h2 span {text-align:center;font-size:12px;display:block;font-family:"游ゴシック Medium","游ゴシック体","Yu Gothic Medium",YuGothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.jobMainTT h2 span.jobPink {color:#da525e;}
.jobMainTT h2 span.jobOreng {color:#eeaa3d;}
.jobMainTT h2 span.jobBlue {color:#a2bbe1;}
#jobSec1 {width:100%;overflow:hidden;padding-top:70px;}
#jobSecLef {width:400px;float:left;}
#jobSec1 div {width:575px;float:right;}
#jobSec1 div h1 {font-size:33px;margin-bottom:15px;}
#jobSec1 div h3 {font-size:13px;color:#da525e;margin-bottom:40px;line-height:2.2em;}
#jobSec1 div p {font-size:14px;line-height:2em;}
#jobSec2 {width:100%;overflow:hidden;}
#jobSec2 div {width:525px;float:left;padding-top:40px;}
#jobSec2Right {width:440px;float:right;margin-top:0px;}
#jobSec2 div h2 {font-size:33px;margin-bottom:15px;}
#jobSec2 div h3 {font-size:13px;color:#eeaa3d;margin-bottom:40px;line-height:2.2em;}
#jobSec2 div p {font-size:14px;line-height:2em;}
#jobContent2 {width:100%;}
#jobContent2 h1 {font-size:33px;margin-bottom:45px;}
#jobWrap1 {width:100%;overflow:hidden;}
.jobWrap1Left {width:510px;float:left;}
.jobWrap1Left h2 {font-size:20px;margin-bottom:15px;}
.jobWrap1Left h2 span.jobWrapNum1 {font-size:60px;font-weight:bold;color:#87bfc1;}
.jobWrap1Left h2 span.jobWrapInfo1 {font-size:14px;color:#87bfc1;}
.jobWrap1Left h2 span.jobWrapNum2 {font-size:60px;font-weight:bold;color:#eeaa3d;}
.jobWrap1Left h2 span.jobWrapInfo2 {font-size:14px;color:#eeaa3d;}
.jobWrap1Left h2 span.jobWrapNum3 {font-size:60px;font-weight:bold;color:#da525e;}
.jobWrap1Left h2 span.jobWrapInfo3 {font-size:14px;color:#da525e;}
.jobWrap1Left p {font-size:14px;margin-bottom:50px;}
.jobWrap1Left p.jobWrap1Copy {margin-bottom:10px;}
#jobWrap2 {width:100%;overflow:hidden;margin-bottom:50px;}
#jobWrap1Right {width:400px;float:right;}
#jobWrap2Right {width:400px;float:right;}
#jobWrap2 h3 {color:#da525e;font-size:20px;font-weight:bold;margin-bottom:10px;}
#jobWrap2 table {width:100%;border-collapse:collapse;color:#000;font-size:14px;}
#jobWrap2 table th {background-color:#e5e6e6;border-bottom:solid 1px #e5e6e6;padding:4px 0;}
#jobWrap2 table td {border-bottom:solid 1px #e5e6e6;padding:4px 0;}
#jobWrap2Copy {font-size:14px;color:#da525e;margin-bottom:15px;}
.jobWrap2Copy2 {font-size:11px;margin-bottom:15px;}
.jobWrap2Copy1 {font-size:14px;margin-bottom:15px;}
#jobContent3 {width:100%;}
.jobCon3TT {font-size:20px;margin-bottom:15px;}
.jobCon3TT span.jobWrapNum4 {font-size:60px;font-weight:bold;color:#a2bbe1;}
.jobCon3TT span.jobWrapInfo4 {font-size:14px;color:#a2bbe1;}
.jobCon3Cop {font-size:14px;margin-bottom:70px;}
#jobCon3Images {width:100%;background:url(../images/job/05bg_pc.jpg) no-repeat 0 0;
background-size:cover;margin-bottom:33px;padding-top:93.95%;margin-top:55px;}
#jobContent3 h1 {font-size:33px;margin-bottom:25px;}
#jobContent3 h1 span {display:block;color:#6b9bd2;font-size:12px;}
/*----------------topics--------------------*/
#topicsHeader {width:100%;position:relative;background:url(../images/topics/bg.png) no-repeat 0 0;
background-size:contain;padding-top:22.92%;}
#topicsInner {width:68%;position:absolute;top:13%;left:15%;}
#topicsInner h2 {font-size:24px;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;color:#ffffff;}
#topicsInner h1 {font-size:26px;color:#ffffff;margin-bottom:5%}
#topicsInner p {font-size:16px;color:#ffffff;text-align:right;}
#topicsWrap {width:1000px;overflow:hidden;margin-bottom:80px;}
#topicsLeft {width:600px;float:left;}
#topicsRight {width:300px;float:right;}
#topicsWrap h1 {width:100%;margin-bottom:30px;}
#topicsWrap h2 {font-size:22px;color:#87bfc1;margin-bottom:20px;}
#topicsWrap .topicsCopy1 {font-size:14px;margin-bottom:40px;}
#topicsWrap .topicsCopy2 {font-size:14px;margin-bottom:15px;}
#topicsRight h2 {width:100%;background-color:#87bfc1;text-align:center;font-size:30px;color:#ffffff;font-weight:bold;
margin-bottom:15px;padding:4px 0;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
#topicsRight p {font-size:15px;border-bottom:solid 1px #87bfc1;padding-bottom:6px;margin-bottom:8px;}
#topicsRight p a {color:#000000;text-decoration:none;font-weight:bold;}
/*---------------------works-------------------*/
#workMain {width:100%;background:url(../images/works/main.jpg) no-repeat 0 0;
background-size:cover;padding-top:54.6365%;position:relative;}
#workNav {width:51%;position:absolute;left:0;top:0;background-color:rgba(210,123,86,0.6);
box-sizing:border-box;padding-top:10.4166%;padding-left:9.58333%;}
#workNav h2 {font-size:45px;color:#ffffff;margin-bottom:60px;}
#workNav ul {width:100%;}
#workNav ul li {margin-bottom:10px;font-size:20px;}
#workNav ul li a {text-decoration:none;color:#ffffff;}
#worksBefAf {width:1000px;overflow:hidden;margin-bottom:85px;padding-top:50px;}
#worksBefAf div:first-child {width:620px;float:left;}
#worksBefAf div:last-child {width:350px;float:right;position:relative;}
#worksBefAf div:first-child h4 {width:150px;}
#worksBefAf div:first-child p {width:100%;margin-bottom:15px;}
#worksBefAf div:last-child h3 {font-size:23px;color:#000000;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;margin-bottom:80px;}
#worksBefAf div:last-child h3 span {display:block;font-size:12px;font-weight:bold;color:#aaaaaa;}
#worksBefAf div:last-child h4 {width:180px;margin-bottom:23px;margin-left:auto;}
#worksBefAf div:last-child p {width:100%;}

.worksBefAfBlock {width:1000px;overflow:hidden;margin-bottom:85px;padding-top:50px;}
.worksBefAfBlock div:first-child {width:620px;float:left;}
.worksBefAfBlock div:last-child {width:350px;float:right;position:relative;}
.worksBefAfBlock div:first-child h4 {width:150px;}
.worksBefAfBlock div:first-child p {width:100%;margin-bottom:15px;}
.worksBefAfBlock div:last-child h3 {font-size:23px;color:#000000;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;margin-bottom:80px;}
.worksBefAfBlock div:last-child h3 span {display:block;font-size:12px;font-weight:bold;color:#aaaaaa;}
.worksBefAfBlock div:last-child h4 {width:180px;margin-bottom:23px;margin-left:auto;}
.worksBefAfBlock div:last-child p {width:100%;}

#inWorksBlock {padding-top:50px;width:1000px;overflow:hidden;padding-bottom:90px;}
#inWorksBlock p {width:20%;float:left;}
/*---------------------ASK----------------------*/
#askHeader {font-size:30px;font-weight:bold;margin-bottom:30px;padding-top:50px;}
#askCopy1 {font-size:14px;margin-bottom:60px;}
#askCopy1 span {color:red;}
#askFormArea {width:900px;margin:0 auto 20px auto;}
#askFormArea div.askBlocks {width:100%;overflow:hidden;margin-bottom:15px;}
#askFormArea div.askBlocks p {font-size:14px;font-weight:bold;}
#askFormArea div.askBlocks p:first-child {width:230px;float:left;}
#askFormArea div.askBlocks p:last-child {width:650px;float:right;font-weight:normal;}
#askFormArea div p#checkBX br {display:none;}
.form1 {font-size:18px;width:100%;}
.form2 {font-size:18px;width:150px;}
.form3 {width:100%;height:90px;}
#askbtnArea {width:900px;margin:0 auto 100px auto;box-sizing:border-box;padding-left:250px;}
.form4 {font-size:18px;width:90px;}

@media screen and (max-width: 768px) {
.spOnly {display:block;}
.pcOnly {display:none;}
#spHead {width:100%;background-color:#ffffff;position:relative;}
#top-head {top: -100px;position: absolute;width: 100%;margin: 100px auto 0;
padding: 30px 0 0;line-height: 1;z-index: 999;}
#top-head a,
#top-head {color: #fff;text-decoration: none;}
#top-head .inner {position: relative;}
#top-head .logo {float: left;font-size: 36px;}
#global-nav ul {list-style: none;position: absolute;right: 0;bottom: 0;font-size: 14px;}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 30px;}
#top-head.fixed {margin-top: 0;top: 0;position:fixed;padding-top: 10px;height: 55px;background: #fff;
background: rgba(255,255,255,.7);transition: top 0.65s ease-in;-webkit-transition: top 0.65s ease-in;
-moz-transition: top 0.65s ease-in;}
#top-head.fixed .logo {font-size: 24px;color: #000;}
#top-head.fixed #global-nav ul li a {color: #333;padding: 0 20px;}
#nav-toggle {display: none;position: absolute;right: 12px;top: 14px;width: 34px;height: 36px;
cursor: pointer;z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block;position: absolute;height: 4px;width: 100%;background: #000;left: 0;
-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
#top-head,
.inner {width:100%;padding:0;margin:0 auto;}
.inner:after {content: "";clear: both;display: block;}
#top-head {top:0;position:relative;margin-top: 0;}
#top-head.fixed {padding-top: 0;background: transparent;}
#mobile-head {background: #fff;width: 100%;height: 60px;z-index: 999;position: relative;}
#top-head.fixed .logo,
#top-head .logo {position: absolute;left: 5%;top:5%;width:175px;}
#global-nav {position: absolute;top: -784px;background:rgba(0,0,0,0.8);width: 100%;text-align: center;
padding: 10px 0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;}
#global-nav ul {list-style: none;position: static;right: 0;bottom: 0;font-size:16px;}
#global-nav ul li {float: none;position: static;}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {width: 100%;display: block;color: #fff;padding: 20px 0;}
#nav-toggle {display: block;}
.open #nav-toggle span:nth-child(1) {top: 11px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);
transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav-toggle span:nth-child(3) {top: 11px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);
transform: rotate(-315deg);}
.open #global-nav {-moz-transform: translateY(844px);-webkit-transform: translateY(844px);transform: translateY(844px);}
#pcMain {display:none;}
#spMain {display:block;}
#topSec01 {width:100%;margin:0 auto 70px auto;}
#topSec1TT {width:100%;float:none;}
#topSec01 div {width:90%;float:none;margin:0 auto;}
#topSec01 div h2 {font-size:12px;margin-bottom:20px;}
#topSec01 div h2 span {font-size:40px;}
#topSec01 div h3 {font-size:15px;margin-bottom:15px;}
#topSec01 div div {font-size:13px;margin-bottom:20px;float:none;}
.topMoreBtn {width:45%;margin:0 auto;font-size:16px;}
.topMoreBtn a {display:block;padding:8px 0;text-decoration:none;}
#voiceMore a {background-color:#eeaa3d;color:#ffffff;}
#voiceMore a:hover {background-color:#eeaa3d;}
#topSec02 {width:95%;padding-left:0;box-sizing:border-box;margin:0 auto 60px auto;}
#topSec2TT {width:18%;float:left;padding-top:0px;display:inline-block;}
#topSec02 div {width:81%;float:none;padding-left:4%;padding-top:0px;display:inline-block;box-sizing:border-box;
margin-left:0;}
#topSec02 div h1 {font-size:21px;color:#87bfc1;margin-bottom:10px;}
#topSec2Pic {width:90%;}
#topSec02 h2 {display:none;}
#tokuMore {margin:0 0 0 auto;}
#tokuMore a {background-color:#87bfc1;color:#ffffff;}
#tokuMore a:hover {background-color:#87bfc1;}
#topSec03 {width:95%;margin:0 auto 70px auto;}
#topSec03Pic {width:60%;float:none;margin:0 auto 25px auto;}
#topSec03 div {width:100%;float:none;padding-top:0px;}
#topSec03TT {width:80%;margin:0 auto 15px auto;}
#topSec03 div div {float:none;overflow:hidden;width:100%;padding-top:20px;}
#topSec03 div div div {width:65%;float:left;padding-top:0;}
#topSec03 div div div h1 {font-size:16px;margin-bottom:15px;}
#topSec03Cop {font-size:13px;margin-bottom:25px;}
#topSec03 div div #topSec03Img {width:35%;float:right;}
#refoMore {width:60%;margin:0 auto 0 0;}
#refoMore a {background-color:#da525e;color:#ffffff;}
#refoMore a:hover {background-color:#da525e;}
#topSec04TT {width:65%;margin:0 auto 30px auto;}
#instagramBox {width:100%;overflow:hidden;}
#instagramBox p {width:25%;float:left;margin:0;padding:0;}
#instagramBox p:nth-child(5) {display:none;}
#topSec05 {width:100%;overflow:hidden;margin:0 auto 55px auto;}
#topSec05Img {width:70%;height:auto;overflow:hidden;float:none;margin:0 auto;}
#topSec05 div {width:100%;height:auto;box-sizing:border-box;background:url(../images/worksBg.png) no-repeat 0 0;
background-size:contain;padding:0;float:right;}
#topSec05 div h1 {width:35%;margin:5% 0 2% 15%;}
#topWorksData {font-size:12px;margin:0 0 5% 15%;}
#worksMore {font-size:14px;}
#worksMore a {background-color:#ffffff;color:#eeaa3d;}
#worksMore a:hover {background-color:#ffffff;}
#topRecBox {width:90%;overflow:hidden;margin:0 auto 50px auto;}
#topRecBox h1 {width:65%;float:none;margin:0 auto 10px auto;}
#topRecInner {width:100%;float:none;margin:0 auto 20px auto;}
#topRecInner h2 {font-size:18px;text-align:center;}
#topRecInner div {width:100%;overflow:hidden;margin-bottom:25px;}
#topRecInner div#topRecLeft {width:45%;float:left;}
#topRecInner div#topRecMiddle {width:45%;float:right;}
#topRecLeft p,
#topRecMiddle p {font-size:13px;margin-bottom:5px;}
#topRecLeft p a:hover,
#topRecMiddle p a:hover {color:#000000;}
#topRecInner div#topRecRight {width:90%;border-top:solid 2px #87bfc1;
border-bottom:solid 2px #87bfc1;text-align:center;padding:10px 0;margin:0 auto;
float:none;}
#topRecInner div#topRecRight h3 {font-size:35px;color:#87bfc1;margin-bottom:10px;}
#topRecInner div#topRecRight p {width:80%;text-align:center;font-size:14px;margin:0 auto;}
#topRecInner div#topRecRight p a {display:block;background-color:#87bfc1;color:#ffffff;
padding:8px 0;text-decoration:none;}
#topRecInner div#topRecRight p a:hover {background-color:#87bfc1;}
#foot {width:100%;background-color:#000000;}
#footInner {width:95%;margin:0 auto;padding:20px 0;overflow:hidden;}
#footLogo {width:30%;float:none;margin:0 auto 20px auto;}
#footCorp {width:100%;border-right:none;margin:0 auto 20px auto;float:none;}
#footCorp h2 {color:#ffffff;font-size:22px;margin-bottom:10px;text-align:center;}
#footCorp p {color:#ffffff;font-size:14px;line-height:2em;text-align:center;}
#footNav {float:none;width:100%;}
#footNav div {display:none;}
#footNav p {font-size:12px;color:#ffffff;text-align:center;}
#footNav p small {text-align:center;}
#fixLink {display:none;}
/*---------------------------------about-----------------------------*/
#aboutMain {margin-bottom:10%;}
#aboutNav {padding-left:6%;padding-top:4%;width:100%;}
#aboutNav h2 {font-size:28px;color:#ffffff;margin-bottom:10px;}
#aboutNav ul {width:100%;}
#aboutNav ul li {margin-bottom:15px;font-size:18px;}
#aboutNav ul li a {text-decoration:none;color:#ffffff;}
.inPageW1000 {width:100%;margin:0 auto;}
#aboutCorp {width:90%;overflow:hidden;padding:0;margin:0 auto 30px auto;}
#aboutCorp h3 {width:50%;padding-right:0;float:none;margin:0 auto 30px auto;}
#aboutCorp div {width:100%;box-sizing:border-box;border-left:none;padding-left:0%;
float:left;margin-bottom:30px;}
#aboutCorp div h4 {font-size:17px;margin-bottom:5px;}
#aboutCorp div h5 {width:70%;}
#aboutCorp div p {font-size:14px;margin-bottom:5px;}
#aboutCorp div p span {font-size:12px;}
.inPageW100 {width:100%;margin:0 auto;}
#innerMapArea {width:100%;position:relative;padding-top:60%;overflow:hidden;margin-bottom:50px;}
#innerMapArea iframe {width:100%;height:100%;position:absolute;top:0;left:0;}
.aboutTitle {width:80%;margin:0 auto 30px auto;}
.aboutTitle h2 {width:100%;font-size:22px;}
.aboutTitle h3 {color:#eeaa3d;font-size:11px;}
.aboutClearBox {margin-bottom:60px;}
#aboutCeoImg {width:90%;float:none;margin:0 auto 30px auto;}
#aboutCeoInfo {width:90%;float:none;margin:0 auto;}
#aboutCeoInfo h2 {font-size:20px;margin-bottom:0px;}
#aboutCeoInfo p {font-size:13px;margin-bottom:15px;line-height:2em;}
#aboutHistoryLef {width:90%;float:none;margin:0 auto;}
#aboutHistoryLef p {width:100%;border-bottom:solid 1px #999999;padding-bottom:6px;margin-bottom:6px;
font-size:13px;}
#aboutHistoryLef p span {display:block;color:red;font-size:11px;}
#aboutHistoryRig {width:100%;float:none;margin:0 auto 30px auto;}
#aboutStaffImages {width:100%;}
.historyTitle {width:80%;margin:0 auto 30px auto;}
.historyTitle h2 {width:100%;font-size:22px;}
.historyTitle h3 {color:#da525e;font-size:11px;}
/*------------------------job--------------------------*/
#jobMain {margin-bottom:10%;}
#jobNav {padding-left:6%;padding-top:4%;width:100%;}
#jobNav h2 {font-size:28px;color:#ffffff;margin-bottom:10px;}
#jobNav ul {width:100%;}
#jobNav ul li {margin-bottom:15px;font-size:18px;}
#jobNav ul li a {text-decoration:none;color:#ffffff;}
/*--------------reform-----------------*/
#reformMain {margin-bottom:10%;}
#reformNav {width:100%;padding-top:4%;padding-left:6%;}
#reformNav h2 {font-size:28px;color:#ffffff;margin-bottom:10px;}
#reformNav ul {width:100%;}
#reformNav ul li {margin-bottom:15px;font-size:18px;}
#reformNav ul li a {text-decoration:none;color:#ffffff;}
.reformTitle {width:80%;margin:0 auto 50px auto;border-bottom:solid 1px #000000;padding-bottom:8px;text-align:center;
padding-top:60px;}
.reformTitle h2 {width:100%;font-size:24px;}
.reformTitle h3 {color:#eeaa3d;font-size:14px;}
#reformImages {margin-bottom:35px;}
.reformSubTT {font-size:26px;width:90%;margin:0 auto 25px auto;}
.reformSubTT span {display:block;font-size:13px;color:#da525e;}
#reformBox1 {margin-bottom:0px;}
#reformBox1 div {width:100%;float:none;margin-bottom:0px;background-color:#e5e6e6;box-sizing:border-box;
padding:20px 20px 40px 20px;border-bottom:solid 3px #c9c9ca}
#reformBox1 div:nth-child(even) {float:none;}
#reformBox1 div:last-child {border-bottom:none;}
#reformBox1 div h4 {font-size:28px;margin-bottom:10px;}
#reformBox1 div h4 span {display:block;font-size:12px;color:#da525e;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
#reformBox1 div p {font-size:14px;}
.worksLinkBtn {width:100%;margin:0 auto 20px auto;}
.reformHeadT {width:90%;margin:0 auto 40px auto;}
.reformHeadT h3 {font-size:40px;}
.reformHeadT h3 br {display:block;}
#reformDeffBox {width:90%;margin:0 auto 30px auto;}
#reformDeffBox div {width:100%;float:none;}
#reformDeffBox div:last-child {float:none;}
#reformDeffBox div:first-child {margin-bottom:50px;}
#reformDeffBox div h2 {font-size:30px;}
#reformChartTb {margin-bottom:40px;}
#reformChartTb th {font-size:12px;text-align:center;padding:5px;font-weight:normal;box-sizing:border-box;}
#reformChartTb td {font-size:12px;text-align:center;padding:5px;box-sizing:border-box;}
#reformChartTb tr:nth-child(odd) {background-color:#e5e6e6;}
/*----------------job2--------------------*/
#jobContent {width:100%;margin:0 auto 20px auto;}
.jobMainTT {width:60%;margin:0 auto;border-bottom:solid 1px #000000;padding-top:10px;}
.jobMainTT h2 {font-size:22px;}
.jobMainTT h2 span {font-size:11px;}
#jobSec1 {padding-top:25px;}
#jobSecLef {width:100%;float:none;margin-bottom:30px;}
#jobSec1 div {width:90%;float:none;margin:0 auto 30px auto;}
#jobSec1 div h1 {font-size:28px;}
#jobSec1 div h3 {font-size:12px;}
#jobSec2 {width:100%;overflow:hidden;margin-bottom:50px;}
#jobSec2 div {width:90%;float:none;padding-top:0px;margin:0 auto;}
#jobSec2Right {width:100%;float:none;margin-top:20px;margin-bottom:10px;}
#jobSec2 div h2 {font-size:28px;}
#jobSec2 div h3 {font-size:12px;}
#jobContent2 {width:90%;margin:0 auto;}
#jobContent2 h1 {font-size:28px;width:100%;}
#jobWrap1 {width:100%;overflow:hidden;}
.jobWrap1Left {width:100%;float:none;}
.jobWrap1Left h2 {font-size:19px;margin-bottom:15px;}
.jobWrap1Left h2 span.jobWrapNum1 {font-size:35px;font-weight:bold;color:#87bfc1;}
.jobWrap1Left h2 span.jobWrapInfo1 {font-size:12px;color:#87bfc1;display:block;}
.jobWrap1Left h2 span.jobWrapNum2 {font-size:35px;font-weight:bold;color:#eeaa3d;}
.jobWrap1Left h2 span.jobWrapInfo2 {font-size:12px;color:#eeaa3d;display:block;}
.jobWrap1Left h2 span.jobWrapNum3 {font-size:35px;font-weight:bold;color:#da525e;}
.jobWrap1Left h2 span.jobWrapInfo3 {font-size:12px;color:#da525e;display:block;}
.jobWrap1Left p {font-size:14px;margin-bottom:30px;}
.jobWrap1Left p.jobWrap1Copy {margin-bottom:10px;}
#jobWrap2 {width:100%;overflow:hidden;margin-bottom:20px;}
#jobWrap1Right {width:100%;float:none;}
#jobWrap2Right {width:100%;float:none;}
#jobWrap2 h3 {font-size:18px;margin-bottom:10px;}
#jobWrap2 table {font-size:12px;margin-bottom:25px;}
#jobWrap2Copy {font-size:14px;color:#da525e;margin-bottom:15px;}
.jobWrap2Copy2 {font-size:11px;margin-bottom:15px;}
.jobWrap2Copy1 {font-size:14px;margin-bottom:15px;}
#jobContent3 {width:100%;}
.jobCon3TT {font-size:18px;width:90%;margin:0 auto 15px auto;}
.jobCon3TT span.jobWrapNum4 {font-size:35px;font-weight:bold;color:#a2bbe1;}
.jobCon3TT span.jobWrapInfo4 {font-size:12px;color:#a2bbe1;display:block;}
.jobCon3Cop {font-size:14px;margin:0 auto 50px auto;width:90%;}
#jobCon3Images {width:100%;background:url(../images/job/05bg_pc.jpg) no-repeat 0 0;
background-size:cover;margin-bottom:50px;padding-top:93.95%;margin-top:25px;}
#jobContent3 h1 {font-size:28px;margin:0 auto 25px auto;width:90%;}
#jobContent3 h1 span {display:block;color:#6b9bd2;font-size:12px;}
/*----------------topics----------------*/
#topicsHeader {width:100%;position:static;background-image:none;background-color:#87bfc1;
background-size:auto;padding:10px 5% 40px 5%;}
#topicsInner {width:100%;position:static;}
#topicsInner h2 {font-size:20px;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;color:#ffffff;}
#topicsInner h1 {font-size:22px;color:#ffffff;margin-bottom:5%}
#topicsInner p {font-size:14px;color:#ffffff;text-align:right;}
#topicsWrap {width:100%;overflow:hidden;margin-bottom:90px;}
#topicsLeft {width:100%;float:none;}
#topicsRight {width:100%;float:none;}
#topicsWrap h1 {width:100%;margin-bottom:30px;}
#topicsWrap h2 {font-size:18px;color:#87bfc1;width:90%;margin:0 auto 20px auto;}
#topicsWrap .topicsCopy1 {font-size:13px;margin:0 auto 40px auto;width:90%;}
#topicsWrap .topicsCopy2 {font-size:13px;margin:0 auto 15px auto;width:90%;}
#topicsRight h2 {width:100%;background-color:#87bfc1;text-align:center;font-size:27px;color:#ffffff;font-weight:bold;
margin-bottom:15px;padding:4px 0;font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",
"HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;}
#topicsRight p {font-size:15px;border-bottom:solid 1px #87bfc1;padding:0 5% 6px 5%;margin-bottom:10px;}
#topicsRight p a {color:#000000;text-decoration:none;font-weight:bold;}
/*----------------works---------------*/
#workMain {margin-bottom:10%;}
#workNav {padding-left:6%;padding-top:4%;width:100%;}
#workNav h2 {font-size:28px;color:#ffffff;margin-bottom:10px;}
#workNav ul {width:100%;}
#workNav ul li {margin-bottom:15px;font-size:18px;}
#workNav ul li a {text-decoration:none;color:#ffffff;}
#worksBefAf {width:100%;overflow:hidden;margin-bottom:50px;padding-top:30px;}
#worksBefAf div:first-child {width:100%;float:none;}
#worksBefAf div:last-child {width:90%;float:none;margin:0 auto;}
#worksBefAf div:first-child h4 {width:45%;margin-left:5%;margin-bottom:5%;}
#worksBefAf div:first-child p {width:100%;margin-bottom:15px;}
#worksBefAf div:last-child h3 {font-size:23px;margin-bottom:60px;}
#worksBefAf div:last-child h3 span {display:block;font-size:12px;font-weight:bold;color:#aaaaaa;}
#worksBefAf div:last-child h4 {width:40%;margin-bottom:15px;margin-left:auto;}
#worksBefAf div:last-child p {width:100%;}
.worksBefAfBlock {width:100%;overflow:hidden;margin-bottom:50px;padding-top:30px;}
.worksBefAfBlock div:first-child {width:100%;float:none;}
.worksBefAfBlock div:last-child {width:90%;float:none;margin:0 auto;}
.worksBefAfBlock div:first-child h4 {width:45%;margin-left:5%;margin-bottom:5%;}
.worksBefAfBlock div:first-child p {width:100%;margin-bottom:15px;}
.worksBefAfBlock div:last-child h3 {font-size:23px;margin-bottom:60px;}
.worksBefAfBlock div:last-child h3 span {display:block;font-size:12px;font-weight:bold;color:#aaaaaa;}
.worksBefAfBlock div:last-child h4 {width:40%;margin-bottom:15px;margin-left:auto;}
.worksBefAfBlock div:last-child p {width:100%;}

#inWorksBlock {padding-top:50px;width:100%;overflow:hidden;padding-bottom:90px;}
#inWorksBlock p {width:33.3%;float:left;}
#inWorksBlock p:nth-child(n+10) {display:none;}
/*-----------------------ASK----------------------*/
#askHeader {width:90%;font-size:24px;padding-top:30px;text-align:center;margin-left:auto;margin-right:auto;}
#askCopy1 {font-size:14px;margin:0 auto 40px auto;width:90%;}
#askFormArea {width:90%;margin:0 auto 30px auto;}
#askFormArea div.askBlocks {width:100%;overflow:hidden;margin-bottom:15px;}
#askFormArea div.askBlocks p {font-size:14px;font-weight:bold;}
#askFormArea div.askBlocks p:first-child {width:100%;float:none;}
#askFormArea div.askBlocks p:last-child {width:100%;float:none;font-weight:normal;}
.form2 {font-size:18px;width:30%;}
.form3 {width:100%;height:100px;}
#askbtnArea {width:90%;margin:0 auto 60px auto;padding-left:0;}
#askFormArea div.askBlocks p#checkBX br {display:block;}
.form4 {width:50%;}
}