@charset "UTF-8";
/*********************************
Development 2017.06
*********************************
/*----------------------------
elements
-----------------------------*/
	body {
		min-width: 320px;
		font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
		font-size: 12px;
		background-color: #8ad8f6;}
	@media (min-width: 768px) {
		body {
			font-size: 14px; } }

	a, a:hover {
		color: #005dc4; }

	img {
		max-width: 100%;
		height: auto; }

	ul, ol, li, dl, dt, dd {
		margin: 0;
		padding: 0; }
	footer{
		text-align: center;
		margin-top: 30px;
		font-size: 12px; }
	@media (max-width: 768px) {
		footer{
			font-size: 14px; } }
/*----------------------------
global class
-----------------------------*/
.siteWrap{
	text-align: center;
	margin: auto; }

.siteWrap .btn:focus {
	outline: 0; }

.siteWrap .btn-primary {
	width: 40%;
	font-size: 24px;
	padding: 20px;
	font-weight: bold;
	border: none;
	border-radius: 8px;
	-webkit-transition: opacity .2s;
	transition: opacity .2s; }

@media (max-width: 768px) {
	.siteWrap .btn-primary{
		width: 80%; } }
@media (max-width: 320px) {
	.siteWrap .btn-primary{
		width: 100%; } }

.siteWrap .btn-primary:hover {
	opacity: .4;
	filter: alpha(opacity=40); }

.siteWrap .btn-primary,
.siteWrap .btn-primary:visited,
.siteWrap .btn-primary:hover,
.siteWrap .btn-primary:active,
.siteWrap  .btn-primary:focus {
	background-color: #f94b85;
	box-shadow: 0 8px 0 #b00a38; }

/*----------------------------
scroll
-----------------------------*/
.mod-scroll-outline {
	text-align: left;
	height: 300px;
	color: #202b39;
	overflow-y: scroll;
	padding: 20px;
	margin-bottom: 16px;
	border-radius: 8px;
	background-color: #fff;
	font-size: 14px; }

.mod-scroll-outline dt{
	margin-top: 14px;
}
.mod-scroll-outline dd {
	margin-bottom: 6px; }

.mod-scroll-outline .mark {
	color: #990000; }
#listMargin{
	margin-bottom: 0px; }
.mod-scroll-outline .ListA li {
	margin-left: 1.4em;
	text-indent: -1.2em; }
.mod-scroll-outline ol{
	padding-left: 20px; }
.mod-scroll-outline ul{
	padding-left: 20px; }
#e-mail{
	width: 190px; }

/*----------------------------
common
-----------------------------*/
.main {
	padding-bottom: 0;}

.pageWrap {
	position: relative; }
/*----------------------------
header
-----------------------------*/
.mainVisual {
	margin: 0 auto; }

.mainVisual img {
	width: 100%;
	margin: 0 auto; }

/*----------------------------
siteWrap・column
-----------------------------*/
.siteWrap {
	max-width: 1024px;
	margin: 0 auto;
	padding: 8px;
	color: #202b39; }

.siteWrap h1,
.siteWrap h2,
.siteWrap h3,
.siteWrap h4,
.siteWrap h5,
.siteWrap h6,
.siteWrap p,
.siteWrap ul,
.siteWrap dl,
.siteWrap table {
	margin-bottom: 16px; }

.siteWrap h1{
	text-align: center;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 16px; }
.siteWrap h2{
	line-height: 1.5em; }
.columnMain > h1:last-child,
.columnMain > h2:last-child,
.columnMain > h3:last-child,
.columnMain > h4:last-child,
.columnMain > h5:last-child,
.columnMain > h6:last-child,
.columnMain > p:last-child,
.columnMain > ul:last-child,
.columnMain > dl:last-child,
.columnMain > table:last-child {
	margin-bottom: 0; }

@media (max-width: 768px) {
	.siteWrap h1{
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.siteWrap h2{
		background-size: 22px 22px;
		font-size: 20px;
		line-height: 1.5em;
		font-weight: bold; } }
@media (max-width: 320px) {
	.siteWrap h2{
		font-size: 18px; } }

.siteWrap a:not(.btn) {
	text-decoration: underline; }
.siteWrap a:hover {
	text-decoration: none; }
.siteWrap dt {
	margin-bottom: 5px; }
.siteWrap dd {
	padding-left: 1em; }

.columnMain {
	position: relative;
	margin: 0 auto;
	padding: 8px 28px;
	text-align: left;
	z-index: 20; }

@media (max-width: 768px) {
	.siteWrap p {
		font-size: 14px; }
	.siteWrap h3 br {
		display: inline; }
	.columnMain {
		padding: 8px 10px; } }
/*----------------------------
modal
-----------------------------*/
.modal-body {
	text-align: center;
	padding: 0px 16px 0px 16px; }
.modal-body img{
	padding-bottom: 16px; }
.modal-body p{
	margin-bottom: 0px; }
.modal-footer {
	text-align: center;
	border-top: 0px; }
.modal-footer .btn{
	padding: 20px;
	border: solid 1px #005dc4;
	border-radius: 8px; }
.modal-footer .btn:focus,
.modal-footer .btn:hover{
	color: #005dc4;
	opacity: 0.5; }

.modal-header{
	margin-bottom: 0px;
	border-bottom: none; }
.modal-header h1{
	margin: 0 auto;
	width: 100%;
	padding: 0px;
	margin-bottom: 0px; }
.modal-header .close{
	margin-top: -90px;
	font-size: 32px; }
@media (max-width: 768px){
	.modal-header .close{
		margin-top: -60px;
		margin-right: -8px; } }
/*********************************

maincontents

*********************************/
.localSummary {
	margin: 20px;
	margin-top: 40px;
	text-align: center; }
.mainItem p{
	margin-top: 10px;
	text-align: left;
	padding-left: 15px; }
@media (max-width: 767px){
	.localSummary{
		margin: 8px;
		margin-top: 20px; }
	.mainItem p{
		padding: 0 16px; } }
.entry .btn-primary{
	margin-top: 10px; }
.entry h2{
	width: 400px;
	padding-top: 10px;
	padding-bottom: 30px;
	margin: 0 auto; }
.entry p{
	margin-top: -10px;
	height: 140px;
	padding: 10px;
	padding-top: 40px;
	text-align: center;
	background: #ffffff;
	border-radius: 6px; }
.localContainer{
	margin-top: 30px;
	padding-bottom: 40px;
	border-radius: 10px; 
	background: rgba(255,255,255,0.5); }
.col-sm-10 p img{
	margin-top: -6px;
	width: 180px; }
.columnFirst .col-sm-10{
	left: 50px; }
.columnFirst .col-sm-2{
	left: 38px; }
.columnSecond .col-sm-10{
	left: 26px; }
.columnSecond .col-sm-2{
	left: 12px; }
.entry .col-sm-2{
	color: #005dc4; 
	font-size: 28px;
	margin-top: 130px; }
@media (max-width: 767px){
	.col-sm-10 p img{
		margin-top: -6px;
		width: 80%; }
	.entry h2{
		width: 95%;
		padding-top: 20px; }
	.row{
		margin-right: 0px;
		margin-left: 0px;}
	.col-sm-4{
		margin: 0 auto;
		width: 90%; }
	.entry .btn-primary{
		width: 95%; }
	.entry .col-sm-2{
		margin-top: 0px;
		margin-bottom: 16px; }
	.columnFirst .col-sm-10{
		left: 0px; }
	.columnFirst .col-sm-2{
		left: 0px; }
	.columnSecond .col-sm-10{
		left: 0px; }
	.columnSecond .col-sm-2{
		left: 0px; } }
@media (max-width: 320px){
		.col-sm-10 p img{
		margin-top: -6px;
		width: 90%; } }
.mainSummary h1{
	margin-top: 0;
	padding: 0; }
.mainItem {
	padding: 0 0; }
.mainItem .row:first-child{
	margin-bottom: 0px; }
.mainItem .row p{
	font-size: 12px;
	padding-left: 30px;
	margin-bottom: 0px; }
.mainItem .row {
	margin-bottom: 30px;
	margin-left: 0px;
	margin-right: 0px; }
.mainItem .col-sm-6 {
	padding-top: 10px; }
.mainItem img {
	width: 100%; }
@media (max-width: 768px){
	.mainItem .row p{
		padding-left: 14px;
		margin-bottom: 10px;} }
@media (max-width: 767px){
	.mainItem .col-sm-6:last-of-type{
		padding-top: 30px; } }

/*----------------------------
text area
-----------------------------*/
/*.mainText {
	text-align: center;
	margin-bottom: 30px; }*/
/*----------------------------
footer
-----------------------------*/
#pageTop{
	color: #ffffff; }
#pageTop span{
	float: right;
	padding: 20px;
	background: #005dc4;
	margin-bottom: -30px; }
.footerArea {
	padding-top: 16px;
	padding-bottom: 6px; 
	color: #ffffff;
	background: #005dc4; }
.footerArea img{
	width: 180px; }
.footerArea a{
	color: #ffffff; }
.footerArea p{
	margin-bottom: 0px; }
.list-inline{
	margin-top: 50px;
	margin-bottom: 10px; }
.list-inline li a{
	display: block;
	width: 100%; }
.list-inline li a{
	text-decoration: none; }
.list-inline li{
	position: relative;
}
.list-inline li::after{
	content: "｜";
	position: absolute;
	right: -8px;
	margin-top: -17px; }
.list-inline li:last-child:after{
	content: none; }
@media (max-width: 768px){
	.list-inline li{
		display: block;
		text-align: left;
		padding: 16px;
		border-bottom: solid 1px #ffffff;
		position: relative; }
	.list-inline li::after {
		font-family: 'Glyphicons Halflings';
		content: "\e080";
		position: absolute;
		right: 10px;
		margin-top: -20px; }
	.list-inline li:first-child{
		border-top: solid 1px #ffffff; }
	.list-inline li:last-child:after{
		font-family: 'Glyphicons Halflings';
		content: "\e080"; }
	.footerArea img{
		width: 200px; }
	.copyright{
		font-size: 10px; } }
@media(max-width: 320px){
	.footerArea img{
		width: 200px; } }