@charset "utf-8";

body {
	margin: 0;
	/* font-family: "Hiragino Serif", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif; */

	font-family: "メイリオ",Meiryo,Osaka,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	background: white;
}


/*----------------------------------------------------
    ★header
----------------------------------------------------*/
header{
	width:100%;
  margin-top: 20px;
  /* margin-bottom: 20px; */
	/* margin: 0; */
	height:60px;
	background:#ffffff;
  text-align: center;
  /* padding: 20px 0px 0px; */

}
#header img{
  width:276px;
	height:34px;
	/* width:95%; */
}
/*-----------------------------------------------header*/





.container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0px 20px 20px;
}

/* 斜線のバックグラウンド */
.box4 {

	/* margin-top: 30px; */

	background: linear-gradient(-45deg,transparent 25%,rgba(200,200,200,.15) 25%,rgba(200,200,200,.15) 50%,transparent 50%,transparent 75%,rgba(200,200,200,.15) 75%,rgba(200,200,200,.15));

	background-size: 4px 4px;
	background-clip: padding-box;
	border-top: double 4px rgba(200,200,200,.5);
	border-bottom: double 4px rgba(200,200,200,.5);

}

/* 説明文の囲み */
.intro {
	padding: 0.5em 1em;
	margin: 5px auto 20px;
	font:#5d627b;
	border: solid 1px #5d627b;/*線*/
	border-radius: 5px;/*角の丸み*/
	width: 90%;
	text-align: left;
	font-size: .9em;
}

.indent-p {
	padding-left:1em;
	text-indent:-1em;
	margin: 0;
}

.intro-p{
	margin-top: 1em;
	margin-bottom: 1em;
}

/*インデント左 最初の説明文書*/
.indent-left{
	text-align: left;
}


/* インタビューリンク画像 */
.interview-sec {
  padding: 10px;
	/* padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 10px;
	padding-right: 10px; */
  text-align: left;
}

.interview-img {
	/* width: 500px; */
	margin-left: 25%;
	margin-right: 25%;
  font-size: .9em;
}

/* 衛生巡回 ２段組レイアウト用 */
.interview-img2 {
  font-size: .9em;
  text-align: left;
}


.interview-img img {
	width: 100%;
	height: auto;
}

/* エラー文面の右寄せ */
.rightjust {
  text-align: right;
}

/* imgの囲み */
.imgclass {
	border: solid 1px #5d627b;/*線*/
}

/* 大分類の見出しフォント */
.sec1 {
	font-size: 1em;
	/* font-weight: bold; */
}

.sec2 {
	font-size: 1.2em;
	/* font-weight: bold; */
}

/* 2022年動画リンク用 */
.link-2022 {
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.a-2022 {
	color:#4581D1!important;
}

/* 文節ごとに改行する */
.sp-wrap{
  display: inline-block;
}


/* コメント送信後のメッセージフォント */
.done {
	color: #d25944;
}


/* 横に2重線の見出し */
.box5 h1 {

  position: relative;
  display: inline-block;
  padding: 0 55px;
	margin: 10px 0;

  font-size: 1.4em;

}

.box5 h1:before, .box5 h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 37px;
  height: 1.5px;
  border-top: solid 1px  #5d627b;
  border-bottom: solid 1px  #5d627b;
}

.box5 h1:before {
  left:0;
}
.box5 h1:after {
  right: 0;
}

/* サブタイトル */
.box9 {
  font-size: .9em;
  text-align: center;
  /* margin-left: 20%;
  margin-right: 20%; */
  padding-bottom: 10px;
}

.nlist {
  margin: 0;
}

.nonli {
  list-style-type:none;
  padding-inline-start: 20px;
}

/*枠線なしテキストbox*/
.box10 {
  margin: 5px auto 10px;
  padding: 0.5em 1em;
  font-size: .9em;
  width: 80%;
  text-align: left;
}

/*枠線なしテキストbox paddingのみ*/
.box11 {
  padding: 0.5em;
}

/*印刷方法*/
span.under-black {
  display: inline-block;
  /* padding-left: 5px; */
  text-decoration : underline;
}

span.under-blue {
  display: inline-block;
  color: #3261AB;
  text-decoration : underline;
}



.flex-par {
  display: flex;
}

div.padd{
  padding-left: 1em;
}



/* 横に2重線の見出し */
.box4 h1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.box4 h1:before, .box4 h1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}

.box4 h1:before {
  left:0;
}
.box4 h1:after {
  right: 0;
}

.box4 section {
	text-align: center;
}



/* flex-box スタイル */
.itemlist {
  list-style: none;
  display: flex;

  /* フレックスアイテムの改行を有効にする */
  flex-wrap: wrap;

  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}

.itemlist li {

  /* widthをflexプロパティに変更（レスポンシブにする） */
  /* width: 33.333333%; */
  /* flex: 1 1 200px; */

  /* 最終的にflex-basisのみを設定する */
  /* flex-basis: 33.333333%; */
	/* IE対応用で変更する */
  /* max-width: 33.333333%; */
  max-width: 50%;

  padding: 10px;

  /* paddingとborderをwidthの幅に含める */
  box-sizing: border-box;

}

/*20230915 特別修正*/
.single-li {
	margin: 0 auto; 
}


@media screen and (max-width:767px) {
  .itemlist li {
	/* IE対応用で変更する */
	/* flex-basis: 50%; */
  max-width: 50%;
}
}

/* @media screen and (max-width:414px) { */
@media screen and (max-width:500px) {
	.itemlist li {
		/* IE対応用で変更する */
		/* flex-basis: 100%; */
		max-width: none;
  }

	.interview-img {
		/* width: 500px; */
		margin-left: 0;
		margin-right: 0;
	}

}


.itemlist dl,.itemlist dd {
  margin: 0;
}

.itemlist dl {
  /* text-align: right; */
  text-align: left;
}

.itemlist dt,.itemlist .txt {
  text-align: left;
}

.itemlist dt {
  font-size: .9em;
  font-weight: 700;
}

.itemlist dd {
  margin-top: .2em;
  font-size: .9em;
}

.itemlist dd p {
  margin-top: 0;
}

.itemlist img {
  width: 100%;
  height: auto;
}

/* オーダーリスト追加 衛生巡回用 24/03/15 矢野*/
.itemlist ol li{
  /* item-listのliの設定値を継承してしまうのでキャンセルする */
  padding: 0;
  max-width: none;
}



/* form入力用スタイル */

.form-wrap {
	text-align: left;
}

.box6 {
	margin-bottom: 10px;
}

.box7 {
	padding-top: 10px;
}


.box8 {
	padding-top: 20px;
	text-align: left;
}


/* formスタイル */

.item-name{
	font-size: .9em;
}

::placeholder{
	font-family: "メイリオ",Meiryo,Osaka,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* ------ input,textarea,submit------ */

/* 属性セレクタでtype="text"のみに適応 */
input[type='text']{
	width: 100%;
	max-width: 300px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background-color: #fff; */
}

input[type='email']{
	width: 100%;
	max-width: 300px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background-color: #fff; */
}

input[type='tel']{
	width: 100%;
	max-width: 300px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	/* background-color: #fff; */
}

input[type='submit']{
	border: none;
	/* display: block; */
	/* width: 100%; */
	max-width: 150px;
	padding: 10px;
	border-radius: 5px;
	background-color: #333;
	color: #fff;
	font-weight: bold;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	margin: 0 auto;
}

textarea{
	width: 100%;
	max-width: 400px;
	height: 100px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select{
	width: 100%;
	max-width: 350px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}





.under {
  color: #d25944;
  text-decoration : underline;
}

.under-bk{
  text-decoration : underline;
}

.bold {
  font-weight: bold;
}

.boxtext {
  border: 1px solid #CCCCCC;
  border-radius: 7px;
  padding: 3px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

form ol div {
  margin-bottom: 15px;
}

.name_input {
  margin: 0px 0px 0px 20px;
}

.error {
	font-size: 80%;
	color: #BB1850;
  margin-left: 15px;
}



.video {
  margin: 0 auto;
/* iframeの親要素（レスポンシブ対応） */
	/* position: relative; */
	/* height: 0; */
	/* overflow: hidden; */
	/* overflow:auto; */
	/* padding-top: 56.25%; */
}


/* iframe要素（レスポンシブ対応） */
iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
/* iphone対応 */
	border:none;
	display:block;
}


#player {
 width: 100%;
 height: 52.65%;
 /* background: #FFF;
 z-index: 9999999999; */
}

.return {
  margin:10px auto 10px;
}

/* a {
  text-decoration: none;
} */

a:link, a:visited, a:hover, a:active {
  color:#d25944;
}

/* 衛生巡回 無効リンク */
.a-invalid {
  pointer-events: none;
}

/* a:link, a:visited, a:hover, a:active {
  color: black;
} */

section {
	text-align: center;
}

.return {
  margin:10px auto 10px;
}




/* ログイン画面スタイル */
.login-container {
  max-width: 350px;
  margin: 0 auto;
}


.login-dl dd {
  margin-left: 0;
}

.login-box {
  padding: 10px;
}

/* フォーカス時のスタイル */
.login-dl input:focus {
  background-color: #FFFBD5;
}

.login-dl input[type='text'] {
  display: block;
  margin-bottom: 25px;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  border: solid 1px #ccc;
  box-shadow: none;
  font-size: 1.2em;
}


.login-submit-wrap {
  padding-top: 10px;
}

.login-submit-wrap input[type='submit'] {
  border: none;
  display: block;
  width: 100%;
  max-width: 200px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgb(210, 89, 68);
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  margin: 0 auto;
}
/*ログインスタイル終了*/




/*----------------------------------------------------
    ★FOOTER
----------------------------------------------------*/
#footer{
	position:relative;
	background:#d25944;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:90%;
	color:#fff;
	text-align:center;
	margin-top:100px;
}
#footer a:link,
#footer a:active,
#footer a:visited{
	color:#fff;
}
#footer #ftTp dl{
	text-align:center;
	padding:16px 0;
	background:#ac3621;
}
#footer #ftTp dl dt,
#footer #ftTp dl dd {
	display:inline-block;
}
#footer #ftTp dl dd{
	padding: 0 10px;
	color:#d05e49;
}

#footer #ftMdl{
	text-align:center;
	padding:45px 0 40px;
	line-height:1.6;
}
#footer #ftMdl #ftLogo{
	margin-bottom:30px;
}
#footer #ftBtm{
	background:#c34b36;
	padding:12px 0;
	font-size:9.5px;
}
/*-----------------------------------------------footer*/