/*
Theme Name: Ultimate child
Version: 3.0.1
Template: ultimate
*/
body, input, textarea, select {
  font-size: 16px;
  line-height: 2
}
#site-logo {
  margin: 0;
}
#content h2.su-post-title {
  width: 90%
}
@media (max-width: 639px) {
  #site-logo {
    margin: 0 auto;
  }
}
.su-posts-teaser-loop .su-post {
  display: flex;
  align-items: center;
}
.search-toggle {
  display: none;
}
#branding #access {
  background-color: rgb(14, 16, 127);
}
.ta_center {
  text-align: center;
}
.aioseo-breadcrumbs {
  margin: 0 0 1em;
}
.entry-header, .post-featured-image {
  display: none
}
.entry-header h2.entry-title {
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  #main .container, .narrow-layout .wrapper {
    width: 95%;
  }
}
/* -----------------------------------------------------------
	サンスイオープン
----------------------------------------------------------- */
.txt_center {
  text-align: center;
}
.flex_box {
  display: flex;
  justify-content: center;
}
#content ul.listnone {
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .container {
    width: 350px;
  }
  .flex_box {
    display: block;
  }
  .flex_box .width1-1 {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	#plus
----------------------------------------------------------- */
/*top*/
.rr-logo {
  text-decoration: none;
}
.rr-logo img {
  max-height: 50px;
}
/*logo*/
#ad-header .rr-logo > img {
  max-height: 50px;
}
/**/
.tagetno {
  color: rgb(255, 0, 0) !important;
  border: none !important;
  display: inline !important;
}
/*slidedot修正*/
.slidnav {
  position: static !important;
  margin: 20px !important;
}
.bnr section {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  span.br {
    display: block;
  }
}

/*privacy*/
ul.pp_rr li {
  list-style: none;
}
/* -----------------------------------------------------------
	#color
----------------------------------------------------------- */
.ro-txt_r3 {
  color: rgb(204, 0, 0);
}
.clflf p, .clfls p {
  margin: 0 0 1em;
  text-align: center;
}
@media (min-width: 800px) {
  .clfl .clflf, .clfl .clfls {
    width: 48%;
  }
}
/* -----------------------------------------------------------
	font/align etc
----------------------------------------------------------- */
.txtalignc {
  text-align: center
}
.mar0auto {
  margin: 0 auto
}
.mb2r {
  margin-bottom: 2rem
}
h2.rooms_ttl {
  position: relative;
  padding: .5em .75em;
  background-color: #f6f6f6;
}
h2.rooms_ttl::before, h2.rooms_ttl::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
h2.rooms_ttl::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
h2.rooms_ttl::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}
ul.ro_list1 {
  padding: 0.5em;
  list-style: none;
}
ul.ro_list1 li {
  position: relative;
  padding: 0.5em 1em 0.5em 2.3em;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 35, 199, 1);
}
ul.ro_list1 li:after, ul.ro_list1 li:before {
  content: '';
  position: absolute;
  transform: rotate(45deg);
}
ul.ro_list1 li:before {
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border: 2px solid rgba(0, 35, 199, 1);
}
ul.ro_list1 li:after {
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(0, 35, 199, 0.5);
  transform: rotate(60deg);
}
/*SANSUI*/
.tar {
  text-align: right;
}
.rr_flex {
  margin: 2em auto 2em;
}
.rr_flex ul {
  display: flex;
  justify-content: center;
  list-style: none;
  width: 95%;
  padding: 0;
}
.rr_flex li {
  width: calc(100%/4 - 4%);
  margin: 0 2%;
}
.rr_h3 {
  width: 90%;
  margin: 0 auto;
  position: relative;
  padding: 1rem .5rem;
  font-size: 2rem;
}
.rr_h3:before, .rr_h3:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(#30cfd0), to(#330867));
  background-image: -webkit-linear-gradient(right, #30cfd0 0%, #330867 100%);
  background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
}
.rr_h3:before {
  top: 0;
}
.rr_h3:after {
  bottom: 0;
}
.rr_h4 {
  font-size: 1.4rem;
}
.rr_h4 .font-en2 {
  font-family: "Times New Roman", Times, "serif";
  font-size: 1.2rem;
}
@media (max-width: 568px) {
  .rr_flex ul {
    display: block;
    width: 95%;
    margin: 2em auto 0;
  }
  .rr_flex li {
    width: 96%;
  }
}
.rr-slideshow {
  width: calc(100% - 8%);
  margin: 0 auto;
}

/* -----------------------------------------------------------
	recording bnr
----------------------------------------------------------- */

.recording_bnr {
  width: 35%;
  margin: 0 auto
}
.recording_bnr {
  position: relative;
  margin: 0 auto;
  cursor: pointer;
}
.recording_bnr a.rr_button {
  position: relative;
  display: block;
  margin: 0 auto
}
.recording_bnr img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  display: block;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
.recording_bnr:hover img:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%) scale(1.15) !important;
  transform: translate(-50%, -50%) scale(1.15) !important;
  opacity: 0;
}
@media (max-width: 767px) {
  .recording_bnr {
    width: 100%
  }
}
/* -----------------------------------------------------------
	#フレックス
----------------------------------------------------------- */
.rr_flex {
  display: flex;
  flex-wrap: wrap;
}
.rr_juscontc {
  justify-content: center;
}
.rr_juscontfs {
  justify-content: flex-start;
}
.rr_alitemc {
  align-items: center;
}
.rr_flex1-2 > * {
  width: 50%;
}
.rr_flex1-4 > * {
  width: 25%;
}
.rr_flex2-3 {
  width: calc(100%/3 *2 - 2%);
}
.rr_flex1-3 {
  width: calc(100%/3 - 2%);
}
[class^='rr_flexs'] {
  display: flex;
}
.rr_flexsw2-1 > * {
  width: 47%;
}
.rr_flexsw3-1 > * {
  width: 30%;
}
.rr_flexsw4-1 > * {
  width: 22%;
}
@media (max-width: 767px) {
  [class^='rr_flexs'] {
    display: block;
    width: 95%;
  }
  [class*='rr_flexs'] {
    display: block
  }
  [class*='rr_flexs'] > * {
    width: 97%;
    margin: 0 auto 1em
  }
}
.rr_flexsw2-1 {
  flex-wrap: wrap;
}
.btn_link {
  background: rgba(201, 178, 124, 1.00);
  text-align: center;
  padding: 10px;
  margin: 0 auto 1em;
  max-width: 400px;
}
.btn_link a {
  color: rgba(255, 255, 255, 1.00);
}
.btn_link a:hover {
  text-decoration: none;
}
[class^='rr_flexs'] {
  max-width: 1200px;
  margin: 0 auto;
}
@keyframes delay_flowAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* -----------------------------------------------------------
	uikit
----------------------------------------------------------- */
.uk-padding {
  padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding {
    padding: 40px;
  }
}
@media only screen and (max-width: 1078px) {
  .slogan, .widget_promotional_bar .promotional-text, h1.page-title {
    font-size: 1.5rem
  }
}
/* -----------------------------------------------------------
	company
----------------------------------------------------------- */
.kenko_box {
  margin: 0 0 2rem
}
.kenko_box h2 {
  font-size: 1.8rem;
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  text-align: center;
  margin-bottom: 3rem;
}
.kenko_box h2 span {
  border-bottom: 2px solid #000;
  padding-bottom: 1rem;
}
.kenko_img {
  position: relative;
  margin: 0 0 3rem
}
.kenko_img img {
  width: 100%
}
.kenko_img > p {
  position: absolute;
  top: 30%;
  left: 10%;
  width: 80%;
  color: #fff;
  font-size: 1.5rem
}
.kenko_txt {
  position: relative;
  margin: 0 0 4rem
}
.kenko_txt p {
  position: relative
}
.org_chart {
  margin: 5rem 0
}
.kenko_box .org_chart h2 {
  margin-bottom: 1rem
}
.kenko_img p.uchina_link {
  text-align: right;
  bottom: 0;
  right: 1rem;
  top: auto;
  left: auto;
  font-size: 1rem
}
.uchina_link a {
  color: #fff
}
.uchina_link a:hover {
  text-decoration: none;
  color: #fff
}
@media (max-width: 767px) {
  .kenko_img > p {
    top: 5%;
    left: 5%;
    width: 90%;
    font-size: 1rem
  }
}
@media (max-width: 767px) {
  .kenko_img > p {
    top: 5%;
    left: 5%;
    width: 90%;
    font-size: 1rem
  }
}