@charset "UTF-8";
/* Text */
.title {
	color:#141414;
}
.text {
	color:#141414;
	line-height:2;
}
.text-eng {
	font-family:'Ropa Sans','Noto Sans JP',sans-serif;
}
.fontred {
    color: #d32d26;
}

body {
	font-family:'Noto Sans JP',sans-serif;
}
@media (min-width: 768px) {
	body {
		font-size:18px;
	}
}
/* layout */
@media (min-width: 768px) {
	.header .container,.footer .container,.front-plan .container,.front-problem .container {
		max-width:1298px;
	}
	.header .container,.footer .container,.header .container .row .col,.footer .container .row .col,.front-plan .container .row .col,.front-problem .container .row .col {
		padding-right:12px;
		padding-left:12px;
	}
	.header .container .row,.footer .container .row,.front-plan .container .row,.front-problem .container .row {
		margin-right:-12px;
		margin-left:-12px;
	}
	.maincontents {
		margin-top:100px;
	}
	.header .container {
 max-width: 100%;
 padding: 0;
}
}
@media (max-width: 767px) {
	.maincontents {
		margin-top:50px;
		padding-left:0;
		padding-right:0;
	}
}
hr {
	border-color:#d2d2d2;
}
/* Link */
a,a:focus,a:hover,a:active {
	color:#1d6590;
}
input.btn,.btn a {
	border-radius:0;
	line-height:1;
	padding:15px 70px;
}
input.btn-default,.btn-default a {
	color:#1d6590;
	background-color:#f3f3f3;
	border-color:gray;
}
input.btn-default:hover,input.btn-default:focus,input.btn-default:active,.btn-default a:hover,.btn-default a:focus,.btn-default a:active {
	color:#212121;
	background-color:#D5D5D5;
	border-color:gray;
}
input.btn-primary,.btn-primary a {
	color:#1d6590;
	background-color:#fff;
	border:2px solid #1d6590;
}
input.btn-primary:hover,input.btn-primary:focus,input.btn-primary:active,.btn-primary a:hover,.btn-primary a:focus,.btn-primary a:active {
	color:#fff;
	background-color:#1d6590;
	border-color:#1d6590;
}
.btn-success a {
	color:#127674;
	background-color:#fff;
	border:2px solid #127674;
}
.btn-success.btn-more a:after {
	color:#127674;
}
.btn-success a:hover,.btn-success a:focus,.btn-success a:active {
	color:#fff;
	background-color:#127674;
	border-color:#127674;
}
.btn-success.btn-more a:hover:after,.btn-success.btn-more a:focus:after,.btn-success.btn-more a:active:after {
	color:#fff;
}
.btn-danger a {
	color:#f5172b;
	background-color:#fff;
	border:2px solid #f5172b;
}
.btn-danger.btn-more a:after {
	color:#f5172b;
}
.btn-danger a:hover,.btn-danger a:focus,.btn-danger a:active {
	color:#fff;
	background-color:#f5172b;
	border-color:#f5172b;
}
.btn-danger.btn-more a:hover:after,.btn-danger.btn-more a:focus:after,.btn-danger.btn-more a:active:after {
	color:#fff;
}
.btn-more a:after {
	content:"\f138";
	position:absolute;
	top:50%;
	right:15px;
	transform:translateY(-50%);
}
/* Table */
.table,th,td {
    border-width: 1px 0;
}
th,td {
    background-color:transparent;
    padding: 30px 0;
}
th+th,td+td,
th+td {
    padding-left: 30px;
}
p.text+.panel,.panel+p.text,.panel+.panel {
	margin-top:10px;
}
.panel-default {
	border-color:#ddd;
}
.panel-default > .panel-heading {
	background-color:#ddd;
	border-color:#ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#ddd;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color:#ddd;
}
.panel-primary {
	border-color:#2e6b98;
}
.panel-primary > .panel-heading {
	background-color:#2e6b98;
	border-color:#2e6b98;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#2e6b98;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color:#2e6b98;
}
.panel-success {
	border-color:#48a099;
}
.panel-success > .panel-heading {
    color: #fff;
	background-color:#48a099;
	border-color:#48a099;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#48a099;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color:#48a099;
}
.panel-heading .panel-title {
	line-height: 1.5;
    font-size:1.2em;
}
.panel-heading .text {
    opacity: 0.5;
}
.panel-body p.text {
	line-height: 1.5;
    font-size:.9em;
}
/* Form */
.form-control {
	border-color:#ddd;
}
.form-control:focus {
	border-color:#00a0e9;
}
.control-title {
	font-size:1.1em;
	font-weight:700;
	padding:10px;
	margin-top:20px;
	margin-bottom:15px;
	border:1px solid #ddd;
}
#datepicker {
	width:200px;
	display:inline-block;
}
img.ui-datepicker-trigger {
	vertical-align:middle;
}
/* Header */
.navbar {
	background-color:#fff;
}
.header h1 {
	color:#878787;
}
.header .navbar-nav > li > p.link-menu,.header .navbar-nav > li > p.link-menu > strong,.header .navbar-nav > li > p.link-menu > a,.header .navbar-nav > li > p.link-menu > a:hover,.header .navbar-nav > li > p.link-menu > a:focus,.header .navbar-nav > li > p.link-menu > a:active,.header .navbar-nav > li a:hover,.header .navbar-nav > li a:focus,.header .navbar-nav > li a.current,.header .navbar-nav > li a.current:hover,.header .navbar-nav > li a.current:focus {
	color:#222;
}
.navbar-text {
	margin:0;
}
.header .navbar-nav > li .dropdown-menu > li > a {
	padding:10px 15px;
	color:#222;
}
.header .navbar-nav > li .dropdown-menu > li > a:hover,.header .navbar-nav > li .dropdown-menu > li > a:focus {
	color:#fff;
	background-color:#219d93;
}
.header .navbar-nav > li .dropdown-menu > .active > a,.header .navbar-nav > li .dropdown-menu > .active > a:hover,.header .navbar-nav > li .dropdown-menu > .active > a:focus {
	color:#fff;
	background-color:#219d93;
}
.navbar-nav > li > p.link-menu > strong {
	position:relative;
	display:block;
	line-height:20px;
	font-weight:400;
}
.navbar .navbar-text {
	background-color:#1d6590;
	color:#fff;
}
.navbar .navbar-text p.header-tel {
	font-weight:bold;
	font-family:'Ropa Sans',sans-serif;
}
.navbar .navbar-text p.header-mail {
	
}


@media (min-width: 768px) {
	.navbar .sitekeyword {
		position:absolute;
		top:5px;
		/*left:260px;*/
		height: 15px;
	}
	.navbar h1 {
		font-size:12px;
	}
	.navbar-brand {
		float:none;
		height:auto;
		padding-top:13px;
	}
	.navbar-nav {
		float:right;
		margin:0;
		height: 100px;
	}
	.header .navbar-nav > li {
		height:35px;
		padding-right: 15px;
		padding-left: 15px;
		margin-top: 63px;
	}
	.header .navbar-nav >li.dropdown {
		padding-right:15px;
	}
	.header .navbar-nav > li:last-child {
		padding-right:20px;
	}
	.header .navbar-nav-main > li > p.link-menu > strong,.header .navbar-nav-main > li > p.link-menu > a {
		color:#242424;
		font-size:17px;
		text-align:center;
		padding:5px 0 9px;
		height:35px;
	}
	.header .navbar-nav > li > p.link-menu > a {
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		-moz-osx-font-smoothing:grayscale;
		position:relative;
		overflow:hidden;
	}
	.header .navbar-nav > li > p.link-menu > a:before {
		content:"";
		position:absolute;
		z-index:-1;
		left:0;
		right:100%;
		bottom:0;
		background:#219d93;
		-webkit-transition-property:right;
		transition-property:right;
		-webkit-transition-duration:.3s;
		transition-duration:.3s;
		-webkit-transition-timing-function:ease-out;
		transition-timing-function:ease-out;
	}
	.header .navbar-nav > li > p.link-menu > a:hover:before,.header .navbar-nav > li > p.link-menu > a:focus:before,.header .navbar-nav > li > p.link-menu > a:active:before {
		right:0;
	}
	.header .navbar-nav > li a.current.caret {
		/*top:37px;*/
		height:33px;
		padding-left: 5px;
		padding-top: 5px;
		color:#219d93;
	}
	
	.navbar .navbar-text {
		padding:10px 10px;
		float:right;
		min-height:110px;
	}
	.navbar .navbar-text p.header-address {
		font-size:16px;
	}
	.navbar .navbar-text p.header-tel {
		font-size:24px;
	}
    .navbar .navbar-text p.header-mail {

    width: 200px;
    padding: 1px 3px 4px;
    border:1px solid #fff;
    margin: 3px auto 0px;
}
    .navbar .navbar-text p.header-mail a {
    font-size:13px !important;    
	color:  #fff !important;
    text-decoration: none !important;    
}
 .navbar .navbar-text p.header-mail a::before{
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(../img/mail_icon.svg);
    background-repeat: no-repeat;
    background-size: cover; 
}  
    .navbar .navbar-text p.header-mail a svg{
    width: 15px;
    height: 15px;
}  
    
}


@media (max-width: 767px) {
	.navbar h1 {
		font-size:10px;
		padding:5px;
	}
	.navbar-brand {
		padding-left:15px;
	}
	.navbar-brand img {
		height:50px;
		width:auto;
	}
	header.header .navbar-nav {
		border-bottom:1px solid #eee;
	}
	header.header .navbar-nav>li {
		border-top:1px solid #eee;
	}
	.navbar-nav>li:first-child {
		border-top:0;
	}
	.nav>li>a.caret {
		display:none;
	}
	.header .navbar-nav > li .dropdown-menu {
		background-color:#f7f7f7;
	}
	.header .navbar-nav > li .dropdown-menu > li > a {
		padding-left:30px;
	}
	.navbar .navbar-text {
		padding:10px 15px;
		margin-right:-15px;
		margin-left:-15px;
	}
	.navbar .navbar-text p.header-tel {
		font-size:1.2em;
	}
}
/* Page Header */
.page-header {
	background: url("../img/page-header-back.jpg") center center no-repeat;

}
.page-header-img img {
    mix-blend-mode: multiply;
}
_:-ms-lang(x), page-header-img {
    opacity: 0.5;
}
.page-header-title {
	position:absolute;
	top:50%;
	left:50%;
	padding:50px 15px;
	transform:translate(-50%,-50%);
	width:100%;
    text-shadow: 0 1px 5px rgba(0,0,0,.5);
}
.page-header-title .title {
	color:#fff;
}
.page-header-title .text {
	color:rgba(255,255,255,0.75);
}
@media (min-width: 768px) {
	.page-header {
		height:350px;
	}
	.page-header-img {
		height:350px;
	}
	.page-header-img img {
		width:1920px;
	}
	.page-header-title .title {
		font-size:2em;
	}
}
@media (max-width: 767px) {
	.page-header,.page-header-img {
		height:150px;
	}
	.page-header-img img {
		width:auto;
		height:150px;
	}
   .navbar .navbar-text p.header-mail {

    width: 200px;
    padding: 2px 3px 5px;
    border:1px solid #fff;
    margin: 3px auto 0px;
}
    .navbar .navbar-text p.header-mail a {
    font-size:13px !important;    
	color:  #fff !important;
    text-decoration: none !important;    
}
 .navbar .navbar-text p.header-mail a::before{
    display: inline-block;
    content: "";
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle;
    background-image: url(../img/mail_icon.svg);
    background-repeat: no-repeat;
    background-size: cover; 
}      
    
}

/* Page Top */
.pagetop {
    position: fixed;
    bottom:15px;
    right:0;
    z-index:100;
}
@media (max-width: 767px) {
    .pagetop img {
        width:25px;
        height:auto;
    }
}
/* Footer */
footer.footer {
	background-image:url(../img/footer-back-left.png),url(../img/footer-back-right.png);
	background-repeat:no-repeat;
	background-position:left center,right center;
	background-color:#fff;
	min-height:302px;
}
footer.footer .footer-address {
	color:#141414;
}
footer.footer .footer-tel {
	color:#222;
	font-weight:700;
	font-family:'Ropa Sans',sans-serif;
}
p.copyright {
	text-align:center;
	color:#fff;
	font-size:14px;
	padding:5px;
}
@media (min-width: 768px) {
	body.under footer.footer {
        margin-top:50px;
    }
	footer.footer {
		padding-top:42px;
	}
	footer.footer .footer-address {
		font-size:16px;
		margin-top:40px;
		margin-bottom:15px;
	}
	footer.footer .footer-tel {
		font-size:32px;
	}
}
@media (max-width: 767px) {
	footer.footer {
		padding-top:90px;
	}
	footer.footer .footer-address {
		margin-top:10px;
		margin-bottom:10px;
	}
	footer.footer .footer-tel {
		font-size:1.3em;
	}
	p.copyright {
		padding:10px;
		font-size:12px;
	}
}
/* Title */
.title .title-deco {
	font-weight:700;
}
.title-h3 {
	margin:150px auto 80px;
    text-align: center;
}
.title-h4 {
	margin:100px 0 60px;
    background:url("../img/h3.png") left top no-repeat;
	padding-left:65px;
    min-height: 50px;
}
.title-h3 + .title-h4 {
	margin-top:-30px;
}
h4.title-deco {
}
.title-h5 {
	margin:80px auto 50px;
}
.title-h3 + .title-h5 {
	margin-top:-30px;
}
.title-h4 + .title-h5 {
	margin-top:-10px;
}
h5.title-deco {
	display:flex;
	align-items:center;
}
h5.title-deco:after {
	content:'';
	flex-grow:1;
	height:2px;
	background:#49a09a;
	display:block;
	margin-left:.4em;
}
.title-h6 {
	margin:30px auto;
}
.title-h5 + .title-h6 {
	margin-top:-20px;
}
h6.title-deco:before {
	content:"\f0da";
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#1d6590;
	margin-right:.5em;
}
p.images + h6.title-deco {
	margin-top:15px;
	margin-bottom:15px;
}
@media (min-width: 768px) {
	h3.title-deco {
		font-size:2.3em;
	}
	h4.title-deco {
		font-size:1.8em;
	}
	h5.title-deco {
		font-size:1.3em;
	}
	h6.title-deco {
		font-size:1.1em;
	}
}
@media (max-width: 767px) {
	h3.title-deco {
		font-size:24px;
	}
	h4.title-deco {
		font-size:21px;
	}
	h5.title-deco {
		font-size:18px;
	}
	h6.title-deco {
		font-size:16px;
	}
}
/* Text */

.contents.text-pickup .text,.text-pickup.text {
	color:#d32d25;
	font-size:1.3em;
}
.contents.text-pickup .text strong,.text-pickup.text strong {
	font-size:1.3em;
}
.beforeafter .layout-beforeafter-after:before,.layout-flowchart-vertical .box:before,.layout-flowchart-side .col:before,ul.list-design li:before {
	color:#49a09a;
}
.layout-flowchart-vertical .box:before {
	top:-60px;
}
.layout-flowchart-side-number {

    counter-reset: number 0;

}

.layout-flowchart-side-number .col:first-child:before,

.layout-flowchart-side-number .col:before {
	font-family:'Ropa Sans','Noto Sans JP',sans-serif;

    counter-increment: number 1;

    content: 'Step ' counter(number, decimal-leading-zero);

    color: #fff;

    font-size: 15px;

    width: 80px;

    height: 30px;

    line-height: 30px;

    background-color: #2e6a99;

    top: -5px;

    left: 10px;

    text-align: center;

    z-index: 5;

}


ul.list-design li:before {
	top:11px;
}
.beforeafter .layout-beforeafter-after:after,ol.list-design li:before {
	background-color:#49a09a;
}
.text-quotation .col {
	margin-bottom:0;
}
.text + .text {
	margin-top:15px;
}
/* Home */
.slider-bg {
	margin-bottom:0;
}
.bx-wrapper {
	margin-bottom:0;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	background-color:transparent;
}
.slider-wrap {
	clear:both;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:0;
	background-color:transparent;
	padding-top:0;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	overflow:hidden;
}
ul.slider {
	padding:0;
	margin-top:0;
	margin-bottom:0;
}
@media (min-width: 768px) {
	.slider-wrap {
		width:100%;
	}
	ul.slider {
		z-index:1;
		border:0;
		width:100%;
		display:block;
		clear:both;
	}
	ul.slider li {
		position:relative;
		border:0;
		list-style-type:none;
		margin:0;
		padding:0;
		height:800px;
		overflow:hidden;
		width:100%;
	}
	ul.slider li img {
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		height:auto;
		width:1920px;
		max-width:none;
	}
	.bx-window {
		position:relative!important;
	}
	.bx-controls {
		height:65px;
	}
	.bx-controls .bx-controls-direction {
		width:1080px;
		height:65px;
	}
	.bx-wrapper .bx-prev {
		left:0;
	}
	.bx-wrapper .bx-next {
		right:0;
	}
	.bx-controls .bx-pager {
		height:65px;
	}
}
@media (max-width: 767px) {
	div.slider-wrap {
		height:auto;
		width:100%;
	}
	ul.slider {
		height:auto;
		width:100%;
		overflow:visible;
	}
	ul.slider li {
		height:auto;
		width:100%;
	}
	ul.slider li img {
		height:auto;
		width:100%;
		margin-right:auto;
		margin-left:auto;
	}
	.bx-controls,.bx-controls .bx-controls-direction,.bx-controls .bx-pager {
		height:45px;
	}
	.bx-wrapper .bx-prev {
		left:10px;
	}
	.bx-wrapper .bx-next {
		right:10px;
	}
	.bx-wrapper .bx-pager {
		padding-top:15px;
	}
}
.bg-danger {
	background-color:#f41428;
}
.bg-primary {
	background-color:#1f6592;
}
.bg-success {
	background-color:#299989;
}
.bg-light {
	background-color:#f6f6f6;
}
.bg-dark {
	background-color:#2c2c2c;
}
.bg-dark50 {
	background-color:rgba(0,0,0,0.54);
}
.fontblue {
	color:#00a0e9!important;
}
.backblue {
	color:#fff!important;
	background-color:#00a0e9!important;
	border-radius:3px;
	padding:0 5px;
}
.lineyellow {
	border-bottom:4px solid #ffd200;
	padding-bottom:5px;
}
/* Home */
.front-link .btn a {
	font-family:'Ropa Sans','Noto Sans JP',sans-serif;
}
.front-link .btn a strong {
	font-weight:400;
}
.front-problem {
	background:url(../img/front-problem-back.jpg) top center no-repeat;
	background-size:cover;
}

/*　追加20211105 */
.problem_bg2 {
	background:url(../img/front-problem-back2.jpg) top center no-repeat !important;
	background-size:cover;
}
/*　追加20211111 */
.problem_bg3 {
	background:url(../img/front-problem-back3.jpg) top center no-repeat !important;
	background-size:cover;
}
.problem_bg2 h2,
.problem_bg2 .text{
    

    text-shadow: 1px 2px 5px #000,-1px -2px 5px #000 }

.problem_bg2 .text{
 padding-bottom: 30px;   
}
.problem_bg2 .bg-dark50 {
    padding-top: 50px !important
}


.front-problem .title h2 {
	color:#fff;
}
.front-problem .text {
	color:#fff;
}
.front-problem .btn a {
	color:#1d6590;
	background-color:#fff;
}
.front-problem .btn a:hover,.front-problem .btn a:focus,.front-problem .btn a:active {
	color:#fff;
	background-color:#1d6590;
}
.front-plan {
	background:url(../img/front-plan-back.jpg) top center no-repeat;
}
.front-plan .title h2 {
	background:url(../img/front-plan-title.png) top center no-repeat;
	color:#1c1c1c;
}
.front-plan .content p.text {
	color:#141414;
}
.front-plan .row.merit-box .col .box {
	overflow:hidden;
}
.front-plan .row.merit-box .col .box .text-center {
	position:relative;
	z-index:5;
	color:#fff;
}
.front-plan .row.merit-box p.images {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.front-service .row {
	margin-right:0;
	margin-left:0;
}
.front-service .row .col {
	padding-left:0;
	padding-right:0;
	margin-bottom:0;
	overflow:hidden;
	background-color:#000;
}
.front-service .row .col-full {
	width:100%;
}
.front-service .row .col p.images img {
	opacity:.35;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:auto;
	max-width:none;
}
.front-service .row .col .title {
	position:absolute;
	z-index:4;
	color:#fff;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
.front-service .row .col .title p.text {
	color:#fff;
}
.front-service .row .col .title h3 {
	padding:0 50px;
	height:120px;
	display:table-cell;
	border:1px solid #fff;
	vertical-align:middle;
	white-space:nowrap;
}
.front-service .row .col p.link-box a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
	text-indent:-9999px;
}
.front-home {
	overflow:hidden;
}
.front-home .container-right-half h3 {
	color:#363636;
}
.front-home .container-right-half p.text {
	color:#141414;
}
.front-home .container-right-half p.btn {
	margin-bottom:0;
}
.front-home .title h2,.front-maker .title h2 {
	font-weight:600;
}
@media (min-width: 768px) {
	.front-link {
		padding-top:40px;
		padding-bottom:30px;
	}
	.front-link .container {
		max-width:1340px;
	}
	body.home .front-link .container,body.home .front-link .container .row .col {
		padding-right:33px;
		padding-left:33px;
		margin-bottom:0;
	}
	body.home .front-link .container .row {
		margin-right:-33px;
		margin-left:-33px;
	}
	.front-link .btn a {
		padding:20px;
		font-size:18px;
	}
	.front-link .btn a strong {
		font-size:25px;
		padding-left:.5em;
	}
	.front-problem {
		padding-top:135px;
		padding-bottom:135px;
	}
	.front-problem .title h2 {
		font-size:45px;
		margin-bottom:50px;
	}
	.front-problem .row {
		margin-top:50px;
		margin-bottom:135px;
	}
	.front-problem .row .col {
		margin-bottom:0;
	}
	.front-problem .bg-dark50 {
		padding-top:50px;
		padding-bottom:50px;
	}
	.front-problem .btn {
		margin-top:35px;
	}
	.front-problem .btn a {
		font-size:25px;
	}
	.front-plan {
		padding-top:48px;
		padding-bottom:134px;
	}
	.front-plan .title h2 {
		padding-top:50px;
		font-size:45px;
		line-height:55px;
		margin-bottom:60px;
	}
	.front-plan .content p.text {
		margin-bottom:50px;
	}
	.front-plan .row.merit-box {
		margin-left:-8px;
		margin-right:-8px;
		margin-bottom:32px;
	}
	.front-plan .row.merit-box .col {
		padding-left:8px;
		padding-right:8px;
		margin-bottom:16px;
	}
	.front-plan .row.merit-box .col .box {
		min-height:200px;
	}
	.front-plan .row.merit-box .col .box p.text-center {
		padding-top:30px;
		padding-bottom:25px;
		margin-bottom:0;
	}
	.front-plan .row.merit-box .col .box h3 {
		font-size:28px;
	}
    .front-service .row .col {
        min-height:285px;
    }
    .front-service .row .col p.images img {
        height:285px;
    }
    .front-home {
        margin-top:90px;
        margin-bottom:50px;
    }
    .front-home .col-2 img {
        position:absolute;
        right:-20px;
    }
    .front-home .container-right-half {
        max-width:637px;
        padding-left:85px;
        padding-top:30px;
        padding-bottom:30px;
    }
    .front-home .container-right-half h3 {
        font-size:38px;
        margin-bottom:50px;
        line-height:1;
    }
    .front-home .container-right-half p.text {
        font-size:16px;
        margin-bottom:50px;
    }
    .front-home .container-right-half p.btn {
        font-size:24px;
    }
	.front-maker {
		padding-top:75px;
		padding-bottom:70px;
	}
	.front-home .title h2,.front-maker .title h2 {
		font-size:45px;
	}
	.front-home .title p {
		margin-bottom:100px;
	}
	.front-maker .title p {
		margin-bottom:50px;
	}
}
@media (max-width: 767px) {
	.front-link {
		padding-top:15px;
	}
	.front-link .btn a {
		padding:10px;
	}
	.front-link .btn a strong {
		display:block;
		font-size:1.2em;
		margin-top:5px;
	}
	.front-problem {
		padding-top:15px;
	}
	.front-problem .title h2 {
		margin-bottom:15px;
	}
	.front-problem .row {
		margin-top:15px;
		margin-bottom:15px;
	}
	.front-problem .row .col {
		width:50%;
	}
	.front-problem .bg-dark50 {
		padding-top:15px;
		padding-bottom:15px;
	}
	.front-problem .btn {
		margin-top:15px;
	}
	.front-plan {
		padding-top:15px;
		padding-bottom:15px;
	}
	.front-plan .title h2 {
		background:url(../img/front-plan-title.png) top center no-repeat;
		background-size:290px auto;
		padding-top:15px;
		margin-bottom:15px;
	}
	.front-plan .row.merit-box {
		margin-top:15px;
	}
	.front-plan .row.merit-box .col .box {
		min-height:100px;
	}
	.front-plan .row.merit-box .col .box p.text-center {
		padding-top:15px;
	}
	.front-plan .row.merit-box p.images img {
		height:100px;
		width:auto;
	}
    .front-service .row .col {
        min-height:200px;
    }
    .front-service .row .col p.images img {
        height:200px;
    }
    .front-home {
		padding-top:15px;
    }
    .front-home .col-2 img {
        max-width: 100%;
        height: auto;
    }
    .front-home .container-right-half {
        padding:0 30px;
    }
    .front-home .container-right-half h3 {
        font-size:1.5em;
        margin-bottom:15px;
    }
    .front-home .container-right-half p.text {
        margin-bottom:15px;
    }
    .front-home .container-right-half p.btn {
        text-align: center;
    }
	.front-maker {
		padding-top:15px;
	}
	.front-home .title p,.front-maker .title p {
		margin-bottom:15px;
	}
}
.circle-box {
    border-radius:50%;
    padding:50%;
    position: relative;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    background: linear-gradient(135deg, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    border:3px solid #ddd;
}
.circle-box p.text {
    white-space: nowrap;
    position: absolute;
    display: inline-block;
    top:50%;
    left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
    margin:auto;
    text-align: center;
    line-height: 1.5;
    font-size:120%;
    text-shadow: 1px 1px 1px #fff;
}
@media (min-width: 768px) {
.list-design-side {
    margin-left:-20px;
    margin-right:-20px;
    letter-spacing: -.5em;
}
.list-design-side li {
    padding-left:20px;
    padding-right:20px;
    width:16.666666666666667%;
    display: inline-block;
    letter-spacing: normal;
    text-align: center;
}
    ol.list-design.list-design-side li:before {
    content: '';
    color: #fff;
    border-radius: 0;
    left: 0;
    width: 10px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    top: 50%;
    -moz-transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    background-color:transparent;
        border:2px solid #48a099;
        border-width: 2px 2px 0 0;
}
    ol.list-design.list-design-side li:first-child:before {
        display: none;
    }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
}
@media (min-width: 992px) {
}
@media (max-width: 991px) {
}
@media (min-width: 1281px) {
}
@media (max-width: 1280px) {
}


/*　お問い合わせ */
form,input,textarea,button{
	margin:0;
	padding:2px;
	font-size:100%;
}
form .com01,
form .com02{
    width: 100%;
    padding: 5px;
    margin-bottom: 8px;
}
form .com01 dt,
form .com02 dt{
    width: 200px !important;
    display: inline-block;
    vertical-align: top;
}
form .com01 dd,
form .com02 dd{
     width: 780px !important;
    display: inline-block;
    vertical-align: top;
}


@media (max-width: 767px) {
    
form .com01 dt,
form .com02 dt,
form .com01 dd,
form .com02 dd{
      width: 100% !important;
    display: block;
    padding: 5px !important
}
form .com01 dd div,
form .com02 dd div{
      width: 100% !important;
    display: block;
    padding: 5px !important
}    
}