@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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: #231815;
	text-decoration: none;
}

a:visited {
	color: #231815;
}

a:hover {
	color: #231815;
}

a:active {
	color: #231815;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1200px;
	color: #231815;
	font-size: 13px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {

}

.topBox {
	padding-bottom: 11px;
	background: url(../../img/index/bg01.jpg) no-repeat center center;
	background-size: cover;
}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: block !important;
	}
	
	.pc {
		display: none !important;
	}
	
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}

}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	background: #fff;
}



#gHeader .hBox {
	margin: 0 auto;
	width: 1080px;
}

#gHeader .hBox .logo {
	padding-top: 20px;
	float: left;
}

#gHeader .hBox .hLink {
	float: right;
	width: 816px;
}

#gHeader .hBox .hLink .link {
	width: 150px;
	float: right;
	text-align: center;
	background-color: #FF6F00;
}

#gHeader .hBox .hLink .link a {
	padding: 8px 0 5px;
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

#gHeader .hBox .hLink .link a img {
	margin: 9px auto 7px;
	display: block;
	width: 20px;
}

#gHeader .hBox .hLink .link a:hover {
	opacity: 0.7;
}

#gHeader .menuBox {
	display: none;
}

.mainVisual{
	padding-top: 345px;
}
@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {
		margin-bottom: 130px;
		padding-bottom: 10px;
		position:relative;
	}

	#gHeader .hBox {
		margin: 0 15px;
		width: auto;
	}
	
	#gHeader .hBox .logo {
		padding-top: 10px;
	}
	
	#gHeader .hBox .logo img {
		width: 128px;
	}
	
	#gHeader .hBox .menu {
		padding-top: 15px;
		float: right;
	}
	
	#gHeader .menuBox {
		width: 100%;
		position: absolute;
		left: 0;
		top: 46px;
		z-index: 999;
		box-sizing: border-box;
		background: rgba(255,111,0,0.8);
	}
	
	#gHeader .menuBox li a {
		padding: 10px;
		display: block;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #fff;
	}
	
	#gHeader .menuBox li:last-child a {
		border-bottom: none;
	}
	.mainVisual{
	padding-top: 0;
}
	
}

@media all and (min-width: 768px) {
	#gHeader .menuBox {
		display: none !important;
	}
	#gHeader .hBoxWrap {
	background: #FFF;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 1;
}

}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	width: 665px;
	float: left;
}

#gNavi li {
	float: left;
}

#gNavi li a {
	padding: 38px 15px 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
}

#gNavi li a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .pageTop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 999;
}

#gFooter .pageTop a:hover {
	opacity: 0.7;
}

#gFooter .fBox01 {
	margin: 0 auto;
	padding: 37px 0 41px;
	width: 1080px;
}

#gFooter .fBox01 .fLogoBox {
	width: 590px;
	float: left;
}

#gFooter .fBox01 .fLogo {
	padding-top: 5px;
	float: left;
}

#gFooter .fBox01 .txt {
	width: 300px;
	float: right;
	line-height: 1.58;
	font-weight: bold;
}

#gFooter .fBox01 .telBox {
	padding-top: 3px;
	width: 446px;
	float: right;
}

#gFooter .fBox01 .tel {
	margin-top: 10px;
	float: left;
	width: 245px;
}

#gFooter .fBox01 .tel a {
	margin-bottom: 1px;
	display: block;
	letter-spacing: -1px;
}

#gFooter .fBox01 .tel {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1.2px;
}

#gFooter .fBox01 .link {
	padding-top: 1px;
	width: 200px;
	float: right;
}

#gFooter .fBox01 .link a {
	padding: 17px 5px 16px;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.8px;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
	background-color: #FF6F00;
}

#gFooter .fBox01 .link a:hover {
	opacity: 0.7;
}

#gFooter .fBox01 .link a:after {
	margin-top: -6px;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 10px;
	top: 50%;
	background: url(../../img/common/icon01.png) no-repeat right center;
	
	content: "";
}

#gFooter .fBox02 {
	padding: 51px 0 20px;
	background-color: #231815;
}

#gFooter .fBox02 .inner {
	margin: 0 auto;
	width: 1080px;
}

#gFooter .fNavi {
	margin-bottom: 42px;
}

#gFooter .fNavi li {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	text-align: center;
}

#gFooter .fNavi li a {
	padding: 0 15px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#gFooter .fNavi li a:hover {
	text-decoration: underline;
}

#gFooter .tabBox {
	margin: 0 auto 32px;
	width: 608px;
}

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

#gFooter table th,
#gFooter table td {
	padding: 13px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.2px;
	line-height: 1;
	vertical-align: middle;
	border: 1px solid #A5A4A4;
	background-color: #fff;
}

#gFooter table th {
	width: 25%;
}

#gFooter table td {
	width: 10.7%;
	word-break: break-all;
}

#gFooter table td span {
	display: block;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

#gFooter table .trStyle01 th,
#gFooter table .trStyle01 td {
	padding: 17px 0 16px;
	border-top: none;
}

#gFooter table .trStyle02 th,
#gFooter table .trStyle02 td {
	padding: 6px 0;
	border-bottom: none;
}

#gFooter table .thStyle01 {
	border-left: none;
	border-radius: 8px 0 0 0;
}

#gFooter table .tdStyle01 {
	border-right: none;
	border-radius: 0 8px 0 0;
}

#gFooter table .thStyle02 {
	font-size: 16px;
	border-left: none;
	border-radius: 0 0 0 8px;
}

#gFooter table .thStyle02 span {
	display: block;
	color: #ff6f00;
}

#gFooter table .tdStyle02 {
	font-size: 16px;
	border-right: none;
	border-radius: 0 0 5px 0;
}

#gFooter .fBox02 .link {
	margin-bottom: 27px;
	text-align: center;
}

#gFooter .fBox02 .link a {
	padding-right: 35px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5px;
	text-decoration: underline;
	background: url(../../img/common/icon03.png) no-repeat right center;
}

#gFooter .fBox02 .link a:hover {
	text-decoration: none;
}

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

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter .pageTop a {
		padding: 10px;
		display: block;
		overflow: hidden;
		background-color: #FF6F00;
	}
	
	#gFooter .pageTop a img {
		width: 25px;
	}
	
	#gFooter .fBox01 {
		margin: 0 15px;
		padding: 20px 0;
		width: auto;
	}
	
	#gFooter .fBox01 .fLogoBox {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#gFooter .fBox01 .fLogo {
		margin-bottom: 20px;
		float: none;
	}
	
	#gFooter .fBox01 .fLogo img {
		width: 138px;
	}
	
	#gFooter .fBox01 .txt {
		width: auto;
		float: none;
	}
	
	#gFooter .fBox01 .telBox {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#gFooter .fBox01 .tel {
		margin-bottom: 10px;
		float: none;
		width: auto;
	}
	
	#gFooter .fBox01 .link {
		margin: 0 auto;
		width: 80%;
		float: none;
	}
	
	#gFooter .fBox01 .link a {
		padding: 10px 5px;
		font-size: 15px;
	}
	
	#gFooter .link a:hover {
		text-decoration: none;
	}
	
	#gFooter .fBox02 {
		padding: 0 0 20px;
	}
	
	#gFooter .fBox02 .inner {
		margin: 0;
		width: auto;
	}
	
	#gFooter .fNavi {
		margin-bottom: 20px;
		position: relative;
		border-top: 1px solid #333;
	}
	
	#gFooter .fNavi:before {
		width: 100%;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		border-bottom: 1px solid #333;
		
		content: "";
	}
	
	#gFooter .fNavi li {
		display: block;
		float: left;
		width: 50%;
		border-bottom: 1px solid #333;
		border-right: 1px solid #333;
		box-sizing: border-box;
	}
	
	#gFooter .fNavi li:nth-child(2n) {
		float: right;
		border-right: none;
	}
	
	#gFooter .fNavi li span {
		display: none;
	}
	
	#gFooter .fNavi li a {
		padding: 10px 0;
		display: block;
	}
	
	#gFooter .fNavi li a:hover {
		text-decoration: none;
	}
	
	#gFooter .tabBox {
		margin: 0 15px 20px;
		width: auto;
	}
	
	#gFooter table th {
		width: 16%;
	}
	
	#gFooter table td {
		width: 12%;
	}
	
	#gFooter table th, #gFooter table td {
		font-size: 12px;
	}
	
	#gFooter table .thStyle02 {
		font-size: 11px;
	}
	
	#gFooter table .tdStyle02 {
		font-size: 11px;
	}
	
	#gFooter .fBox02 .link a {
		padding-right: 15px;
		font-size: 13px;
		background-size: 10px auto;
	}
	
	#gFooter .fBox02 .link a:hover {
		text-decoration: underline;
	}
	
	#gFooter .copyright {
		font-size: 10px;
	}
}



/*------------------------------------------------------------
	subPage
------------------------------------------------------------*/
/*midashi
------------------------------*/
.subVisual {
	margin: 0 auto;
	width: 1080px;
	height: 280px;
	text-align: center;
	position: relative;
}

.subVisual h1 {
	font-size: 2.5em;
	color: #FFF;
	padding-top: 161px;
}

#container.subContainer h2{
	text-align: center;
	font-size: 26px;
	letter-spacing: 1.2px;
	padding-top: 100px;
}

#container.subContainer h2 span{
	display: block;
	margin-top: 0.5em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.subVisual {width: 100%; height:140px;}
	.subVisual h1 {padding-top: 50px; font-size: 26px;}

	#container.subContainer h2 {font-size: 16px; padding-top: 60px;}
	#container.subContainer h2 img{max-width: 100%; height: 20px; width: auto;}
}

/*bread_crumb
------------------------------*/
.bread_crumb_list{text-align: left; padding:1.25em; }
.bread_crumb_list ul{width: 1080px; margin:0 auto;}
.bread_crumb li { display:inline;}
.bread_crumb li:after {font-family:'FontAwesome'; content:'\f105';padding-left:5px; color: #FF6F00;}
.bread_crumb li:last-child:after { content : '';}
.bread_crumb li a { text-decoration:underline;}
.bread_crumb li a:hover{ text-decoration:none;}
.bread_crumb li.current { font-weight:bold;}

@media all and (min-width: 0) and (max-width: 767px) {
	.bread_crumb_list{text-align: left; padding-left:0; }
	.bread_crumb_list ul{width: calc(100% - 30px); margin:0 auto;}
}

/*common
------------------------------*/
#container.subContainer .topBox {
	padding-bottom: 0;
	background:url(../../img/index/bg02.jpg) no-repeat center bottom -120px;
	background-size: cover;
}
#container.subContainer #gHeader {
	margin-bottom: 0;
}

.subWrap {
	background: #F6F6F6;
}

.subWrap .subcon {
	width: 1080px;
	margin:0 auto;
	padding:0 0 100px;
}

.subcon p{
	font-size: 1em;
	letter-spacing: 0.5px;
	font-weight: bold;
}

.subcon p.desTxt{
	text-align: center;
	font-weight: bold;
	margin-top: 45px;
	font-size: 15px;
	line-height: 2;
}

#container.subContainer .mt{
	margin-top: 60px;
}

#subMap .map img,
#subMap .map iframe {
	width: 100%;
}

.pageLink{
	text-align: center;
	margin-top: 60px;
}

.pageLink a {
	padding: 22px 50px;
	display: inline-block;
	min-width: 360px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5px;
	position: relative;
	border-radius: 50px;
	box-sizing: border-box;
	background-color: #FF6F00;
}

.pageLink a:after {
	margin-top: -6px;
	width: 7px;
	height: 12px;
	position: absolute;
	right: 32px;
	top: 50%;
	background: url(../../img/common/icon01.png) no-repeat right center;
	
	content: "";
}

.pageLink a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
#container.subContainer .topBox {
	padding-bottom: 0;
	background:url(../../img/index/bg02.jpg) no-repeat center bottom;
	background-size: 137% auto;
}
.subWrap .subcon {
	width: calc(100% - 30px);
	padding:0 0 60px;
}
#container.subContainer .mt{margin-top: 50px;}
.subcon p{font-size: 12px;}
#subMap .map img,
	#subMap .map iframe {
		height: 180px;
	}
	.pageLink{
		margin-top: 40px;}
	.pageLink a {
		padding: 10px 25px;
		min-width: 260px;
		font-size: 15px;
	}
	.subcon p.desTxt{font-size: 12px; text-align: left;}
}





/*treatment
------------------------------*/
.treBox img{
	float: left;
	width: 450px;
	height: auto;
}

.treBox .txtWrap{
	float: right;
    width: 570px;
    margin-top: 1em;
    font-size: 15px;
    line-height: 2;
}

.treBox .txtWrap .pageLink{
	text-align: left;
	margin-top: 40px;
}

.treBox .txtWrap .pageLink a{
	padding: 1em;
	font-size: 20px;
}

.treBox02 img{
	float: right;
	width: 315px;
	height: auto;
}

.treBox02 p{
	    float: left;
    width: 705px;
    margin-top: 1em;
    font-size: 15px;
    line-height: 2;
}


.claBox{
	display: flex;
  flex-wrap: wrap;
  margin: 50px -1.5em 0;
  align-items: center;
}

.claBox li{
	background: #FFF;
	margin: 1.5em;
  width: calc( calc(100% - 9em) / 3 );
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  height: 570px;
}

.claBox li:nth-child(4),
.claBox li:nth-child(5){
	height: 615px;
}

.claBox li img{
	width: 100%;
	height: auto;
}

.claBox li dd{
	padding:1.5em;
}

.claBox li dd:first-of-type{
	text-align: center;
	padding-bottom: 0;
	font-size: 17px;
    color: #ff6f00;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.treBox img, .treBox02 img{max-width:100%; width: 100%; height: auto;}
	.treBox .txtWrap, .treBox02 p{width: 100%; font-size: 12px;}
	.treBox .txtWrap .pageLink{
		text-align: center;
		margin-top: 1em;}
	.treBox .txtWrap .pageLink a {
		padding: 10px 25px;
		min-width: 260px;
		font-size: 15px;
	}
	.claBox{margin:40px 0 0;}
	.claBox li{width: 100%; height: auto; font-size: 12px; margin: 1em 0 0;}
	.claBox li:nth-child(4),
.claBox li:nth-child(5){height: auto;}
	.claBox li dd:first-of-type{font-size: 16px;}
}





/*accident
------------------------------*/
.whyBox {
	padding: 0 3em 3em;
	background: #FFF;
	border-radius: 10px;
}

.whyBox ul{
	display: flex;
  flex-wrap: wrap;
  margin: 0 -3em;
  align-items: center;
}

.whyBox ul li{
	padding: 1.25em;
	margin: 3em;
  width: calc( calc(100% - 25.5em) / 3 );
  position: relative;
}

.whyBox ul li:after {font-size:50px; font-family:'FontAwesome'; content:'\f105';color: #FF6F00; position: absolute; right: -1em; top:calc(50% - 25px);}

.whyBox ul li:last-child:after {display: none;}

.whyBox ul li img{
	width: 100%;
	height: auto;
}

.subcon .whyTit{
	font-size: 20px;
    color: #ff6f00;
    line-height: 160%;
    margin-top: 0;
    text-align: center;
    margin-top: 40px;
}

.subcon .whyTxt{
	margin-top: 0.5em;
	font-size: 15px;
	line-height: 2;
}

.symList{
	display: flex;
  flex-wrap: wrap;
  margin: 50px -1.5em 0;
  align-items: center;
}

.symList li{
	background: #FFF;
	padding: 2em;
	margin: 1.5em;
  width: calc( calc(100% - 21em) / 3 );
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
}

.symList li .numTxt{
	font-size: 20px;
	border-bottom: 1px solid #c9c9c9;
	padding-bottom: 0.5em;
}

.symList li img{
	margin:1.5em 0 1em;
}

.symList li .symTxt{
	font-size: 20px;
	color: #FF6F00;
}

.casBox{
	background: #ededed;
	padding: 2em;
	border-radius: 10px;
	font-weight: bold;
	margin-top: 50px;
}

.casBox .casTit{
	font-size: 20px;
	color: #FF6F00;
	text-align: center;
}

.casBox .casList{
	display: flex;
  flex-wrap: wrap;
  margin: 1em -1em 0;
  align-items: center;
}

.casBox .casList li{
	background: #FFF;
	padding: 1.5em;
	margin: 1em;
  width: calc( calc(100% - 15em) / 3 );
  border-radius: 10px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}

.subcon .ulbox02{
	border:none;
	padding: 0;
	margin-top: 2em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.whyBox{padding-bottom: 0;}
	.whyBox ul li{margin:0.5em; padding:0.5em; width: calc( calc(100% - 6em) / 3 );}
	.whyBox ul li:after{font-size: 20px; right:-0.5em;     top: calc(50% - 13px);}
	.subcon .whyTit{font-size: 16px; font-weight: bold;}
	.subcon .whyTxt{font-size: 12px;}
	.symList li{width: 100%; margin-top: 0;}
	.casBox .casTit{font-size: 16px;}
	.casBox .casList li{width: 100%; margin-top: 0; font-size: 12px;}
	.symList{margin:40px 0 0 ;}
	.symList li {margin:1em 0 0;}
	.symList li .numTxt{font-size: 16px;}
	.symList li .symTxt{font-size: 16px;}
}


/*flow
------------------------------*/
.flowBox li.flowBlockItem {
  background:none;
  padding-left: 0;
  display: table;
  width: 100%;
  margin-top: 60px;
  box-sizing: border-box;
  padding: 2em;
  position: relative;
  background: #FFF;
  border-radius: 10px;
}

.flowBox li.flowBlockItem:after {
    font-family: 'FontAwesome';
    font-size: 34px;
    content: '\f107';
    position: absolute;
    bottom: -0.2em;
    right: 48%;
    width: 0;
    color: #FF6F00;
    height: 0;
}

.flowBox li.flowBlockItem:last-child:after {display: none;}

.flowBlockItem .titleArea {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  text-align: center;
  width: 160px;
}

.flowBlockItem .titleArea .number {
      font-size: 20px;
    line-height: 6em;
    color: #FFF;
    display: block;
    margin: 0 ;
    background: #ff6f00;
    width: 6em;
    height: 6em;
    border-radius: 50%;
    text-align: center;
}

.flowBlockItem .titleArea .number span{
	font-weight: bold;
}

.flowBlockItem .titleArea .title {
  font-size: 20px;
  font-weight: bold;
  color: #ff6f00;
  margin-bottom: 0.25em;
}

.flowBlockItem .content {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  overflow: hidden;
}
.flowBlockItem .content .txtArea{
	float: left;
	width: 56%;
}
.flowBlockItem .content img{
	float: right;
	width: 40%;
}
.flowBlockItem .content .flowTit {
	font-size: 20px;
	font-weight:bold;
	margin-top: 0.25em;
	padding-bottom: 0.25em;
	border-bottom: 1px solid #c9c9c9;
}
.flowBlockItem .content p {
	font-size: 15px;
	margin-top: 1.5em;
	line-height: 2;
}

.whiBox{
	display: flex;
  flex-wrap: wrap;
  margin: 50px -0.5em 0;
}

.whiBox li{
	font-size: 17px;
	font-weight: bold;
	margin: 0.5em;
  border-radius: 10px;
  background: #FFF;
  padding: 1.25em;
  width: calc( calc(100% - 7em) / 2 );
}

.whiBox li i{
	color: #ff6f00;
	font-size: 20px;
	margin-right: 0.35em;
}

.subcon .whiTxt{
	margin-top: 1.5em;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.flowBlockItem .titleArea {display:block;width: 100%;}
	.flowBlockItem .titleArea .number {margin:0 auto;}
	.flowBlockItem .content {display: block; width: 100%;}
	.flowBlockItem .content .txtArea{display: block; width: 100%;}
	.flowBlockItem .content .flowTit{font-size: 16px; margin-top: 1em; text-align: center;}
	.flowBlockItem .content p{font-size: 12px; margin-top: 1em;}
	.flowBlockItem .content img{display: block; width: 100%; margin-top: 1em;}
	.flowBox li.flowBlockItem:after {right:53%;}
	.whiBox{margin-top: 40px;}
	.whiBox li{width: 100%; font-size: 16px;}
}


/*price
------------------------------*/
.conBox,
.conBox02{
	margin-top: 100px;
}
.conBox h3,
.conBox02 h3{
	font-size: 20px;
	padding: 0.5em;
    border-left: 5px solid #FF6F00;
    background: #FFF;
}

.conBox img{
	float: left;
	width: 310px;
	height: auto;
}

.conBox .conRight{
	float: right;
	width: 705px;
}

.conBox02 img{
	float: right;
	width: 310px;
	height: auto;
}

.conBox02 .conLeft{
	float: left;
	width: 705px;
}

.conBox p,
.conBox02 p{
	margin-top: 1em;
    font-size: 15px;
    line-height: 2;
}

p.conTit{
	font-size: 17px;
	color: #ff6f00;
	line-height: 160%;
}

.ulbox{
	border: 1px solid #c9c9c9;
	padding: 1em;
	border-radius: 10px;
	margin-top: 1.5em;
}

.ulbox li{
	font-size: 15px;
	font-weight: bold;
	position: relative;
	padding-left: 1.5em;
	margin: 0.25em 0;
}

.ulbox li:before{
	font-family: 'FontAwesome';
    content: '\f105';
    color: #FF6F00;
    position: absolute;
    left:0.5em;
}


@media all and (min-width: 0) and (max-width: 767px) {
	.conBox,.conBox02{
	margin-top: 60px;
	}
	.conBox .conRight,.conBox02 .conLeft{
		width: 100%;
		display: block;
		margin-top: 1.5em;
	}
	.conBox img, .conBox02 img{max-width: 100%; width: 100%; height: auto; margin:0 auto;}
	.conBox h3,
.conBox02 h3{
	font-size: 15px;
	padding: 0.5em;
    border-left: 5px solid #FF6F00;
    background: #FFF;
	}
	p.conTit{font-size: 12px;}
	.ulbox li{font-size: 12px;}
	.conBox p,.conBox02 p{font-size: 13px;}
}

/*faq
------------------------------*/
.faq_list {
	font-weight: bold;
	font-size: 15px;
}
.faq_list dt{
	padding: 1.25em 1.5em;
	background: #FFF;
	border-radius: 10px;
	margin-top: 10px;
	position: relative;
}
.faq_list dt:after {font-family:'FontAwesome'; font-size:26px; content:'\f107'; color: #FF6F00; position: absolute; right:1em;}

.faq_list dt:hover{
	cursor: pointer;
	opacity: 0.7;
	transition: 0.3s;
}
.faq_list dd{
	padding: 1.25em 1.5em;
	border-radius: 10px;
	/*border: 1px solid #c9c9c9;*/
	margin-top: 0.5em;
	margin-bottom: 30px;
}

.faq_list dt span{
	color: #ff6f00;
	font-size: 20px;
	margin-right: 10px;
}

.faq_list dd span{
	color: #231815;
	font-size: 20px;
	margin-right: 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.faq_list {font-size: 12px;}
	.faq_list dt{
		padding:1em;
	}
	.faq_list dt:after {font-size: 24px;}
}

/*information
------------------------------*/
.infoLeft{
	float: left;
	width: 820px;
}

.infoRight{
	float: right;
	width: 200px;
	font-weight: bold;
	border: 1px solid #c9c9c9;
	padding: 2em;
	background: #FFF;
}

.cateList{
	margin-top: 2em;
}

.infoRight .infoTit{
	font-size: 15px;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #c9c9c9;
}

.infoRight dl dt{
	margin-bottom: 0.25em;
}

.infoRight ul li,
.infoRight dl dd{
	padding:0.35em 1.5em;
	position: relative;
}

.infoRight ul li a,
.infoRight dl dd a{
	text-decoration: underline;
	cursor: pointer;
}

.infoRight ul li:before,
.infoRight dl dd:before{
	font-family:'FontAwesome'; content:'\f105'; color: #FF6F00;  left:0.5em;
	position: absolute;
	left: 0.5em;
}

.infoList dt {
	float: left;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1.5px;
}

.infoList dd {
	padding: 0 0 24px 7.6em;
	font-size: 15px;
	font-weight: bold;
}

.infoList dd:last-child {
	padding-bottom: 0;
}

.infoList dd span {
	margin-right: 15px;
	padding: 1px;
	width: 100px;
	display: inline-block;
	font-size: 14px;
	color: #ff6f00;
	text-align: center;
	box-sizing: border-box; 
	background: #FFF;
	border: 1px solid #ff6f00;
}
.infoList dd a{
	margin-left: 2em;
}

.infoList dd a:hover {
	text-decoration: underline;
}

.pager {
    overflow: hidden;
	margin-top: 60px;
	text-align: center;
}
 
.pager ul {
    list-style: none;
    position: relative;
    width: 95%;
    margin: 0 auto;
}

.pager ul li {
	float: left;
    margin: 0 0.2em;
}

.pager ul li:last-child{
	float: right;
}

.pager span.current{
	border: none;
	background: none;
}

.pager a,
.pager span,
.pager ul li span,
.pager ul li a {
    padding: 0.7em 1.2em;
    color: #231815;
    font-weight: bold;
}

.pager a,
.pager span,
.pager ul li a {
	font-size: 1em;
    text-decoration: none;
    background: #fcae72;
    border-radius: 4px;
    display: inline-block;
}

.pager a:hover,
.pager ul li a:hover {
    background: #ff6f00;
    color: #FFF;
    opacity: 1;
    border: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.infoLeft{
	width: 100%;
	padding: 0;
	}
	.infoRight{
		margin-top: 40px;
		width: calc(100% - 4em);
	}
	.infoList {width: 100%;}
	.infoList dl {
		margin: 0 0 20px;
		width: auto;
	}
	
	.infoList dt {
		float: none;
		font-size: 12px;
	}
	
	.infoList dd {
		padding: 0 0 10px;
	}
	
	.infoList dd span {
		margin-right: 10px;
		width: 60px;
		font-size: 11px;
	}
	
	.infoList dd a {
		font-size: 12px;
		margin-left: 0;
	}

	.pager{margin-top: 40px;}
}

/*shop
------------------------------*/
.greBox img{
	float: left;
}
.greBox p{
	float: right;
	width: 705px;
	margin-top: 1em;
	font-size: 15px;
	line-height: 2;
}
.flexBox {
  display: flex;
  flex-wrap: wrap;
  margin: 1em -0.5em 0;
}
.flexBox li {
  margin: 0.5em;
  border-radius: 10px;
  background: #FFF;
  margin: 1.5em;
    width: calc( calc(100% - 9em) / 3 );
    border-radius: 10px;
    text-align: center;
}

.flexBox li img{ max-width:100%; width: 100%; height: auto; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.flexBox li .mark{
    font-size: 20px;
    line-height: 2.5em;
    font-weight: bold;
    color: #FFF;
    display: block;
    margin: 0 auto;
    background: #ff6f00;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    text-align: center;
}

.flexBox li p{
	 font-size: 17px;
	font-weight: bold;
	display: inline-block;
	margin-top: 1em;
}

.flexBox li p span.s_txt{
	display: block;
	font-size: 0.75em;
	margin-top: 1em;
	border: 1px solid #c9c9c9;
	padding: 0.5em;
	border-radius: 6px;
}

.flexBox li dd{
	padding: 2em 1em;
}

table.defTable02{
	width: 100%;
	background: #FFF;
	font-weight: bold;
	border-radius: 10px;
	padding: 0.5em 2em;
}
table.defTable02 tr th{
	padding: 1.5em;
	color: #ff6f00;
	border-bottom: 1px solid #c9c9c9;
}
table.defTable02 tr th p{
	border-right:  1px solid #c9c9c9;
}
table.defTable02 tr td{
	padding: 1.5em;
	border-bottom: 1px solid #c9c9c9;
}

table.defTable02 tr:last-child th,
table.defTable02 tr:last-child td{
	border-bottom: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.greBox img{
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	.greBox p{
		width: 100%;
		margin-top: 1em;
		font-size: 12px;
		line-height: 2;
	}

.flexBox{margin: 1em -0.5em 0;}

	.flexBox li {
		width: calc( calc(100% - 2em) / 2 );
		margin: 0.5em;
	}
	.flexBox li p{
		    font-size: 15px;
	}

	.flexBox li p span{
		font-size: 16px;
	}

	.flexBox li .mark{
    font-size: 16px;
	}

	.flexBox li dd{padding: 1.6em 0.8em;}

	table.defTable02{
		padding:0.5em 1em;
	}

	table.defTable02 tr th,
	table.defTable02 tr td{
		padding: 1em;
		width: calc(100% - 2em );
		display: block;
	}
	table.defTable02 tr th p{
		border-right:  none;
	}

	table.defTable02 tr th{
		border-bottom: none;
		padding-bottom: 0;
	}

}



/*contact
------------------------------*/
.subcon p.con_cen{ background: #FFF; border-radius: 10px; text-align:center; padding:40px; font-size:15px; line-height:180%; }
.subcon p.con_cen a{ display: inline-block; margin-top:0.75em;}
.subcon p.con_cen span{ display: block; margin:0;font-size:32px;}
.subcon p.con_cen span i{color:#FF6F00; }
.subcon p.con_cen span.hour{ font-size:13px; margin-bottom: 0.75em;}
.subcon table.defTable01{ padding:15px 40px;margin:0px auto;border-collapse:collapse; font-size:14px; width:100%; letter-spacing: 0.5px; font-weight: bold;}
.subcon table.defTable01 tr{ display:block;border-bottom:1px solid #eee; padding:10px 0px;}
.subcon table.defTable01 th{ padding:10px 84px 10px 40px;width:30%;display:inline-block; box-sizing:border-box;font-weight:bold; font-size:15px;}
.subcon table.defTable01 td{ padding:0.6em 0;display:inline-block;box-sizing:border-box; width:69.5%;}
.subcon table.defTable01 th em.clrred{ font-size:12px;color:#fff;font-style:normal; text-align:center;background:#FF6F00; padding:1px 5px; display:block; width:50px; float:right;}
.subcon table.defTable01 th em.any{ background:#FFF; font-size:12px;color:#FF6F00; border:1px solid #FF6F00;font-style:normal; text-align:center;padding:1px 5px;width:50px; float:right;}
.subcon table.defTable01 td.cen{ text-align:center; margin:0 auto; display:block;}
.subcon table.defTable01 td.cen input{padding: 0.8em;color: #FFF;font-size: 20px; font-weight:bold; width: 290px;background: #FF6F00;cursor: pointer; display:block; text-align:center; margin:0 auto; border-radius: 50px;}
.subcon table.defTable01 td.cen input:hover{ opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; color:#fff;}
.subcon table.defTable01 input {padding: 1em; font-size:13px;border:none; box-sizing:border-box;width:100%; border-radius: 4px;}
.subcon table.defTable01 textarea  {padding:1em;font-size:13px; border:none; width:100%; box-sizing:border-box; border-radius: 4px;}
.subcon table.defTable01 td.tel_area input {width:23%;}
.subcon table.defTable01 input[type="checkbox"] { width:4%;}
.subcon table.defTable01 .privacyBox {padding:0px 20px 30px;width: calc(100% - 0px);height: 230px;overflow-y: scroll;margin-bottom: 20px;background: #fff; font-size:90%;}
.subcon table.defTable01 .privacyBox .sub_ttl {margin:30px 0px 15px 0px; font-size:120%; padding:2px 0px 2px 8px;border-left: 5px solid #FF6F00;}
.subcon table.defTable01 .privacyBox p{ margin-bottom:10px;}
.subcon table.defTable01 .privacyBox ul.ulbox {border:none; padding: 0;}
.subcon table.defTable01 .privacyBox ul.ulbox li{ font-size: 1em ;list-style-type:disc; list-style-position:inside; margin-left:10px; }
.subcon table.defTable01 .privacyBox ul.ulbox li:before{ display: none;}
.subcon table.defTable01 .privacyBox::-webkit-scrollbar {height: 5px;}
.subcon table.defTable01 .privacyBox::-webkit-scrollbar-track {background: #eee;}
.subcon table.defTable01 .privacyBox::-webkit-scrollbar-thumb {background: #FF6F00;}
.subcon table.defTable01 .bbn {border-bottom: none!important;}
.subcon table.defTable01 a.bb01 {color: #efe384;}

.subcon table.defTable01 td label span{font-weight: bold;}


@media all and (min-width: 0) and (max-width: 767px) {
	.subcon p.con_cen{ text-align:left; font-size: 12px;}
	.subcon p.con_cen span{font-size: 28px; text-align: center;}
	.subcon p.con_cen .hour{ text-align:center;}
	.subcon table.defTable01{font-size: 12px;}
	.subcon table.defTable01 tr{ border-bottom:none; padding:10px 0px;}
	.subcon table.defTable01 th,
	.subcon table.defTable01 td{
		width: 100%;
		display: block;
		font-size: 12px;
	}
	.subcon table.defTable01 th{padding:0.6em 0.6em 0.6em 0;}
	.subcon table.defTable01 th em.clrred{ float:none; margin-left:0.6em; display:inline-block; font-size: 11px; width: 30px;}
.subcon table.defTable01 th em.any{  float:none; margin-left:0.6em; display:inline-block;font-size: 11px;  width: 30px;}
.subcon table.defTable01 td.tel_area input{width: 30%;}
.subcon table.defTable01 td.cen input{padding:0.6em; font-size: 16px;}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
.subcon table.defTable01 input[type="checkbox"] { width:4%;}
.subcon table.defTable01 .privacyBox {padding:0px 20px 30px;width: calc(100% - 40px);height: 230px;overflow-y: scroll;margin-bottom: 20px;background: #fff; font-size:90%;}
}