html {
  font-size: 100%;
}
body {
  font-family: "Noto Sans JP", sans-serif;
}
.noto-serif jp-regular {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#global-bar{
	margin-left:auto;
	margin-right:auto;
	height:33px;
	width:100%;
	background-color:#fff;
}
#global-bar h1{
	float:left;
	font-weight:normal;
	font-size:12px;
	padding:4px;
}
#global-bar ul{
	margin-top:4px;
	float:right;
	display:table;
	width:250px;
	font-size:14px;
  margin-bottom:5px;
}
#global-bar ul li{
	display:table-cell;
}
#global-bar ul li a{
	text-decoration:none;
	font-weight:normal;
	color:#444;
}
#global-bar ul li a:hover{
	color:#e9611d;
}
#global-bar ul li img{
	vertical-align: middle;
	margin-right:4px;
	height:20px;
}
.cf:before, .cf:after {
  content:"";
  display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


main{
  background-color:#f5f5f5;
}
.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding:0 5%;
}
img {
  max-width: 100%;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
.icon {
  height:27px;
}
.hr-gray {
  border:solid 1px #e6e6e6;
}
.comment {
  font-size:0.7rem;
}
.mintyou {
  font-family: serif;
  font-weight: 400;
}
.orange {
  color:#ff6d46;
}
.black {
  color:#323232;
}
.white {
  color:white;
}
.text {
  font-size:0.9rem;
  line-height:1.4rem;
  letter-spacing:0.05rem;
}
@media screen and (max-width:640px){
  .text {
    font-size:0.8rem;
    line-height:1.4rem;
  }
}
.kuwasiku-area {
  text-align:right;
}
.kuwasiku {
  background:url("img/yajirusi.png") no-repeat 0 0;
  background-size:auto 16px;
  background-position: right center;
  padding-right: 20px;
  margin-top:10px;
  margin-bottom:5px;
  color:#323232;
  font-size:0.8rem;
}
.midasi-orange {
  background:url("img/midasi_orange.svg") no-repeat 0 0;
  background-size:auto 18px;
  background-position: left 4px;
  padding-left: 15px;
  margin-top:5px;
  margin-bottom:5px;
}
.sectitle {
  font-size:2rem;
  color:white;
  text-align: center;
  letter-spacing:0.15rem;
  line-height:2.4rem;
  margin-bottom:20px;
}
@media screen and (max-width:640px){
  .sectitle {
    font-size:1.7rem;
    letter-spacing:0.1rem;
    line-height:2.2rem;
  }
}

@media screen and (max-width:640px) {
  .list {
    margin-left:8px;
  }
}
.btn {
  background:url("img/yajirusi.png") no-repeat 0 0;
  background-size:auto 16px;
  background-position: right 20px center;
  background-color:#ff6d46;
  padding-right: 20px;
  padding:13px;
  border:solid 2px #ff6d46;
  border-radius:50px;
  max-width:400px;
  margin:10px auto 0 auto;
  text-align:center;
}
.btn a {
  color:#f3fafb;
  line-height: 1.2rem;
}
.btn2 {
  background:url("img/yajirusi.png") no-repeat 0 0;
  background-size:auto 16px;
  background-position: right 20px center;
  padding-right: 20px;
  padding:13px;
  border:solid 2px #ff6d46;
  border-radius:50px;
  max-width:400px;
  margin:20px auto 0 auto;
}
.btn2 a {
  color: #ff6d46;
}
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom:10px;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width:640px){
  .br-sp {
    display: none;
   }
}
@media screen and (min-width:700px){
  .br-sp700 {
    display: none;
   }
}
@media screen and (min-width:900px){
  .br-sp900 {
    display: none;
  }
}




/* wrap */
.hero {
  position: relative;
}
/* video */
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: calc(100vh - 80px);
  z-index: -100;
}
@media screen and (max-width:640px){
  .video-box {
  height: calc(100vh - 280px);
  }
}
.youtube-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 1920px;
  min-height: 120%;
  transform: translate(-50%, -50%);
  z-index: -100;
}
/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}
/* text */
.table-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.table-center h1 {
  position: relative;
  font-family: Roboto;
  font-size: 60px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
  color: #fff;
}
.table-center > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
.table-center img {
  width:260px;
}
@media screen and (max-width:640px){
  .table-center img {
    width:180px;
  }
}



#header {
  height:85px;
  display:flex;
  justify-content: space-between;
  font-size:0.9rem;
  width:100%;
}
#header ul {
  display: flex;
}
#header a {
  color:#323232;
  font-size:0.8rem;
}
#header p {
  margin-bottom:3px;
  color:#323232;
  font-weight: 700;
}
#header .site-title {
  width:110px;
  height:auto;
}
#header .dennwatoiawase {
  margin-top:8px;
  margin-right:10px;
}
#header .tel {
  display: flex;
}
#header .tel-icon {
  width:27px;
  height:auto;
}
#header .tel-icon img {
  width:100%;
}
#header .number {
  font-size:32px;
  font-weight: 700;
  line-height:1.6rem;
}
#header .number a {
  font-size: 32px;
}  
.site-title {
  width:110px;
  height:auto;
}
.site-title img {
  width:100%;
}
#header .list {
  width:93px;
  height:auto;
  background-color:#646464;
  padding:10px;
  margin-left:1px;
}
#header .black{
  background-color:#323232;
}
@media screen and (max-width:640px){
  #header {
    font-size:0.6rem;
    height:60px;
    margin-top:30px;
  }
  #header .dennwatoiawase {
    margin-top:2px;
    margin-right:5px;
  }
  #header .number {
    font-size:20px;
    line-height:1rem;
  }
  #header .number a {
    font-size: 20px;
  }  
  #header .tel-icon {
    height:17px;
    width:auto;
  }
  #header .tel-icon img {
    width:100%;
  }
  #header a {
    color:#323232;
    font-size:0.6rem;
  }
  #header .comment {
    font-size:0.4rem;
    line-height:0.5rem;
  }
  .site-title img {
    width:80px;
    height:auto;
  }
  #header .list {
    width:70px;
    height:60px;
    background-color:#646464;
    padding:10px 5px;
    margin-left:1px;
  }
  #header .black {
    background-color:#323232;
  }
}
@media screen and (max-width:900px){
  #header .comment {
    font-size:0.5rem;
  }
}

#main-copy {
  margin: auto;
  max-width:700px;
}
#main-copy h1 {
  padding-top:80px;
  font-size:1.8rem;
  text-align:center;
  margin-bottom:20px;
  line-height:2.2rem;
  letter-spacing:0.15rem;
}
@media screen and (max-width:640px){
  #main-copy h1 {
    font-size:1.6rem;
    margin-bottom:14px;
    padding-top:60px;
  }
}

#service {
  background-image: url("img/haikei-nami.png");
  background-size: 100%;
}
#service .seihin-ime {
  width:200px;
  margin:0 auto;
}
.service-container ul {
  display:flex;
  justify-content: space-between;
  margin-bottom:20px;
}
.service-container ul li {
  background-color:white;
  background-position:bottom;
  background-size:auto;
  filter:drop-shadow(3px 3px 3px #ababab);
  transform: translateZ(0);
  width:49%;
  padding:20px 20px 130px 20px;
  border-radius: 10px;
  position: relative;
  overflow:hidden;
  border:2px solid;
  border-color: white;
}
.seihin {
  background-image:url("img/seihin-ime-t.png");
}
.rentaru {
  background-image:url("img/rentaru-ime-t.png");
}
.jyutaku {
  background-image:url("img/jyutaku-ime-t.png");
}
.service-title {
  font-size:1.4rem;
  letter-spacing:0.13rem;
  text-align: center;
}
#service .text {
  line-height: 1.4rem;
}
#service hr {
  border:solid 2px #ff6d46;
  width:48px;
  margin:10px auto 16px auto;
}
@media screen and (max-width:640px){
  #service .seihin-ime {
    width:150px;
    margin:0 auto;
  }
  .service-container ul {
    flex-direction: column;
    width:100%;
  }
  .service-container ul li {
    width:100%;
    margin:0 auto;
    margin-bottom:15px;
  }
}


#tokutyou {
  background-image:url("img/sectitle-tokutyou.png");
  background-position: top;
  background-size:100%;
  margin-top:80px;
  padding:15% 2%;
}
.tokutyou-area {
  background-color:white;
  padding:3%;
}
.tokutyou-area h3 {
  font-size:1.4rem;
  margin-bottom:10px;
}
.tokutyou-flex {
  display:flex;
  justify-content: space-between;
  margin-bottom:30px;
}
#tokutyou .text-area-top {
  width:78%;
}
#tokutyou .ime {
  width:20%;
}
#tokutyou .text-area {
  width:50%;
}
#tokutyou .comment{
  text-align:center;
}
.tokutyou-list-title {
  font-size:1.2rem;
  font-weight: 600;
  text-align:center;
  letter-spacing: 0.1rem;
  color:#ff6d46;
  margin-bottom:5px;
}
.tokutyou-list ul {
  display:flex;
  column-gap: 5px;
  justify-content: center;
  flex-wrap: wrap;
}
.tokutyou-list ul li {
  width:100px;
  background: linear-gradient(180deg, rgb(249, 247, 247), rgb(223, 223, 223));
  border-radius:5px;
  aspect-ratio: 1;
  text-align: center;
  justify-content: center;
  font-size:0.7rem;
  margin-bottom:5px;
  line-height:0.8rem;
}
.line2 {
  padding-top:34px;
}
.line3 {
  padding-top:28px;
}
.line4 {
  padding-top:22px;
}
.line6 {
  padding-top:9px;
}
.line7 {
  padding-top:3px;
}
#tokutyou .icon {
  width:20px;
  margin:13px auto 3px auto;
}
.orangeborder ul li {
  border: 1px solid #ff6d46;
}
.kyoutyou {
  font-size:1.8rem;
}
.orangegura {
  background-image: linear-gradient(90deg, rgba(212, 36, 41, 1), rgb(255, 172, 70) 30% 74%, rgba(212, 36, 41, 1));
}
@media screen and (max-width:640px){
  .tokutyou-flex {
    flex-direction: column;
  }
  .tokutyou-area h3 {
    font-size:1.3rem;
    width:100%;
    margin:10px auto 5px auto;
    line-height:1.7rem;
  }
  #tokutyou .text-area-top {
    width:100%;
  }
  #tokutyou .text-area {
    width:100%;
    margin:0 auto 10px auto;
  }
  #tokutyou .ime {
    width:30%;
    margin:20px auto 0 auto; 
  }
  .tokutyou-list-title {
    font-size:1.2rem;
  }
}

#sokudo {
  margin-top:90px;
}
.sokudo-title-pc {
  margin-left:0%;
  max-width:95%;
}
.sokudo-title-sp {
  display:none;
}
.sokudo-title-area {
  border:solid 8px #e5e5e5;
  margin-top:-110px;
}
.sokudo-area {
  padding:15px;
  margin-top:75px;
}
.sokudo-modo {
  margin-top:15px;
}
.sokudo-modo h3 {
  font-size:1.1rem;
  margin-bottom:5px;
}
.sokudo-modo p {
  font-size:0.9rem;
}
#sokudo .margin {
  margin-bottom:10px;
}
.sokudo-modo .flex {
  display:flex;
  justify-content: space-between;
  margin-bottom:15px;
}
.sokudo-modo .ime-area {
  width:49%;
}
.sokudo-modo .ime-area img {
  width:100%;
}
.sokudo-modo .text-area {
  width:49%;
  margin-bottom:10px;
}
.sokudo-modo .flex p {
  width:100%;
}
#sokudo .comment {
  text-align:left;
}
@media screen and (max-width:640px){
  .sokudo-title-pc {
    display:none;
  }
  .sokudo-title-sp {
    display:block;
    margin-left:0%;
    max-width:95%;
  }
  .sokudo-title-area {
    margin-top:-80px;
  }
  .sokudo-area {
    padding:15px;
    margin-top:50px;
  }
  #sokudo .flex {
    flex-direction: column;
  }
  .sokudo-modo .ime-area {
    width:100%;
  }
  .sokudo-modo .text-area {
    width:100%;
  }
}

#douga {
  background-image:url("img/sectitle-douga.png");
  background-position: top;
  background-size:100%;
  margin-top:-30px;
  padding:15% 2%;
}
.douga-area {
  background-color:white;
  padding:3%;
}
#douga {
  text-align:center;
}
#douga .dougaseiretu {
  display:flex;
  column-gap: 10px;
}
#douga .douga2retu {
  width:49.5%;
}
#douga .btn2 {
  margin-bottom:10px;
}
@media (max-width: 640px) {
  #douga .btn {
    width:80%;
    margin-bottom:20px;
  }
}


#seihinjyouhou {
  background-image:url("img/sectitle-seihin.png");
  background-position: top;
  background-size:100%;
  margin-top:-30px;
  padding:15% 2%;
}
.seihinjyouhou-area {
  background-color:white;
  padding:3%;
}
.midasi {
  font-size:1.4rem;
  font-weight: 600;
  color:#ff6d46;
  margin-bottom:10px;
}
#seihinjyouhou .flex {
  display:flex;
  justify-content: space-between;
  column-gap:10px;
}
#seihinjyouhou .ime-area {
  width:49%;
  text-align: center;
}
#seihinjyouhou .ime-area p {
  text-align:left;
}
#seihinjyouhou .btn2 {
  text-align: center;
  margin-left:0;
  margin-bottom:15px;
  padding:10px;
}
#seihinjyouhou .margin {
  margin-top:15px;
}
#seihinjyouhou .ime-s {
  width:50%;
  height: auto;
}
#seihinjyouhou .seihinmei {
  font-weight: 600;
  line-height: 1.3rem;
  margin-bottom:3px;
}
#seihinjyouhou .text {
  line-height: 1.3rem;
}
#seihinjyouhou .flex2 {
  display:flex;
  justify-content: space-between;
  column-gap:10px;
}
@media (max-width: 640px) {
  #seihinjyouhou .flex {
    flex-direction:column;
  }
  #seihinjyouhou .ime-area {
    width:100%;
    text-align:center;
  }
  #seihinjyouhou .ime-area img {
    width:50%;
  }
  #seihinjyouhou .ime-area .seihinmei {
    text-align: left;
  }
  #seihinjyouhou .ime-area .text {
    text-align: left;
  }
  #seihinjyouhou .seihin-ryousan img {
    margin-top:5px;
    width:100%;
  }
  #seihinjyouhou .btn2 {
    max-width:100%;
  }
}


#koe {
  background-image:url("img/sectitle-koe.png");
  background-position: top;
  background-size:100%;
  margin-top:-30px;
  padding:15% 2%;
}
.koe-area {
  background-color:white;
  padding:3%;
}
.balloon-chat {
  display: flex;
}
  /* 左の吹き出し */
.balloon-chat.left { 
  flex-direction: row;
}
/* 吹き出しの入力部分の作成 */
.chatting {
  position: relative;
  display: inline-block; 
  margin: 10px 20px;
  padding: 10px 20px;
  background: #e5e5e5; 
  text-align: left; 
  border-radius: 12px; 
  filter:drop-shadow(3px 3px 3px #ababab);
}
/* 吹き出しの三角部分の作成 */
.chatting::after {
  content: "";
  border: 15px solid transparent;
  border-top-color: #e5e5e5; 
  position: absolute;
  top: 10px; 
}
.left .chatting::after {
  left: -15px; 
}
  /* アイコンの作成 */
.balloon-chat figure img {
  border-radius: 50%;
  border: 1px solid #a7a7a7; 
  margin: 0;
}
/* アイコンの大きさ */
.icon-img {
  width: 80px;
  height: 80px;
}


#service2 {
  background-image:url("img/sectitle-con.png");
  background-position: top;
  background-size:100%;
  margin-top:-50px;
  padding:15% 2%;
}
.service2-area {
  display:flex;
  justify-content:space-between;
  padding:0 2%;
}
#service2 .waku {
  background-color:white;
  padding:15px 15px 30px 15px;
  border-radius:10px;
  border:solid 2px white;
  width:70%;
  margin:0 auto;
  color:#323232;
  filter:drop-shadow(3px 3px 3px #ababab);
  transform: translateZ(0);
}
.rentaru-c {
  background-image:url("img/rentaru-ime-s.png");
}
.jyutaku-c {
  background-image:url("img/jyutaku-ime-s.png");
}
#service2 .taitle {
  font-size:1.4rem;
  margin-bottom:0;
  text-align:left;
  letter-spacing: 0.15rem;
}
#service2 .taitle .text {
  font-size:0.7rem;
  line-height:1rem;
  margin-bottom:30px;
  height:60px;
  letter-spacing:0.1rem;
}
#service2 .text {
  text-align:left;
  letter-spacing:0rem;
  margin-bottom:10px;
}
#service2 .btn2 {
  text-align:center;
  margin:10px auto;
  width:100%;
  font-size:0.9rem;
}
#service2 .btn {
  font-size:0.9rem;
}
#service .btn-area {
  justify-content: bottom;
}
@media (max-width: 750px) {
  .service2-area {
    flex-direction:column;
  }
  #service2 .waku {
    width:100%;
    margin-bottom:15px;
  }
}



#contact {
  background-image:url("img/sectitle-orange.png");
  background-position: top;
  margin-top:-140px;
  padding-top:10%;
  padding-bottom:5%;
}
#contact {
  text-align:center;
  color:white;
  margin-bottom:20px;
  width:100%;
}
#contact .sectitle {
  margin-top:120px;
  letter-spacing: 0.1rem;
  margin-bottom:5px;
}
.btn-contact {
  padding:20px;
  background:#ffdb00;
  margin:30px 0;
  width:77%;
  display:inline-block;
  text-align:center;
  border-radius: 50px;
}
.btn-contact a {
  color:#ff6d46;
  font-size:1.4rem;
  font-weight: 700;
}
.contact-s ul {
  display:flex;
  color:#ff6d46;
  justify-content: center;
  column-gap:10px;
}
.contact-s ul li {
  padding:14px 18px;
  background-color: white;
  border: 5px solid #ffdb00;
  text-align:left;
  font-size:1.1rem;
  font-weight: 700;
}
.contact-s ul p {
  margin-bottom:5px;
}
#contact .tel{
  display:flex;
}
.tel .number {
  font-size:30px;
  font-weight: 700;
  line-height:1.7rem;
  margin-left:3px;
}
@media (max-width: 640px) {
  #contact {
    .site-title img {
      width:100%;
    }
  }
  #contact {
    font-size:0.8rem;
    margin-bottom:0;
  }
  #contact .sec-title-img img {
    margin:80px auto 5px auto;
    height: 40px;
  }
  .btn-contact {
    width:100%;
  }
  .contact-s ul {
    flex-direction: column;
  }
  .contact-s ul li {
    margin:0 auto;
    margin-bottom:10px;
    width:100%;
  }
  #service .icon {
    height:24px;
  }
}


#partner ul {
  display: flex;
  flex-wrap:wrap;
  margin:40px;
  justify-content: center;
}
#partner ul li {
  padding:20px;
}
#partner ul li img {
  width:180px;
}
@media (max-width: 640px) {
  #partner ul {
    display: flex;
    flex-wrap:wrap;
    margin:20px;
    justify-content: center;
  }
  #partner ul li {
    padding:10px;
  }
  #partner ul li img {
    width:130px;
  }
}


#footer {
  background-color: #002c35;
  color:white;
  padding:2%;
}
#footer a {
  color:white;
}
.company {
  display:flex;
  justify-content: space-between;
}
.logo-syousai{
  display:flex;
  margin-right: 20px;
}
#footer .logo {
  width:120px;
  height:auto;
  margin-right: 20px;
}
.company p {
  font-size:20px;
  font-weight: 700;
  margin-bottom:8px;
}
.company li {
  font-size:0.9rem;
  margin-bottom:5px;
}
.end {
  text-align: center;
  font-size:11px;
}
@media (max-width: 700px) {
  .company {
    flex-direction: column;
  }
  .logo-syousai{
    flex-direction: column;
  }
}