html,
body,
#wrapper {
	height: 100%;
	background: #f3eee7;
}
body {
	background: #f4f4f4;
	font-family: Lyon Display Web, Times New Roman, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	overflow: hidden;
}
h1 {
	font-size: 30px;
	padding-bottom: 9px;
	margin: 40px 0 20px;
/*	border-bottom: 1px solid #DDD;*/
}
h2 {
	font-size: 20px;
	margin: 0 0 10px;
	font-weight: bold;
}
h4{font-weight: bold;}

section {
	margin-bottom: 100px;
}
.container {
	width: 940px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
}

.txt-center{text-align: center;}

/*スマホの時だけ改行させるクラス*/
.br-sp {
    display: none;
}

@media (max-width: 768px) {
    .br-sp {
        display: block;
    }
}


@media only screen and (min-width: 1200px) {
.container {
	width: 1170px;
}
}

@media only screen and (max-width: 979px) {
.container {
	width: auto;
}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
.container {
	width: 724px;
}
}

@media only screen and (max-width: 767px) {
.container {
	width: auto;
}
}
/*ヘッダー
***********************************************************/
#header {
	background-color: #1abc9c;
	margin-bottom: 30px;
}
#header .siteTitle {
	float: left;
}
#header .siteTitle a {
	display: block;
	padding: 15px 15px 0 0;
	font-size: 18px;
	line-height: 20px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#header .btn {
	display: none;
	cursor: pointer;
}
#gNav::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gNav ul {
	display: block;
}
#gNav li {
	float: left;
}
#gNav li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
}
#gNav li a:hover,
#gNav li a.active {
	background-color: #16a085;
}

@media only screen and (max-width: 767px) {
#header .container {
	margin: 0 -15px;
}
#header .siteTitle a {
	padding: 15px 15px 0;
}
#header .btn {
	display: block;
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
#header .btn .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #FFF;
	margin-top: 4px;
}
#header .btn .icon-bar:first-child {
	margin-top: 0;
}
#gNav {
	clear: both;
}
#gNav ul {
	display: none;
	background: #1abc9c;
}
#gNav ul.open {
	display: block;
}
#gNav li {
	float: none;
	border-top: 1px solid #16a085;
}
#gNav li a {
	position: relative;
}
#gNav li a::after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 15px;
	font-family: FontAwesome;
	content: "\f054";
}
}
/*ヘッダー（ここまで）
***********************************************************/


/*top main
***********************************************************/
.full {
	position: relative;
	width: 100%;
	height: 768px;
	/* min-height: 100vh;*/
	background: url( "../img/top_sp.JPG") 50% 52% / cover;
	margin-bottom: 80px;
}

.full .container{
	width: 1170px;
	margin: 0 auto;
	text-align: center;
	color:#333 !important
}
.topImgConcept{
  position: absolute;;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.topImgConcept p{
	font-size: 1.4em;
}
	
.full .container h2{
	font-size: 2.5em;
	font-weight: normal;
}

@media only screen and (max-width: 767px) {
	.full{
		position: relative;
		height: 600px;
		background-position:50% 0% ;
	}
	.topImgConcept{
		position: absolute;
		width: 80%;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.topImgConcept h2{
		margin: 0;
		font-weight: normal;
	}
}
/*top main（ここまで）
***********************************************************/
.colframe{
	display: flex;
	clear: both;
	overflow: hidden;
	margin-bottom: 100px;
}
.col2{
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0.5em;
}
.col3{
	width: 33.333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0.5em;
}

@media only screen and (max-width: 767px) {
	.col2,.col3{
		float: none;
		width: auto;
	}
	.col2::after,.col3::after {
		content: "";
		clear: both;
		display: block;
}

	.fd-rev{
		flex-direction: column-reverse;
	}
	
	.fd-col{
		flex-direction: column;
	}
		
		
	}
/*サイドメニュー
***********************************************************/

#side{}

/*サイドメニュー（ここまで）
***********************************************************/

/*フッター
***********************************************************/

footer{
	display: block;
	overflow: hidden;
	background:#fff;
	color:#333;
	text-align:center;
	padding:20px;
}
/*フッター（ここまで）
***********************************************************/

/* grid
------------------------------------------------------------*/
.cosGrid {
  width: 100%;
  *zoom: 1;
}

.cosGrid::before,
.cosGrid::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGrid::after {
  clear: both;
}

.cosGrid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGrid [class*="span"]:first-child {
  margin-left: 0;
}

.cosGrid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGrid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGrid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGrid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGrid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGrid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGrid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGrid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.cosGrid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGrid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGrid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGrid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGrid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGrid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGrid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGrid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGrid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGrid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGrid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGrid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGrid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGrid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGrid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGrid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGrid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGrid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGrid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGrid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGrid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGrid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGrid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGrid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGrid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGrid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGrid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGrid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGrid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="offset"]:first-child {
    margin-left: 0;
  }
}

.cosGridXs {
  width: 100%;
  *zoom: 1;
}

.cosGridXs::before,
.cosGridXs::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGridXs::after {
  clear: both;
}

.cosGridXs [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGridXs [class*="span"]:first-child {
  margin-left: 0;
}

.cosGridXs .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGridXs .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGridXs .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGridXs .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGridXs .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGridXs .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGridXs .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGridXs .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.cosGridXs .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGridXs .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGridXs .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGridXs .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGridXs .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGridXs .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGridXs .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGridXs .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGridXs .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGridXs .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGridXs .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGridXs .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGridXs .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGridXs .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGridXs .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGridXs .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGridXs .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGridXs .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGridXs .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGridXs .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGridXs .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGridXs .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGridXs .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGridXs .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGridXs .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGridXs .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGridXs .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGridXs .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGridXs .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}