@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - https://richclarkdesign.com 
Twitter: @rich_clark
*/

/*HP-css*/
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, 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;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  padding-top: 0px;
}

.interview_section {
	margin-top: 30px;
	margin-bottom: 50px;
}
.interview_section .entry-talk-box {
	border-collapse: separate;
	border-spacing: 15px 2px;
	display: table;
	margin-top: 20px;
	margin-bottom: 20px;
	table-layout: fixed;
	width: 100%;
}
.interview_section .entry-talk-img {
	display: table-cell;
	vertical-align: top;
	width: 45px;
}
.interview_section .entry-talk-img img {
	border-radius: 50%;
	width: 45px;
}
.interview_section .entry-talk-txt {
	background-color: #F2F2F2;
	border-bottom: 1px solid #BBB;
	border-radius: 8px;
	display: table-cell;
	padding: 10px;
	position: relative;
}
.interview_section .entry-talk-txt-left:after {
	content: '';
	position: absolute;
	border-right: 12px solid #F2F2F2;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	left: -11px;
	top: 10px;
}
.interview_section .entry-talk-txt-right:after {
	content: '';
	position: absolute;
	border-left: 12px solid #F2F2F2;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	right: -11px;
	top: 10px;
}
.interview_section .entry-talk-txt p {
	line-height: 1.6;
	margin: 0;
	font-size: 13px;
	color: #000;
}

/*スクロールダウン全体の場所*/
.scroll_down{
	/*描画位置*/
	position: absolute;
	left: 50%;
	bottom: 0px;
	/*全体の高さ*/
	height: 180px;
	z-index: 15;
}
/*スクロールダウン線の描写*/
.scroll_down::after{
	content: "";
	/*描画位置*/
	position: absolute;
	top: 0;
	/*線の形状*/
	width: 1px;
	height: 160px;
	background: #EFEFEF;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 2.2s ease-in-out infinite;
	opacity:0;
}
/*スクロールダウン高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:100%;
		opacity: 1;
	}
	100%{
		height:0;
		top:100%;
		opacity: 0;
	}
}
.contact_box {
  height: 65px;
}
.hero .hero_title_consul {
	z-index: 15;
	top: 47%;
	left: 50%;
	position: absolute;
	display: inline;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center;
}
.hero .hero_title_consul h2 {
	text-align: center;
	font-size: 30px;
}

.price_table table{
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
}
.price_table table th{
	padding-top: 17px;
	padding-bottom: 17px;
	padding-right: 10px;
	padding-left: 10px;
	border: solid 1px #DADADA;
	color: #FFF;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
.price_table table span.no1 {
	background-color: #FFF;
	color: #000;
	width: 70px;
	font-size: 12px;
	border-radius: 15px;
	padding: 5px;
	margin-right: 8px;
	font-weight: normal;
}

.price_table table .gray {
	background-color: #636363;
}
.price_table table .blue {
	background-color: #227CBF;
}
.price_table table .green {
	background-color: #61B51F;
}
.price_table table .orange {
	background-color: #F4750C;
}
.price_table table .pink{
	background-color: #EA3A92;
}
.price_table table .purple{
	background-color: #8123B0;
}
.price_table table .red{
	background-color: #EB352F;
}

.price_table table .fixed{
	position: sticky;
	left: 0;
}
.price_table table .fixed:before{
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #DADADA;
}

.price_table table td{
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	padding-left: 10px;
	border: solid 1px #DADADA;
	color: #FFF;
	font-size: 14px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: bold;
}

figure figcaption {
	color: #FFFFFF;
}
.plan_box .plan_content {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}

.plan_box .blue .plan_content dl {
	border-top: 2px solid #227CBF;
}
.plan_box .green .plan_content dl {
	border-top: 2px solid #61B51F;
}
.plan_box .orange .plan_content dl {
	border-top: 2px solid #F4750C;
}
.plan_box .pink .plan_content dl {
	border-top: 2px solid #EA3A92;
}
.plan_box .purple .plan_content dl {
	border-top: 2px solid #8123B0;
}
.plan_box .red .plan_content dl {
	border-top: 2px solid #EB352F;
}
.plan_box .brown .plan_content dl {
	border-top: 2px solid #974600;
}

.plan_box .plan_content dl {
	position: relative;
	margin-top: 15px;
}
.plan_box .plan_content dl dt {
	color: #FFF;
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
}
.plan_box .plan_content dl dd {
	display: none;
}
.plan_box .plan_content dl dd .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.plan_box .plan_content dl dd p {
	color: #000;
	font-size: 12px;
	border-radius: 5px;
	background-color: #FFF;
	width: 48%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	display: inline-block;
	text-align: center;
	margin-top: 15px;
}

.plan_box .blue .plan_content dl dd .color {
	color: #FFF;
	background-color: #227CBF;
}
.plan_box .green .plan_content dl dd .color {
	color: #FFF;
	background-color: #61B51F;
}
.plan_box .orange .plan_content dl dd .color {
	color: #FFF;
	background-color: #F4750C;
}
.plan_box .pink .plan_content dl dd .color {
	color: #FFF;
	background-color: #EA3A92;
}
.plan_box .purple .plan_content dl dd .color {
	color: #FFF;
	background-color: #8123B0;
}
.plan_box .red .plan_content dl dd .color {
	color: #FFF;
	background-color: #EB352F;
}
.plan_box .brown .plan_content dl dd .color {
	color: #FFF;
	background-color: #974600;
}

.plan_box .plan_content dl dt::after {
	content: '＋';
	position: absolute;
	color: #FFF;
	top: 15px;
	right: 15px;
	font-size: 16px;
}
.plan_box .blue .plan_content dl dt {
	color: #46A9F2;
}
.plan_box .green .plan_content dl dt {
	color: #61B51F;
}
.plan_box .orange .plan_content dl dt {
	color: #F4750C;
}
.plan_box .pink .plan_content dl dt {
	color: #EA3A92;
}
.plan_box .purple .plan_content dl dt {
	color: #A43AD8;
}
.plan_box .red .plan_content dl dt {
	color: #EB352F;
}
.plan_box .brown .plan_content dl dt {
	color: #DB6400;
}

.column_text_box .column_movie video {
	width: 100%;
	height: 100%;
}

.column_text_box .column_movie {
	position: relative;
	margin-top: 20px;
}
.conA.top_page {
	padding-top: 70px;
}


.speed_check .check_box section {
	margin-top: 30px;
}
.chiro_lp_link_button {
	border-radius: 100vw;
	background-color: #FFF532;
	display: block;
	padding-top: 10px;
	padding-bottom: 13px;
	margin-top: 0px;
	margin-bottom: 75px;
	text-decoration: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.chiro_lp_link_button p {
  text-align: center;
  color: #3A3A3A;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
}
.chiro_lp_link_button p span {
	font-size: 13px;
	margin-bottom: 5px;
	color: #000000;
	font-weight: normal;
	display: inline-block;
}


/*タブ切り替え全体のスタイル（タブ切り替え機能）*/
.tabs {
	margin-top: 30px!important;
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*タブのスタイル（タブ切り替え機能）*/
.tab_item {
	width: calc(100%/3);
	height: 45px;
	background-color: #DDDDDD;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	color: #000;
	display: block;
	float: left;
	font-weight: bold;
	transition: all 0.3s ease;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.tab_item.gray {
	background-color: #CACACA;
}
.tabs .tabs_space_box {
	width: 100%;
	height: 45px;
}
/*ラジオボタンを全て消す（タブ切り替え機能）*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル（タブ切り替え機能）*/
.tab_content {
	display: none;
	clear: both;
	overflow: hidden;
	width: 47.5%;
	border-bottom: 1px dashed #BABABA;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
/*選択されているタブのコンテンツのみを表示（タブ切り替え機能）*/
#all:checked ~ .tab_content,
#web:checked ~ .web_content,
#attract:checked ~ .attract_content,
#management:checked ~ .management_content,
#seo:checked ~ .seo_content, 
#marketing:checked ~ .marketing_content,
#seikotsuin:checked ~ .seikotsuin_content {
	display: inline-block;
}
/*選択されているタブのスタイルを変える（タブ切り替え機能）*/
.tabs input:checked + .tab_item {
	background-color: #518BDF;
	color: #fff;
}
.tab_content .columns {
	text-decoration: none;
}
.tab_content .columns .img_box {
  height: 80px;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}
/* その場で */
.fadeIn_content{
animation-name:fadeInAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}




.sub_boxI .space_box {
	display: none;
}

.info_box ol li time {
	color: #B8B8B8;
	font-weight: normal;
	margin-right: 10px;
}

.info_box ol li {
  font-size: 14px;
  text-align: left;
  color: #FFFFFF;
  border-bottom: 1px dotted #A3A3A3;
  padding-bottom: 12px;
  margin-top: 12px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.info_box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.info_box ol {
  padding: 0;
  list-style-type: none;
}


.works_conA .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-basis: auto;
}
.column_text_box section .table_B {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 12px;
	margin-top: 13px;
	margin-bottom: 13px;
}
.column_text_box section .table_B th:last-child{
  border-right: 1px solid #555555;
}
.column_text_box section .table_B th{
  text-align: center;
  border-left: 1px solid #555555;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  width: 25%;
  padding: 10px 0;
  letter-spacing: 0.2em;
  background-color: #EDEDED;
}
.column_text_box section .table_B td{
  text-align: left;
  border-left: 1px solid #555555;
  border-bottom: 1px solid #555555;
  border-top: none;
  width: 25%;
  padding: 10px 5px;
  line-height: 1.9;
  color: #FFFFFF;
}
.column_text_box section .table_B td:last-child{
  border-right: 1px solid #555555;
}



/*---前後の記事リンク---*/
.prev-next-link {
  margin-top: 35px;
}
.prev-next-link a {
  border-bottom: 1px #ddd solid;
  display: block;
  text-decoration: none;
  padding: 14px 40px;
  color: #0bd;
  transition: all 0.3s;
}
.prev-next-link a:hover {
  background-color: #353535;
}
.prev-next-link a:first-child {
  border-top: 1px #ddd solid;
}
.prev-next-link .prev-next-label {
  font-size: 15px;
  color: #009EC9;
  margin-bottom: 10px;
  font-weight: bold;
}
/* Arrows */
.prev-link {
  background: url(http://www.webcreatorbox.com/sample/images/arrow-prev.svg) no-repeat 10px center;
}
.next-link {
  background: url(http://www.webcreatorbox.com/sample/images/arrow-next.svg) no-repeat right 10px center;
}
.prev-link,
.next-link {
  background-size: 16px 28px;
}

.column_table .column_menu li {
  list-style-type: none;
}

.column_conB .title_img img {
  width: 100%;
  height: auto;
}

.column_text_box section .img_box {
	margin-top: 20px;
	width: 100%;
}

.column_text_box section .img_box figure img {
	width: 100%;
	height: auto;
}

.column_text_box h3 span {
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	margin-bottom: 8px;
}

.column_table {
  margin-top: 15px;
  margin-bottom: 35px;
}

.column_table .column_menu {
  margin-top: 40px;
  margin-left: 0px;
  padding-left: 0px;
}

.column_table .column_menu .title_B {
  font-size: 13px;
  text-decoration: none;
  display: block;
  margin-top: 15px;
  margin-left: 18px;
  padding-left: 2.3em;
  text-indent: -2.9em;
  color: #FFFFFF;
}
.column_table .column_menu .title_A span {
  color: #A9A9A9;
}
.column_table .column_menu .title_B span {
  color: #A9A9A9;
}
.column_table .column_menu .title_A {
  font-size: 14px;
  text-decoration: none;
  display: block;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 1.5em;
  text-indent: -1.9em;
  border-top: 1px solid #8E8E8E;
  color: #FFFFFF;
}
.column_table .column_menu a {
  transition: all 0.3s;
}
.column_table .column_menu a:hover  {
  opacity: 0.5;
}

.column_table .container {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
  padding-top: 10px;
  max-width: 900px;
}


.top_works {
	padding-top: 40px;
	padding-bottom: 50px;
}

.top_works .container {
	width: 91%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1500px;
}

.breadcrumb li:after{
  content: '>';
  padding-right: 2px;
	padding-left: 3px;
  color: #BCBCBC;
}
.breadcrumb li:last-child:after{
  content: '';
}
.breadcrumb {
	padding-left: 0;
	width: 90%;
	position: absolute;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
	top: 90px;
}
.breadcrumb li a {
	text-decoration: none;
	color: #F0EFEF;
	font-size: 13px;
	transition: all 0.3s;
}
.breadcrumb li a:hover  {
	opacity: 0.8;

}


.breadcrumb li {
	list-style-type: none;
	display: inline;
}

.toggle_menu ul .box .space {
  display: block;
}

.footF small {
	display: flex;
	align-items: center;
}

.footF small span {
	font-size: 20px;
	margin-right: 3px;
}

.cashless {
	width: 100%;
}
.deepxi_method {
	width: 100%;
	padding-top: 30px;
}
.top_banner {
	width: 100%;
	margin-bottom: 55px;
	display: block;
}
.column_text_box .link_button {
	margin-top: 15px;
}
.column_text_box .point_box {
	border: 1px solid #BEBEBE;
	margin-top: 25px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 25px;
}
.column_table .point_box {
	border: 1px solid #BEBEBE;
	margin-top: 25px;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 25px;
}
.column_text_box .point_box li {
	text-decoration: none;
	list-style-type: none;
}
.column_table .point_box li {
	text-decoration: none;
	list-style-type: none;
}

.column_conA {
	padding-top: 20px;
	padding-bottom: 20px;
}

.column_conA .container {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	max-width: 800px;
}
.column_conA p {
	font-size: 13px;
	text-align: justify;
}
.sub_hero .sub_hero_text h1 span {
	font-size: 12px;
}
.sub_hero .sub_hero_text .gradient .column span {
	display: block;
	margin-bottom: 15px;
}
.page_top {
	position: fixed;
	z-index: 10;
	left: auto;
	margin-bottom: 72px;
	right: 8px;
	display: none;
}
.photo_box .triangle {
  width: 38px;
  height: 16px;
  background-image: url(img/triangleA.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.photo_box .photo_sampleA .cowA {
  background-image: url(sample_img/cow_before.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.photo_box .photo_sampleB .stairsA {
  background-image: url(sample_img/stairs_before.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 300px;
}
.photo_box .photo_sampleA .cowB {
  background-image: url(sample_img/cow_after.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 400px;
}
.photo_box .photo_sampleB .stairsB {
  background-image: url(sample_img/stairs_after.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 300px;
}
.video_box .container .videoA {
  width: 100%;
  height: 51vw;
  position: relative;
  max-height: 675px;
}
.video_box .container .videoB {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 35px;
}
.video_box .container .videoC {
  width: 100%;
  height: 100%;
  position: relative;
  margin-top: 35px;
}

.video_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.photo_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.slide_box .container .fade_slideshow {
  margin-bottom: 50px;
}

.slide_box .infiniteslide .item img {
  width: 270px;
  height: 200px;
}

.slide_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.parallax_box {
  margin-top: 50px;
  margin-bottom: 20px;
}

.parallax_box .paraA {
  height: 100vh;
}
.parallax_box .paraB {
  height: 100vh;
}
.parallax_box .paraC {
  height: 100vh;
}
.parallax_box .paraD {
  height: 100vh;
}
.parallax_box .paraE {
  height: 100vh;
}

.paraA .parallaxA {
  background-image: url(sample_img/parallax01.jpg);
  width: 100%;
  height: 100%;
  background-position: left bottom;
  background-size: cover;
  overflow: hidden;
  background-repeat: no-repeat;
  position: relative;
}

.paraB .parallaxB {
  background-image: url(sample_img/parallax02.png);
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.paraC .parallaxC {
  background-image: url(sample_img/parallax03.jpg);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.paraD .parallaxD {
  background-image: url(sample_img/parallax04.jpg);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}
.paraE .parallaxE {
  background-image: url(sample_img/parallax05.jpg);
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
}

.animation_box .svg_animation {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.responsive_box .responcive_text {
	margin-top: 30px;
	margin-bottom: 30px;
}
.animation_box .animation_text {
  margin-top: 40px;
  margin-bottom: 30px;
}

.sample_hero .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.buttons-coll {
  /* [disabled]width: 90%; */
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 50px;
  text-align: center;
}
button {
  margin: 20px;
}
.custom-btn {
  padding: 10px 25px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  background: transparent;
  outline: none !important;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
}
/**** BTN No. 1 ****/
.btn-1 {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.btn-1:hover {
  background: #fff;
  color: #000000;
}
.btn-1:active {
  top: 2px;
}

/**** BTN No. 5 ****/
.btn-5 {
  width: 110px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  color: #FFFFFF;
}
.btn-5 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-5:before,
.btn-5:after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  background: #fff;
  transition: all 0.3s ease;
}
.btn-5:before {
  height: 50%;
  width: 2px;
}
.btn-5:after {
  width: 20%;
  height: 2px;
}
.btn-5:hover:before {
  height: 100%;
}
.btn-5:hover:after {
  width: 100%;
}
.btn-5 span:before,
.btn-5 span:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: #fff;
  transition: all 0.3s ease;
}
.btn-5 span:before {
  width: 2px;
  height: 50%;
}
.btn-5 span:after {
  width: 20%;
  height: 2px;
}
.btn-5 span:hover:before {
  height: 100%;
}
.btn-5 span:hover:after {
  width: 100%;
}

/**** BTN No. 6 ****/
.btn-6 {
  width: 110px;
  height: 40px;
  line-height: 42px;
  padding: 0;
  border: none;
  color: #FFFFFF;
}
.btn-6 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.btn-6:before,
.btn-6:after {
  position: absolute;
  content: "";
  height: 0%;
  width: 2px;
  background: #fff;
}
.btn-6:before {
  right: 0;
  top: 0;
  transition: all 0.1s ease;
}
.btn-6:after {
  left: 0;
  bottom: 0;
  transition: all 0.1s 0.2s ease;
}
.btn-6:hover:before {
  transition: all 0.1s 0.2s ease;
  height: 100%;
}
.btn-6:hover:after {
  transition: all 0.1s ease;
  height: 100%;
}
.btn-6 span:before,
.btn-6 span:after {
  position: absolute;
  content: "";
  background: #fff;
}
.btn-6 span:before {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px;
  transition: all 0.1s 0.1s ease;
}
.btn-6 span:after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.btn-6 span:hover:before {
  width: 100%;
}

/**** BTN No. 7 ****/
.btn-7 {
  border: 2px solid #FFFFFF;
  transition: all 0.3s ease;
  background: #f2f2f2;
}
.btn-7:before {
  position: absolute;
  content: " ";
  z-index: -1;
  width: 25%;
  top: 50%;
  left: -15%;
  height: 2px;
  background: #fff;
  transition: all 0.3s ease;
}
.btn-7:hover {
  background: #000;
  color: #fff;
  border-color: #fff;
  padding-left: 30px;
  padding-right: 20px;
}
.btn-7:hover:before {
  left: -10%;
}

/**** BTN No. 12 ****/
.btn-12 {
  border: 2px solid #FFFFFF;
  z-index: 1;
  color: #FFFFFF;
}
.btn-12:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transition: all 0.3s ease;
}
.btn-12:hover {
  color: #000;
}
.btn-12:hover:after {
  top: 0;
  height: 100%;
}
.btn-12:active {
  top: 2px;
}

/**** BTN No. 14 ****/
.btn-14 {
  border: 2px solid #FFFFFF;
  z-index: 1;
  color: #FFFFFF;
}
.btn-14:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background: #fff;
  transition: all 0.3s ease;
}
.btn-14:hover {
  color: #000;
}
.btn-14:hover:after {
  left: 0;
  width: 100%;
}
.btn-14:active {
  top: 2px;
}






.responsive_box .res_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  opacity: 0.2;
}
.responsive_box .container .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.responsive_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.animation_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.responsive_box .res_box {
  border: 2px solid #DEDEDE;
  width: 47%;
  margin-bottom: 3.5vw;
  position: relative;
  background-color: #3D3D3D;
  height: 18vw;
}


.conL .flow_number .overflow {
  overflow-y: hidden;
}

.conL .flow_number .circle_number span {
  color: #9EEC4D;
  margin-top: 4px;
  font-size: 18px;
  font-weight: bold;
  display: block;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.conL .flow_text h2 {
  font-size: 18px;
  color: #9EEC4D;
  margin-bottom: 3px;
}
.conL .flow_text h3 {
  font-size: 18px;
  color: #9EEC4D;
  margin-bottom: 3px;
}


.conL .flow_text {
  width: 86%;
  margin-top: 2px;
}

.conL .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.sub_boxE section img {
  margin-top: 5px;
}

.sub_boxD_text .ceo_name img {
  margin-left: 15px;
}



.diffe_conA .flex h2 span {
  font-size: 15px;
}

.diffe_conA .flex {
  display: none;
}
.diffe_conA .flex h3 {
  width: 48%;
  font-size: 20px;
  text-align: center;
  line-height: 25px;
}



.diffe_conA {
  padding-top: 60px;
  padding-bottom: 0px;
}
.diffe_conA .heading_spinner {
  margin-bottom: 50px;

}


.diffe_conA .diffe_box .text {
  margin-top: 15px;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.diffe_conA .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}
.diffe_conA .diffe_box {

}
.diffe_conA .diffeA {
  border-radius: 6px;
  border: 2px solid #35DFDF;
	padding-top: 10px;
  padding-bottom: 20px;
  background-color: rgba(32,32,32,0.85);
  /* [disabled]width: 48%; */
  margin-bottom: 30px;
}
.diffe_conA .diffe_box .diffeB .text p {
  font-size: 14px;
  color: #F0F0F0;
}
.diffe_conA .diffe_box .diffeA .text p {
  font-size: 14px;
  color: #F0F0F0;
  padding-left: 1em;
  text-indent: -1em;
}

.diffe_conA .diffeB {
  border-radius: 6px;
  border: 2px solid #DD6868;
  background-color: rgba(32,32,32,0.85);
	padding-top: 10px;
  padding-bottom: 20px;
  /* [disabled]width: 48%; */
}

.diffe_conA .diffe_box .text h4 {
  font-size: 15px;
  border-bottom: 1px solid #AAAAAA;
  margin-bottom: 8px;
  padding-bottom: 3px;
  font-weight: bold;
}





.attract_margin {
  height: 50px;
}

.sub_boxJ .container section {
	margin-top: 30px;
}

.sub_boxJ {
  padding-top: 20px;
}

.sub_boxI {
  margin-bottom: 60px;

}

.sub_boxI .container section {
	background-color: rgba(255,255,255,0.92);
	border-radius: 8px;
	padding-bottom: 15px;
	margin-bottom: 35px;
}
.sub_boxI .container .plan_box section {
	border-radius: 8px;
	padding-bottom: 15px;
	margin-bottom: 45px;
	background-color: rgba(0,0,0,0.00);
	padding-top: 15px;
}
.sub_boxI .container .rerative {
	position: relative;
	padding-bottom: 20px;
}

.conI .conI_text {
  margin-top: 40px;
}
.conL .conL_text {
  margin-top: 40px;
  margin-bottom: 40px;
}

.conH .conH_text {
  margin-top: 40px;
}

.conF .conF_text {
  margin-top: 40px;
}
.conF .text {
  margin-top: 40px;
}
.sub_boxH {
  margin-top: 0px;
  padding-top: 60px;
  overflow: hidden;
  margin-bottom: 30px;
}

.sub_boxH .cntainer {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.sub_boxH .origin_box article {
	border: 1px solid rgba(233,233,233,1.00);
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: rgba(28,28,28,0.75);
	letter-spacing: 0.15em;
	border-radius: 10px;
}
.sub_boxH .origin_box {
  color: rgba(255,255,255,1.00);
  text-align: center;
  font-size: 19px;
  margin-bottom: 25px;
}


.sub_boxC_text {
  padding-top: 0px;
  margin-top: 30px;
  margin-bottom: 40px;
}

.sub_boxG {
  padding-top: 40px;
  padding-bottom: 50px;
}

.sub_boxG .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(27,27,27,0.75);
  padding-top: 30px;
  border-radius: 10px;
  padding-bottom: 30px;
}

.sub_boxF {
  padding-top: 30px;
  padding-bottom: 50px;
  overflow: hidden;
}


.sub_boxE {
  padding-bottom: 50px;
  overflow: hidden;
}

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

.sub_boxE section {
  width: 48%;
  margin-top: 60px;
}

.sub_boxD {
  padding-bottom: 50px;
  overflow: hidden;

}

.sub_boxD .greeting_imgA {
	background-image: url(staff_img/sawayaC.jpg);
	background-position: 77% center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 290px;
}
.sub_boxD .greeting_imgB {
	background-image: url(staff_img/yujiC.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 290px;
}

.sub_boxD .sub_boxD_text {
	overflow-x: hidden;
	margin-top: 35px;
}
.sub_boxD .flex {
	margin-top: 60px;
}


.works_conB .works_box .product_list .product_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.works_conB .works_box section {
  margin-bottom: 40px;
}

.works_conB .works_box section .product_list {
  margin-left: auto;
  margin-right: auto;
}

.works_conA {
  padding-top: 40px;
}
.works_conA.chiro {
  padding-top: 30px;
	padding-bottom: 50px;
}
.works_conA .container {
  width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.works_conA section h2 span {
  font-size: 12px;
  font-weight: lighter;
  color: #F0F0F0;
}
.works_conA section h3 span {
  font-size: 12px;
  font-weight: lighter;
  color: #F0F0F0;
}
.works_conA .columns h2 span {
  font-size: 12px;
  font-weight: lighter;
  color: #F0F0F0;
}

.works_conA .container section {
  border-bottom: 1px dashed #BABABA;
  padding-bottom: 40px;
  margin-bottom: 35px;
}

.relation_box .columns {
  border-bottom: 1px dashed #BABABA;
  padding-bottom: 20px;
  margin-bottom: 30px;
  text-decoration: none;
  width: 47.5%;
}
.relation_box .columns .img_box {
  height: 80px;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 100%;
}

.flashbutton img  {
  margin-left: 10px;
}
.conF .sample_box .section_box .flashbutton img   {
  margin-left: 10px;
  width: 20px;
  height: auto;
}

.question_margin {
  height: 45px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.green_text {
  color: #9EEC4D;
}

.thanks_box {
  padding-top: 110px;
  padding-bottom: 40px;
}
.error_box {
  padding-top: 110px;
  padding-bottom: 40px;
}
.thanks_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.error_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.thanks_box h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 30px;
  color: #E2E2E2;
}
.error_box h3 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 30px;
  color: #E2E2E2;
}
.thanks_box h2 {
  font-size: 6vw;
  text-align: center;
  margin-bottom: 30px;
}
.error_box h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
  color: #DD6868;
}




.privacy_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.privacy_box {
  padding-top: 110px;
}
.privacy_box .privacy_title h2 {
  text-align: center;
  margin-bottom: 30px;
}



.privacy_box h3 {
  font-size: 16px;
  padding-bottom: 20px;
}
.privacy_box section {
  margin-top: 30px;
}
.privacy_box section h2 {
  font-size: 18px;
  margin-bottom: 5px;
}
.privacy_box section p {
  font-size: 14px;
  color: #F0F0F0;
}
.sub_conB_text section img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

.sub_conB .sub_conB_title {
  margin-top: 60px;
}
.column_conB .column_conB_title {
	margin-top: 35px;
	margin-bottom: 40px;
}
.sub_conD .sub_conD_title {
  margin-top: 60px;
}
.diffe_conA .title {
  margin-bottom: 40px;
}

.sub_conB .sub_conB_title p {
  margin-top: 30px;
  text-align: center;
  font-weight: bold;
}
.sub_conD .sub_conD_title h3 {
  margin-top: 30px;
  text-align: center;
}
.margin_box {
  height: 60px;
  width: 100%;
}
.about_margin_box {
  height: 50px;
  width: 100%;
}

/*フェードスライドショー*/
.slideshow {
  position: relative;
  width: 100%;
  height: 260px;
  overflow: hidden;
}
.slideshow .item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
	background-size: cover;
	background-position: center center;
}
.in {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 2;
}
.out {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: 15s;
	transition: 15s;
	z-index: 1;
}
/*--------------------------*/
/*ノーマルスライドショー*/

/*---------------------*/
.sub_conB {
	padding-top: 35px;
	overflow-x: hidden;
	margin-bottom: 55px;
}
/*--------------------------*/
/*ノーマルスライドショー*/

/*---------------------*/
.column_conB {
	padding-top: 20px;
	overflow-x: hidden;
	padding-bottom: 20px;
}
.sub_conD {
  padding-top: 20px;
  overflow-x: hidden;
  margin-bottom: 10px;
}

.sub_conB .sub_conB_text section {
  margin-top: 50px;
}
.diffe_conA .sub_conB_text section {
  margin-top: 50px;
}

.sub_conB .container {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
}
.column_conB .container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
.sub_conD .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.sub_boxC_text .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.sub_boxD .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.sub_conB .sub_conB_title h2 {
  text-align: center;
  line-height: 1;
  font-size: 30px;
}
.column_conB .column_conB_title h2 {
	text-align: center;
	line-height: 1.6;
	font-size: 19px;
}
.column_conB .column_conB_title h4 {
  text-align: center;
  line-height: 1.6;
  font-size: 23px;
  font-weight: bold;
  color: #FFFFFF;
}
.sub_conD .sub_conD_title h2 {
  text-align: center;
  line-height: 1;
  font-size: 31px;
}
.sub_conD .sub_conD_title h2 {
  text-align: center;
  line-height: 1;
  font-size: 31px;
}
.diffe_conA .title h2 {
  text-align: center;
  line-height: 1;
  font-size: 28px;
  margin-bottom: 30px;
}
.sub_conB .sub_conB_title h2 span {
  font-size: 13px;
  color: #B9B9B9;
}
.column_conB .column_conB_title h2 span {
  font-size: 13px;
  color: #B9B9B9;
}
.sub_conD .sub_conD_title h2 span {
  font-size: 13px;
  color: #B9B9B9;
}
.diffe_conA .title h2 span {
  font-size: 13px;
  color: #B9B9B9;
}



.main {
  position: relative;
  overflow: hidden;
}

.anchor_menu_pc .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 85%;
}
.anchor_menu {
  padding-top: 5px;
  padding-bottom: 1px;
  transition: all 0.3s;
  width: 100vw;
}
.anchor_menu_pc {
  width: 100vw;
  z-index: 20;
  visibility: hidden;
}
.question_menu_pc {
  width: 100vw;
  z-index: 20;
  visibility: hidden;
}
.anchor_menu_pc:before {
  position:absolute;/*これを忘れるとフッターで止まらない*/
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.attract_reason {
  display: none;
  visibility: hidden;
}
.question_reason {
  width: 100vw;
  display: none;
}

.anchor_menu ul li  {
  width: 32.5%;
}
.anchor_menu_pc ul li  {
  width: 19.4%;
}
.attract_reason ul li  {
  width: 29.5%;
}


.anchor_menu ul {
  list-style-type: none;
  margin-left: auto;
  padding-left: 0px;
  width: 95%;
  margin-right: auto;
}
.anchor_menu_pc ul {
  list-style-type: none;
  padding-left: 0px;
  margin-right: auto;
}
.attract_reason ul {
  list-style-type: none;
  margin-left: auto;
  padding-left: 0px;
  width: 95%;
  margin-right: auto;
  max-width: 1500px;
}

/*背景グラデアニメーション*/
.sub_hero .sub_hero_text .gradient {
	width: 91%;
	height: 66%;
	color: #fff;
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	animation: Gradient 12s ease infinite;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*アンカーメニュー固定*/
.anchor-fixed {
  position: fixed;
  top: 0;
  left: 0;
	background-color: #656565;
  z-index: 35;
  width: 100%;
	transition: all 0.4s;
}
/*-----------*/
.sub_hero .sub_hero_text {
  background-image: url(img/pc_disp.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 74vw;
  padding-top: 18px;
}

.conJ .contact_text a span {
  font-size: 14px;
  color: #E1E1E1;
  margin-right: 3px;
  font-weight: normal;
}

.conF .sample_box .section .hidden {
  width: 100%;
  overflow: hidden;
}

.conK .contact_text p {
  font-size: 15px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

.footF {
	font-size: 12px;
	color: #6E6E6E;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

footer {
	padding-bottom: 77px;
}
footer .container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #747474;
	padding-top: 35px;
	padding-bottom: 25px;
}
footer .container p {
	font-size: 15px;
	margin-bottom: 15px;
	color: #CECECE;
	line-height: 2;
}
footer .footer_menu p {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
footer .footer_menu a {
	font-size: 14px;
	margin-bottom: 8px;
	text-decoration: none;
	color: #CECECE;
}
footer .footer_menu a.link {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: bold;
}
footer .footH a {
	font-size: 15px;
	color: #EAEAEA;
	text-decoration: none;
}
footer .footH li {
	text-indent: -0.7em;
	padding-left: 0.7em;
	line-height: 1.2;
	margin-bottom: 8px;
}
footer .footH ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

footer .footer_menu .flex_box {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
footer .footer_menu .inner {
	display: flex;
	flex-flow: column;
	margin-bottom: 15px;
	width: 47%;
}

.toggle_menu ul li a span {
	font-size: 11px;
	color: #838383;
	line-height: 1.3;
	display: block;
}

form .textfield_label {
  font-size: 15px;
  display: inline-block;
  width: 125px;
}
form .icon_require {
  font-size: 13px;
  background-color: #FF6A17;
  font-weight: normal;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
form .icon_any {
	font-size: 13px;
	background-color: #003E93;
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.conK {
	padding-top: 40px;
	padding-bottom: 50px;
}

.conK form {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.conK .container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(109,109,109,0.80);
	padding-bottom: 10px;
	padding-top: 25px;
}

.conJ {
  padding-top: 70px;
  overflow: hidden;
}
.conJ.lp_conJ {
  padding-top: 30px;
	padding-bottom: 60px;
  overflow: hidden;
}
.conJ .contact_text h2 {
  text-align: center;
  margin-bottom: 30px;
}
.conJ .contact_text h4 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 7.3vw;
  font-weight: bold;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #FFFFFF;
}

.conJ .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.conH {
  padding-top: 80px;
  overflow: hidden;
}

.conH .voice_box {
  margin-top: 60px;
}
.voice_box .voice_text {
  margin-bottom: 10px;
  overflow: hidden;
}

.voice_box .voice_img {
	width: 100%;
	height: 250px;
	margin-top: 25px;
}
.voice_box .voice_img_sub {
  width: 100%;
  height: 250px;
  margin-top: 25px;
}
.voice_box .voice_text h3 {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  margin-top: 10px;
}
.voice_box .voice_text p {
  font-size: 15px;
  margin-top: 15px;
  color: #F0F0F0;
}



.conH .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.conI .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}

.accordion .ac_box .flex {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.slide_pc {
  background-image: url(img/pc_disp.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  height: 70vw;
  padding-top: 3vw;
}

.conE .price_box {
  margin-top: 20px;
  width: 100%;
  overflow-x: hidden;
}

.premium_box {
  width: 100%;
  background-color: #AEAEAE;
}
.premium_box .premium_price.move_left {
  background-color: #9EEC4D;
  width: 80%;
  height: 10px;
}

.standard_box {
  width: 100%;
  background-color: #AEAEAE;
}
.standard_box .standard_price.move_left {
  width: 100%;
  background-color: #35DFDF;
  height: 10px;
}

.loading_icon {
  margin-top: 42vh;
}

.conF .sample_box h3 span {
  font-size: 13px;
  font-weight: lighter;
  color: #F0F0F0;
}
.toggle_menu ul .flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.toggle_menu ul .box {
  width: 48.5%;
}

.conF .sample_box .section {
  margin-top: 60px;
}
.conF .conF_text h2 {
  margin-bottom: 30px;
  text-align: center;
}
.speed_check .text h2 {
  margin-bottom: 40px;
  text-align: center;
}
.speed_check .text p {
  font-size: 15px;
  margin-bottom: 15px;
}



.conD .cant_box {
  margin-bottom: 60px;
}

.back_fixedA .img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-image: url(img/device_s.png);
  background-position: center center;
  background-size: cover;
  height: 68vw;
}

.conE .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.conF .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.speed_check .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.economy_box  {
  width: 100%;
  background-color: #AEAEAE;
}
.economy_box .economy_price {
  width: 100%;
  height: 10px;
  background-color: #35DFDF;
  margin-bottom: 10px;
}
.economy_box .economy_quality {
  width: 40%;
  height: 10px;
  background-color: #FF4040;
  margin-bottom: 25px;
}
.standard_box .standard_quality {
  width: 60%;
  height: 10px;
  background-color: #FF4040;
}
.premium_box .premium_quality {
  width: 100%;
  height: 10px;
  background-color: #7FD22A;
}

.conF {
  padding-top: 35px;
  overflow: hidden;
}
.speed_check {
	margin-bottom: 80px;
}
.speed_check .check_box {
	margin-top: 0px;
}
.speed_check .check_box section img {
	border-radius: 8px;
}
.speed_check .check_box h3 {
  text-align: left;
  line-height: 1.5;
  margin-bottom: 15px;
}
.conE {
  padding-top: 30px;
  padding-bottom: 50px;
}
.conE.chiro {
  padding-top: 30px;
  padding-bottom: 0px;
}

.bend_text .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.bend_text {
}

.conC {
  padding-bottom: 90px;
  z-index: 5;
  padding-top: 10px;
}
.conC.lp_conC {
  padding-bottom: 0px;
  z-index: 5;
  padding-top: 10px;
}

.conM {
  padding-bottom: 40px;
  z-index: 5;
  padding-top: 20px;
}
.conD {
  padding-top: 40px;
  padding-bottom: 20px;
  z-index: 5;
}

.conB {
  padding-top: 70px;
  padding-bottom: 0px;
}
.sub_conA {
  margin-bottom: 0px;
  overflow: hidden;

}
.sub_conC {
  margin-bottom: 0px;
  overflow: hidden;
  margin-top: 60px;

}
.sub_hero {
	padding-top: 100px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}


.back_fixedA {
  width: 100%;
  transition: all 0.8s;
  margin-top: 50px;
}

.back_fixedB {
  display: flex;
  height: 100%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}
.back_fixedC {
  display: flex;
  height: 100%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  justify-content: space-between;
}


.back_fixedB .img {
	background-image: url(img/staff_s.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 86%;
	height: 250px;
	border-radius: 8px;
	margin-top: 20px;
}
.back_fixedB .img.seo {
	background-image: url(seo_img/reason_hero.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 86%;
	height: 250px;
	border-radius: 8px;
	margin-top: 20px;
}
.back_fixedC .img {
	background-image: url(img/staff02_s.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 87%;
	height: 220px;
	border-radius: 8px;
	margin-top: 20px;
}



.conA .scroll_box {
	text-align: center;
	border: 1px solid #999999; 
	padding-top: 10px;
	margin-top: 50px;
	border-radius: 8px;
	/*background-color: rgba(0,0,0,0.15);*/
	background-color: #393939;
}
.conA .scroll_box h2 {
  font-size: 19px;
  text-align: center;
}


.conA .scroll_box .scroll_text {
	overflow: auto;
	height: 110px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	width: 90%;
}
.conA .scroll_text br {

}


p span {
  font-weight: bold;
  color: #FFFFFF;
}
.scroll_box .scroll_text p span {
	color: #B8B8B8;
	font-weight: normal;
	margin-right: 10px;
}
.scroll_box .scroll_text p time {
	color: #B8B8B8;
	font-weight: normal;
	margin-right: 10px;
}

.conC .reason_box p span {
  font-size: 12px;
  font-weight: normal;
  color: #B9B9B9;
  line-height: 1.5;
  display: block;
  margin-top: 5px;
}

.sub_boxI .graph_text p span {
	font-weight: bold;
	color: #35DFDF;
	font-size: 15px;
}

#multiple img {
  padding-left: 7px;
}
.under_menu .contact span {
  color: #A5A5A5;
  font-size: 11px;
  padding-top: 0px;
}
.under_menu .top span {
	display: inline-block;
	width: 11px;
	height: 11px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	transform: rotate(45deg);
}

.under_menu {
  position: fixed;
  z-index: 25;
  width: 100vw;
  padding-bottom: 17px;
  padding-top: 7px;
  background-color: #656565;
  bottom: 0px;
}
.hero #multiple {
  position: absolute;
  z-index: 15;
  right: 4vw;
  bottom: 80px;
  left: auto;
}

.hero .hero_title {
	z-index: 15;
	top: 15%;
	left: 8vw;
	position: absolute;
	right: auto;
	width: 39%;
}
.hero .hero_title .pc {
	display: none;
}
.hero .hero_logo {
	display: none;
}
.hero .hero_logo img {
	display: none;
}
.conA {
	padding-top: 50px;
	padding-bottom: 70px;/*グラデーション*/
}
.conA p {
	font-size: 15px;
}
.conA .scroll_box .scroll_text p {
	font-size: 14px;
	/* [disabled]line-height: 2; */
	text-align: left;
	color: #FFFFFF;
	margin-bottom: 5px;
}

.conA .conA_text p {
  margin-bottom: 20px;
}
.sub_conC .conA_text p {
  margin-bottom: 20px;
}

.conB p {
  font-size: 15px;
  margin-top: 10px;
  display: block;
}
.conB .big_size {
	font-size: 16px;
	text-align: center;
	line-height: 2.2;
}
.sub_conA p {
  font-size: 14px;
  margin-top: 10px;
  display: block;
  color: #FFFFFF;
}
.sub_conC p {
	font-size: 14px;
	margin-top: 10px;
	display: block;
	color: #FFFFFF;
}
.sub_conC p.top_margin {
	margin-top: 25px;
}
.sub_hero p {
	font-size: 3.6vw;
	display: block;
	text-align: center;
}
.conD p {
  font-size: 15px;
  margin-top: 10px;
  display: block;
  color: #FFFF;
}
.conC .reason_box p {
	font-size: 14px;
	display: block;
	color: #FFFFFF;
}
.conM .reason_box p {
  font-size: 14px;
  display: block;
  padding-top: 15px;
  color: #FFFFFF;
}
.conC .reason_box p.conC_bold {
	font-size: 14px;
	color: #B6B6B6;
	font-weight: bold;
	text-align: center;
}
.conM .reason_box p.conM_bold {
	font-size: 13px;
	color: #B6B6B6;
	font-weight: bold;
	text-align: center;
}
.conC .conC_text p {
  font-size: 14px;
}
.conM .conM_text p {
  font-size: 15px;
}

.banner_box {
padding-bottom: 50px;
}
.banner_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.conA .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.conB .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  /* [disabled]overflow: hidden; */
}
.sub_conA .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.sub_conC .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.sub_hero .container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 25px;
}
.conC .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.conM .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 60px;
}
.conD .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

/*フルスクリーン動画*/
.hero {
  position: relative;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 740px;
  overflow: hidden;
  z-index: -3;
}
.hero video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 100%;
	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	/* Center the video */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline;
	z-index: -1;
}
.video_box video {
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: 100%;
  height: 100%;
}
/*--------------*/

.black_filter {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 10;
	position: absolute;
	background: linear-gradient(to right, #292929, #151515, #292929);
	display: none;
}

/*ドット柄背景フィルター*/
.dot_filter {
  background: radial-gradient(#656565 38%, transparent 0), radial-gradient(#656565 38%, transparent 0);/*ドットカラー*/
  background: -ms-radial-gradient(#656565 38%, transparent 0), -ms-radial-gradient(#656565 38%, transparent 0);/*ドットカラー*/
  background: -moz-radial-gradient(#656565 38%, transparent 0), -moz-radial-gradient(#656565 38%, transparent 0);/*ドットカラー*/
  background: -webkit-radial-gradient(#656565 38%, transparent 0), -webkit-radial-gradient(#656565 38%, transparent 0);/*ドットカラー*/
  background-size: 2px 2px;/*ドットサイズ*/
  background-position: 0 0, 1px 1px;/*ドットの間隔*/
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  position: absolute
}
/*--------------*/
/*ドット柄背景フィルター*/
.video_filter {
  background: radial-gradient(#444444 38%, transparent 0), radial-gradient(#444444 38%, transparent 0);/*ドットカラー*/
  background: -ms-radial-gradient(#444444 38%, transparent 0), -ms-radial-gradient(#444444 38%, transparent 0);/*ドットカラー*/
  background: -moz-radial-gradient(#444444 38%, transparent 0), -moz-radial-gradient(#444444 38%, transparent 0);/*ドットカラー*/
  background: -webkit-radial-gradient(#444444 38%, transparent 0), -webkit-radial-gradient(#444444 38%, transparent 0);/*ドットカラー*/
  background-size: 2px 2px;/*ドットサイズ*/
  background-position: 0 0, 1px 1px;/*ドットの間隔*/
  /* [disabled]right: 0; */
  /* [disabled]bottom: 0; */
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0px;
}
/*------------------*/

/*--見出しアニメーション--*/
.heading_spinner {
  margin-right: auto;
  margin-left: auto;
  width: 80px;
  height: 25px;
  text-align: center;
  font-size: 11px;
}

.heading_spinner > div {
  /*background-color: #DD6868;*/
	background-color: #FF4040;
  height: 100%;
  width: 10px;/*棒の太さ*/
  display: inline-block;
  /*-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;*/
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.heading_spinner .rect2 {
	margin-left: 8px;
	margin-right: 4px;
	background-color: #35DFDF;
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.heading_spinner .rect3 {
	margin-left: 4px;
	margin-right: 8px;
	background-color: #9EEC4D;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.heading_spinner .rect4 {
	background-color: #FFEC16;
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
  }
}
/*----------------------------------*/
body {
	/*background: linear-gradient(to right, #292929, #151515, #292929);*//*グラデーション*/
	/*background: linear-gradient(to right, #333333, #222222, #333333);*//*グラデーション*/
	/*background: linear-gradient(to right, #353535, #252525, #353535);*//*グラデーション*/
	/*background: #313131;*/
	background: #2D2926;
	overflow-x: hidden;
	font-size: medium;
	width: auto;
}
.parallax_box p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  font-size: 25px;
}

/*-------------------------------*/

/****  MULTIPLE ELEMENT ANIMATION 1   *****/

#multiple .scroll-arrow {
	height: 14px;/*矢印と矢印の間の高さ*/
	width: 20px;
	position: relative;
}
#multiple span {
	position: absolute;
	height: 4px;/*矢印の太さ*/
	width: 25px;/*矢印の幅*/
	background-color: #ffffff;
}
#multiple span.arrow-left {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	left: -12px;/*矢印の位置*/
}
#multiple span.arrow-right {
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
	right: -12px;/*矢印の位置*/
}
#multiple .arrow1 {
	-webkit-animation-name: multiple_1;
	animation-name: multiple_1;
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes multiple_1 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
#multiple .arrow2 {
	-webkit-animation-name: multiple_2;
	animation-name: multiple_2;
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.under_menu .container {
  display: flex;
  justify-content: space-between;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.under_menu .contact {
  width: 41%;
  border: 1px solid #FFFFFF;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
  background: #606060; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.under_menu .top {
  width: 12%;
  border: 1px solid #FFFFFF;
  text-decoration: none;
  border-radius: 5px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 2px;
  background: #606060; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.under_menu .contact p {
  color: #FFFFFF;
  font-size: 13px;
  margin-bottom: -9px;
  text-align: center;
}
.under_menu .top p {
	color: #FFFFFF;
	font-size: 13px;
	text-align: center;
	margin-top: -11px;
}



@-webkit-keyframes multiple_2 {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 1;
	}
	80% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

h1, h2, h3, h4, p {
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: lighter;
}
.conJ .contact_text p {
  font-size: 15px;
  margin-bottom: 30px;
}
h1, h2, h3, p {
  line-height: 1.9;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  text-align: justify;
}
.hero .hero_title_consul p {
	color: #fff;
	font-size: 16px;
	text-shadow: 1px 1px 3px #000;
	line-height: 1.8;
	letter-spacing: 0.01em;
	text-align: center;
	margin-top: 10px;
}
.column_table time {
	font-size: 13px;
	margin-bottom: 25px;
	color: #CDCDCD;
	display: inline-block;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.column_table p {
	font-size: 14px;
  margin-bottom: 25px;
	line-height: 2;
}
.thanks_box p {
	font-size: 13px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	color: #C0C0C0;
}
.column_text_box p {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.035em;
	color: #FFF;
}
.column_text_box p a {
	color: #6ED4FF;
}
.column_text_box a {
  font-size: 13px;
  display: inline-block;
}
.column_text_box .space {
  margin-top: 25px;
}

.column_text_box .colum_line {
	border-top: 1px solid #6A6A6A;
	margin-top: 30px;
	margin-bottom: 35px;
}


.works_conA section p {
	font-size: 13px;
	text-align: center;
	margin-bottom: 10px;
	color: #FFFFFF;
}
.columns p {
  font-size: 13px;
  color: #518BDF;
  margin-top: 5px;
}
.columns p span {
  color: #A3A3A3;
  font-weight: normal;
}


.columns .img_box img {
  height: auto;
  background-color: #FEF208;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  margin-bottom: 10px;
  width: 100%;
  transition: all 0.3s;
}
.sub_boxI .cost p {
	font-size: 12px;
	text-align: center;
	color: #B3B3B3;
}

.animation_box .js_animation .flexA p {
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
  color: #D4D4D4;
}

.sample_hero .container p {
  font-size: 13px;
  margin-bottom: 30px;
}


.conL .flow_text p {
  font-size: 15px;
}
.conL .flow_text p span {
  font-size: 11px;
  color: #B9B9B9;
  font-weight: normal;
}

.sub_boxI .price_supple {
  font-size: 12px;
  color: rgba(233,233,233,1.00);
}
.sub_boxI .price_table_text {
	font-size: 12px;
	color: rgba(233,233,233,1.00);
	text-align: center;
}

.sub_boxI section p {
	font-size: 14px;
	color: rgba(23,23,23,1.00);
	padding-top: 15px;
	padding-right: 13px;
	padding-left: 13px;
	line-height: 1.5;
	text-align: left;
}
.sub_boxI .plan_box section .text {
	font-size: 14px;
	color: #FFF;
	padding: 0px;
	line-height: 1.5;
	text-align: justify;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.sub_boxI .plan_box section .text span {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}
.sub_boxI .plan_box section.blue .text span {
	color: #46A9F2;
}
.sub_boxI .plan_box section.green .text span {
	color: #61B51F;
}
.sub_boxI .plan_box section.orange .text span {
	color: #F4750C;
}
.sub_boxI .plan_box section.pink .text span {
	color: #EA3A92;
}
.sub_boxI .plan_box section.purple .text span {
	color: #A43AD8;
}
.sub_boxI .plan_box section.red .text span {
	color: #EB352F;
}
.sub_boxI .plan_box section.brown .text span {
	color: #DB6400;
}

.sub_boxH p {
  font-size: 14px;
}

.sub_boxE section p {
  font-size: 12px;
  margin-top: 215px;
  color: #CECECE;
}
.sub_boxE section span {
  color: #CECECE;
  font-size: 12px;
  display: block;
  margin-top: 5px;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


.sub_boxC_text .container p {
  font-size: 14px;
}
.sub_boxD .container p {
  font-size: 14px;
  margin-top: 10px;
}

.works_conB .works_box section p {
  font-size: 14px;
  color: #EFEFEF;
}
.works_conB .works_box section h1 {
  font-size: 13px;
  color: #EFEFEF;
}
.works_conB .works_box section .center {
  text-align: center;
  font-size: 15px;
}
.works_conB .works_box section .rank {
	text-align: left;
	font-size: 15px;
}
.works_conB .works_box section .rank span {
  font-size: 20px;
  color: #FFE500;
}
.works_conB .works_box section .rank .small_text {
	font-size: 11px;
	color: #BABABA;
	font-weight: normal;
}
.works_conB .works_box section .gray_text {
  font-size: 12px;
  color: #BABABA;
  text-align: center;
  margin-bottom: 10px;
}
.works_conB .works_box section .gray_text .red {
  font-size: 15px;
  color: #FF521B;
}
.works_conB .works_box section .supple_text {
  font-size: 12px;
  color: #BABABA;
  margin-top: 10px;
}


.conE .conE_text p {
  font-size: 15px;
}

.sub_conB .sub_conB_text section p {
  font-size: 14px;
  margin-top: 15px;
  color: #FFFFFF;
}
.sub_conB .sub_conB_text section p.top_margin {
  margin-top: 25px;
}
.diffe_conA .sub_conB_text section p {
  font-size: 14px;
  margin-top: 15px;
  color: #FFFFFF;
}
.diffe_conA .sub_conB_text section p.top_margin {
  margin-top: 25px;
}
.sub_conB .sub_conB_text section h3 {
	font-size: 5.1vw;
	margin-bottom: 5px;
}
.diffe_conA .sub_conB_text section h3 {
  font-size: 5.5vw;
  margin-bottom: 5px;
}


.conH .conH_text h2 {
  text-align: center;
  margin-bottom: 30px;
}
.conH .conH_text p {
  font-size: 15px;
}
.conH .conH_text br {
  display: none;
}

.conI .conI_text h2 {
  text-align: center;
  margin-bottom: 30px;
}
.conL .conL_text h2 {
  text-align: center;
  margin-bottom: 30px;
}
.conI .conI_text p {
  font-size: 15px;
}
.conL .conL_text p {
  font-size: 15px;
}
.conJ .contact_text {
  margin-top: 60px;
}





form #company {
  padding: 3px;
  width: 97%;
  font-size: 15px;
  margin-top: 5px;
}
form p {
  border-bottom: 1px solid #BEBEBE;
  padding-bottom: 15px;
  padding-top: 10px;
}
form .submit {
  border-bottom-style: none;
  margin-top: 10px;
  text-align: center;
}



form #fullname {
  width: 97%;
  padding: 3px;
  font-size: 14px;
  margin-top: 5px;
}

form #mail {
  padding: 3px;
  width: 97%;
  font-size: 14px;
  margin-top: 5px;
}
form #tel_number {
  padding: 3px;
  width: 97%;
  font-size: 14px;
  margin-top: 5px;
}
form #message {
  width: 97%;
  height: 180px;
  padding: 3px;
  font-size: 14px;
  margin-top: 5px;
}
.conF .conF_text p {
  font-size: 15px;
}
.conE .price_box h2 {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: -10px;
}
.conE .price_box h3 {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: -10px;
}

.conF .sample_box .section p {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 20px;
  color: #FFFFFF;
}

.speed_check .check_box section p {
  font-size: 15px;
  /* [disabled]margin-top: 15px; */
  margin-bottom: 20px;
  color: #FFFFFF;
}

h2 {
	font-size: 6.2vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.works_hero h2 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px;
	letter-spacing: 0.08em;
}
.works_hero h1 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 30px;
	letter-spacing: 0.08em;
	font-weight: bold;
}

footer .container .title {
	font-size: 22px;
	color: #9E9E9E;
	letter-spacing: 0.06em;
	font-weight: bold;
	margin-bottom: 5px;
}

.conG .conG_text h2 {
  margin-bottom: 30px;
  text-align: center;
}

h3 {
	font-size: 5vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.back_fixedB h2 {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  display: block;
  font-size: 29px;
  margin-right: -10px;
}
.back_fixedC h2 {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  display: block;
  font-size: 29px;
  margin-right: -10px;
}


.conB h2 {
  margin-bottom: 35px;
}
.sub_hero h1 {
	margin-bottom: 15px;
	text-align: center;
	padding-top: 8vw;
	letter-spacing: 0.1em;
	text-shadow: 3px 3px 6px #292929;
	font-size: 7.3vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.sub_hero h2 {
  margin-bottom: 20px;
  text-align: center;
  padding-top: 8vw;
  letter-spacing: 0.1em;
  text-shadow: 3px 3px 6px #292929;
}
.conB h3 {
  font-size: 26px;
  margin-bottom: 5px;
}
.sub_conA h3 {
  margin-top: 20px;
  font-size: 26px;
  margin-bottom: 5px;
}
.sub_conC h3 {
  font-size: 24px;
  margin-bottom: 5px;
}
.conA .conA_text h1 {
	margin-bottom: 40px;
	font-size: 6.1vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: left;
}
.conA .conA_text h2 {
	margin-bottom: 30px;
	font-size: 6.2vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.sub_conC .conA_text h2 {
	margin-bottom: 30px;
	margin-top: 50px;
	font-size: 6.2vw;
	font-weight: bold;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.text_box h2 {
  text-align: center;
}


/*一定位置で背景画像固定*/
.is-fixed {
  position: fixed;
	filter: brightness(27%);
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.conL .flow_number .number_line {
  width: 2px;
  height: 165px;
  background-color: #949494;
  margin-left: auto;
  margin-right: auto;
}
.conL .flexA {
  display: flex;
  justify-content: space-between;
}
.conL .flexB {
  display: flex;
  justify-content: space-between;
}
.conL .flow_number .circle_number {
  border-radius: 50%;
  border: 2px solid #9EEC4D;
  width: 32px;
  height: 32px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #343434;
}
.conL .flow_number {
  width: 12%;
}
.sub_conC .container section {
  margin-top: 60px;
}
.responsive_box .res_box p {
  font-size: 1.5vw;
  position: absolute;
  right: 8px;
  bottom: 5px;
  color: #35DFDF;


}
.responsive_box .res_box h2 {
  font-size: 7vw;
  margin-left: 10px;
  color: #35DFDF;
}
.sample_hero .container h2 {
  text-align: center;
  margin-bottom: 20px;
}
.sample_hero .container h1 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 7.3vw;
  font-weight: bold;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.responsive_box .responcive_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 15px;
}
.animation_box .animation_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.slide_box .slide_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.pamph_box .pamph_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.flyer_box .flyer_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.card_box .card_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.video_box .video_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.photo_box .photo_text h2 {
  font-size: 5.5vw;
  text-align: center;
  margin-bottom: 20px;
}
.responsive_box .responcive_text p {
  font-size: 13px;
}
.animation_box .animation_text p {
  font-size: 13px;
  color: #C7C7C7;
}
.animation_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 30px;
}
.slide_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 20px;
}
.pamph_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 15px;
  margin-top: 40px;
}
.flyer_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 15px;
  margin-top: 40px;
}
.card_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 15px;
  margin-top: 40px;
}
.video_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 15px;
}
.photo_box .container h3 {
  text-align: center;
  font-size: 20px;
  color: #35DFDF;
  margin-bottom: 5px;
}
.animation_box .js_animation .flexA {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.animation_box .js_animation section {
  width: 38%;
}
.animation_box .js_animation {
  width: 76%;
  margin-left: auto;
  margin-right: auto;
}
.animation_box .container .sample_text {
  font-size: 14px;
  margin-top: 50px;
}
.slide_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.pamph_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.flyer_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.card_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.video_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.photo_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
}
.parallax_box h2 {
  font-size: 25px;
  text-align: center;
  margin-bottom: 30px;
}
.pamph_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
.flyer_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
.card_box .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  margin-bottom: 40px;
}
.pamph_box .pamphA {
  margin-bottom: 15px;
}
.flyer_box .flyerA {
  margin-bottom: 15px;
}
.card_box .cardA {
  margin-bottom: 15px;
}
.photo_box .photo_sampleA {
  margin-bottom: 20px;
}
.photo_box .photo_sampleB {
  margin-bottom: 20px;
}
.sub_boxI .graph {
	margin-bottom: 40px;
}
.sub_boxI .flexA {


}
.sub_boxI .flexB {

}
.sub_boxI .second_h2 {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}
.accordion .ac_box.fade-in blockquote p .link {
	padding: 0px;
	/* [disabled]font-size: 15px; */
	margin: 0px;
	border: none;
	width: auto;
	display: inline;
	color: #175DBE;
	text-decoration: underline;
}
.sub_hero h1.attract {
	padding-top: 1vw;
}
.sub_hero h1.column {
	font-size: 5vw;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	padding-top: 0px;
}
.sub_boxI .container .graph_text h3 {
	color: #35DFDF;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
}
.sub_hero .sub_hero_text .small_text {
	font-size: 3.5vw;
}
.conB .conB_text .small_text {
	font-size: 6.2vw;
	text-align: center;
}
.text_box .small_text {
	font-size: 6.2vw;
}
.column_conA .space {
	margin-top: 5px;
}
.column_text_box h3 {
  font-size: 17px;
  line-height: 1.5;
}
.column_text_box h4 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
}
.column_text_box h4 span {
  font-size: 13px;
  font-weight: normal;
}
/*.column_text_box .middle_title {
  color: #FFFFFF;
  
	background-image: linear-gradient(to right, #00A0CC 0%, #E73C7E 100%);
	padding-top: 7px;
	padding-bottom: 6px;
	padding-left: 12px;
	padding-right: 12px;
	margin-bottom: 25px;
	margin-top: 25px;
}*/
.column_text_box .middle_title {
  color: #FFFFFF;
	padding-bottom: 14px;
	margin-bottom: 25px;
	margin-top: 40px;
	position: relative;
}
.column_text_box .middle_title:after {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  /*background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);*/

	background-image: linear-gradient(90deg, #00c2ff 35%, #292929 100%);

}

.column_text_box .bold {
	font-weight: bold;
}
.column_text_box .point_box .blue_band {
  background-color: #00A0CC;
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 8px;
  margin-top: 5px;
  font-weight: bold;
}
.column_text_box .blue_title  {
  display: block;
  margin-top: 35px;
	padding: 5px 10px;
  border-left: 3px solid #00A0CC;
}
.column_text_box .red_band {
	background-color: #FF5B00;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 8px;
	margin-top: 5px;
}
.column_text_box .column_table {
	padding-top: 25px;
	padding-bottom: 25px;
}
.column_text_box .second_title {
	font-size: 17px;
	font-weight: bold;
	margin-top: 15px;
}
.column_text_box .link_button a {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #35DFDF;
	font-size: 13px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	background-color: #494949;
}
.works_conA h2 .margin {
	margin-bottom: 10px;
	display: block;
}
.consultation {
	display: none;
}
picture {
	display: none;
}
.column_table .column_menu h2 {
  font-size: 22px;
  /*font-family: "Sawarabi Mincho", serif;*/
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.7;
  text-align: center;
}
.prev-next-link p {
  font-size: 14px;
}
.responsive_box .report {
  margin-bottom: 15px;
}
.column_conB .column_text_box .column_contact {
	border-radius: 100vw;
	background-color: #FFF532;
	display: block;
	padding-top: 10px;
	padding-bottom: 13px;
	margin-top: 35px;
	margin-bottom: 65px;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.column_conB .column_text_box .column_contact p {
  text-align: center;
  color: #3A3A3A;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.5;
}
.column_conB .column_text_box .column_contact p span {
  font-size: 13px;
  color: #000000;
  font-weight: normal;
}
.column_conB .relation_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-basis: auto;
  margin-bottom: 5px;
}

.plan_box {
	margin-bottom: 50px;
}
.plan_box .plan_price {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 20px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	line-height: 1.2;
}
.plan_box .blue .plan_price {
	color: #46A9F2;
	border-bottom: 2px solid #227CBF;
}
.plan_box .green .plan_price {
	color: #61B51F;
	border-bottom: 2px solid #61B51F;
}
.plan_box .orange .plan_price {
	color: #F4750C;
	border-bottom: 2px solid #F4750C;
}
.plan_box .pink .plan_price {
	color: #EA3A92;
	border-bottom: 2px solid #EA3A92;
}
.plan_box .purple .plan_price {
	color: #A43AD8;
	border-bottom: 2px solid #8123B0;
}
.plan_box .red .plan_price {
	color: #EB352F;
	border-bottom: 2px solid #EB352F;
}
.plan_box .brown .plan_price {
	color: #DB6400;
	border-bottom: 2px solid #974600;
}

.plan_box .plan_price span {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
}
.plan_box .plan_price span.small {
	color: #C5C5C5;
	font-size: 12px;
}

.sub_boxI .plan_box .blue {
	border: 2px solid #227CBF;
}
.sub_boxI .plan_box .green {
	border: 2px solid #61B51F;
}
.sub_boxI .plan_box .orange {
	border: 2px solid #F4750C;
}
.sub_boxI .plan_box .pink {
	border: 2px solid #EA3A92;
}
.sub_boxI .plan_box .purple {
	border: 2px solid #8123B0;
}
.sub_boxI .plan_box .red {
	border: 2px solid #EB352F;
}
.sub_boxI .plan_box .brown {
	border: 2px solid #974600;
}




.price_table{
	margin-bottom: 50px;
	overflow-y: auto;
	overflow-x: auto; /* tableタグのはみ出た要素を隠す */
	white-space: nowrap;
}


.sub_boxI section .plan_type{
	width: 92%;
	margin-left: auto;
	margin-right: auto;

}
.sub_boxI section .plan_type p {
	font-size: 14px;
	color: rgba(23,23,23,1.00);
	padding-left: 0px;
	font-weight: bold;
}
.sub_boxI section .plan_type span {
	font-size: 12px;
	display: inline-block;
	color: #FFF;
	background-color: #000;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 9px;
	padding-left: 9px;
	font-weight: normal;
	border-radius: 40px;
	margin-top: 7px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.sub_boxI section .plan_type .blue {
	background-color: #227cbf;
}
.sub_boxI section .plan_type .green {
	background-color: #61b51f;
}
.sub_boxI section .plan_type .orange {
	background-color: #f4750c;
}
.sub_boxI section .plan_type .pink {
	background-color: #EA3A92;
}
.sub_boxI section .plan_type .purple {
	background-color: #8123B0;
}
.sub_boxI section .plan_type .red {
	background-color: #EB352F;
}

.column_text_box .scroll_img {
	height: 400px;
	overflow: auto;
	margin-bottom: 40px;
	margin-top: 20px;
}
.sub_boxI .plan_img_box img {
	margin-bottom: 25px;
}
.sub_boxI .plan_img_box {
	margin-bottom: 50px;
}
.point_box p {
	font-weight: bold;
}
.hero .hero_title_consul img {
	width: 230px;
	margin-right: 30px;
}














































@media all and (-ms-high-contrast: none) {
.column_text_box .point_box .blue_band {
	background-color: #00A0CC;
	display: inline-block;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 8px;
}
.pamph_box .pamphA {
  margin-bottom: 15px;
}
.responsive_box .responcive_text p {
  font-size: 13px;
}
.responsive_box .responcive_text p {
  font-size: 13px;
}
  .is-fixed {
  position: relative;
  margin-bottom: -800px;
}
}

.text_box {
  padding-bottom: 10px;


}

.conB img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.sub_conA section img.attract_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
.sub_conC section img.attract_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slideB{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slideC{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slideD{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slideE{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.slideB .slide_img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background-position: right center;
  background-size: cover;
}
.slideC .slide_img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background-position: left center;
  background-size: cover;
}
.slideD .slide_img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background-position: right center;
  background-size: cover;
}
.slideE .slide_img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 200px;
  background-position: left center;
  background-size: cover;
}
.slideC .yujiA {
  background-image: url(staff_img/yujiA.jpg);
}
.slideC .yujiB {
  background-image: url(staff_img/yujiB.jpg);
}
.slideD .kaoriA {
  background-image: url(staff_img/kaoriA.jpg);
}
.slideD .kaoriB {
  background-image: url(staff_img/kaoriB.jpg);
}
.slideE .aiA {
  background-image: url(staff_img/aiA.jpg);
}
.slideE .aiB {
  background-image: url(staff_img/aiB.jpg);
}








.slideB .sawayaA {
  background-image: url(staff_img/sawayaA.jpg);
}
.slideB .sawayaB {
  background-image: url(staff_img/sawayaB.jpg);
}
.slideB .sawayaC {
  background-image: url(img/grande_voice.jpg);
}

/*スライドする複数イメージをぴったりと重ねる*/
.slide{
  position: relative;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  height: 47vw;
  background-color: #0A030F;
}
.slide .slide_img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.slide .slide_img.ford {
  background-image: url(img/ford_full_s.jpg);
}
.slide .slide_img.irodori {
  background-image: url(img/irodori_full_s.jpg);
}
.slide .slide_img.shining {
  background-image: url(img/shining_full_s.jpg);
}
.phone_none {
  display: none;
}
.conC .reason_box {
	margin-top: 40px;
	overflow: hidden;
	border-radius: 8px;
	background-color: #393939;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 18px;
	padding-right: 18px;
	border: 1px solid #999999;
	position: relative;
}
.conM .reason_box {
	margin-top: 40px;
	overflow: hidden;
}
.sample_box .section .flexA {
  padding-top: 5px;
  margin-top: 10px;
}
.sample_box .section .flexB {
  padding-top: 5px;
  margin-top: 10px;
}
.sample_box .section h3 {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 12px;
}
.bend_text h2 {
  text-align: right;
  margin-bottom: -15px;
}
.blue_text {
  /*color: #35DFDF;*/
	color: #35DFDF;
}
.yellow_text {
  color: #FFEC16;
}
.orange_text {
	color: #EFE308;
	font-weight: bold;
}
.purple_text {
  color: #FFFFFF;
}
.conC .reason_box h3 {
	color: #35DFDF;
	font-size: 5.6vw;
	letter-spacing: 0.06em;
	text-align: center;
	margin-bottom: 12px;
}
.conC .reason_box h3.small {
	color: #FF4040;
	margin-top: 10px;
}
.conM .reason_box h3 {
	color: #FFEC16;
	font-size: 6.2vw;
	text-align: center;
	margin-bottom: 5px;
}
.red_text {
  color: #FF4040;
}
.diffe_conA .diffe_box h3 {
  font-size: 22px;
  margin-bottom: 15px;
  text-align: center;
}

.price_text {
	color: #0078C6;
}

.conD .cant_box h3 {
  font-size: 5.1vw;
  margin-bottom: 5px;
}
.conC .reason_box h3 span {
  font-size: 16px;
  margin-left: 3px;
  color: #F0F0F0;
}
.conM .reason_box h3 span {
  font-size: 14px;
  margin-left: 3px;
  color: #F0F0F0;
}
/*光るボタン*/
.flashbutton {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.column_text_box .flashbutton .attract_btn {
}

.works_conA section .flashbutton {
	margin-top: 10px;
}
.works_conB .works_button .flashbutton {
  margin-top: 25px;
}

.flashbutton a {
	display: block;
	position: relative;
	z-index: 2;
	overflow: hidden;
	width: 265px;
	border-radius: 5px;
	color: #ffffff !important;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	transition: .25s linear;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left: 15px;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #383838 0%,#252525 59%,#151515 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #383838 0%,#252525 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-45deg, #383838 0%,#252525 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding-right: 5px;
}

.flashbutton a:hover {
  opacity: 0.7;
  background-color: #120F14;
}
.sub_conB .flashbutton {
  margin-top: 40px;
}

.flashbutton a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 25px;
 height: 100px;
 transform: rotate(40deg);/*光の角度*/
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 animation: flash 3.5s infinite linear;/*光るスピード*/
}
@keyframes flash {
 0% { left: -150%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes flash {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}

.normal_link a {
	color: #ffffff;
	font-size: 14px;
	display: block;
	width: 200px;
	border-radius: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 20px;
}
.normal_link img {
	margin-left: 10px;
}


/*サンプルフェードアップ*/
/* 画面外にいる状態 */
.fade-upB {
  opacity : 0;
  transform : translate(0, 90px);/*フェードする距離*/
  transition : all 800ms;
}
/* 画面内に入った状態 */
.fade-upB.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*サンプルフェードレフト*/
/* 画面外にいる状態 */
.fade-leftB {
  opacity : 0;
  transform : translate(-90px, 0);/*フェードする距離*/
  transition : all 800ms;
}
/* 画面内に入った状態 */
.fade-leftB.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*サンプルフェードライト*/
/* 画面外にいる状態 */
.fade-rightB {
  opacity : 0;
  transform : translate(90px, 0);/*フェードする距離*/
  transition : all 800ms;
}
/* 画面内に入った状態 */
.fade-rightB.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}


/*フェードイン*/
/* 画面外にいる状態 */
.fade-in {
	opacity : 0;
	transform : translate(0, 0);/*フェードする距離*/
	transition : all 800ms;
}
.conJ.lp_conJ .flashbutton {
	margin-top: 30px;
}

/* 画面内に入った状態 */
.fade-in.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}

.sub_boxI .graph_text {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
}
.sub_boxI .graph_text p {
	font-size: 14px;
	margin-bottom: 10px;
}


.sub_boxI .cost {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;

}

.card_box .cardB {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}


.diffe_conA .flashbutton {
  margin-top: 40px;
}

.diffe_conA .title p {
	/* [disabled]font-size: 13px; */
	/* [disabled]font-weight: normal; */
	/* [disabled]margin-bottom: 5px; */
}
.works_conA section h2 {
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.7;
  font-size: 5vw;
  letter-spacing: 0.04em;
}
.works_conA section h3 {
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.7;
  font-size: 5vw;
  letter-spacing: 0.04em;
}
.columns h2 {
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.columns h3 {
  line-height: 1.5;
  font-size: 14px;
  letter-spacing: 0.04em;
}
.columns h4 {
  line-height: 1.5;
  font-size: 14px;
  letter-spacing: 0.04em;
  font-weight: bold;
  color: #FFFFFF;
}


.conH .voice_box .voice_text .flashbutton {
  margin-top: 20px;
}
.conE .conG_text p {
  font-size: 14px;
}
/*フェードアップ*/
/* 画面外にいる状態 */
.fade-up {
	opacity : 0;
	transform : translate(0, 25px);/*フェードする距離*/
	transition : all 600ms;
}
.accordion .ac_box {
  width: 100%;
}

/* 画面内に入った状態 */
.fade-up.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*フェードレフト*/
/* 画面外にいる状態 */
.fade-left {
  opacity : 0;
  transform : translate(-80px, 0);/*フェードする距離*/
  transition : all 750ms;
}
/* 画面内に入った状態 */
.fade-left.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*フェードライト*/
/* 画面外にいる状態 */
.fade-right {
  opacity : 0;
  transform : translate(70px, 0);/*フェードする距離*/
  transition : all 750ms;
}
/* 画面内に入った状態 */
.fade-right.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*ラインアニメーション左から*/
/* 画面外にいる状態 */
.move_left {
  opacity : 0;
  transform : translate(-850px, 0);/*フェードする距離*/
  transition : all 980ms;
}
/* 画面内に入った状態 */
.move_left.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*---------------*/
/*ラインアニメーション右から*/
/* 画面外にいる状態 */
.move_right {
  opacity : 0;
  transform : translate(850px, 0);/*フェードする距離*/
  transition : all 980ms;
}
/* 画面内に入った状態 */
.move_right.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*---------------*/
/*ラインアニメーション上から*/
/* 画面外にいる状態 */
.move_down {
  opacity : 0;
  transform : translate(0, -300px);/*フェードする距離*/
  transition : all 1200ms;
}
/* 画面内に入った状態 */
.move_down.scrollin {
  opacity : 1;
  transform : translate(0, 0);
}
/*---------------*/
/*幾何学模様*/
#geometry {
	width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -2;
  display: inline;
  /*display: none;*/
}
/*----------------*/
/*幾何学模様_整骨院LP用*/
#geometry_lp_gw {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -2;
	display: inline;
}
/*----------------*/
/*幾何学模様_整骨院LP用*/
#geometry_lp_gb {
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: -2;
	display: inline;
}
/*----------------*/
.line_move {
  height: 1px;
  background-color: #B2B2B2;
  overflow-x: hidden;
}
.conE .conE_text h2 {
  text-align: center;
  margin-bottom: 30px;
}
/* ローディングの背景部分のCSS */
.loader{
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 30;
  background-color: #000000;
}
/*-----------------------------*/
/*----ローディングアニメーション----*/
.spinner {
  text-align: center;
}
.loading_icon img {
	animation: logo1 1.2s ease infinite;
	width: 36px;
}
.loading_logo {
  display: none;
}

@keyframes logo1 {
50% {
transform:translateY(-13px)
}
}
.toggle_menu {
	width: 100vw;
	/* [disabled]height: 100vh; */
	position: fixed;
	background-color: rgba(101,101,101,0.95);
	display: none;
	z-index: 20;
	padding-top: 16px;
	padding-bottom: 5px;
}
.toggle_menu ul {
  list-style-type: none;
  margin-left: auto;
  padding-left: 0px;
  display: block;
  width: 95%;
  margin-right: auto;
  max-width: 650px;
}
.toggle_menu ul li a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	transition: 0.3s;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	margin-bottom: 15px;
	line-height: 1.4;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.headD a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	transition: 0.3s;
	border: 1px solid #E9E9E9;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 8px;
	display: block;
	width: 121px;
	padding-top: 5px;
	padding-bottom: 4px;
	font-weight: normal;
	background: #606060; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #606060 0%,#404040 59%,#303030 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #606060 0%,#404040 59%,#303030 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-45deg, #606060 0%,#404040 59%,#303030 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#303030',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	margin-left: auto;
}

a {
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.conA .info_link a {
  font-size: 12px;
  color: #E6E6E6;
  text-decoration: none;
}
.conA .info_link {
  text-align: center;
  margin-top: 5px;
}

.info_box ol li a {
  color: #35DFDF;
  text-decoration: none;
  transition: all 0.3s;
}
.info_box ol li a:hover  {
  opacity: 0.7;
}

.top_works a {
	width: 48.5%;
	margin-bottom: 5px;
}
.top_works .lp_works {
	width: 48.5%;
	margin-bottom: 5px;
}
.column_text_box section a {
	color: #6ED4FF;
	margin-top: 10px;
	text-decoration: none;
	border-bottom: 1px solid #6ED4FF;
}
.column_text_box section .reference {
  font-size: 13px;
  margin-top: 10px;
  display: block;
}
.conA .scroll_box .scroll_text p a {
	color: #35DFDF;
}
.page_top a {
	transition: all 0.3s;
}
.page_top a:hover  {
	cursor: pointer;
	opacity: 0.8;
}
.works_conB .works_box section a {
	color: #35DFDF;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 15px;
	transition: all 0.3s;
}
.works_conB .works_box section a:hover  {
	opacity: 0.7;
}
.sub_boxI .cost p a {
	color: #E66538;
	margin-top: 5px;
	display: block;
}
.conF .container .sample_box .section a {
  width: 48%;
  height: 48%;
  transition: all 0.3s;
}
.conF .container .sample_box .section .lp_case {
  width: 48%;
  height: 48%;
}
.conF .sample_box .section_box .flashbutton .sample_btn {
  width: 240px;
}
.speed_check .check_box .flashbutton .sample_btn {
  width: 240px;
}

.conF .container .sample_box .section a:hover  {
  transition: all 0.3s;
  opacity: 0.7;
}

.ac_box dd a {
  text-decoration: none;
  padding-top: 5px;
  font-size: 14px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  color: #1F1A23;
  border: 1px solid #0D0B0F;
  margin-left: auto;
  margin-right: 4%;
  width: 170px;
  display: block;
  text-align: center;
  margin-bottom: 7px;
  margin-top: 7px;
  transition: all 0.3s;
}
.sub_boxI section a {
	text-decoration: none;
	padding-top: 5px;
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	color: #1F1A23;
	border: 1px solid #0D0B0F;
	margin-left: auto;
	margin-right: auto;
	width: 140px;
	display: block;
	text-align: center;
	margin-top: 15px;
	transition: all 0.3s;
	background-color: #E8E8E8;
	margin-bottom: 5px;
}
.sub_boxI section a:hover  {
  opacity: 0.8;
  background-color: #E1E1E1;

}
.ac_box dd a:hover  {
  transition: all 0.3s;
  opacity: 0.8;
  background-color: #ECECEC;
}

.thanks_box a {
	color: #FFFFFF;
	font-size: 15px;
	transition: all 0.3s;
	margin-bottom: 20px;
	display: block;
}
.error_box a {
  color: #FFFFFF;
  font-size: 16px;
  transition: all 0.3s;
  display: block;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.thanks_box a:hover  {
  opacity: 0.8;

}
.error_box a:hover  {
  opacity: 0.8;

}

footer .footE p a {
  text-decoration: none;
  color: #CECECE;
  transition: all 0.3s;
}
footer .footE p a:hover  {
  opacity: 0.8;
}
footer .footH a:hover  {
  opacity: 0.8;
}
footer .footH p a {
  text-decoration: none;
  color: #CECECE;
  transition: all 0.3s;
}
footer .footH p a:hover  {
  opacity: 0.8;

}

.anchor_menu ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #FFFFFF;
  font-size: 13px;
  padding-top: 3px;
  padding-bottom: 3px;
  background: #606060; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.anchor_menu_pc ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #FFFFFF;
  font-size: 17px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  transition: all 0.3s;
  letter-spacing: 0.15em;
  background: #606060; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.anchor_menu_pc ul li a:hover  {
  color: #FFEC16;
  border-color: #FFEC16;
}
.anchor_menu_pc ul li a.difference:hover   {
  color: #35DFDF;
  border-color: #35DFDF;
}
.attract_reason ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  text-align: center;
  font-size: 37px;
  padding-bottom: 13px;
  border-bottom: 1px solid #AEAEAE;
  font-weight: bold;
  transition: all 0.2s;
  letter-spacing: 0.04em;
}
.attract_reason ul li a:hover  {
  color: #FFEC16;
  border-bottom-color: #FFEC16;
  letter-spacing: 0.09em;
}
.attract_reason ul li a.difference:hover {
  color: #35DFDF;
  border-bottom-color: #35DFDF;
}

.attract_reason ul li a span {
  font-size: 16px;
  font-weight: normal;
  color: #CBCBCB;
}

.anchor_menu .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.anchor_menu_pc .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.attract_reason .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}


.conJ .contact_text a {
  text-decoration: none;
  color: #00C9FF;
  font-size: 30px;
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 320px;
  display: block;
  margin-bottom: 10px;
}

.toggle_menu ul li a:hover {
	opacity: 0.8;
}
.price_box h2 .eco_price {
  font-size: 35px;
  color: #35DFDF;
}
.price_box h2 .stan_price {
  font-size: 35px;
  color: #FFEC16;
}
.price_box h2 .pre_price {
  font-size: 35px;
  color: #9EEC4D;
}
.conE .price_box p {
  font-size: 15px;
  margin-top: 25px;
  margin-bottom: 5px;
}
.price_box h2 .small {
  font-size: 14px;
  margin-left: 3px;
}
.accordion {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 110px;
}
.accordion .ac_box dt h2 {
  color: #2C2A26;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  /* [disabled]display: block; */
}
.accordion .ac_box dt h3 {
  color: #2C2A26;
  font-size: 14px;
  line-height: 1.3;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  /* [disabled]display: block; */
}

/*question/voiceアコーディオン*/
.ac_box dt{
  cursor: pointer;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  margin-top: 20px;
  height: auto;
}
/*question/voiceアコーディオン*/
.ac_box dt:hover {
  opacity: 0.8;
}
.ac_box dd{
  text-align: justify;
  display: none;
  background-color: rgba(255,255,255,0.97);
  padding-bottom: 8px;
}
/*-----------------------*/
.ac_box dt span   {
  font-size: 28px;
  color: #201F1C;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #F0F0F0;
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ac_box dd p {
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	color: #2A2724;
	font-size: 15px;
}
.conI {
	padding-top: 80px;
}
.conL {
	padding-top: 80px;
	padding-bottom: 30px;
}
.conL.flow_top_margin {
	padding-top: 50px;
}
.main .conL.priceL {
  margin-top: 0px;
  padding-top: 30px;
}

.voice_box .voice_A {
  background-image: url(img/grande_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_B {
  background-image: url(img/works_voice.jpg);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_C {
  background-image: url(img/naganuma_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_D {
  background-image: url(img/sunart_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_E {
  background-image: url(img/irodori_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_F {
  background-image: url(img/shining_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_box .voice_G {
  background-image: url(img/souka_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
form .submit input {
  font-size: 14px;
  background-color: #4C4C4C;
  color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all 0.3s;
}
form .submit input:hover {
  opacity: 0.8;
  background-color: #201F1C;
}
.conJ .contact_text .open_time {
  text-align: center;
}
.conD .cant_box .cant_img {
  justify-content: space-between;
  display: flex;
  margin-top: 30px;
}
.conD .cant_box .seo_img {
  margin-top: 40px;
}
.conD .cant_box .cant_container .cant_text {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.conD .cant_box .cant_container .cant_text p {
  font-size: 17px;
  font-weight: bold;
  margin-left: 10px;
}
.conF .sample_box .section img {

}
.conG .price_box img {
  width: 70%;
  margin-top: 20px;
}
.conB section p  {
  font-size: 13px;
}
.sub_conA h2 {
  text-align: center;
  font-size: 26px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.sub_conB .sub_conB_text .box {
  overflow: hidden;
}
.diffe_conA .sub_conB_text .box {
  overflow: hidden;
}
.sub_conB .sub_conB_text .split {
  overflow: hidden;
}
.toggle_menu ul li .main_menu {
  background: #FFFFFF;
  color: #242424;
  border-color: #0E0E0E;
}
.conJ .contact_text p br {
  display: none;
}
.toggle_menu .at_toggle_margin {
  height: 95px;

}
.conB section {

}
.conH .voice_box .voice_text .voice_text_shop {
  font-size: 12px;
  margin-top: 0px;
}
.works_conB .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #939393;
  padding-bottom: 60px;
}
.conH .works_conB .container {
	width: 100%;
	padding-top: 30px;
}
.works_conB .works_button {



}

.works_hero {
	padding-top: 125px;
	padding-bottom: 8px;
}
.sample_hero {
	padding-top: 120px;
	padding-bottom: 0px;
}
.works_hero .container p {
  text-align: center;
  font-size: 5vw;
}
.works_conB .works_hp {
  height: 350px;
  overflow: auto;
  margin-bottom: 40px;
}
.works_conB .works_box section h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 15px;
}
.works_conB .works_box section .product_list p {
  border: 1px solid #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 13px;
  width: 48%;
}
.sub_conA .sub_conA_text {
  overflow-x: hidden;
}
.sub_conC .sub_conC_text {
  overflow-x: hidden;
}
.works_conB .works_box .product_list h3 {
  font-size: 14px;
  font-weight: normal;
  color: rgba(233,233,233,1.00);
}
.works_conB .works_box .product_list .option {
  color: rgba(245,232,80,1.00);
  border-color: rgba(245,232,80,1.00);
}
.sub_boxD .sub_boxD_text h3 {
  font-size: 5vw;
  margin-bottom: 5px;
}
.sub_boxE .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.sub_boxE section h3 {
  font-size: 28px;
}
.sub_boxF .guide_A {
  border: 1px solid #BE5959;
}
.sub_boxF .guide_B {
  border: 1px solid #58A4B8;
}
.sub_boxF .guide_C {
  border: 1px solid #84AC59;
}
.sub_boxF .guide_D {
  border: 1px solid #BDB33D;
}
.sub_boxF .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.sub_boxF .guideline {
  background-color: rgba(21,21,21,0.76);
  margin-top: 30px;
  padding-top: 15px;
  border-radius: 10px;
  padding-bottom: 20px;
}
.sub_boxF .guideline h3 span {
  font-size: 15px;
  color: #BDBCBC;
}
.sub_boxF .guideline p {
  font-size: 15px;
  text-align: center;
}
.sub_boxF .guideline h3 {
  font-size: 23px;
  text-align: center;
  margin-bottom: 5px;
  letter-spacing: 0.09em;
  margin-left: -35px;
}
table.outline_content {
  margin: 0 auto;
  width: 95%;
  border-left-style: none;
  border-right-style: none;
  border-bottom: 1px solid #A5A5A5;
  border-top: 1px solid #A5A5A5;
  border-collapse: separate;
  border-spacing: 0 8px;
  letter-spacing: 0.04em;
  line-height: 2;
  font-size: 0px;
}
table.outline_content th {
  vertical-align: middle;
  height: 30px;
  width: 40px;
  border-right: 1px solid #A5A5A5;
  margin: 0;
  text-align: center;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: normal;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
table.outline_content td.data {
  margin: 0;
  height: 38px;
  width: 90px;
  border: none;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.8;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding-left: 5px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
table.outline_content td:fst-child {
 padding: 0 0 0 10px;
 vertical-align: middle;
}
table.outline_content td.bar {
  height: 1px;
  width: 100%;
  border-top: solid 1px #A5A5A5;
}
.sub_boxH .origin_boxB img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;

}
.question_margin h2 {
  font-size: 21px;
  text-align: center;
}
.conE .container .flex {
  margin-top: 50px;
  margin-bottom: 40px;
}

.conE .diffe_img .large_img {
  display: none;
}
.conE .diffe_img .small_img {
  margin-bottom: 30px;
}
.conF .sample_box .section_box {
  margin-bottom: 25px;
}
.sub_boxI section h3 {
	font-size: 18px;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #3F3F3F;
	font-weight: normal;
	color: #FFFFFF;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.sub_boxI .plan_box section h3 {
	font-size: 22px;
	padding-top: 4px;
	padding-bottom: 6px;
	font-weight: bold;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	border: none;
	border-radius: 8px;
	line-height: 1.6;
}
.sub_boxI .plan_box section.blue h3 {
	background-color: #227CBF;
}
.sub_boxI .plan_box section.green h3 {
	background-color: #61B51F;
}
.sub_boxI .plan_box section.orange h3 {
	background-color: #F4750C;
}
.sub_boxI .plan_box section.pink h3 {
	background-color: #EA3A92;
}
.sub_boxI .plan_box section.purple h3 {
	background-color: #8123B0;
}
.sub_boxI .plan_box section.red h3 {
	background-color: #EB352F;
}
.sub_boxI .plan_box section.brown h3 {
	background-color: #974600;
}

.sub_boxI .plan_box section h3 span {
	font-size: 14px;
	font-weight: normal;
}




.sub_boxI .container {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.sub_boxI .container .flex {
	/* [disabled]display: flex; */
	/* [disabled]justify-content: space-between; */
	/* [disabled]flex-wrap: wrap; */
}
.sub_boxI .container .cost h3 {
  font-size: 19px;
  text-align: center;
  font-weight: normal;
  margin-top: 40px;
  margin-bottom: 30px;
  color: rgba(216,216,216,1.00);
}
.sub_boxI .cost h2 {
  font-size: 13px;
  font-weight: normal;
  color: #B3B3B3;
  text-align: center;
  margin-top: 40px;
}
.sub_boxI .cost h3 span {
  font-size: 28px;
  font-weight: bold;
  color: #35DFDF;
}
.sub_boxJ section h4 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 5px;
  color: #FFFFFF;
  font-weight: bold;
}
.sub_boxJ .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
header .headB .main_pc_menu {
  font-weight: bold;
  color: #7AE0FB;
}

header .headB .attract_pc_menu {
  font-weight: bold;
  color: #FFEC16;
}
header .headB .difference_pc_menu {
  font-weight: bold;
  color: #35DFDF;
}
header .headB .about_pc_menu {
  font-weight: bold;
  color: #9EEC4D;
}
.conB section .conB_box .small_title {
  font-size: 13px;
  color: #ADADAD;
}
.conB section .conB_box {
  padding-top: 50px;
}
.conE .price_box .price_text {
  margin-bottom: 30px;
}
.voice_img_sub.voice_E {
  background-image: url(img/irodori_voice.jpg);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_img_sub.voice_B {
  background-image: url(img/works_voice.jpg);
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sub_boxD_text .ceo_name {
  display: flex;
  align-items: center;
  margin-top: 10px;
  justify-content: flex-end;
}
.sub_boxD_text .ceo_name p {
  margin-top: 0px;

}
.sub_conB .sub_conB_text .pc_size p {
  color: #FFFFFF;
}
.sub_conA section .diffe_table img {
  width: 100%;
  height: 100%;
}
.sub_conA section .diffe_table {
  padding-top: 30px;

}
.conD .cant_box .cant_text p br {
  display: none;
  margin-top: 0px;
}
.sub_conA section .diffe_graph {
  margin-top: 30px;
  width: 100%;
  height: 100%;
}


















































































@media (min-width:600px) and (max-width:959px){

.chiro_lp_link_button {
	max-width: 600px;
}

.toggle_menu .at_toggle_margin {
  height: 115px;

}
/*フルスクリーン動画*/
.hero {
  height: 580px;
}
.hero video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 580px;
	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline;
}
/*--------------*/
/*ドット柄背景フィルター*/
.dot_filter {
	min-height: 580px
}
/*--------------*/
.hero #multiple {
	right: 10vw;
	bottom: 120px;
}
#multiple img {
	padding-left: 7px;
	width: 40px;
	height: auto;
}
#multiple .scroll-arrow {
	height: 18px;/*矢印と矢印の間の高さ*/
}
#multiple span {
	height: 6px;/*矢印の太さ*/
	width: 38px;/*矢印の幅*/
}
#multiple span.arrow-left {
	left: -24px;/*矢印の位置*/
}
#multiple span.arrow-right {
	right: -24px;/*矢印の位置*/
}
.hero .hero_logo {
	display: none;
}
.phone_none {
  display: none;
}
.banner_box .container {
  max-width: 650px;
}
.conA .container {
  max-width: 650px;
}
.conB .container {
  max-width: 650px;

}
.sub_conA .container {
  max-width: 650px;

}
.sub_conC .container {
  max-width: 650px;

}
.sub_hero .container {
  max-width: 650px;

}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 35px;
}
.sub_conA img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  width: 45%;
  height: 45%;
}
.back_fixedA .img {
  width: 90%;
  height: 63vw;
}
.conC .container {
  max-width: 650px;

}
.conM .container {
  max-width: 650px;

}
.back_fixedB .img {
  width: 88%;
  height: 380px;
}
.back_fixedC .img {
  width: 88%;
  height: 310px;
}
.back_fixedB {
  max-width: 650px;

}
.back_fixedC {
  max-width: 650px;

}
.bend_text .container {
  max-width: 650px;


}
.bend_text h2 {
  text-align: right;
  margin-bottom: 0px;
}
.back_fixedB h2 {
  font-size: 40px;
  margin-right: -15px;
}
.back_fixedC h2 {
  font-size: 40px;
  margin-right: -15px;
}
.conC {
  padding-top: 30px;
}
.conM {
  padding-top: 30px;
}
.conC .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.conC .reason_box {
  width: 43%;
}
.conM .reason_box {
  width: 48%;
}

.conD .container {
  max-width: 650px;
}
.conF .container {
  max-width: 650px;
}
.speed_check .container {
  max-width: 650px;
}
.hero .hero_title {
  top: 14%;
  left: 8vw;
  width: 180px;
}
.conD {
  padding-top: 30px;
  padding-bottom: 80px;
}
.conB h3 {
  font-size: 35px;
}
.sub_conA h3 {
  margin-top: 35px;
  font-size: 35px;
}
.sub_conC h3 {
  margin-top: 35px;
  font-size: 35px;
}
.conD .cant_box h3 {
  font-size: 35px;
}
.conE {
  padding-top: 0px;
}
.toggle_menu {
  padding-top: 15px;
  padding-bottom: 5px;
}
.conF {
  padding-top: 80px;
}
.speed_check {
  padding-top: 30px;
}
.conF .conF_text h2 {

}
.sample_box .section h3 {
  line-height: 1.1;
  font-size: 21px;
  margin-bottom: 20px;
}
.loading_logo {
  display: none;
}
.conG {
  padding-top: 110px;
}
.conG .container {
  max-width: 650px;

}
.slide_pc {
  width: 590px;
  height: 450px;
  padding-top: 15px;
  display: block;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slide {
  width: 550px;
  height: 310px;
}
.conI .container {
  max-width: 650px;
}
.conH .container {
  max-width: 650px;
}
.voice_box .flexA {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.voice_box .flexB {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
.voice_box .voice_text {
  width: 47%;
}
.voice_box .voice_img {
  width: 50%;
  height: 250px;
  margin-top: 0px;
}
.voice_box .voice_img_sub {
  width: 50%;
  height: 500px;
  margin-top: 0px;
}
.conJ .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 480px;
}
.conK .container {

  width: 90%;
  max-width: 0px;
  max-width: 650px;
}
.conK form {
  width: 65%;
}
footer .container {
  max-width: 650px;
}
footer .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}
footer .container .footA {
  width: 47%;
}
footer .container .footB {
  width: 47%;
}
footer .container .footC {
  width: 47%;
}
footer .container .footD {
  width: 47%;
}
footer .container .footE {
  width: 97%;
}
footer {
	padding-bottom: 110px;
}
.footF {
  max-width: 650px;


}
.conK .contact_text p {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  max-width: 420px;
}
.conC p {
	font-size: 14px;
}
.conC .conC_text p {
  font-size: 14px;
}
.conM .conM_text p {
  font-size: 14px;
}
.conC .reason_box h3 {
  font-size: 30px;
}
.conC .reason_box h3.small {
  font-size: 24px;
}
.conM .reason_box h3 {
  font-size: 30px;
}
.conC .reason_box p {

}
.sub_hero .sub_hero_text {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  max-height: 500px;
  padding-top: 27px;
}
.sub_hero h1 {
  margin-bottom: 40px;
  text-align: center;
  padding-top: 75px;
  font-size: 40px;
}
.under_menu .container {
  max-width: 650px;

}
.anchor_menu ul li a {
  font-size: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.anchor_menu ul {
  max-width: 650px;

}
.conD .cant_box .cant_img img {
  width: 42%;
}
.conD .cant_box .cant_img {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.conD .cant_box .seo_img {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}
.conG .price_box img {
  margin-top: 30px;
  max-width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sub_conB .sub_conB_text section h3 {
  font-size: 30px;
  margin-bottom: 5px;
}
.diffe_conA .sub_conB_text section h2 {
  font-size: 30px;
  margin-bottom: 5px;
}
.sub_conB .sub_conB_title h2 {
  font-size: 38px;
}
.column_conB .column_conB_title h2 {
  font-size: 30px;
}
.sub_conD .sub_conD_title h2 {
  font-size: 38px;
}
.sub_conD .sub_conD_title h2 {
  font-size: 38px;
}
.sub_conB .sub_conB_title p {
  font-size: 22px;
}
.sub_conD .sub_conD_title h3 {
  font-size: 22px;
}
.sub_conB .container {
  max-width: 650px;
}
.sub_conD .container {
  max-width: 650px;
}
.sub_conB_text section img {
  width: 400px;

}
.privacy_box .container {
  max-width: 650px;

}
.privacy_box h3 {
  text-align: center;

}
.thanks_box .container {
  max-width: 650px;

}
.error_box .container {
  max-width: 650px;

}
.thanks_box h2 {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.thanks_box h3 {
	font-size: 14px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
.error_box h3 {
  font-size: 14px;
  margin-bottom: 30px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.thanks_box a {
  font-size: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 120px;
}
.error_box a {
  font-size: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
}
.accordion .ac_box dt h2 {
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
}
.accordion .ac_box dt h3 {
  font-size: 17px;
  padding-left: 10px;
  padding-right: 10px;
}
.works_conA .container section {
  padding-bottom: 40px;
  margin-bottom: 35px;
  width: 47%;
}
.works_conA .container .columns {
  padding-bottom: 40px;
  margin-bottom: 35px;
  width: 47%;
}
.relation_box .columns {
  padding-bottom: 40px;
  margin-bottom: 35px;
  width: 47%;
}
.column_conB .relation_box section {
  padding-bottom: 40px;
  margin-bottom: 35px;
  width: 47%;
}
.works_conA .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.works_conA section h2 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.works_conA section h3 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.works_conA .columns h2 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.works_conA .columns h3 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.works_conA .columns h4 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.column_conB .relation_box section h2 {
  margin-bottom: 12px;
  line-height: 1.5;
  font-size: 17px;
}
.works_conB .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
}
.works_conB .works_hp {
  height: 480px;
  overflow: auto;
  margin-bottom: 60px;
}
.works_conB .works_box section .center br {
  display: none;
}

.works_conB .works_box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.works_hero .container p {
  font-size: 24px;
}
.works_hero .container h2 {
  margin-bottom: 50px;
}
.works_hero .container h1 {
  margin-bottom: 50px;
}
.works_conB .works_box section .product_list {
  width: 100%;
  max-width: 650px;
}
.works_conB .works_box section .product_list p {
  border: 1px solid #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 32%;
}
.works_conB .works_button {
  display: flex;
  justify-content: space-around;
}
.sub_boxD .sub_boxD_text h3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.sub_boxD .container p {
  font-size: 14px;
  margin-top: 15px;
}
.sub_boxD .container {
  max-width: 650px;

}
.sub_boxE .container {
  max-width: 650px;

}
.sub_boxF .container {
  max-width: 650px;

}
.sub_boxF .guideline p br {
  display: none;
}
.sub_boxG .container {
  max-width: 650px;

}
.sub_boxH .cntainer .flex {
  display: flex;
  justify-content: space-between;
}
.sub_boxH .origin_box {
  text-align: center;
  font-size: 19px;
  width: 48%;
}
.sub_boxH p {
  font-size: 12px;
}
.sub_boxH .cntainer {
  max-width: 650px;

}
.cntainer .flex .class {
}
.sub_boxH .origin_boxB {
  width: 48%;
}
.sub_boxH .origin_boxB img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;

}
.sub_boxC_text .container {
  max-width: 650px;

}
.conE .container {
  padding-top: 60px;
  max-width: 650px;
}
.conF .conF_text {
  margin-top: 60px;
}
.conF .text {
  margin-top: 60px;
}
.conH .conH_text {
  margin-top: 60px;
}
.conI .conI_text {
  margin-top: 60px;
}
.conL .conL_text {
  margin-top: 60px;
  margin-bottom: 60px;
}
.sub_boxI .container .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sub_boxI .container section {
  width: 48%;
  margin-top: 15px;
}
.sub_boxI .container .plan_box section {
  width: 48%;
  margin-top: 15px;
}
.sub_boxI .container {
  max-width: 650px;
  width: 90%;

}
.sub_boxI section h3 {
  font-size: 15px;
}
.sub_boxJ .container section {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.sub_boxJ section h4 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 0px;
  width: 49%;
}
.sub_boxJ .container {
  max-width: 650px;

}
.sub_hero p {
  font-size: 22px;
}
.conB section .flex {
  display: flex;
  justify-content: space-between;
}
.conB section .conB_box {
  width: 60%;
}
.conB img {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 160px;
  width: 30%;
  height: 30%;
}
.sub_conA section .diffe_graph {
  width: 80%;
}
.diffe_conA .container {
  max-width: 650px;
}
.diffe_conA .diffe_box .text h4 {
  font-size: 17px;
  margin-bottom: 5px;
}
.diffe_conA .flex h3 {
  font-size: 23px;
}
.diffe_conA .title p {
  font-size: 14px;
  width: 550px;
  margin-left: auto;
  margin-right: auto;
}
.sub_conA p {
  font-size: 14px;
  margin-top: 15px;
}
.sub_conC p {
  font-size: 14px;
  margin-top: 15px;
}
.diffe_conA .title {
  margin-bottom: 50px;
}
.diffe_conA .diffe_box .diffeA .text p {
  font-size: 13px;
}
.diffe_conA .diffe_box .diffeB .text p {
  font-size: 13px;
}
.sub_conB {
  padding-top: 50px;
}
.column_conB {
  padding-top: 50px;
}
.sub_conD {
  padding-top: 50px;
}
.voice_img_sub.voice_E {
  background-image: url(img/irodori_voice.jpg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_img_sub.voice_B {
  background-image: url(img/works_voice.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.conH .conH_text br {
  display: inline;
}
.conH .conH_text p {
  font-size: 15px;
  text-align: center;
}
.sub_boxD_text .ceo_name p {
  margin-top: 0px;

}
.sub_boxE section img {
  width: 75%;
}
.conD .cant_box .cant_text p br {
  display: inline;
}
.conF .sample_box .section_box .flashbutton .sample_btn {
  width: 240px;
}
.diffe_conA .diffe_box {
  display: flex;
  justify-content: space-between;
}
.diffe_conA .diffeA {
  padding-bottom: 15px;
  width: 48%;
  margin-bottom: 0px;
}
.diffe_conA .diffeB {
  padding-bottom: 15px;
  width: 48%;
}
.diffe_conA .diffe_box h3 {
  display: none;
}
.diffe_conA .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.conA .scroll_text br {
  display: none;


}
.conA .scroll_box .scroll_text p {
  font-size: 13px;
  margin-bottom: 5px;
}
.sub_boxC_text .container br {
  display: none;
}
.conE .container .flex {
  display: flex;
  justify-content: space-between;
  /* [disabled]align-items: center; */
  margin-top: 60px;
  margin-bottom: 60px;
}
.conE .table_box {
  width: 56%;
}
.conE .price_box {
  margin-top: 0px;
  width: 42%;
}
.sample_box .section .flexA {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-direction: row-reverse;
  align-items: center;
}
.sample_box .section .flexB {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: center;
}
.conF .sample_box .section_box {
  width: 48%;
  margin-top: -20px;
  margin-bottom: 0px;
}
.ac_box dd p {
  padding-top: 17px;
  padding-right: 17px;
  padding-bottom: 5px;
  padding-left: 17px;
  font-size: 13px;
}
.conL .container {
  max-width: 650px;

}
.conL .conL_text p .phone_none {
  display: inline;
}
.conI .conI_text p .phone_none {
  display: inline;
}
.conI .conI_text p {
  font-size: 14px;
  text-align: center;
}
.conL .conL_text p {
  font-size: 14px;
  text-align: center;
}
.conL .flow_text p {
  font-size: 13px;
}
.conL .flow_text h2 {
  font-size: 22px;
  margin-bottom: 3px;
}
.conL .flow_text h3 {
  font-size: 22px;
  margin-bottom: 3px;
}
.conL .flow_number .circle_number {
  width: 40px;
  height: 40px;
}
.conL .flow_number .circle_number span {
  margin-top: 5px;
  font-size: 22px;
}
.conL .flow_text {
  width: 86%;
  margin-top: 3px;
}
.sub_conA h2 {
  font-size: 38px;
}
.diffe_conA .title h2 {
  font-size: 35px;
  margin-bottom: 30px;
}
.responsive_box .res_box {
  width: 30.5%;
  margin-bottom: 3vw;
}
.responsive_box .res_box img {
  width: 35%;

}
.responsive_box .res_box h2 {
  font-size: 5.5vw;
  margin-left: 15px;
}
.sample_hero .container {
  max-width: 650px;

}
.responsive_box .responcive_text h2 {
  font-size: 35px;
}
.animation_box .animation_text h2 {
  font-size: 35px;
}
.responsive_box .responcive_text p {
  text-align: center;
}
.animation_box .animation_text p {
  text-align: center;
}
.animation_box .container .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.animation_box .svg_animation {
  width: 48%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
}
.animation_box .js_animation {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.animation_box .js_animation .flexA {
  margin-bottom: 30px;
  width: 45%;
}
.animation_box .js_animation section {
  width: 39%;
}
.animation_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.slide_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.pamph_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.flyer_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.card_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.video_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.photo_box .container .sample_text {
  font-size: 13px;
  margin-top: 50px;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}
.slide_box .container {
  max-width: 650px;

}
footer .container .footG {
  width: 80%;
}
.slide_box .slide_text h2 {
  font-size: 34px;
}
.pamph_box .pamph_text h2 {
  font-size: 34px;
}
.flyer_box .flyer_text h2 {
  font-size: 34px;
}
.card_box .card_text h2 {
  font-size: 34px;
}
.video_box .video_text h2 {
  font-size: 34px;
}
.photo_box .photo_text h2 {
  font-size: 34px;
}
/*--------------*/
/*ドット柄背景フィルター*/
.video_filter {
  min-height: 100%
}
.video_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.video_box .container .videoB {
  width: 47%;
  height: 100%;
}
.video_box .container .videoC {
  width: 48%;
  height: 100%;
}
.pamph_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.flyer_box .container .flex {
  display: flex;
  justify-content: center;
}
.pamph_box .pamphA {
  width: 50%;
}
.flyer_box .flyerA {
  width: 50%;
}
.card_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.card_box .cardA {
  width: 48%;
}
.card_box .cardB {
  width: 28%;
}
.conA .conA_text h1 {
  font-size: 40px;
}
.conA .conA_text h2 {
  font-size: 40px;
}
.sub_conC .conA_text h2 {
  font-size: 40px;
}
.question_margin h2 {
  font-size: 28px;
}
.question_margin {
  height: 45px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.sample_hero .container h1 {
  font-size: 40px;
  
}
.photo_box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.photo_box .photo_sampleA {
  width: 47%;
  margin-bottom: 50px;
}
.photo_box .photo_sampleB {
  width: 47%;
  margin-bottom: 0px;
}
.photo_box .photo_sampleA .cowA {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 450px;
}
.photo_box .photo_sampleB .stairsA {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
}
.photo_box .photo_sampleA .cowB {
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 450px;
}
  .photo_box .photo_sampleB .stairsB {
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
}
.photo_box .triangle {
  width: 17px;
  height: 40px;
  background-image: url(img/triangleB.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sub_hero h1.attract {
	padding-top: 15px;
}
.sub_hero h1.column {
	padding-top: 0px;
	font-size: 33px;
}
.text_box .small_text {
	font-size: 40px;
}
.conB .conB_text .small_text {
	font-size: 40px;
	text-align: center;
}
.sub_hero .sub_hero_text .small_text {
	font-size: 22px;
}
.column_conA .container {
	max-width: 600px;

}
.column_text_box h3 {
	font-size: 23px;
}
.column_conB .container {
	width: 90%;
	max-width: 600px;
}
.thanks_box p {
	max-width: 600px;

}
.sub_menu .contents_menu {
	display: none;
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 10px;
	right: 0px;
	width: 400px;
	margin-left: auto;
}
.cashless {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
.deepxi_method {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.top_banner {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 80px;
}
.conA .scroll_box .scroll_text {
	width: 67%;
}
.top_works a {
	width: 32%;
	margin-bottom: 10px;
}
.top_works .lp_works {
	width: 32%;
	margin-bottom: 10px;
}
.column_table .container {
  width: 90%;
  max-width: 600px;
}
/*---------------*/
/*幾何学模様*/
#geometry {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -2;
  display: inline;
}
.column_conB .relation_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.column_conB .relation_box section {
  padding-bottom: 40px;
  margin-bottom: 35px;
  width: 47%;
}
.tab_content .columns .img_box {
  height: 150px;
}
.info_box {
  max-width: 650px;
}
.speed_check .check_box {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: center;
}
.speed_check .check_box h3 {
  line-height: 1.1;
  font-size: 21px;
  margin-bottom: 20px;
}
.speed_check .check_box section {
  width: 47.5%;
}
.sub_boxI .container .graph_text h3 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 25px;
}
/*--------------*/
.column_text_box .scroll_img {
	height: 480px;
	margin-bottom: 60px;
}
.sub_boxI .plan_img_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
}
.sub_boxI .plan_img_box img {
	width: 48.5%;
}
.sub_boxD .greeting_imgA {
	background-image: url(staff_img/sawayaC.jpg);
	background-position: 77% center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
}
.sub_boxD .greeting_imgB {
	background-image: url(staff_img/yujiC.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 500px;
}
.plan_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
	flex-wrap: wrap;
	align-items: flex-start;
}
.conC .container .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.conM .container .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.interview_section {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.works_conB .works_box .product_list .product_flex::after {
	content:"";
	display: block;
	width:32%;
}










































































































}

@media (min-width:960px){

.photo_box .photo_sampleB .stairsB {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 430px;
}
.video_box .container .videoB {
  width: 48%;
  height: 100%;
}
.thanks_box a {
	font-size: 17px;
	margin-left: auto;
	margin-right: auto;
	width: 720px;
	margin-bottom: 40px;
}
/*フルスクリーン動画*/
.hero {
  height: 100vh;
}
/*--------------*/
/*ドット柄背景フィルター*/
.dot_filter {
  min-height: 100%
}
/*--------------*/
/*ドット柄背景フィルター*/
.video_filter {
  min-height: 100%
}
.hero #multiple {
  right: 5vw;
  bottom: 55px;
}
#multiple img {
  padding-left: 7px;
  width: 40px;
  height: auto;



}
#multiple .scroll-arrow {
	height: 18px;/*矢印と矢印の間の高さ*/
}
#multiple span {
	height: 6px;/*矢印の太さ*/
	width: 38px;/*矢印の幅*/
}
#multiple span.arrow-left {
	left: -24px;/*矢印の位置*/
}
#multiple span.arrow-right {
	right: -24px;/*矢印の位置*/
}
.under_menu {
  display: none;

}
.hero .hero_title {
	z-index: 15;
	top: auto;
	left: 3vw;
	position: absolute;
	display: inline;
	bottom: 30px;
	max-width: 580px;
}
.hero .hero_title .mobile {
	display: none;
}
.hero .hero_title .pc {
	display: inline;
}
.hero .hero_logo {
	z-index: 15;
	top: 44%;
	left: 48%;
	position: absolute;
	display: inline;
	width: 370px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.hero .hero_logo img {
	display: inline;
}
.loading_logo  {
	z-index: 5;
	top: 43%;
	left: 49%;
	position: absolute;
	display: inline;
	width: 380px;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.conA .flex {
  display: flex;
  justify-content: space-between;
}
.conA .container {
  max-width: 1500px;
  width: 91%;
}
.banner_box {
padding-bottom: 150px;
}
.banner_box .container {
  max-width: 980px;
  width: 91%;
}
.banner_box a {
	transition: all 0.3s;
}
.banner_box a:hover {
	opacity: 0.8;
}
.pc_none {
  display: none;
}
.phone_none {
  display: inline;
}
.conA p {
  font-size: 15px;
}
.conA .conA_text h1 {
	margin-bottom: 100px;
	text-align: center;
	font-size: 47px;
}
.conA .conA_text h2 {
	margin-bottom: 60px;
	text-align: center;
	font-size: 48px;
}
.sub_conC .conA_text h2 {
	margin-bottom: 60px;
	margin-top: 120px;
	text-align: center;
	font-size: 48px;
}
.conA .conA_text p {
  margin-bottom: 30px;
  text-align: center;
  line-height: 2;
}
.sub_conC .conA_text p {
  margin-bottom: 30px;
  text-align: center;
  line-height: 2;
}
.conA .scroll_box .scroll_text {
	height: 180px;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 10px;
	width: 93%;
}
.conA .scroll_box {
  padding-top: 35px;
  margin-top: 60px;
  width: 48%;
  padding-bottom: 30px;
	border-radius: 10px;
}
.back_fixedA {
  margin-top: 110px;
}
.conB h2 {
  margin-bottom: 100px;
  text-align: center;
}
.sub_hero h1 {
  margin-bottom: 60px;
  padding-top: 110px;
  font-size: 49px;
  text-shadow: 6px 6px 12px #292929;
}
.sub_hero h2 {
  margin-bottom: 60px;
  padding-top: 110px;
  font-size: 49px;
  text-shadow: 6px 6px 12px #292929;
}
.conB .conB_text p {
  font-size: 16px;
  text-align: center;
  line-height: 2.2;
}
.sub_hero .sub_hero_text p {
	font-size: 20px;
	line-height: 2;
}
.conB .container {
  max-width: 1200px;
  width: 90%;
}
.sub_conA .container {
  max-width: 1500px;
  margin-bottom: 120px;
}
.sub_conC .container {
	max-width: 1500px;
	width: 92%;
}
.sub_hero .container {
  max-width: 900px;
  width: 90%;
}
h3 {
  font-size: 45px;
}
.conB section p {
  font-size: 16px;
}
.conB section .flex {
  display: flex;
  justify-content: space-between;
}
.sub_conA section .flexB {
  display: block;
  width: 47%;
}
.conB img {
  display: block;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 160px;
  width: 30%;
  height: 30%;
}
.sub_conA section img.attract_img {
  display: block;
  margin-left: 70px;
  margin-right: 0px;
  margin-top: 55px;
  width: 33%;
  height: 33%;
}
.sub_conC section img.attract_img {
  display: block;
  margin-left: 70px;
  margin-right: 0px;
  margin-top: 55px;
  width: 32%;
  height: 32%;
}
.conB p {
  margin-top: 30px;
}
.sub_conA p {
  margin-top: 30px;
  font-size: 16px;
}
.sub_conC p {
  margin-top: 25px;
  font-size: 16px;
}
h2 {
  font-size: 45px;
}


.back_fixedA .img {
  width: 65%;
  height: 48vw;
	background-image: url(img/device.png);
}
.back_fixedB .img {
	background-image: url(img/staff.jpg);
	width: 93%;
	height: 530px;
	margin-top: 35px;
	border-radius: 12px;
}
.back_fixedB .img.seo {
	background-image: url(seo_img/reason_hero.jpg);
	width: 93%;
	height: 530px;
	margin-top: 35px;
	border-radius: 12px;
}
.back_fixedC .img {
	background-image: url(img/staff02.jpg);
  width: 93%;
  height: 530px;
  margin-top: 35px;
	border-radius: 12px;
}
.back_fixedB {
	max-width: 1500px;
	width: 91%;
}
.back_fixedC {
	max-width: 1500px;
	width: 91%;
}
.conC .container {
  width: 91%;
  max-width: 1500px;
  margin-bottom: 110px;
}
.conM .container {
  width: 91%;
  max-width: 1500px;
  margin-bottom: 100px;
}
.conD .container {
  width: 91%;
  max-width: 1500px;
}
.bend_text .container {
	max-width: 1500px;
	width: 91%;
}
.back_fixedB h2 {
	font-size: 48px;
	margin-right: -25px;
	margin-top: -25px;
	letter-spacing: 0.08em;
}
.back_fixedC h2 {
	font-size: 48px;
	margin-right: -25px;
	margin-top: -25px;
	letter-spacing: 0.08em;
}
.bend_text {
  padding-top: 0px;
  padding-bottom: 0px;
}
.conC .conC_text p {
  font-size: 16px;
  line-height: 2.2;
  text-align: center;
}
.conM .conM_text p {
  font-size: 16px;
  line-height: 2.2;
  text-align: center;
}
.conC p {
	font-size: 16px;
	display: block;
}
.conC .reason_box {
  width: 28%;
  margin-top: 70px;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 25px;
	padding-right: 25px;
}
.conC .reason_box.button_inner {
	padding-bottom: 100px;
}
.conM .reason_box {
  width: 29%;
  margin-top: 70px;
}
.conD p {
  font-size: 16px;
  margin-top: 20px;
  display: block;
}
.conC {
  padding-bottom: 220px;
  padding-top: 40px;
}
.conC.lp_conC {
  padding-bottom: 0px;
  padding-top: 20px;
}
.conM {
  padding-bottom: 130px;
  padding-top: 130px;
}
.conD {
  padding-top: 150px;
  padding-bottom: 110px;
  max-width: none;
}
.conE .container {
	max-width: 1500px;
	padding-top: 90px;
	width: 91%;
}
/*スライドする複数イメージをぴったりと重ねる*/
.slide {
  width: 860px;
  height: 500px;
}
.sample_box .section .flexA {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-direction: row-reverse;
  align-items: center;
}
.sample_box .section .flexB {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  align-items: center;
}

.sample_box .section img {
  width: 100%;
  height: 100%;
}
.conF .container {
	max-width: 1500px;
	margin-bottom: 100px;
	width: 91%;
}
.speed_check .container {
	max-width: 1500px;
	margin-bottom: 100px;
	width: 91%;
}
.conA {
	padding-top: 150px;
	padding-bottom: 130px;
}
.conA.top_page {
	padding-top: 180px;
	padding-bottom: 190px;
}

.conB h3 {
  margin-top: 0px;
  font-size: 45px;
  margin-bottom: 15px;
}
.sub_conA h3 {
  margin-top: 0px;
  font-size: 45px;
  margin-bottom: 15px;
}
.sub_conC h3 {
  margin-top: 0px;
  font-size: 40px;
  margin-bottom: 15px;
}
.conB section {


}
.conB {
  padding-top: 110px;
}
.sub_conA {
  padding-bottom: 50px;

}
.sub_conC {
  margin-top: 100px;
  margin-bottom: 100px;

}
.sub_hero {
  padding-top: 130px;
}
.conD .cant_box h3 {
  font-size: 31px;
  margin-bottom: 10px;
}
.conE {
  padding-top: 0px;
  padding-bottom: 130px;
}
.conE.chiro {
  padding-top: 0px;
}
.conD .cant_box {
  margin-bottom: 130px;
  display: flex;
  justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.conC .reason_box h3 {
  font-size: 36px;
  text-align: center;
  margin-bottom: 15px;
}
.conM .reason_box h3 {
  font-size: 36px;
  text-align: center;
  margin-bottom: 15px;
}
.conC .reason_box h3 span {
  font-size: 20px;
  margin-left: 3px;
}
.conM .reason_box h3 span {
  font-size: 20px;
  margin-left: 3px;
}
.conF {
  padding-top: 200px;
  padding-bottom: 0px;
}
.speed_check {
  margin-bottom: 220px;
}
.text_box {
  padding-bottom: 0px;


}
.conF .conF_text h2 {
  margin-bottom: 120px;
  text-align: center;
}
.speed_check .text h2 {
  margin-bottom: 100px;
  text-align: center;
}
.conF .conF_text p {
  font-size: 16px;
  line-height: 2.2;
  text-align: center;
}
.conF .sample_box .section {
  margin-top: 100px;
}
.sample_box .section h3 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 25px;
}
.conF .sample_box .section p {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 45px;
}
.conF .sample_box h3 br {


}
.conF .sample_box h3 span {
	font-size: 16px;
	/* [disabled]margin-left: 20px; */
}
.loading_icon {
  margin-top: 56vh;
}

.price_box h2 .eco_price {
  font-size: 56px;
}
.economy_box .economy_price {
  height: 11px;
}
.economy_box .economy_quality {
  height: 11px;
  margin-bottom: 35px;
}
.standard_box .standard_quality {
  height: 11px;
}
.premium_box .premium_quality {
  height: 13px;
}
.conE .conG_text p {
  font-size: 16px;
  line-height: 2.2;
}
.conE .price_box p {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.price_box h2 .small {
  font-size: 16px;
  margin-left: 5px;
}
.price_box h2 .stan_price {
  font-size: 56px;
}
.price_box h2 .pre_price {
  font-size: 56px;
}
.conE .container .flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 150px;
	margin-bottom: 90px;
}
.conE .table_box {
  width: 47%;
}


.conE .price_box h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
.conE .price_box h3 {
  font-size: 34px;
  margin-bottom: 20px;
}
.standard_box .standard_price.move_left {
  height: 11px;
}
.premium_box .premium_price.move_left {
  height: 13px;
}
.conE .conG_text h2 {
  margin-bottom: 80px;
}
.conE .price_box {
	width: 47%;
	margin-top: 0px;
}
.slide_pc {
  width: 940px;
  height: 740px;
  padding-top: 30px;
}
.accordion .flex {
  display: flex;
  justify-content: space-between;
}
/*question/voiceアコーディオン*/
.ac_box dt {
  width: 100%;
  margin-top: 60px;
}
.conI .container {
	max-width: 1500px;
	margin-bottom: 100px;
	width: 91%;
}
.ac_box dd {
  width: 100%;
  display: none;
  padding-bottom: 10px;
}
.accordion .ac_box dt h2 {
  font-size: 16px;
  line-height: 1.3;
  padding-left: 10px;
  padding-right: 10px;
}
.accordion .ac_box dt h3 {
  font-size: 16px;
  line-height: 1.3;
  padding-left: 10px;
  padding-right: 10px;
}
/*-----------------------*/
.ac_box dt span {
  font-size: 35px;
  padding-right: 15px;
  padding-left: 15px;
  /* [disabled]height: 60px; */
  padding-top: 7px;
  padding-bottom: 7px;
}
.ac_box dd p {
  padding-top: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  font-size: 15px;
}
.conH .container {
	max-width: 1500px;
	width: 91%;
}
.voice_box .flexA {
	display: flex;
	justify-content: space-between;
}
.voice_box .flexB {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.voice_box .voice_text {
  width: 47%;
  margin-bottom: 0px;
}
.voice_box .voice_img {
  width: 47%;
  height: 400px;
  margin-top: 0px;
	border-radius: 12px;
}
.voice_box .voice_img_sub {
	width: 47%;
	height: 580px;
	margin-top: 0px;
	border-radius: 12px;
}
.voice_box .voice_text h3 {
  font-size: 31px;
  line-height: 1.6;
  margin-bottom: 25px;
  margin-top: 15px;
}
.voice_box .voice_text p {
  font-size: 16px;
  margin-top: 25px;
}
.conH .voice_box {
  margin-top: 150px;
}
.conJ .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	width: 91%;
}
.conJ .container .flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.conJ .container .flex.seo_contact {
  display: block;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.conJ .flex img {
  width: 50%;
  height: 50%;
}
.conJ .contact_text  {
  width: 46%;
  margin-top: 40px;
}
.conJ .seo_contact .contact_text {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.conJ .contact_text p {
  font-size: 16px;
  margin-bottom: 40px;
  text-align: center;
}
.conK .container {
	width: 91%;
	max-width: 0px;
	max-width: 1500px;
	padding-top: 100px;
	padding-bottom: 80px;
	border-radius: 15px;
}
form p {
  padding-bottom: 25px;
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
form #company {
  padding: 8px;
  width: 400px;
  font-size: 16px;
  margin-top: 0px;
}
form #fullname {
  width: 400px;
  padding: 8px;
  font-size: 16px;
  margin-top: 0px;
}
form #mail {
  padding: 8px;
  width: 400px;
  font-size: 16px;
  margin-top: 0px;
}
form #tel_number {
  padding: 8px;
  width: 400px;
  font-size: 16px;
  margin-top: 0px;
}
form #message {
  width: 400px;
  height: 200px;
  padding: 8px;
  font-size: 16px;
  margin-top: 0px;
}
.conK form {
	width: 800px;
	margin-top: 70px;
	display: block;
}
form .textfield_label {
  font-size: 16px;
  width: 200px;
}
form .icon_require {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
form .icon_any {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
}
form .submit input {
  font-size: 16px;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
}
form .submit {
  margin-top: 10px;
  display: block;
}
footer .container {
	max-width: 1500px;
	padding-top: 150px;
	padding-bottom: 150px;
	width: 91%;
}
footer .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .footer_menu {
	width: 97%;
	margin-top: 50px;
}
footer .container .footE {
	width: 97%;
	margin-top: 50px;
}
footer .container .footH {
	margin-top: 50px;
}

footer .container .footA {
	width: 47%;
}
footer .container .footB {
	width: 47%;
}
footer .container .footC {
	width: 51%;
}
footer .container .footD {
	width: 47%;
}
footer .container p {
	font-size: 15px;
	margin-bottom: 14px;
}
footer .footH a {
	font-size: 15px;
	margin-bottom: 14px;
	transition: all 0.3s;
}

footer {
	padding-bottom: 30px;
}
.footF {
	max-width: 1500px;
}
.accordion .ac_box {
	width: 48%;
}
.conK .contact_text p {
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	max-width: 450px;
	text-align: center;
}
.conK {
	padding-top: 160px;
	padding-bottom: 160px;
}
.conH {
	padding-top: 250px;
}
.conH .conH_text h2 {
	margin-bottom: 120px;
}
.conH .conH_text p {
	font-size: 16px;
	line-height: 2.2;
	text-align: center;
}
.conI {
	padding-top: 250px;
}
.conL {
	padding-top: 250px;
}
.conL.flow_top_margin {
	padding-top: 100px;
}
.conI .conI_text h2 {
  text-align: center;
  margin-bottom: 120px;
}
.conL .conL_text h2 {
  text-align: center;
  margin-bottom: 120px;
}
.conI .conI_text p {
  font-size: 16px;
  margin-bottom: 60px;
  line-height: 2.2;
  text-align: center;
}
.conL .conL_text p {
	font-size: 16px;
	margin-bottom: 60px;
	line-height: 2.2;
	text-align: center;
}
.conJ {
	padding-top: 190px;
}
.conJ.lp_conJ {
	padding-top: 50px;
	padding-bottom: 160px;
}
.conJ .contact_text h2 {
	text-align: center;
	margin-bottom: 40px;
}
.conJ .contact_text h4 {
	text-align: center;
	margin-bottom: 40px;
	font-size: 49px;
}
.conC .reason_box p {
	font-size: 15px;
	line-height: 2;
}
.conC .reason_box .normal_link {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 30px;
}
.conM .reason_box p {
	font-size: 15px;
	padding-top: 27px;
	line-height: 2;
}
.flashbutton a {
	width: 275px;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 15px;
	padding-left: 15px;
}
.conJ .contact_text a {
	font-size: 42px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 400px;
	margin-bottom: 20px;
	transition: all 0.3s;
}
.conJ .seo_contact .contact_text a {
	font-size: 55px;
	width: 100%;
	text-align: center;
}
.conJ .contact_text a:hover {
	opacity: 0.7;
}
.conJ .contact_text a span {
  font-size: 16px;
  margin-right: 5px;
}
.sub_hero .sub_hero_text {
	max-width: 900px;
	max-height: 700px;
	height: 70vw;
	padding-top: 40px;
}
.anchor_menu ul {
  max-width: 960px;

}
.anchor_menu ul li a {
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.anchor_menu {
  /* [disabled]visibility: hidden; */
  display: none;

}
.anchor_menu_pc {
  visibility: inherit;
}
.question_menu_pc {
  visibility: inherit;
}
.attract_reason {
  display: inline;
  visibility: inherit;
  width: 100vw;
}
.question_reason {
  display: inline;
}
header .sub_container {
	/* [disabled]max-width: 1450px; */
	margin-left: auto;
	margin-right: auto;
}
.conB section .conB_box {
  width: 60%;
}
.conD .cant_box .cant_img {
  justify-content: none;
  width: 21%;
  display: block;
  margin-top: 0px;
}
.conD .cant_box .cant_img img:first-child {
  margin-bottom: 60px;
}
.conD .cant_box .seo_img {
	width: 37%;
	margin-top: 0px;
	max-width: 400px;
}
.conD .cant_box .cant_img img {
	width: 100%;
	display: block;
	height: 39%;
}
.conD .cant_box .seo_img img {
  width: 100%;
  display: block;
  height: 100%;
}
.conD .cant_box .cant_container {
	width: 70%;
	overflow-x: hidden;
}
.conD .cant_box .cant_container.seo_box {
  width: 60%;
}
.conD .cant_box .cant_container .cant_text img {
  width: 30px;
  height: 53px;
  margin-top: 10px;
}
.conD .cant_box .cant_container .cant_text p {
  font-size: 25px;
  margin-left: 20px;
}
.conF .sample_box .section_box {
  width: 47%;
  margin-top: -20px;
  margin-bottom: 0px;
}
.conE .price_box .price_text {
  margin-bottom: 60px;

}
.conC .container .conC_text {
  margin-bottom: 25px;
}
.conM .container .conM_text {
  margin-bottom: 50px;
}
.sub_conB .sub_conB_title h2 {
  font-size: 46px;
}
.column_conB .column_conB_title h2 {
	font-size: 36px;
	line-height: 1.6;
}
.column_conB .column_conB_title h4 {
	font-size: 38px;
	line-height: 1.6;
}
.sub_conD .sub_conD_title h2 {
  font-size: 46px;
}
.sub_conB .sub_conB_title p {
  margin-top: 60px;
  font-size: 28px;
}
.sub_conD .sub_conD_title h3 {
  margin-top: 60px;
  font-size: 28px;
}
.sub_conB .sub_conB_text section h3 {
  margin-bottom: 5px;
  font-size: 35px;
}
.diffe_conA .sub_conB_text section h3 {
  margin-bottom: 5px;
  font-size: 35px;
}
.sub_conB .sub_conB_text section p {
  font-size: 16px;
  margin-top: 20px;
  line-height: 2;
}
.diffe_conA .sub_conB_text section p {
  font-size: 16px;
  margin-top: 20px;
  line-height: 2;
}
.sub_conB .sub_conB_title {
  margin-top: 90px;
}
.column_conB .column_conB_title {
	margin-top: 50px;
	margin-bottom: 80px;
}
.sub_conD .sub_conD_title {
  margin-top: 90px;
}
/*--------------------------------------*/
/*--見出しアニメーション--*/
.heading_spinner {
  width: 95px;
  height: 30px;
  font-size: 12px;
}
.heading_spinner > div {
  height: 100%;
  width: 12px;
}
.margin_box {
  display: none;

}
.sub_conB {
	padding-top: 60px;
	margin-bottom: 130px;
}
.column_conB {
	padding-top: 80px;
	padding-bottom: 60px;
}
.sub_conD {
  padding-top: 60px;
  margin-bottom: 10px;
}
.sub_conB .sub_conB_text section {
  margin-top: 100px;
}
.diffe_conA .sub_conB_text section {
  margin-top: 100px;
}
.sub_conB .sub_conB_text .pc_size {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.sub_conB .sub_conB_text .split {
  width: 47%;
  overflow: hidden;
}

.sub_conB .sub_conB_text .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.diffe_conA .sub_conB_text .flexB {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub_conB_text section img {
  margin-right: 0px;
  width: 33.5%;
  height: 33.5%;
  margin-top: 80px;
}
.sub_conB .sub_conB_text .box {
  width: 59%;
  overflow: hidden;
  /* [disabled]max-width: 660px; */
}
.diffe_conA .sub_conB_text .box {
  width: 59%;
  overflow: hidden;
  /* [disabled]max-width: 660px; */
}
.sub_conB .sub_conB_title h2 span {
  font-size: 16px;
  font-weight: normal;
}
.column_conB .column_conB_title h2 span {
  font-size: 16px;
  font-weight: normal;
}
.sub_conD .sub_conD_title h2 span {
  font-size: 16px;
  font-weight: normal;
}
.menukeep_box {
  height: 60px;
}
.privacy_box .container {
  max-width: 1050px;

}
.privacy_box .flex {
  display: flex;
  justify-content: space-between;
}
.privacy_box section {
  margin-top: 50px;
  width: 48%;
}
.privacy_box h3 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;

}
.privacy_box {
  padding-top: 200px;
}
.privacy_box .privacy_title h2 {
  text-align: center;
  margin-bottom: 60px;
}
.privacy_box section h2 {
  font-size: 21px;
  margin-bottom: 5px;
}
.privacy_box section p {
  font-size: 16px;
}
.error_box a {
  font-size: 16px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
}
.thanks_box h3 {
	font-size: 17px;
	margin-bottom: 30px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.error_box h3 {
  font-size: 16px;
  margin-bottom: 50px;
  width: 520px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.thanks_box h2 {
  font-size: 35px;
  text-align: center;
  margin-bottom: 50px;
}
.error_box h2 {
  font-size: 60px;
  text-align: center;
  margin-bottom: 40px;
}
.thanks_box {
  padding-top: 200px;
  padding-bottom: 60px;
}
.error_box {
  padding-top: 200px;
  padding-bottom: 110px;
}
.contact_container {
	/* [disabled]max-width: 1265px; */
	margin-left: auto;
	margin-right: auto;
}
.conJ .contact_text p br {
  display: inline;
}
.contact_box {
  height: 65px;
}
.question_menu_pc ul li a span {
  font-size: 12px;
  color: #CECECE;
  letter-spacing: 0.01em;
}
.question_menu_pc ul li {
  width: 16%;
}
.question_menu_pc ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
  transition: all 0.3s;
  letter-spacing: 0.15em;
  background: #606060; /* Old browsers */
  background: -moz-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(-45deg, #454545 0%,#303030 59%,#151515 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#151515',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.question_menu_pc ul li a:hover {
  color: #9EEC4D;
  border-color: #9EEC4D;
}
.question_menu_pc .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.question_menu_pc ul {
  list-style-type: none;
  padding-left: 0px;
  margin-right: auto;
}
.question_menu_pc .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 90%;
}
.question_reason ul {
  list-style-type: none;
  margin-left: auto;
  padding-left: 0px;
  width: 92%;
  margin-right: auto;
  max-width: 1500px;
}
.question_reason .flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.question_reason ul li {
  width: 30%;
}
.question_reason ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  text-align: center;
  font-size: 37px;
  padding-bottom: 13px;
  border-bottom: 1px solid #AEAEAE;
  font-weight: bold;
  transition: all 0.2s;
  letter-spacing: 0.04em;
}
.question_reason ul li a:hover {
  color: #9EEC4D;
  border-bottom-color: #9EEC4D;
  letter-spacing: 0.09em;
}
.question_reason ul li a span {
  font-size: 16px;
  font-weight: normal;
  color: #C2C2C2;
}
.question_margin {
  height: 60px;
  margin-top: 40px;
  margin-bottom: 50px;
}
.ac_box dd a {
	padding-top: 7px;
	font-size: 15px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	margin-left: auto;
	margin-right: 3%;
	width: 190px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.flashbutton img {
  margin-left: 10px;
  width: 27px;
}
.conF .sample_box .section_box .flashbutton img {
  margin-left: 15px;
  width: 27px;
  height: auto;
}
.conH .voice_box .voice_text .voice_text_shop {
  font-size: 15px;
  margin-top: 0px;
}
.conH .voice_box .voice_text .flashbutton {
  margin-top: 45px;
}
.column_conB .relation_box {
  margin-bottom: 25px;
}

.works_conA .container section {
  padding-bottom: 60px;
  margin-bottom: 60px;
  width: 30%;
}

.relation_box .columns {
  padding-bottom: 30px;
  margin-bottom: 35px;
  width: 31%;
  transition: all 0.3s;
}
.relation_box .columns .img_box {
  height: 125px;
  margin-bottom: 10px;
}
.relation_box .columns:hover .img_box img{
  transform: scale(1.15,1.15);
  opacity: 0.7;
}
.relation_box .columns:hover{
  opacity: 0.7;
}
/*---space_betweenの両サイド寄せを左寄席へ変更----*/
.works_conA .container section:nth-child(3n+2):last-child {
  margin-left: auto;
  margin-right: 35%;
}

.works_conA section h2 {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 18px;
}
.works_conA section h3 {
  margin-bottom: 15px;
  line-height: 1.7;
  font-size: 18px;
}
.columns h2 {
  line-height: 1.6;
  font-size: 16px;
}
.columns h3 {
  line-height: 1.7;
  font-size: 16px;
}
.columns h4 {
  line-height: 1.6;
  font-size: 16px;
}
.works_conA .container {
	max-width: 1500px;
	width: 92%;
}
.works_conA {
  padding-top: 75px;
}
.works_conA.chiro {
  padding-top: 35px;
	padding-bottom: 100px;
}
.works_conA section h2 span {
  font-size: 13px;
}
.works_conA section h3 span {
  font-size: 13px;
}
.works_conA .columns h2 span {
  font-size: 13px;
}
.works_conB .container {
  max-width: 1500px;
  padding-bottom: 90px;
}
.works_conB .container .flex {
  display: flex;
  justify-content: space-between;
}
.works_conB .works_box {
	width: 48.5%;
	padding-bottom: 15px;
}
.works_conB .works_hp {
	width: 48%;
	position: relative;
	height: auto;
}
.works_conB .works_hp img {
	position: absolute;
}
.works_hero .container p {
  font-size: 27px;
  text-align: center;
  width: 49%;
}
.works_conB .works_box section .product_list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.works_conB .works_box section .product_list p {
  border: 1px solid #FFFFFF;
  text-align: center;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  width: 32%;
	font-size: 15px;
}
.works_conB .works_box section .center br {
  display: none;
}
.works_conB .works_box section .center {
  text-align: left;
  font-size: 16px;
}
.works_hero {
	padding-top: 190px;
	padding-bottom: 20px;
}
.sample_hero {
  padding-top: 200px;
  padding-bottom: 25px;
}
.works_hero .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.works_conB .works_box section h2 {
  font-size: 27px;
  text-align: left;
  margin-bottom: 20px;
}
.works_conB .works_box section {
  margin-bottom: 50px;
  margin-top: 30px;
}
.works_conB .works_box section p {
	font-size: 16px;
}
.works_conB .works_box section h1 {
  font-size: 15px;
}
.works_conB .works_button {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.conA .scroll_box h2 {
  font-size: 24px;
}
.sub_conA .sub_conA_text {
  width: 100%;
}
.sub_conC .sub_conC_text {
  width: 58%;
}
.sub_conA .container section {
  margin-top: 30px;
}
.sub_conC .container section {
  margin-top: 70px;
}
.sub_boxD .container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
	width: 92%;
}
.sub_boxD .sub_boxD_text h3 {
  font-size: 33px;
  margin-bottom: 20px;
}
.sub_boxD .container p {
  font-size: 16px;
  margin-top: 20px;
}
.sub_boxD .greeting_imgA {
	background-position: right center;
	width: 47%;
	height: 850px;
	border-radius: 12px;
}
.sub_boxD .sub_boxD_text {
	width: 47%;
	overflow-x: hidden;
	margin-top: 0px;
}
.sub_boxD .greeting_imgB {
  background-position: center center;
  width: 47%;
  height: 850px;
	border-radius: 12px;
}
.sub_boxD .flex {
	margin-top: 120px;
	display: flex;
	justify-content: space-between;
}
.sub_boxD .flex.direction {
	flex-direction: row-reverse;
}
.about_margin_box {
  height: 100px;
}
.sub_boxE .container {
	max-width: 1500px;
	width: 92%;
}
.sub_boxE section {
  width: 23.5%;
  margin-top: 110px;
}
.sub_boxD {
  padding-bottom: 40px;
}
.sub_boxE {
  padding-bottom: 100px;
}
.sub_boxF .container {
	max-width: 1500px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 92%;
}
.sub_boxF .guideline p br {
  /* [disabled]display: none; */
}
.sub_boxF .guideline {
	background-color: rgba(21,21,21,0.76);
	margin-top: 60px;
	padding-top: 25px;
	padding-bottom: 30px;
	width: 47.5%;
}
.sub_boxF .guideline p {
  font-size: 1.3vw;
}
.sub_boxF .guideline h3 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
  margin-left: -35px;
}
.sub_boxF .guideline h3 span {
  font-size: 20px;
}
.sub_boxG .container {
	max-width: 1500px;
	padding-top: 60px;
	border-radius: 15px;
	padding-bottom: 60px;
	width: 92%;
}
table.outline_content th {
  height: 30px;
  width: 40px;
  font-size: 16px;
}
table.outline_content td.data {
  margin: 0;
  height: 58px;
  width: 90px;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding-left: 5px;
}
.sub_boxH .cntainer .flex {
  display: flex;
  justify-content: space-between;
}
.sub_boxH .origin_box {
  font-size: 24px;
  width: 48%;
}
.sub_boxH .origin_boxB {
  width: 48%;
  margin-top: 10px;
}
.sub_boxH .origin_box article {
  padding-top: 15px;
  padding-bottom: 15px;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  margin-top: 15px;
}
.sub_boxH p {
  font-size: 16px;
}
.sub_boxH {
  margin-top: 0px;
  padding-top: 100px;
  margin-bottom: 60px;
}
.sub_boxH .cntainer {
	max-width: 1500px;
	width: 92%;
}
.sub_boxC_text .container {
  max-width: 940px;
}
.question_margin h2 {
  font-size: 37px;
}
.conE .conE_text h2 {
  margin-bottom: 80px;
}
.conF .conF_text {
  margin-top: 90px;
}
.conF .text {
  margin-top: 90px;
}
.conH .conH_text {
  margin-top: 90px;
}
.conI .conI_text {
  margin-top: 90px;
}
.conL .conL_text {
  margin-top: 90px;
  margin-bottom: 160px;
}
.conE .diffe_img .large_img {
  max-width: 930px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
}
.loading_icon img {
  width: 44px;
}
.sub_boxI .container .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sub_boxI .container {
  max-width: 1500px;
  width: 92%;
}
.sub_boxI .container section {
	width: 31.5%;
	margin-bottom: 60px;
	padding-bottom: 20px;
}
.sub_boxI .container .plan_box section {
	width: 31.5%;
	margin-bottom: 70px;
	padding-bottom: 0px;
	padding-top: 22px;
}
.sub_boxI section h3 {
	font-size: 18px;
	text-align: center;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.sub_boxI section p {
	font-size: 16px;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 1.6;
}
.sub_boxI .plan_box section .text {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 25px;
}
.sub_boxI .container .cost h3 {
  font-size: 23px;
  text-align: center;
  font-weight: normal;
  margin-top: 50px;
  margin-bottom: 60px;
}
.sub_boxI {
  padding-bottom: 30px;


}
.sub_boxI .cost h2 {
	font-size: 16px;
	font-weight: normal;
	color: #C6C6C6;
	text-align: center;
	margin-top: 55px;
}
.sub_boxI .cost h3 span {
	font-size: 45px;
}
.sub_boxJ section h4 {
  font-size: 33px;
  margin-bottom: 0px;
  width: 50%;
  letter-spacing: 0.06em;
}
.sub_boxJ .container section {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}
.sub_boxJ .container {
  max-width: 950px;

}
.sub_boxJ {
  margin-bottom: 50px;

}
.works_hero h2 {
	font-size: 36px;
	margin-bottom: 75px;
}
.works_hero h1 {
	font-size: 36px;
	margin-bottom: 75px;
}
.conB section .conB_box .small_title {
  font-size: 16px;
  margin-bottom: 5px;
}
.conC .reason_box p.conC_bold {
  font-size: 16px;
  text-align: center;
}
.conM .reason_box p.conM_bold {
  font-size: 16px;
  text-align: center;
}
.conE .conE_text p {
  font-size: 16px;
  line-height: 2.2;
  text-align: center;
}
.attract_margin {
  height: 100px;
}
.sub_conA section .diffe_graph {
  width: 84%;
  margin-top: 50px;
  height: 54%;
  margin-left: 45px;
}
.diffe_conA .title p {
	/* [disabled]font-size: 16px; */
	/* [disabled]width: 750px; */
	/* [disabled]margin-left: auto; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-bottom: 15px; */
}
.diffe_conA .title {
	margin-bottom: 120px;
}
.diffe_conA .flex h3 {
  font-size: 33px;
  margin-bottom: 10px;
}
.diffe_conA .diffe_box .text h4 {
  font-size: 20px;
  margin-bottom: 15px;
}
.diffe_conA .diffe_box .text {
  margin-top: 35px;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.diffe_conA .title h2 {
  text-align: center;
  line-height: 1;
  font-size: 46px;
  margin-bottom: 60px;
}
.diffe_conA .title h2 span {
  font-size: 16px;
  font-weight: normal;
}
.diffe_conA .heading_spinner {
  margin-bottom: 90px;
}
.diffe_conA .flex {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.diffe_conA .diffeA {
  border-radius: 10px;
  width: 47%;
  margin-bottom: 0px;
  padding-top: 10px;
	padding-bottom: 45px;
}
.diffe_conA .diffeB {
  border-radius: 10px;
  width: 47%;
  padding-top: 10px;
	padding-bottom: 45px;
}
.diffe_conA {
	padding-top: 150px;
	padding-bottom: 0px;
}
.diffe_conA .flashbutton {
  margin-top: 90px;
}
.diffe_conA .diffe_box .diffeA .text p {
  font-size: 16px;
}
.diffe_conA .diffe_box .diffeB .text p {
  font-size: 16px;
}
.sub_boxI .price_supple {
  font-size: 16px;
  text-align: center;
}
.works_conB .works_box section .gray_text {
  font-size: 13px;
  text-align: left;
  margin-bottom: 15px;
}
.works_conB .works_box section .supple_text {
  font-size: 13px;
  margin-top: 15px;
}
.works_conB .works_box section .rank {
	text-align: left;
	font-size: 16px;
	line-height: 2;
}
.sub_boxD {
  padding-bottom: 100px;

}
.sub_boxF {
  padding-top: 30px;
  padding-bottom: 100px;
}
.sub_boxG {
  padding-top: 40px;
  padding-bottom: 80px;
}
.sub_boxC_text .container p {
  font-size: 16px;
  text-align: center;
  line-height: 2.4;
}
.voice_img_sub.voice_E {
  background-image: url(img/irodori_voice.jpg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
.voice_img_sub.voice_B {
  background-image: url(img/works_voice.jpg);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}
.conH .conH_text br {
  display: inline;
}
.sub_boxD_text .ceo_name p {
  margin-top: 0px;

}
.sub_boxD_text .ceo_name img {
  margin-left: 15px;
  width: 215px;
  height: 53px;
}
.sub_boxD_text .ceo_name {
  margin-top: 25px;
  justify-content: flex-end;
}
.sub_boxC_text {
  padding-top: 0px;
  margin-top: 50px;
  margin-bottom: 70px;
}
.sub_conA section .box_flex {
  display: flex;
  justify-content: space-between;
}
.sub_conA section .diffe_table {
  width: 46%;
  padding-top: 135px;

}
.sub_conA section .diffe_table img {
  width: 100%;
  height: auto;
}
.sub_conA section .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub_conC section .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub_boxH .origin_boxB img {
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;

}
.conD .cant_box .cant_text p br {
  display: inline;
}
.conF .sample_box .section_box .flashbutton .sample_btn {
  width: 255px;
}
.diffe_conA .diffe_box {
  display: flex;
  justify-content: space-between;
}
.diffe_conA .diffe_box h3 {
  display: none;
}
.conA .scroll_text br {
  display: none;
}
.conA .scroll_text br.inline {
  display: inline;
}
.conA .scroll_box .scroll_text p {
  font-size: 15px;
  margin-bottom: 15px;
}
.conL .flexB {
  width: 53.2%;
  margin-left: auto;
  margin-right: 0px;
}
.conL .flexA {
  width: 53.2%;
  margin-left: 0px;
  flex-direction: row-reverse;
  margin-right: auto;

}
.conL .container {
	max-width: 1500px;
	width: 91%;
}
.conL .flow_number .circle_number {
  border-width: 2px;
  width: 53px;
  height: 53px;
}
.conL .flow_number .circle_number span {
  margin-top: 6px;
  font-size: 27px;
  font-weight: bold;
}
.conL .flow_number .number_line {
  width: 2px;
  height: 165px;
}
.conL .flow_text h2 {
  font-size: 31px;
  margin-bottom: 5px;
}
.conL .flow_text h3 {
  font-size: 31px;
  margin-bottom: 5px;
}
.conL .flexA .flow_text h2 {
  text-align: right;
}
.conL .flexA .flow_text h3 {
  text-align: right;
}

.conL .flow_text p {
  font-size: 16px;
}
.conL .flow_text {
  width: 86%;
  margin-top: 2px;
}
.conL .flow_number {
  width: 12%;
}
.sub_conA h2 {
  font-size: 49px;
  margin-top: 40px;
  margin-bottom: 0px;
}
.main .conL.priceL {
  margin-top: 0px;
  padding-top: 60px;
}
.sub_conB .flashbutton {
  margin-top: 90px;
}
.sub_conB .flashbutton a {
  width: 320px;
}
.diffe_conA .flashbutton a {
  width: 320px;
}
.responsive_box .res_box {
  width: 29%;
  /* [disabled]min-width: 240px; */
  height: 220px;
  margin-bottom: 25px;
  margin-left: 25px;
}
.responsive_box .container .flex {
  flex-direction: row;
  justify-content: flex-start;
}
.responsive_box .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
.animation_box .container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.responsive_box .res_box h2 {
  font-size: 3.5vw;
  margin-left: 15px;
  margin-top: -5px;
}
.responsive_box .res_box img {
  width: 36%;

}
.responsive_box .res_box p {
  font-size: 1.1vw;
  position: absolute;
  right: 15px;
  bottom: 10px;
  font-weight: bold;


}
.sample_hero .container {
  max-width: 1000px;

}
.sample_hero .container img {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sample_hero .container p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 70px;
  width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.sample_hero .container h2 {
  margin-bottom: 70px;
  font-size: 45px;
}
.sample_hero .container h1 {
  margin-bottom: 70px;
  font-size: 45px;
}
.responsive_box .responcive_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.animation_box .animation_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.slide_box .slide_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.pamph_box .pamph_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.flyer_box .flyer_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.card_box .card_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.video_box .video_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.photo_box .photo_text h2 {
  font-size: 40px;
  margin-bottom: 40px;
}
.responsive_box .responcive_text p {
	font-size: 16px;
	text-align: left;
	max-width: 820px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.animation_box .animation_text p {
  font-size: 16px;
  text-align: center;
}
.responsive_box .responcive_text {
  margin-top: 70px;
  margin-bottom: 30px;
}
.animation_box .animation_text {
  margin-top: 10px;
  margin-bottom: 80px;
}
.sub_boxI section a {
  padding-top: 5px;
  font-size: 15px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 180px;
  margin-top: 20px;
}
.animation_box .container .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
}
.animation_box .svg_animation {
  width: 44%;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
}
.animation_box .container h3 {
  font-size: 29px;
  margin-bottom: 50px;
}
.slide_box .container h3 {
  font-size: 29px;
  margin-bottom: 30px;
}
.pamph_box .container h3 {
  font-size: 29px;
  margin-bottom: 25px;
  margin-top: 60px;
}
.flyer_box .container h3 {
  font-size: 29px;
  margin-bottom: 25px;
  margin-top: 60px;
}
.card_box .container h3 {
  font-size: 29px;
  margin-bottom: 35px;
  margin-top: 70px;
}
.video_box .container h3 {
  font-size: 31px;
  margin-bottom: 30px;
}
.photo_box .container h3 {
  font-size: 31px;
  margin-bottom: 10px;
}
.sub_boxE section h3 {
  font-size: 33px;
}
.animation_box .js_animation .flexA {
  margin-bottom: 30px;
  width: 49%;
  justify-content: space-around;
}
.animation_box .js_animation section {
  width: 30%;
}
.animation_box .js_animation {
  width: 90%;
  display: flex;
  max-width: 920px;
  justify-content: space-between;
}
.buttons-coll {
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 120px;
  text-align: center;
}
.animation_box .js_animation .flexA p {
  margin-bottom: 15px;
  font-size: 16px;
}
.animation_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.slide_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.pamph_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.flyer_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.card_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.video_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.photo_box .container .sample_text {
  font-size: 16px;
  margin-top: 80px;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.parallax_box p {
  font-size: 48px;
  font-weight: bold;
}
.parallax_box h2 {
  font-size: 45px;
  text-align: center;
  margin-bottom: 70px;
}
.parallax_box {
  margin-top: 90px;
  margin-bottom: 40px;
}
.slide_box .container {
  max-width: 1200px;

}
/*スライドショー*/
.slideshow {
  height: 600px;
}
footer .container .flex .footE.sub_footE {
  width: 47%;
}
footer .container .footG .twitter-timeline {
  margin-left: auto;
  margin-right: auto;
  display: block;

}
footer .container .footG {
  width: 47%;
}
.slide_box .infiniteslide .item img {
  width: 450px;
  height: 320px;
}
.slide_box .container .fade_slideshow {
  margin-bottom: 90px;
}
.video_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.video_box .container .videoC {
  width: 48%;
  height: 100%;
}
.pamph_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.flyer_box .container .flex {
  display: flex;
  justify-content: center;
}
.pamph_box .pamphA {
  width: 50%;
}
.flyer_box .flyerA {
  width: 50%;
}
.card_box .container .flex {
  display: flex;
  justify-content: space-between;
}
.card_box .cardA {
  width: 45%;
}
.card_box .cardB {
  width: 29%;
}
.card_box .container {
  margin-bottom: 60px;

}
.photo_box .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.photo_box .photo_sampleA .cowA {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 610px;
}
.photo_box .photo_sampleB .stairsA {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 430px;
}
.photo_box .photo_sampleA .cowB {
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 610px;
}
.photo_box .photo_sampleA {
  width: 43%;
  margin-bottom: 80px;
}
.photo_box .photo_sampleB {
  width: 47.5%;
  margin-bottom: 0px;
}
.photo_box .triangle {
  width: 24px;
  height: 55px;
  background-image: url(img/triangleB.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.sub_boxI .cost p {
	font-size: 15px;
}
.sub_boxI .cost p br {
	display: none;
}
.sub_boxI .cost p a {
	color: #E66538;
	margin-top: 5px;
	display: inline;
}
.sub_boxI .flexA {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}
.sub_boxI .flexB {
	display: flex;
	justify-content: space-between;
}
.sub_boxI .graph {
	width: 50%;
	margin-bottom: 0px;
}
.sub_boxI .graph_text {
	width: 44%;
	margin-top: 50px;
}
.sub_boxI .graph_text.last_graph_text {
	width: 600px;
	margin-bottom: 35px;
}

.sub_boxI .graph_text p {
	font-size: 16px;
	margin-bottom: 15px;
}
.sub_boxI .graph_text .big {
	font-size: 16px;
	line-height: 2.3;
	font-weight: bold;
	text-align: center;
}

.sub_boxI .graph_text p span {
	font-size: 16px;
	font-weight: normal;
}
.sub_boxI .cost {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;

}
.sub_boxI .second_h2 {
	text-align: center;
	margin-top: 70px;
	margin-bottom: 130px;
}

.works_conB .works_box section a {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
.works_conA section .flashbutton {
	margin-top: 15px;
}
.page_top {
	left: auto;
	margin-bottom: 21px;
	right: 1.6%;
	display: inline;
}
.page_top a img {
	width: 51px;
}
.sub_hero h1.attract {
	padding-top: 50px;
}
.sub_hero h1.column {
	padding-top: 0px;
	font-size: 42px;
}
.sub_boxI .container .graph_text h3 {
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 25px;
  text-align: center;
}
.text_box .small_text {
	font-size: 47px;
}
.conB .conB_text .small_text {
	font-size: 47px;
}
.sub_hero .sub_hero_text .small_text {
	font-size: 22px;
}
.sub_hero .sub_hero_text .gradient .column span {
	margin-bottom: 30px;
	font-size: 16px;
}
.column_conA p {
	font-size: 16px;
	text-align: justify;
}
.column_conA {
	padding-top: 40px;
	padding-bottom: 40px;
}
.column_conA .space {
	margin-top: 15px;
}
.column_text_box h3 {
	font-size: 27px;
	line-height: 1.5;
}
.column_text_box .colum_line {
	margin-top: 50px;
	margin-bottom: 50px;
	border-top-width: 2px;
}
.column_text_box .space {
  margin-top: 40px;
}
.column_text_box p {
	font-size: 17px;
	line-height: 2.2;
}
.column_text_box a {
	font-size: 16px;
	transition: all 0.3s;
}
.column_text_box .point_box {
	border: 1px solid #BEBEBE;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 30px;
}
.column_table .point_box {
	border: 1px solid #BEBEBE;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 35px;
	padding-bottom: 0px;
	padding-left: 35px;
	padding-right: 25px;
}
.column_text_box .point_box .blue_band {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 5px;
}
.column_text_box .point_box .red_band {
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 5px;
}
.column_text_box .column_table {
	padding-top: 35px;
	padding-bottom: 35px;
}
.column_text_box .second_title {
	font-size: 20px;
	margin-top: 30px;
}
.column_text_box .link_button a {
	font-size: 16px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.column_text_box .link_button {
	margin-top: 35px;
}
.thanks_box p {
	font-size: 15px;
	width: 720px;
	margin-bottom: 50px;
}
.cashless {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.deepxi_method {
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	max-width: 980px;
}
.top_banner {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 120px;
	max-width: 750px;
	transition: all 0.3s;
}
.top_banner:hover {
	opacity: 0.8;
}
.responsive_box .report {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
}
.consultation {
	left: auto;
	margin-bottom: 24px;
	right: 90px;
	position: fixed;
	z-index: 10;
	display: inline;
}
.consultation a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 14px;
  text-align: left;
  width: 250px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 25px;
  font-weight: bold;
}
.consultation a span {
  color: #EDEDED;
  font-size: 11px;
  font-weight: normal;
}
.consultation .flashbutton {

}
.breadcrumb {
	width: 91%;
	top: 120px;
	/*max-width: 1375px;*/
	z-index: 10;
}
.breadcrumb li a {
	font-size: 14px;
}
.top_works a {
	width: 23.5%;
	margin-bottom: 50px;
	transition: all 0.3s;
}
.top_works .lp_works {
	width: 23.5%;
	margin-bottom: 30px;
}

.top_works a:hover  {
	opacity: 0.6;

}
.top_works {
	padding-top: 140px;
	padding-bottom: 140px;
}
.column_table p {
  font-size: 17px;
  margin-bottom: 40px;
	line-height: 2.2;
}
.column_table time {
  font-size: 15px;
  margin-bottom: 45px;
}
.column_table .column_menu h2 {
	font-size: 36px;
	margin-bottom: 10px;
}
.column_table .column_menu .title_A {
  font-size: 17px;
  margin-top: 30px;
  padding-top: 30px;
  margin-bottom: 20px;
  transition: all 0.2s;
	padding-left: 60px;
}
.column_table .column_menu .title_B {
  font-size: 15px;
  display: block;
  margin-top: 22px;
  margin-left: 30px;
  transition: all 0.2s;
	padding-left: 65px;
}
.column_table {
  margin-top: 40px;
  margin-bottom: 70px;
}
.column_table .column_menu {
  margin-top: 90px;
}
.column_text_box .middle_title {
	padding-bottom: 22px;
	padding-right: 20px;
	margin-bottom: 45px;
	margin-top: 110px;
}
.column_text_box h4 {
  font-size: 24px;
  line-height: 1.6;
}
.column_text_box .blue_title {
	margin-top: 90px;
	padding: 5px 25px;
	border-left: 4px solid #00A0CC;
	margin-bottom: 60px;
}
.column_text_box h3 span {
  font-size: 17px;
	margin-bottom: 10px;
}
.column_text_box h4 span {
  font-size: 16px;
}
.column_text_box section .reference {
  font-size: 16px;
  margin-top: 20px;
}
.column_text_box section .img_box {
  margin-top: 50px;
  margin-bottom: 45px;
}
.column_conB .title_img {
  margin-bottom: 55px;
}
.orange_text {
  font-weight: bold;
}

/*---前後の記事リンク---*/
.prev-next-link {
  display: flex;
  margin-top: 50px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.prev-next-link a {
	flex: 1;
	}
.prev-next-link a,
.prev-next-link a:first-child {
	border: none;
}
.next-link {
	text-align: right;
}
.wo_co_box .prev-next-link p {
	font-size: 16px;
}
.prev-next-link .prev-next-label {
	font-size: 19px;
	margin-bottom: 10px;
}
.prev-next-link p {
	font-size: 16px;
}
.sub_boxI .space_box {
	width: 31.5%;
	display: inline;
}
.conE .diffe_img .small_img {
	margin-bottom: 30px;
	display: none;
}
/*---------------*/
/*幾何学模様*/
#geometry {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: -2;
  display: inline;
}
.slide .slide_img.ford {
  background-image: url(img/ford_full_l.jpg);
}
.slide .slide_img.irodori {
  background-image: url(img/irodori_full_l.jpg);
}
.slide .slide_img.shining {
  background-image: url(img/shining_full_l.jpg);
}
.column_text_box section a {
  margin-top: 15px;
}
.column_text_box a:hover {
  opacity: 0.7;
}
.column_text_box section .table_B {
  font-size: 15px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.column_text_box section .table_B td {
	padding: 12px 12px;
	line-height: 1.9;
}
.column_text_box section .table_B th {
  width: 25%;
  padding: 15px 0;
}
.column_conB .column_text_box .column_contact:hover {
  opacity: 0.8;
}
.column_conB .column_text_box .column_contact {
	padding-top: 25px;
	padding-bottom: 30px;
	margin-top: 80px;
	margin-bottom: 140px;
	transition: all 0.3s;
	padding-left: 15px;
	padding-right: 15px;
}
.column_conB .column_text_box .column_contact p {
  font-size: 25px;
  line-height: 1.6;
}
.column_conB .column_text_box .column_contact p span {
	font-size: 16px;
	margin-bottom: 20px;
}

footer .footH ul {
  display: flex;
  flex-wrap: wrap;
	justify-content: start;
}
footer .footH li {
	width: 46%;
	margin-right: 15px;
}
.conL .flow_text p span {
  font-size: 13px;
}
.info_box {
  max-width: 900px;
}
.info_box ol li {
  font-size: 15px;
  padding-bottom: 15px;
  margin-top: 15px;
}
.conA .info_link {
  text-align: right;
  margin-top: 15px;
}
.conA .info_link a {
  font-size: 15px;
	transition: all 0.3s;
}
.conA .info_link a:hover {
  opacity: 0.7;
}
.speed_check .check_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 130px;
}
.speed_check .check_box section {
  width: 47%;
	margin-top: 0px;
}
.speed_check .check_box section img {
  margin-bottom: 0px;
	border-radius: 12px;
}
.speed_check .check_box h3 {
  font-size: 28px;
  margin-bottom: 40px;
}
.speed_check .check_box .flashbutton .sample_btn {
  width: 255px;
}
.speed_check .check_box section p {
  font-size: 16px;
  /* [disabled]margin-top: 25px; */
  margin-bottom: 25px;
}
.speed_check .text p {
  font-size: 16px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 2;
}
.conJ.lp_conJ .flashbutton {
	margin-top: 80px;
}


.plan_box {
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
	flex-wrap: wrap;
	align-items: flex-start;
}
.plan_box .plan_price {
	font-size: 38px;
	line-height: 1;
	padding-top: 35px;
	padding-bottom: 25px;
}
.plan_box .plan_price span {
	font-size: 16px;
}
.plan_box h3 {
	font-size: 28px;
	color: rgba(23,23,23,1.00);
}
.price_table{
	text-align: center;
	margin-bottom: 120px;
}
.sub_boxI section .plan_type p {
	font-size: 15px;
	margin-top: 15px;
}
.sub_boxI section .plan_type span {
	font-size: 13px;
	margin-top: 10px;
}

.sub_boxI .container .rerative {
	padding-bottom: 155px;
}
.conC .reason_box p span {
	font-size: 12px;
}


/*タブ切り替え全体のスタイル（タブ切り替え機能）*/
.tabs {
	margin-top: 80px!important;
	max-width: 1500px;
	width: 92%;
}
/*タブのスタイル（タブ切り替え機能）*/
.tab_item {
	width: calc(100%/5);
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	cursor: pointer;
}
.tab_item:hover {
  opacity: 0.8;
}
.tabs .tab_box {
	width: calc(100%/5);
}

.tab_content {
  width: 22.5%;
	transition: all 0.3s;
	padding-bottom: 50px;
	margin-bottom: 55px;
}
.tab_content .columns .img_box {
  height: 170px;
  margin-bottom: 15px;
}
.tab_content:hover {
  opacity: 0.7;
}

.tab_content .columns:hover .img_box img{
  transform: scale(1.15,1.15);
  opacity: 0.7;
}
.tabs .tabs_space_box {
	width: 100%;
	height: 100px;
}

/*4カラムの最後を左寄せする*/
.tabs::before{
  content:"";
  display: block;
  width: 22.5%;
  order:1;
}
.tabs::after{
  content:"";
  display: block;
  width: 22.5%;
}

.chiro_lp_link_button {
	max-width: 900px;
  padding-top: 15px;
  padding-bottom: 20px;
  margin-top: 55px;
  margin-bottom: 140px;
  transition: all 0.3s;
}
.chiro_lp_link_button:hover {
	opacity: 0.8;
}
.chiro_lp_link_button p {
  font-size: 26px;
  line-height: 1.6;
}
.chiro_lp_link_button p span {
	font-size: 16px;
	margin-bottom: 10px;
}
table.outline_content {
	width: 92%;
}
/*--------------*/
.hero video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 100%;
	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	display: inline;
}

.column_text_box .middle_title:after {
	height: 3px;
}
.column_text_box .scroll_img {
	height: 600px;
	margin-bottom: 60px;
}
.sub_boxI .plan_img_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 110px;
}
.sub_boxI .plan_img_box img {
	width: 31%;
}
.column_text_box .column_movie {
	margin-bottom: 35px;
	margin-top: 50px;
}
.conF .sample_box {
	margin-top: 130px;
}
footer .container .title {
	font-size: 26px;
	margin-bottom: 15px;
}
.conF .container .sample_box .section a {
	width: 47%;
	height: 47%;
}
.diffe_conA .container {
	width: 92%;
}
.attract_reason ul {
	width: 92%;
}
.bend_text h2 {
	margin-bottom: -5px;
	font-size: 47px;
}
.slideB .slide_img {
	border-radius: 10px;
}
.slideC .slide_img {
	border-radius: 10px;
}
.slideD .slide_img {
	border-radius: 10px;
}
.slideE .slide_img {
	border-radius: 10px;
}
.conD .cant_box .cant_container .cant_text {
	margin-top: 35px;
}
.column_table .img_box {
	margin-top: 55px;
	margin-bottom: 30px;
}
.sub_conC p.top_margin {
	margin-top: 35px;
}
.sub_conB .sub_conB_text section p.top_margin {
	margin-top: 35px;
}
.diffe_conA .sub_conB_text section p.top_margin {
	margin-top: 35px;
}
.sub_boxI .plan_box section h3 {
	font-size: 26px;
	padding-top: 4px;
	padding-bottom: 9px;
	line-height: 1.4;
}
.sub_boxI .plan_box section h3 span {
	font-size: 16px;
}
.sub_boxI .plan_box section .text span {
	font-size: 19px;
	margin-bottom: 10px;
}
.plan_box .plan_price span.small {
	font-size: 13px;
}
.plan_box .plan_content dl dt {
	padding-top: 20px;
	font-size: 19px;
	transition: all 0.3s;
	cursor: pointer;
	padding-bottom: 25px;
}
.plan_box .plan_content dl dt::after {
	top: 20px;
	right: 20px;
	font-size: 19px;
}
.plan_box .plan_content dl {
	margin-top: 20px;
}
.plan_box .plan_content dl dt:hover {
	opacity: 0.7;
}
.plan_box .plan_content dl dd {
	padding-bottom: 10px;
}
.plan_box .plan_content dl dd p {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}
.sub_boxI section .plan_type {
	position: absolute;
	bottom: 15px;
	left: 13px;
}
.price_table table th {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 17px;
}
.price_table table td {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 16px;
}
.price_table table span.no1 {
	width: 75px;
	font-size: 13px;
	padding: 5px;
	margin-right: 10px;
}
.sub_boxI .price_table_text {
	display: none;
}
.works_conB .works_box section .gray_text .red {
	font-size: 16px;
}
.conC .container .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.conC .container .flex::after{
	content:"";
	display: block;
	width: 28%;
	padding-left: 25px;
	padding-right: 25px;
}
.conM .container .flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.conC .reason_box h3.small {
	font-size: 31px;
}
.hero .hero_title_consul p {
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.01em;
	margin-top: 20px;
}
.hero .hero_title_consul img {
	width: 350px;
	margin-right: 45px;
}
.hero .hero_title_consul h2 {
	font-size: 53px;
}

/*スクロールダウン全体の場所*/
.scroll_down{
	/*全体の高さ*/
	height: 180px;
}
/*スクロールダウン線の描写*/
.scroll_down::after{
	content: "";
	/*描画位置*/
	
	/*線の形状*/
	height: 160px;
	/*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 2.2s ease-in-out infinite;
}
.hero .hero_title_consul {
	top: 50%;
}
footer .footer_menu p {
	font-size: 17px;
	margin-bottom: 10px;
}
footer .footer_menu a {
	font-size: 15px;
	margin-bottom: 10px;
	transition: all 0.3s;
}
footer .footer_menu a:hover {
	opacity: 0.7;
}
footer .footer_menu .inner {
	margin-bottom: 15px;
	width: 25.3%;
}
footer .footer_menu .flex_box {
	justify-content: flex-start;
}
footer .footer_menu a.link {
	font-size: 17px;
	margin-bottom: 10px;
}

.interview_section {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	padding-right: 7%;
	margin-bottom: 70px;
	margin-top: 60px;
}
.interview_section .entry-talk-box {
	margin-top: 40px;
	margin-bottom: 40px;
}
.interview_section .entry-talk-img {
	width: 90px;
}
.interview_section .entry-talk-img img {
	width: 90px;
}

.interview_section .entry-talk-box.right {
	margin-left: 105px;
}
.interview_section .entry-talk-txt-left:after {
	top: 35px;
}
.interview_section .entry-talk-txt-right:after {
	top: 35px;
}
.interview_section .entry-talk-txt p {
	font-size: 17px;
}
.interview_section .entry-talk-txt {
	border-bottom: 2px solid #BBB;
	padding: 20px;
}
.conB .big_size {
	font-size: 20px!important;
	line-height: 2.6!important;
}
.normal_link a {
	font-size: 15px;
	width: 240px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all 0.3s;
	margin-top: 0px;
}
.normal_link a:hover {
	background-color: #000000;
}
.works_conB .works_box .product_list .product_flex::after {
	content:"";
	display: block;
	width:32%;
}

























































































































}
@charset "UTF-8";

/*--↓ メガメニュースタイル ↓--*/
header {
	position: fixed;
	top: 0px;
	z-index: 15;
	width: 100vw;
}
header .menu_filter {
	width: 100%;
	height: 50px;
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	display: none;
}
header .container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header .pc_menu {
	display: none;
}
header .headA {
	z-index: 90;
	display: flex;
	align-items: center;
	margin-top: 1px;
}
header .headA a{
	transition: all 0.3s;
	margin-top: 8px;
}
header .headA a:hover{
	opacity: 0.7;
}
header .headA h1 {
	font-size: 11px;
	color: #FFFFFF;
	margin-bottom: 3px;
	font-weight: lighter;
}
header .headA p {
	font-size: 11px;
	color: #EDEDED;
	font-weight: lighter;
	line-height: 1.5;
	margin-left: 10px;
}
header .headA a img {
	width: 100px;
	height: auto;
}
header .no_link {
	pointer-events: none;
	text-decoration: none;
}



/*--↓ ハンバーガーメニュースタイル ↓--*/

header .phone_back {
	background: linear-gradient(to right, rgba(0, 0, 0, 0.75), #000);
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0px;
	visibility: hidden;
	left: 0px;
	z-index: 90;
}
header .phone_menu {
	height: 80vh;
	position: fixed;
	z-index: 100;
	width: 215px;
	overflow-y: auto;
	padding-bottom: 170px;
	transition: all 0.3s;
	transform: translate(100%);
	left: auto;
	right: 0px;
	background-color: #3D3D3D;
	top: 0px;
	padding-top: 55px;
	padding-left: 40px;
	padding-right: 25px;
	border-left: 1px solid #EAEAEA;
}
header .phone_menu ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
header .phone_menu ul li {
	align-items: center;
}
header .phone_menu ul li .acd_btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: 5px;
}
header .phone_menu ul li .acd_btn .arrow {
	display: block;
	width: 6px;
	height: 6px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(45deg);
	transition: all 0.3s;
}
/*矢印が反転した時の指定*/
header .phone_menu ul li .acd_btn.selected .arrow {
	display: block;
	width: 6px;
	height: 6px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	transform: rotate(-135deg);
	transition: all 0.3s;
}
header .phone_menu ul li a {
	text-decoration: none;
}
header .phone_menu ul li a:hover {
	opacity: 0.7;
}
header .phone_menu ul li .acd_btn a {
	color: #fff;
	font-size: 14px;
	transition: all 0.3s;
	width: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	line-height: 1.4;
}
header .phone_menu ul li .acd_content {
	display: none;
}
header .phone_menu .acd_content li {
	border-bottom: 1px solid #6A6A6A;
	border-left: 1px solid #6A6A6A;
	display: flex;
	align-items: center;
	margin-left: 13px;
	margin-right: 13px;
}
header .phone_menu .acd_content li:last-child {
	margin-bottom: 30px;
}
header .phone_menu .acd_content li a {
	font-size: 13px;
	color: #FFF;
	width: 100%;
	transition: all 0.3s;
	padding-bottom: 8px;
	padding-top: 10px;
	padding-left: 12px;
}
/*ハンバーガーボタン*/
.menu-trigger {
	position: relative;
	cursor: pointer;
	width: 60px;
	height: 50px;
	z-index: 100;
}
.menu-trigger span{
	display: inline-block;
	transition: all .3s;/*アニメーションの設定*/
	position: absolute;
	left: auto;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	right: 0px;
}
.menu-trigger span:nth-of-type(1) {
	top: 15px;
	width: 52%;
	background-color: #DF2E31;
}
.menu-trigger span:nth-of-type(2) {
	top: 24px;
	width: 40%;
	background-color: #1984FF;
}
.menu-trigger span:nth-of-type(3) {
	top: 33px;
	width: 27%;
	background-color: #5AD851;
}
/*activeクラスが付与されると線が回転して×になる*/
.menu-trigger.active span:nth-of-type(1) {
	top: 18px;
	right: 4px;
	transform: translateY(6px) rotate(-135deg);
	width: 38%;
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3){
	top: 30px;
	right: 4px;
	transform: translateY(-6px) rotate(135deg);
	width: 38%;
}
/*クラス変更でハンバーガーメニューを開く*/
header .phone_menu.active {
	transform: translate(0);
	opacity: 1;
}
/*クラス変更でハンバーガーメニュー背景暗転*/
header .phone_back.active {
	visibility: visible;
	animation-duration: .3s;
	animation-name: fade-in;
}
@keyframes fade-in {
	0% {
		visibility: hidden;
		opacity: 0;
	}
	100% {
		visibility: visible;
		opacity: 1;
	}
}

















@media (min-width:600px) and (max-width:959px){


























}

@media (min-width:960px){

/*--↓ メガメニュースタイル ↓--*/
.menu_hover_filter {
	background-color: rgba(0,0,0,0.75);
	width: 100vw;
	height: 0;
	position: fixed;
	z-index: 10;
	transition: all 0.11s;
}
/*メニューホバーで背景暗転のjs用クラス*/
.mega_blackout {
	height: 100vh;
	transition: all 0.11s;
}

header .menu_filter {
	height: 75px;
}
header .pc_menu {
	z-index: 90;
	display: inline;
}

header .headA a img {
	width: 120px;
}

.megamenu {
	display: flex;
	margin: 0;
	padding: 0;
}
.megamenu > li {
	list-style-type: none;
	transition: all 0.25s;
}
.megamenu > li:hover {
	transition: all .25s;
	background-color: #3D3D3D;
}
.megamenu > li a {
	color: #fff;
	text-decoration: none;
	font-size: min(1.1vw,14px);/*（基本サイズ、最大サイズ）*/
	padding-left: 22px;
	padding-right: 22px;
	letter-spacing: 0.01em;
	align-items: center;
	display: flex;
	transition: all 0.25s;
}
.megamenu .menu_box .acd_content {
	background-color: #3D3D3D;
	width: auto;
	max-width: 91vw;
	right: 4.5%;
	display: none;
	position: fixed;
	top: 75px;
	z-index: 100;
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 8px;
	height: auto;
	margin: 0;
}
.megamenu .menu_box .acd_content .menu_title {
	width: 25vw;
}
.megamenu .menu_box .acd_content .menu_title p {
	font-size: min(2vw,26px);/*（基本サイズ、最大サイズ）*/
	font-weight: bold;
	line-height: 1.7;
	padding-right: 15%;
	color: #FFFFFF;
}
.megamenu .menu_box .acd_content .menu_title p span {
	font-size: min(1.2vw,14px);/*（基本サイズ、最大サイズ）*/
	font-weight: normal;
	margin-top: 10px;
	display: inline-block;
	color: #FFFFFF;
}
.megamenu .menu_box .acd_content .flex {
	display: flex;
	justify-content: space-between;
	width: 93%;
	margin-left: auto;
	margin-right: auto;
}
.megamenu .menu_box .acd_content .inner_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 58vw;
	padding-left: 4.5%;
	border-left: 2px solid #6D6D6D;
}
.megamenu .menu_box a {
	text-decoration: none;
}
.megamenu .menu_box .init-bottom {
	height: 75px;
	font-weight: bold;
}
.megamenu .menu_box .acd_content .inner_box::after {
	content: "";
	display: block;
	width: 15.7vw
}
.megamenu .menu_box .acd_content li {
	width: 15.7vw;
	list-style-type: none;
	padding: 0;
	text-decoration: none;
	display: block;
}
.megamenu .menu_box .acd_content .four li {
	width: 11.6vw;
}
.megamenu .menu_box .acd_content li:nth-of-type(n+4) {
	margin-top:25px;
}
.megamenu .menu_box .acd_content .four li:nth-of-type(n+4) {
	margin-top:0px;
}
.megamenu .menu_box .acd_content .four li:nth-of-type(n+5) {
	margin-top:25px;
}
.megamenu .menu_box .acd_content a {
	margin: 0;
	padding-left: 0px;
	padding-right: 0px;
	transition: all 0.3s;
	display: block;
}
.megamenu .acd_content .menu_img {
	width: 100%;
	height: 6.8vw;
	overflow: hidden;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 6px;
	position: relative;
}
.megamenu .acd_content .four .menu_img {
	height: 5.5vw;
}
.megamenu .acd_content .menu_img .inner_img {
	width: 100%;
	height: 8.5vw;
	transition: all 0.3s;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.megamenu .menu_box .acd_content a:hover .inner_img {
	transform: scale(1.1,1.1);
}
.megamenu .acd_content a p {
	font-size: min(1vw,14px);/*（基本サイズ、最大サイズ）*/
	display: inline-block;
	color: #151515;
	letter-spacing: 0.04em;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 12px;
	background-color: rgba(255,255,255,0.80);
	font-weight: bold;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	line-height: 1.4;
	max-width: 85%;
}
.megamenu .acd_content a span {
	font-size: 11px;
	display: inline-block;
	color: #FFF;
	letter-spacing: 0.04em;
	position: absolute;
	top: 0%;
	left: 0%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #FD5F00;
	border-bottom-right-radius: 6px;
	line-height: 1.4;
}
header .container {
	width: 91%;
}
header .headA {
	margin-top: 4px;
	z-index: 100;
}
header .headA p {
	line-height: 1.6;
	margin-left: 10px;
}


.megamenu .menu_img .web_menu_A {
	background-image: url(menu_img/web_menu_A.jpg);
}
.megamenu .menu_img .web_menu_B {
	background-image: url(menu_img/web_menu_B.jpg);
}
.megamenu .menu_img .web_menu_C {
	background-image: url(menu_img/web_menu_C.jpg);
}
.megamenu .menu_img .web_menu_D {
	background-image: url(menu_img/web_menu_D.jpg);
}
.megamenu .menu_img .web_menu_E {
	background-image: url(menu_img/web_menu_E.jpg);
}
.megamenu .menu_img .web_menu_F {
	background-image: url(menu_img/web_menu_F.jpg);
}
.megamenu .menu_img .web_menu_G {
	background-image: url(menu_img/web_menu_G.jpg);
}
.megamenu .menu_img .web_menu_H {
	background-image: url(menu_img/web_menu_H.jpg);
}

.megamenu .menu_img .service_menu_A {
	background-image: url(menu_img/service_menu_A.jpg);
}
.megamenu .menu_img .service_menu_B {
	background-image: url(menu_img/service_menu_B.jpg);
}
.megamenu .menu_img .service_menu_C {
	background-image: url(menu_img/service_menu_C.jpg);
}

.megamenu .menu_img .column_menu_A {
	background-image: url(menu_img/column_menu_A.jpg);
}
.megamenu .menu_img .column_menu_B {
	background-image: url(menu_img/column_menu_B.jpg);
}
.megamenu .menu_img .column_menu_C {
	background-image: url(menu_img/column_menu_C.jpg);
}

.megamenu .menu_img .chiro_menu_A {
	background-image: url(menu_img/chiro_menu_A.jpg);
}
.megamenu .menu_img .chiro_menu_B {
	background-image: url(menu_img/chiro_menu_B.jpg);
}
.megamenu .menu_img .chiro_menu_C {
	background-image: url(menu_img/chiro_menu_C.jpg);
}
.megamenu .menu_img .chiro_menu_D {
	background-image: url(menu_img/chiro_menu_D.jpg);
}
.megamenu .menu_img .chiro_menu_E {
	background-image: url(menu_img/chiro_menu_E.jpg);
}
.megamenu .menu_img .chiro_menu_F {
	background-image: url(menu_img/chiro_menu_F.jpg);
}
.megamenu .menu_img .chiro_menu_G {
	background-image: url(menu_img/chiro_menu_G.jpg);
}
.megamenu .menu_img .chiro_menu_H {
	background-image: url(menu_img/chiro_menu_H.jpg);
}
.megamenu .menu_img .chiro_menu_I {
	background-image: url(menu_img/chiro_menu_I.jpg);
}
.megamenu .menu_img .chiro_menu_J {
	background-image: url(menu_img/chiro_menu_J.jpg);
}
.megamenu .menu_img .chiro_menu_K {
	background-image: url(menu_img/chiro_menu_K.jpg);
}

.megamenu .menu_img .lp_menu_A {
	background-image: url(menu_img/lp_menu_A.jpg);
}
.megamenu .menu_img .lp_menu_B {
	background-image: url(menu_img/lp_menu_B.jpg);
}
.megamenu .menu_img .lp_menu_C {
	background-image: url(menu_img/lp_menu_C.jpg);
}
.megamenu .menu_img .lp_menu_D {
	background-image: url(menu_img/lp_menu_D.jpg);
}
.megamenu .menu_img .lp_menu_E {
	background-image: url(menu_img/lp_menu_E.jpg);
}
.megamenu .menu_img .lp_menu_F {
	background-image: url(menu_img/lp_menu_F.jpg);
}
.megamenu .menu_img .lp_menu_G {
	background-image: url(menu_img/lp_menu_G.jpg);
}
.megamenu .menu_img .lp_menu_H {
	background-image: url(menu_img/lp_menu_H.jpg);
}
.megamenu .menu_img .lp_menu_I {
	background-image: url(menu_img/lp_menu_I.jpg);
}





/*--↓ ハンバーガーメニュースタイル ↓--*/

header .phone_menu {
	width: 230px;
	padding-top: 90px;
	padding-left: 60px;
	padding-right: 100px;
}
/*ハンバーガーボタン*/
.menu-trigger {
	width: 90px;
	height: 65px;
	transition: all 0.3s;
	margin-right: -28px;
}
.menu-trigger:hover {
	opacity: 0.7;
}
.menu-trigger span{
	right: 27px;
}
.menu-trigger span:nth-of-type(1) {
	top:21px; 
	width: 45%;
}
.menu-trigger span:nth-of-type(2) {
	top:32px;
	width: 35%;
}
.menu-trigger span:nth-of-type(3) {
	top:44px;
	width: 20%;
}
/*activeクラスが付与されると線が回転して×になる*/
.menu-trigger.active span:nth-of-type(1) {
	top: 28px;
	right: 28px;
	width: 35%;
}
.menu-trigger.active span:nth-of-type(3){
	top: 40px;
	right: 28px;
	width: 35%;
}











































}