@charset "UTF-8";

/*-----全体共通-----*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

img {
  vertical-align: bottom;
}





/*----------index.html-----------*/

/*-----header-----*/

/*ロゴ*/
.logo {
/*  width: 15%; */
}
.logo a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo img {
/*  width: 100%; */
/*    width: 300px; */
    height: 45px;

}

/*資料請求はこちら*/
.header_link {
  width: 55%;
}

.header_link a {
  display: block;
  text-align: center;
  width: 100%;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
}

.header_link a + a {
  margin: 0 0 0 .5rem;
}

.header_link i {
  margin-left: 0.5rem;
}

/*ヘッダー全部*/
header {
  display: flex;
  width: 100%;
  height: 10vh;
  top: 0;
  justify-content: space-between;
  padding: 0.5rem 5%;
  align-items: center;
  background-color: #fff;
  position: fixed;
  z-index: 100;
}





/*ファーストビュー*/

/*箱全体*/
.firstview {
  margin-top: 10vh;
  background-image: url(../img/firstview_pc.jpg);
  background-size: cover;
/*  height: 90vh; */
  display: flex;
  align-items: center;
}

.firstview_wrap {
  width: 100%;
}

@media screen and (max-width:1200px) { 
.firstview_wrap {
padding-bottom: 35px;
}
}

/*1つ目の箱*/
.firstview_con01 {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 0 1rem;
}

.firstview_text {
  width: 300px;
  margin: 0 auto;
  background: #000;
  padding: 1rem 0;
}

.border_ly {
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

.firstview_text h1 {
  font-size: 2rem;
  margin-bottom: 0.3rem
}

.firstview_text_01 {
  letter-spacing: 0.3rem;
}

.space {
  margin-left: 4rem;
}

/*20211108追加*/
.mein_comment{
	font-weight: bold;
	padding-top: 1em;
    font-size: 1.4rem;
    letter-spacing: 0.01em;
}
@media screen and (max-width:480px) {
.mein_comment{
  font-size: 1.2rem;
}
}

/*2つ目の箱*/
.firstview_con02 {
  background: #000;
  color: #fff;
  padding: 0 1rem;
  margin-top: 1rem;
}

.firstview_con02 .firstview_text {
  /*width: 310px;*/
    width: 20rem;
}


/*今すぐ問い合わせる*/
.firstview_link a {
  display: block;
  text-align: center;
  width: 100%;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
  margin-top: 2rem;
  box-shadow: 0 5px #A74B00;
}

.firstview_link i {
  margin-left: 0.5rem;
}





/*HACCP対応はお済ですか？*/

/*箱全体*/
.contentbox01 {
  padding: 5rem 5%;
  background: #FFE2AD;
}

/*タイトル*/
.contentbox01 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}
@media screen and (min-width:480px) { 
.contentbox01 h2 .br {
display: none;
}
}

/*タイトル下線*/
.contentbox01 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*こちらのリンク*/
.contentbox01 a {
  color: #000;
}

.contentbox01 a:visited {
  color: #E66700;
}
.contentbox01_flex{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.contentbox01_flex section{
margin-top: 2rem;
border-radius: 25px;
background-color: #fff;
	padding-top: 2rem;
padding-bottom: 2rem;
	width: 49%;
}
.contentbox01_flex section h3{
	text-align: center;
	margin-bottom: 1em;
}
.contentbox01_flex section p{
	padding-left: 2rem;
	padding-right: 2rem;
}
.contentbox01_flex section p img{
	width: 100%;
	
}

.contentbox01_flex02{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.contentbox01_flex02 section{
margin-top: 2rem;
border-radius: 25px;
background-color: #fff;
	padding-top: 2rem;
padding-bottom: 2rem;
	width: 49%;
}
.contentbox01_flex02 section h3{
	text-align: center;
	color:#E66700;
    margin-bottom: 1em;
}
.contentbox01_flex02 section ul{
	list-style: "・";
/*	padding: 0 0 0 1rem; */
}
.contentbox01_flex02 section ul li{
	width: 80%;
	margin:  0 auto;
	font-size: 0.8em;
/*    text-indent: -0.85rem;
*/
font-size:20px;
}
/*HACCP対応は正直大変*/

/*箱全体*/
.contentbox02 {
  padding: 5rem 5%;
  color: #fff;
  background: #E66700;
}

/*タイトル*/
.contentbox02 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox02 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #fff;
  /*下線の色*/
}

/*各セクション*/
.contentbox02 section {
  margin-top: 2rem;
  border-radius: 25px;
  background-color: #fff;
  padding-bottom: 2rem;
}

/*セクション内イメージ*/
.contentbox02 img {
  width: 100%;
  border-radius: 25px;
}

/*セクション内タイトル*/
.contentbox02 h3 {
  background-color: #E66700;
  font-size: 1.3rem;
  margin: 0rem auto 1.5rem;
  ;
  text-align: center;
  width: 80%;
  border-radius: 25px;
}

/*セクション内リスト*/
.contentbox02 ul {
width: 80%;
margin: auto;
padding-left: 20px;
}
.contentbox02 li {
  color: #E66700;
    list-style-type: "- ";
/*  width: 80%; */
  margin: 0 auto;
  margin-top: 0.5rem;
/*    text-indent: -0.85rem; */
}

.contentbox02 li::before {
/*  content: "- " */
}

/*各リストの最終行*/
.contentbox02 span {
  display: block;
  margin-left: 1rem;
}

/* ３つのvoiseのイラスト */
.voice_box {
  display: block;
  width: 70%;
  margin: 0 auto;
  padding: 48px 0;

}

.voice_img {
  display: inline-block;
  width: 100%;


}




/*HACCP SAFETYなら*/

/*箱全体*/
.contentbox03,.contentbox03_2 {
  padding: 5rem 5%;
}

/*タイトル*/
.contentbox03 h2,.contentbox03_2 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox03 h2::before,.contentbox03 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*最初のテキスト*/
.contentbox03_text {
  width: 250px;
  margin: 0 auto;
}

/*丸の配置*/
.cycle_flex {
  width: 100%;
  margin: 2rem auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/*丸*/
.cycle {
  width: 38%;
  padding-top: 38%;
  border-radius: 50%;
  background-color: #EE7000;
  border: 3px solid #E66700;
  position: relative;
  margin: 1rem;
}

/*丸の中のテキスト*/
.cycle p {
    position: absolute;
    text-align: center;
    top: 53%;
    transform: translate(0, -53%);
/*    bottom: 0;*/
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-weight: bold;
    font-size: 1.2rem;
}

/*端末の写真*/
.contentbox03 img {
  width: 100%;
}

/*-----これひとつで解決！-----*/
.contentbox03_flex{
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.contentbox03_flex section{
margin-top: 2rem;
border-radius: 25px;
background-color: #FFE2AD;
	padding-top: 2rem;
padding-bottom: 2rem;
	width: 49%;
}
.contentbox03_flex section h3{
	text-align: center;
	color:#E66700;
    margin-bottom: 1em;
}
.contentbox03_flex section ul{
	list-style: "・";
/*	padding: 0 0 0 2rem; */
padding: 0 0 0 1rem;
}
.contentbox03_flex section ul li{
	width: 80%;
	margin:  0 auto;
	font-size: 20px;
/*
        text-indent: -0.85rem;
*/
}




/*-----まずは相談！-----*/

/*箱全体*/
.contentbox04 {
  padding: 5rem 5%;
  background-color: #FDAD3D;
  color: #fff;
  text-align: center;
}

/*3本線*/
.contentbox04 img {
  margin-bottom: 1rem;
}

/*無料相談・お申込みは*/
.font_bold {
  font-weight: bold;
  font-size: 1.7rem;
}

/*ここをクリック*/
.contentbox04_link a {
  display: block;
  text-align: center;
  width: 300px;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
  margin: 1rem auto 0;
  box-shadow: 0 5px #A74B00;
}

.contentbox04_link i {
  margin-left: 1rem;
}





/*-----導入のメリット-----*/

/*箱全体*/
.contentbox05 {
  padding: 5rem 5%;
  background: #FFE2AD;
}

/*タイトル*/
.contentbox05 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox05 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*セクション*/
.contentbox05 section {
  margin-top: 2rem;
  background-color: #fff;
  border-radius: 25px;
  padding: 2rem;
}

/*セクションの番号*/
.section_number {
  display: block;
}

.section_number::before {
  content: "."
}

/*セクション内のタイトル*/
.contentbox05 h3 {
  color: #EE7000;
  /* text-align: center; */
  margin-bottom: 1rem;
}

/*セクション内のリスト*/
.contentbox05 ul {
  margin-top: 1rem;
  list-style-type: none;
}

.contentbox05 li::before {
  content: "・"
}

/*セクション内の画像*/
.contentbox05 img {
  width: 100%;
}


/*セクション内のテーブル*/
.contentbox05 section{
	background-color: #FFE2AD;
}
.contentbox05 section table{
	width: 100%;
/*	padding: 2rem; */
}
.contentbox05 section table tr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.contentbox05 section table tr td{
	/*background-color:#FFE2AD;*/
	text-align: center;
	width: 100%;
	border-bottom: 2px solid #EE7000;
	border-collapse: collapse;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
.contentbox05 section .forcus{
	width: 100%;
	padding: 2rem;
	padding-top: 0;
}
.contentbox05 section .forcus p{
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 2px solid #EE7000;
	/*background-color:#FFE2AD;*/
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

/*-----その他のメリット-----*/

/*箱全体*/
.contentbox06 {
  padding: 5rem 5%;
  background: #FFE2AD;
}

/*タイトル*/
.contentbox06 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox06 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*各メリット*/
.merit_con {
  text-align: center;
  border: 3px solid #E66700;
  border-radius: 25px;
  margin-top: 2rem;
  padding: 2rem;
  font-weight: bold;
}

/*アイコン*/
.merit_con i {
  color: #E66700;
  font-size: 10rem;
  margin-bottom: 1rem;
}

/*-----ハサップの機能-----*/

/*箱全体*/
.contentbox06_2 {
  padding: 5rem 5%;
  background: #FFE2AD;
}

/*タイトル*/
.contentbox06_2 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox06_2 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*各メリット*/
.func_con {
	width: 49%;
  border: 3px solid #E66700;
  border-radius: 25px;
  margin-top: 2rem;
  padding: 2rem;
  font-weight: bold;
}

/*機能の内容*/
.func_con .func_title {
	text-align: center;
	color: #fff;
background-color: #E66700;
font-size: 1.3rem;
margin: 0rem auto 1.5rem;
width: 80%;
border-radius: 25px;
}
.func_con ul{
	margin-left: 2rem;
	margin-right: 2rem;
}

/*-----料金プラン-----*/

/*箱全体*/
.contentbox06_3 {
  padding: 5rem 15%;
  background: #fff;
}
@media screen and (max-width: 1200px) {
.contentbox06_3 {
  padding: 5rem 5%;
}
}

/*タイトル*/
.contentbox06_3 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox06_3 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}
.contentbox06_3 section table{
	width: 100%;
	padding: 2rem;
}
.contentbox06_3 section table tr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.contentbox06_3 section table tr td{
	background-color:#fff;
	text-align: center;
	width: 100%;
	border: 1px solid #EE7000;
	border-collapse: collapse;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.contentbox06_3 section table tr th{
	background-color:#FFE2AD;
	text-align: center;
	width: 100%;
	border: 1px solid #EE7000;
	border-collapse: collapse;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.button_box{
	width: 100%;
	display: flex;
	justify-content: center;
	justify-content: center;
	flex-wrap: wrap;
}
.button_box p{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 1200px) {
.button_box p a{
	width: 90%;
	
}
}


/*-----導入の流れ-----*/

/*箱全体*/
.contentbox07 {
  padding: 5rem 15%;
  color: #fff;
  background: #E66700;
}
@media screen and (max-width: 1200px) {
.contentbox07 {
 padding: 5rem 5%;
}
}

/*タイトル*/
.contentbox07 h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.contentbox07 h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #fff;
  /*下線の色*/
}

/*フローの横並び*/
.flow_flex {
  display: flex;
  border-radius: 25px;
  border: 1px solid #fff;
    align-items: center;
}

/*番号*/
.flow_flex h3 {
  width: 150px;
  text-align: center;
  padding: 1rem;
  font-size: 1.3rem;
  background-color: #EE7000;
  border-radius: 25px 0px 0px 25px;
  border-right: 1px solid #fff;
}

/*内容のテキスト*/
.flow_flex p {
/*  width: calc(100% - 150px);*/
  text-align: center;
  padding: 0 0 0 .8rem;
  font-size: 1rem;
  font-weight: bold;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.flow_flex p a{
  display: block;
  text-align: center;
/*  width: 50%; */
	border: 1px solid #fff;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
/*  margin-left: .5rem;  */
  box-shadow: 0 5px #A74B00;
}
.flow_flex p a + a {
margin-left: .5rem;
}


/*下三角形*/
.bottom_arrow {
  width: 150px;
  text-align: center;
  font-size: 3rem;
  margin: -1rem 0;
}





/*お問い合わせ*/

/*箱全体*/
.top_form_text {
  padding: 5rem 5% 2.5rem;
  background: #FFE2AD;
}

/*タイトル*/
.top_form_text h2 {
  text-align: center;
  position: relative;
  margin-bottom: 3rem;
  font-size: 1.5rem;
}

/*タイトル下線*/
.top_form_text h2::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

/*フォーム本体全体*/
.top_form {
  padding: 2.5rem 5% 5rem;
  background-color: #FDD49A;
}

/*必須マーク*/
.required::after {
  content: "*";
  color: red;
}


/*項目の間の余白*/
.top_form dd {
  margin-bottom: 1rem;
}

/*入力欄*/
.form_input input {
  padding: 0.5rem;
  width: 100%;
}

/*名前の横並び*/
.top_form_flex {
  display: flex;
  justify-content: space-between;
}

.form_con {
  width: 48%;
}

/*コメント欄*/
.top_form textarea {
  width: 100%;
  height: 15rem;
  padding: 0.5rem;
}

/*チェックボックス*/
.checkbox {
  display: flex;
  margin-bottom: 1rem;
}

.checkbox label {
  margin-right: 1rem;
}

.checkbox_a {
  letter-spacing: 0.2em;
}

/*送信ボタン*/
.top_form button {
font-size: 18px;
  display: block;
  text-align: center;
  width: 100%;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
  margin: 1rem auto 0;
  box-shadow: 0 5px #A74B00;
  border: none;
  cursor: pointer;
}

.top_form button i {
  margin-left: 1rem;
}




/*フッター*/

footer {
  text-align: center;
  color: #fff;
  background: #000;
  padding: 1rem;
}


.pcsize {
  display: none;
}

.tabsize {
  display: none;
}

.footer_p {
  display: block;
  width: 100%;
}

.footer_ul {
  display: flex;
  justify-content: center;
  list-style-type: none;
}

.footer_a {
  text-decoration: none;
  color: #ffffff;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  font-size: 12px;
  letter-spacing: 0.2em;
}

.footer_a::after {
  content: "/";
  padding: 0 10px;
}
.footer_ul li:last-child .footer_a::after {
  content: "";
  padding: 0;
}


/*----------form.html-----------*/

.form_firstview {
  width: 100%;
  margin-top: 10vh;
}

.form_firstview img {
  width: 100%;
  height: 32vh;
  object-fit: cover;
}

.formpage h1 {
  text-align: center;
  color: #fff;
  background: #000;
  padding: 1.5rem 0;
  width: 100%;
  transform: translateY(-50%);
  margin: 0 auto;
  position: relative;
}

.formpage_form_text {
  background: #FFE2AD;
  padding: 0 5% 2.5rem;
}

.formpage h1::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -1.5rem;
  /*下線の上下位置調整*/
  display: inline-block;
  width: 3rem;
  /*下線の幅*/
  height: 2px;
  /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  /*位置調整*/
  background-color: #E66700;
  /*下線の色*/
}

.select_check input {
  margin-right: 0.5rem;
  margin-left: 1.5rem;
}

.select_check input:first-child {
  margin-left: 0;
}

.button_font {
  font-size: 1rem;
}

.return_top_button {
  display: block;
  text-align: center;
  width: 50%;
  background-color: #E66700;
  color: #fff;
  text-decoration: none;
  padding: 0.5rem;
  border-radius: 100px;
  margin: 1rem auto 0;
  box-shadow: 0 5px #A74B00;
  border: none;
  cursor: pointer;
}

.return_top_button:hover {
  box-shadow: 0 0 #A74B00;
  transform: translateY(0.5rem)
}


/*----------privacy_policy.html-----------*/

.privact_ttl {
  font-size: 18px;
}

.privacy_txt {
  font-size: 14px;
  margin-bottom: 50px;
  letter-spacing: 0.2em;
  line-height: 2em;
  margin-top: 10px;
  padding-left: 10px;
}

.privacy_txt_span {
  font-size: 20px;
  font-weight: bold;
  border-left: 3px solid #E66700;
  padding-left: 5px;
  letter-spacing: 0.2em;
}

.privacy_txt_end {
  font-size: 14px;
  padding-bottom: 50px;
  padding-left: 10px;
  letter-spacing: 0.2em;
  line-height: 2em;
}

.return_top_btn {
  display: block;
  width: 100%;
}

.return_top_btn_p:hover {
  opacity: 0.8;
}

.return_top_btn_p {
  display: block;
  width: 50%;
  margin: 0 auto;
}

.return_top_btn_a {
  display: inline-block;
  background: #E66700;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-radius: 100px;
  padding: 20px 0;
  margin: 0 auto;
  text-decoration: none;
  color: #fff;
  letter-spacing: 0.2em;
}

input:required {
  background: #fff;
}

input:valid {
  background: #E8F0FD;
}


/*  プラン */
.plan {
  display: flex;
  flex-wrap: wrap;
 /* justify-content: center; */
    justify-content: space-between;
/*    margin: 0 -.5rem; */
}
@media screen and (max-width: 1200px) {
.plan {
margin: 0;
}
}
.plan-item {
  width: 49%;
  /* width: 100%; */
  /* max-width: 310px; */
/*  padding: 0 .5rem; */
  /* margin: 0 auto; */
  /* margin-top: 26px; */
  text-align: center;
  margin: 0 0 2rem;
}
.plan-body {
  position: relative;
  border: 3px solid #E66700;
  border-radius: 25px;
  background-color: #fff;
}
.plan-item h3 {
  font-size: 24px;
  font-weight: 600;
  padding: 32px 0 26px;
  line-height: 18px;
  letter-spacing: 1px;
}
.plan-price {
font-size: 14px;
color: #555;
/* padding-bottom: 8px;
margin-bottom: 20px; */
}
.plan-price-free {
  padding: 0.2rem 0;
  margin: 1rem 0 0 0;
  background-color: #e34761;
  color: #fefefe;
  font-size: 22px;
  font-weight: 700;
}

.plan-price em {
font-style: normal;
font-size: 38px;
font-weight: 600;
color: #555;
padding: 0 5px;
line-height: 38px;
font-family: 'Avenir Next', 'Open Sans', sans-serif;
}
.plan-desc {
font-size: 20px;
font-weight: 600;
/*line-height: 20px;*/
    margin: 2rem 0;
letter-spacing: 1px;
display: flex;
align-items: center;
justify-content: center;
height: 70px;
}

.button-box {
padding: 1.4rem 0 1.4rem;
}
.button-box a {
border-radius: 9999px;
color: #fff;
display: inline-block;
text-decoration: none;
/* font-size: 12px; */
font-size: 20px;
font-weight: 600;
/*
height: 32px;
line-height: 32px;
*/
letter-spacing: 1;
/*width: 152px;*/
    padding: 10px 50px;
background-color: #E66700;
}
.plan-more-toggle {
background-color: #ebf9ff;
border-radius: 0 0 5px 5px;
}

.plan-more-toggle a {
color: #20aee5;
font-size: 14px;
line-height: 21px;
height: 100%;
width: 100%;
padding: 12px 0;
cursor: pointer;
display: inline-block;
}



/*↓↓↓↓↓PCサイズ↓↓↓↓↓*/
@media screen and (min-width: 1200px) {
  .pcsize {
    display: block;
  }
  .spsize {
    display: none;
  }
}


@media screen and (max-width: 1200px) {

  .pcsize {
    display: none;
  }

  .spsize {
    display: block;
  }
}

@media screen and (min-width: 1200px) {

/*
  .pcsize {
    display: block;
  }
*/

/*
  .spsize {
    display: none;
  }
*/

  html {
    font-size: 20px;
  }

  /*----------index.html-----------*/

  /*-----header-----*/

  /*資料請求はこちら*/
  .header_link {
    width: 40%;
    display: flex;
  }

  /*ヘッダー全部*/
  header {
    padding: 1.7rem 15%;
  }





  /*ファーストビュー*/

  /*箱全体*/
  .firstview {
    margin-top: 10vh;
    background-image: url(../img/firstview_pc.jpg);
    background-position: center center;
    padding: 10vh 15%;
  }

  /*1つ目の箱*/
  .firstview_con01 {
    width: 50%;
  }

  .firstview_text {
    /*width: 400px;*/
    width: 20rem;
  }

  /*2つ目の箱*/
  .firstview_con02 {
    width: 50%;
  }

  /*今すぐ問い合わせる*/
  .firstview_link a {
    width: 50%;
    transition: 0.5s;
  }

  .firstview_link a:hover {
    box-shadow: 0 0 #A74B00;
    transform: translateY(0.5rem)
  }






  /*HACCP対応はお済ですか？*/

  /*箱全体*/
  .contentbox01 {
    padding: 5rem 15%;
    background: #FFE2AD;
  }



  /*HACCP対応は正直大変*/

  /*箱全体*/
  .contentbox02 {
    padding: 5rem 15%;
  }

  /*各セクション*/
  .contentbox02 section {
    width: 32%;
  }

  /*横並び*/
  .contentbox02_flex {
    display: flex;
    justify-content: space-between;
  }

  /*セクション内リスト*/
  .contentbox02 li {
    font-size: 20px;
  }

  /*各リストの最終行*/
  .contentbox02 span {
    margin-left: 0.7rem;
  }





  /*HACCP SAFETYなら*/

  /*箱全体*/
  .contentbox03 {
    padding: 5rem 15%;
  }


  /*最初のテキスト*/
  .contentbox03_text {
    width: 100%;
    text-align: center
  }

  .contentbox03_text br {
    display: none;
  }

  /*丸の配置*/
  .cycle_flex {
    width: 50%;
  }

  /*丸の中のテキスト*/
  .cycle p {
    /*height: 3rem;*/
    font-size: 1.3rem;
  }

  /*端末の写真*/
  .terminal_img {
    width: 50%;
  }

  /*写真と丸の横並び*/
  .cycle_flex_pc {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /*-----これひとつで解決！-----*/


  /*-----まずは相談！-----*/

  /*箱全体*/
  .contentbox04 {
    padding: 5rem 15%;
  }


  /*ここをクリック*/
  .contentbox04_link a {
    width: 400px;
    transition: 0.5s;
  }

  .contentbox04_link a:hover {
    box-shadow: 0 0 #A74B00;
    transform: translateY(0.5rem)
  }

  .contentbox04_link i {
    margin-left: 1rem;
  }





  /*-----導入のメリット-----*/

  /*箱全体*/
  .contentbox05 {
    padding: 5rem 15%;
  }

  /*セクション*/
  .contentbox05 section {
    padding: 0;
    position: relative;
  }

  /*セクションの番号*/
  .number01 {
    position: absolute;
    top: -1.5rem;
    left: 0;
    font-size: 2rem;
  }

  .number02 {
    position: absolute;
    top: -1.5rem;
    right: 0;
    font-size: 2rem;
  }
  .number03 {
    position: absolute;
    top: -1.5rem;
    left: 0;
    font-size: 2rem;
  }

  .section_bg01 {
    background-image: url(../img/features01_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
  }

  .section_bg02 {
    background-image: url(../img/features02_pc.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
  }

  .section_left {
    width: 60%;
    padding: 2rem;
    margin-right: auto;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 100%);
    border-radius: 25px 0 0 25px;
  }

  .section_right {
    width: 60%;
    padding: 2rem;
    margin-left: auto;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 90%, rgba(255, 255, 255, 0) 100%);
    border-radius: 0 25px 25px 0;
  }
	.full_box{
		width: 100%;
		margin-right: 0;
		background-color: #fff;
    border-radius: 25px 25px 25px 25px;
	}





  /*-----その他のメリット-----*/

  /*箱全体*/
  .contentbox06 {
    padding: 5rem 15%;
  }


  /*各メリット*/
  .merit_con {
    width: 32%;
    font-size: 0.9rem;
    padding: 1rem;
    margin-top: 1rem;
  }

  .merit_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .merit_con i {
    font-size: 5rem;
  }
	
	  /*-----ハサップの機能-----*/

  /*箱全体*/
  .contentbox06_2 {
    padding: 5rem 15%;
	  background-color: #fff;
  }

　 /*-----料金プラン-----*/


  /*-----導入の流れ-----*/

  /*箱全体*/
  .contentbox07 {
    padding: 5rem 15%;
  }






  /*お問い合わせ*/

  /*箱全体*/
  .top_form_text {
    padding: 5rem 15% 2.5rem;
  }

  /*フォーム本体全体*/
  .top_form {
    padding: 2.5rem 15% 5rem;
    background-color: #FFE2AD;
  }


  .top_form_in {
    background-color: #FDD49A;
    padding: 2rem;
  }



  /*チェックボックス*/
  .checkbox {
    display: flex;
    margin-bottom: 1rem;
  }

  /*送信ボタン*/
  .top_form_button {
    display: block;
    text-align: center;
    width: 100%;
    background-color: #E66700;
    color: #fff;
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 100px;
    margin-top: 1rem;
    box-shadow: 0 5px #A74B00;
  }

  .top_form_button:hover {
    box-shadow: 0 0 #A74B00;
    transform: translateY(0.5rem)
  }






  /*フッター*/

  footer {
    font-size: 0.8rem;
    padding: 1rem;
  }

  .tabsize {
    display: none;
  }



  /*----------form.html-----------*/



  .formpage_form_text {
    padding: 0 15% 0rem;
  }


}

/*----------privacy_policy.html-----------*/

.privact_ttl {
  font-size: 32px;
  letter-spacing: 0.2em;
}


.return_top_btn {
  padding-bottom: 80px;
}

.return_top_btn_p {
  width: 300px;
}










/*↓↓↓↓↓タブレットサイズ↓↓↓↓↓*/
@media screen and (max-width: 760px) {
	
}


@media screen and (max-width: 1200px) {



  html {
    font-size: 18px;
  }

  /*----------index.html-----------*/

  /*-----header-----*/

  /*資料請求はこちら*/
  .header_link {
    width: 80%;
    display: flex;

    margin-right: -0.5rem;

  }

  /*ヘッダー全部*/


  .logo {
    width: 10%;
	height: 100%;
  }




  /*ファーストビュー*/

  .firstview {
    background-image: url(../img/firstview.jpg);
    background-position: center center;
  }


  .firstview_text {
    width: 100%;
  }


  /*HACCP対応は正直大変*/
	.contentbox01_flex{
		display: block;
	}
	.contentbox01_flex section{
		width: 100%;
	}
	.contentbox01_flex02{
		display: block;
	}
	.contentbox01_flex02 section{
		width: 100%;
	}



  /*各リストの最終行*/
  .contentbox02 span {
    margin-left: 0.7rem;
  }

  .contentbox02_flex span {
    display: inline;
    margin: 0;
  }



  /*HACCP SAFETYなら*/


  /*最初のテキスト*/
  .contentbox03_text {
    width: 100%;
    text-align: left;
  }

  .contentbox03_text br {
    display: none;
  }

  /*丸の配置*/
  .cycle_flex {
    width: 100%;
  }

  /*丸の中のテキスト*/
  .cycle p {
 /*   height: 3.5rem;*/
    font-size: 1.2rem;
  }

  /*端末の写真*/
  .terminal_img {
    width: 100%;
  }

  /*-----これひとつで解決！-----*/
	.contentbox03_flex{
		display: block;
	}
	.contentbox03_flex section{
		width: 100%;
	}


  /*-----まずは相談！-----*/


  /*ここをクリック*/
  .contentbox04_link a {
 /*   width: 375px; */
  }




  /*-----導入のメリット-----*/



  /*セクション*/
  .contentbox05 section {
    padding: 0;
    position: relative;
    padding: 2rem;
  }

  /*セクションの番号*/
  .number01 {
    position: absolute;
    top: -1.5rem;
    left: 0;
    font-size: 2rem;
  }

  .number02 {
    position: absolute;
    top: -1.5rem;
    right: 0;
    font-size: 2rem;
  }
  .number03 {
    position: absolute;
    top: -1.5rem;
    left: 0;
    font-size: 2rem;
  }





  /*-----その他のメリット-----*/


  /*各メリット*/
  .merit_con {
    width: 45%;
    font-size: 0.9rem;
    padding: 1rem;
    margin-top: 1rem;
  }

  .merit_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .merit_con i {
    font-size: 5rem;
  }
	.func_con{
		width: 100%;
		padding-left: 2rem;
		padding-right: 2rem;
	}






  /*フッター*/


  .tabnone {
    display: none;
  }

  .tabsize {
    display: block;
  }






.plan-item {
    width: 100%;
/*    max-width: 310px; */
    padding: 0;
    margin: 0 auto;
    margin-top: 2rem;
    text-align: center;
}
/*
.plan-body {
    border: 2px solid #E66700;
    border-radius: 5px;
    background-color: #fff;
}
*/
.plan-item h3 {
    font-size: 24px;
    font-weight: 600;
    padding: 32px 0 26px;
    line-height: 18px;
    letter-spacing: 1px;
}





@media screen and (max-width:750px) {

.flow_flex {
    flex-direction: column;
    flex-wrap: wrap;
}
.flow_flex p{
    width: 100%;
    justify-content: center;
    padding: 0 0 1rem;
    flex-wrap: wrap;
}
.flow_flex p a {
    margin-left: 0;
    margin: 0 .5rem;
    /* margin: 1rem 1rem 0 1rem; */
}
/*
.flow_flex p a + a {
margin: 1rem 1rem 0 1rem;
}
*/
.flow_flex h3 {
    width: 100%;
    border-radius: 25px 25px 0px 0px;
    border-right: 0px;
    border-bottom: 1px solid #fff;
}
.bottom_arrow {
    width: 100%;
}
.contentbox07 h3 {
text-align: center;
margin: 0 0 1rem;
}

.button_box p{
  width :100%;
}

}