@charset "utf-8";*{padding:0px;margin:0px;font-family:"NotoSansJP-Regular", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS Pゴシック", Osaka, sans-serif;} @font-face{font-family:"NotoSansJP-Regular";src:url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format('opentype');} @font-face{font-family:"NotoSansJP-Bold";src:url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'), url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'), url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');} html{ font-size:62.5%; line-height:62.5%; height: 100%; } body { color: #282e33; font-size: 1.5rem; line-height: 2.7rem; width: 100%; height: 100%; } body:after { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } h1,h2,h3,h4,h5,h6, table th { font-weight: normal; } h2.title{font-size:3.6rem;font-family:"NotoSansJP-Bold";margin:235px 0 20px 0;} h3.title{font-size:2.8rem;font-family:"NotoSansJP-Bold";} h4.title{font-size:2.2rem;font-family:"NotoSansJP-Bold";} h5.title{font-size:1.8rem;font-family:"NotoSansJP-Bold";} article { margin-top: 0px; } article.scroll, article.scrolled { margin-top: 178px; } div#container { position: absolute; width: 100%; height: 100%; min-width: 985px; min-height: 100%; margin: 0px auto ; overflow:hidden; } body > #container { height: auto; } div#loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2500; } div#loader .spinner { position: fixed; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; z-index: 2540; -webkit-animation: spin 1.5s linear infinite; -moz-animation: spin 1.5s linear infinite; -ms-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } .spinner > div { position: absolute; width: 24px; height: 24px; margin2:3px; background-color: transparent; opacity: 0.8; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { top: 5px; left: 15px; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; border:3px solid #152750; } .spinner .bounce2 { top: 20px; left: 6px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; border:3px solid #3a5c9b; } .spinner .bounce3 { top: 20px; right: 6px; border:3px solid #6b98bc; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } @keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } @-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);} } /* ボディー */ #contents{margin-top:165px;text-align:center;} #caption, .sp-slides, .sp-slide, .sp-mask, .sp-image-container{ height:420px!important;} p.sp-layer{font-size:3.6rem!important;font-family:"NotoSansJP-Bold";line-height:4.6rem!important;text-align:center;padding:15px 30px} /* 共通 */ a{color:#29a2d9;} .col-1{width:80%;margin:0 auto;text-align:center;} .col-1-60{width:60%;margin:0 auto;text-align:center;} .col-2, .col-3{width:100%;text-align:center;border-bottom:1px solid #ced2d4;oveflow:hidden;} .col-2 div.odd{float:left;display:block;width:50%;height:auto;border-top:1px solid #ced2d4;margin-left:-1px;} .col-2 div.even{float:left;display:block;width:50%;height:auto;border-top:1px solid #ced2d4;border-left:1px solid #ced2d4;} .col-3 div.one{float:left;display:block;width:33.3%;height:auto;border-top:1px solid #ced2d4;margin-left:-1px;} .col-3 div.two{float:left;display:block;width:33.4%;height:auto;border:1px solid #ced2d4;border-bottom:0;} .col-3 div.three{float:right;display:block;width:33.3%;height:auto;border-top:1px solid #ced2d4;margin-right:-1px;} a.btn{display:block;width:150px;height:40px;line-height:40px;color:#fff;background-color:#282e33;text-decoration:none;border-radius:40px;} table.list{width:100%;border-collapse:collapse;} table.list th, table.list td{padding:20px;border:1px solid #ced2d4;} ul li, ol li{margin-left:20px;} /* ヘッダー */ #header{height:161px;border-bottom:4px solid #282e33;} #header #home{height:80px;border-bottom:1px solid #ced2d4;} #header{position:absolute;top:0;left:0;width:100%;z-index:100;} #header.active{position:fixed;} #header.scroll-down{position:fixed;} #header.scroll-up{position:fixed;} #header #home #logo{width:376px;height:38px;margin:20px 0 0 40px;float:left;} a.logo{display:block;width:376px;height:38px;background:url(content/images/img-logo.png) left top no-repeat;background-size:100%;text-indent:100%;white-space:nowrap;overflow:hidden;} div#langnav{position:absolute;top:0;right:0;z-index:100;width:120px;height:80px;border-left:1px solid #ced2d4;text-align:center;cursor:pointer;background:url(content/images/img-lang.png) top left no-repeat;background-size:200%;} div#langnav.active{background-position:-120px 0px;} div#langnav p{height:80px;line-height:80px;margin-left:12px;} div#langnav ul{text-align:left;} div#langnav ul li{margin-left:0;padding-left:28px;} div#langnav ul#lang{display:none;width:121px;height:81px;margin-left:-1px;overflow:hidden;} div#langnav.active ul#lang{display:block;} li.lang{display:none;width:121px;height:40px;border:1px solid #ced2d4;border-top:0;border-right:0;overflow:hidden;} li.lang:first-child{border-top:1px solid #ced2d4;} li.lang:hover{background-position:0px -80px;} li.lang a{display:block;color:#282e33;width:121px;height:40px;padding:5px 12px 0px 0px;font-size:1.3rem;text-decoration:none;} div#langnav ul li:last-child{background-color:#282e33!important;} div#langnav ul li:last-child a{font-family:"NotoSansJP-Bold";color:#fff;} /* グローバルメニュー */ #globalnav{margin:0px auto;text-align:center;clear:both;} #hmenu{display2:none;} #globalnav ul li{margin-left:44px;list-style:none;display:inline;line-height:80px;} #globalnav ul li:first-child{display2:none;margin-left:0px;} #globalnav ul li a{color:#282e33;font-size:1.5rem;text-decoration:none;font-weight:normal;font-family:"NotoSansJP-Bold";} #globalnav ul#nav li a{border-bottom:1px solid #fff;padding-bottom:13px;} #globalnav ul li:last-child a{color2:#787e8d;} #globalnav ul#nav li a.hover, #globalnav ul#nav li a.active{padding-bottom:13px;border-bottom:1px solid #282e33;} #header.scroll-down #globalnav ul li a{color:#fff;} #header.scroll-up #globalnav ul li a{color:#fff;} /* FB タイムライン */ #globalnav ul li:last-child{position:absolute;top:22px;right:150px;line-height:15px;text-align:left;width:224px;height:36px;} #globalnav ul#nav li:last-child a{font-family:"NotoSansJP-Regular";font-size:13px;padding-bottom:0;border-bottom:0;padding-left:42px;padding-top:2px;display:block;width:100px;height:32px;background: #fff url(content/images/btn-timeline.png) top left no-repeat;background-size:32px;} #globalnav ul#nav li:last-child a.hover, #globalnav ul#nav li:last-child a.active{padding-bottom:0px;border-bottom:0;} #globalnav ul#nav li:last-child .fb-like{position:absolute;right:0px;top:-3px;} /* SNSボタン */ div#sns {width:100%;text-align:right;float:none;} div#sns ul li {display:inline-block;margin:15px 0 0 5px;padding:0;list-style-type:none;vertical-align: middle;} div#sns ul li:first-child {margin: 4px 0 0 0;} /* TOP */ h2.title-top{font-size:2.4rem;font-family:"NotoSansJP-Bold";margin-bottom:20px;} h3.title-top, h4.title-top{font-size:2.0rem;font-family:"NotoSansJP-Bold";} /* 最新ニュース */ div#news-container{margin-top:50px;} dl.news{width:100%;} dl.news{display:table;border-bottom:1px dotted #ced2d4;padding:8px 1%;} dl.news dt{display:table-cell;width:160px;text-align:left;font-family:"NotoSansJP-Bold";} dl.news dd{display:table-cell;text-align:left;font-family:"NotoSansJP-Regular";} /* CIの特長 */ div#point-container{width:100%;margin-top:70px;} div.img-point-bg{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-top-point-bg.png) left top no-repeat;background-size:100%;} div.img-point-support{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-top-point-support.png) left top no-repeat;background-size:100%;} div#point-container div.odd p, div#point-container div.even p{width:72%;margin:10px auto 40px;text-align:left;} /* 主なサービスライン */ div.img-top-service01z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service01.jpg) left top no-repeat;background-size:cover;} div.img-top-service02z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service02.jpg) left top no-repeat;background-size:cover;} div.img-top-service03z{width:100%;height:284px;margin:0 auto;text-align:center;background:url(content/images/img-top-service03.jpg) left top no-repeat;background-size:cover;} .service01{min-height2:50px;padding:15px;vertical-align:middle;color:#fff;background-color:#152750;} .service02{min-height2:50px;padding:15px;vertical-align:middle;color:#fff;background-color:#3a5c9b;} .service03{min-height2:50px;padding:15px;vertical-align:middle;color:#fff;background-color:#6b98bc;} .col-3 div div.desc{width:80%;margin:20px auto 20px;text-align:left;} .col-3 div a.btn{margin:0 auto 26px;text-align:center;} .col-3 div div ul.top-list{margin-top:20px;text-align:left;} /* タイムライン */ div#timeline-container{width:100%;margin-top:70px;font-size:1.3rem;} div.fb-container{margin-top:25px;border:1px solid #ced2d4;text-align:left;} div.fb-usrinfo{height:60px;padding:20px 20px 10px;} div.fb-icon{width:50px;height:50px;margin-right:20px;border:1px solid #ced2d4;float:left;border-radius:4px;} div.fb-icon img{border-radius:4px;} div.fb-usrname{height:60px;float:left;} div.fb-usrname a{color:#282e33;text-decoration:none;font-family:"NotoSansJP-Bold";} div.fb-usrname a:hover{text-decoration:underline;} div.fb-permalink{height:60px;text-align:center;float:right;} div.fb-permalink a{display:block;width:90px;height:26px;line-height:26px;color:#fff;text-decoration:none;background-color:#282e33;border-radius:26px;} div.fb-message{clear:both;padding:0 20px 20px;} div.fb-img{display:block;width:150px;height:150px;margin:0 20px 0 0;float:left;} a.fb-share{color:#282e33;text-decoration:none;} div.fb-share-container{margin-top:20px;padding:20px;background-color:#f9fcfe;border:1px solid #ced2d4;border-radius:4px;} div.fb-share-container img{float:left;margin-right:20px;} /* タブメニュー */ ul#tabs-navi { zoom: 1; font-size:0; display: block; list-style: none; margin: 40px auto 70px; padding: 0; width: 90%; } ul#tabs-navi:after { content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; } ul#tabs-navi li { display: inline-block; width: 19%; max-width:210px; height: 40px; font-size: 1.5rem; padding: 0; margin: 0; text-align: center; border-right: 1px solid #ced2d4; border-top: 1px solid #ced2d4; border-bottom: 1px solid #ced2d4; list-style-type: none; overflow: hidden; } ul#tabs-navi li a { color: #282e33; font-family:"NotoSansJP-Bold"; line-height: 40px; display: block; width: 100%; height: 40px; text-decoration: none; } ul#tabs-navi li:first-child { border-left: 1px solid #ced2d4; border-top-left-radius:40px; border-bottom-left-radius:40px; } ul#tabs-navi li:last-child { border-top-right-radius:40px; border-bottom-right-radius:40px; } .tabbox { display: none; } ul#tabs-navi li a.active { color: #fff; background-color: #282e33; } div#tabs { margin-top: 15px; } div#tabs h3 { margin-bottom: 70px; } /* アンカーメニュー */ ul#anchors-navi { zoom: 1; font-size:0; display: block; list-style: none; margin: 40px auto 70px; padding: 0; } ul#anchors-navi:after { content: "."; display: block; height: 0px; clear: both; line-height: 0; visibility: hidden; } ul#anchors-navi li { display: inline-block; width: 200px; height: 40px; font-size: 1.5rem; padding: 0; margin: 0; text-align: center; border-right: 1px solid #ced2d4; border-top: 1px solid #ced2d4; border-bottom: 1px solid #ced2d4; list-style-type: none; overflow: hidden; color: #282e33; font-family:"NotoSansJP-Bold"; line-height: 40px; text-decoration: none; cursor: pointer; } ul#anchors-navi li:first-child { border-left: 1px solid #ced2d4; border-top-left-radius:40px; border-bottom-left-radius:40px; } ul#anchors-navi li:last-child { border-top-right-radius:40px; border-bottom-right-radius:40px; } /* タグメニュー */ p.taglist { cursor: pointer; } ul#tags-navi { width: 100%; display: block; list-style-type: none; margin: 0px auto 70px; padding: 11px 5px 6px; text-align: left; border: 1px solid #ced2d4; background-color:#f8fafc; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } ul#tags-navi.active { height: auto; -ms-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset; -moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset; -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset; -o-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset; box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset; } ul#tags-navi li { margin: 0px 10px 3px; text-align: left; text-decoration: none; list-style-type: none; float: left; overflow: hidden; color: #282e33; cursor: pointer; } ul#tags-navi li a{text-decoration:none;} ul#tags-navi li a:hover{text-decoration:underline;} ul#tags-navi li a span {font-size: 1.3rem;} /* 会社案内 */ /* 代表紹介 */ #company-intro-col1{width:320px;height:100%;margin-right:60px;text-align:left;float:left;position:relative;z-index:11;} #company-intro-col2{width:100%;height:100%;line-height:3.1rem;text-align:left;overflow:auto;padding-left:380px;margin-left:-380px;box-sizing:border-box;float:right;position:relative;z-index:10;} #company-intro-img{width:320px;height:380px;background:url(content/images/img-company-intro-img.jpg) left top no-repeat;background-size:100%;} #company-intro-name{border:2px solid #282e33;margin:25px 0 20px;padding:10px 14px 14px;} #company-intro-name p.name{font-size:3.0rem;line-height:4.4rem;font-family:"NotoSansJP-Bold";} #company-intro-name p.title{font-size:1.7rem;font-family:"NotoSansJP-Bold";} #company-intro-desc{font-size:1.3rem;line-height:2.5rem;} p.sig{text-align:right;} /* 会社沿革 */ div#company-history{width:100%;margin-top:0px;text-align:left;background:url(content/images/img-company-history-line.png) 116px 50% no-repeat;background-size:4px 90%;} div#company-history dl{width:100%;display:table;margin-top:30px;} div#company-history dl dt{width:130px;min-height:32px;line-height:2.5rem;padding:8px 0;text-align:left;font-family:"NotoSansJP-Bold";display:table-cell;vertical-align:middle;background:url(content/images/img-company-history.png) right 50% no-repeat;background-size:24px;} div#company-history dl:last-child dt{background:url(content/images/img-company-history-new.png) right 50% no-repeat;background-size:24px;} div#company-history dl dd{min-height:32px;line-height:2.5rem;padding:8px 0 8px 50px;text-align:left;font-family:"NotoSansJP-Regular";display:table-cell;} /* 会社概要 */ div#company-outline{width:100%;overflow:hidden;display:table;} div#company-outline-img{width:320px;background:url(content/images/img-company-outline-img.jpg) 50% 50% no-repeat;background-size:cover;overflow:hidden;display:table-cell;} div#company-outline-list{display:table-cell;padding-left:54px;} div#company-outline-list dl{width:100%;display:table;border-bottom:1px dotted #ced2d4;} div#company-outline-list dl dt{width:120px;line-height:2.5rem;padding:18px 0;text-align:left;font-family:"NotoSansJP-Bold";display:table-cell;vertical-align:middle;} div#company-outline dl dd{line-height:2.5rem;padding:18px 0 18px 0px;text-align:left;font-family:"NotoSansJP-Regular";display:table-cell;vertical-align:middle;} /* アクセス */ div#company-access{text-align:left;} div#company-access-map{width:100%;height:500px;padding:10px;border:1px solid #ced2d4;} div#company-access-map iframe{width:100%;height:100%;} div#company-access-desc{margin-top:30px;} /* サービス */ /* サービスライン */ div#services-line h4{margin-top:70px;} div#services-line p.desc{margin:30px 0;} div#services-line .col-2 div{min-height:300px;} div#services-line .col-2 div.odd ul, div#services-line .col-2 div.odd p, div#services-line .col-2 div.even ul, div#services-line .col-2 div.even p{width:72%;margin:30px auto;text-align:left;} div#services-line .col-3 div ul{width:80%;margin:30px auto;text-align:left;} div#services-line a.btn{font-size:1.8rem;width:300px;height:60px;line-height:60px;margin:30px auto 0;text-align:center;} /* CIのポジション */ div.img-position01{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-services-position01.png) left top no-repeat;background-size:100%;} div.img-position02{width:100%;height:0;padding-top: 56.25%;margin:0 auto;text-align:center;background:url(content/images/img-services-position02.png) left top no-repeat;background-size:100%;} /* 提供システム */ div#system-main, div.system{text-align:left;} div#system-main img.rt-img{text-align:center;margin:0 auto;width:500px;height:138px;} div.system h4{text-align:center;margin:70px auto 30px;} /* サポート実績 */ /* サービス別サポート */ div#results-support h4{margin:70px 0 30px;} div#results-support table.service01 th{color:#fff;background-color:#152750;} div#results-support table.service02 th{color:#fff;background-color:#3a5c9b;} div#results-support table.service03 th{color:#fff;background-color:#6b98bc;} div#results-support table.service01 td, div#results-support table.service02 td, div#results-support table.service03 td{color:#282e33;background-color:#fff;} div#results-support table.list th, div#results-support table.list td{line-height:2.7rem;} div#results-support table.list th{font-family:"NotoSansJP-Bold";} div#results-support table.list td.service{width:30%;font-family:"NotoSansJP-Bold";} div#results-support table.list td.project{width:70%;text-align:left;} div#results-support table.list td.project ul li{margin-left:20px;} /* クライアント */ div.results-clients{text-align:left;} div.results-clients h4{margin-bottom:30px;text-align:center;} div.results-clients ul{width:100%;margin-bottom:-30px;} div.results-clients ul li{width:27%;margin:4px 4% 4px 2%;line-height:2.5rem;float:left;} div.results-clients p{margin-top:70px;text-align:right;} div.results-clients p.desc{text-align:left;} /* イベント */ div#past dl {display:table;width:100%;border-bottom:1px solid #ced2d4;} div#past dl dt, div#past dl dd{display:table-cell;text-align:left;padding:12px 8px;} div#past dl dt{width:160px;font-family:"NotoSansJP-Bold";} /* コラム */ #ajaxSearch_form fieldset{border:0;} #ajaxSearch_input{width:83%;-webkit-appearance:none;border:1px solid #ced2d4;vertical-align:middle;} #ajaxSearch_submit{width:14%;height:32px;font-size:1.3rem;line-height:32px;color:#fff;background-color:#282e33;text-decoration:none;border:0;border-radius:32px;cursor:pointer;} div#column-container{width:100%;margin-top:45px;} div#column-wrapper{width:100%;margin-top:60px;} div#column-container p.title{margin:18px 0 2px;font-family:"NotoSansJP-Bold";} div#column-container div.entry-archive{margin-top:40px;} div#column-container div.entry-archive dt{padding:6px 0;border-bottom:1px solid #ced2d4;text-align:left;} div#column-container div.entry-archive dt a{font-size:1.8rem;font-family:"NotoSansJP-Bold";color:#282e33;text-decoration:none;} div#column-container div.entry-archive dd{padding:16px 0px;} div#column-container div.entry-archive dd.content{text-align:left;border-bottom:1px solid #ced2d4;} div#column-container div.entry-archive dd.content a{display:block;margin:16px auto 10px;text-align:center;} div#column-container div.entry-archive dd.date{padding:6px 0;text-align:right;} div#column-container div.entry-archive dd.tags{padding:0;text-align:right;font-size:1.2rem;line-height:23px;} div#column-container div.entry-archive dd.tags a{text-decoration:none;} div#column-container div.entry-archive dt a:hover{text-decoration:underline} div#column-container h3.title-column{font-family:"NotoSansJP-Bold";font-size:2.6rem;line-height:3.2rem;margin:60px 0 18px;text-align:left;} div#column-container div#column-text{width:100%;text-align:left;} div#column-container div#column-text table{width:100%;border:1px solid #ced2d4;border-collapse:collapse;} div#column-container div#column-text table th, div#column-container div#column-text table td{border:1px solid #ced2d4;padding:5px 10px;} div#column-container div#column-text table th{text-align:center;} div#column-container div#column-text img{width:100%;height:auto;text-align:center;} div#column-container div#column-btn{margin-top:60px;} div#column-container div#column-btn a{color:#fff;display:block;width:220px;height:50px;margin:0 auto;font-size:2.1rem;line-height:50px;text-decoration:none;background-color:#282e33;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;} div#column-container div.entry-archive dd.tags a{display:inline-block;font-size:1.2rem;line-height:23px;} div#column-container div.entry-archive dd.tags a{color:#282e33;text-decoration:none;margin:6px 0 0 5px;padding:0 12px;background-color:#d3dde2;border-radius:23px;-webkit-border-radius:23px;-moz-border-radius:23px;} div#column-date{width:100%;text-align:right;padding:10px 0 5px;border-top:1px solid #ced2d4;} div#column-tags{width:100%;text-align:right;margin-bottom:48px;} div#column-tags, div#column-tags a.tag{display:inline-block;font-size:1.4rem;line-height:24px;} div#column-tags a.tag{color:#282e33;text-decoration:none;margin:6px 0 0 6px;padding:0 12px;background-color:#d3dde2;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;} #column-sns{margin-top:5px;} div#toc{margin-bottom:60px;padding:14px 20px;border:1px solid #ced2d4;background-color:#f8fafc;} div#toc p{font-family:"NotoSansJP-Bold";margin-bottom:4px;} div#toc a{text-decoration:none;} div#toc a:hover{text-decoration:underline;} div#column-container h4{font-size:1.8rem;line-height:2.2rem;font-family:"NotoSansJP-Bold";padding:6px 0 10px 14px;border-left:4px solid #282e33;border-bottom:1px solid #ced2d4;} div#column-container h5{font-size:1.5rem;font-family:"NotoSansJP-Bold";} div.column-author-box {margin-top:60px;padding:20px;border:1px solid #ced2d4;} div.column-author-box div.member-img{width:110px;height:134px;margin:0 30px 0px 0;float:left;} div.column-author-box div.member-profile{text-align:left;} div.column-author-box div.member-profile div.member-name span.title{font-size:2.0rem;} div.column-author-box div.member-profile div.member-name span.title ruby{font-family:"NotoSansJP-Bold";} div.column-author-box div.member-profile div.member-title, div.column-author-box div.member-profile div.member-class{margin-top:0px;} div.column-author-box div.member-profile div.member-class span.class{display:inline-block;width:50px;height:19px;border:1px solid #282e33;font-size:1.2rem;text-align:center;line-height:19px;margin-right:10px;} div.column-author-box div.member-profile div.member-comment{margin-top:15px;} div#column-related-list{margin-top:60px;} div#column-related-list p.title{font-size:2.0rem;font-family:"NotoSansJP-Bold";margin-bottom:10px;} div#column-related-list ul li{width:98%;margin:0;padding:8px 0 8px 2%;text-align:left;border-bottom:1px dotted #ced2d4;list-style-position:inside;} div#column-related-list ul li a{width:93%;display:inline-block;text-decoration:none;padding-left:6px;vertical-align:top;} div#column-related-list p.latest{color:#29a2d9;text-align:right;padding-top:8px;} div#column-related-list p.latest a{text-decoration:none;} div#column-related-list ul li a:hover, div#column-related-list p.latest a:hover{text-decoration:underline;} /* メンバー */ div#members-container{width:100%;margin-top:30px;} div.member-box{width:100%;width2:42.5%;margin-top:3%;margin-right:3%;padding:2%;border2:1px solid #ced2d4;float2:left;} div.member-img{width:220px;height:268px;margin:0 30px 20px 0;float:left;} div.member-profile{text-align:left;} div.member-name h3 ruby{font-family:"NotoSansJP-Bold";} div.member-title, div.member-class{margin-top:15px;} div.member-class span.class{display:inline-block;width:50px;height:19px;border:1px solid #282e33;font-size:1.2rem;text-align:center;line-height:19px;margin-right:10px;} div.member-desc{margin-top:15px;} div.member-desc dl {display:table;width:100%;} div.member-desc dl dt, div.member-desc dl dd{display:table-cell;} div.member-desc dl dt{width:66px;font-family:"NotoSansJP-Bold";} /* 書籍・メディア */ .book-box{width:46%;height:170px;margin-left:1.5%;margin-right:1.5%;margin-top:3%;border:1px solid #ced2d4;text-align:left;float:left;} .book-box .book-img {width: 120px; height: 170px; padding-right:22px;overflow:hidden;float: left;} .book-box .book-img img {width: 120px; height: 170px;} .book-box .book-desc h4.title, .media-box .media-desc h4.title{font-size:1.8rem;line-height:2.4rem;padding:14px 18px 7px;} .book-box .book-desc p {padding:7px 18px 0px;} .media-box .media-desc p {padding:7px 18px 9px;} .media-box{width:46%;margin-left:1.5%;margin-right:1.5%;margin-top:3%;border:1px solid #ced2d4;text-align:left;float:left;} /* 顧問先優待 */ #partners-container{width:100%;margin-top:40px;} #partners-desc{margin-bottom:40px;} .partner-box{width:46%;margin-right:3%;margin-top:3%;border:1px solid #ced2d4;text-align:left;float:left;} .partner-box p.title {padding:14px 18px 2px;} .partner-box p.title a{font-family:"NotoSansJP-Bold";} .partner-box p.desc{padding:2px 18px 14px;} /* お問い合わせ */ div#contact-container .col-2{border:0;text-align:left;} div#contact-container .col-2 .odd, div#contact-container .col-2 .even{border:0;} div#contact-container .col-2 .odd{width:48%;padding-right:2%;} div#contact-container .col-2 .even{width:48%;padding-left:2%;} div#contact-container dl dt{font-family:"NotoSansJP-Bold";} .form dl{margin-top:15px;} input[type="text"], input[type="submit"], textarea{-webkit-appearance:none;border:1px solid #ced2d4;} span.valid, p.error{color:#cc0000;} #contact-desc{margin:70px 0 60px;text-align:center;} #contact-btn{clear:both;padding:0;text-align:center;} input, select{font-size:1.6rem;height:30px;padding:0 1%;} input#field1{width:96.9%;} input#field1_2, input#field2_2{width:46.3%;} input#field1_2, input#email1_2{margin-right:1%;} input#field2_2, input#email2_2{margin-left:1%;} input#email1_2, input#email2_2{width:43.3%;} input.field3{width:50px;} span.atmark{display:inline-block;width:5.4%;height:30px;line-height:30px;vertical-align:middle;text-align:center;overflow:hidden;} input#email1_2, input#email2_2, span.atmark{margin-bottom:5px;} input.address1{margin:5px 0;} select#subject, textarea#message, select#biz{width:98.6%;} textarea#message{font-size:1.6rem;line-height:2.4rem;height:298px;margin-top:10px;} #agreement{clear:both;width:100%;padding:40px 0 20px;} #agreement div{margin:0 auto} #contact-complete{padding:40px 0 0;margin-bottom:-40px;text-align:center;} #contact-complete h3{font-weight:bold;margin-bottom:36px;} #contact-complete p{text-align:left;} a.btn-contact{display:block;width:220px;height:35px;margin:0 auto;padding:13px 0 7px;text-align:center;color:#fff;font-size:2.3rem;line-height:35px;font-family:"Khula-Regular";text-decoration:none;background-color:#000;border-radius:55px;-webkit-border-radius:55px;-moz-border-radius:55px;} .buttons{margin-top:20px;} .buttons:first-child{margin-top:0px;} input.btn{width:220px;height:50px;margin:70px auto 0px;color:#fff;font-size:2.1rem;line-height:50px;text-decoration2:none;background-color:#000;border:1px solid #000;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;cursor:pointer;} input#confirm:disabled, input#submit:disabled{background-color:#000;border:1px solid #000;opacity:0.4;cursor:default;} input#submit{background-color:#0099cc;border:1px solid #0099cc;} /* 採用情報 */ div#recruitment-intro{margin-top:40px;} div#recruitment{text-align:left;} div#recruitment h3{text-align:center;margin:70px 0 30px;} div#recruitment table.list th{text-align:center;background-color:#ecf0f2;font-family:"NotoSansJP-Bold";} /* プライバシーポリシー */ div#privacypolicy-container{text-align:left;} div#privacypolicy-container h3{margin:70px 0 30px;text-align:center;} div#privacypolicy-container h4{margin:30px 0 15px;} /* 免責事項 */ div#disclaimer-container{text-align:left;margin-top:70px;} /* ページ */ div#pagetop { position: fixed; bottom: 86px; right: 0px; width: 50px; height: 50px; overflow: hidden; z-index: 2000; cursor: pointer; } div#pagetop p { display: block; width: 50px; height: 50px; text-indent: -9999px; opacity: 0.8; background: rgba(40,46,51,1.0) url(content/images/btn-pagetop.png) 1px top no-repeat; background-size: 100%; border-top-left-radius:6px; border-bottom-left-radius:6px; } /* バナー */ div#banner { margin: 80px 0 0; } div#banner ul.banner-list { margin: 0 auto; text-align: center; } div#banner ul.banner-list li { display: inline-block; width: 300px; height: 100px; list-style-type: none; } div#banner ul.banner-list li { margin: 15px 10px 0px; } div#banner ul.banner-list li:last-child { margin-right2: 0px; } a.banner { display: inline-block; width: 300px; height: 100px; border: 1px solid #ced2d4; } a.banner, a.banner img { border-radius: 6px; } /* フッター */ div#wrapper { padding-bottom: 304px; /*内フッターの上マージン70px*/ } #footer { clear: both; position: absolute; bottom: 0px; width: 100%; height: 234px; margin:0 auto; text-align:center; border-top:4px solid #282e33; } #footernav{margin-top:16px;} #footernav ul li{margin-left:30px;list-style:none;display:inline;line-height:38px;} #footernav ul li:first-child{margin-left:0px;} #footernav ul li a{color:#282e33;font-family:"NotoSansJP-Regular";font-size:1.3rem;text-decoration:none;padding-bottom:6px;border-bottom:1px solid #fff;} #footernav ul li a.hover, #footernav ul li a.active{padding-bottom:6px;border-bottom:1px solid #282e33;} .copyright{font-size:1.3rem;margin-top:30px;} /* フロート解除 */ .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; }