@charset "utf-8";

#jpk .diPC { display:none; }
#jpk .diPCI { display:none; }
#jpk .diTB { display:none; }
#jpk .diSTB { display:table-cell; }
#jpk .diSP { display:block; }
#jpk .diSPI { display:inline-block; }
.spTable { display:table; }
.pcTable { display:none; }

html { min-width:initial; }
body { min-width:initial; }
.allWrap { padding:60px 0 0; }

.spMenu { display:block; position:fixed; left:0; top:0; z-index:999; width:100%; background:#fff;}
.spMenu button { display:block; outline:0; cursor:pointer; background:#064F97; border-width:0; padding:0 15px; margin:0; float:right; box-sizing:border-box; -webkit-box-sizing:border-box; height:60px; }
.spMenu button span { color:#fff;  font-size:13px; font-weight:bold; }
.spMenu button:before { font-size:17px; font-weight:normal; color:#fff; }
.spMenu div { display:none; box-sizing:border-box; -webkit-box-sizing:border-box; background:#064F97; padding:10px 10px 10px 10px; width:100%; float:none; clear:both; }
.spMenu ul { width:100%; display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; box-sizing:border-box; -webkit-box-sizing:border-box; border:solid #fff; border-width:1px 0 0 1px; }
.spMenu ul li { width:50%; border:solid #fff; border-width:0 1px 1px 0; box-sizing:border-box; -webkit-box-sizing:border-box; }
.spMenu ul li a { background:#064F97; color:#fff; text-decoration:none; transition: all 0.1s ease-in-out 0s; display:block; padding:20px 0 20px; text-align:center; font-size:13px; font-family:Helvetica, Helvetica Neue, "游ゴシック", YuGothic,"Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif; font-weight:bold; }
.spMenu ul li a:hover { color:#064F97; background:#fff; }
.fixed { position: fixed; left:0; top:0; }
.spMenu h1 { float:left; padding:13px 0 0 5px; margin:0; }

header { display:none; }

.logo a { padding:0; }
.logo a span { font-size:1.5rem; letter-spacing:-2px; }
.logo a img { width:22px; }
.pageTitle { padding:30px 10px; }
.pageTitle h2 { padding:7px 20px; font-size:1.8rem; }

.pageNation { padding:10px 0 10px 10px; box-sizing:border-box; overflow-x:scroll; }
.pageNation ul { width:auto; }
.pageNation ul li { font-size:1.4rem; white-space:nowrap; margin:0 20px 0 0; }
.pageNation ul li:last-child { padding:0 10px 0 35px; }
.pageNation ul li a { font-size:1.4rem; }

.singleContent { padding:10px; box-sizing:border-box; width:100%; }
.contentWrap { box-sizing:border-box; width:100%; padding:20px; }
.headLine { font-size:2.0rem; padding:15px 0 20px 0; }
.accessContent { display:block; }
.accessContent > div { width:100%; box-sizing:border-box; margin:0 0 10px; }

.subTitle { font-size:1.8rem; margin:0 0 15px; }
.subCaption { font-size:1.6rem; }
.subCaption:before { width:5px; height:5px; }
.subCaption:after { width:7px; height:7px; }
.lineTitle { font-size:1.8rem; }

.aboutPresident { display:block; }
.aboutPresident dt { text-align:center; margin:0 0 10px; width:100%; }
.aboutPresident dt img { max-width:60%; }

.basicTable { display:block; width:auto; border-width:1px 0 0; }
.basicTable tr { display:block; width:auto; }
.basicTable th { display:block; width:auto; font-size:1.6rem; }
.basicTable tbody { display:block; }
.basicTable th br { display:none; }
.basicTable td { display:block; width:auto; font-size:1.6rem; }

.columnContent { display:block; }
.columnContent > div { width:100%; box-sizing:border-box; margin:0 0 20px 0; }
.history li { display:block; }
.history li time { display:block; }
.history li p { display:block; margin:0; }
.shagon { max-width:100%; }
.workWrap { width:100%; display:block; }
.workContent { width:100%; margin:0 0 10px; }
.workContent h3 { font-size:1.8rem; }


.contact { display:block; width:auto; border-width:1px 0 0 1px; }
.contact tr { display:block; width:auto; }
.contact th { display:block; width:auto; font-size:1.6rem; }
.contact tbody { display:block; }
.contact th br { display:none; }
.contact td { display:block; width:auto; font-size:1.6rem; }

#jpk .contact td input.sssRange { width:2em; }
#jpk .contact td input.ssRange { width:5em; }
#jpk .contact td input.sRange { width:10em; }
#jpk .contact td input.mRange { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; }
#jpk .contact td input.lRange { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin:0; }
#jpk .contact td input.wRange { width:100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.footerWrap ul { width:100%; display:block; }
.footerWrap ul li { width:100%; text-align:left; border-width:0 0 1px; }
.footerWrap ul li:last-child { border-width:0; }
.footerWrap ul li a { text-align:left; padding:10px; }

small { padding:20px; font-size:1.4rem; }

.headWrap { display:none; }
.slide_all { height:300px; padding:0; }
.slide_wrap { height:300px; width:100%; }
.slide_body { height:300px; }
.slide { height:300px; }
.slideCopy { left:0; width:100%; box-sizing:border-box; text-align:center; }
.slideCopy span { padding:10px; font-size:2.0rem; }

.topWorksWrap { box-sizing:border-box; padding:30px 10px; }
.workWrapTitle { display:block; width:100%; margin:0 auto 20px auto; }
.commonSubTitle { font-size:2.4rem; padding:0 0 25px; margin:0 0 20px; }
.workWrapTitle dd { padding:20px 0 0; }
.workWrapTop { width:100%; box-sizing:border-box; margin:0 auto 30px auto; display:block; }
.workContentTop { width:100%; margin:0 0 10px; }
.workContentTop h3 { font-size:1.8rem; }
.basicBtn { max-width:100%; padding:10px 25px; display:block; }
.basicBtn span { font-size:1.6rem; }
.basicBtn span:after { width:8px; height:8px; }
.whiteBase { text-align:center; }
.companyWrapTop { padding:30px 10px; box-sizing:border-box; }
.commonSubTitle span { font-size:1.8rem; }
.companyContentTop { width:100%; box-sizing:border-box; flex-direction:column; }
.companyContentTop > div { width:100%; box-sizing:border-box; }
.companyContentTopTxt p { margin:0 0 20px; }
.companyContentTopTxt p br { display:none; }
.companyContentTopTxt p:last-child { margin:0 0 20px; }

.certificateNewsWrap { width:100%; display:block; }
.certificateNewsWrap > div { width:100%; padding:20px 10px; box-sizing:border-box; }
.certificateNewsWrap > div:first-child { border-width:0 0 1px; }

.newsList { margin:0 0 20px; }
.commonSubHeadTitle { font-size:2.4rem; margin:0 0 15px; }
.commonSubHeadTitle span { font-size:1.6rem; margin:0 0 0 15px; }