@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}


/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	リンク・インプットをタップ時のクラス
------------------------------------------------------------*/
a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tap {

}

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-family: HiraKakuProN-W3;
	font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #ffffff;
}

a:hover {
	color: #ffffff;
}

a:active {
	color: #ffffff;
}

@media screen and (max-device-width: 480px){
	img{max-width:100%;height:auto;}
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #000000;
	font-size: 12px;
	line-height: 1.2;
	background: #FFF;
	-webkit-text-size-adjust: none;
}

#container {
	text-align: left;	
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	margin-bottom: 7px;
}

#gHeader h1 {
	margin-bottom: 7px;
	padding: 4px 7px 2px;
	color: #fff;
	font-size: 10px;
	background-color: #84C2EB;
}

#gHeader .logo {
	margin-left: 6px;
}

#gHeader .logo img {
	width: 298px;
}

/*------------------------------------------------------------
	main
------------------------------------------------------------*/
#main {
	margin-bottom: 1px;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 11px 0 5px;
	background-color: #84C2EB;
}

#gFooter .title {
	margin-bottom: 11px;
	color: #fefefe;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#gFooter .mailForm {
	margin-bottom: 9px;
}

#gFooter .tabBox {
	margin: 0 13px 10px;
	padding: 5px 0 7px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 4px #608DAB,  0 0 1px #608DAB;
}

#gFooter .mailForm table {
	width: 100%;
	border-collapse: collapse;
}

#gFooter .mailForm th {
	padding: 3px 0 3px 6px;
	width: 36%;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.75;
	text-align: left;
	vertical-align: top;
}

#gFooter .mailForm td {
	padding: 3px 4px 3px 6px;
	font-size: 12px;
	line-height: 1.75;
	text-align: left;
	vertical-align: top;
}


#gFooter .mailForm td a {
	color: #000;
}

#gFooter .mailForm tr:nth-child(2n) th,
#gFooter .mailForm tr:nth-child(2n) td {
	background-color: #E7F6FF;
}


#gFooter .mailForm td input[type="text"] {
	height: 18px;
	width: 35%;
	line-height: 18px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
}

#gFooter .mailForm td textarea {
	height: 93px;
	width: 100%;
	font-size: 12px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
}

#gFooter .mailForm .wid01 {
	width: 17% !important;
}

#gFooter .mailForm .wid02 {
	width: 20% !important;
}

#gFooter .mailForm .wid03 {
	width: 100% !important;
}

#gFooter .mailForm td .chooseUl li {
	margin-right: 10px;
	float: left;
}

#gFooter .mailForm td .textUl {
	margin-bottom: 10px;
}

#gFooter .mailForm .submit {
	text-align: center;
}

#gFooter .mailForm .submit li {
	margin: 0 1px;
	display: inline;
}

#gFooter .mailForm .submit li input[type="image"] {
	width: 136px;
}

#gFooter .errorMsg {
    color: #f00;
	font-size: 12px;
    line-height: 1.7;
    margin: 0 13px 15px;
}

#gFooter .copyright {
	color: #fff;
	font-size: 11px;
	text-align: center;
}

#gFooter .thanks {
	margin: 0 10px 10px;
	font-size: 12px;
}

#gFooter .thanks a {
	color: #000;
}

#gFooter td .red {
	color: #e60012;
}

#gFooter th img {
	margin-left: 5px;
	vertical-align: middle;
}

@media all and (min-width: 737px) {
	body {
		margin: 0 auto;
		width: 960px;
	}
	
	/*------------------------------------------------------------
		ヘッダー
	------------------------------------------------------------*/
	#gHeader {
		margin-bottom: 22px;
	}
	
	#gHeader h1 {
		margin-bottom: 22px;
		padding: 10px 21px 6px;
		font-size: 30px;
	}
	
	#gHeader .logo {
		margin-left: 17px;
	}
	
	#gHeader .logo img {
		width: auto;
	}
	
	/*------------------------------------------------------------
		main
	------------------------------------------------------------*/
	#main {
		margin-bottom: 4px;
	}

	/*------------------------------------------------------------
		フッター
	------------------------------------------------------------*/
	#gFooter {
		padding: 34px 0 19px;
	}
	
	#gFooter .title {
		margin-bottom: 34px;
		font-size: 54px;
	}
	
	#gFooter .mailForm {
		margin-bottom: 27px;
	}
	
	#gFooter .tabBox {
		margin: 0 37px 29px 40px;
		padding: 15px 0 21px;
		border-radius: 13px;
		box-shadow: 4px 4px 4px #608DAB,  0 0 1px #608DAB;
	}
	
	#gFooter .mailForm th {
		padding: 9px 0 2px 18px;
		font-size: 36px;
	}
	
	#gFooter .mailForm td {
		padding: 9px 12px 9px 18px;
		font-size: 36px;
	}
	
	#gFooter .mailForm td input[type="text"] {
		height: 43px;
		line-height: 43px;
	}
	
	#gFooter .mailForm td textarea {
		height: 267px;
		font-size: 36px;
	}
	
	#gFooter .mailForm td .chooseUl li {
		margin-right: 60px;
	}
	
	#gFooter .mailForm .submit li {
		padding: 0 5px;
	}
	
	#gFooter .mailForm .submit li input[type="image"] {
		width: auto;
	}
	
	#gFooter .errorMsg {
		margin: 0 40px 45px;
		font-size: 36px;
	}
	
	#gFooter .thanks {
		margin: 0 30px 30px;
		font-size: 36px;
	}
	
	#gFooter .copyright {
		font-size: 27px;
	}
	

}

/*------------------------------------------------------------
	mainImg
------------------------------------------------------------*/
#main .mainImg {
	margin-bottom: 2px;
}

#main .mainImg img {
	width: 100%;
}

/*------------------------------------------------------------
	comMenu
------------------------------------------------------------*/
#main .comMenu {
	margin-bottom: -2px;
	padding-bottom: 3px;
	position: relative;
	background: url(img/common/g_navi_bg.png) no-repeat left bottom;
	background-size: 100% auto;
}

#main .comMenu li {
	float: left;
	width: 50%;
	font-size: 18px;
	text-align: center;
	background-color: #84C2EB;
}

#main .comMenu li a {
	padding: 9px 10px 9px 5px;
	display: block;
	position: relative;
	box-shadow: inset 1px 1px 3px #6EA2C5, inset 0 0 0 #6EA2C5;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#main .comMenu li:nth-child(2n) a {
	border-right: 1px solid #fff;
}

#main .comMenu li a:before {
	width: 12px;  
    height: 23px;
	background: url(img/common/icon01.gif) no-repeat left top;
	background-size: 12px 23px;
    position: absolute;  
    top: 23%;  
    right: 7px;  
  
    content: ""; 
}

/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
#main .comBtn {
	margin: 0 9px 10px;
	text-align: center;
	background: url(img/common/line01.png) repeat-x left top;
	background-size: 8px 3px;
}

#main .comBtn .subBox {
	padding: 13px 0 12px;
	background: url(img/common/line01.png) repeat-x left bottom;
	background-size: 8px 3px;
}

#main .comBtn .subBox img {
	width: 253px;
}

/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
#main .comBg {
	padding: 6px 0 4px;
	background-color: #FFF9EB;
}

/*------------------------------------------------------------
	comNews
------------------------------------------------------------*/
#main .comNews {
	margin: 0 9px 9px;
	padding-top: 4px;
	background: url(img/common/line02.gif) repeat-x left top;
	background-size: 3px 2px;
}

#main .comNews dt {
	padding: 0 0 5px 13px;
	color: #2f2f2f;
	font-size: 9px;
}

#main .comNews dd {
	margin-bottom: 6px;
	padding: 0 0 4px 13px;
	font-size: 15px;
	background: url(img/common/line02.gif) repeat-x left bottom;
	background-size: 3px 2px;
}

#main .comNews dd a {
	color: #2f2f2f;
}

#main .comNews dd a span {
	padding-left: 45px;
	color: #cc0101;
}

#main .comNews dd:last-child {
	margin-bottom: 0;
}

/*------------------------------------------------------------
	description
------------------------------------------------------------*/
#main .description {
	padding: 12px 12px 18px;
	background-color: #84C2EB;
}

#main .description .section {
	margin-bottom: 11px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #6391B0,  -1px -1px 1px #84c2eb;
}

#main .description .section .click span {
	display:block;
}

#main .description .section .click a {
	padding: 3px 6px;
	display: block;
	position: relative;
	color: #474747;
}

#main .description .section .click a:before {
	width: 24px;  
    height: 24px;
	background: url(img/common/icon02.jpg) no-repeat left top;
	background-size: 24px 24px;
    position: absolute;  
    top: 18%;  
    right: 10px;  
  
    content: ""; 
}

#main .description .section .click .pho {
	float: left;
	padding-top: 3px;
	width: 36px;
}
#main .description .section .click .pho img {
	width: 100%;
}

#main .description .section .click .textBox {
	padding: 1px 0 0 42px;
}

#main .description .section .click02 .textBox {
	padding: 1px 0 0 62px;
}

#main .description .section .click .textBox .textImg {
	color: #5188c7;
	font-size: 13px
}

#main .description .section .click .textBox .txt {
	padding-top: 4px;
	font-size: 15px;
}

#main .description .section .content {
	padding: 2px 6px 6px;
	display: none;
}

#main .description .section .content.off {
	display: block;
}

#main .description .section .content .headLine03 {
	margin-bottom: 6px;
	position: relative;
	color: #fefefe;
	font-size: 13px;
	line-height: 1.8;
}

#main .description .section .content .headLine03 span {
	position: absolute;
	left: 12%;
	height: 50px;
	top: 50%;
	margin-top: -25px;
}

#main .description .section .content h2 img {
	width: 100%;
}

#main .description .section .content .imgBoxR {
	margin-bottom: 25px;
}

#main .description .section .content .imgBoxR .photoBox {
	margin: 0 0 0 10px;
	float: right;
	width: 150px;
}

#main .description .section .content .imgBoxR .photoBox img {
	width: 100%;
}

#main .description .section .content p {
	color: #474747;
	font-size: 12px;
	line-height: 1.7;
}

#main .description .section .content .more {
	margin-top: 28px;
	font-size: 12px;
	text-align: right;
}

#main .description .section .content .more a {
	color: #033aef;
}

/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
#main .headLine01 {
	padding: 5px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background-color: #8A592E;
}

/*------------------------------------------------------------
	taking
------------------------------------------------------------*/
#main .taking {
	padding: 16px 14px 2px 12px;
	background-color: #FFF9EB;
}

#main .taking .visit {
	margin-left: 4px;
}

#main .taking .visit .photoBox {
	float: left;
	padding-top: 3px;
	width: 44px;
}

#main .taking .visit .photoBox img {
	width: 100%;
}

#main .taking .visit .textBox {
	padding: 0 0 0 55px;
}

#main .taking .visit .textBox dt {
	margin-bottom: 5px;
	color: #e14242;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.5px;
}

#main .taking .visit .textBox dd {
	color: #474747;
	font-size: 12px;
	line-height: 1.75;
	letter-spacing: -0.5px;
}

#main .taking .experience .photoBox {
	float: right;
	width: 109px;
}

#main .taking .experience .photoBox img {
	width: 100%;
}

#main .taking .experience .textBox {
	margin-right: 110px;
}

#main .taking .experience .textBox dl {
	margin: 0 10px 6px 0;
	padding-top: 8px;
	background: url(img/common/line03.gif) repeat-x left top;
	background-size: 3px 2px;
}

#main .taking .experience .textBox dt {
	margin-bottom: 4px;
	font-size: 10px;
}

#main .taking .experience .textBox dd {
	margin-bottom: 11px;
	padding-bottom: 11px;
	font-size: 13px;
	background: url(img/common/line03.gif) repeat-x left bottom;
	background-size: 3px 2px;
}

#main .taking .experience .textBox dd:last-child {
	margin-bottom: 0;
}

#main .taking .experience .textBox .link {
	margin-left: -7px;
}

#main .taking .experience .textBox .link img {
	width: 100%;
}

/*------------------------------------------------------------
	comQaList
------------------------------------------------------------*/
#main .comQaList {
	font-size: 12px;
	line-height: 1.8;
}

#main .comQaList .pic {
	margin-top: 4px;
	display: block;
	float: left;
}

#main .comQaList .txt {
	padding-left: 46px;
	display: block;
}

#main .comQaList dt {
	padding-top: 6px;
	color: #c80000;
}

#main .comQaList dd {
	color: #1f1f1f;
	clear: both;
}

#main .comQaList dd a {
	color: #0701fa;
}

/*------------------------------------------------------------
	comPhotoList
------------------------------------------------------------*/
#main .comPhotoList {
	margin: 0 7px 8px;
}

#main .comPhotoList li {
	margin: 0 0 4px 0;
	width: 32.5%;
	float: left;
}

#main .comPhotoList li:nth-child(3n-1) {
	margin: 0 1.25%;
}

#main .comPhotoList li img {
	width: 100%;
}

/*------------------------------------------------------------
	headLine02
------------------------------------------------------------*/
#main .headLine02 {
	margin-bottom: 12px;
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
	line-height: 1.7;
	text-align: center;
	background-color: #5188C7;
}

/*------------------------------------------------------------
		passerBox
------------------------------------------------------------*/	
#main .passerBox {
	padding: 7px 8px 10px;
	background-color: #FEF8EA;
}

#main .passerBox .topImg {
	margin: 0 -3px -1px;
	position: relative;
}

#main .passerBox .topImg img {
	width: 100%;
}

#main .passerBox .topImg span {
	position: absolute;
	right: 9px;
	top: 45%;
	display: block;
	width: 33%;
	padding: 2px;
	border: 1px solid #D4D4D4;
	box-sizing: border-box;
	background-color: #fff;
}

#main .passerBox .passerList {
	margin-bottom: 4px;
}

#main .passerBox .passerList li {
	padding: 5px 0 0 1.25%;
	float: left;
	width: 32.5%;
}

#main .passerBox .passerList li:nth-child(3n+1) {
	padding-left: 0;
}

#main .passerBox .passerList li img {
	width: 100%;
}

#main .passerBox .textImg {
	margin-bottom: 2px;
}

#main .passerBox .textImg img {
	width: 100%;
}

#main .passerBox .note {
	font-size: 7px;
	text-align: right;
	color: #F00;
}

@media all and (min-width: 737px) {
	
	/*------------------------------------------------------------
		mainImg
	------------------------------------------------------------*/
	#main .mainImg {
		margin-bottom: 6px;
	}
	
	/*------------------------------------------------------------
		comMenu
	------------------------------------------------------------*/
	#main .comMenu {
		margin-bottom: -9px;
		padding-bottom: 9px;
		background: url(img/common/g_navi_bg.png) no-repeat left bottom;
	}

	#main .comMenu li {
		width: 482px;
		font-size: 54px;
	}
	
	#main .comMenu li:nth-child(2n) {
		width: 478px;
	}
	
	#main .comMenu li a {
		padding: 28px 30px 27px 15px;
		display: block;
		position: relative;
		box-shadow: inset 3px 3px 6px #6EA2C5, inset 0 0 0 #6EA2C5;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	
	#main .comMenu li a:before {
		width: 36px;  
		height: 69px;
		background: url(img/common/icon01.gif) no-repeat left top;
		background-size: 36px 69px;
		position: absolute;  
		top: 23%;  
		right: 22px;  
	  
		content: ""; 
	}
	
	/*------------------------------------------------------------
		comBtn
	------------------------------------------------------------*/
	#main .comBtn {
		margin: 0 26px 20px;
		text-align: center;
		background: url(img/common/line01.png) repeat-x left top;
	}
	
	#main .comBtn .subBox {
		padding: 38px 0 35px;
		background: url(img/common/line01.png) repeat-x left bottom;
	}
	
	#main .comBtn .subBox img {
		width: auto;
	}
	
	/*------------------------------------------------------------
		comBg
	------------------------------------------------------------*/
	#main .comBg {
		padding: 21px 0 6px;
	}
	
	/*------------------------------------------------------------
		comNews
	------------------------------------------------------------*/
	#main .comNews {
		margin: 0 26px 31px 36px;
		padding-top: 12px;
		background: url(img/common/line02.gif) repeat-x left top;
	}
	
	#main .comNews dt {
		padding: 0 0 12px 36px;
		font-size: 27px;
	}
	
	#main .comNews dd {
		margin-bottom: 15px;
		padding: 0 0 13px 36px;
		font-size: 45px;
		background: url(img/common/line02.gif) repeat-x left bottom;
	}
	
	#main .comNews dd a span {
		padding-left: 135px;
		color: #cc0101;
	}
	
	#main .comNews dd:last-child {
		margin-bottom: 0;
	}

	/*------------------------------------------------------------
		description
	------------------------------------------------------------*/
	#main .description {
		padding: 36px 37px 54px 40px;
	}
	
	#main .description .section {
		margin-bottom: 33px;
		border-radius: 14px;
		box-shadow: 3px 3px 7px #6391B0,  -1px -1px 1px #84c2eb;
	}
	
	#main .description .section .click a {
		padding: 7px 17px;
	}
	
	#main .description .section .click a:before {
		width: 72px;  
		height: 72px;
		background: url(img/common/icon02.jpg) no-repeat left top;
		background-size: 72px 72px;
		position: absolute;  
		top: 19%;  
		right: 30px;  
	  
		content: ""; 
	}
	
	#main .description .section .click .pho {
		padding-top: 7px;
		width: auto;
	}
	
	#main .description .section .click02 .pho {
		padding-top: 13px;
	}
	
	#main .description .section .click .textBox {
		padding: 5px 0 0 126px;
	}
	
	#main .description .section .click02 .textBox {
		padding: 5px 0 0 182px;
	}
	
	#main .description .section .click .textBox .txt {
		font-size: 47px;
	}
	
	#main .description .section .click .textBox .textImg {
		margin-bottom: 12px;
		font-size: 38px
	}
	
	#main .description .section .click .textImg img {
		width: auto;
	}
	
	#main .description .section .content {
		padding: 12px 18px 22px;
	}
	
	#main .description .section .content .headLine03 {
		margin: 0 0 18px -3px;
		font-size: 33px;
	}
	
	#main .description .section .content .headLine03 span {
		height: 150px;
		margin-top: -75px;
	}
	
	#main .description .section .content .imgBoxR {
		margin-bottom: 64px;
	}
	
	#main .description .section .content .imgBoxR .photoBox {
		margin: 0 0 0 30px;
		width: auto;
	}
	
	#main .description .section .content p {
		font-size: 37px;
		letter-spacing: 1px;
	}
	
	#main .description .section .content .more {
		margin-top: 75px;
		font-size: 39px;
	}
	
	
	/*------------------------------------------------------------
		headLine01
	------------------------------------------------------------*/
	#main .headLine01 {
		padding: 15px 15px 17px;
		color: #fff;
		font-size: 54px;
		text-align: center;
		background-color: #8A592E;
	}
	
	/*------------------------------------------------------------
		taking
	------------------------------------------------------------*/
	#main .taking {
		padding: 42px 32px 1px 38px;
		background-color: #FFF9EB;
	}
	
	#main .taking .visit {
		margin-left: 17px;
	}
	
	#main .taking .visit .photoBox {
		padding-top: 14px;
		width: auto;
	}
	
	#main .taking .visit .textBox {
		padding: 0 0 0 164px;
	}
	
	#main .taking .visit .textBox dt {
		margin-bottom: 12px;
		color: #e14242;
		font-size: 47px;
		font-weight: bold;
	}
	
	#main .taking .visit .textBox dd {
		color: #474747;
		font-size: 37px;
		line-height: 1.75;
		letter-spacing: -2px;
	}
	
	#main .taking .experience {
		margin: 0 11px 0 0;
	}
	
	#main .taking .experience .photoBox {
		width: auto;
	}
	
	#main .taking .experience .textBox {
		margin-right: 358px;
	}
	
	#main .taking .experience .textBox dl {
		margin: 0 10px 11px 0;
		padding-top: 24px;
		background: url(img/common/line03.gif) repeat-x left top;
	}
	
	#main .taking .experience .textBox dt {
		margin-bottom: 12px;
		font-size: 27px;
	}
	
	#main .taking .experience .textBox dd {
		margin-bottom: 33px;
		padding-bottom: 36px;
		font-size: 34px;
		background: url(img/common/line03.gif) repeat-x left bottom;
	}

	#main .taking .experience .textBox .link {
		margin-left: -23px;
	}

	#main .taking .experience .textBox .link img {
		width: auto;
	}
	
	/*------------------------------------------------------------
		comQaList
	------------------------------------------------------------*/
	#main .comQaList {
		font-size: 37px;
	}
	
	#main .comQaList .pic {
		margin-top: 14px;
	}
	
	#main .comQaList .pic img {
		width: auto;
	}
	
	#main .comQaList .txt {
		padding-left: 140px;
	}
	
	#main .comQaList dt {
		padding-top: 28px;
	}
	
	#main .comQaList dd {
		line-height: 1.7;
	}
	
	/*------------------------------------------------------------
		comPhotoList
	------------------------------------------------------------*/
	#main .comPhotoList {
		margin: 0 0 21px 21px;
	}
	
	#main .comPhotoList li {
		margin: 0 9px 11px 0;
		width: auto;
	}
	
	#main .comPhotoList li:nth-child(3n-1) {
		margin: 0 9px 11px 0;
	}

	/*------------------------------------------------------------
		headLine02
	------------------------------------------------------------*/
	#main .headLine02 {
		margin-bottom: 34px;
		padding: 0 5px;
		font-size: 65px;
	}

	/*------------------------------------------------------------
		passerBox
	------------------------------------------------------------*/	
	#main .passerBox {
		padding: 22px 25px 29px;
	}
	
	#main .passerBox .topImg {
		margin: 0 -10px 13px;
	}
	
	#main .passerBox .topImg span {
		right: 27px;
		padding: 6px;
		border: 3px solid #D4D4D4;
	}
	
	#main .passerBox .passerList {
		margin: -14px 0 11px 10px;
		width: 924px;
		overflow: hidden;
		zoom: 1;
	}
	
	#main .passerBox .passerList li {
		margin: 14px 0 0 ;
		padding-left: 0;
		width: 33.333%;
/*		width: auto;
*/	}
	

	#main .passerBox .passerList li img {
		width: 90%;
		margin: 0 auto;
	}
	
	#main .passerBox .textImg {
		margin-bottom: 5px;
	}
	
	#main .passerBox .textImg img {
	}
	
	#main .passerBox .note {
		margin-right: 15px;
		font-size: 17px;
		line-height: 1.5;
	}

}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#main .home .comBtn {
	margin-bottom: 0;
}

#main .home .detailBox {
	margin: 0 12px 0 17px;
	display: table;
}

#main .home .detailBox .photoBox {
	display: table-cell;
	vertical-align: middle;
	width: 66px;
}

#main .home .detailBox .photoBox img {
	width: 100%;
}

#main .home .detailBox .textBox {
	margin-left: 10px;
}

#main .home .detailBox .textBox p {
	font-size: 15px;
	line-height: 1.7;
}

#main .home .taking .visit  {
	margin-bottom: 10px;
}

#main .home .taking .photoList {
	margin: -9px 0 5px;
}

#main .home .taking .photoList li {
	margin-top: 9px;
	float: left;
	width: 49%;
}

#main .home .taking .photoList li img {
	width: 100%;
	border: 2px solid #fff;
	border-radius: 2px;
	box-sizing: border-box;
}

#main .home .taking .photoList li:nth-child(2n) {
	float: right;
}

#main .home .taking .takingTxt {
	color: #474747;
	font-size: 12px;
	line-height: 1.7;
	text-align: center;
}

@media all and (min-width: 737px) {
	#main .home .detailBox {
		margin: 0 36px 0 50px;
	}
	
	#main .home .detailBox .photoBox {
		width: 198px;
	}
	
	#main .home .detailBox .photoBox img {
		width: auto;
    }
	
	#main .home .detailBox .textBox {
		margin-left: 28px;
	}
	
	#main .home .detailBox .textBox p {
		font-size: 45px;
		line-height: 1.75;
	}
	
	#main .home .taking .visit {
		margin: 0 0 33px 9px;
	}
	
	#main .home .taking .photoList {
		margin: -29px 0 10px;
	}
	
	#main .home .taking .photoList li {
		margin: 29px 0 0;
		float: left;
		width: auto;
	}
	
	#main .home .taking .photoList li img {
		width: auto;
		border: 5px solid #fff;
		border-radius: 5px;
	}
	
	#main .home .taking .takingTxt {
		font-size: 39px;
	}

}

/*------------------------------------------------------------
	features
------------------------------------------------------------*/
#main .features h2 {
	padding: 7px 0 5px;
	font-size: 17px;
}

#main .features .detailBox {
	padding: 5px 10px 3px 10px;
}

#main .features .detailBox .photoBox {
	padding: 5px 20px 0 7px;
	float: left;
}

#main .features .detailBox .photoBox img {
	width: 66px;
}

#main .features .detailBox .textBox p {
	margin-bottom: 28px;
	font-size: 15px;
	line-height: 1.75;
}

#main .features .point {
	padding: 11px 12px 5px 14px;
	background-color: #84c2eb;
}

#main .features .point .section {
	margin-bottom: 13px;
	padding: 5px 5px 13px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #6391B0,  -1px -1px 1px #84c2eb;
}

#main .features .point .topDl {
	margin-bottom: 23px;
	overflow: hidden;
	zoom: 1;
}

#main .features .point .topDl dt {
	padding-top: 8px;
	width: 46px;
	height: 36px;
	float: left;
	border-radius: 23px;
	color: #FFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background-color: #CB1E75;
}

#main .features .point .topDl dd {
	padding: 6px 0 0 60px;
	color: #474747;
	font-weight: bold;
	font-size: 15px;
}

#main .features .point .topDl dd .blueTxt {
	margin-bottom: 5px;
	display: block;
	color: #5188c7;
	font-size: 12px;
	font-weight: normal;
}

#main .features .point .imgBox {
	margin: 0 0 25px 5px;
	clear: both;
}

#main .features .point .imgBox .pho {
	margin: 4px 0 0px 10px;
	float: right;
}

#main .features .point .imgBox .pho img {
	width: 135px;
}

#main .features .point .imgBox .txtBox p {
	line-height: 1.75;
}

#main .features .point .imgBox .txtBox .text {
	margin-bottom: 20px;
}

#main .features .point .pLink {
	margin: 0 10px 6px;
	text-align: right;
}

#main .features .point .pLink a {
	color: #033aef;
}

#main .features .point .photoList {
	margin-top: -4px;
}

#main .features .point .photoList li {
	margin-top: 4px !important;
	width: 32.5%;
	float: left;
}

#main .features .point .photoList li img {
	width: 100%;
}

#main .features .point .photoList li:nth-child(3n-1) {
	margin: 0 1.25%;
}

#main .features .taking01 {
	padding: 10px 15px 13px;
}

#main .features .taking01 .visit {
	margin-left: 0;
}

#main .features .taking01 .visit .photoBox {
	margin-top: 8px;
}

#main .features .taking01 .visit .textBox {
	padding-left: 58px;
}

#main .features .taking01 .visit .textBox p {
	line-height: 1.75;
}
	
#main .features .btnList li {
	margin-bottom: 8px;
}

#main .features .btnList li:last-child {
	margin-bottom: 0;
}

#main .features .btnList li img {
	width: 100%;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		features
	------------------------------------------------------------*/
	#main .features .comBtn {
		margin-bottom: 31px;
	}

	#main .features h2 {
		padding: 15px 0 19px;
		font-size: 54px;
	}

	#main .features .detailBox {
		padding: 11px 10px 11px 35px;
	}

	#main .features .detailBox .photoBox {
		padding: 19px 56px 0 17px;
	}
	
	#main .features .detailBox .photoBox img {
		width: auto;
	}

	#main .features .detailBox .textBox p {
		margin-bottom: 82px;
		font-size: 45px;
		line-height: 1.75;
	}
	
	#main .features .point {
		padding: 36px 36px 35px 40px;
	}

	#main .features .point .section {
		margin-bottom: 40px;
		padding: 12px 15px 40px;
		border-radius: 15px;
		box-shadow: 1px 1px 3px #6391B0,  -1px -1px 1px #84c2eb;
	}

	#main .features .point .topDl {
		margin-bottom: 56px;
	}
	
	#main .features .point .topDl dt {
		padding-top: 23px;
		width: 140px;
		height: 117px;
		border-radius: 70px;
		font-size: 46px;
	}

	#main .features .point .topDl dd {
		padding: 16px 0 0 160px;
		font-size: 46px;
	}
	
	#main .features .point .topDl dd .blueTxt {
		margin-bottom: 13px;
		font-size: 38px;
	}

	#main .features .point .imgBox {
		margin: 0 6px 69px 13px;
	}
	
	#main .features .point .imgBox .pho {
		margin: 18px 0 0px 10px;
	}
	
	#main .features .point .imgBox .pho img {
		width: auto;
	}
	
	#main .features .point .imgBox .txtBox p {
		line-height: 1.7;
		color: #474747;
		font-size: 38px;
	}

	#main .features .point .imgBox .txtBox .text {
		margin-bottom: 20px;
	}

	#main .features .point .pLink {
		margin: 0 36px 21px;
		font-size: 37px;
	}

	#main .features .point .photoList {
		margin-top: -13px;
		margin-right: -13px;
	}
	
	#main .features .point .photoList li {
		width: auto;
		margin-top: 13px !important;
		margin-right: 13px !important;
	}

	#main .features .point .photoList li img {
		width: auto;
	}

	#main .features .point .photoList li:nth-child(3n-1) {
		margin: 0;
	}

	#main .features .point .phoList01 {
		margin-left: 12px;
	}
	
	#main .features .point .phoList02 {
		margin-left: 8px;
	}
	
	#main .features .point .phoList03 {
		margin-left: 17px;
	}

	#main .features .taking01 {
		padding: 33px 47px 41px;
	}

	#main .features .taking01 .visit {
		margin-left: 0;
	}

	#main .features .taking01 .visit .photoBox {
		margin-top: 20px;
	}
	
	#main .features .taking01 .visit .photoBox img {
		width: auto;
	}
	
	#main .features .taking01 .visit .textBox {
		padding-left: 167px;
	}

	#main .features .taking01 .visit .textBox p {
		line-height: 1.75;
		font-size: 37px;
		color: #474747;
	}
	
	#main .features .btnList li {
		margin-bottom: 25px;
	}
}

/*------------------------------------------------------------
	course
------------------------------------------------------------*/
#main .course .comMenu {
	margin-bottom: 4px;
}

#main .course .click {
	padding: 3px 5px 8px;
}

#main .course .click .textBox p {
	font-weight: bold;
}

#main .course .title {
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 1.65;
	background-color: #5088C7;
}

#main .course .description {
	padding-bottom: 14px;
}

#main .course .description .section {
	margin-bottom: 0;
}

#main .course .description .section .content {
	display: block;
	padding: 9px 6px;
}

#main .course .description .section .content h2 {
	margin-bottom: 11px;
}

#main .course .description .section .content .imgBoxR .photoBox {
	margin: 5px 0 0 11px;
	width: 151px;
}

#main .course .description .section .content .imgBoxR .textBox {
	margin-right: 0;
}

#main .course .description .section .content p {
	font-size: 12px;
	line-height: 1.75;
}

#main .course .description .section .content .more {
	margin: 26px 13px 0 0;
	font-size: 12px;
}

#main .course .headLine01 {
	padding: 6px;
	font-size: 18px;
}

#main .course .h2Ttl {
	padding: 9px 20px 5px;
	margin-bottom: 13px;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background-color: #5188C7;
}

#main .course .h2Ttl01 {
	padding: 10px 0 11px;
	font-size: 22px;
	background-color: #5188C7;
}

#main .course .inner {
	padding: 8px 7px 12px;
}

#main .course .comPhotoList {
	margin: 0;
}

#main .course .qaBox {
	padding: 9px 14px;
}

#main .course .description01 {
	padding-bottom: 23px;
}

#main .course .description01 .section .click .textBox{
	padding-left: 44px;
}

#main .course .description01 .section .content .imgBoxR {
	margin-bottom: 36px;
}

#main .course .description01 .section .content .imgBoxR .photoBox {
	margin-top: 0;
	width: 133px;
}

#main .course .text {
	margin-bottom: 20px;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		course
	------------------------------------------------------------*/
	#main .course .comMenu {
		margin-bottom: 12px;
	}
	
	#main .course .click {
		padding: 8px 17px 27px;
	}
	
	#main .course .click .textBox .textImg {
		margin-bottom: 15px;
	}
	
	#main .course .title {
		font-size: 37px;
		line-height: 1.6;
	}
	
	#main .course .description {
		padding-bottom: 41px;
	}
	
	#main .course .description .section .content {
		padding: 30px 20px 27px;
	}
	
	#main .course .description .section .content h2 {
		margin: 0 0 25px;
	}
	
	#main .course .description .section .content .imgBoxR .photoBox {
		margin: 22px 0 0 22px;
		width: auto;
	}
	
	#main .course .description .section .content p {
		font-size: 37px;
		line-height: 1.72;
	}
	
	#main .course .description .section .content .imgBoxR {
		margin-bottom: 63px;
	}
	
	#main .course .description .section .content .more {
		margin: 71px 22px 0 0;
		font-size: 39px;
	}
	
	#main .course .h2Ttl {
		padding: 25px 57px 15px;
		margin-bottom: 42px;
		font-size: 46px;
	}
	
	#main .course .comNews dd {
		font-size: 47px;
	}
	
	#main .course .inner {
		padding: 30px 0 33px 21px;
	}
	
	#main .course .comPhotoList {
		margin: 0;
	}
		
	#main .course .headLine01 {
		padding: 15px 0 16px;
		font-size: 56px;
	}
	
	#main .course .qaBox {
		padding: 16px 40px 34px;
	}
	
	#main .course .h2Ttl01 {
		padding: 31px 0 35px;
		font-size: 64px;
		font-weight: normal;
	}
	
	#main .course .description01 {
		padding: 43px 37px 68px 40px;
	}
	
	#main .course .description01 .section .click .textBox {
		padding-left: 123px;
	}
	
	#main .course .description01 .section .content {
		padding: 14px 20px 32px;
	}
	
	#main .course .description01 .section .content .imgBoxR {
		margin-bottom: 104px;
	}
	
	#main .course .description01 .section .content .imgBoxR .photoBox {
		margin: 0 0 0 33px;
	}
	
	#main .course .text {
		margin-bottom: 59px;
	}
}

/*------------------------------------------------------------
	access
------------------------------------------------------------*/
#main .access .comBtn {
	margin-bottom: 6px;
}

#main .access .detailBox {
	margin: 0 12px 8px 17px;
}

#main .access .detailBox .photoBox {
	margin-top: 3px;
	width: 66px;
	float: left;
}

#main .access .detailBox .photoBox img {
	width: 100%;
}

#main .access .detailBox .textBox {
	padding-left: 76px;
}

#main .access .detailBox .textBox p {
	font-size: 15px;
	line-height: 1.8;
}

#main .access .area {
	padding: 10px 15px 15px;
}

#main .access .area .text {
	margin: 0 32px 9px;
	color: #474747;
	line-height: 1.8;
}

#main .access .area01 {
	padding: 15px 15px 0px;
}

#main .access .area01 .pho {
	margin-bottom: 15px;
}

#main .access .area01 p {
	font-size: 16px;
	line-height: 2;
}

#main .access .area01 p .red {
	display: block;
	color: #cf0505;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		access
	------------------------------------------------------------*/
	#main .access .comBtn {
		margin-bottom: 18px;
	}
	
	#main .access .detailBox {
		margin: 0 42px 24px 50px;
	}
	
	#main .access .detailBox .photoBox {
		margin-top: 8px;
		width: auto;
	}
	
	#main .access .detailBox .photoBox img {
		width: auto;
	}
	
	#main .access .detailBox .textBox {
		padding-left: 228px;
	}
	
	#main .access .detailBox .textBox p {
		font-size: 45px;
		line-height: 1.75;
	}
	
	#main .access .area {
		padding: 27px 40px 52px;
	}
	
	#main .access .area .text {
		margin: 0 98px 32px;
		line-height: 1.7;
		font-size: 38px;
	}
	
	#main .access .area .map iframe {
		height: 562px;
	}

	#main .access .area01 {
		padding: 45px 44px 0px;
	}
	
	#main .access .area01 .pho {
		margin-bottom: 25px;
	}
	
	#main .access .area01 p {
		margin: 0 10px;
		font-size: 55px;
		line-height: 1.7;
	}
}

/*------------------------------------------------------------
	outline
------------------------------------------------------------*/
#main .outline .comMenu {
	margin-bottom: 4px;
}

#main .outline .comBtn {
	margin-bottom: 9px;
}

#main .outline .description {
	padding: 22px 16px 15px;
}

#main .outline .description .section {
	margin-bottom: 0;
	padding: 10px 6px 10px;
}

#main .outline .description .section .pho {
	margin-bottom: 10px;
}

#main .outline .description .section .tabBox {
	margin: 0 2px;
}

#main .outline .description .section table {
	width: 100%;
	border-collapse: collapse;
}

#main .outline .description .section td,
#main .outline .description .section th {
	padding-left: 8px;
	font-weight: normal;
	border: 1px solid #B7B7B7;
	text-align: left;
	line-height: 1.7;
	vertical-align: middle;
}

#main .outline .description .section th {
	vertical-align: top;
	width: 24%;
}

#main .outline .description .section td a {
	color: #000;
}

#main .outline .description .section td a:hover {
	text-decoration: underline;
}

#main .outline .lead {
	padding: 15px 17px 10px;
}

#main .outline .lead .pho {
	float: left;
}

#main .outline .lead .pho img {
	width: 36px;
}

#main .outline .lead .txt {
	padding-left: 68px;
	display: block;
}

#main .outline .lead .corTxt {
	margin-bottom: 4px;
	display: block;
	color: #5188c7;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		outline
	------------------------------------------------------------*/
	#main .outline .comMenu {
		margin-bottom: 12px;
	}

	#main .outline .comBtn {
		margin-bottom: 29px;
	}

	#main .outline .description {
		padding: 64px 48px 45px;
	}
	
	#main .outline .description .section {
		margin-bottom: 0;
		padding: 32px 17px 28px;
	}

	#main .outline .description .section .pho {
		margin-bottom: 29px;
		text-align: center;
	}

	#main .outline .description .section .pho img {
		width: auto;
	}
	
	#main .outline .description .section .tabBox {
		margin: 0 8px;
	}

	#main .outline .description .section td,
	#main .outline .description .section th {
		padding: 12px 5px 0 20px;
		border: 1px solid #B7B7B7;
		line-height: 1.5;
		font-size: 38px;
	}

	#main .outline .description .section th {
		width: 23%;
	}
	
	#main .outline .lead {
		padding: 35px 55px 25px;
	}

	#main .outline .lead .pho {
		margin-top: 9px;
	}

	#main .outline .lead .pho img {
		width: auto;
	}
	
	#main .outline .lead .txt {
		padding-left: 194px;
		font-size: 39px;
		line-height: 1.3;
	}
}

/*------------------------------------------------------------
	course02
------------------------------------------------------------*/
#main .course02 .click {
	padding-bottom: 0;
	color: #474747;
}

#main .course02 .description .section {
	margin-bottom: 0;
}

#main .course02 .description .section .content .imgBoxR {
	margin-bottom: 0;
}

#main .course02 .description .section .content p {
	margin-bottom: 23px;
}

#main .course02 .phoInner {
	padding: 10px 7px 6px;
}

#main .course02 .phoInner .comPhotoList {
	margin: 0;
}

#main .course02 .comQaList dt {
	margin-bottom: 5px;
}

#main .course02 .description01 {
	padding-bottom: 7px;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		course02
	------------------------------------------------------------*/
	#main .course02 .description .section .content p {
		margin-bottom: 60px;
	}
	
	#main .course02 .phoInner {
		padding: 30px 0px 20px 20px;
	}
	
	#main .course02 .description01 {
		padding-bottom: 20px;
	}
	
	#main .course02 .description01 .section .click .textBox .txt {
		font-size: 37px;
	}
	
	#main .course02 .description01 .section .content {
		padding: 50px 20px 27px;
	}
	
}

/*------------------------------------------------------------
	course03
------------------------------------------------------------*/
#main .course03 .click {
	padding-bottom: 0;
	color: #474747;
}

#main .course03 .click .textBox .textImg {
    margin-bottom: 0px;
}

#main .course03 .description .section {
	margin-bottom: 0;
}

#main .course03 .description .section .content .imgBoxR {
	margin-bottom: 0;
}

#main .course03 .description .section .content .imgBoxR .photoBox {
	width: 135px;
}

#main .course03 .description .section .content p {
	margin-bottom: 23px;
}

#main .course03 .phoInner {
	padding: 10px 7px 6px;
}

#main .course03 .phoInner .comPhotoList {
	margin: 0;
}

#main .course03 .comQaList dt {
	margin-bottom: 5px;
}

#main .course03 .headLine02 {
	margin-bottom: 0;
	padding: 5px 10px 5px;
	font-size: 15px;
	text-align: left;
}

#main .course03 .description01 {
	padding-bottom: 7px;
}

#main .course03 .description01 .section .click .textBox .txt {
    font-size: 12px;
    padding-top: 2px;
}

#main .course03 .description01 .txtList {
	padding: 20px 0 25px;
}

#main .course03 .description01 .txtList li {
	padding-left: 1em;
	color: #c20000;
	font-size: 15px;
	text-indent: -1em;
	line-height: 1.7;
}


@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		course03
	------------------------------------------------------------*/
	#main .course03 .click .textBox .textImg {
		margin-bottom: 19px;
	}

	#main .course03 .description .section .content p {
		margin-bottom: 60px;
	}
	
	#main .course03 .description .section .content .imgBoxR .photoBox {
		width: auto;
	}
	
	#main .course03 .phoInner {
		padding: 30px 0px 20px 20px;
	}
	
	#main .course03 .headLine02 {
		padding: 15px 22px 15px;
		font-size: 46px;
	}
	
	#main .course03 .description01 {
		padding-bottom: 20px;
	}
	
	#main .course03 .description01 .section .content {
		padding: 50px 20px 27px;
	}
	
	#main .course03 .description01 .section .click .textBox .txt {
		font-size: 38px;
	}
	
	#main .course03 .description01 .txtList {
		padding: 55px 0 55px;
	}
	
	#main .course03 .description01 .txtList li {
		font-size: 46px;
	}

}

/*------------------------------------------------------------
	explanation
------------------------------------------------------------*/
#main .explanation .comMenu {
	margin-bottom: 4px;
}

#main .explanation .detailBox {
	margin-bottom: 13px;
	padding: 0 0 10px;
}

#main .explanation .detailBox .click {
	margin: 0 10px 10px;
}

#main .explanation .detailBox .click .textBox {
	padding-left: 58px;
}

#main .explanation .description .section .click .textBox .txt {
	color: #474747;
	font-weight: bold;
	line-height: 1.8;
}

#main .explanation .detailBox .subBox {
	margin: 0 17px 5%;
	padding: 6.8% 2% 5% 8%;
	background: url(img/explanation/bg.jpg) no-repeat center top;
	background-size: 100% 100%;
}

#main .explanation .detailBox .subBox p {
	line-height: 1.6;
}

#main .explanation .detailBox .subBox .text01 {
	color: #5087c7;
	font-size: 13px;
}

#main .explanation .detailBox .subBox .text02 {
	color: #ea0375;
}

#main .explanation .detailBox .small {
	margin-bottom: 12px;
	color: #fff;
	line-height: 1.7;
	text-align: center;
	background-color: #5088C7;
}

#main .explanation .detailBox .imgBox {
	margin: 0 7px 24px 8px;
}

#main .explanation .detailBox .imgBox .photoBox {
	width: 47%;
	float: right;
}

#main .explanation .detailBox .imgBox .photoBox img {
	width: 100%;
}

#main .explanation .detailBox .imgBox .textBox {
	width: 49%;
	float: left;
}

#main .explanation .detailBox .imgBox .textBox p {
	color: #474747;
	line-height: 1.7;
}

#main .explanation .detailBox .textP {
	margin: 0 7px 0 8px;
	color: #474747;
	line-height: 1.7;
}

#main .explanation .detailBox01 {
	padding: 12px 0 10px;
}

#main .explanation .detailBox02 {
	margin-bottom: 23px;
	padding: 12px 0 28px;
}

#main .explanation .detailBox03 {
	margin-bottom: 20px;
	padding: 10px 0 10px;
}

#main .explanation .btmDetail {
	margin-bottom: 0;
	padding: 12px 0 12px;
}

#main .explanation .btmDetail p span {
	display: block;
	font-size: 10px;
}

#main .explanation .headLine02 {
	margin: 0 -12px 12px;
	padding: 6px 5px 6px 15px;
	color: #fff;
	font-size: 15px;
	line-height: 1.7;
	text-align: left;
}

#main .explanation .h2Ttl01 {
	border-bottom: none;
}

#main .explanation .headLine02 span {
	display: block;
	margin-left: 5%;
}

#main .explanation .photoList {
	margin: 0 -12px 17px;
	padding: 0 20px;
}

#main .explanation .photoList li {
	float: left;
	width: 48.7%;
}

#main .explanation .photoList li img {
	width: 100%;
}

#main .explanation .photoList li:last-child {
	float: right;
}

#main .explanation .photoList01 {
	margin-bottom: 11px;
	border: none;
}

#main .explanation .headLine01 {
	padding: 0 24px;
	text-align: left;
	line-height: 1.9;
}

#main .explanation .taking01 {
	padding: 8px 20px 8px 16px;
}

#main .explanation .explanationBox p, 
#main .explanation .taking01 p {
	color: #474747;
	line-height: 1.8;
}

#main .explanation .explanationBox p a {
	color: #1200ff;
	font-size: 10px;
}

#main .explanation .explanationBox {
	padding: 16px 15px;
}

#main .explanation .explanationBox .photoImg {
	margin-bottom: 20px;
}

#main .explanation .explanationBox .photoImg img {
	width: 100%;
}

#main .explanation .explanationBox .textDl dt {
	margin-bottom: 5px;
	color: #cf0505;
	font-size: 13px;
}

#main .explanation .explanationBox .textDl dd {
	line-height: 1.7;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		explanation
	------------------------------------------------------------*/
	#main .explanation .comMenu {
		margin-bottom: 12px;
	}
	
	#main .explanation .detailBox {
		margin-bottom: 39px;
		padding: 3px 0 25px;
		border-radius: 14px;
	}
	
	#main .explanation .detailBox .click {
		margin: 0 30px 10px;
	}
	
	#main .explanation .detailBox .click .textBox {
		padding-left: 186px;
	}
	
	#main .explanation .detailBox .click .textBox .textImg {
		margin-bottom: 0;
	}
		
	#main .explanation .detailBox .subBox {
		margin: 0 45px 37px;
		padding: 58px 20px 60px 65px;
		background-size: auto auto;
	}
	
	#main .explanation .detailBox .subBox .text02 {
		font-size: 38px;
	}
	
	#main .explanation .detailBox .subBox .text01 {
		margin-bottom: 3px;
		font-size: 38px;
	}
	
	#main .explanation .detailBox .small {
		margin-bottom: 24px;
		font-size: 36px;
		line-height: 1.7;
	}
	
	#main .explanation .detailBox .imgBox {
		margin: 0 20px 76px 20px;
	}
	
	#main .explanation .detailBox .imgBox .photoBox {
		padding-top: 15px;
	}
	
	#main .explanation .detailBox .textBox p {
		color: #474747;
		font-size: 36px;
	}
	
	#main .explanation .detailBox .textP {
		margin: 0 20px;
		color: #474747;
		font-size: 36px;
	}
	
	#main .explanation .headLine02 {
		padding: 12px 30px;
		margin: 0 -37px 37px -40px;
		font-size: 47px;
	}
		
	#main .explanation .headLine02 span {
		margin-left: 4.3%;
	}
	
	#main .explanation .pcBox {
		border-bottom: none;
	}
	
	#main .explanation .detailBox01 {
		margin-bottom: 55px;
		padding: 28px 1px;
	}
	
	#main .explanation .photoList {
		padding: 0 70px 0 66px;
		margin: 0 -37px 51px -40px;
	}
	
	#main .explanation .photoList li img {
		margin-top: -1px;
	}
	
	#main .explanation .photoList01 {
		margin-bottom: 30px;
	}
	
	#main .explanation .photoList01 li img {
		margin: 0;
	}
	
	#main .explanation .detailBox02 {
		margin-bottom: 73px;
		padding: 27px 0 103px;
	}
	
	#main .explanation .detailBox03  {
		margin-bottom: 73px;
		padding: 27px 0;
	}
	
	#main .explanation .btmDetail {
		margin-bottom: 15px;
		padding: 38px 0 45px;
	}
	
	#main .explanation .btmDetail p span {
		font-size: 29px;
	}
	
	#main .explanation .headLine01 {
		padding: 0 55px;
		line-height: 1.75;
		font-size: 57px;
	}
	
	#main .explanation .taking01 {
		padding: 23px 65px 23px 40px;
	}
	
	#main .explanation .explanationBox p,
	#main .explanation .taking01 p {
		color: #474747;
		font-size: 36px;
	}
	
	#main .explanation .explanationBox p a {
		font-size: 30px;
	}
	
	#main .explanation .explanationBox {
		padding: 50px 15px 46px 45px;
	}
	
	#main .explanation .explanationBox .photoImg {
		margin-bottom: 65px;
	}
	
	#main .explanation .explanationBox .photoImg img {
		width: auto;
	}
	
	#main .explanation .explanationBox .textDl {
		margin-left: 5px;
	}
	
	#main .explanation .explanationBox .textDl dt {
		margin-bottom: 8px;
		font-size: 40px;
	}
	
	#main .explanation .explanationBox .textDl dd {
		font-size: 36px;
	}
}

/*------------------------------------------------------------
	rider
------------------------------------------------------------*/
#main .rider .comMenu {
	margin-bottom: 4px;
}

#main .rider .description {
	padding: 0;
}
 
#main .rider .detailBox {
	margin: 0 13px 28px;
	padding: 10px;
}

#main .rider .detailBox01 {
	margin-bottom: 15px;
}

#main .rider .detailBox .imgBox {
	margin-bottom: 24px;
}

#main .rider .detailBox .imgBox01 {
	margin-bottom: 0;
}

#main .rider .detailBox .imgBox .photoBox {
	margin-left: 5px;
	width: 49%;
	float: right;
}

#main .rider .detailBox .imgBox .photoBox img {
	width: 100%;
}

#main .rider .detailBox .imgBox01 .photoBox {
	margin-left: 5px;
}

#main .rider .detailBox .imgBox .textBox p {
	color: #474747;
	font-size: 12px;
	line-height: 1.8;
}

#main .rider .detailBox .imgBox .textBox p span {
	color: #c80101;
	display: block;
}

#main .rider .detailBox .textUl li {
	padding: 0 0 0 19px;
	color: #474747;
	font-size: 13px;
	line-height: 1.6;
	background: url(img/rider/icon01.gif) no-repeat left 2px;
	background-size: 15px 10px;
}

#main .rider .detailBox .textUl .liStyle01 {
	background: url(img/rider/icon02.gif) no-repeat left 2px;
	background-size: 15px 10px;
}

#main .rider .detailBox .textUl .liStyle02 {
	background: url(img/rider/icon03.gif) no-repeat left 2px;
	background-size: 15px 10px;
}

#main .rider .detailBox .textUl .liStyle03 {
	background: url(img/rider/icon04.gif) no-repeat left 2px;
	background-size: 15px 10px;
}

#main .rider .detailBox .textUl .liStyle04 {
	background: url(img/rider/icon05.gif) no-repeat left 2px;
	background-size: 15px 10px;
}

#main .rider .detailBox p {
	color: #474747;
	line-height: 1.8;
}

#main .rider .comPhotoList01 {
	margin-bottom: 17px;
}

#main .rider .headLine01 {
	padding: 0 14px;
	line-height: 1.8;
	text-align: left;
}

#main .rider .taking {
	padding: 14px 16px;
}

#main .rider .taking p {
	margin-bottom: 20px;
	color: #474747;
	line-height: 1.75;
}

#main .rider .h2Ttl {
	padding: 6px 10px;
	font-size: 15px;
	text-align: left;
}

#main .rider .h2Ttl01 {
	margin-bottom: 0;
	padding: 6px 20px 3px;
	font-size: 14px;
	text-align: left;
}

#main .rider .dlBox {
	margin-bottom: 13px;
	padding: 15px 9px;
	background-color: #fff;
}

#main .rider .comNews {
	margin: 0 0 9px;
}

#main .rider .detailBox .topBox {
	margin: -4px 0 10px -3px;
}

#main .rider .detailBox .topBox .lImg {
	float: left;
}

#main .rider .detailBox .topBox .lImg img {
	width: 35px;
}

#main .rider .detailBox .topBox .textBox {
	padding-left: 60px;
}

#main .rider .detailBox .topBox .textBox p {
	color: #474747;
	font-weight: bold;
}

#main .rider .detailBox .topBox .textBox .top {
	margin-bottom: 4px;
	color: #5188c7;
	font-size: 9px;
	font-weight: normal;
}

#main .rider .detailBox .pLink {
	font-size: 13px;
}

#main .rider .detailBox .pLink a {
	color: #033aef;
}

#main .rider .description .section .click {
	margin-bottom: 10px;
}

#main .rider .description .section .click .textBox {
	padding-left: 58px;
}

#main .rider .description .section .click .textBox .txt {
	font-size: 12px;
	font-weight: bold;
}

#main .rider .passerBox {
	margin-top: 13px;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		rider
	------------------------------------------------------------*/
	#main .rider .comMenu {
		margin-bottom: 12px;
	}
	
	#main .rider .detailBox {
		margin: 0 40px 45px;
		padding: 40px 22px;
	}
	
	#main .rider .topDetail {
		margin-bottom: 80px;
		padding: 40px 32px;
	}
	
	#main .rider .detailBox .imgBox {
		margin-bottom: 66px;
	}
	
	#main .rider .detailBox .imgBox .photoBox {
		padding-top: 20px;
	}
	
	#main .rider .detailBox .imgBox .textBox {
		margin-top: -16px;
	}
	
	#main .rider .detailBox .imgBox .textBox p {
		font-size: 36px;
		line-height: 1.75;
	}
	
	#main .rider .detailBox .textUl li {
		padding-left: 40px;
		font-size: 37px;
		line-height: 1.75;
		background: url(img/rider/icon01.gif) no-repeat left 18px;
		background-size: auto auto;
	}
	
	#main .rider .detailBox .textUl .liStyle01 {
		background: url(img/rider/icon02.gif) no-repeat left 18px;
		background-size: auto auto;
	}
	
	#main .rider .detailBox .textUl .liStyle02 {
		background: url(img/rider/icon03.gif) no-repeat left 18px;
		background-size: auto auto;
	}

	#main .rider .detailBox .textUl .liStyle03 {
		background: url(img/rider/icon04.gif) no-repeat left 18px;
		background-size: auto auto;
	}
	
	#main .rider .detailBox .textUl .liStyle04 {
		background: url(img/rider/icon05.gif) no-repeat left 18px;
		background-size: auto auto;
	}
	
	#main .rider .detailBox p {
		font-size: 36px;
	}
	
	#main .rider .comPhotoList01 {
		margin-bottom: 55px;
	}
		
	#main .rider .headLine01 {
		padding: 0 35px;
		font-size: 54px; 
	}
	
	#main .rider .taking {
		padding: 34px 50px;
	}
	
	#main .rider .taking p {
		margin-bottom: 55px;
		font-size: 36px;
	}
	
	#main .rider .h2Ttl {
		padding: 16px 32px;
		font-size: 45px;
	}
	
	#main .rider .detailBox .imgBox01 {
		margin-bottom: 0;
	}
	
	#main .rider .detailBox .imgBox01 .photoBox {
		margin-left: 20px;
	}
	
	#main .rider .h2Ttl01 {
		padding: 10px 50px;
		font-size: 45px;
	}
	
	#main .rider .dlBox {
		margin-bottom: 36px;
		padding: 35px 36px 55px 29px;
		background-color: #fff;
	}
	
	#main .rider .description .pcDetail {
		margin-bottom: 74px;
		padding: 7px 20px 46px;
	}
		
	#main .rider .description .section .click {
		margin-bottom: 40px;
	}
	
	#main .rider .description .section .click .textBox {
		padding-left: 168px;
	}
	
	#main .rider .description .section .click .pho img {
		width: auto;
	}
	
	#main .rider .description .section .click .textBox .txt {
		font-size: 36px;
	}
	
	#main .rider .detailBox .pLink {
		font-size: 36px;
	}
	
	#main .rider .passerBox {
		margin-top: 40px;
		padding: 24px 25px;
	}
	
	#main .rider .passerBox .topImg {
		margin-bottom: 6px;
	}
	
	#main .rider .passerBox .note {
		font-size: 19px;
		line-height: 1.5;
	}
}

/*------------------------------------------------------------
	facility
------------------------------------------------------------*/
#main .facility .description {
	margin-bottom: -1px;
	padding-bottom: 0;
}

#main .facility .inner {
	margin: -10px 12px 7px;
}

#main .facility .inner .photoBox {
	padding: 8px 0 0 5px;
	width: 48.5%;
	float: right;
}

#main .facility .inner .photoBox img {
	width: 100%;
}

#main .facility .inner .textBox p {
	font-size: 14px;
	line-height: 1.9;
}

#main .facility .imgText {
	margin: 0 7px 15px 5px;
}

#main .facility .imgText img {
	width: 100%;
}

#main .facility .btmText {
	margin: 0 10px;
	font-size: 14px;
	line-height: 1.9;
}

#main .facility .btmText a {
	color: #2400ff;
}

#main .facility .description .section {
	padding: 5px 5px 13px;
}

#main .facility .description .section .click {
	margin-bottom: 7px;
}

#main .facility .description .section .click .textBox {
	padding: 1px 0 0 62px;
}

#main .facility .description .section .click .textBox .textImg {
	margin-bottom: 0px;
}

#main .facility .description .section .photoList {
	margin: 0 5px;
}

#main .facility .description .section .photoList li {
	width: 49%;
	float: left;
}

#main .facility .description .section .photoList li:nth-child(2n) {
	float: right;
}

#main .facility .description .section .photoList li img {
	width: 100%;
}

#main .facility .description .section .photoList01 li {
	margin-bottom: 8px;
}

#main .facility .description .section .imgBox {
	margin: 0 5px 10px;
}

#main .facility .description .section .imgBox .photoBox {
	margin: 0 0 10px 10px;
	float: right;
	width: 31%;
}

#main .facility .description .section .imgBox .photoBox img {
	width: 100%;
}

#main .facility .description .section .imgBox .textBox p {
	color: #010101;
	font-size: 15px;
	line-height: 1.8;
}

#main .facility .taking {
	margin: 0 -12px;
	padding: 16px 14px 2px 12px;
}

#main .facility .taking01 {
	padding: 9px 20px;
}

#main .facility .taking p {
	font-size: 14px;
	line-height: 1.8;
}

#main .facility .headLine01 {
	margin: 0 -12px;
}

@media all and (min-width: 737px) {
	/*------------------------------------------------------------
		facility
	------------------------------------------------------------*/
	#main .facility .description {
		margin-bottom: -4px;
	}
	
	#main .facility .inner {
		margin: -10px 33px 20px;
	}
	
	#main .facility .inner .photoBox {
		padding-top: 20px;
	}
	
	#main .facility .inner .textBox p {
		font-size: 43px;
	}
	
	#main .facility .imgText {
		margin: 0 0 36px 15px;
	}
	
	#main .facility .btmText {
		margin: 0 30px;
		font-size: 43px;
	}
	
	#main .facility .description .section {
		margin-bottom: 27px;
		padding: 10px 15px 40px; 
	}
	
	#main .facility .description .section .click {
		margin-bottom: 36px;
	}
	
	#main .facility .description .section .click .textBox {
		padding-left: 197px;
	}
	
	#main .facility .description .section .photoList {
		margin: 0 13px;
	}
	
	#main .facility .description .section .photoList li {
		width: 48.5%;
	}
	
	#main .facility .description .section .photoList01 li {
		margin-bottom: 22px;
	}
	
	#main .facility .description .section .imgBox {
		margin: -10px 15px 28px;
	}
	
	#main .facility .description .section .imgBox .photoBox {
		padding: 17px 0 0 20px;
	}
	
	#main .facility .description .section .imgBox .textBox p {
		font-size: 43px;
	}
	
	#main .facility .taking {
		padding: 40px 33px 20px 37px;
		margin: 0 -37px 0 -40px;
	}
	
	#main .facility .taking01 {
		padding: 17px 60px 30px;
	}
	
	#main .facility .taking p {
		font-size: 46px;
		line-height: 1.75;
	}
	
	#main .facility .headLine01 {
		margin: 0 -37px 0 -40px;
		padding: 15px 10px;
		font-size: 58px;
	}
}

@media all and (min-width: 415px) and (max-width: 736px)  {
	#main .description .section .content .headLine03 span {
		height: 100px;
		margin-top: -50px;
		font-size: 21px;
	}
}