@charset "UTF-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  line-height: 1.8;
  vertical-align: baseline; }

nav ul {
  list-style: none; }

ul li {
	list-style: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration: none;
  color: #000000; }
  
  a:hover {
      opacity: 0.8;
  }
  
/*ここから記述*/  

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

html {
    font-size: 62.5%;
}

body {
  font-family: "Hiragino Sans";
  line-height: 1.5;
  letter-spacing: .0em;
  color: #000000;
  box-sizing: border-box;
	font-weight: 500;
}

.container {
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
	font-size: 2.4rem;
	text-align: center	
}

.header_flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

.header_flex img {
	max-width: 200px;
	width: 100%;
}

.g-nav-flex {
	display: flex;
	font-size: 1.2rem;
	font-weight: 500;
	align-items: center;
}

.g-nav-flex p {
	margin-left: 15px;
}

.g-nav-flex a {
	margin-left: 15px;
}

#mv {
	box-sizing: border-box;
    background-image: url("../images/mv.png");
	width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
}

.mv-ttl-img {
	width: 100%;
	margin: 20px auto -13px auto;
	right: 0px;
}

.contents {
	margin-top: 80px;
}

.contact-flex {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	margin-bottom: 80px;
}

.contact-flex2 {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-bottom: 80px;
}

.contact-flex3 {
	display: flex;
	justify-content: space-between;
}

.contact-flex-img {
	max-width: 484px;
	width: 100%;
}

.orange-bg {
	box-sizing: border-box;
    background-image: url("../images/orange-bg.png");
	width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
}

.merit-img {
	margin-top: 80px;
}

.point-img {
	margin-bottom: 80px;
}

.hikaku-img {
	margin-bottom: 80px;
}

.grey-bg {
	background-color: #F5F5F5;
}

.chigai {
	margin-top: 80px;
	padding-bottom: 80px;
}

.yellow-bg {
	box-sizing: border-box;
    background-image: url("../images/yellow-bg.png");
	width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
}

.voice {
	max-width: 716px;
	width: 100%;
	margin-top: 80px;
}

.osusume {
	margin-top: 80px;
	padding-bottom: 80px;
}

.faq-area {
	box-sizing: border-box;
    background-image: url("../images/faq-bg.png");
    height: auto;
    background-size: cover;
    background-position: center center;
	padding: 0px 0 80px 0;
}

.faq-txt {
	text-align: left;
	font-size: 2.4rem;
}

.faq-q {
	border-bottom: 1px solid #ffffff;
	width: 100%;
	margin-left: 15px;
	padding-bottom: 5px;
	font-weight: 700;
}

.faq-block {
	margin-top: 40px;
	color: #fff;
}

.faq-flex {
	display: flex;
}

.faq-a {
	margin-left: 15px;
	margin-top: 11px;
	font-size: 1.8rem;
	font-weight: 700;
}

.faq-a-ttl {
	margin-top: 5px;
	font-weight: 700;
}

.shitsumon-ttl {
	max-width: 305px;
	margin-top: 80px;
}

.q {
	font-weight: 700;
}

.tenpo {
	margin-top: 80px;
	margin-bottom: 20px;
}

.gmap {
	width: 100%;
	height: 300px;
	margin-bottom: 80px;
}




.container img {
	width: 100%;
	pointer-events: none;
}

a img {
	pointer-events: auto!important;
}

.cv-btn {
	margin-top: 30px;
	margin-bottom: 80px;
	width: 100%;
	max-width: 600px;
}

.thanks-ttl {
	font-size: 3rem;
	font-weight: 800;
	color: #0096ff;
	margin: 50px auto 20px auto;
}

.thanks-txt {
	font-size: 2rem;
}

.contact-bg {
	background-color: #C9BC9C;
	border-radius: 30px;
	margin-bottom: 80px;
}

.contact-ttl {
	max-width: 292px;
	width: 100%;
	margin-top: 80px;
	margin-bottom: 20px;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

/*コンタクトフォーム*/

.send-btn-img {
	max-width: 485px;
	width: 100%;
	margin-bottom: 70px;
}

.thanks-txt {
	padding-bottom: 30px;
}

.thanks-ttl {
	margin-top: 30px;
}

.front__company-container2 {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1060px;
    padding-left: 30px;
    padding-right: 30px;
}

.header-thanks {
	background-color: #14274a;
    bottom: -150px;
    box-shadow: 0 7px 5px rgb(0 0 0 / 10%);
    left: 0;
    padding: 0 15px;
    /* position: fixed; */
    right: 0;
    top: auto;
    transition: bottom .5s cubic-bezier(.645, .045, .355, 1);
    z-index: 99;
	padding: 10px;
}

.label {
	margin-left: 10px;
	font-size: 1.8rem;
}

.doui {
	text-align: center;
	margin-top: 30px;
	font-size: 1.8rem;
	letter-spacing: 0.2em;
}

.registration-block {
	padding-right: 2%;
	padding-left: 2%;
}

.Form {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
	width: 96%;
}

.inline_box {
width: 100%;
height: 150px;
overflow: auto;
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
}

.kiyaku-ttl {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px solid;
}

@media screen and (max-width: 768px) {
	
	.contact-flex3 {
	display: block;
	justify-content: space-between;
}
	
	.send-btn-img {
	max-width: 485px;
	width: 100%;
	margin-bottom: 20px;
}
	
	.contact-ttl {
	max-width: 292px;
	width: 60%!important;
	margin-top: 30px;
	margin-bottom: 0px!important;
}
	
	.contact-bg {
	background-color: #C9BC9C;
	border-radius: 10px;
	margin-bottom: 30px;
}
	
	.gmap {
	width: 100%;
	height: 300px;
	margin-bottom: 30px;
}
	
	.tenpo {
	margin-top: 30px;
	margin-bottom: 20px;
}
	
	.shitsumon-ttl {
	max-width: 305px;
		width: 60%!important;
	margin-top: 30px;
}
	
	.voice {
	max-width: 716px;
	width: 100%;
	margin-top: 30px;
}
	
	.osusume {
	margin-top: 30px;
	padding-bottom: 30px;
}
	
	.chigai {
	margin-top: 30px;
	padding-bottom: 30px;
}
	
	.merit-img {
	margin-top: 30px;
}

.point-img {
	margin-bottom: 30px;
}

.hikaku-img {
	margin-bottom: 30px;
}
	
.contact-flex2 {
	display: block;
	justify-content: space-between;
	margin-top: 20px;
	padding-bottom: 30px;
}
	
	.contact-flex {
	display: block;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 30px;
}
	
	.contents {
	margin-top: 30px;
}
	
	.faq-txt {
	text-align: left;
	font-size: 1.8rem;
}

.faq-a {
	margin-left: 15px;
	margin-top: 11px;
	font-size: 1.4rem;
	font-weight: 500;
}
	
  .Form {
    margin-top: 0px;
  }
}
.Form-Item {
  border-top: 1px solid #A48B78;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
.Form-Item2 {
  margin-left: 40px;
}

@media screen and (max-width: 768px) {
	.Form-Item2 {
  margin-left: 0px;
}
  .Form-Item {
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
	  margin-bottom: 10px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 768px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #FF7800;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
	border-radius: 5px;
  border: 1px solid #ddd;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 40px;
  flex: 1;
  width: 100%;
  /*max-width: 410px;*/
  background: #eaedf2;
  font-size: 18px;
}

.Form-Item-Input::placeholder {
	color: #C9BC9C;
}


@media screen and (max-width: 768px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 0px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  background: #eaedf2;
  font-size: 18px;
}
.Form-Item-Textarea::placeholder {
	color: #C9BC9C;
}

@media screen and (max-width: 768px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Btn {
	text-align: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #fff;
  font-size: 2.5rem;
}
@media screen and (max-width: 768px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.8rem;
  }
}

.send-btn {
	background-color: #FF7800;
	padding: 20px 30px;
	border: none;
	border-radius: 10px;
	font-weight: 800;
}

.send-btn-block {
	padding-bottom: 80px;
}

.header-tenmei {
	font-size: 3rem;
	font-weight: 800;
}

@media screen and (max-width: 768px) {
	
	.chushaku {
	color: #888888;
	font-size: 1.2rem;
	text-align: left;
}
	
	.front__company-container2 {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1060px;
    padding-left: 10px;
    padding-right: 10px;
		line-height: 1em;
}
	
	.thanks-ttl {
	font-size: 3rem;
	font-weight: 800;
	color: #0096ff;
	margin: 50px auto 20px auto;
		line-height: 1.3em;
}

.thanks-txt {
	font-size: 1.8rem;
	line-height: 1.4em;
}
	
	.orange {
	color: #ffdb00!important;
}
	
	#flow img {
	margin-bottom: 50px;
}
	
	.omakase {
	box-sizing: border-box;
    background-image: url("../images/omakase_bg.png");
	padding: 50px 0 50px 0;
	width: 100%;
	margin-top: 50px;
    height: auto;
    background-size: cover;
    background-position: center center;
}
	
	#voice img {
	margin-bottom: 50px;
}
	
	.send-btn-block {
	padding-bottom: 50px;
}
	
	.send-btn {
	background-color: #0096ff;
	padding: 20px 30px;
	border: none;
	border-radius: 10px;
	font-weight: 800;
}
	
	.container {
    margin: 0 auto;
	font-size: 2.4rem;
	text-align: center;
}
	.container img {
	width: 100%;
}
	
	.tasha-txt {
	margin-bottom: 20px;
		font-size: 1.8rem;
}
	
.tenpo-flex {
	display: block!important;
}

.tenpo-block {
	width: 100%;
	margin-bottom: 20px;
}
	
	.pc {
		display: none;
	}
	
	.cv-btn {
		max-width: 320px;
		margin-bottom: 50px;
	}
	
	h2 {
		margin: 50px auto 10px auto;
		font-size: 2.5rem;
	}
	
	.head-border {
    position: relative;
    display: inline-block;
    padding: 0 40px;
}

.head-border:before,
.head-border:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #000;
}

.head-border:before {
    left: 0;
}

.head-border:after {
    right: 0;
}

.head-border2 {
    position: relative;
    display: inline-block;
    padding: 0 40px;
	color: #fff;
}

.head-border2:before,
.head-border2:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 30px;
    height: 1px;
    background-color: #fff;
}

.head-border2:before {
    left: 0;
}

.head-border2:after {
    right: 0;
}
	
	.tasha-ttl {
	font-size: 2.5rem;
	font-weight: 800;
	color: #0096ff;
	margin: 30px auto 10px auto;
}
	
}

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

footer {
	font-size: 1.2rem;
	color: #fff;
	background-color: #FF7800;
	text-align: center;
	padding: 10px auto;
}

.footer-txt {
	font-size: 1.2rem;
	padding: 10px auto;
}

.footer-flex {
	font-size: 1.8rem;
	margin-bottom: 40px;
}

.footer-flex a {
	margin-left: 10px;
	margin-right: 10px;
}
 
.footer-logo {
	max-width: 230px;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 10px;
}

footer {
	padding: 10px;
}

.submit_btn{
    border: 0px;
    background-image: url("../images/send-btn.png");
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	padding: 0 30%;
	margin-bottom: 80px;
}