@charset "utf-8";
table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:top;border-collapse:collapse}ul{list-style:none}caption{text-align:left;padding-bottom:5px}p,dl,dt,dd{padding:0;margin:0}ul li,ol li{list-style:none}:root ol,:root ul{margin:0;padding:0}:root blockquote{margin:0}em{font-style:normal}img{vertical-align:top}hr{padding:0;margin:0;border:none}header,footer,nav,article,section,aside,time,figure{display:block}[hidden],command,datalist,menu[type=context],rp,source{display:none}input[type="submit"],input[type="button"]{border-radius:0;-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}
a {
transition: 0.1s;
}
a:hover {
transition: 0.1s;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
  overflow-x: hidden
}

body {
	font-size: 1.6rem;
	font-family: "arial","Noto Sans JP","游ゴシック体","Yu Gothic","YuGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","sans-serif";
  overflow-wrap: break-word;
  word-break: normal;
  color: #333333;
  -webkit-text-size-adjust: none;
  letter-spacing: 0.1em
}
/*common structure---------------------------*/
.pc {
	display: block;
} 
.sp {
	display: none;
} 
@media screen and (max-width: 767px) {
	.pc {
		display: none;
	} 
	.sp {
		display: block;
	}
}

/*template contents---------------------------*/
header {
position: fixed;
top: 0;
width: 100%;
z-index: 1;
background: #ffffff;
}
.borderB {
border-bottom: 1px solid #dddddd;
}
.important_info {
background: #e50012;
font-size: 1.3rem;
}
.important_info.A_R{text-align: right;}
.important_info.A_L{text-align: left;}

.important_info ul li {
display: inline-block;
color: #ffffff;
}
	.important_info ul li a {
	display: block;
	padding: 0 2em;
	border-left: 1px solid #ffffff;
	line-height: 36px;
	color: #ffffff;
	text-decoration: none;
	}
	.important_info ul li a:hover {
	color: #333333;
	background: #cccccc;
	}
.header_main {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content:space-between;
justify-content:space-between;
align-items:flex-end;
padding: 20px;
}
.logo-h {
width: 40%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
	.hlogo {
	width: auto;
	height: 140px;
	max-height: 140px;
	}
   _:-ms-lang(x)::-ms-backdrop, .hlogo {
	height: 100%;
	}

.header_info {
width: 60%;
text-align: right;
}
	ul.sns_links {
  height: 40px;
	}
	ul.sns_links li {
	display: inline-block;
	margin-left: 12px;
	line-height: 1;
	}
	ul.sns_links li a {
	font-size: 30px;
	color: #be1212;
	}
	ul.sns_links li a i.twitter { color: #1da1f2; }
	ul.sns_links li a i.facebook { color: #3b5998; }
	ul.sns_links li a i.instagram { color: #c13584; }
  ul.sns_links li a i.youtube { color: #c13535; }
	.contact_box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:wrap;
	-webkit-justify-content:flex-end;
	justify-content: flex-end;
	align-items: center;
	}
	.contact_tel {
		}
		.tel_number_box {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:wrap;
		-webkit-justify-content:flex-end;
		justify-content: flex-end;
		}
      .company_name {
      font-size: 12px;
      }
      .company_name span {
      padding: 0 6px;
      color: #ffffff;
      line-height: 30px;
      font-weight: bold;
      background: #000000;
      }
      .tel_number_box i:before {
      margin-right: 10px;
      font-size: 3.2rem;
      }
			.tel_number {
      padding: 0;
			font-size: 3.5rem;
			font-weight: bold;
			line-height: 1;
      color: #000000;
      text-decoration: none;
			}
    .contact_tel .infoText {
    font-size: 1.3rem;
    }
    
    
		.header_btn {
    margin-left: 30px;
    }
    
	
@media screen and (max-width: 767px) {
	header {
  height: 110px;
	}
	.important_info {
	font-size: 1.1rem;
	}
	.important_info ul li a {
	padding: 0 1em;
	line-height: 31px;
	}
	.header_main {
	padding: 10px 15px 0;
  align-items: center;
	}
	.logo-h {
	width: 40%;
	}
	img.hlogo {
	max-height: 60px;
	}
	.header_info {
	width: 60%;
	}
	ul.sns_links {
  display: none;
	}
	.contact_tel {
	display: none;
	}
}

/*main---------------------------*/
main {
width: 100%;
padding-top: 215px;
display: block;
}
@media screen and (max-width: 767px) {
main {
padding-top: 110px;
}
}
/*container----------------------*/
.container {
margin: 0 auto;
padding-left:15px;
padding-right:15px;
width: 100%;
max-width: 970px;
}

/*MV-----------------------------*/
#movieWrap{
overflow: hidden;
width: 100%;
margin-bottom:40px;
padding: 40px 15px;
position: relative;
background:url("../images/background_img.png") #fcee21;
}
#movieWrap video{
width: 100%;
max-width: 1000px;
height: auto;
margin: 0 auto;
background: #000000;
}

#movieWrap video.pcmov {
display: block;
border: 14px solid #000000;
}
#movieWrap video.spmov {
display: none;
}
#movieWrap .movieLoad {
position: fixed;
top: 0;
left: 0;
background: #000000;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 1;
}

@media screen and (max-width: 767px) {
#movieWrap{
margin-bottom: 30px;
padding: 15px;
}
#movieWrap video.pcmov {
display: none;
}
#movieWrap video.spmov {
display: block;
border: 7px solid #000000;
}
}


/*cta--------------------------------*/
.cta_wrap {
margin: 80px auto 0;
padding-top: 10px;
padding-left:15px;
padding-right:15px;
width: 100%;
max-width: 1000px;
}
.cta_titleBox {
margin: 50px 0;
text-align: center;
font-weight: bold;
}
.cta_title {
margin-bottom: 0.5em;
padding: 0.5em 0;
font-size: 4.0rem;
}

.cta_contactBox {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;
}
.tel_box {
width: 50%;
}
.tel_numberBox {
}


.tel_number2 {
font-size: 5.0rem;
font-weight: bold;
}

.link_box {
margin-left: 30px;
width: calc(50% - 30px);
}

p.subTitle {
margin-bottom: 15px;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.1;
}
.tel_box i, .link_box i {
font-size: 30px;
margin-right: 5px;
}
p.tel_numberBox {
line-height: 1.1;
}
p.infoText {
font-size: 1.4rem;
}
a[href^="tel:"] {
    pointer-events: none;
}
.tel_box a {
text-decoration: none;
color: #333333;
}

@media screen and (max-width: 767px) {
	a[href^="tel:"] {
			pointer-events:inherit;
	}
  .cta_wrap {
  margin: 40px auto 0;
  }
	.cta_titleBox {
	margin: 20px 0;
	}
	.cta_title {
	margin: 0;
	font-size: 3.0rem;
	}
	.tel_box {
	width: 100%;
	}
	.link_box {
	margin: 0;
	width: 100%;
	}
	.tel_number2 {
	font-size: 4.0rem;
	}
	p.subTitle {
	margin-bottom: 10px;
	font-size: 1.4rem;
	text-align: center;
	}
	.tel_box i, .link_box i {
	font-size: 15px;
	}
	.tel_box a {
	display: block;
	margin: 0 auto 30px;
	padding: 0.5em 1em;
	max-width: 500px;
	text-align: center;
	background: #40b981;
	color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 5px 0 #2c8c5f;
	}
}


/*footer-----------------------------*/
footer {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap:wrap;
-webkit-justify-content:flex-start;
justify-content:flex-start;
max-width: 1000px;
width: 100%;
margin: 50px auto;
padding-left:15px;
padding-right:15px;

}
.copyright {
width: 40%;
font-size: 1.1rem;
}
.sub-links {
width: 60%;
text-align: right;
}
.sub-links li {
  display: inline-block;
  border-left: 1px solid #333;
  padding-left: 15px;
  line-height: 1.1;
  margin-left: 10px
}

.sub-links li:first-child {
  border-left: none
}

.sub-links li a {
  color: #333;
  font-size: 1.2rem
}

@media screen and (max-width: 767px) {
	footer {
	margin: 20px auto;
	}
	.copyright {
	width: 100%;
	text-align: center;
	}
	.sub-links {
	width: 100%;
	text-align: center;
	}
	.sub-links li:first-child {
	margin: 0;
	padding: 0;
	}
}

/*btn-----------------------------*/
.btn-var1 {
display: block;
float: right;
clear: both;
padding: 0.6em 3em;
font-size: 2.0rem;
background: #E60012;
color: #ffffff;
text-shadow: 0 3px 0 #840b22;
font-weight: bold;
text-align: center;
border-radius: 5px;
box-shadow: 0 5px 0 #840b22;
text-decoration: none;
top: 0;
position: relative
}
.btn-var1:hover {
  top: 5px;
  box-shadow: none;
  text-decoration: none
}
.siezL {
width: 100%;
padding: 0.8em 0;
font-size: 2.2rem;
}
.link_box .btn-var1 {
max-width: 500px;
float: inherit;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.btn-var1 {
	padding: 0.3em 2em;
	font-size: 1.4rem;
  border-radius: 5px;
	}
	.siezL {
	padding: 0.6em 0;
	font-size: 2.2rem;
	}
}


/*custom contents---------------------------*/
.copy {
}
  .ttl_copy {
  margin: 0 0 40px;
  }
.instagram {
margin-bottom: 55px;
text-align: center;
}
  .ttl_instagram {
  margin: 80px 0 40px;
  }
@media screen and (max-width: 767px) {
  .ttl_instagram {
  margin: 40px 0 20px;
  }
  .ttl_instagram img {
  width: 50px;
  height: auto;
  }
}

.content01 {
}
  .ttl_content01 {
  margin: 40px 0 40px;
  }
  .content01_box {
  margin: 80px 0;
  text-align: center;
  }
  .content01_inner {
  margin-top: -40px;
  padding: 40px 15px;
  background:url("../images/background_img.png") #fcee21;
  }
  .content01_inner > div {
  width: calc(970px + 30px);
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  text-align: center;
  }
@media screen and (max-width: 768px) {
  .ttl_content01 {
  margin: 20px 0;
  }
  .content01_box {
  margin: 40px 0;
  }
  .content01_inner_L, .content01_inner_R {
  margin-top: 20px;
  width: 100%;
  }
  .content01_inner_L img, .content01_inner_R img {
  margin-left: auto;
  margin-right: auto
  }
}

.content02_box {
width: 970px;
max-width: 100%;
border: 5px solid #000000;
position:relative;
margin-top: 120px;
padding: 80px 40px 40px;
}
  .ttl_content02 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -40px);
  }
  .content02_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  }
  .content02_L {
  width: 324px;
  }
  .content02_R {
  width: 58%;
  background: url("../images/img12.png") bottom right no-repeat;
  background-size: 30%;
  }
  .content02_L h3, .content02_R h3 {
  margin-bottom: 20px;
  background: #cccccc;
  text-align: center;
  }
  .content02_L h3 img, .content02_R h3 img {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  }
  .content02_R h3 {
  background: #e50012;
  }
  .content02_L .photo, .content02_R .photo {
  max-height: 180px;
  }
  .content02_L ul.checkList, .content02_R ul.checkList {
  margin-top: 20px;
  font-size: 1.9rem;
  font-weight: bold;
  }
  .content02_L ul.checkList li, .content02_R ul.checkList li {
  line-height: 1.5;
  margin-bottom: 10px;
  padding-left: 40px;
  background: url("../images/icon_01.png") center left no-repeat;
  }
  .content02_R ul.checkList li {
  color: #e50012;
  background: url("../images/icon_02.png") center left no-repeat;
  }
@media screen and (max-width: 768px) {
  .content02_L,.content02_R {
  width: 46%;
  }
  .content02_R {
  background: none;
  }
  .content02_L .photo, .content02_R .photo {
  max-height:inherit;
  }
}
@media screen and (max-width: 767px) {
  .content02_box {
  margin-top: 60px;
  padding: 40px 20px 20px;
  }
  .ttl_content02 {
  transform: translate(-50%, -22px);
  }
  .content02_L {
  width: 100%;
  }
  .content02_R {
  margin-top: 20px;
  width: 100%;
  }
}
.content03 {
margin: 80px 0;
text-align: center;
background:url("../images/background_img.png") #fcee21;
}
  .content03 p {
  margin-left: auto;
  margin-right: auto;
  padding: 40px 15px;
  width: calc(970px + 30px);
  max-width: 100%;
  }
@media screen and (max-width: 767px) {
  .content03 {
  margin: 40px 0;
  }
}

.content04 {
text-align: center;
}
.content04_box {
width: 825px;
max-width: 100%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.content04_box h3 {
margin-bottom: 20px;
}
ul.service_info {
margin: 20px auto;
padding: 20px 40px;
width: 772px;
max-width: 100%;
border: 1px dashed #000000;
}
ul.service_info li {
font-size: 13px;
line-height: 1.8;
text-align: left;
}
@media screen and (max-width: 767px) {
  .content04_box {
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  }
}

.content05 {
width: 970px;
max-width: 100%;
margin-top: 40px;
}
.content05 h3 {
margin-bottom: 40px;
text-align: center;
}
.content05 h3 img {
margin-left: auto;
margin-right: auto;
}
table.price {
width: 100%;
font-size: 2.2rem;
border: 5px solid #999999;
}
table.price th, table.price td {
padding: 1em 0;
text-align: center;
vertical-align: middle;
border-right: 5px solid #999999;
border-bottom: 5px solid #999999;
}
table.price th {
color: #ffffff;
background: #fbb03b;
}
table.price th.left_column {
width: 7em;
background: #f15a24
}
table.price td {
font-size: 3.0rem;
line-height: 1.3;
font-weight: bold;
font-family: Arial, Helvetica, "sans-serif";
}
table.price td span {
display: block;
font-size: 1.3rem;
color: #666666;
}
@media screen and (max-width: 767px) {
  table.price {
  font-size: 1.6rem;
  border: 3px solid #999999;
  }
  table.price th, table.price td {
  padding-left: 1em;
  padding-right: 1em;
  border-right: 3px solid #999999;
  border-bottom: 3px solid #999999;
  }
  table.price td {
  font-size: 2.2rem;
  }
}
.content06 {
width: 970px;
max-width: 100%;
margin-top: 80px;
}
  .content06_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  }
  .content06_L, .content06_R {
  width: 48%;
  border: 5px solid #666666;
  position:relative;
  margin-top: 40px;
  padding: 60px 40px 40px;
  }
  .content06_L h3, .content06_R h3 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -40px);
  }
  .content06_R p {
  font-size: 2.6rem;
  font-weight: bold;
  }
  .content06_R p span {
  padding: 0 3px;
  font-size: 1.9rem;
  font-weight: bold;
  color: #ffffff;
  background: #e50012;
  }
  
  
  ul.optionList li {
  padding: 0.1em 0;
  font-size: 2.0rem;
  font-weight: bold;
  }
  ul.importantList {
  margin-top: 20px;
  }
  ul.importantList li {
  padding: 0.1em 0 0.1em 1.5em;
  font-size: 1.3rem;
  position: relative;
  }
  ul.importantList li:before {
  position: absolute;
  left: 0;
  content: '※';
  }
@media screen and (max-width: 767px) {
  .content06 {
  margin-top: 40px;
  }
  .content06_L, .content06_R {
  width: 100%;
  border: 3px solid #666666;
  margin-top: 60px;
  padding: 30px 40px 20px;
  }
  .content06_L h3, .content06_R h3 {
  text-align: center;
  transform: translate(-50%, -24px);
  }
  .content06_L h3 img, .content06_R h3 img{
  max-width: 64%;
  margin-left: auto;
  margin-right: auto;
  }
  .content06_R p {
  font-size: 1.6rem;
  }
  .content06_R p span {
  font-size: 1.6rem;
  }
  
  
  ul.optionList li {
  font-size: 1.6rem;
  }
}


.content07 {
margin-top: 80px;
padding-bottom: 20px;
border-bottom: 5px solid #000000;
}
@media screen and (max-width: 767px) {
.content07 {
margin-top: 40px;
padding-bottom: 20px;
border-bottom: 5px solid #000000;
}
  .content07 h3 img{
  max-width: 64%;
  }
}

ul.sns_links.under {
display: block;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.sns_links.under li {
display: inline-block;
margin-left: 12px;
margin-right: 12px;
}
ul.sns_links.under li a {
font-size: 40px;
}

.footer_container {
background:url("../images/background_img.png") #fcee21;
}
footer {
margin-bottom: 0;
padding-bottom: 20px;
}

.bk_red {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 1em;
font-size: 2.0rem;
color: #ffffff;
text-align: center;
background:#e50012;
border-radius: 100vh;
}
.balloon {
position: relative;
}
.balloon::before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  margin-left: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid #e50012;
  border-left: 15px solid transparent;
}
.bk_red strong {
font-size: 3.3rem;
}
@media screen and (max-width: 767px) {
  .bk_red {
  margin-left: 15px;
  margin-right: 15px;
  font-size: 1.6rem;
  }
  .bk_red strong {
  font-size: 2.0rem;
  }
}

.img_C {
margin-left: auto;
margin-right: auto;
}
.txt_red {
color: #e50012;
}
.table_scroll{
overflow: auto;
white-space: nowrap;
}
.table_scroll::-webkit-scrollbar{
 height: 5px;
}
.table_scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.table_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}