@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1.6em}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/*body {word-break; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;color:#777; margin:0;	padding:0;letter-spacing:1px;text-align: center; margin: 0 auto;}*/
body{font-family: tbudgothic-std, sans-serif;font-style: normal;font-weight: 400;color:#262626}
img {border:none;outline:none;height:auto;max-width:100%; display:block; margin:0 auto}
a {text-decoration:none;}
a:focus {outline:none;}
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
p, ul li, dl dd, dl dt{font-size:16px;line-height:1.8em;text-align:left;letter-spacing:1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
p a, dl dd a, dl dt a, li a{color:#262626}
/* text */
h1{font-size:34px;font-weight:bold;}
h2{font-size:28px;line-height:1.4em;font-weight:bold;}
h3{font-size:22px;line-height:1.4em;font-weight:bold;}
.br{display:inline-block}
/* bg */
.bg_blu{background-color:#6ac3e7}
.bg_gly{background-color:#e6e6e6}
.inner{width:96%; max-width:1200px; margin:0 auto;}
.inner_row{width:100%; max-width:1200px; margin:0 auto;}
p{max-width:680px; margin:0 auto; font-size:20px}
#topics,#about, #plan-fee, #case-voice,#othercase, #company-info{padding-bottom:4em}
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content:space-between;
  -moz-justify-content:space-between;
  justify-content:space-between;
}
/* nav */
.navbar-nav {    /*width: calc(100% - 230px);*/	width:96%;	margin:0 auto;	max-width:1000px;}
nav {text-align:center; margin:0 auto; padding-top:0.4em}
nav ul {text-align:center;color:#000; font-size:0; max-width:1000px; margin:0 auto}
nav ul li {position: relative;text-align:center;}
nav ul li a{display:block;}
li.menu-item, li.menu-contact {display: inline-block; vertical-align: middle; padding: 0 10px; outline: 0; cursor: pointer;}
li.menu-item a {padding-top:12px;margin-bottom:4px;border-bottom:1px solid #fff}
li.menu-item a:hover{border-bottom:1px solid #6ac3e7}
li.menu-contact{padding:10px;background-color:#ff0000;margin-bottom:4px;}
li.menu-contact a{color:#fff}
/* top */
#top{position:relative}
#top-slider img{width:100%}
#top h1, #top h2{color:#fff}
#top h1 span.lead{display:block; font-size:30px;margin-bottom:2%;line-height:1.4em}
#top h1 {width:94%;max-width:1000px;position: absolute;top: 20%; left:0; right:0; margin:auto; z-index: 1; font-size:6em}
#top h2 {width:94%;max-width:1000px;position: absolute;top: 50%;  left:0; right:0; margin:auto;z-index: 1; font-size:30px;}
/* top-menu */
#top-menu {height:1px}
#top-menu ul{width:94%;max-width:1000px;margin:0 auto;text-align:center; position:relative; top:-240px}
#top-menu ul li{max-width:280px;width:30.4%;margin:0 auto; margin-bottom:1em;text-align:center;z-index: 10; background-color:#fff; border:solid 1px}
/* container */
.container{overflow:hidden;height:100%}
.tit{color:#fff;background-color:#6ac3e7; padding:1em 1em 1em 0;text-align:right;width:32%;min-width:280px}
.txt{width:92%;margin:0 0 0 auto;padding:26px 8%;margin-bottom:2em}
/* news */
#news .dl-table>dt{float:left;clear:left;}
#news .dl-table>dt, #news .dl-table>dd {padding:4px;}
#news .dl-table>dt{width: 180px;}
#news .dl-table>dd {margin-left: 180px}
/* about */
#about h2{font-size:3em;color:#262626;margin-bottom:1em;}
#about{position:relative;padding-bottom:8em}
#about .inner{position:relative;z-index:1}
.trg:before {
content: '';
    display: inline-block;
    position: absolute;
    z-index: 0;
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    margin-top: -80px;
    border-top: 260px solid rgba(0, 0, 0, 0);
    border-left: 1400px solid rgba(0, 0, 0, 0);
    border-bottom: 260px solid rgba(0, 0, 0, 0);
    border-right: 1400px solid rgb(106, 195, 231);
	opacity:0.5;
}
/* plan */
#plan-fee{}
ul.plan li{width:48%; margin:0 auto;border:1px solid #6ac3e7; margin-bottom:2em}
ul.plan li h3{color:#fff; text-align:center;padding:0.8em 0.2em; }
ul.plan li p{background-color:#fff}
ul.plan li p, div.plan_text {padding:2% 4%}
/* company info */
#company-info .dl-table{overflow:hidden; border: 1px solid #6ac3e7; margin-top:1em;background-color:#fff;}
#company-info .dl-table>dt{float:left;clear:left; font-weight: bold;}
#company-info .dl-table>dt, #company-info .dl-table>dd {padding: 20px;}
.dl-table.dl-table-bordered>dt, .dl-table.dl-table-bordered>dd {margin-top: -1px; border-top: 1px solid #6ac3e7;}
#company-info .dl-table>dt{width: 180px;}
#company-info .dl-table>dd {margin-left: 180px;border-left: 1px solid #6ac3e7;}
.pvmark{float:right; margin-left:4px; margin-bottom:4px}
/* case */
#case-fee img{width:100%;}
h3.black_30{margin-bottom:0.1em}
.blue-area{background-color:#6ac3e7;text-align:center;padding:30px 20px 20px; clear:both }
.border-thin-blue-3 {border: 3px solid #6ac3e7;padding:30px; padding-bottom:10px; text-align:left}
ul.lineblock{overflow:hidden; max-width:720px; margin:0 auto !important}
.lineblock li{display:inline-block;margin-right:30px; font-size:18px;margin-bottom:4px }
.lineblock li:last-child{margin-right:0}
.lv_black{color:#fff; background-color:#262626;-webkit-border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;border-radius: 10px 10px 10px 10px; margin-right:10px; padding:0 8px;display:block; float:left }
.company_info{clear:both;overflow:hidden;margin-bottom:24px; background-color:#fff}
.company_info dt{float:left;clear:left;width:115px; font-size:18px;color:#6ac3e7; text-align:left; font-weight:bold;}
.company_info dd{margin-left:115px;font-size:18px;}
ul.customer{overflow:hidden;}
ul.customer li{box-sizing:border-box; display:inline-block; vertical-align:middle;margin-bottom:24px}
ul.customer li.profile{ width:30%; text-align:center; margin-right:2%; font-size:12px}
ul.customer li.profile img{margin-bottom:16px}
span.campany{display:block;margin-bottom:12px}
ul.customer li.comment{ width:66%; max-width:760px;padding:0.6em 0.8em;border:solid 4px #00a0e2; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;background-color:#fff; }
/* nav text */
.red, .red a {color:#ff0000}
/* nav border + dropdown bg*/
li.red a:hover, .red .nav .border, .red .nav .top, .red .nav .left, .red .nav .bottom, .red .nav .right, .red .nav::after { background-color: #ff0000;color:#fff}
/* nav animation */
*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.nav {border: none; cursor: pointer; padding: 14px 5px; position: relative; letter-spacing: 0.1em; font-size:16px; font-weight:bold}
.nav .text {position: relative;z-index: 100;}
.nav .text {-webkit-transition: color .5s linear;transition: color .5s linear;}
.nav .border, .nav .top, .nav .left, .nav .bottom, .nav .right {transition: all 1s ease-out;-webkit-transition: all 1s ease-out;position: absolute;}
.nav .top, .nav .left {left: 0;top: 0;}
.nav .bottom, .nav .right {right: 0;bottom: 0;}
.nav .right, .nav .left {width: 2px;height: 0%;}
.nav .bottom, .nav .top {height: 2px;width: 0%;}
.nav::after {content: '';transition: all 1s ease-out;-webkit-transition: all 1s ease-out;position: absolute;left: 50%;top: 50%;opacity: 0;transform: translate(-50%, -50%);width: 0px;height: 0px;}
.nav:hover .text{color: #fff;}
.nav .text a{display:block}
.nav:hover .text a  {color: #fff; background-color:transparent}
.nav:hover > .bottom, .nav:hover .top {width: 100%;}
.nav:hover > .right, .nav:hover .left {height: 100%;}
.nav:hover::after {width: 100%;height: 100%;opacity: 1;}
/* slick-slider  fullscreen slider */
.slick-slider{position: relative; display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;   -ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);    -ms-transform: translate3d(0, 0, 0);     -o-transform: translate3d(0, 0, 0);        transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px; outline: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
/* Dots */
.slick-dots{position: absolute;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots{top:42%}
.slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}.slick-dots li button:before{font-family: 'slick';font-size: 20px; line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;    content: '●';    text-align: center;    opacity: .25;    color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.slick-dots li.slick-active button:before{    opacity: .75;    color: black;}
/* arrow */
.slider-arrow {position: absolute;top: 50%;width: 32px;height: 32px;margin-top: -16px;line-height: 32px;font-size: 28px;cursor: pointer;z-index: 10;}
.slider-prev {left: -10px; background: url(http://www.sportsone.jp/img_common/controls.png) no-repeat 0 -32px;}
.slider-next {right: -10px;background: url(http://www.sportsone.jp/img_common/controls.png) no-repeat -43px -32px;}
/* case */
ul#case-slider li a{display:block;border: 1px solid #ccc;text-align:left;margin:6%; padding:6%;background-color:#fff;}
{overflow:hidden;clear:both;margin:0 auto;margin-bottom:50px; margin-right:-20px}
ul#case-slider li p{height:80px}
.car_tit{height:90px;}
.car_tit h3{font-size:16px; margin-top:4px}
/* para */
.para { height: 100%; background: url(../images/para_back.jpg) no-repeat fixed; background-size: cover;  background-position:center top; padding-top:2em }
/* kokomade */
.black_30 {color:#262626;font-size: 30px;}
.black_20{color:#262626;font-size:20px;}
.black_14{color:#262626;font-size:14px;}
.blue{color:#00a0e2;}
.blue_14{font-size:11pt;color:#00a0e2;line-height:1.4em}
.border-blue-3{border:3px solid #00a0e2}
.border-blue-dashed-1{border:1px dashed #00a0e2}
.font-size-18{font-size:18px}
.bold{font-weight:bold}
.margin-bottom-20 {margin: 0 0 20px;}
.margin-bottom-40 {margin: 0 0 40px;}
.margin-top-20 {margin-top: 20px;}
.padding-0_30 { padding: 0 30px;}
.padding-10_30_30 {padding: 10px 30px 30px;}
/*footer*/
#footer{ color: #fff; background-color:#00a0e2; box-sizing:border-box; width:100%; clear: both; margin: 0 auto; overflow:hidden; text-align:center; }
#footer .inner{max-width:600px}
#footer a{ color: #fff; text-decoration: none; text-align: left; min-height:44px; font-size:16px;display:block }
#footer a:link { color: #fff; text-decoration: none; }
#footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover{ color: #fff; text-decoration: underline; }
.infolink {box-sizing:border-box;margin:6% auto;clear:both; letter-spacing:1pt; text-align:center; overflow:hidden;}
.infolink .f_left{width:47%;float:left; text-align:left; margin-right:4%; font-size:14px;line-height:1.8em; border-right:solid 1px}
.infolink .f_left:last-child{margin-right:0; border-right:none}
#footer a.btn_co{text-align:center;}
a.btn_co{background-color:#e40080; color:#fff; font-weight:bold;font-size:14px;  display:inline-block;padding:8px 6px; margin-top:10px;-moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px; }
a.btn_co:hover{color:#fff; text-decoration:none}
.f_logo {float:left; width:8%; margin-right:3%; margin-bottom:4%}
.companyname {font-size:22px; font-weight:bold; margin-bottom:1%;float:left; clear:right;width:80%; text-align:left}
.copyright {float:left; font-size:12px; text-align:left; }
/* page top */
#pagetopbutton {/*display: none;*/position: fixed;z-index:1000;bottom: 30px;right: 15px;}
#pagetopbutton a {box-sizing: border-box;display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #808080;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
@media only screen and (min-width: 768px) {
nav {position: relative;z-index: 2;}
.triangle-inner{margin-top:-200px;background: #fff;height:280px;left: 0;position:absolute;top: 0;
-webkit-transform:skewY(-8deg) translate3d(0,0,0);
transform: skewY(-8deg) translate3d(0,0,0);
-webkit-transform-origin: top center;
transform-origin: top center;
width: 100%;z-index: 1;}
.container{position:relative;top:-60px;margin-bottom:-60px}
}
@media only screen and (max-width: 1000px) {
#top h1 {top:22%;}
#top h2 {top:57%;}
#top-menu ul{top:-120px}
.tit{width:40%}
}
@media only screen and (max-width: 767px) {
#top h1 span.lead{font-size:26px}
#top h1 {top:14%; font-size:4em}
#top h2 {top:60%; font-size:26px}
h2{font-size:24px;}
#top-menu ul{width:96%; top:-50px}
.nav h3.text {font-size:18px;}
.tit{width:50%; padding:1em 0 1em 1em;text-align:left}
li.menu-contact { margin-left: auto;margin-top:4px;}
.para{background-image: none;}
.para::before {
        content: "";
        display: block;
        min-width: 100vw;
        min-height: 100vh;
        background-image: url("../images/para_back.jpg");
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1
    }
}
@media (max-width:480px){
/* text */
li.menu-item{width:48%}
li.menu-contact{margin-right:auto;width:100%; max-width:280px}
h1{font-size:20px;}
h2{font-size:20px;}
h3{font-size:18px;}
#top h1 span.lead{font-size:22px}
#top h1 {top:10%; font-size:3em}
#top h2 {top:60%; font-size:22px}
.nav{height:80px; padding:14px 5px}
.inner{width:92%}
p{font-size:18px}
#top-menu{height:auto}
#top-menu .flex-container{top:0; margin-top:1em;}
#top-menu .flex-container,.plan.flex-container{display:block;}
#top-menu .flex-container li,.plan.flex-container li{width:100%;}
#news .dl-table>dt{display:block; width:100%;font-weight:bold}
#news .dl-table>dd{margin-left:0; margin-bottom:0.4em}
ul.customer li.profile, ul.customer li.comment{display:block; width:100%;margin:0 auto;}
ul.customer li.profile{margin-bottom:1em}
#company-info .dl-table>dt{display:block; width:100%;}
#company-info .dl-table>dd {margin-left:0;border:none;}
}