@charset "UTF-8";



/*--------------------------------------------------------------------
スマホ調整
---------------------------------------------------------------------*/
	#mobile-menu::before {
		background-color: #61b8d3;
	}
	nav#mobile-menu #mobile-nav a {
		font-size: 18px;
		margin-right: 0;
	}

@media screen and (min-width:1056px) and ( max-width:1303px) {
	
/*------------------------------------*/
}

@media (max-width: 1266px) {
	h2.top_title{
		font-size: 36px;
	}
	.marea h3 {
		height: auto;
	}
	h3 {
		font-size: 30px;
	}

/*------------------------------------*/
}

@media (max-width: 1200px) {
	.lp-text-inside .lp-text-background {
		padding: 50px;
	}
	#lp-blocks1 .lp-block block1 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.lp-text-card {
		width: 96%;
	}
	.lp-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	/*.lp-text-inside .lp-text-background {
		padding: 50px;
	}
	.phbox {
		margin-bottom: 50px;
		margin-top: 0;
	}
	#lp-blocks1 .lp-blocks-inside {
		margin-top: 0;
		margin-bottom: 50px;
	}*/
	
	/*footer*/
	#colophon #colophon-inside {
		padding-left: 20px;
		padding-right: 20px;
	}
	#colophon .footer-three .widget-container:first-child {
		padding-left: 0;
	}
	#colophon .widget-container {
		padding-right: 20px;
	}
	
/*------------------------------------*/
}


@media (max-width: 1100px) {
	h2.top_title {
		font-size: 34px;
	}
	.voicelist .voice_box h3 {
		font-size: 26px;
		margin-top: 30px;
	}
	.top_content_box {
		margin-left: 100px;
	}
	h3.top_sub_title2 {
		margin-top: 50px;
	}
	.top_content_box2 {
		margin-right: 100px;
	}
	#main #lp-text-three h3 {
		font-size: 1.2em;
	}
	#lp-text-two h2.voice {
		margin-bottom: 50px;
		margin-top: 0;
	}
	
/*--- 1100 ---------------------------------*/
}



@media (max-width: 1055px) {
	.site-header-bottom .site-header-inside {
		height: auto;
	}
	#h_top .menu-burger {
		display: block;
	}
	nav#access {
		display: none;
	}
	
	#branding {
		height: 70px;
	}
	#branding .identity {
		height: 70px;
		line-height: 70px;
	}
	.menu-burger {
		height: 70px;
		line-height: 70px;
	}
	
	#mobile-menu .side-section {
		margin-top: 0;
	}
	
	nav#mobile-menu #mobile-nav a {
		/*font-size: 20px;*/
	}
	nav#mobile-menu ul li {
		padding: 5px 0;
	}
	
/*------------------------------------*/
}

@media (max-width: 1024px) {
	body {
		font-size: 1em;
	}
	h2.page_title,
	#wrap_page #main h2 {
		margin-top: 0;
	}
	#wrap_page #main h2 {
		margin-bottom: 50px;
		font-size: 2.3em;
	}
	#works .workslist {
		width: 100%;
	}
	#wrap_plan #scroll-in3 {
		margin-bottom: 50px;
	}
	.boxB, .boxC {
		margin-bottom: 50px;
	}
	#wrap_page #main #wrap_agent h3.title_B {
		margin-bottom: 50px;
	}
	.phbox {
		margin-bottom: 50px;
	}
	#com01 {
		width: 100%;
	}
	
/*------------------------------------*/
}

@media (max-width: 1000px) {
	h2.top_title {
		font-size: 30px;
	}
	h3.top_sub_title,
	h3.top_sub_title2 {
	}
	.top_content_box {
		margin-left: 50px;
	}
	.top_content_box2 {
		margin-right: 50px;
	}
	#lp-blocks1 .lp-blocks-inside {
		margin-bottom: 0;
	}

/*------------------------------------*/
}

@media (max-width: 960px) {
	.bravada-landing-page .lp-text-inside,
	.bravada-landing-page .lp-blocks-inside,
	.lp-boxes .lp-boxes-inside,
	.lp-boxes .lp-boxes-margins,
	.lp-portfolio-inside,
	.lp-testimonials-inside,
	.lp-posts-inside,
	.lp-page-inside {
		margin-bottom: 4em;
		margin-bottom: 4em;
	}
	.lp-section-header {
		margin: 4em auto 0em;
	}
	.lp-text-inside .lp-text-background {
		padding: 30px;
	}
	.lp-block {
		padding-left: 50px;
		padding-right: 50px;
	}
	#topnews .tbbox .title {
		width: 35%;
	}
	.top_content_box {
		padding-top: 30px;
		padding-left: 30px;
	}
	.top_content_box2 {
		padding-top: 30px;
		padding-right: 30px;
	}
	#lp-text-two #voice .voice_box {
		margin-bottom: 40px;
	}
	h2 {
		font-size: 2em;
	}
	.lp-text-content {
		font-size: 0.95em;
	}
	#lp-text-one .phbox {
		margin-bottom: 0;
	}
	
/*--- 960px ---------------------------------*/
}

@media (max-width: 900px) {
	.flexbox01,
	.flexbox02 {
		display: block;
	}
	.reform .flex .txt,
	.reform .flex .ph {
		width: 100%;
		position: relative;
		top: auto;
		padding: 0;
		margin: 0 auto;
	}
	.reform .flex .txt {
		border-radius: 0;
	}
	.boxB, .boxC {
		padding-bottom: 50px;
	}
	#wrap_page #main h2 {
		font-size: 2.2em;
	}
	#wrap_page #main .reform .flex h3 {
		margin-bottom: 20px;
	}

/*--- 900px ---------------------------------*/
}

@media (max-width: 820px) {
	h2.top_title br.spnone {
		display: none;
	}
	h3.top_sub_title,
	h3.top_sub_title2 {
		width: 80%;
	}
	h3.top_sub_title2 {
		margin-left: 20%;
	}

/*------------------------------------*/
}

@media (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	#container:not(.bravada-landing-page) .main > :not(#content-masonry) {
		padding-left: 2em;
		padding-right: 2em;
	}
	#wrap_page #main h2 {
		font-size: 1.8em;
		letter-spacing: 0;
		margin-bottom: 30px;
	}
	h3,
	#works .workslist .case h3,
	#wrap_page #main .reform .flex h3,
	#wrap_page #main h3.title_B {
		font-size: 1.5em;
		/*padding-top: 0;*/
	}
	.marea h3 {
		background-size: 60px;
	}
	.boxB, .boxC {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#wrap_page #main .reform .flex h3 {
		padding-left: 70px;
	}
	.reform .flex h3 span {
		margin-right: 0;
	}
	#wrap_page #main h3.title_B {
		margin-bottom: 20px;
	}
	#wrap_page #main #wrap_agent h3.title_B {
		margin-bottom: 20px;
	}
	
	h2.top_title {
		font-size: 26px;
		margin-bottom: 30px;
	}
	h3.top_sub_title,
	h3.top_sub_title2 {
		font-size: 1.3em;
		width: 100%;
		text-align: left;
		/*margin: 0 0 15px;*/
	}
	h3.top_sub_title2 {
		margin-left: 0;
	}
	.lp-text-content {
		font-size: 0.9em;
	}
	
	h3.top_sub_title2 {
		margin-top: 0;
	}
	.main .lp-section-header .lp-section-title {
		font-size: 3em;
		margin-bottom: 10px;
		font-weight: 700;
	}
	.lp-section-header .lp-section-desc {
		font-size: 1.2em;
	}
	.lp-block {
		padding-left: 20px;
		padding-right: 20px;
	}
	#lp-text-one .top_content_box {
		margin-left: 0;
		margin-bottom: 30px;
		border: none;
		padding: 0;
	}
	#lp-text-one .top_content_box2 {
		margin-right: 0;
		margin-bottom: 0;
		padding: 0 0 50px;
		border: none;
	}
	
	.lp-text-card {
		width: 100%;
	}
	#topnews .tbbox,
	#topnews .tbbox .td {
		display: block;
	}
	#topnews .tbbox .title {
		width: 100%;
	}
	#lp-text-two .phbox {
		margin: 0 0 50px;
	}
	#lp-text-two .newslist {
		margin-bottom: 30px;
	}
	#topnews .morebtn {
		text-align: center;
	}
	
	#lp-text-two #voice h2.voice,
	#lp-text-three h2 {
		margin-bottom: 30px;
	}
	
	#lp-text-three .box3 {
		width: 100%;
		float: none;
		padding: 0;
		margin-bottom: 50px;
	}
	#lp-text-three .box3:last-chaild {
		margin-bottom: 0;
	}
	#main #lp-text-three .txtbox {
		font-size: 100%;
	}
	#main #lp-text-three form.entry-btn {
		text-align: center;
	}
	
	#lp-text-four h2.top_title {
		margin-bottom: 30px;
	}
	
	#wrap_produce h2.page_title br {
		display: none;
	}
	
	.main table {
		overflow: hidden;
	}
	.main th,
	.main td,
	.company th,
	.company td {
		width: 100%;
		float: left;
	}
	.main th, .main td {
		padding: 7px 20px;
	}
	.main table.planbox th,
	.main table.planbox td {
		float: none;
		width: auto;
	}
	.company th {
		border: none;
	}
	.company td {
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.company .line2 td {
		border: none;
	}
	#wrap_comp .link {
		text-align: center;
	}
	#wrap_privacy .wrap {
		font-size: 100%;
	}
	.main table.planbox th,
	.main table.planbox td {
		padding-left: 5px;
		padding-right: 5px;
		line-height: 1.3;
	}
	.main table.planbox th {
		border-top: none;
	}
	
	/*footer*/
	#colophon #wrap_f #custom_html-2,
	#colophon #wrap_f #custom_html-3,
	#colophon #wrap_f #nav_menu-2,
	#colophon #wrap_f #custom_html-4 {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
	}
	#ftxt {
		margin-bottom: 30px;
		padding: 30px 20px 0;
	}
	#wrap_f {
		width: 80%;
		margin: 0 auto;
	}
	
/*---- 767px --------------------------------*/
}


@media (max-width: 640px) {
	#container:not(.bravada-landing-page) .main > :not(#content-masonry) {
		padding-left: 0;
		padding-right: 0;
	}
	#desctxt {
		display: none;
	}
	#header-page-title #header-page-title-inside {
		font-size: 0.8em;
	}
	h2 {
		font-size: 1.4em;
	}
	#wrap_page #main h2 {
		text-align: left;
		font-size: 1.4em;
	}
	
	h3,
	#works .workslist .case h3,
	#wrap_page #main .reform .flex h3,
	#wrap_page #main h3.title_B {
		font-size: 1.15em;
	}
	#branding {
		height: 60px;
	}
	#branding .identity,
	.menu-burger {
		line-height: 60px;
		height: 60px;
	}
	/*スライダー*/
	.lp-staticslider .staticslider-caption {
		bottom: 20px;
	}
	#lp-blocks1 .lp-blocks-inside {
		padding-bottom: 30px;
	}
	.bravada-fullscreen-headerimage .lp-staticslider,
	.bravada-fullscreen-headerimage .lp-staticslider-image {
		min-height: auto;
	}
	.lp-staticslider .staticslider-caption {
		position: absolute;
	}
	.lp-slider .staticslider-caption-inside {
		padding-top: 20px;
	}
	.lp-slider .staticslider-caption-title {
		font-size: 3em;
		margin: 0 auto;
	}
	.lp-slider .staticslider-caption-text {
		margin: 0 auto 10px;
		padding: 0;
		font-weight: 400;
	}
	.lp-slider .staticslider-caption-buttons {
		margin: 0 auto;
	}
	.staticslider-caption-buttons a.staticslider-button {
		border-radius: 0;
		padding: 5px 10px;
		line-height: 1.5;
		text-align: center;
	}
	a.staticslider-button + a.staticslider-button {
		margin-left: 0.5em;
	}
	a.staticslider-button::after {
		display: none;
	}
	.meta-arrow > i {
		display: none;
	}
	
	/*挨拶エリア*/
	h2.top_title {
		font-size: 1.4em;
		padding-left: 12px;
		margin-bottom: 15px;
	}
	#lp-text-one h2.top_title {
	}
	#lp-text-one h3.top_sub_title {
	}
	#lp-text-one .top_content_box {
		padding: 0;
	}
	
	.lp-text-content {
		font-size: 0.85em;
	}
	
	/*works*/
	#lp-blocks1 header.lp-section-header {
		margin-top: 50px;
	}
	#lp-blocks1 .lp-blocks-inside {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	#lp-blocks1 .lp-block {
		padding-bottom: 0;
	}
	#lp-blocks1 .lp-block-text {
		/*font-size: 0.85em;*/
	}
	#lp-blocks1 .lp-section-title {
		font-size: 2.5em;
	}
	#lp-blocks1 .lp-section-desc {
		font-size: 0.9em;
	}
	
	/*news*/
	#topnews .newslist .date {
		padding-right: 20px;
		width: 90px;
	}
	#topnews .newslist .date .day {
		font-size: 30px;
	}
	#lp-text-two #voice .voice_box h3 {
		font-size: 1.3em;
	}
	#lp-text-two #topnews .morebtn .inner,
	#lp-text-two #voice .morebtn .inner {
		font-size: 1em;
	}
	.voicelist .voice_box .subtxt, .voicelist .voice_box .service {
		font-size: 100%;
	}
	
	/*--- ▲トップページ ------*/
	.top_content_box {
		padding-left: 0;
		padding-bottom: 0;
		padding-top: 0;
		margin-left: 0;
		margin-bottom: 30px;
		border: none;
	}

/*---640---------------------------------*/
}


@media (max-width: 600px) {
	#ftxt br {
		display: block;
	}
	#footer {
		padding: 20px;
	}
	#wrap_f {
		width: 100%;
	}

/*----- 600 -------------------------------*/
}

@media (max-width: 500px) {
	.lp-staticslider .staticslider-caption {
		position: relative;
	}
	
	#topnews .newslist .date {
		width: 80px;
		padding-right: 10px;
		letter-spacing: 0;
	}
	#topnews .newslist .date .day {
		font-size: 24px;
	}
	#topnews .newslist .txt .cate {
		font-size: 12px;
	}
	
	#header-page-title #header-page-title-inside {
		font-size: 0.7em;
	}
	
/*--- 500 ---------------------------------*/
}

@media (max-width: 480px) {
	a.staticslider-button + a.staticslider-button {
		margin: 10px 0;
	}

/*------------------------------------*/
}

@media (max-width: 450px) {
	#header-page-title #header-page-title-inside {
	}

/*------------------------------------*/
}

@media (max-width: 300px) {

/*------------------------------------*/
}