@charset "UTF-8";
/*--------------------------------
初期設定
---------------------------------*/
body {width: 100%; color: #3e3a39; min-width: 320px; padding: 0px;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Osaka", sans-serif ;line-height: 160%;font-size:16px;}
img {max-width: 100%;}
p, ul li, ol li, dl dt, dl dd{margin:0; padding:0; font-size:16px;line-height: 160%;}
ul{ margin:0; padding:0}
ul li{ margin:0; padding:0; list-style-type:none;}
.clearfix::after {content: "";display: block;clear: both;}
/*--------------------------------
共通
---------------------------------*/
.pc {display: none;}
.pc2 {display: none;}
.sp {display: block;}
.sp2 {display: block;}
.contactbtn{display: none;}
.Nav {display: none;}

/*--------------------------------
モーダル
---------------------------------*/
.m-header {text-align: center;font-size: 12px;background-color: #92d5ff;color: #fff;margin-top: 0;border-radius: 5px 5px 0 0;padding: 10px 0;}
#modal-open {color: #fff;}
/* モーダル コンテンツエリア */
#modal-main {display: none;width: 300px;height: 280px;margin: 0;padding: 0;background-color: #ffffff;color: #000;position:fixed;z-index: 2;border-radius: 5px;}
/* モーダル 背景エリア */
#modal-bg {display:none;width:100%;height:100%;background-color: rgba(0,0,0,0.8);position:fixed;top:0;left:0;z-index: 1;}
#modal-main ul {margin: 25px 10px 5px 10px;}
#modal-main li {font-size: 18px;text-align: center;margin-bottom: 25px;padding-bottom: 10px;border-bottom: 1px solid #bfbfbf;}
#modal-main a {text-decoration: none;color: #3e3a39;}
/*--------------------------------
ヘッダー
---------------------------------*/
header{position: relative;}
.headwrap {height: 60px;}
.headwrap h1 {margin: 0 0 0 0;}
.headwrap h1 img{width: 80%;margin: 13px 0 0 5px;}
.sidebtn {position: fixed;right: 0;top:50px;}
.sidebtn img {width: 50px;}
/*--------------------------------
フッター
---------------------------------*/
.footernavi {background-color: #7fa4d6;color: #fff;padding: 10px 20px;}
.footernavi a {text-decoration: none;color: #fff;}
.footerad {background-color: #3d62ac;color: #fff;padding: 10px 20px;}
.footerad span {display: block;}
.spnavi {background-color:#3d62ac;display: flex;padding: 20px 0;}
.spnavi div {border-right: 1px solid #fff;padding: 15px;}
.pcend {display: none;}
.pcnavi{display: none;}
/*--------------------------------
トップページ
---------------------------------*/
.secondar {position: relative;text-align: center;padding: 30px 0;}
.secondar p {position: absolute; top:170px;font-size: 30px;left: 0;right: 0;margin: auto;}
.secondar span{display: block;}
.seconda img {max-width: 100%;}
.tertiary {width: 100%;margin: 30px 0;}
.overview {text-align: center;width: 100%;}
.secondtitle {font-size: 27px;font-weight: normal;position: relative;margin-bottom: 80px;}
.secondtitle::after {content: '';width: 300px;height: 6px;display: inline-block;background-color: #ffee6a;position: absolute;bottom: -20px;left: 0;right: 0;margin: auto;}
.secondtitle2 {font-size: 27px;font-weight: normal;position: relative;margin-bottom: 100px;text-align: center;line-height: 180%;}
.secondtitle2::after {content: '';width: 300px;height: 6px;display: inline-block;background-color: #ffee6a;position: absolute;bottom: -10px;left: 0;right: 0;margin: auto;}
.secondtitle span {display: block;margin-bottom: 15px;}
.overviewtext {margin: 0 20px;text-align: left;}
.bicycle {width: 70%; margin:40px auto;}
.oneday {width: 30%; margin:40px auto;}
.muryoutitle {font-size: 60px;font-weight: bold;position: relative;}
.muryoutitle::after {content: '';width: 250px;height: 6px;display: inline-block;background-color: #ffee6a;position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;}
.muryoucaution {font-size: 12px;margin-top: 10px;}
.platform {background-color: #c5e4e8;border-radius: 50px;height: 50px;font-size: 17px;padding: 13px;box-sizing: border-box;margin: 60px 20px;}
.number{display: flex;flex-wrap: wrap;padding-top: 50px;}
.number img {width: 40%;margin: auto;margin-bottom: 50px;}
.primarytitle{background-color:#83bccd ;padding: 30px 0;text-align: center;}
.primarytitle img {width: 50%;}
.primarysecond {padding:90px 0 30px 0;text-align: center;} 
.primarysecond img {width: 20%;}
.process{text-align: center; margin-bottom: 150px;}
.process img {width: 50%;}
.process h3 {font-size: 24px;font-weight: normal;line-height: 180%;padding: 10px 20px;color: #585757;}
.process h4 {font-size: 18px;font-weight: normal;color: #585757;padding: 5px 20px;}
.process h4::before{content: '●';font-size: 18px;color: #ffee6a;margin-right: 5px;}
.process p {font-size: 16px;padding: 5px 20px;text-align: left;}
.calendartitle{text-align: center;margin: 10px 0;}
.calendarp{text-align: center;margin: 30px 0;}
.contactgo{text-align: center;background-color: #ffee6a;border-radius: 50px;display: block;width: 320px;padding: 20px 0;margin: 50px auto;text-decoration: none;}
.calendaralert {text-align: center;color:#f29600 ;margin: 10px 20px 100px 20px;}
.calendaralert a {text-decoration: none;color:#f29600 ;}
.platformtitle{position: relative;}
.platformtime {position: absolute;top:-100px;width: 120px;right: 10px;}
.maptext {margin: 20px 20px 50px 20px;display: flex;align-items: flex-start;}
.maptext span{display: block;}
.maptext img{width: 100px;margin-right: 20px;}
.mapalert {margin: 50px 20px 50px 40px;}
.mapalert::before{content: '●';font-size: 18px;color: #ffee6a;margin-left: -25px;margin-right: 10px;}
.bicycletext{background-color: #fff2cd;padding: 15px;border-radius: 20px;margin: 15px;text-align: left;}
/*--------------------------------
お問合せ
---------------------------------*/
.contact {margin: 20px 20px 20px 20px;}
.f-wrap {margin-top: 50px;}
.f-wrap dd {margin-bottom: 30px;}
.f-wrap dt {margin-bottom: 5px;}
.f-wrap dt span {background-color:#ffee6a ;font-size: 12px;padding: 5px;margin-left: 10px;}
.form-inputtext {border: 1px solid #585757;width: 90%;border-radius: 5px;padding: 12px;font-size: 16px;}
.form-textarea {border: 1px solid #585757;width: 90%;border-radius: 5px;padding: 12px;font-size: 16px;}
.btn {width: 120px;height: 40px;padding: 5px 8px; border-radius: 5px;border-top: none;border-left: none;border-right: none;border-bottom: 4px solid #2f4875;background-color: #4357ca;font-size: 14px;color: #fff;font-weight: 500;outline: none;margin: 20px 20px 20px 10px;}
.btnwrap1 {display: flex;}
.btncenter {text-align: center;}
.checktext {text-align: center;}
.checkinput{display: flex;border-bottom: 1px solid #585757;margin-bottom: 15px;}
.checkinput dd{margin-left: 25px;}
.checkinput dt {width: 120px;white-space: nowrap;}
select {border:1px solid #585757; padding: 10px 25px 10px 15px;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;z-index: 1;background: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; font-size: 14px;background-color: white;border-radius: 5px;}
.ppcheck {text-align: center;}
/*--------------------------------
プライバシーポリシー
---------------------------------*/
.pp{margin: 0 20px;}
.pp p{margin-bottom: 20px;line-height: 180%;}
.ppname {margin-top: 80px;}

/*--------------------------------
お困りの時は
---------------------------------*/
.case h4 {font-size: 18px;font-weight: normal;color: #585757; text-align: center;}
.case h4::before {content: '●';font-size: 18px;color: #ffee6a;margin-right: 5px;}
.p-numberwrap {margin: 100px 0 200px 0;}
.p-number {font-size: 40px; font-weight: bold;  text-align: center; margin: 50px 0 20 0;}
.p-number a {color:#74bad0; text-decoration: none;}
.p-numberwrap p {font-size: 16px; font-weight: normal; color:#585757; text-align: center; margin-top: 20px;}  
.accident h4 {font-size: 24px;font-weight: normal;color: #585757; text-align: center;}
.accident p {font-size: 16px; font-weight: normal; color:#585757; text-align: center; margin: 50px 10px;}

/*--------------------------------
只今準備中
---------------------------------*/
.logoimage {margin-top: 50px; text-align: center; opacity: 0.5;}
.coming {margin: 50px 0 200px 0; text-align: center;}
.coming h2 {font-size: 24px; font-weight: bold; color: #b7b7b8; text-align: center;}
.coming p {font-size: 18px; font-weight: normal; color: #585757; text-align: center;}




@media screen and (min-width: 600px) {
  /*--------------------------------
共通
---------------------------------*/
.pc {display: block;}
.sp {display: none;}
.spnavi {display: none;} 

/*--------------------------------
ヘッダー
---------------------------------*/
.headwrap h1 img{width: 400px;margin: 13px 0 0 5px;}

/*--------------------------------
トップページ
---------------------------------*/
.secondar p {top:90px;font-size: 22px;}
.secondar span{display: inline;}
.secondtitle span {display: inline;}
.secondtitle {margin: 80px 0 50px 0;}
.secondtitle::after {width: 500px;}
.primarytitle img {width: 200px;}
.primarytitle{padding: 50px 0;}
.primarysecond img {width: 120px;}
.primarysecond {padding:150px 0 30px 0;}
.calendarcalendar {width: 599px;margin: auto;}
.calendartitle{width: 599px;margin: 10px auto;}
.contactgo{width: 599px;}
.maptext {width: 599px;margin: 10px auto 80px auto;}
.mapalert {width: 599px;margin: 10px auto 30px auto;}
/*--------------------------------
お問合せ
---------------------------------*/

/*--------------------------------
お困りの時は
---------------------------------*/
.accident p {font-size: 16px; font-weight: normal; color:#585757; text-align: center; margin: 150px 150px;}






}

@media screen and (min-width: 1000px) {
  /*--------------------------------
共通
---------------------------------*/
.pc2 {display: block;}
.sp2 {display: none;}
.contactbtn{display: block;position: fixed;bottom: 150px;right: 30px;width: 120px;}

/*--------------------------------
  ヘッダー
---------------------------------*/
.Nav{display: block;position: absolute;top:0;right: 0;}
.Nav ul{display: flex;}
.Nav ul a {text-decoration: none;color: #585757;padding: 0 20px 0 20px;}
.Nav ul li{border-left: 1px solid #585757;margin-top: 10px;padding-top: 5px;}
.contactnavi{background-color: #3d62ac;padding:5px 0px  10px 25px;margin: 0;border-radius: 30px 0 0 30px;height: 20px;}
.contactnavi::before{content: '';display: inline-block;width: 20px;height: 14px;background-image: url(../img/mail.png);background-size: contain;vertical-align: middle; margin-bottom: 4px;}
.contactnavi a {color: #fff!important;}
.sidebtn {display: none;}
/*--------------------------------
フッター
---------------------------------*/
.pcend {display: block;width: 700px;margin: auto;}
.footernavi {text-align: right;margin-top: 30px;}
.footerad {text-align: center;padding: 20px 0;}
.footerad span {display: inline;}
.pcnavi{display: block;margin-left: 20px;}
.pcnavi img {height: 35px;margin-right: 20px;}
/*--------------------------------
トップページ
---------------------------------*/
.secondar {width: 1000px;margin: 30px auto;}
.secondar p{top:150px;font-size: 27px;}
.tertiary {width: 1000px;margin: 30px auto;}
.overview {width: 1000px;margin: 30px auto;}
.muryouwrap{display: flex;padding-top: 30px;}
.bicyclepc {width: 400px;margin-top: 50px;margin-right: 100px;}
.onedaywrap {width: 550px;}
.onedaymuryou {display: flex;width: 524px;}
.oneday {width: 200px; margin-left: 0;margin-right: 40px;}
.muryoutitlewrap{margin-top: 100px;}
.platform {margin-top: 10px;}
.number {width: 1000px;margin: 30px auto;}
.number img {width: 200px;}
.process{display: flex;align-items: flex-start;width: 800px;margin: 20px auto 100px auto;text-align: left;}
.process img {width: 150px;margin-right: 80px;}
.process h3 {margin: 0 0 0 0;padding: 20px 0 0 0;}
.process h4 {margin-bottom: 0;padding-left: 0;}
.process p {padding-left: 20px;}
.calendarcalendar {width: 800px;}
.calendartitle{width: 800px;}
.contactgo{width: 800px;}
.platformtitle {width: 800px;margin: auto;}
.platformtime {top:-150px;width: 180px;right: 80px;}
.maptext {width: 800px;}
.maptext span {display: inline-block;}
.maptext img {margin-right: 100px;}
.maptext p {margin-top: 25px;}
.gmap {width: 800px; margin: auto;}
.mapalert {width: 700px; margin-top: 50px;}
/*--------------------------------
フッター
---------------------------------*/


/*--------------------------------
お問合せ
---------------------------------*/
.contact {margin: auto;width: 700px;}
.f-wrap {margin: auto;width: 500px;}
.f-wrap dd {margin-bottom: 50px;}
.f-wrap {margin-top: 80px;}
.checkinput {margin-bottom: 50px;}
/*--------------------------------
プライバシーポリシー
---------------------------------*/
.pp{margin:auto;width: 700px;}

/*--------------------------------
お困りの時は
---------------------------------*/








}