/*!
 * 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.
 */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  min-height: 100%;
  position: relative;
}

body {
	width: 100%;
	height: 100%;
	margin-bottom: 50px;
}

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

.row{
	margin:0;
}

/*新着情報*/

.news_area{
	background: #494949;
	padding-bottom:10px;
	color: #fff;
}

.news_area .title{
	background: #6a6a6a;
}

.news_area p{
	margin-left:15px;
	color: #fff;
}

.navbar {
	border-bottom:0px;
}

.navbar-default .navbar-nav > li > a {
	font-weight:normal;
	color:#000;
}

/* TOP画面瓦写真のエリア */
.top-kawara-area {
	position: relative;
}
/*タイトル*/
.title_information{
	text-align:center;
	border-bottom:2px solid #fff;
	margin-top:0;
	padding:5px 0;
}

.navbar-fixed-top.topnav{
	background: rgba(255,255,255,0.5);
}

.topnav {
    font-size: 16px;
	padding: 5px 10px 2px 10px;

}

.topnav img{
	width:150px
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.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.png) repeat bottom;
   /* background-size: cover;*/
	animation:bgtrans 80s linear infinite;
	position:relative;
	margin-top:35px;
}



.intro-message {
	position: relative;
	padding-top:250px;
	/*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;
}

/*
.container{
	padding:0;

}

@media(min-width:1521px) {
	.container{
		min-width:1500px;

	}
}

@media(max-width:1520px) {
	.container{
		min-width:100%;
	}
}
*/

@media(max-width:1000px) {
/*
    .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%;
    }
*/
}

.intro-social-buttons {
	position:fixed;
	right:20px;
	top:80px;
	transition:1s;
	z-index: 100;
}

ul li {
	font-weight:bold;
}

.top-ttl-bg {
	background: #408080;
	position: relative;
}

.first-ttl {
	color: #fff;
	background-position: 0px 10px;
	background-size: 6px;
	padding: 15px 0px ;
	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 {
	background:url(../img/kawara_bak.png) no-repeat top;
	background-size:100%;
}

@media (max-width: 1520px) {
	.menu-link-area {
		background:url(../img/kawara_bak.png) no-repeat top;
		background-size:1550px;
	}
}

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

.menu-link-area p{
	font-weight:bold;

}

.menu-link-area .text-area {
	background-color:rgba(255,255,255,0.8);
	color:#000;
	background:url(../img/kawara_bak_center.png);
	background-size:100%;
	background-position:top;
	height:800px;

}

.kawara_left_box{
	background:url(../img/kawara_bak_left.png) no-repeat top right;
	background-size:500px;
	width:calc(50% - 250px);
	position: relative;
	box-sizing: border-box;
	float: left;
	height:800px;
}

.kawara_centar_box{
	width:500px;
	position: relative;
	box-sizing: border-box;
	float: left;
}

.kawara_right_box{
	background:url(../img/kawara_bak_right.png) no-repeat;
	background-size:500px;
	width:calc(50% - 250px);
	position: relative;
	box-sizing: border-box;
	float: left;
	height:800px;
}


@media (max-width: 1500px) {


	.kawara_left_box{
		background:url(../img/kawara_bak_left.png) no-repeat top center;
		background-size:500px;
		width:33.333%;
		position: relative;
		box-sizing: border-box;
		float: left;
		height:800px;
	}

	.kawara_centar_box{
		width:33.333%;
	}

	.kawara_centar_box .text-area{

		background-size:500px;
	}

	.kawara_right_box{
		background:url(../img/kawara_bak_right.png) no-repeat top center;
		background-size:500px;
		width:33.333%;
		position: relative;
		box-sizing: border-box;
		float: left;
		height:800px;
	}

}

@media (max-width: 500px) {
	.kawara_left_box{
		display:none;
	}

	.kawara_centar_box{
		width:100%;
		height:800px;
		background-position:-50px 0px;
	}

	.kawara_centar_box .text-area{
		background-position:0px -100px;
	}

	.intro-message{
		padding-top:200px;
	}

	.kawara_right_box{
		display:none;
	}

}

.pickup-box1 {
	background:#eaeaea;
	text-align:center;
	padding-top:5px;
	color:black;
	height:150px;
}

.pickup-box1 p {
	margin-top:5px;
	margin-bottom:20px;
}

.pickup-box2 {
	background:#acefe1;
	text-align:center;
	padding-top:5px;
	color:black;
	height:150px;
}

.pickup-box2 p {
	margin-top:10px;
	margin-bottom:30px;
}

.pickup-box3 {
	background:#fbe0ec;
	text-align:center;
	padding-top:5px;
	color: black;
	height:150px;
}
.pickup-box3 p {
	margin-top:0px;
	margin-bottom:0px;
}



.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;
	}
	.pickup-box3 p {
		margin-top:5px;
		margin-bottom:5px;
		font-size: 8pt;
	}
}

@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;
}



/*
 * -------------------------------------------------------
 * お問い合わせのページ
 * -------------------------------------------------------
 */
 .contact-area {
 	padding-top:60px;
 }

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

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

 .manual_area p{
 	color:#0090da;
 }

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

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

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

.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: 5px 0;
    background-color: #353535;

	width:100%;
	bottom: 0;
	height: 55px;
	position: absolute;
}

.list_footer{
	list-style:none;
	display:block;
	width:auto;
	float:left;
}

ul.list_footer li a{
	color:#fff;
}

p.copyright {
	margin: 0;
	color: #fff;
}
@keyframes bgtrans {
	0% { background-position: 0 0; }
	100% { background-position: 100vw 0; }
}

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

#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;
}

@-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:1.1em;*/
    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;
}
/*
div.policy dl dt{

display: block;
clear: left;
float: left;
width: 30%;
font-size:0.8em;
font-weight:bold;
}
div.policy dl dd{

display: block;
width: 70%;
float: left;
font-size:0.8em;
}
*/

.policy dt {

    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:6px;
	font-weight: 400;
	margin-bottom:10px;
}

.policy li {
	counter-increment: question;
    counter-reset: answer;
	padding-left:2.7em;
	text-indent:-2.7em;
	margin-top:3px;
/*	font-size:18px;*/
	font-weight: 400;
	margin-bottom:10px;
}
.policy_top{

		/*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_fin{
/*	font-weight: bold;*/
		/*font-size:18px;*/
	text-align: right;
}

.policy_srcollbar {
 	overflow-y: scroll;
 	overflow-x: hidden;
 /*	width: 700px;*/
    height: 500px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #d0d0d0;
}

.policy_area {
	font-size:1.1em;
}

.user_type {
	margin-bottom: 20px;
}

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

.error{
	color:red;
}

.confirm_width{
	/*width:25%;*/
}

@media print {

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

}

.upper{
	position:fixed;
	right:20px;
	bottom:15px;
	transition:1s;
	z-index: 100;
	/*opacity:0.7;*/
}
.upper:hover{
	opacity:1;
}

.patent-mark{
	position: absolute;
	right:20px;
	bottom:15px;
	transition:1s;
	z-index: 100;
	/*opacity:0.7;*/
}