@charset "UTF-8";

*,::before,::after{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body{
  position: relative;
  font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif;
  font-weight: 500;
  font-size: 20px;
}

header {
  height: 64px;
  display: flex;
  padding: 12px 0 8px 200px;
  justify-content: space-between;
  align-items: center;
  background-color: #EB6120;
  /* position: sticky; */
  top: 0;
  z-index: 100;
}
header .logo img {
  height: 100%;
  vertical-align: baseline;
}

.header_list{
	height: 100%;
	display: flex;
	gap: 5px;
	list-style: none;
}
.header_item{
	height: 100%;
}
.header_item a{
	height: 100%;
	display: block;
}
.header_item a img{
	width: auto;
	height: 100%;
}

img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}


.sec-bg{
  background: url(https://protimes.jp/tosoday_202410/img/lp_bg_img.png);
  padding: 58px 0;
}

.cont-bg{
  background: url(https://protimes.jp/tosoday_202410/img/lp_bg_img.png);
  text-align: center;
  margin-bottom: 20px;
  padding: 24px 38px;
}

.sec-bg__inner, .cont-bg__inner{
  max-width: 640px;
  margin: 0 auto;
}

.iframe-wrapper{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cont-bg__text{
  font-size: 32px;
  color: #EB7E37;
  font-weight: bold;
  margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
	.sp{
		display: none;
	}
}

@media screen and (max-width: 767px){
  body{
		padding-bottom: 43%;
    font-size: 16px;
  }

  header {
		width: 100%;
    height: 48px;
    padding: 5px 10px 3px;
		position: sticky;
		top: 0;
		left: 0;
  }
  header h1{
		height: 83%;
	}
  header .logo,
  header a,
  header img{
		height: 100%;
		display: block;
	}

  header .logo img {
		width: auto;
  }
  .foot__fix{
    position: fixed;
    bottom: 0;
    left: 0;
  }

  .sec-bg{
    margin: 0;
    padding: 16px 20px 35px;
  }

  .cont-bg{
    margin: 0;
    padding: 24px 22px
  }
 
  .cont-bg__text{
    font-size: 24px;
  }

  .cont-bg__inner{
    padding-bottom: 40%;
  }

  .hide-sp{
    display: none;
  }

  .pc{
    display: none;
  }
}

.header_orange {
  background-color: #EB7E37;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}