@charset "utf-8";

.cm-h { position: relative; overflow: hidden; height: 990px; }
.cm-h__bg { position: absolute; top: 120px; left: 50%; transform: translate3d(-50%, 0px, 0px); width: 1800px; height: calc(100% - 120px); z-index: 0; }
.cm-h__bgBody { height: 100%; background: url("../images/pc/mv-bg.jpg") center center/cover no-repeat; }
.cm-h-inner { position: relative; z-index: 1; }
header .cm-h-inner { width: 100%;max-width: 1320px; }
.cm-h__top { position: absolute; top: 0; left: 50%; width: calc(1294/1000*100%); transform: translate3d(-50%, 0px, 0px);background: url(../images/pc/mv-top-txt_bg.jpg); }
.cm-h__body { padding-top: 120px; display: flex; justify-content: space-between; align-items: flex-start; }
.cm-h__bodyLeft { margin-left: 0;padding-top: 10%; }
.cm-h__bodyRight { margin-right: 0; }
.cm-h__spbody { display: none; }
@media screen and (min-width: 1801px) {
  .cm-h__bg { width: 100%; }
}
@media screen and (max-width: 1380px) {
  .cm-h__top { width: calc(1200/1000*100%); left: 50%;top: 0; }
  .cm-h__bodyRight { margin: 0; }
}
@media screen and (min-width: 751px) {
	.cm-h__top {height: 120px;}
}
@media screen and (max-width: 750px) {
  .cm-h { height: auto; }
  .cm-h-inner { width: 100%; }
  .cm-h__top { position: static; width: 100%; transform: translate3d(0px, 0px, 0px); pointer-events: none; }
  .cm-h__body,
  .cm-h__bg { display: none;}
  .cm-h__spbody { display: block; margin: 0; width: 100%; }
  /* .cm-h__spanimeImg { overflow: hidden; }
  .cm-h__spanimeImg img { width: calc(100% + 2px); height: calc(100% + 1px); max-width: inherit; } */
}

.cm-f { padding: calc(135em/16) 0 calc(42em/16); }
.cm-f__guide{ border: 2px solid #e8e6b1; padding: calc(45em/16) calc(35em/16); display: flex; }
.cm-f__guideTitle { font-size: calc(17em/16); color: #ed5a24; margin-right: calc(102em/16); flex-shrink: 0; }
.cm-f__guideList { display: flex; flex-wrap: wrap; margin-bottom: calc(-22em/16); }
.cm-f__guideListItem { flex-basis: 33%; font-size: calc(14em/16); margin-bottom: calc(22em/14); }
.cm-f__btm { margin-top: calc(50em/16); display: flex; justify-content: space-between; }
.cm-f__btmContactBlock:not(:first-of-type) { margin-top: calc(55em/16); }
.cm-f__btmContactBlock .title { font-size: calc(17em/16); }
.cm-f__btmContactBlock .body { display: flex; align-items: flex-end; margin-top: calc(19em/16); }
.cm-f__btmContactBlock .body__tel { display: block; }
.cm-f__btmContactBlock .body__txt { display: flex; align-items: flex-end; margin-left: calc(20em/16); }
.cm-f__btmContactBlock .body__txtItem { display: block; }
.cm-f__btmContactBlock .body__txtItem:nth-of-type(2) { margin: 0 1em; }
.cm-f__btmContactBtn { margin-top: calc(60em/16); width: calc(253em/16); text-align: center; }
.cm-f__btmContactBtn .target { display: flex; align-items: center; justify-content: center; width: 100%; height: calc(62em/16); background-color: #ed5a24; border-radius: 100vmax; color: #fff; }
.cm-f__btmContactBtn .txt { font-size: calc(17em/16); margin-top: calc(12em/17); }
.cm-f__copy { margin-top: calc(105em/16); border-top: 2px solid #e8e6b1; padding-top: calc(40em/16); text-align: center; }
.cm-f__copy small { font-size: calc(14em/16); }
@media (any-hover: hover) {
  .cm-f__guideListItem .target { transition: color .3s; }
  .cm-f__guideListItem .target:hover { color: #ed5a24; }
}
@media screen and (max-width: 750px) {
  .cm-f {font-size: calc(48em/16); padding: calc(126em/48) 0 calc(110em/48); }
  .cm-f__guide { display: block; padding: calc(120em/48) calc(73em/48); }
  .cm-f__guideTitle { margin: 0 0 calc(90em/49); font-size: calc(49em/48); }
  .cm-f__guideList { display: block; margin-bottom: calc(-78em/48); }
  .cm-f__guideListItem { font-size: calc(37em/48); margin-bottom: calc(78em/48); }
  .cm-f__btm { margin-top: calc(114em/48); flex-direction: column-reverse; }
  .cm-f__btmContactBlock { text-align: center;}
  .cm-f__btmContactBlock:not(:first-of-type) { margin-top: calc(133em/48); }
  .cm-f__btmContactBlock .title { font-size: calc(30em/48); }
  .cm-f__btmContactBlock .body { display: block; margin-top: calc(37em/48); }
  .cm-f__btmContactBlock:nth-of-type(1) .body__tel img { width: calc(626/680*100%); }
  .cm-f__btmContactBlock:nth-of-type(2) .body__tel img { width: calc(630/680*100%); }
  .cm-f__btmContactBlock .body__txt { margin: calc(55em/22) 0 0; font-size: calc(22em/48); justify-content: center; }
  .cm-f__btmContactBtn { margin: calc(45em/16) auto 0; font-size: calc(30em/48); }
  .cm-f__btmLogo { margin-top: calc(200em/48); text-align: center; }
  .cm-f__btmLogo img { width: calc(296/680*100%); }
  .cm-f__copy { margin: calc(105em/48) 0 0 calc(-35/680*100%); width: calc(750/680*100%); border-top-width: 1px; padding: calc(40em/48) calc(20em/48) 0; }
  .cm-f__copy small { font-size: calc(14em/48); }
}
