@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) {
	.site-header-bottom .site-header-inside {
		height: auto;
	}
	#desctxt {
		margin-bottom: 10px;
	}
	#branding,
	#access {
		float: none;
	}
	
	#branding,
	#branding .identity {
		height: auto;
		line-height: inherit;
	}
	#branding {
		width: 20%;
	}
	#branding .identity {
		float: none;
	}
	img.custom-logo {
		max-width: 320px;
		width: 100%;
		height: auto;
		max-height: inherit;
	}
	nav#access {
		width: 100%;
		margin-top: 10px;
	}
	nav#access ul#top-nav li a {
		height: auto;
		line-height: inherit;
		padding-left: 0;
		padding-right: 30px;
	}
	#access > div > ul > li > a > span {
	}
	
	
/*------------------------------------*/
}


@media (max-width: 1200px) {
	#topabout .wrap {
		padding: 20px 20px 100px;
	}
	#topabout .flexbox .txt {
		margin-top: 50px;
	}
	
	#topworks ul li .ph img {
		height: 250px;
	}
	
	#colophon #wrap_f #custom_html-4 {
		padding-right: 0;
	}
	
	
	.bravada-cropped-headerimage #masthead #header-image-main-inside {
	}
	#header-page-title h1 {
		font-size: 50px;
	}
	
	
	#container:not(.bravada-landing-page) .main > :not(#content-masonry) {
	}
	
	
	.reform .flexbox01 .txt {
		padding-left: 0;
	}
	.reform .flexbox02 .txt {
		padding-right: 0;
	}
	#wrap_water .boxE .txt,
	#wrap_other .boxE .txt {
		margin-bottom: 0;
	}
	
/*------------------------------------*/
}


@media (max-width: 1100px) {
	#top_nayamilist {
		padding: 80px 20px 40px;
	}
	#top_nayamilist .listbox {
		padding-left: 20px;
		padding-right: 20px;
	}
	#top_nayamilist .listbox ul li {
		font-size: 18px;
		line-height: 1.5;
		background-position: left top;
	}
	
	#topworks ul li {
		padding: 0 5px 15px;
	}
	#topworks ul li .ph img {
		height: 200px;
	}
	.main #topworks h3 {
		margin-top: 10px;
	}
	
	#topprom .wrap {
		padding-bottom: 30px;
	}
	section#lp-text-two .lp-text-card {
		width: 100%;
	}
	#topprom .txt {
		min-height: 400px;
	}
	#main #topprom .txt h3 {
		font-size: 24px;
	}
	
/*--- 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;
	}
	
	#wrap_works .ph img {
		height: 150px;
	}
	
	.main .phlist ul li img {
		height: 170px;
	}

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

@media (max-width: 900px) {
	#topabout .wrap {
		padding: 20px 0 50px;
		width: 90%;
	}
	#topabout .flexbox {
		display: block;
	}
	#topabout .flexbox .ph {
		position: unset;
		width: 100%;
		margin-bottom: 20px;
	}
	#topabout .flexbox .txt {
		margin: 0 auto;
		width: 100%;
		padding: 0;
	}
	
	#wrap_topprob {
		padding-bottom: 40px;
	}
	#wrap_topprob .wrap {
		width: 90%;
		padding-top: 150px;
		margin-bottom: 0;
	}
	#wrap_topprob #illust {
		width: 60%;
	}
	#top_nayamilist .inner {
		width: 90%;
		margin: 0 auto;
	}
	#top_nayamilist {
		padding-top: 70px;
	}
	#top_nayamilist .listbox {
		width: 100%;
		padding: 0;
	}
	#prob_btm .tbbox {
		margin-bottom: 30px;
	}
	#prob_btm .tbbox .ph {
		width: 30%;
	}
	#prob_btm .tbbox .txt {
		width: 70%;
		padding: 0;
		font-size: 18px;
	}
	#prob_btm .bnrbox {
		width: 96%;
	}
	#prob_btm .bnrbox ul li {
		padding: 0 10px 20px;
	}
	
	#topworks ul li {
		width: 50%;
		padding-left: 10px;
		padding-right: 10px;
	}
	#topworks ul li .ph img {
		height: 350px;
	}
	
	#topprom .wrap {
		width: 80%;
		margin: 0 auto;
		padding: 10px 0 0;
	}
	#topprom .wrap .box {
		width: 100%;
		padding-bottom: 50px;
	}
	#topprom .txt {
		min-height: auto;
		padding: 30px;
		font-size: 16px;
	}
	
	section#lp-text-three .lp-text-card {
		width: 96%;
	}
	#topcontact .inner .ph {
		width: 15%;
	}
	#topcontact .inner .txt {
		width: 70%;
	}
	#topcontact .inner .txt p {
		font-size: 17px;
	}
	.main #topcontact .btnbox ul li {
		padding: 5px;
	}
	
	#wrap_topnews .wrap {
		max-width: 900px;
		width: 96%;
	}
	
	
	#colophon .widget-container {
		margin: 0;
		padding-top: 30px;
		padding-right: 30px;
	}
	#colophon #wrap_f #custom_html-2 {
		width: 30%;
	}
	#colophon #wrap_f #custom_html-3 {
		width: 40%;
	}
	#colophon #wrap_f #nav_menu-2 {
		width: 30%;
		padding-right: 0;
	}
	#colophon #wrap_f #custom_html-4 {
		width: 80%;
		margin: 0 auto;
		padding-top: 30px;
	}
	
	
	
	.flexbox01,
	.flexbox02 {
		display: block;
	}
	.tbbox01,
	.tbbox01 .td {
		display: block;
	}
	.tbbox01 .td {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.tbbox01 .ph {
		margin-bottom: 20px;
	}
	.flexbox01 .txt,
	.flexbox02 .txt {
		position: unset;
	}
	.reform .flex .txt,
	.reform .flex .ph {
		width: 100%;
		position: unset;
	}
	.reform .flex .txt {
		padding: 0;
		border-radius: 0;
		margin-bottom: 30px;
	}
	#wr
	/*ap_water,
	#wrap_other {
		padding-left: 20px;
		padding-right: 20px;
	}*/
	#wrap_water .boxA,
	#wrap_water .boxB,
	#wrap_water .boxC,
	#wrap_water .boxD,
	#wrap_other .boxB,
	#wrap_other .boxC {
		margin-bottom: 50px;
	}
	
	.main .phlist ul li img {
		height: 140px;
	}

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


@media (max-width: 800px) {
	#header-page-title #breadcrumbs-nav .current {
		display: inline-block;
	}

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

@media (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	
	#desctxt {
		display: none;
	}
	nav#mobile-menu {
		padding-top: 80px;
	}
	
	.lp-section-header .lp-section-desc {
		font-size: 18px;
		margin-top: 10px;
	}
	#wrap_topprob .wrap {
		width: 96%;
	}
	#wrap_topprob #illust {
		width: 60%;
	}
	#top_nayamilist {
		padding-top: 50px;
	}
	
	#prob_btm {
	}
	#prob_btm .tbbox {
		width: 90%;
	}
	#prob_btm .tbbox,
	#prob_btm .tbbox .td {
		display: block;
	}
	#prob_btm .tbbox .ph,
	#prob_btm .tbbox .txt {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#prob_btm .tbbox .ph {
		padding-bottom: 20px;
	}
	
	#topworks ul li .ph img {
		height: 300px;
	}
	
	#topflow .iconbox {
		margin-bottom: 20px;
	}
	#main #topflow .iconbox ul {
		display: block;
		font-size: 0;
		letter-spacing: 0;
	}
	#main #topflow .iconbox ul li {
		width: 33.3%;
		display: inline-block;
		font-size: 1px;
		padding: 0 5px 10px;
	}
	#topcontact .inner .phL {
		display: none;
	}
	#topcontact .inner .ph {
		width: 25%;
	}
	#topcontact .inner .txt {
		width: 75%;
		padding-right: 0;
	}
	
	
	#colophon #wrap_f #nav_menu-2 {
		/*display: none;*/
		padding-left: 30px;
	}
	#colophon #wrap_f #custom_html-3 {
		padding-right: 0;
	}
	#colophon #wrap_f #custom_html-2,
	#colophon #wrap_f #custom_html-3,
	#colophon #wrap_f #nav_menu-2 {
		/*width: auto;*/
	}
	#colophon #wrap_f #custom_html-3 {
		/*padding-right: 0;*/
	}
	#colophon #wrap_f #custom_html-4 {
		width: 100%;
	}
	
	
	.bravada-cropped-headerimage #masthead #header-image-main-inside {
		height: 300px;
	}
	#header-page-title h1 {
		font-size: 40px;
	}
	
	#wrap_page #main h2 {
		font-size: 32px;
		color: #222;
		font-weight: 600;
		margin-bottom: 30px;
	}
	#wrap_page #main .reform .flex h3 {
		font-size: 28px;
	}
	.reform .flex h3 span img {
		width: 60px;
		height: auto;
	}
	
	.main table {
		overflow: hidden;
	}
	.main th,
	.main td {
		float: left;
		width: 100%;
	}
	.main th {
		padding-bottom: 0;
	}
	.main td {
		padding-top: 5px;
	}
	.main #wrap_inquiry .telbox {
		padding: 10px 15px;
	}
	.main #wrap_inquiry .telbox ul li {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	.main #wrap_works ul li {
		width: 50%;
	}
	#wrap_works .ph img {
		height: 200px;
	}
	nav.navigation.pagination {
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.main .phlist ul li {
		width: 50%;
	}
	.main .phlist ul li img {
		height: 200px;
	}
	
	#header-page-title .aftertitle-meta {
		display: none;
	}
	
    body.single #nav-below {
		margin-top: 0;
	}
	
	body.single #secondary {
		padding-top: 0;
	}
	#nav-below .nav-previous,
	#nav-below .nav-next {
		height: 150px;
	}
	
	#wrap_voice .wrap .icon,
	#wrap_voice .wrap .txt {
		width: 100%;
		padding: 0;
	}
	#wrap_voice .wrap .icon {
		margin-bottom: 15px;
	}
	
	#wrap_faq dt {
		font-size: 18px;
		padding: 10px 15px;
	}
	#wrap_faq dt::before {
		font-size: 24px;
	}
	
	dd {
		padding: 0 0 20px;
	}
	
/*---- 767px --------------------------------*/
}


@media (max-width: 650px) {
	#wrap_topprob .wrap {
		padding-top: 0;
	}
	#wrap_topprob #illust {
		width: 80%;
		position: unset;
		padding-bottom: 10px;
	}
	#top_nayamilist {
		position: unset;
		padding: 40px 50px;
	}
	#top_nayamilist .inner {
		width: 100%;
	}
	#top_nayamilist .listbox ul li {
		margin: 20px 0;
		padding-bottom: 20px;
	}
	#top_nayamilist .listbox ul li:first-child {
		margin-top: 0;
	}
	
	#topworks ul li .ph img {
		height: 250px;
	}

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


@media (max-width: 640px) {
	#colophon #wrap_f #custom_html-2,
	#colophon #wrap_f #custom_html-3,
	#colophon #wrap_f #nav_menu-2 {
		width: 80%;
		margin: 0 auto;
	}
	#colophon #wrap_f #nav_menu-2 {
		padding-left: 0;
		padding-right: 0;
	}
	#colophon #wrap_f #custom_html-2 {
		padding-top: 50px;
	}
	#ftxt {
		display: none;
	}
	#f_logo img {
		max-width: 100px;
		width: 100%;
		height: auto;
	}
	
	#h_top .site-header-inside {
		padding-left: 1em;
		padding-right: 1em;
	}

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

@media (max-width: 600px) {
	#prob_btm .bnrbox ul li {
		float: none;
		width: 100%;
	}
	
	#topprom .wrap {
		width: 90%;
	}
	
	#topcontact .inner,
	#topcontact .inner .td {
		display: block;
	}
	#topcontact .inner .phL {
		display: none;
	}
	#topcontact .inner .ph {
		width: 50%;
		margin: 0 auto 15px;
	}
	#topcontact .inner .txt {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.main #topcontact .btnbox ul li {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	
	#wrap_water .boxA,
	#wrap_other .boxA {
		margin-bottom: 50px;
	}
	
	#header-page-title h1 {
		font-size: 36px;
	}
	#wrap_page #main h2 {
		font-size: 30px;
	}

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

@media (max-width: 500px) {
	#header-page-title h1 {
		font-size: 30px;
	}
	#wrap_topprob .wrap {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	#wrap_topprob #illust {
		width: 100%;
	}
	#top_nayamilist {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	#topworks ul li {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	#topworks ul li .ph img {
		height: 400px;
	}
	
	#main #topflow .iconbox ul li {
		width: 50%;
	}
	
	#wrap_topnews {
		padding: 50px 0;
	}
	#lp-boxes-2,
	#topflow .wrap,
	#topworks .wrapper {
		padding-bottom: 50px;
	}
	
	
	#wrap_page #main h2,
	.main #wrap_wklist h2 {
		font-size: 24px;
	}
	
	.reform .flex h3 span {
		margin-right: 7px;
		position: relative;
		top: -5px;
	}
	.reform .flex h3 span img {
		width: 40px;
	}
	#wrap_page #main h3,
	#wrap_page #main .reform .flex h3 {
		font-size: 20px;
		font-weight: 600;
	}
	
	.bravada-cropped-headerimage #masthead #header-image-main-inside {
		height: 250px;
	}
	
	
	#branding {
		height: 50px;
	}
	#branding .identity,
	.menu-burger {
		height: 50px;
		line-height: 50px;
	}
	img.custom-logo {
	}
	
	#wrap_works .ph img {
		height: 180px;
	}
	
	#wrap_voice .wrap {
		padding-left: 20px;
		padding-right: 20px;
	}

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

@media (max-width: 480px) {
	#nav-below .nav-previous,
	#nav-below .nav-next {
		height: 100px;
	}
	#nav-below span {
		font-size: 18px;
	}

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

@media (max-width: 400px) {
	#topworks ul li .ph img {
		height: 350px;
	}
	
	#topcontact .inner .ph {
		width: 70%;
	}
	
	#colophon #wrap_f #custom_html-2,
	#colophon #wrap_f #custom_html-3,
	#colophon #wrap_f #nav_menu-2 {
		width: 100%;
	}
	#colophon #wrap_f #nav_menu-2 {
		padding-top: 10px;
		border-top: 1px solid #fff;
	}
	#colophon #wrap_f #custom_html-4 {
		padding-top: 20px;
	}
	
	.main #wrap_works ul li {
		width: 100%;
	}
	#wrap_works .ph img {
		height: 200px;
	}
	
	.main .phlist ul li img {
		height: 170px;
	}

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

@media (max-width: 300px) {
	#topworks ul li .ph img {
		height: 250px;
	}
	
	#main #topflow .iconbox ul li {
		width: 100%;
		padding: 0 0 20px;
	}
	
	#colophon #wrap_f #custom_html-2,
	#colophon #wrap_f #custom_html-3,
	#colophon #wrap_f #custom_html-4 {
		padding-left: 0;
		padding-right: 0;
	}
	
	.main .phlist ul li {
		width: 100%;
	}
	.main .phlist ul li img {
		height: 220px;
	}
	
	#wrap_page #main h2,
	.main #wrap_wklist h2 {
		font-size: 26px;
		text-align: left;
	}
	#wrap_page #main .reform .flex h3 {
		font-size: 24px;
	}
	.reform .flex h3 span img {
		width: 36px;
	}
	
	.bravada-cropped-headerimage #masthead #header-image-main-inside {
		height: 200px;
	}
	#header-page-title h1 {
		font-size: 30px;
	}

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