/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body,
html {
    width: 100%;
    height: 100%;
}
body {
	   font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing:0.25em;
    font-weight: 700;
}

.table_company{
	font-size: 16px;
	margin-top:35px;
}
.table_company tr th{
	background:#0090da;
	color:#fff;
}


.navbar-fixed-top.topnav{
	border-top:5px solid #0090da;
}
.topnav {
    font-size: 16px;
    font-weight: bold;
	padding: 5px 10px 2px 10px;
    letter-spacing: 0.25em;
}

.topnav img{
	width:150px
}

.lead {
    font-size: 18px;
    font-weight: 400;
}
.fukidashi {
    letter-spacing: 0.25em;
}
.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    text-align: center;
    color: #f8f8f8;
    background: url(../img/bg_road.jpg) repeat bottom;
   /* background-size: cover;*/
	animation:bgtrans 80s linear infinite;
	position:relative;
	margin-top:35px;
}

.intro-car {
	background: url(../img/top_bg_bus.png) no-repeat;
    background-size: 147px;
	animation: none;
	width:147px;
	height:74px;
	position:absolute;
	display:block;
	bottom:0px;
	right:48%;
	margin-right:-60px;
}

.intro-message {
    position: relative;
    /*background:url(../img/top_bg_cloud.png) no-repeat 50% 50%;*/
}

@media(max-width:720px) {
	.intro-message {
	    background-size:auto 82%;
	    margin:0 -15px;
	}
}



.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    font-size:18px;
    color:#666;
	margin-right:15px;
	margin-left:15px;
}

@media(max-width:767px) {
/*
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }
*/
    ul.intro-social-buttons > li {
       /* display: block;*/
        margin-bottom: 20px;
       /* padding: 0;*/
    }
/*
    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
*/
}

ul li {
	/* font-weight:bold;*/
}

/*はじめてのりコミ～を利用される方へ*/
.top-ttl-bg{
	background:#0090da;
	position:relative;
}

.first-ttl{
	color:#fff;
	background:url(../img/icon_ttl_01.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;

	top:-30px;
	width:1200px;
}



.first-ttl img{
	position:absolute;
	bottom:0px;
	right:0px;

}

@media (max-width: 1200px) {

	.first-ttl{
		width:auto;
	}

	.first-ttl img{
		position:absolute;
		top:-200px;
		right:0px;
		width:180px;
	}
}

@media (max-width: 750px) {

	.first-ttl{
		width:auto;
	}

	.first-ttl img{
		position:absolute;
		top:-160px;
		right:0px;
		width:150px;
	}
}

.menu-link-area {
	padding-top:15px;
	padding-bottom:15px;
}

.menu-link-area img{
	margin:10px 5px 5px 0;
}

.menu-link-area p{
	font-weight:bold;
	margin:0px 15px 15px 15px;
}

.menu-link-area .text-area {
	background-color:rgba(255,255,255,0.8);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:15px;
	margin-bottom:15px;
	color:#000;
	border-bottom: 7px solid #0090da;
    border-top: 2px solid #0090da;
    border-left: 2px solid #0090da;
    border-right: 7px solid #0090da;

}

.helper-img{
	backgrond:url(../img/helper01.png);
}

/*GPS機能付タブレットで案内*/
.ttl-bg{
	background:#fff;
	border-bottom:10px solid #0090da;
	padding:15px 0px 10px 0px;

}


.course-area {
	background:url(../img/bg.png);
	padding-top:25px;
}
.course-area p{
	color:#000;
	background:#fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding:40px;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:7px solid #0090da;
	border-top:2px solid #0090da;
	border-left:2px solid #0090da;
	border-right:7px solid #0090da;
}

img.green-border-box{
	background:#fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding:20px;
	border-bottom:7px solid #0090da;
	border-top:2px solid #0090da;
	border-left:2px solid #0090da;
	border-right:7px solid #0090da;
	margin-bottom:30px;
	background:#fff;
}

.course-ttl{
	color:#000;
	background:url(../img/icon_ttl_04.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;

	position:relative;

}

.course-ttl img{
	position:absolute;
	bottom:0px;
	right:0px;
}



@media (max-width: 1200px) {

	.course-ttl{
		width:auto;
	}

	.course-ttl img{
		position:absolute;
		top:-200px;
		right:0px;
		width:180px;
	}
}

@media (max-width: 750px) {

	.course-ttl{
		width:auto;
	}

	.course-ttl img{
		position:absolute;
		top:-110px;
		right:0px;
		width:120px;
	}
}

/*通知機能*/

.mail-area{
	background:url(../img/bg.png);
	padding-top:25px;
}

.mail-ttl{
	color:#000;
	background:url(../img/icon_ttl_03.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;
	top:-30px;
}

.mail-area p{
	color:#000;
	background:#fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding:40px;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:7px solid #0090da;
	border-top:2px solid #0090da;
	border-left:2px solid #0090da;
	border-right:7px solid #0090da;
}


/*事前のコース設定*/

.history-area{
	background:url(../img/bg.png);
	padding-top:25px;
}

.history-ttl{
	color:#000;
	background:url(../img/icon_ttl_02.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;

	top:-30px;
}

.history-area p{
	color:#000;
	background:#fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding:40px;
	font-weight:bold;
	margin-bottom:0px;
	border-bottom:7px solid #0090da;
	border-top:2px solid #0090da;
	border-left:2px solid #0090da;
	border-right:7px solid #0090da;
}

/*
 * -------------------------------------------------------
 * マニュアルのページ
 * -------------------------------------------------------
 */

 .manual-area{
 	padding-top:100px;
 }

 .manual_area p{
 	color:#0090da;
 }

 .manual_area ul li ,
 .manual_area ol li {
 	/* font-weight:bold;*/
 	margin-top:5px;
 }

 .manual_area ul li ul li,
 .manual_area ol li ul li{
 	font-weight:normal;
 }

 h3.manual_ttl{
 	color:#0090da;
 	border-bottom:3px solid #0090da;
 	padding-bottom:5px;
 }

h4.manual_ttl_s{
	font-weight:bold;
	color:#0090da;
}

 .manual_area_zaitaku p{
  	font-weight:bold;
 	color:#000000;
 }

 .manual_area_zaitaku_kome {
 	text-indent: 1em;
// 	font-size: 14px;
 }
.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 50px 0;
    background-color: #fff;
}

.content-section-b {
    padding: 50px 0;
	    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 30px;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: #fff;
    background-size: cover;
}

.banner h2 {
    margin: 0;
	color:#0090da;
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 50px 0;
    background-color: #fff;
}

p.copyright {
    margin: 15px 0 0;
}
@keyframes bgtrans {
	0% { background-position: 0 0; }
	100% { background-position: 100vw 0; }
}

#manual_patient h3{
	margin-top:-40px;
    padding-top:120px;
}

#manual_staff{
	margin-top:-80px;
    padding-top:100px;
}

#manual_point{
	margin-top:-80px;
    padding-top:100px;
}

#manual_template{
	margin-top:-80px;
    padding-top:100px;
}

#manual_facility{
	margin-top:-80px;
    padding-top:100px;
}

.manual_hacommon{
	padding-top:60px;
}
#manual_haschedule{
    padding-top:100px;
}

#manual_haschedule h3{
	margin-top:-60px;
	padding-top:120px;
}

#manual_haweekschedule{
    padding-top:100px;
}

#manual_haweekschedule h3{
	margin-top:-100px;
	padding-top:120px;
}

#haweekschedule{
	margin-top:-40px;
    padding-top:120px;
}

#manual_hascheduletemplate{
    padding-top:40px;
}

#manual_hascheduletemplate h3{
	margin-top:-60px;
	padding-top:120px;
}

#hascheduletemplate_1-2{
    padding-top:100px;
}

#manual_haactivity{
    padding-top:40px;
}
#haactivity{
	margin-top:-40px;
    padding-top:120px;
}
#patient_number_info {
   margin-top:-110px;
  padding-top:110px;
}
.before_use{
	color:#F90;
}

.br:before {
	content: "\A" ;
	white-space: pre ;
}

ul li ol{
	margin-left:20px;
	margin-bottom:20px;
}

@-moz-document url-prefix() {/*Firefoxハック　Javascriptのwindow.openがずれるバグ対策*/
	#manual_patient h3{
		margin-top:-0px;
		padding-top:20px;
	}

	#manual_staff{
		margin-top:-0px;
		padding-top:0px;
	}

	#manual_point{
		margin-top:-0px;
		padding-top:0px;
	}

	#manual_template{
		margin-top:-0px;
		padding-top:0px;
	}

	#manual_facility{
		margin-top:-0px;
		padding-top:0px;
	}
}

/*Q＆Aページ*/
.faq dt {
    counter-increment: question;
    counter-reset: answer;
    font-size:18px;
    padding-left:2.9em;
	text-indent:-2.9em;
}

.faq dt:nth-child(n+18){
	padding-left:3.8em;
	text-indent:-3.8em;
}

.faq dt:before {
    content: "Q" counter(question) ". ";
    color:#ff0000;
}

.faq dd {
	padding-left:2em;
	text-indent:-2em;
	margin-top:8px;
	margin-bottom:30px;
}

.faq dd:before {
    content: "A. ";
    color:#0090da;
    font-weight:bold;
}

.faq h3{
	color:#0090da;
	border-bottom:2px solid #0090da;
	padding-bottom:5px;
}
/* プライバシーポリシー*/
.privacy_announce{
	font-size: 18px;
	font-weight:bold;
}
.privacy_sentence{
	font-size: 18px;
	list-style-type: none;
	font-weight: normal;
}

.privacy_sentence p{
	font-size: 18px;
	list-style-type: none;
	font-weight: normal;
}

.privacy_list{
	text-indent:-1em;
	padding-left:4em;
}

.privacy dt {
    font-size:18px;
    padding-left:2.9em;
	text-indent:-2.9em;
}

.privacy dt:nth-child(n+18){
	padding-left:3.8em;
	text-indent:-3.8em;
}

.privacy dt:before {

}

.privacy dd {
	counter-increment: question;
    counter-reset: answer;
	padding-left:2.7em;
	text-indent:-2.7em;
	margin-top:8px;
	font-size:18px;
	font-weight: 400;
	margin-bottom:30px;
}

.privacy li {
	counter-increment: question;
    counter-reset: answer;
	padding-left:2.7em;
	text-indent:-2.7em;
	margin-top:8px;
	font-size:18px;
	font-weight: 400;
	margin-bottom:30px;
}

.privacy_second:before {
    content: "2." counter(question) ".";
    color:#000000;
    font-weight:normal;
}
.privacy_third:before{
    content: "3." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_fourth:before{
    content: "4." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_fifth:before{
    content: "5." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_sixth:before{
    content: "6." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_seventh:before{
    content: "7." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_eighth:before{
    content: "8." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_ninth:before{
    content: "9." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_tenth:before{
    content: "10." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_eleventh:before{
    content: "11." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.privacy_top{
	font-weight: bold;
	font-size:18px;
}

.privacy_sentence_ol{
	font-size: 18px;
	list-style-type: none;
	font-weight: normal;
	margin-left:-40px;
}
/* 利用規約*/
.policy_announce{
	font-size: 18px;
	font-weight:bold;
}
.policy_sentence{
	font-size: 18px;
	list-style-type: none;
	font-weight: normal;
}

.policy_sentence p{
	font-size: 18px;
	list-style-type: none;
	font-weight: normal;
}

.policy_list{
	text-indent:-1em;
	padding-left:4em;
}

.policy dt {
    font-size:18px;
    padding-left:2.9em;
	text-indent:-2.9em;
}

.policy dt:nth-child(n+18){
	padding-left:3.8em;
	text-indent:-3.8em;
}

.policy dt:before {

}

.policy dd {
	counter-increment: question;
    counter-reset: answer;
	padding-left:2.7em;
	text-indent:-2.7em;
	margin-top:8px;
	font-size:18px;
	font-weight: 400;
	margin-bottom:30px;
}

.policy li {
	counter-increment: question;
    counter-reset: answer;
	padding-left:2.7em;
	text-indent:-2.7em;
	margin-top:8px;
	font-size:18px;
	font-weight: 400;
	margin-bottom:30px;
}
.policy_top{
	font-weight: bold;
	font-size:18px;
}
.policy_first:before {
    content: "1." counter(question) ".";
    color:#000000;
    font-weight:normal;
}
.policy_second:before {
    content: "2." counter(question) ".";
    color:#000000;
    font-weight:normal;
}
.policy_third:before{
    content: "3." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_fourth:before{
    content: "4." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_fifth:before{
    content: "5." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_sixth:before{
    content: "6." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_seventh:before{
    content: "7." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_eighth:before{
    content: "8." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_ninth:before{
    content: "9." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_tenth:before{
    content: "10." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_eleventh:before{
    content: "11." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_twelfth:before{
    content: "12." counter(question) ".";
    color:#000000;
    font-weight:normal;
}

.policy_fin{
	font-weight:normal;
	font-size:18px;
	text-align: right;
	margin-top: 10px;
}

.policy_p{
	font-weight:normal;
	font-size:18px;
}

.policy_srcollbar {
 	overflow-y: scroll;
 	overflow-x: hidden;
 	width:100%;
    height:500px;
    margin-bottom: 35px;
    border: 1px solid silver;
}

/* お問い合わせ*/
.required:after {
	content: '*';
	color: #ff69b4;
	font-weight: bold;
	display: inline;
	margin-left: 0.5em;
	vertical-align: super;
}

.error{
	color:red;
}

.confirm_width{
	width:35%;
}

@media print {

  a[href]:after {
    content:normal;
  }
  abbr[title]:after {
    content:normal;
  }

}

.contact-area{
	padding-top:100px;
}

.contact_margin1{
	margin-top: 30px;
}

.contact-ttl{
	color:#fff;
	background:url(../img/icon_ttl_03.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;
	top:-30px;
}



/*
 * -------------------------------------------------------
 * ログインのページ
 * -------------------------------------------------------
 */

.login-area{
 	padding-top:100px;
}

.login-ttl{
	color:#fff;
	background:url(../img/icon_ttl_06.png) no-repeat;
	background-position:0px 10px;
	background-size:60px;
	padding-left:70px;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px !important;
	top:-30px;
}

.login-header_ptn1{
	margin-top: 10px;
}


/*
 * -------------------------------------------------------
 * 新規利用登録のページ
 * -------------------------------------------------------
 */

.reg-header_ptn1{
	margin-top: 85px;
}