@charset "utf-8";
/* CSS Document base.css */
/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dfn,var { font-size: 1em; font-weight: normal; font-style: normal; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
nav ul { list-style:none;}
li{list-style:none;}
caption,th{text-align:left;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before,q:after{content:'';content:none;}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
*{zoom:1;}

/* CLEAR */
.clear{ clear: both; }

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}


/* IMAGE */

img {vertical-align:bottom; border: 0; width:100%; height:auto;}
img.hover:hover{opacity:0.8;}

/* GRID */

.column { float: left; }
.row2, .row3, .row4 { width: 100%; }


.column.last { margin-right: 0 !important; }
.column.last { float: right !important; }

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}

/* TYPE */

body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic', Arial, Helvetica, sans-serif; background-color:#fff; color:#333;}/*Georgia, "Times New Roman", Times, serif*/

h1,h2,h3,h4,h5,h6 { line-height:1.6em; }
p,li,dt,dl { line-height:1.6em; }
dd { line-height: 1.6em;}

p, dt, dd { margin:0 0 1.1em 0;  }

p {text-align:justify;}

ul { list-style-type:none; margin:0 0 1.1em 0; }
ul.square li { list-style: square inside; }
ul.circle li { list-style: circle inside; }
ul li { }
ol {list-style-type:decimal; margin:0 0 1.1em 0;}
ol li {list-style:decimal inside; }

a { color: #00348c; outline : 0 ;}/* #0088cc #1f638a*/
a:link, a:visited, a:active { text-decoration: none; }
a:hover {opacity:0.8;}
a img { border:0; }
a.more { padding-right: 15px; background: no-repeat right center; }
a.external { padding-right: 15px; background: url("https://www.sokuhai.co.jp/common/img/icn_external.gif") no-repeat right center; }
a[rel="external"] { padding-right: 15px; background: url() no-repeat right center; }

a.zip { padding-right: 20px; background: url() no-repeat right center; }
a.pdf { padding-right: 20px; background: url() no-repeat right center; }
a.dl { padding-right: 20px; background: url() no-repeat right center; }

strong, b, .bold { font-weight: bold; }
.normal { font-weight: normal; }
em, i, .italic{ font-style: italic; }

.red { color:#F00; }
.pink { color:#ff758f; }
.blue{color:#00348c;}
.lightblue{color:#00a9f0;}
.black{color:#000;}

blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}

pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
del { text-decoration: line-through; }
input, select { vertical-align:middle;}

table{ margin: 0; padding: 0; border-collapse: collapse;  border: none; }
table th, table td{ vertical-align: top; border: none;}

.hidden { display: none; visibility: hidden;}

.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }

.right { float: right; }
.left { float: left; }

.section { margin:0; padding:0; }
.zero { margin:0; padding:0; }

.border-none {border: none !important;}
.background-none {background: none !important;}

 
/* GENERAL */
body { font-size:12px;}

/*---------------------
ヘッダー
---------------------*/
#header{background-color:#fff; border-top:#00348c solid 3px; padding:7px 0 0 ;}
/*padding:7px 0 20px;*/
#header .logo{float:left; margin-left:10px; width:69px; margin-bottom:0;}
#header p.bt-pc{float:right; margin-right:10px; width:75px; margin-bottom:0;}
#header p.bt-haitatsu{float:right; margin-right:10px; width:70px; margin-bottom:0;}
#header p.bt-online{float:right; margin-right:10px; width:100px; margin-bottom:0;}

/*---------------------
コンテンツ
---------------------*/
#contents{padding-bottom:15px; clear:both;}
h1.page-title{font-size:15px; font-weight:bold; text-align:center; color:#fff; background-color:#254f96; padding:20px 0; margin-bottom:10px;}
p.page-info{width:94%; margin:0 auto 15px; font-size:13px; line-height:19px;}
.content-area dt{position:relative; margin:0 0 2px 0;}
.content-area dt:hover{cursor:pointer;}
.content-area dt.title{background:#254f96; padding:12px 0; color:#fff; font-size:15px; font-weight:bold; text-align:center;}
.content-area dt span{background:url("https://www.sokuhai.co.jp/sp/img/BT_accord.png") no-repeat top left; background-size:16px auto; width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; left:3%; overflow:hidden; display:block; text-indent:100%; white-space:nowrap;}
.content-area dt.on{margin-bottom:0;}
.content-area dt.on span{background-position:left bottom;}
.content-area dd{display:none; margin:0;}
.content-area dd ul{margin:0;}
.content-area dd ul li{border-bottom:#c5c5c5 solid 1px;}
.content-area dd ul li a{font-size:14px; display:block; padding:12px 0 12px 4%; background:url("https://www.sokuhai.co.jp/sp/img/ICON_arrow01.png") no-repeat 94% center #F5F5F5; background-size:8px auto; color:#333;}


/*---------------------
  下層ページ
---------------------*/
.table-a{width:94%; margin:10px auto;}
.table-a th{border:#c5c5c5 solid 1px; background-color:#f6f6f6; padding:10px 0.8%; text-align:center; width:30%; font-weight:bold; vertical-align:middle;}
.table-a td{border:#c5c5c5 solid 1px; padding:10px 1.5%; vertical-align:middle; width:70%; line-height:1.4em;}
.table-b{width:94%; margin:10px auto;}
.table-b th{border:#c5c5c5 solid 1px; background-color:#f6f6f6; padding:10px 0.8%; text-align:center; font-weight:bold; vertical-align:middle;}
.table-b td{border:#c5c5c5 solid 1px; padding:10px 1.5%; vertical-align:middle;line-height:1.4em;}
.content-area dd p.bt-contact{width:94%; margin:0 auto;}
.content-area dd p.tel{width:88%; margin:18px auto 20px;}
.text-area{width:94%; margin:20px auto 15px;}
.text-area h3{border-bottom:1px solid #ccc; font-weight:bold; font-size:1rem; margin-bottom:10px;}
.text-area .table-a{width:100%; margin:10px auto;}
.content-area ul.discoutside {border:none;margin-left:15%;width:85%; margin:20px auto 15px;}
.content-area ul.discoutside li { list-style: disc outside; border:none;}

ul.ridershokushu{margin:0;border-top:#c5c5c5 solid 1px; clear:both;}
ul.ridershokushu li{border-bottom:#c5c5c5 solid 1px;}
ul.ridershokushu li a{font-size:14px; display:block; padding:12px 0 12px 4%; background:url("https://www.sokuhai.co.jp/sp/img/ICON_arrow01.png") no-repeat 94% center #F5F5F5; background-size:8px auto; color:#333;}
p.bt-entry{text-align:center; margin-top:30px;}
p.bt-entry a{text-align:center; display:inline-block; padding:12px 0; width:200px; background:#00348c; color:#fff; font-size:16px; font-weight:bold;}

p.tel{}
p.tel a{font-weight:bold;font-size:1rem;color:#254f96;}

div.entryform{margin:0 auto; width:90%; padding:0 5%;}
div.entryform input.text{width:100%; padding:0;margin:5px 0;}
div.entryform textarea{width:100%; padding:0;margin:5px 0;}

img.credit {width:100%; margin:0 0 10px 0;}

#rider_img	{
	width:50%;
	float:right;
	padding:3%;
}

/*---------------------
フッター
---------------------*/
#footer .ft01{width:94%; margin:0 auto;}
#footer .ft01 ul li{float:left;}
#footer .ft01 ul.bt-block01 li{width:32%; margin-right:2%;}
#footer .ft01 ul.bt-block02 li{width:49%; margin-right:2%; margin-bottom:5px;}

#footer .ft02{background-color:#f6f6f6; padding:10px 0;}
#footer .ft02 p{width:94%; margin:0 auto;}

#footer .copy{background-color:#254f96; padding:8px 0;}
#footer .copy p{color:#fff; width:94%; margin:0 auto;}

/*---------------------
Instagramアイコン用 20170922 ボタンの下地
---------------------*/
.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 20px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
  transition: .5s;/*ゆっくり変化*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 50px;/*幅*/
  height: 50px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 13px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 23px;/*ずらす*/
  left: -18px;/*ずらす*/
  width: 60px;/*グラデーションカバーの幅*/
  height: 60px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 35px;/*アイコンサイズ*/
  line-height: 50px;/*高さと合わせる*/
}

.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 50px;/*高さ*/
  width: 190px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 25px;/*文字のサイズ*/
  line-height: 50px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 35px;/*アイコンサイズ*/
  position: relative;
  top: 4px;/*アイコン位置の微調整*/
}

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.insta_btn3 {/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 14px;/*角丸に*/
  position: relative;
  display: block;
  height: 120px;/*高さ*/
  width: 120px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  padding-top: 12px;/*上側との余白*/
  box-sizing: border-box;
  font-size: 19px;/*文字のサイズ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn3:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn3 div {
  position: relative;
}

.insta_btn3 .fa-instagram {
    font-size: 70px;/*アイコンサイズ*/
    position: relative;
    display:inline-block;
    position: relative;
    transition: .5s
}

.insta_btn3 .fa-instagram:hover {/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/*20181001追加*/
#main-img{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 85.3%;
    background: url("https://www.sokuhai.co.jp/sp/img/top/top_main_sp.jpg") 0 0 no-repeat;
    background-size: contain;
	/*
	margin:0 0 40px 0;
	*/
	margin:0;
}

.top-bnr{
	background: url("https://www.sokuhai.co.jp/sp/img/top/topbnr_bg.jpg") repeat;
	position:relative;
	padding:10% 5% 2% 5%;
	margin:0 0 20px 0;
}
.top-bnr h3{
	position: absolute;
	width:64%;
	margin-left:13%;
	top:-20px;
}
.top-bnr li:nth-child(odd){
	margin:0 0 5% 0;
}
.top-bnr li:nth-child(even){
}

/*202108追加*/
#header p.bt-online2 {
    float: right;
    margin-right: 10px;
    width: 90px;
    margin-bottom: 0;
}
.top-online{
	width: 90%;
	margin: 20px auto;
}
.top-online-block{
	padding: 40px;
	margin: 0 0 80px 0;
	background: #f5f5f5;
	font-weight: bold;
}
#footer .copy{
	padding: 8px 0 90px 0; /*バナーの高さ分*/
}
.online-bnr li:first-child a {
    /*-----必須-----*/
    position: fixed;
    bottom: 0;
    left: 0;
     
    /*-----装飾-----*/
	background: url("https://www.sokuhai.co.jp/sp/img/online-bnr1.png") no-repeat 0 bottom;
	background-size: contain;
	width: 50%;
	min-height:90px;
}
.online-bnr li:last-child a {
    /*-----必須-----*/
    position: fixed;
    bottom: 0;
    right: 0;
     
    /*-----装飾-----*/
	background: url("https://www.sokuhai.co.jp/sp/img/online-bnr2.png") no-repeat 0 bottom;
	background-size: contain;
	width: 50%;
	min-height:90px;
}
/*20200531*/
.header-btn{
	clear: both;
	padding: 10px 10px 0 10px;
	display: flex;
	justify-content: space-between;
}
.header-btn li{
	text-align: center;
	font-weight: bold;
	width: 49%;
}
.header-btn li a{
	padding: 0.5rem 0;
	font-size: 105%;
	display: block;
	color: #fff;
	line-height: 1.4;
}
.header-btn li:nth-child(odd) a{
	background: #ff9104;
}
.header-btn li:nth-child(even) a{
	background: #238ee5;
}

.error {
	background-color: #FFE1E1;
	padding: 5px;
	border: 2px solid #F00;
	margin-top: 10px;
	margin-bottom: 10px;
}