@charset "utf-8";

/* Small, Tablet */
span.date {display:block; color:#888888;}
.box01 {overflow:hidden; position:relative; margin-top:10px; border:1px solid #cccccc; box-sizing:border-box;}
.box01 .btnW {position:absolute; top:13px; right:10px; z-index:2; width:25%; text-align:right;}
.box02 {position:relative; padding:10px; margin-top:10px; border:1px solid #cccccc; box-sizing:border-box;}
.box02 p {width:60%; padding:4.5px 0; margin:0 0 0 10px;}
.box02 .btnW {position:absolute; top:50%; right:10px; margin-top:-13.5px;}
.box02 .btnW .btnDown02 {margin:0;}

.unitBox .unit {padding-left:10px;}
.inputBox {display:inline-block; margin-bottom:8px; vertical-align:middle;}

.boxC01 {padding:20px; margin-top:20px; background:#ebebeb;}

.boxTerms01 {overflow:auto; height:270px; padding:10px 20px 20px 20px; margin-top:10px; border:1px solid #bbbbbb; box-sizing:border-box;}
.boxTerms01 h5 {margin:10px 0 0 0;}
.boxTerms01::-webkit-scrollbar {width:8px; height:8px; background-color:rgba(120,120,120,.1);}
.boxTerms01::-webkit-scrollbar-track {border-radius:10px; background-color:rgba(120,120,120,.1);}
.boxTerms01::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
.boxTerms01::-webkit-scrollbar-thumb:hover {border-radius:10px; background-color:#aeaeae;}

.tncContent {
	text-align: justify;
 	text-justify: inter-word;
}

ul.listBox01 {padding:0; margin:0; list-style:none;}
ul.listBox01 > li {position:relative; min-height:105px; padding:10px 3%; border-bottom:1px solid #cccccc; color:#333333; font-size:12px; font-size:1.2rem; box-sizing:border-box;}
ul.listBox01 > li ul.txt {padding:0; margin:0; list-style:none;}
ul.listBox01 > li ul.txt li {padding-right:25%; margin:3px 0;}
ul.listBox01 > li .txt span {font-size:11px; font-size:1.1rem; color:#333333;}
ul.listBox01 > li .btnW {position:absolute; top:50%; right:10px; width:25%; margin-top:-39px; text-align:right;}

ul.list01 {overflow:hidden; position:relative; z-index:1; padding:0; margin:0; list-style:none;}
ul.list01 li {float:left; color:#333333; font-size:13px; font-size:1.3rem;}
ul.list01 li span {color:#888888;}

ul.list04 {overflow:hidden; position:relative; z-index:1; padding:0; margin:0; list-style:none;}
ul.list04 li {float:left; color:#333333; font-size:13px; font-size:1.3rem;}
ul.list04 li span {color:#888888;}

ul.list02 {overflow:hidden; position:relative; z-index:1; padding:0; margin:0; list-style:none;}
ul.list02 li {padding-left:10px; font-size:12px; font-size:1.2rem; text-indent:-10px; background:none !important;}

ul.list03 {padding:0; margin:20px 0 0 0; list-style:none;}
.txtPoint01B + ul.list03 {margin-top:15px;}
ul.list03 li {padding:0 0 0 8px; color:#333333; background:url('../images/pc/common/ico/icoArr02.png') no-repeat 0 7px;}
li.em {color:#d61d3c !important; font-weight:bold; background-image:url('../images/pc/common/ico/icoArr03.png') !important;}

ol.list01 {padding:0 0 0 15px; margin:10px 0 0 0; list-style:decimal;}
ol.list01 li {margin-top:10px; color:#333333;}
ol.list01 li ol {padding-left:12px; margin-top:5px; list-style:lower-alpha;}
ol.list01 li ol li {margin:0; font-size:12px; font-size:1.2rem; color:#888888;}

ol.list01 li ol li ol.custom {padding-left:12px; margin-top:5px; counter-reset: item; list-style:numeric;}
ol.list01 li ol li ol.custom li {margin:0; font-size:12px; font-size:1.2rem; color:#888888; display: inline-block; margin-bottom:3px;}
ol.list01 li ol li ol.custom li:before {margin:0; font-size:12px; font-size:1.2rem; color:#888888; content: counter(item) ") "; counter-increment: item;}

ol.list01 li ol li ol.custom li ol.lower_alpha {padding-left:12px; margin-top:5px; counter-reset: item; list-style:lower-alpha; counter-reset: alpha;}
ol.list01 li ol li ol.custom li ol.lower_alpha li {margin:0; font-size:12px; font-size:1.2rem; display: inline-block; color:#888888; margin-bottom:3px;}
ol.list01 li ol li ol.custom li ol.lower_alpha li:before {margin:0; font-size:12px; font-size:1.2rem; color:#888888; content: counter(alpha, lower-alpha) ") "; counter-increment: alpha;}

ol.list01 li ol li ol.lower_roman {padding-left:12px; margin-top:5px; counter-reset: item; list-style:lower-roman;}
ol.list01 li ol li ol.lower_roman li {margin:0; font-size:12px; font-size:1.2rem; color:#888888; margin-bottom:3px;}
ol.list01 li ol li ol.lower_roman li:before {margin:0; font-size:12px; font-size:1.2rem; color:#888888; content: '';}

ol.list01 li ol.lower_alpha {padding-left:12px; margin-top:5px; counter-reset: item; list-style:lower-alpha; counter-reset: alpha;}
ol.list01 li ol.lower_alpha li {margin:0; font-size:12px; font-size:1.2rem; display: inline-block; color:#888888; margin-bottom:3px;}
ol.list01 li ol.lower_alpha li:before {margin:0; font-size:12px; font-size:1.2rem; color:#888888; content: counter(alpha, lower-alpha) ") "; counter-increment: alpha;}

ul.faqList {padding:0; margin:0; border-top:1px solid #008675; list-style:none;}
ul.faqList li a {display:block; position:relative; padding:12px 30px 12px 34px; border-bottom:1px solid #cccccc; color:#333333; font-size:12px; font-size:1.2rem;}
ul.faqList li a:before {content:'Q:'; position:absolute; top:10px; left:10px; color:#333333; font-size:20px; font-size:2.0rem;}
ul.faqList li a:after {content:''; position:absolute; top:19px; right:15px; width:11px; height:6px; background:url('../images/pc/common/ico/icoArr04.png') no-repeat; background-size:11px auto;}
ul.faqList li.on a:after {background-position:center bottom;}
ul.faqList li.on a {background-position:97% -20px;}
ul.faqList li .con {display:none; padding:20px; margin:0; border-bottom:1px solid #cccccc; background:#ebebeb;}
ul.faqList li.on .con {display:block;}

ul.thumList03 {overflow:hidden; padding:0; margin:20px 0 0 0; list-style:none; border-top:1px solid #bbbbbb;}
ul.thumList03 > li {position:relative; padding:8px 8px; margin:0; border-bottom:1px solid #dddddd; box-sizing:border-box;}
ul.thumList03 > li span.img img {width:25%; vertical-align:top;}
ul.thumList03 > li span.summary {position:absolute; margin-left: 8px;}
ul.thumList03 > li span.date {display:block; margin-top:5px; color:#008675;}
ul.thumList03 > li .tit {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-size:18px; font-size:1.8rem;}
ul.thumList03 > li .tit a {line-height:120%; color:#333333;}
ul.thumList03 > li .content {overflow:hidden; height:60px; padding:0; margin:6px 0 0 0;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

.thumList04 {position:relative; margin-top:20px; padding:25px 0; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:none; border-right:none; box-sizing:border-box;}
.thumList05 {padding:0 10px; border-bottom:1px solid #bbbbbb;}
.thumList04 p {width:100%; padding:0.5px 0; margin:0 0 0 0px;}
.thumList04 .tit {font-size:18px; font-size:1.8rem;}
.thumList04 .tit a {line-height:120%; color:#333333;}
.thumList04 .date {margin-top:6px; margin-bottom: 6px; color:#008675;}
.thumList05 img {max-width:100%; margin-top:10px;}

.txtPoint01B {padding:0; margin:0 0 5px 0; font-size:14px; font-size:1.4rem; font-weight:bold; color:#008675;}/* green */
.txtPoint02 {padding:0; margin:0 0 5px 0; font-size:11px; font-size:1.1rem; color:#008675;}
.txtPoint03 {padding:0; margin:0 0 5px 0; font-size:13px; font-size:1.3rem; color:#008675; text-align:center;}
.txtPoint04 {padding:0; margin:0 0 5px 0; color:#000030;}
.plus {color:#008675 !important; font-size:16px; font-size:1.6rem; font-weight:bold;}
.minus {color:#d61d3c !important; font-size:16px; font-size:1.6rem; font-weight:bold;}

.textA01 {width:98%; height:200px; margin-bottom:2px; border:1px solid #bbbbbb;}
.textA01::-webkit-scrollbar {width:8px; height:8px; background-color:rgba(120,120,120,.1);}
.textA01::-webkit-scrollbar-track {border-radius:10px; background-color:rgba(120,120,120,.1);}
.textA01::-webkit-scrollbar-thumb {border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
.textA01::-webkit-scrollbar-thumb:hover {border-radius:10px; background-color:#aeaeae;}

.loadWrap {position:relative;}

.tabDep {display:none;}
.tab {margin:20px 0 0 0;}
.tab ul {overflow:hidden; padding:0; margin:0; list-style:none; background:#ededed;}
.tab ul li {display:table; float:left; width:50%; text-align:center;}
.tab ul li a {display:table-cell; position:relative; height:43px; border:1px solid #ededed; border-bottom-color:#cccccc; color:#888888; font-size:11px; font-size:1.1rem; line-height:120%; font-weight:bold; vertical-align:middle;}
.tab ul li a:hover {color:#008675;}
.tab ul li.on a {border:1px solid #cccccc; border-bottom-color:#ffffff; color:#1a1a1a; background:#ffffff;}
.tab ul li a span {display:block; min-height:14px; margin:0 5%;}
.tab ul li a:hover:before, .tab ul li a:focus:before, .tab ul li a:active:before {left:5%; right:5%; height:2px; background:#008675;}
.tabCon .boxSymbol {padding:32px 10px; margin-top:10px; background:#ebebeb; box-sizing: border-box;}
.boxSymbol > div {display:inline-block; vertical-align:top;}
.boxSymbol h5 {margin:0; font-size:12px; font-size:1.2rem; color:#333333;}
.boxSymbol h5 em {font-size:16px; font-size:1.6rem; color:#333333;}
.boxSymbol .symbol01W {width:29%;}
.boxSymbol .symbolThum {overflow:hidden; float:right; width:69%; background:#ffffff; border:1px solid #d7d7d7; border-radius:4px; text-align:center;}
.boxSymbol .symbolThum img {width:56%; padding:22%;}
.boxSymbol .symbolThum p {line-height:32px; margin:0; background:#90a4b2; font-size:13px; font-size:1.3rem; font-weight:600; color:#ffffff;}
.boxSymbol .symbol02W {width:70%; padding-left:42px; box-sizing:border-box;}
.boxSymbol .symbol02W ul {overflow:hidden; padding:0; margin:8px 0 30px; list-style:none;}
.boxSymbol .symbol02W ul label {position:relative; display:block; padding:24%; margin-bottom:21px; background:#ffffff; border:1px solid #d7d7d7; border-radius:3px;}

.boxSymbol .symbol02W ul label img {width:100%; vertical-align:middle;}
.boxSymbol .symbol02W ul li {position:relative; float:left; text-align:center;}
.boxSymbol .symbol02W ul li input[type=radio] {position:absolute; bottom:0; left:50%; margin:4px 0 0 -8px;}
.boxSymbol .symbol02W .symLi01 li {width:52px; margin-left:4px;}
.boxSymbol .symbol02W .symLi01 li:first-child {margin:0;}
.boxSymbol .symbol02W .symLi02 li {display:none;}
.boxSymbol .symbol02W .symLi02 li:first-child {display:block;}
.boxSymbol .symbol02W .symLi02 li span {position:relative; float:left; width:52px; margin-left:4px;}
.boxSymbol .symbol02W .symLi02 li span:first-child {margin:0;}
.symNameW {margin:8px 0 0;}
.symNameW p.guide02 {margin:0;}

/* login */
.loginWrap {overflow:hidden; padding:0 2%; margin-top:20px; border:1px solid #cccccc}
.loginWrap .box {position:relative; float:left; padding:4.5% 4% 4.5% 4%; width:50%; box-sizing:border-box;}
.loginWrap .first:after {content:''; position:absolute; top:10%; left:100%; width:1px; height:220px; border-right:1px solid #cccccc;}
.loginWrap h4.title01 {margin:0; font-size:26px; font-size:2.6rem;}
.loginTxt01 {padding:0; margin:3px 0 0 0; color:#333333; font-size:12px; font-size:1.2rem;}
.infoBox {position:relative; margin:22px 0 0 0;}
.infoBox p {margin:0;}
.infoBox label {display:inline-block; width:22%; height:27px; line-height:27px; vertical-align:top; }
.infoBox input.input06 {width:47%;}
.submit {position:absolute; top:0; right:0; width:27%; height:62px; text-align:center; background-color:#04907f;}
.submit a {display:inline-block; padding-top:14px; color:#ffffff; font-size:14px; font-size:1.4rem; vertical-align:middle; box-sizing:border-box;}
.submit a span {display:block;}
.loginSearch {overflow:hidden; padding:0;}
.loginSearch li {list-style:none; position:relative; float:left; padding-right:18px;}
.loginSearch li:first-child:after {content:''; position:absolute; display:block; width:1px; height:10px; top:50%; right:8px; margin-top:-5px; background:#cccccc;}
.loginSearch li a {color:#333333; text-decoration:underline;}
.loginTxt02 {padding:10px 0 0 0; margin:8px 0 0 0; color:#888888; font-size:11px; font-size:1.1rem; line-height:130%; border-top:1px solid #cccccc}
.subLogin .btnWrapL {margin-top:15px;}

p.conTex01 {padding:0; margin:10px 0 10px 0; color:#333333; font-size:12px; font-size:1.2rem; line-height:130%;}
p.conTex02 {padding:10px 0 0 0; margin:-25px 0 0 0; color:#333333; font-size:12px; font-size:1.2rem; line-height:130%;}
div.imgBox{margin-bottom:25px;}
div.imgBox img{width:100%; vertical-align:middle;}

/* sitemap */
.siteMapW {overflow:hidden; margin-top:15px;}
.siteMapW > div.siteDiv {float:left; width:31.66666%; margin-left:2.5%;}
.siteMapW > div.siteDiv:first-child {margin-left:0;}
.siteMapW .siteBox {margin-bottom:15px; border:1px solid #cccccc; border-top:1px solid #008675;}
.siteMapW .siteBox h4 {padding:14px 19px; margin:0; line-height:100%; font-size:14px; font-size:1.4rem; border-bottom:1px dotted #cccccc;}
.siteMapW .siteBox .siteUl {padding:0; margin:14px 20px; list-style:none;}
.siteMapW .siteBox .siteUl li {position:relative; padding-left:10px; line-height:175%;}
.siteMapW .siteBox .siteUl li a {color:#333333;}
.siteMapW .siteBox .siteUl li a:hover {color:#008675;}
.siteMapW .siteBox .siteUl > li:before {content:''; position:absolute; left:0; top:8px; width:3px; height:3px; background:#aaaaaa;}
.siteMapW .siteBox .siteUl li ul {margin:0 0 0 4px; padding:0; list-style:none;}
.siteMapW .siteBox .siteUl li ul li, .siteMapW .siteBox .siteUl li ul li a {color:#888888;}
.siteMapW .siteBox .siteUl li ul li:before {content:'- '; position:absolute; left:0;}
/* //sitemap */

.boxThum {overflow:hidden; position:relative; min-height:117px; padding:145px 10px 15px 10px; margin-top:10px; background:#f1f2f5;}
.boxThum span.img {position:absolute; top:0; right:0; height:130px;}
.boxThum span.img img {width:100%; vertical-align:middle;}
.boxThum strong {color:#333333; font-size:18px; font-size:1.8rem; line-height:100%;}
.boxThum p {padding:0; margin:10px 0 0 0;}
.boxThum p.txt {margin-top:0; color:#777777; font-size:11px; font-size:1.1rem;}
.boxThum p.hours {margin:36px 0 4px 0; font-size:16px; font-size:1.6rem; font-weight:500;}
.boxThum p.hours em {color:#008675;}
.boxThum p.hours img {width:26px; padding-right:9px; vertical-align:bottom;}

.boxThum.mT40 {margin-top:24px;}


/* Small */
@media (max-width:767px){
	.boxTerms01 {height:382px;}

	ol.list02 li {margin-bottom:12px;}
	ol.list02 li ol {margin:0;}

	.tabDep {display:block; margin-bottom:20px;}
	.tabDep ul {overflow:hidden; padding:0; margin:0; list-style:none;}
	.tabDep ul li {display:table; float:left; width:50%; text-align:center;}
	.tabDep ul li a {display:table-cell; position:relative; width:100%; height:35px; border:1px solid #bbbbbb; border-left-width:0; color:#333333; font-size:11px; font-size:1.1rem; line-height:100%; font-weight:300; vertical-align:middle; box-sizing:border-box; background:#ebebeb;}
	.tabDep ul li:first-child a, .tabDep ul li.first a {border-left-width:1px;}
	.tabDep ul li:first-child a, .tabDep ul li:nth-child(2) a {border-bottom-color:#ebebeb;}
	.tabDep ul li.on:nth-child(2) a {border-bottom-color:#ffffff;}
	.tabDep ul li a:hover {color:#008675;}
	.tabDep ul li.on a {border-bottom-color:#ffffff; color:#008675; font-weight:400; background:#ffffff;}
	.tabDep ul li a span {display:block; min-height:14px; padding:13px 0; margin:0 5%;}
	.tabDep ul li.on a:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#008675;}
	.tabDep.multi ul li {width:33.333%;}
	.tab ul li a span {margin:0;}
	.tabCon .boxSymbol {padding:23px 10px;}
	.boxSymbol .symbol01W, .boxSymbol .symbolThum {width:100%;}
	.boxSymbol h5 em {display:block;}
	.boxSymbol .symbol02W {width:100%; padding:16px 0 0;}
	.boxSymbol .symbol02W ul {margin-bottom:16px;}
	.boxSymbol .symbolThum img {padding:7% 22%;}
	.boxSymbol .symbol02W .symLi01 li, .boxSymbol .symbol02W .symLi02 li span {width:15.58%; margin-left:1.3%;}
	.boxSymbol .symbol02W ul input[type=radio] + label:after {content:''; position:absolute; display:block; bottom:-21px; left:50%; width:16px; height:16px; margin-left:-8px; background: url('../images/mobile/common/ico/radio.png') no-repeat left center; background-size:16px;}
	.boxSymbol .symbol02W ul input[type=radio]:checked + label:after {background-image:url('../images/mobile/common/ico/radioChk.png');}

	.box01 {padding:17px 3%;}
	.box02 p {margin-left:0;}
	.unitBox .input01 {width:88%;}
	ul.listBox01 > li ul.txt li {padding-right:30%;}
	ul.list01 li {width:100%; padding:0.2em 0;}
	ul.list04 li {width:100%; padding:0.2em 0;}
	
	ul.thumList03 > li span.img {display:none;}
	ul.thumList03 > li span.summary {position:relative;}

	/* logoin*/
	.loginWrap .box {display:inline-block; position:relative; float:none; padding:6.2% 3% 6% 3%; width:100%; box-sizing:border-box;}
	.loginWrap .first:after {content:''; position:absolute; top:100%; left:2%; width:96%; height:1px; border-bottom:1px solid #cccccc;}

	.loginTxt {margin:10px 0 0 0;}
	.infoBox {margin:15px 0 0 0; position:relative;}
	.infoBox label.txt01, .infoBox label.txt02 {position:absolute; left:10px; height:35px; line-height:35px;}
	.infoBox input.input06 {width:70%;}
	.submit {width:26%; height:78px;}
	.submit a {padding-top:20px;}
	.btnTip {width:50%; height:33px; line-height:33px;}

	ul.faqList li a:after {background-image:url('../images/mobile/common/ico/icoArr04.png');}

	.siteMapW > div.siteDiv {width:100%; margin:0;}
	.siteMapW .siteBox h4 {padding:13px 8px;}
	.siteMapW .siteBox .siteUl {margin:14px 8px;}
	
	.boxThum {padding:0 0 20px 0;}
	.boxThum strong {display:block; padding:20px 3% 0 3%;}
	.boxThum p {padding:0 3%;}
	.boxThum span.img {position:relative;}
	.boxThum p.hours {margin-top:20px; font-size:14px; font-size:1.4rem;}
}

/* Tablet portrait */
@media (min-width:768px) and (max-width:1023px){
	.tabDep {display:block; margin-bottom:20px;}
	.tabDep ul {overflow:hidden; padding:0; margin:0; list-style:none;}
	.tabDep ul li {display:table; float:left; width:50%; text-align:center;}
	.tabDep ul li a {display:table-cell; position:relative; width:100%; height:35px; border:1px solid #bbbbbb; border-left-width:0; color:#333333; font-size:11px; font-size:1.1rem; line-height:100%; font-weight:300; vertical-align:middle; box-sizing:border-box; background:#ebebeb;}
	.tabDep ul li:first-child a, .tabDep ul li.first a {border-left-width:1px;}
	.tabDep ul li:first-child a, .tabDep ul li:nth-child(2) a {border-bottom-color:#ebebeb;}
	.tabDep ul li.on:nth-child(2) a {border-bottom-color:#ffffff;}
	.tabDep ul li a:hover {color:#008675;}
	.tabDep ul li.on a {border-bottom-color:#ffffff; color:#008675; font-weight:400; background:#ffffff;}
	.tabDep ul li a span {display:block; min-height:14px; padding:13px 0; margin:0 5%;}
	.tabDep ul li.on a:before {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:#008675;}
	.tabDep.multi ul li {width:33.333%;}
	.tab ul li a span {margin:0;}
	.box01 {padding:17px 3%;}
	.unitBox .input01 {width:88%;}
	ul.listBox01 > li ul.txt li {padding-right:30%;}
	ul.list01 li {width:100%; padding:0.2em 0;}
	ul.list04 li {width:100%; padding:0.2em 0;}

	/* logoin */
	.loginWrap .box {padding:4.5% 5% 4.5% 5%;}

	.infoBox input.input06 {width:45%;}
	.submit {width:29%; height:78px;}
	.submit a {padding-top:20px;}
	
	.boxThum {padding:25px 220px 25px 25px; margin-top:20px;}
	.boxThum span.img {width:195px; height:167px;}
}

/* PC */
@media (min-width:1024px){
	.box01 {padding:13px 2%;}
	.box01 .btnW {top:1.1em; right:1em; width:15%;}

	ul.listBox01 > li {min-height:105px;}
	ul.listBox01 > li .txt span {font-size:12px; font-size:1.2rem;}
	ul.listBox01 > li .btnW {width:20%; margin-top:-31px;}

	ul.list01 li {width:43%; padding:0.5em 0;}
	ul.list01 li .pc {display:inline;}
	
	ul.list04 li {width:50%; padding:0.5em 0;}
	ul.list04 li .pc {display:inline;}

	.tab ul li a {font-size:13px; font-size:1.3rem; font-weight:normal;}

	.siteMapW {margin-top:20px;}
	
	.boxThum {padding:25px 220px 25px 25px; margin-top:20px;}
	.boxThum.mT40 {margin-top:40px;}
	.boxThum span.img {width:195px; height:167px;}
}