@charset "shift_jis";
.pc{
	display:none !important;
}
.sp{
	display:block !important;
}
br.pc{
	display:none !important;
}
br.sp{
	display:inline!important;
}
body *{
	box-sizing:border-box;
}
#container{
	font-family: "Sawarabi Mincho";
	color: #030000;
}
#container *{
	box-sizing: border-box;
}
.txt_gold{
	color: #f9cd88 !important;
/*text-shadow: 2px 2px 4px rgba(0,0,0,0.8);*/
	font-size: 1.2em;
}
[class^="btn_app"] a span::after,.btn_trans > a,.btn_trans > a > span::after{
  -webkit-transition: all .3s;
  transition: all .3s;
}
[class^="btn_app"] a:hover span::after{
	right: 5px
}
.btn_trans > a:hover > span::after{
	right: 10px
}
.btn_trans > a:hover{
	box-shadow: 2px 2px 0 #CEBD9F inset, -2px -2px 0 #CEBD9F inset;
}

.btn_app01 {
	max-width: calc(100% + 20px);
	margin: 0 10px;
	text-align: center;
}
.btn_app01 > a {
	display: table;
	width: calc(100% - 30px);
	height:auto;
	background-color: #8e7c59;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	margin: 15px 15px 0;
}
.btn_app01 > a:first-child {
	margin-top: 0;
}
.btn_app01 > a > span {
	display: table-cell;
	padding:14px 0;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
}
.btn_app01 > a > span::after {
	content: "";
	display: inline-block;
	background: url(../../../img/btn_arrow_left.png) no-repeat;
	background-size: contain;
	width: 61px;
	height: 8px;
	position: absolute;
	top: calc(50% - 6px);
	right: 10px;
}
.btn_app02 {
  max-width: calc(100% + 40px);
  margin: 30px 20px 0;
  text-align: center;
}
.btn_app02 > a {
  display: table;
  width: calc(100% - 30px);
  height: auto;
  background-color: #fff;
  color: #030000;
  text-decoration: none;
  margin: 0 15px 15px;
}
.btn_app02 > a > span {
	display: table-cell;
	padding:14px 0;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
}
.btn_app02 > a > span::after {
  content: "";
  display: inline-block;
  background: url(../../../img/btn_arrow_left02.png) no-repeat;
  background-size: contain;
  width: 61px;
  height: 8px;
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
}


.btn_trans {
  max-width: 100%;
  margin: 30px 20px 0;
  text-align: center;
}
.btn_trans > a {
  display: table;
  width: 100%;
  max-width: 420px;
  height: auto;
  background-color: #8b224a;
  font-size: 16px;
  color: #CEBD9F;
  text-decoration: none;
  border: 1px solid #CEBD9F;
  margin: 0 auto 15px;
  padding: 14px 0;
}
.btn_trans > a > span {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
}
.btn_trans > a > span::after {
  content: "";
  display: inline-block;
  background: url(../../../img/btn_arrow_left03.png) no-repeat;
  background-size: contain;
	background-position: 0 2px;
  width: 30px;
  height: 8px;
  position: absolute;
  top: calc(50% - 6px);
  right: 10px;
}
/*
*
* cf
*
*/

.btn_app01::after,.footer_comp::after,.footer_telnum::after{
	content: "";
	display: block;
	clear: both;
}

/*
*
* pc display none
*
*/

.mapNav,.mapData{
  display: none;
}

/*
*
* header
*
*/
header {
  width: 100%;
  height: 100vh;
  background: url(../../../img/MV01.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
header::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(10%);
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 70%;
}
header::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left:0;
}

header > div {
  position: absolute;
  top: 26vh;
  left: 0;
  right: 0;
  z-index:1;
}
header div > h1 {
  width: 70%;
  max-width: 500px;
  margin: 0 auto 30px;
}
header div > h1 > img{
	width: auto;
	max-width: 100%;
}
header div > p {
  color: #fff;
  font-size: 16px;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  margin:5px auto 0;
  text-shadow: 0 0 10px rgba(0,0,0,1), -1px 0px 0 rgba(0,0,0,0.6);
}
header div > p:first-child {
	margin-top:1em;
}
header div > p > small {

display: inline-block;

/* font-size: 0.72em; */

font-weight: normal;

transform: scaleY(1.06);

position: relative;

z-index: 1;

text-shadow: 1px 1px rgba(0,0,0,1),-1px 0px 1px rgba(0,0,0,.5);
}
header div > p > small::before {content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;box-shadow: 0 0 60px rgba(0,0,0,0.1);background: rgba(0,0,0,.05);z-index: -1;border-radius: 100px;}

/*
*
* scroll
*
*/
.scroll {
	text-align: center;
	position: absolute;
	top:70vh;
	left: 0;
	right: 0;
}
.scroll a {
    display: inline-block;
    color: #fff;
		text-shadow: 1px 2px 10px rgba(0,0,0,1);
    text-decoration: none;
    transition: .3s all ease;
}
.scroll a:hover{
	text-shadow: 1px 2px 4px rgba(0,0,0,1);
}
.scroll span {
	display: block;
	width: 30px;
	height: 6vh;

	background: url(../../../img/scrl_arrow.png) no-repeat;
	background-size:contain;
	margin: 0 auto;
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
}
@-webkit-keyframes sdb {
	0% {
　transform:translate(0, 0);
  opacity: 0;
	}
	50% {
  opacity: 1;
	}
	100% {
  -webkit-transform:translate(0, 20px);
  transform:translate(0, 20px);
  opacity: 0;
	}
}
@keyframes sdb {
	0% {
  -webkit-transform:translate(0, 0);
  transform:translate(0, 0);
  opacity: 0;
	}
	50% {
  opacity: 1;
	}
	100% {
  -webkit-transform:translate(0, 20px);
  transform:translate(0, 20px);
  opacity: 0;
	}
}
/*
*
* section
*
*/
[class$="section"] {
	
}
[class$="section"] h2 {
	  font-weight: normal;
  font-size: 20px;
  text-align: center;
  color: #0B3D5E;
  letter-spacing: 1px;
}

/*
*
* intro
*
*/
.intro_section h2 + hr + p {
  font-size: 13px;
  text-align: center;
}
.intro_inner {
  padding: 20px 0 50px;
}
.intro_lede {
	background-color: #f6f6f6;
	margin-top: 20px;
	padding: 1.5em;
}
.intro_lede > p {
  text-align: justify;
}
.intro_lede > p > br{
	display:none;
}
.intro_lede > p + ul{
  text-align: justify;
	margin-top:1em;
}
ul.note>li {
  text-indent: -1em;
  padding-left: 1em;
}
.intro_inner > h2{
	text-align:center;
}
.intro_inner > h2 + hr{
  height: 1px;
  border: none;
  border-bottom: 1px solid #ccc8c9;
  width: 270px;
}
.intro_app {
  padding: 1.5em;
}
.intro_app > p {
	text-align:justify;
  margin-bottom: 2em;
}

/*
*
* reason
*
*/
.reason_innre {
  background-color: #F3F3F1;
  padding-bottom: 30px;
}
.reason_section > h2 {
  background-color: #071b2a;
	font-size:18px;
  color: #cebda0;
  border-width: 2px 0;
  border-color: #cebda0;
  border-style: solid;
  padding: 1em 0;
}
.reason_desc > h3 {
    /* background: #fff; */
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin: 1em 0;
}
.reason_induction {
	background: url(../../../img/bk01.jpg);
	background-position: center;
	padding: 22px 1em 34px;
}
.reason_induction > p {
  color: #fff;
  text-align: center;
}
.reason_innre > .column {
	margin-bottom: 50px;
	padding-top: 10px;
}
.reason_innre > .column > li {
  width: calc(100% - 30px);
  margin: 30px 15px 0;
	position: relative;
}
.reason_innre > .column > li::before {
  content: "";
  display: block;
  background: url(../../../img/icon_check01.png) no-repeat;
  width: 50px;
  height: 50px;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.reason_innre > .column > li > h4 {
  text-align: center;
  padding: 50px 0 30px;
}
.card {
  position: relative;
  padding-bottom: 30px;
  background: #fff;
  box-shadow: 3px 5px 50px rgba(51,51,51,0.35);
}
.card::before{
	content: "";
  display: block;
  background: #AD954D;
  width: 40px;
  height: 4px;
  margin: 0 auto;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
}
.card > h5 {
  text-align: center;
  color: #A88E41;
  font-size: 16px;
  padding:20px 14px;
}
.card > p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-align: justify;
	padding: 0 16px;

}

/*
*
* about
*
*/
.about_section > h2 {
  background: url(../../../img/view_pct.jpg) no-repeat;
  background-position: center;
  background-size: 100%;
  position: relative;
}
.about_section > h2::before{
  content:"";
  display: block;
	padding-top: 24.45%;
}
.about_section > h2 > span {
	font-size:16px;
	color: #fff;
	position: absolute;
	top: auto;
	left: 0;
	bottom: calc(50% - 16px);
	right: 0;
}
.about_lede{
	background: url(../../../img/bk02.jpg);
	background-position: center;
	padding: 14px 1.5em 30px;
}
.about_lede > p{
	text-align: justify;
}

/*
*
* footer
*
*/
footer {
  padding-bottom: 10px;
}
.footer_contact{
	padding: 10px 10px;
	background: url(../../../img/bk01.jpg) no-repeat;
	background-position: center;
}
.footer_contact > p {
  color: #fff;
}
.footer_contact > p {
  font-size: 12px;
  color: #fff;
  padding: 1em;
}
.footer_contact .footer_telnum {
  padding: 0 10%;
  margin: 0 auto;
}
.footer_contact .footer_telnum > li {
  margin-bottom: 10px;
}
.footer_contact .footer_telnum > li > a{
	cursor: default;
}
.footer_contact > .column > div:first-child > p {
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.footer_comp {
  text-align: center;
  width: calc(100% - 30px);
  margin: 15px;
  font-size: 0;
}
.footer_comp > li {
  display: inline-block;
  width: calc(50% - 20px);
  font-size: 1em;
  max-width: 130px;
  margin: 0 10px;
}
footer > small {
	display: block;
	text-align: center;
}


@media all and (min-width:500px){
html{
	font-size:16px;
}

br.pc{
	display:inline !important;
}
br.sp{
	display:none !important;
}

/*
*
* btn
*
*/
.btn_app01 {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}
.btn_app01 > a {
  display: inline-block;
  width: calc(47% - 8px);
  margin: 0 8px 15px;
  font-size: 18px;
  letter-spacing: 2px;
}
.btn_app01 > a > span,.btn_app02 > a > span {
  display: block;
  padding: 14px 0;
}
.btn_app01 > a > span::after {
  width: 48px;
  top: calc(50% - 4px);
  right: 10px;
}
.btn_app02 > a {
  max-width: 318px;
  margin: 0 auto 15px;
}
.btn_trans a {
	font-size: 21px;
}
.btn_trans {
  max-width: 100%;
  margin: 30px 20px 0;
  text-align: center;
}
.btn_trans > a{
padding: 24px 0;
}
.btn_trans > a > span {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	top:0;
	left:0;
	line-height: 1;
}
.btn_trans > a > span::after {
	background-size: contain;
	background-position: 0 0;
  width: 61px;
  height: 8px;
  position: absolute;
  top: calc(50% - 6px);
  right: 15px;
}
/*
*
* header
*
*/
header::after {
	width: 90%;
	height: 60%;
}
header div > p {
  font-size: 22px;
}	

/*
*
* scroll
*
*/
.scroll {
  font-size: 22px;
	top: auto;
	bottom: 10%;

}
.scroll span {
	width: 42px;
	height: 42px;
}

/*
*
* section
*
*/
[class$="section"] h2 {
  font-size: 26px;
}

/*
*
* intro
*
*/
.intro_inner > h2 + hr {
width: 355px;
}
.intro_inner {
  padding: 50px 30px;
}
.intro_section h2 + hr + p {
  font-size: 17px;
}
.intro_lede,.intro_app {
  padding: 1em 30px;
}


/*
*
* reason
*
*/
.reason_section {
  margin-top: 50px;
}
.reason_desc > h3 {
    font-size: 26px;
}
.reason_innre > .column > li {
  width: calc(100% - 0px);
  max-width: 500px;
  margin: 30px auto 0;
}
.reason_innre {
  background-color: #F3F3F1;
  padding: 30px;
}
	.reason_innre > .column > li > h4 {
  font-size: 20px;
}	
.reason_induction > p {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  max-width: 680px;
}

/*
*
* about
*
*/
.about_section > h2 > span {
  font-size: 24px;
	bottom: calc(50% - 24px);
}
ul.note>li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 13px;
}
.about_lede {
	padding: 14px 30px 30px;
}
.about_lede > p {
  text-align: justify;
  max-width: 580px;
  margin: 0 auto;
}

/*
*
* reason
*
*/
.reason_induction {
  padding: 40px 30px;
}

/*
*
* footer
*
*/
.footer_contact > p {
  font-size: inherit;
	text-align: center;
}
.footer_contact .footer_telnum {
  font-size: 0;
}
.footer_contact .footer_telnum > li {
  display: inline-block;
  width: calc(50% - 16px);
  font-size:1em;

  margin: 0 8px 10px;
}

}/*  /@media all and (min-width:500px)  */

@media all and (max-height:630px){
@media screen and (orientation: landscape){
	
	header > div {
	top: 20vh;
	}
	header div > h1 {
	width: 40%;
	}
	header div > p {
	/*font-size: 16px;*/
	}
	.scroll {
	font-size: 14px;
	top: auto;
	bottom: 2%;
	}
	.scroll span {
	width: 20px;
	height: 10vh;
	}
	
}/*  /@media all and  landscape */
}/*  /@media all and (min-width:600px) */

@media all and (min-width:1080px){
.pc{
	display:block !important;
}
.sp{
	display:none !important;
}
html{
	font-size:18px;
}
.reason_section > h2,.reason_induction,.reason_innre,.about_lede,.about_section > h2,.footer_contact{
	max-width:2000px;
	background-size:100% auto;
	margin: 0 auto;
}

/*
*
* btn
*
*/
.btn_app01 > a,
.btn_app02 > a{
  display: inline-block;
  width: calc(47% - 10px);
  margin: 0 14px 15px;
  font-size: 18px;
  letter-spacing: 2px;
}
.btn_app01 > a > span::after ,
.btn_app02 > a > span::after {
  width: 61px;
}
.btn_app02 {
  margin: 0;
  text-align: right;
}
.btn_app02 > a {
  width: 85%;
  max-width: none;
  margin: 0;
  text-align: center;
}
.btn_app02 > a > span {
  display: block;
  padding: 20px 0;
}

/*
*
* header
*
*/
header{
	position: relative;
}
/*header::after {
    top: calc(50% - 30px);
    width: 1000px;
    height: 240px;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    box-shadow: 0 0 60px rgba(0,0,0,.4);
}*/
header > div {
  top: 0;
}
header > div:first-child {
  transform: translateY(50%);
  top: 0;
  bottom: 50%;
}
header div > h1 {
  width: auto;
  margin: 0 auto 30px;
}
header div > h1 > img {
  width: auto;
  margin: 0 auto;
}
header div > p {
  font-size: 40px;
  font-weight: normal;
	letter-spacing: 2px;
}
header div > p:last-child {
  margin-top: 20px;
}
header div > p > small {
  font-size: .5em;
}
header div > p > small > br{
}

/*
*
* scroll
*
*/
.scroll {
  font-size: 22px;
  height: auto;
  top: auto;
  bottom: 5%;
}
.scroll span {
width: 42px;
height: 42px;
}

/*
*
* intro
*
*/
.intro_inner > h2 {
  font-size: 40px;
}
.intro_inner > h2 + hr{
  width: 520px;
}
.intro_inner > h2 + hr + p {
  font-size: 23px;
  letter-spacing: 1px;
}
.intro_lede {
  max-width: 1100px;
  margin: 30px auto 0;
}
.intro_lede > p {
  text-align: center;
  line-height: 1.8;
}
.intro_lede > p > br{
	display:inline-block;
}
.intro_lede > p + ul {
  text-align: center;
}
ul.note > li {
  font-size: 14px;
}
.intro_lede, .intro_app {
  padding: 2em 30px;
}
.intro_app > p {
  text-align: center;
  margin: 0;
}

/*
*
* reason
*
*/
.reason_innre {
  background-color: #F3F3F1;
  padding: 30px 0 80px;
}
.reason_section > h2{
	font-size: 34px;
	padding: 0.5em 0;
	position: relative;
	z-index: 1;
}
.reason_induction > p {
  max-width: 700px;
  line-height: 1.8;
}
.reason_induction {
  padding: 40px 30px 50px;
}
.mapNav,.mapData{
  display: block;
}
.reason_desc{
	position: relative;
	z-index: 0;
}
.reason_desc::before{
	content:"";
	display: block;
	width: 260px;
	height: 240px;
	background: url(../../../img/icon_check02.png) no-repeat;
	background-size: auto;
	position:absolute;
	left: calc(100% / 2 - 400px);
	top: -160px;
	z-index: -1;
}
.reason_desc > h3 {
	/* background: #fff; */
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	margin: 1.5em 0;
}


/*
*
* map
*
*/
.mapNav img {
	width: auto;
}

.reason_map {
	position:relative;
	width: 1080px;
	text-align: center;
	margin: 0 auto 80px;
}
.reason_map > img {
	width: auto;
	display: inline-block;
}
.reason_map .mapNav{
	position: absolute;
	width: 100%;
	height: 100%;
}
.reason_map .mapNav > li {
	position:absolute;
	z-index:2;
}
.reason_map .mapNav > li.reserve_hakone {top: 70.78%;left: 65.5%;
}
.reason_map .mapNav > li.hakone_koyu {top: 66.77%; left: 85.3%;
}
.reason_map .mapNav > li.karuizawaandviala2 {top: 49.7%; left: 61.1%;
}
.reason_map .mapNav > li.hida_takayama {top: 44%;left: 47.5%;
}
.reason_map .mapNav > li.atamiizusan_viala {top: 77%;left: 63.5%;
}
.reason_map .mapNav > li.amagikogen {top: 86%;left: 61%;
}
.reason_map .mapNav > li.arimarokusai_viala {top: 71%;left: 4.2%;
}
.reason_map .mapNav > li.ito {top: 81.8%;left: 62.5%;
}
.reason_map .mapNav > li.urabandai {top: 26.1%;left: 81.8%;
}
.reason_map .mapNav > li.katsuura {top: 81.6%;left: 74.7%;
}
.reason_map .mapNav > li.karuizawakogen {top:46%;left: 62.068%;
}
.reason_map .mapNav > li.kyukaruizawa {top: 46.8%;left: 61%;
}
.reason_map .mapNav > li.karuizawa_viala {top: 47.2%;left: 85%;
}
.reason_map .mapNav > li.kyukaruizawa_annex {top:52%;left:72%;
}
.reason_map .mapNav > li.kinugawa {top: 39.7%;left: 75.25%;
}
.reason_map .mapNav > li.kinugawa_keisui {top: 39.7%;left: 80.75%;
}
.reason_map .mapNav > li.kyototakagamine_viala {top: 67.8%;left: 29.3%;
}
.reason_map .mapNav > li.kyoto_higashiyama {top: 67.8%;left: 44.2%;
}
.reason_map .mapNav > li.shizunamikaigan {top: 86.5%;left: 43%;
}
.reason_map .mapNav > li.katsuyama {top: 49%;left: 38.3%;
}
.reason_map .mapNav > li.tateshina {top: 54%;left: 60.5%;
}
.reason_map .mapNav > li.tateshina_resort {top: 54%;left: 66.5%;
}
.reason_map .mapNav > li.tateshina_annex {top: 54%;left: 77.5%;
}
.reason_map .mapNav > li.nasu {top: 32.95%;left: 78%;
}
.reason_map .mapNav > li.nasu_retreat {top: 32.95%;left: 83%;
}
.reason_map .mapNav > li.nankitanabe {top: 92.5%;left: 21.9%;
}
.reason_map .mapNav > li.hakonekoshien {top: 67%;left: 65.5%;
}
.reason_map .mapNav > li.viala_hakonehisui {top: 67%;left: 74.5%;
}
.reason_map .mapNav > li.hakonemyojindai {top: 68%;left: 87%;
}
.reason_map .mapNav > li.hamanako {top: 76.4%;left: 39.4%;
}
.reason_map .mapNav > li.madarao {top: 35.1%;left: 60.8%;
}
.reason_map .mapNav > li.yamanakako {top: 61%;left: 62%;
}
.reason_map .mapData {
	position: absolute;
	top: 2%;
	left: 1.149425287%;
	z-index: 10;
	width: auto;
}
.reason_map .mapData .mapDataDetails {
	display: none;
	background: #fff;
	padding-bottom: 10px;
}
.reason_map .mapData .mapDataDetails img {
	width:auto;
}
.mapData .price {
	font-family: Arial, Helvetica,YuGothic, '游ゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	display: block;
	font-size: 14px;
	line-height: 1;
	padding: 6px 0;
	margin-bottom: 5px;
	text-align: center;
	color: #992b56;
	border: #ede7da solid 1px;
	border-width: 1px 0 0;
}
.priceCenter {
	font-family: Arial, Helvetica,YuGothic, '游ゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	display: block;
	font-size: 1.2em;
	line-height: 1;
	padding: 6px 0 0 0;
	margin-bottom: 5px;
	color: #992b56;
	border: #ede7da solid 1px;
	border-width: 1px 0 0;
}
.priceCenter .leftbox {
	width: 50%;
	float: left;
	text-align: right;
	font-size: 12px;
}
.priceCenter .rightbox {
	width: 50%;
	float: left;
	text-align: left;
	font-size:14px;
	padding: 0 1em 0 0.5em;
	box-sizing: border-box;
}
.pre_group_unit_btn{
	display: table;
	width: 60%;
	height: auto;
	background-color: #8e7c59;
	margin: 5px auto 0;
}
.pre_group_unit_btn > a{
	color: #fff;
	text-decoration: none;
}

/*
*
* reason
*
*/
.reason_innre > .column {
	max-width: 1100px;
	font-size: 0;
	margin: 0 auto 50px;
	padding-top: 10px;
	text-align: center;
}
.reason_innre > .column > li {
	display: inline-block;
	width: calc(90% / 3);
	font-size: 18px;
	margin: 0 1.6%;
	vertical-align: top;
}
.reason_innre > .column > li::before {
	width: 123px;
	height: 106px;
	background-size: contain;
}
.reason_innre > .column > li > h4 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 8em;
	font-size: 28px;
	font-weight: normal;
	padding: 123px 0 10px;
}
.card > h5 {
	font-size: 18px;
	font-weight: normal;


}

.card > p {
  min-height: 6em;
  font-size: 13px;
}

/*
*
* about
*
*/
.about_section > h2 {
    max-width: 2000px;
    max-height: 390px;
}
.about_section > h2::before {

  content: "";
  display: block;
}
.about_section > h2 > span {
  font-size: 30px;
  font-weight: lighter;
  letter-spacing: 4px;
  bottom: calc(50% - 30px);
}
.about_section > h2 > span::after, .about_section > h2 > span::before {
  content: "";
  display: inline-block;
  width: 20%;
  height: 1px;
  vertical-align: 12px;
}
.about_section > h2 > span::before {
	background: url(../../../img/line_txt_side_l_bk.png) no-repeat;
  background-size: 100%;
  margin-right: 2%;
}
.about_section > h2 > span::after {
background: url(../../../img/line_txt_side_r_bk.png) no-repeat;
  background-size: 100%;
  margin-left:2%;
}
.about_lede {
	background-size: cover;
	padding: 80px 30px;
}
.about_lede > p {
	font-size: 20px;
	text-align: center;
	letter-spacing: 3px;
	max-width: none;
	margin-bottom: 70px;
}

/*
*
* footer
*
*/
.footer_contact {
	padding: 40px 10px;
}
.footer_contact > p {
	font-size: 16px;
	letter-spacing: 2px;
	padding: 0;
}
.footer_contact > div > div {
	display: inline-block;

	vertical-align: top;
}
.footer_contact > .column {
	width: 100%;
	max-width: 800px;
	margin: 30px auto 0;
	font-size: 0;
}
.footer_contact > .column > div {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 13px;
}
.footer_contact .footer_telnum {
	padding: 0;
	font-size: 0;
}
.footer_contact .footer_telnum > li {
  display: block;
  width: 100%;
}
.footer_contact > .column > div:first-child > p {
  text-align: right;
}	
.footer_telnum img {
  width: auto;
}	
footer > small {
	font-size: 12px;
}
	
}/*  /@media all and (min-width:1080px)  */