@charset "UTF-8";

/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {color:#295aca;}
a:hover {color:#48a8bc;}
img {vertical-align:middle;}
a:hover img {opacity: 0.75;	filter: alpha(opacity=75);}
p {margin-top:0;}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	font-weight:normal;
}

address,caption,em,th {
	font-style:normal;
}

dl,dt,dd {margin:0;}

/* --------------------------------------------------
	ベース
-------------------------------------------------- */
/* HTML */
html {background-color:#F1E9EC; color:#666; font-size:13px; font-family: "ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:300; line-height:1.6;}

/* レイアウト */
#contents {margin:0}
.inner{ width:94%; margin:0 auto;}

/* Fluid-img */
img {/*width:100%;*/ height:auto;}

.text_red{
	color:#4374D7;
}

/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header { width:100%; background-color:#F1E9EC; color:#333; padding:10px; overflow:hidden;box-sizing:border-box;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
#header h1 {float:left;}
header.fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index:1;
}

/* メニュートグル＆ハンバーガーアイコン */
.drawer_toggle {position:relative; width:38px; height:38px; float:right; background-color:#4474e3; border:1px solid #fff; cursor:pointer; z-index:800;}
.drawer_toggle_icon {display:block; position:absolute; left:9px; top:17px;} 
.drawer_toggle_icon,.drawer_toggle_icon:before,.drawer_toggle_icon:after {content:""; position:absolute; width:20px; height:2px; background-color:#fff; transition: all 0.5s ease;}
.drawer_toggle_icon:before {top:-6px;}
.drawer_toggle_icon:after {top:6px;}

/* メニュートグル＆クローズアイコン */
.drawer_toggle.open {border-color:#999;}
.drawer_toggle.open .drawer_toggle_icon,.drawer_toggle.open .drawer_toggle_icon:before,.drawer_toggle.open .drawer_toggle_icon:after {width:auto; height:auto; top:0; transition: all 0.5s ease;}
.drawer_toggle.open .drawer_toggle_icon {left:9px; top:17px;
width:20px; height:2px; background-color:#fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.drawer_toggle.open .drawer_toggle_icon:after {content:""; display:block; width:100%; height:100%; background-color:inherit;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
}

/* --------------------------------------------------
	Gナビ（SP用）
-------------------------------------------------- */
#g_navi {display:none; position:relative; top:0; left:0; width:100%; /*box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3);*/ z-index:700;}
#g_navi ul { margin:60px 0 0}
#g_navi li {line-height:1;border-bottom:1px solid #fff; font-size:13px;}
#g_navi a {display:block; background-color:#4F8AFF; color:#fff; text-decoration:none; padding:16px;}
#g_navi a:before {font-family:FontAwesome; content:"\f105"; font-size:16px; margin-right:4px;}
#g_navi a:hover{ font-weight:bold;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:10px; bottom:10px; line-height:1; cursor:pointer; z-index:900; background-color:rgba(68,116,227,0.9); padding:14px 14px 7px; text-align:center; color:#fff; font-size:14px; font-weight:300; line-height:1; border-radius:300px; border:2px solid #fff;}
#backToTop .angle-up {display:block; width:25px; height:25px; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#backToTop em {display:block; margin-top:-5px;}
#backToTop:hover {background-color:#48a8bc;}

/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer {margin:20px 0;}
#footer .flogo img { width:20% !important;}
#footer .flogo { text-align:center; margin:0 0 20px;}
#footer .footer_navi ul {display:none; text-align:center;}
#footer .footer_navi li {display:block; background:#ECECEC; margin:0 0 1px;}
#footer .footer_navi li a {display:block; padding:10px; text-decoration:none; color:#fff; background-color:#717171;}
#footer .footer_navi li a i { float:right;}

#footer  small {display:block; font-size:12px; color:#444; text-align:center; margin-top:20px;}
#footer  small span {display:block;}


/* --------------------------------------------------
	共通ツール
-------------------------------------------------- */
/*	クリアフィックス */
.clearfix:after {content:""; clear:both; display:block;}

/*	画像左右寄せ */
.float_left {float:left; margin:0 1em 1em 0;}
.float_right {float:right; margin:0 0 1em 1em;}

/*	画像サイズ指定 */
.w200 img {width:200px; height:auto;}
.w100 img {width:100px; height:auto;}
.w150 img {width:150px; height:auto;}

/*	画像角丸 */
.radius img {border-radius:4px;}

/*	キャプション付き画像 */
.caption_img {width:90%; margin:2em auto; background-color:#eee;}
.caption_img p {font-size:0.8em; font-weight:bold; padding:1em; line-height:1.3; margin-bottom:0;}



.hissu{ background-color:#E44F52; color:#fff; font-size:10px; padding:1px; border-radius:10px; margin:0 0 0 5px; top:-2px; position:relative;}
.red{ color:#FA585B;}
.f140{ font-size:140%;}
.mb60{ margin-bottom:60px;}
.msgarea01{ background-color:#DACCCD;padding:20px; border-radius:6px; margin:0 0 20px;color:#900;font-size:16px;}

.b01{font-weight: bold; font-size:120%;}
/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*ファーストビュー*/
.first{ background-color:#4374D7; overflow:hidden; background-image:url(images/first_bg2.png); background-repeat:no-repeat; background-size:cover; background-position:bottom;}
.catch{ overflow:hidden;  background-image:url(images/incom2.jpg); background-size:15%; background-position:100% 90px; background-repeat:no-repeat;}
.catch h2{ width:100%; position:relative; left:0px; top:80px; text-align:center; color:#fff; font-size:24px;}
.catch h2 span{ font-size:22px; margin:0 10px; font-weight:normal;}
.catch p.lead{ display:block; width:100%; font-size:14px; margin:0px; font-weight:normal; position:relative; left:0px; top:40px; text-align:center; background-image:url(images/h2_lead_bg.png); padding:0px; border-radius:4px; color:#fff;}
.catch .button a{ display:block; width:230px; padding:10px; margin:120px auto 60px; box-sizing:border-box; position:relative; left:0px; background-color:#59D181; color:#fff; border-radius:6px; box-shadow:2px 2px 2px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
.catch .button a span{ font-size:14px; font-weight:normal;}
.catch .button a:after {font-family:FontAwesome; content:"\f105"; font-size:18px; margin-left:8px;}

h3{ display:block; width:100%; background-size:cover; background-repeat:no-repeat; text-align:center; background-position:-50%; font-size:32px; text-shadow:0 0 15px #333, 0 0 15px #333, 0 0 0.40px #333; color:#fff;}
h3 span{ display:block; width:100%;  background-image:url(../images/h3_span_bg.png); padding:20px 0;}

/*スマホアプリincomとは？*/
h3.bike{ background-image:url(../images/h3_bg_bike.jpg);}
#second{ background-color:#57C77D; padding:30px 0; text-align:center; color:#fff;}
#second img{ /*width:auto;*/ width:30%;}
#second h4{ font-size:28px; font-weight:bold; margin:0 0 15px;}
#second .mugendai{margin:0 0 20px;}
#second p{ font-size:16px;}

/*料金プラン*/
h3.floor{background-image:url(../images/h3_bg_floor.jpg);}
#third{ background-color:#FEAD7F; padding:60px 0; color:#fff;}
#third table{ background-color:#FFC8AD; width:100%; border:none; color:#666666;}
#third table tr{ }
#third table tr.uline{ border-bottom:1px solid #FEAD7F;}
#third table td{ padding:10px; text-align:center; box-sizing:border-box; vertical-align:middle;}
#third table td span.or{ display:block; width:auto; padding:10px 5px; background-color:#FEAD7F; border-radius:4px; box-sizing:border-box; color:#fff;}
#third table td.tit{ font-size:16px; background-repeat:no-repeat; background-position:center; font-weight:bold; height:120px;}
#third table td.simple{ background-image:url(../images/bg_simpleplan.png); }
#third table td.buisiness{ background-image:url(../images/bg_buisinessplan.png); }
#third table td.event{ background-image:url(../images/bg_eventplan.png); }

/*よくある質問*/
h3.faq{background-image:url(../images/h3_bg_event.jpg); background-position:bottom !important;}
#fourth{ background-color:#F16F73; padding:60px 0; color:#fff;}
#fourth ul{ text-align:center;}
#fourth ul li{ /*display:inline-block; */padding:0 0 0 40px; font-size:18px; background-repeat:no-repeat; background-position:left; text-align:left;}
#fourth ul li.q{ background-image:url(../images/icon_q.png); margin:0 0 20px; background-position:left 5px;}
#fourth ul li.a{background-image:url(../images/icon_a.png); background-position:left 5px;}

p.morebtn { text-align:center;margin:40px 0 0; font-size:16px;}
p.morebtn a{ display:block; color:#FBD1D1; text-decoration:none;}

/*navigation*/
#bottom-navi{ width:100%; background:#444; padding:10px 0;}
#bottom-navi ul{ text-align:center;}
#bottom-navi ul li{ display:inline-block; margin:5px 20px;}
#bottom-navi ul li.login a{ display:block; width:230px; padding:10px; box-sizing:border-box; background-color:#4374D7; color:#fff; border-radius:6px; box-shadow:2px 2px 2px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
#bottom-navi ul li.login a:hover{ background-color:#4F8AFF;}
#bottom-navi ul li.entry a{ display:block; width:230px; padding:10px; box-sizing:border-box; background-color:#59D181; color:#fff; border-radius:6px; box-shadow:2px 2px 2px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
#bottom-navi ul li.entry a:hover{ background-color:#65ED93;}


/* --------------------------------------------------
	共通下層ページ
-------------------------------------------------- */
/*共通*/
#contents h2{ font-size:22px; color:#666; text-align:center; margin:30px auto 30px; width:90%; border-radius:70px; background-color:#fff; padding:20px; font-weight:bold;}
#contents .setting h3{ display:block; width:auto !important; padding:10px 0; margin:0 0 10px; background-size:cover; background-repeat:no-repeat; height:auto; line-height:100%; text-align:left;font-size:18px; text-shadow:none; color:#75ACAE;position: relative; padding-bottom: .5em; border-bottom: 4px solid #E9E3E3;}
#contents .setting h3:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #a6b8c1;
}
#contents .setting h3.subttl{ display:block;padding:10px; text-align:center; background-color:#4374d7; color:#fff; border-radius:30px; width:100%; border:none;}
#contents .setting h3.subttl:after{ display:none;}

#contents dl.form01{ display:table; font-size:16px; width:100%;}
#contents dl.form01 dt{ display:block; width:100%; text-align:left; padding:0 5px; box-sizing:border-box; vertical-align:middle; color:#668ABB; font-weight:bold;}
#contents dl.form01 dd{ display:block; width:100%; padding:5px; box-sizing:border-box; margin:0 0 10px;}

/*エンタープライズお問い合わせ*/
#contents dl.form011{ display:table; font-size:16px; width:100%;}
#contents dl.form011 dt{ display:block; width:100%; text-align:left; padding:0 5px; box-sizing:border-box; vertical-align:middle; color:#666; font-weight:bold;}
#contents dl.form011 dd{ display:block; width:100%; padding:5px; box-sizing:border-box; margin:0 0 10px;}
.hsu{ color:#D11B63; font-weight: bold; padding: 0 5px;}
#contents dl.form011 dt:before{ content: '●'; font-size: 64%; color:#5498BF; margin-right: 0.8%; }
#contents dl.form011 dd input,#contents dl.form011 dd textarea{ width:100% !important;}



#contents input{width:100%; border: 1px solid #ABB4C1;border-radius: 4px;height: 2em; padding:0 10px; box-sizing:border-box; margin:0 0 5px;}
#contents input.usernum{width:auto; height:auto; vertical-align:middle;}

#contents textarea{width:80%; height:10em; border: 1px solid #a6b8c1;border-radius: 4px; padding:0 10px; box-sizing:border-box;}
#contents .button a { display:block;background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;;font-size: 18px;font-weight: bold;padding: 10px;text-align: center;text-decoration: none;width: 230px; margin:30px auto;}
#contents .button a:hover { background-color:#4F8AFF;}
/*#contents .acceptarea{ display:block; width:100%;}*/


/*よくある質問*/
#contents .setting .faqpage{ background-color:transparent; padding:0; color:#666;}
#contents .setting .faqpage ul{ text-align:center;}
#contents .setting .faqpage ul li{ display:block; padding:20px 20px 20px 60px; font-size:18px; background-repeat:no-repeat; background-position:left; text-align:left; font-size:16px;}
#contents .setting .faqpage ul li.q{ background-image:url(../images/icon_q2.png); background-position:15px; padding:10px 10px 10px 60px; /*border:2px solid #abb4c1; */border-radius:8px; color:#668ABB; font-weight:bold; margin:0 0 10px;}
#contents .setting .faqpage ul li.q span{ border-radius:20px; background-color:#D9CDA3; padding:10px;}
#contents .setting .faqpage ul li.a{background-image:url(../images/icon_a2.png); background-position:15px 10px; padding:10px 20px 10px 60px;}

#contents button { display:block;background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;;font-size: 18px;font-weight: bold;padding: 10px;text-align: center;text-decoration: none;width: 230px; margin:30px auto; border: 1px #4374d7 solid;}
#contents button:hover { background-color:#4F8AFF;}


/*マイページ*/
#contents .mypage input[type="text"]{ width:100%; border: 1px solid #abb4c1; border-radius: 4px; height: 3em; padding:0 10px; box-sizing:border-box;}
#contents .mypage input[type="submit"]{ width:auto; background-color:#75ACAE;border-radius: 4px;box-sizing: border-box;color: #fff;text-align: center;text-decoration: none; border: 1px #75ACAE solid;}
#contents .mypage input[type="submit"]:hover{ background-color:#767676;border: 1px #767676 solid;}
#contents .mypage input.btn_urlsend{ margin:5px 0 0; content: "\f14a";font-family: FontAwesome;}
#contents .mypage .group-list{ padding:0px; margin:20px 0; border:none;}
#contents .mypage .group-list h4{ padding:5px; color:#8DADA7; font-size:14px; font-weight:bold;}
#contents .mypage .group-list dl{ padding:0 10px;}
#contents .mypage .mypagebox{padding:10px; line-height:120%; font-size:16px; font-weight:bold; margin:0 0 20px; border:1px solid #668ABB; border-radius:4px;}
#contents .mypage .mypagebox span{ font-size:14px; color:#668ABB; width:100%; display:block;}
#contents .mypage .mypagebox span#total_price{ display:inline; color:#666;}
#contents .mypage .mypagebox span#total_price_tax{ display:inline; color:#666;}
#contents .mypage .mypagemenu{ margin:0  auto 20px; width:95%;}
#contents .mypage .mypagemenu-list{ text-align:center;}
#contents .mypage .mypagemenu-list li{ display:block; margin:0 0 1px;}
#contents .mypage .mypagemenu-list li br{ display:none;}
#contents .mypage .mypagemenu-list li a{ display:block; margin:0; background-color:#48a8bc; padding:5px;; color:#fff; text-decoration:none;}
#contents .mypage .mypagemenu-list li a:hover{ background-color:#4374d7;text-decoration:none;}
#contents .mypage .myage-groupbox{ text-align:center; margin:0 0 40px; overflow:hidden;}


/*お知らせ*/
#contents .setting .newslist{ font-size:16px; margin:0 0 30px;}
#contents .setting .newslist dt{ padding:10px; border:1px solid #75ACAE; border-radius:8px; color: #75ACAE; font-weight:bold; margin:0 0 20px;}
#contents .setting .newslist dt i{ float:right; margin:0 10px 0 0; font-size:16px;}
#contents .setting .newslist dt span{ padding:3px 5px; color: #fff; background-color: #75ACAE; margin:0 10px 0 0;font-weight:normal; font-size:12px;}
#contents .setting .newslist dd{ background:#E9E3E3; padding:20px; border:1px solid #75ACAE;}

/*運営者*/
#contents .company dl{ font-size:15px;}
#contents .company dl dt{ padding:10px; background-color:#75ACAE; color: #fff; font-weight:bold; margin:0;border-radius:4px;}
#contents .company dl dd{padding:10px; margin:0 0 10px;}

/*サービスご利用の流れ*/
#contents dl.service-flow{ background:#fff; margin:0 10px 50px; border-radius:10px; box-sizing:border-box; padding:20px; text-align:center;position:relative; }
#contents dl.service-flow dt{ width:200px; margin:0 auto 20px; border:1px solid #668ABB; color:#668ABB; font-weight:bold;}
#contents dl.service-flow dt span.step{ font-size:18px; margin:0 10px 0 0;}
#contents dl.service-flow dt span.number{ font-size:21px;}
#contents dl.service-flow dd{ font-size:16px; font-weight:bold;}
#contents dl.service-flow:after{font-size:70px; font-family:FontAwesome; content:"\f0d7"; color:#b8dcf6; position:absolute; bottom:-60px; left:50%; margin-left:-0.4em; line-height:1;}

/*Information*/
p.message01{ display:block; text-align:center; padding:20px; font-size:16px;}
p.message01 a{background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;display: block;font-size: 18px;font-weight: bold;margin: 30px auto;padding: 10px;text-align: center;text-decoration: none;width: 230px;}
p.message01 a:hover { background-color:#4F8AFF;}
p.message01 a.helpbtn01{background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;display: block;font-size: 18px;font-weight: bold;margin: 10px auto;padding: 10px;text-align: center;text-decoration: none;width: 230px;}

/*help*/
.help{ margin:0;}
.help li{ display:block; width:95%; padding:20px; box-sizing:border-box;  background-color: #dacccd; border-radius: 6px; margin:0 auto 30px;}
.help li img{ width:100%; height:auto;}
.help li h4{ display:block; font-size:21px; margin:0 0 5px; font-weight:bold; text-align:center;}
.help li p{ display:block; text-align:center; margin:0 0 20px;}

/*お問い合わせ*/
#contents .contact .contactmenu{ text-align:center; margin:0 0 40px;}
#contents .contact .contactmenu li{ display:inline;}
#contents .contact .contactmenu li a{ display:block; margin:0 0 1px; background-color:#48a8bc; padding:10px 15px;; color:#fff; text-decoration:none;}
#contents .contact .contactmenu li a:hover{ background-color:#4374d7;text-decoration:none;}

/*利用規約*/
#contents .setting ol li{ list-style-type:none;}


/*IS_SMA*/
.sma01{ margin:20px 0; text-align:center;}
.sma01 li{ display:inline-block; background-color:#59D181; padding:10px; font-weight:bold; border-radius:4px; font-size:80%; margin:0 5px;}
.sma01 li a{ color:#FFFFFF; text-decoration:none; }



@media screen and (max-width : 768px) {

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
#header{ padding:30px 0;}
#header h1{ position:absolute; top:5px; left:10px;}
#header h1 img{ width:90%; height:auto;}

.drawer_toggle{ position:absolute; top:10px; right:10px;}

/*.catch{ overflow:hidden;  background-image:url(images/incom2.jpg); background-size:35%; background-position:210px 90px; background-repeat:no-repeat;}*/
.catch{ overflow:hidden;  background-image:url(images/incom2.jpg); background-size:20%; background-position:100% 50%; background-repeat:no-repeat;}

/*スマホアプリincomとは？*/
#second p br{ display:none;}
#second img{ width:auto;}

#third table td span.or{
	width:auto;
	overflow:auto;
	height:auto;
	/*-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	-moz-writing-mode:vertical-rl;
	writing-mode: vertical-rl;*/
}

#contents input{
	/*width:auto;*/
}

/*	センター揃え */
/*.center {text-align:center;}*/

.mb60{ margin-bottom:30px;}

}


/* --------------------------------------------------
	 980px〜　PC
-------------------------------------------------- */

@media screen and (min-width : 980px) {
	
	/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body {width:100%;}

/* レイアウト */
#contents {width:100%; margin:0; overflow:hidden;}
.inner{ width:1000px; margin:0 auto;}

/*	センター揃え */
.center {text-align:center;}
	
/* --------------------------------------------------
	ヘッダ
-------------------------------------------------- */
#header {width:100%; margin:0 auto; padding:10px 0; border:none; height:70px; box-sizing:border-box;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
#header h1 {}
#header .drawer_toggle {display:none;}


/* --------------------------------------------------
	Gナビ
-------------------------------------------------- */
#g_navi {display:block !important; position:relative; float:right; box-shadow:none; width:auto;}
#g_navi ul{ margin:5px 0 0;}
#g_navi ul li{ display:inline-block; border-bottom:none;}
#g_navi ul li a{ display:block; margin:0; box-sizing:border-box; background-color:transparent; padding:10px; color:#666;}

/* --------------------------------------------------
	共通
-------------------------------------------------- */
img {height: auto; width: auto; }

/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer { width:100%;padding:30px 0;}
#footer .flogo { width:150px; float:left;}
#footer .flogo img{ width:auto !important;}
#footer ul.footer_navi {float:right; text-align:center; position:relative; top:20px; }
#footer ul.footer_navi li { display:inline-block !important; margin:0 10px; background-color:transparent;}
#footer ul.footer_navi li a{ text-decoration:none; color:#333; background-color:#f1e9ec;}
#footer ul.footer_navi li a i{ display:none;}
#footer ul.footer_navi li a:hover{color:#666;}
#footer small{ clear:both; position:relative; top:30px;}

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */
/*ファーストビュー*/
.first{ background-color:#4374D7; overflow:hidden; background-image:url(images/first_bg2.png); background-repeat:no-repeat; background-size:contain; background-position:left;}
/*.catch{ min-width:322px; overflow:hidden;}*/
.catch{ min-width:322px; overflow:hidden;  background-image:url(images/incom2.jpg); background-size:20%; background-position:620px; background-repeat:no-repeat;}
.catch h2{ width:550px; position:relative; left:360px; top:90px; text-align:center; color:#fff; font-size:32px;}
.catch h2 span{ font-size:22px; margin:0 10px; font-weight:normal;}
.catch p.lead{ display:block; width:550px; font-size:16px; margin:0 10px; font-weight:normal; position:relative; left:360px; top:60px; text-align:center; background-image:url(images/h2_lead_bg.png); padding:5px; border-radius:4px;}
.catch .button a{ display:block; width:230px; padding:10px; margin:130px 0 80px; box-sizing:border-box; position:relative; left:500px; background-color:#59D181; color:#fff; border-radius:6px; box-shadow:3px 3px 1px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
.catch .button a span{ font-size:14px; font-weight:normal;}
.catch .button a:after {font-family:FontAwesome; content:"\f105"; font-size:18px; margin-left:8px;}
.catch .button a:hover{margin:133px 0 77px 3px; box-shadow:none;}
.catch .button a:active{ background-color:#0C8D51;margin:133px 0 77px 3px; box-shadow:none;}

h3{ display:block; width:100%; background-size:cover; background-repeat:no-repeat; height:188px; line-height:188px; text-align:center; background-position:-50%; font-size:36px; text-shadow:0 0 15px #333, 0 0 15px #333, 0 0 0.40px #333; color:#fff;}
h3 span{ display:block; width:100%;  background-image:url(../images/h3_span_bg.png); height:188px;}

/*スマホアプリincomとは？*/
h3.bike{ background-image:url(../images/h3_bg_bike.jpg);}
#second{ background-color:#57C77D; padding:60px 0; text-align:center; color:#fff;}
#second h4{ font-size:28px; font-weight:bold; margin:0 0 15px;}
#second .mugendai{margin:0 0 20px;}
#second p{ font-size:21px;}
#second img{ width:auto;}

/*料金プラン*/
h3.floor{background-image:url(../images/h3_bg_floor.jpg);}
#third{ background-color:#FEAD7F; padding:60px 0; color:#fff;}
#third table{ background-color:#FFC8AD; width:100%; border:none; color:#666666;}
#third table tr{ }
#third table tr.uline{ border-bottom:1px solid #FEAD7F;}
#third table td{ padding:15px; text-align:center; box-sizing:border-box; vertical-align:middle;}
#third table td span.or{ display:block; width:100px; padding:10px; background-color:#FEAD7F; border-radius:4px; box-sizing:border-box; color:#fff;}
#third table td.tit{ font-size:24px; background-repeat:no-repeat; background-position:center; font-weight:bold; height:120px;}
#third table td.simple{ background-image:url(../images/bg_simpleplan.png); }
#third table td.buisiness{ background-image:url(../images/bg_buisinessplan.png); }
#third table td.event{ background-image:url(../images/bg_eventplan.png); }

/*よくある質問*/
h3.faq{background-image:url(../images/h3_bg_event.jpg); background-position:bottom !important;}
#fourth{ background-color:#F16F73; padding:60px 0; color:#fff;}
#fourth ul{ text-align:center;}
#fourth ul li{ display:block; padding:0 0 0 40px; font-size:18px; background-repeat:no-repeat; background-position:left; text-align:left;}
#fourth ul li.q{ background-image:url(../images/icon_q.png); margin:0 0 20px;}
#fourth ul li.a{background-image:url(../images/icon_a.png); background-position:left 5px;}

p.morebtn { text-align:center;margin:40px 0 0; font-size:16px;}
p.morebtn a{ display:block; color:#FBD1D1; text-decoration:none;}

/*navigation*/
#bottom-navi{ width:100%; background:#444; padding:10px 0;}
#bottom-navi ul{ text-align:center;}
#bottom-navi ul li{ display:inline-block; margin:0 20px;}
#bottom-navi ul li.login a{ display:block; width:230px; padding:10px; box-sizing:border-box; background-color:#4374D7; color:#fff; border-radius:6px; box-shadow:2px 2px 2px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
#bottom-navi ul li.login a:hover{ background-color:#4F8AFF;}
#bottom-navi ul li.entry a{ display:block; width:230px; padding:10px; box-sizing:border-box; background-color:#59D181; color:#fff; border-radius:6px; box-shadow:2px 2px 2px #484848; text-align:center; text-decoration:none; font-size:18px; font-weight:bold;}
#bottom-navi ul li.entry a:hover{ background-color:#65ED93;}


/* --------------------------------------------------
	下層ページ
-------------------------------------------------- */
/*共通*/
#contents h2{ font-size:26px; color:#666; text-align:center; margin:50px auto 50px; width:50%; border-radius:70px; background-color:#fff; padding:30px; font-weight:bold;}
#contents .setting h3{ display:block; width:100%; padding:10px 0; margin:0 0 20px; background-size:cover; background-repeat:no-repeat; height:auto; line-height:100%; text-align:left;font-size:18px; text-shadow:none; color:#75ACAE;position: relative; padding-bottom: .5em; border-bottom: 4px solid #E9E3E3;}
#contents .setting h3:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #a6b8c1;
}
#contents .setting h3.subttl{ display:block;padding:10px; text-align:center; background-color:#4374d7; color:#fff; border-radius:30px; width:100%; border:none;}
#contents .setting h3.subttl:after{ display:none;}

#contents dl.form01{ display:table; font-size:18px; width:100%;}
#contents dl.form01 dt{ display:table-cell; width:25%; text-align:right; padding:15px; box-sizing:border-box; vertical-align:middle; color:#668ABB; font-weight:bold;}
#contents dl.form01 dd{ display:table-cell; width:65%; padding:15px; box-sizing:border-box;}
	
/*エンタープライズお問い合わせ*/	
#contents dl.form011{ display:block; font-size:18px; width:100%;}
#contents dl.form011 dt{ display:block; font-size: 16px; width:100%; text-align:left; padding:0; box-sizing:border-box; vertical-align:middle; color:#666; font-weight:bold;}
#contents dl.form011 dd{ display:block; width:100%; padding: 5px 0 15px; box-sizing:border-box;}

	
#contents input{width:80%; border: 1px solid #ABB4C1;border-radius: 4px;height: 2em; padding:0 10px; box-sizing:border-box; vertical-align:middle;}
#contents input.usernum{width:5em;}
#contents input.usernum2{width:10em;}
#contents textarea{width:80%; height:10em; border: 1px solid #a6b8c1;border-radius: 4px; padding:0 10px; box-sizing:border-box;}
#contents .button a { display:block;background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;;font-size: 18px;font-weight: bold;padding: 10px;text-align: center;text-decoration: none;width: 230px; margin:30px auto;}
#contents .button a:hover { background-color:#4F8AFF;}

/*よくある質問*/
#contents .setting .faqpage{ background-color:transparent; padding:0; color:#666;}
#contents .setting .faqpage ul{ text-align:center;}
#contents .setting .faqpage ul li{ display:block; padding:20px 20px 20px 60px; font-size:18px; background-repeat:no-repeat; background-position:left; text-align:left;}
#contents .setting .faqpage ul li.q{ background-image:url(../images/icon_q2.png); background-position:15px; padding:10px 10px 10px 60px; border:2px solid #abb4c1; border-radius:8px; color:#668ABB; font-weight:normal; margin:0 0 20px;}
#contents .setting .faqpage ul li.q span{ border-radius:20px; background-color:#D9CDA3; padding:10px;}
#contents .setting .faqpage ul li.a{background-image:url(../images/icon_a2.png); background-position:15px 10px; padding:10px 20px 10px 60px;}

#contents button { display:block;background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;;font-size: 18px;font-weight: bold;padding: 10px;text-align: center;text-decoration: none;width: 230px; margin:30px auto; border: 1px #4374d7 solid;}
#contents button:hover { background-color:#4F8AFF;}


/*マイページ*/
#contents .mypage input[type="text"]{ width:80%; border: 1px solid #abb4c1; border-radius: 4px; height: 3em; padding:0 10px; box-sizing:border-box;}
#contents .mypage input[type="submit"]{ width:auto; background-color:#75ACAE;border-radius: 4px;box-sizing: border-box;color: #fff;text-align: center;text-decoration: none; border: 1px #75ACAE solid;}
#contents .mypage input[type="submit"]:hover{ background-color:#767676;border: 1px #767676 solid;}
#contents .mypage input.btn_urlsend{ margin:5px 0 0; content: "\f14a";font-family: FontAwesome;}
#contents .mypage .group-list{ padding:20px; margin:20px 0; border-radius: 4px; border: 2px #E9E3E3 solid;}
#contents .mypage .group-list h4{ padding:5px; color:#8DADA7; font-size:14px; font-weight:bold;}
#contents .mypage .group-list dl{ padding:0 10px;}
#contents .mypage .mypagebox{padding:20px; line-height:180%; font-size:16px; font-weight:bold; margin:0 0 40px; border:1px solid #668ABB; border-radius:4px;}
#contents .mypage .mypagebox span{ font-size:14px; color:#668abb;}
#contents .mypage .mypagebox span#total_price{ font-size:14px; color:#666; display:inline;}
#contents .mypage .mypagemenu{ margin:0 0 40px;}
#contents .mypage .mypagemenu-list{ text-align:center;}
#contents .mypage .mypagemenu-list li{ display:inline-block;}
#contents .mypage .mypagemenu-list li br{ display:none;}
#contents .mypage .mypagemenu-list li a{ display:block; margin:0; background-color:#48a8bc; padding:10px 15px;; color:#fff; text-decoration:none;}
#contents .mypage .mypagemenu-list li a:hover{ background-color:#4374d7;text-decoration:none;}
#contents .mypage .myage-groupbox{ text-align:center; margin:0 0 40px; overflow:hidden;}


/*お知らせ*/
#contents .setting .newslist{ font-size:16px; margin:0 0 30px;}
#contents .setting .newslist dt{ padding:10px; border:1px solid #75ACAE; border-radius:8px; color: #75ACAE; font-weight:bold; margin:0 0 20px;}
#contents .setting .newslist dt i{ float:right; margin:0 10px 0 0; font-size:16px;}
#contents .setting .newslist dt span{ padding:3px 5px; color: #fff; background-color: #75ACAE; margin:0 10px 0 0;font-weight:normal; font-size:12px;}
#contents .setting .newslist dd{ background:#E9E3E3; padding:20px; border:1px solid #75ACAE;}

/*運営者*/
#contents .company dl{ font-size:15px;}
#contents .company dl dt{ padding:10px; background-color:#75ACAE; color: #fff; font-weight:bold; margin:0 0 10px;border-radius:4px;}
#contents .company dl dd{padding:10px 20px; margin:0 0 20px;}

/*サービスご利用の流れ*/
#contents dl.service-flow{ background:#fff; margin:0 10px 50px; border-radius:60px; box-sizing:border-box; padding:20px; text-align:center;position:relative; }
#contents dl.service-flow dt{ width:200px; margin:0 auto 20px; border:1px solid #668ABB; color:#668ABB; font-weight:bold;}
#contents dl.service-flow dt span.step{ font-size:18px; margin:0 10px 0 0;}
#contents dl.service-flow dt span.number{ font-size:21px;}
#contents dl.service-flow dd{ font-size:16px; font-weight:bold;}
#contents dl.service-flow:after{font-size:70px; font-family:FontAwesome; content:"\f0d7"; color:#b8dcf6; position:absolute; bottom:-60px; left:50%; margin-left:-0.4em; line-height:1;}

/*Information*/
p.message01{ display:block; text-align:center; padding:20px; font-size:16px;}
p.message01 a{background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;display: block;font-size: 18px;font-weight: bold;margin: 30px auto;padding: 10px;text-align: center;text-decoration: none;width: 230px;}
p.message01 a:hover { background-color:#4F8AFF;}
p.message01 a.helpbtn01{background-color: #4374d7;border-radius: 6px;box-shadow: 2px 2px 2px #484848;box-sizing: border-box;color: #fff;display: block;font-size: 18px;font-weight: bold;margin: 30px auto;padding: 10px;text-align: center;text-decoration: none;width: 230px;}

/*help*/
.help{ margin:0 0 0 -80px;}
.help li{ display:block; float:left; width:460px; padding:20px; box-sizing:border-box;  background-color: #dacccd; border-radius: 6px; margin:0 0 80px 80px;}
.help li h4{ display:block; font-size:21px; margin:0 0 5px; font-weight:bold; text-align:center;}
.help li p{ display:block; text-align:center; margin:0 0 20px;}


/*お問い合わせ*/
#contents .contact .contactmenu{ text-align:center; margin:0 0 20px;}
#contents .contact .contactmenu li{ display:inline-block;}
#contents .contact .contactmenu li a{ display:block; margin:0; background-color:#48a8bc; padding:10px 15px;; color:#fff; text-decoration:none;}
#contents .contact .contactmenu li a:hover{ background-color:#4374d7;text-decoration:none;}

}

/* --------------------------------------------------
	 1320px〜　PC
-------------------------------------------------- */

@media screen and (min-width : 1320px) {
	/*	センター揃え */
.center {text-align:center;}

}