@charset "utf-8";

/*--------------------------------------------------
RESET CSS 
---------------------------------------------------*/
html, body, header, hgroup, nav, section, menu, article, aside, footer,
div, dl, dt, dd, p, ol, ul, li, iframe, img, figure, figcaption, audio, video, canvas, details, time, mark,
table, thead, tbody, tfoot, tr, th, td, caption, fieldset, form, label, legend, summary, 
em, span, object, blockquote, pre, abbr, address, cite, code, del, dfn, ins, kbd, q, samp, strong, sub, sup, var, b, i
{ margin:0; padding:0; border:0; outline:0; background:transparent;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1.7; color:#000; letter-spacing:0; font-weight:normal; }
header, hgroup, nav, section, menu, article, aside, footer, figure, figcaption, details, form { display:block; }

* { -webkit-appearance: none; }

html { min-width:1200px; font-size:62.5%; width:100%; height:100%; box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden scroll;  }
body { min-width:1200px; font-size:1.6rem; width:100%; height:100%; position:relative; -webkit-text-size-adjust:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
ul { list-style:none; padding:0; margin:0; }
li { list-style:none; padding:0; margin:0; }
img { vertical-align:bottom; }
em { font-style:normal; }
input,button,textarea { outline:0; font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; font-size:1.8rem; }

h1, h2, h3, h4, h5, h6 { line-height:1.5; margin:0; padding:0; border:0; outline:0; background:transparent; font-size:2rem; font-weight:normal;
font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',"segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; font-weight:300; }

a { color:#000; line-height:1.5; outline:0; text-decoration:none; transition: all 0.2s ease 0s; }
a:hover { color:#493C31; }
span { transition: all 0.1s ease 0s; }
small { color:#fff; }

.spMenu { display:none; }
.spMenuList { display:none; }
.spTable { display:none; }
#tg .diSP { display:none; }
#tg .diPC { display:block; }
.pullMenus { display:none; }
.pullWrap { display:none; }

/*--------------------------------------------------
TOP
---------------------------------------------------*/

.headerContent { background:transparent url(../img/headbg.jpg) center top no-repeat; background-size:cover; text-align:center; padding:35px 0; }
.logo { display:inline-block; vertical-align:middle; font-size:3.4rem; letter-spacing:-1px; line-height:1; font-weight:400; }
.logo img { vertical-align:middle; margin:-5px 20px 0 0; }
.aboutWrap { background:#F5F0E7; padding:70px 0 120px 0; }
.aboutContent { display:flex; justify-content:space-between; }
.aboutContent dt { order:2; width:55%; border-radius:0.7em 0 0 0.7em; min-height:740px; background:transparent url(../img/top1bg.jpg) center center no-repeat; background-size:cover; }
.aboutContent dt img { max-width:100%; }
.aboutContent dt span { display:none; }
.aboutContent dd { order:1; width:45%; position:relative; }
.aboutContent dd div { width:97%; background:#fff; position:absolute; right:-50px; top:40px; padding:43px; box-sizing:border-box; border-radius:0.7em; }

.commonTitle { margin:0 0 25px; font-size:3.3rem; font-weight:bold; letter-spacing:-1px; line-height:1; }
.commonTitle span { font-size:1.9rem; color:#EC9F38; display:block; line-height:1; padding:13px 0 0; }

.aboutTable { border-collapse:collapse; width:100%; }
.aboutTable th { font-size:1.8rem; letter-spacing:-1px; line-height:1.5; width:140px; font-weight:bold; padding:12px 0; text-align:left; border:solid #ddd; border-width:0 0 1px; vertical-align:top; }
.aboutTable td { font-size:1.8rem; letter-spacing:-1px; line-height:1.5; padding:12px 15px; border:solid #ddd; border-width:0 0 1px; vertical-align:top; }
.aboutTable td strong { color:#85AC21; }
.aboutTable p { margin:0 0 20px; line-height:1.5; }
.aboutTable p:last-child { margin:0; }

.contentWrap { background:transparent url(../img/top2bg.jpg) center center no-repeat; background-size:cover; padding:420px 0 0; position:relative; }
.contentInner { position:absolute; bottom:-70px; left:0; width:100%; }
.contentWrap .contentService { width:1140px; margin:0 auto 0 auto; justify-content:space-between; display:flex; }
.contentWrap div dl { width:47%; box-sizing:border-box; }
.contentWrap div dl dt { border-radius:0.8em 0.8em 0 0; box-sizing:border-box; color:#fff; padding:20px 30px; font-size:3.2rem; font-weight:bold; letter-spacing:-1px; }
.contentWrap div dl dd { border-radius:0 0 0.8em 0.8em; background:#fff; box-sizing:border-box; font-size:1.7rem; font-weight:bold; padding:30px 30px; letter-spacing:-1px; }
.contentWrap div dl:first-child dt { background:#5692B2; }
.contentWrap div dl:last-child dt { background:#C86540; }
.contentWrap div dl:first-child dd { border:solid #5692B2; border-width:0 2px 2px 2px; }
.contentWrap div dl:last-child dd { border:solid #C86540; border-width:0 2px 2px 2px; }

.recruitWrap { background:#EFFAFF; padding:140px 50px 80px 0; box-sizing:border-box; }
.recruitWrap dl { position:relative; }
.recruitWrap dt { background:transparent url(../img/top3bg.jpg) center center no-repeat; width:70%; position:absolute; left:0; top:0; height:100%; z-index:1; border-radius:0 0.6em 0.6em 0; background-size:cover; }
.recruitWrap dd { position:relative; z-index:3; padding:180px 0; text-align:right; }
.recruitWrap dd div { border-radius:0.7em; box-sizing:border-box; width:44%; background:#fff; display:inline-block; text-align:left; padding:43px; }
.recruitWrap dt span { display:none; }
#tg .cr { color:#5692B2; }
#tg .cp { color:#EE9F9F; }
.recruitWrap dd p { font-size:1.8rem; margin:0 0 24px; }
.recruitWrap dd p:last-child { margin:0; }

.simpleBtn { background:#5692B2; border-radius:5em; padding:20px 60px; line-height:1; display:inline-block; }
.simpleBtn span { color:#fff; font-weight:bold; font-size:1.8rem; line-height:1; display:inline-block; padding:0 0 0 23px; position:relative; }
.simpleBtn span:after { top:8px; bottom:0; left:0; box-sizing: border-box; width:6px; height:6px; border:6px solid transparent; border-top:6px solid #fff; position:absolute; margin:auto; content:""; vertical-align:middle; }

#contact { background:transparent url("../img/contactbg.jpg") center center no-repeat; background-size:cover; padding:70px 0; }
.contactWrap { text-align:center; width:1100px; margin:0 auto 0 auto; box-sizing:border-box; padding:50px; border-radius:0.6em; border:solid #ddd; border-width:1px; background:#fff; }

footer { background:#3C3C3C; padding:40px 0; text-align:center; }

.contactWrap p { font-size:1.8rem; }
.contactPick { background:#EE9F9F; display:inline-block; line-height:1; color:#fff; font-weight:bold; font-size:2.5rem; padding:17px 30px; margin:0 0 35px; }

.contactTel { margin:45px 0; }
.contactTel span { font-size:4.5rem; color:#F1923D; font-weight:bold; line-height:1; letter-spacing:-1px; position:relative; padding:0 0 0 55px; display:inline-block; }
.contactTel span:after { font-family:'icomoon'; font-size:4.2rem; content:"\e942"; color:#F1923D; position:absolute; left:0; top:3px; font-weight:normal; }


/*--------------------------------------------------
SLIDE
---------------------------------------------------*/
.slide_all { width:100%; height:calc(100vh - 113px); position:relative; left:0; top:0; box-sizing:border-box; }
.slide_wrap { width:100%; height:calc(100vh - 113px); position:relative; }
.slide_body { width:100%; height:calc(100vh - 113px); box-sizing:border-box; -webkit-box-sizing:border-box; }
.slide { height:calc(100vh - 113px); width:100%; position:relative; }
.kv1 { background:transparent url("../img/kv1.jpg") center center no-repeat; background-size:cover; z-index:10; }
.kv2 { background:transparent url("../img/kv2.jpg") center center no-repeat; background-size:cover; z-index:10; }
.kv1 h2 { position:absolute; left:50%; top:50%; color:#fff; font-weight:bold; letter-spacing:-2px; font-size:7.0rem;   text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.73); line-height:1.3; margin:-120px 0 0 -420px; box-sizing:border-box; }
.kv1 div { padding:40px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; background:linear-gradient(90deg,rgba(247, 141, 85, 0.8) 0%, rgba(245, 182, 120, 0.8) 100%); }
.kv1 div h3 { color:#fff; font-size:3.2em; font-weight:bold; line-height:1; margin:0 0 20px; }
.kv1 div p { color:#fff; font-size:2.4rem; font-weight:bold; line-height:1.4; }

.kv2 h2 { position:absolute; left:50%; top:50%; color:#fff; font-weight:bold; letter-spacing:-2px; font-size:7.0rem;   text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.73); line-height:1.3; margin:-60px 0 0 -375px; box-sizing:border-box; }
.kv2 div { padding:40px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; background: linear-gradient(90deg,rgba(122, 157, 242, 0.8) 0%, rgba(78, 189, 237, 0.8) 100%); }
.kv2 div h3 { color:#fff; font-size:3.2em; font-weight:bold; line-height:1; margin:0 0 20px; }
.kv2 div p { color:#fff; font-size:2.4rem; font-weight:bold; line-height:1.4; }

/*--------------------------------------------------
ADJUSTMENT
---------------------------------------------------*/
.frImg { margin:0 0 10px 40px !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
.fl { float:left; }
.fr { float:right; }
.tc { text-align:center !important; }
.fB { font-weight:bold; }
.tdvm td { vertical-align:middle !important; }
.thvm th { vertical-align:middle !important; }
.of { overflow:hidden; }
.m0 { margin:0 !important; }
.mauto { margin:0 auto 0 auto!important; }
.mr20 { margin:0 20px 0 0 !important; }
.mb10 { margin:0 0 10px 0 !important; }
.mb20 { margin:0 0 20px 0 !important; }
.mb30 { margin:0 0 30px 0 !important; }
.mb40 { margin:0 0 40px 0 !important; }
.mb50 { margin:0 0 50px 0 !important; }
.mb120 { margin:0 0 120px 0 !important; }
.mb60 { margin:0 0 60px 0 !important; }
.mb80 { margin:0 0 80px 0 !important; }
.mt20 { margin:20px 0 0 0 !important; }
.clear:after { content:""; display:block; clear:both; }
.p0 { padding:0 !important; }
#tg .radi { border-radius:0; }
#tg .sFont { font-size:1.5rem; }
#tg .w5 { width:5%; }
#tg .w8 { width:8%; }
#tg .w7 { width:7%; }
#tg .w420 { width:420px; }
#tg .w200 { width:200px; }
#tg .w720 { width:720px; }
#tg .w10 { width:10%; }
#tg .w12 { width:12%; }
#tg .w13 { width:13%; }
#tg .w15 { width:15%; }
#tg .w16 { width:16%; }
#tg .w20 { width:20%; }
#tg .w22 { width:22%; }
#tg .w26 { width:26%; }
#tg .w30 { width:30%; }
#tg .w35 { width:35%; }
#tg .w40 { width:40%; }
#tg .w45 { width:45%; }
#tg .w50 { width:50%; }
#tg .w60 { width:60%; }
#tg .h100 { height:100%; }