@charset "utf-8";

* {
	padding   : 0;
	margin    : 0;
	box-sizing: border-box;
}

body {
	font-size               : 16px;
	font-family             : Crimson Text, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color                   : #000;
	line-height             : 180%;
	text-size-adjust        : 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust   : 100%;
	-ms-text-size-adjust    : 100%;
	-o-text-size-adjust     : 100%;
	word-break              : break-all;
}

tr {
	border-bottom: 1px dotted #ccc;
}

tr:last-child {
	border-bottom: none;
}

.tal-c {
	text-align : center;
	padding-top: 10px;
}

.fy {

	font-size  : 22px;
	padding-top: 10px;
}

.mgt-100 {
	margin-top: 100px;
}

.cont {
	width    : 100%;
	max-width: 1300px;
	margin   : 0 auto;
}

.kuro {
	color: #000000 !important;
}

a {
	text-decoration: none;
	color          : inherit;
}

.hv-o {
	transition: .3s ease;
}

.hv-u:hover {
	text-decoration: underline;
}

.hv-o:hover {
	opacity: 0.7;
}

img {
	max-width: 100%;
	height   : auto;
}

.show-on-sp {
	display: none;
}

/* Common */
nav {
	background-color: #E7EFF9;
}

nav .cont {
	display        : flex;
	justify-content: space-between;
}

nav .logo {
	/*width: 30%;*/
	align-self: center;
}

nav .logo a {
	font-size  : 30px;
	font-weight: 500;
	display    : block;
}

nav .logo a img {
	max-width: 270px;
}

nav .menu-wrap {
	width: 75%;
}

nav .menu {
	display: flex;
	height : 100%;
}

nav .menu li {
	width: 20%;
}

nav .menu li:nth-child(2) {
	display: none;
}

nav .menu li a {
	display   : block;
	text-align: center;
	height    : 100%;
	padding   : 25px 5px;
	transition: .3s ease;
	font-size : 15px;
}

nav .menu li:first-child {
	background-color: #1855a6;

	height        : 60px;
	margin-top    : 10px;
	vertical-align: middle;
	color         : #fff;
	padding       : 0 0 0 0;


}

nav .menu li:first-child a {
	padding: 15px 0 0;
}

nav .menu li a:hover,
nav .menu li a.active {
	background-color: #fff;
}

nav .menu li:first-child:hover,
nav .menu li:first-child a:hover {
	opacity         : .7;
	background-color: #1855a6;
}

nav .menu-toggle {
	display: none;
}

nav .menu-phone {
	display: none;
	color  : #1855a6;
}

nav .menu-mail {
	display: none;
	color  : #1855a6;
}

footer {
	background-color: #1855a6;
	color           : #fff;
	padding: 16px 0;
}

footer .cont {
	display: flex;
	align-items: center;
}

footer .copyright {
	font-size: 14px;
}

#formAdmin {
	display: none;
}

footer .menu {
	display    : flex;
	margin-left: auto;
	align-items: center;
}

footer .menu li a {
	transition: .3s ease;
	font-size : 14px;
}

footer .menu li.fb a {
	font-size: 30px;
	display  : inline-block;
}

footer .menu li.fb img {
    max-width: 30px;
}

footer .menu li.fb:last-child {
	margin-left: 16px;
}

footer .menu li.fb::after {
	content: none;
}

footer .menu li a:hover {
	opacity: 0.7;
}

footer .menu li::after {
	content: '/';
	display: inline-block;
	margin : 0 2em;
}

footer .menu li:last-child::after {
	display: none;
}

section {
	padding: 120px 0;
}

.content {
	margin-bottom: 100px;
}

.content .img {
	text-align   : center;
	margin-bottom: 30px;
}

.content .para {
	text-align   : center;
	margin-bottom: 30px;
}

.title .big {
	font-size     : 50px;
	font-weight   : 500;
	text-align    : center;
	letter-spacing: 2px;
	margin-bottom : 20px;
	line-height   : 1.5;
}

.title .small {
	font-size    : 20px;
	text-align   : center;
	margin-bottom: 40px;
}

.title .desc {
	font-size    : 30px;
	text-align   : center;
	margin-bottom: 30px;
	line-height  : 180%;
}

.button-link a {
	background-color: #1855a6;
	padding         : 15px 0;
	display         : block;
	max-width       : 500px;
	margin          : auto;
	color           : #fff;
	text-align      : center;
	transition      : .3s ease;
	margin-bottom   : 10px;
}

.button-link-red a {
	background-color: #FD5E5E;
	border-radius   : 50px;
	padding         : 15px 0;
	display         : block;
	max-width       : 300px;
	margin          : auto;
	color           : #fff !important;
	font-size       : 20px;
	text-align      : center;
	transition      : .3s ease;
	margin-bottom   : 10px;
	text-decoration : none !important;
}

.button-link a i {
	font-family: "Font Awesome 5 Free";

}

.button-link a:hover {
	background-color: #E7EFF9;
	color           : #000;
}

.button-link-red a i {
	font-family: "Font Awesome 5 Free";


}

.button-link-red a:hover {
	background-color: #f9e7ef;
	color           : #000;
}

.top-banner img {
	width     : 100%;
	height    : 200px;
	object-fit: cover;
}

.title-2 {
	text-align   : center;
	margin-top   : 50px;
	margin-bottom: 25px;
}

.title-2 .title-2-wrap {
	display: inline-block;
}

.title-2 .title-2-wrap strong {
	position        : relative;
	display         : block;
	margin-bottom   : 25px;
	font-size       : 50px;
	font-weight     : normal;
	letter-spacing  : .08em;
	line-height     : 1;
	background-color: #fff;
	padding         : 0 30px;
}

.title-2 .title-2-wrap strong::after {
	position          : absolute;
	bottom            : 50%;
	left              : 50%;
	content           : '';
	width             : calc(100vw - 30px);
	height            : 4px;
	background        : -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 35%, black 65%, rgba(255, 255, 255, 0) 100%);
	background        : -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 35%, black 65%, rgba(255, 255, 255, 0) 100%);
	background        : -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(35%, black), color-stop(65%, black), to(rgba(255, 255, 255, 0)));
	background        : -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, black 35%, black 65%, rgba(255, 255, 255, 0) 100%);
	background        : linear-gradient(to right, rgba(255, 255, 255, 0) 0%, black 35%, black 65%, rgba(255, 255, 255, 0) 100%);
	filter            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
	-webkit-transition: .5s;
	-o-transition     : .5s;
	transition        : .5s;
	-webkit-transform : translateX(-50%);
	-ms-transform     : translateX(-50%);
	transform         : translateX(-50%);
	z-index           : -1;
}

.title-2 .title-2-wrap small {
	font-size: 20px;
}

#toTopBtn {
	position        : fixed;
	bottom          : 80px;
	right           : 20px;
	border          : none;
	cursor          : pointer;
	padding         : 10px;
	background-color: #1855a6;
	color           : #fff;
	font-size       : 18px;
	font-family     : inherit;
	width           : 78px;
	height          : 78px;
	outline         : none;
	z-index         : 9;
	opacity         : 0;
	transition      : opacity 0.5s ease;
	border-radius   : 5px;
}

#toTopBtn .icon {
	display: none;
}

.top-banner {
	position: relative;
}

.top-banner .img img:last-child {
	display: none;
}

.top-banner .txt {
	position   : absolute;
	top        : 50%;
	left       : 0;
	width      : 100%;
	line-height: 1.3;
	transform  : translateY(-50%);
	text-align : center;
	font-size  : 40px;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.top-banner .txt span {
	font-size: 25px;
}

/* End Common */

/* Slide */
#owlslider .item {
	position: relative;
	overflow: hidden;
}

#owlslider .item img {
	width : 100%;
	height: auto;
}

#owlslider .item .txt {
	position   : absolute;
	top        : 50%;
	left       : 0;
	width      : 100%;
	transform  : translateY(-50%);
	line-height: 170%;
	color      : #fff;
	font-size  : 40px;
	text-align : center;
	text-shadow: 2px 2px 0 #7A7A7A;
}

#owlslider .item .txt span {
	text-transform: uppercase;
	font-size     : 46px;
}

/* End Slide */

/* Top */
.policy {
	background-image   : url(../../img/index/top-img-2.jpg);
	background-repeat  : no-repeat;
	background-position: center center;
	background-size    : cover;

	padding-top   : 100px;
	padding-bottom: 100px;
}

.policy .wrap {
	max-width: 1200px;
	width    : 100%;

	margin          : auto;
	background-color: rgba(255, 255, 255, .6);
	padding         : 85px 15px;
}

.profile {
	background-image   : url("../../img/profile_bg.jpg");
	background-repeat  : no-repeat;
	background-position: center center;
	background-size    : cover;

	padding-top   : 100px;
	padding-bottom: 100px;
}

.profile .wrap {
	max-width: 1200px;
	width    : 100%;

	margin          : auto;
	background-color: rgba(255, 255, 255, .8);
	padding         : 85px 15px;
}


.blog-wrap {
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
	margin-bottom  : 30px;
}

.blog-wrap .post:hover .img img {
	opacity: 0.7;
}

.blog-wrap .post .img {
	margin-bottom: 15px;
}

.blog-wrap .post .img img {
	width     : 380px;
	height    : 253px;
	object-fit: cover;
}

.image-container.compat-object-fit {
	position           : relative;
	background-size    : cover;
	background-position: center center;
	width              : 100%;
	height             : 253px;
}

.image-container.compat-object-fit .image-object-fit {
	display: none;
}

.blog-wrap .post .date-author {
	margin-bottom: 5px;
}

.blog-wrap .post .title {
	font-weight  : bold;
	margin-bottom: 5px;
}

.content:last-child {
	margin-bottom: 0;
}

/* End Top */

/* flow */
.flow,
.flow02 {
	text-align : left;
	line-height: 1.5;
	width      : 96%;
	margin     : 0 auto 100px;
	display    : block;
}

.flow dt,
.flow02 dt {
	color           : #fff;
	background-color: #1855a6;

	width         : 100%;
	font-weight   : 600;
	padding       : 10px 0 10px 0;
	letter-spacing: 1.5px;
	text-align    : center;
	display       : block;
	border        : 1px solid #1855a6;


}



.flow dd,
.flow02 dd {
	width        : 100%;
	padding      : 20px;
	border-bottom: 1px solid #1855a6;
	border-left  : 1px solid #1855a6;
	border-right : 1px solid #1855a6;

	position     : relative;
	margin-bottom: 70px;
}

.flow02 dd.price {
	background-color: #ecf3fb;
}


.flow02 dd {
	margin-bottom: 0;
}

.flow02 dd a,
.p_w a,
.pro_tb a,
.para a,
.desc a,
.big a,
.flow a,
a.text0 {
	text-decoration: underline;
	color          : #4A82E7;
}

.flow dd::after {
	content         : "";
	width           : 1px;
	height          : 30px;
	position        : absolute;
	left            : calc(50%);
	bottom          : -50px;
	background-color: #1855a6;
}

.flow dd:last-child::after {
	display: none;
}

.flow dd:last-child,
.flow dt:last-child,
.flow dt.mgb20 {
	margin-bottom: 20px;
}

#cashflow {
	font-size       : 18px;
	font-weight     : bold;
	background-color: #ecf3fb;
	padding         : 20px;
	border          : 1px solid #1855a6;
	width           : 96%;
	margin          : auto;

}

#cashflow b {
	color: red;
}




/* profile */



.row-table table {
	width : 100%;
	margin: 0 auto;

}

.row-table table tr {
	width: 100%;
}

.row-table table tr td {
	padding         : 13px;
	vertical-align  : middle;
	background-color: #fff;

}

.row-table table tr td:first-child {
	font-weight: bold;
}


.row-table table tr:nth-child(2n) td {
	background-color: #ecf3fb;
}

.pro_ph {
	width         : 90%;
	display       : inline-block;
	max-width     : 380px;
	max-height    : 380px;
	margin        : 0 30px 0 20px;
	vertical-align: top;
	border-radius : 50%;
	overflow      : hidden;
}

.pro_ph img {
	max-width : 390px;
	max-height: 390px;
	object-fit: cover;

}

.pro_tb {
	width         : 90%;
	max-width     : calc(100% - 450px);
	margin        : 0 auto;
	display       : inline-block;
	vertical-align: top;

}

h3.h3_w {
	font-size  : 24px;
	font-weight: bold;
	width      : 90%;
	max-width  : 1300px;
	margin     : 20px auto;
}

.li_works,
.p_w {
	max-width: 1300px;
	margin   : 0 auto;
	display  : block;
	width    : 90%;
}



.li_works02,
.p_w02 {
	max-width: 1300px;
	margin   : 0 auto;
	display  : block;
	width    : 96%;
}

.li_works li,
.li_works02 li {
	list-style         : circle;
	list-style-position: outside;
	margin-left        : 30px;
	line-height        : 1.5;
}


.service-page .wrap {
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}

.service-page .item {
	position     : relative;
	width        : 49%;
	margin-bottom: 50px;
}

.service-page .item .bg::before {
	position        : absolute;
	top             : 0;
	left            : 0;
	width           : 100%;
	height          : 100%;
	content         : "";
	background-color: rgba(255, 255, 255, 0.6);
}

.service-page .item img {
	min-height: 500px;
	object-fit: cover;
	width     : auto;
}

.service-page .item .box {
	position        : absolute;
	width           : 90%;
	height          : 90%;
	background-color: #fff;
	top             : 50%;
	left            : 50%;
	padding         : 30px 30px;
	transform       : translate(-50%, -50%);
}

.service-page .item .box .strong {
	font-size    : 20px;
	font-weight  : bold;
	text-align   : center;
	margin-bottom: 20px;
}

.service-page .item .box .normal {
	margin-bottom: 30px;
	text-align   : center;
	min-height   : 200px;
}

.service-page .item .box a {
	background-color: #fff;
	padding         : 15px 0;
	display         : block;
	max-width       : 300px;
	margin          : auto;
	color           : #000;
	text-align      : center;
	transition      : .3s ease;
	border          : 1px solid #000;
}

.service-page .item .box a:hover {
	background-color: #000;
	color           : #fff;
}

/* End Service */

/* About */
.about-page .list {
	margin-top  : 55px;
	margin-left : auto;
	margin-right: auto;
	max-width   : 1030px;
}

.about-page .list li {
	text-align   : left;
	list-style   : none;
	margin-bottom: 60px;
	padding-left : calc(10rem + 35px);
	position     : relative;
}

.about-page .list li:nth-of-type(1)::before {
	content: "01";
}

.about-page .list li:nth-of-type(2)::before {
	content: "02";
}

.about-page .list li:nth-of-type(3)::before {
	content: "03";
}

.about-page .list li .strong {
	font-size    : 25px;
	font-weight  : bold;
	margin-bottom: 20px;
}

.about-page .list li::before {
	content   : "";
	font-size : 7rem;
	position  : absolute;
	left      : 0;
	top       : 50%;
	margin-top: -1rem;
}

.about-page .table table {
	max-width: 815px;
	width    : 100%;
	margin   : auto;
}

.about-page .table table tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05);
}

.about-page .table table tr td:first-child {
	width      : 220px;
	font-weight: bold;
}

.about-page .table table tr td {
	padding: 15px 15px;
}

/* End About */

/* Contact */
.contact-page .form {
	max-width: 815px;
	margin   : auto;
}

.contact-page .form table {
	width: 100%;
}

.contact-page .form table tr td:first-child {
	width         : 200px;
	vertical-align: middle;
	font-weight   : bold;
}



.contact-page .form table tr td:first-child.privacy .box {
	font-weight: normal;
	height     : 200px;
	overflow   : scroll;

	border       : 1px solid #ccc;
	padding      : 20px;
	border-radius: 10px;
	display      : block;

}


.contact-page .form table tr td {
	padding: 15px 0;
}

.contact-page .form table tr td input[type="text"],
.contact-page .form table tr td input[type="email"] {
	height     : 40px;
	width      : 400px;
	text-indent: 10px;
	outline    : none;
}

.contact-page .form table tr td textarea {
	width      : 600px;
	height     : 120px;
	resize     : none;
	text-indent: 10px;
	outline    : none;
	padding    : 10px;
}

.contact-page .form table tr:last-child td button {
	background-color: #1855a6;
	padding         : 15px 0;
	display         : block;
	width           : 100%;
	max-width       : 300px;
	margin          : auto;
	color           : #fff;
	text-align      : center;
	transition      : .3s ease;
	cursor          : pointer;
	border          : none;
}

.contact-page .form table tr:last-child td button:hover {
	background-color: #E7EFF9;
	color           : #000;
}

input[type=date] {
	height       : 42px;
	padding      : 0 20px;
	border       : solid 1px #555;
	margin-bottom: 10px;
	border-radius: 2px;

}

select {
	height        : 44px;
	padding       : 0 20px;
	border        : solid 1px #555;
	vertical-align: top;
	border-radius : 2px;
}

/* End Contact */

.btn-container a {
	text-decoration: none;
	color          : #fff;
}

.btn-paypal {
	border    : 2px solid #1855A6;
	padding   : 10px 20px;
	background: #1855A6;
	color     : #fff;
}

.btn-paypal:hover {
	border    : 2px solid #1855A6;
	background: #fff;
	color     : #1855A6;
	transition: 0.5s;
}

@media screen and (min-width: 1199px) {
	.spnomi {
		display: none;
	}
}

@media screen and (max-width: 1330px) {
	footer .cont {
		/* padding: 0 15px; */
	}
}

@media screen and (max-width: 1330px) {
	@media (min-width: 1201px) {
		
footer {
	padding-left: 15px;
		padding-right: 15px;
}
	}
	footer .menu {
		order          : 1;
		justify-content: center;
	}

	footer .menu li::after {
    margin: 0 1.3em;
}

	#toTopBtn {
		bottom: 95px;
	}
}

/* Responsive Zone */
@media screen and (max-width: 1199px) {

	/* Common */
	nav {
		padding: 0 10px;
	}

	nav .logo a {
		font-size: 24px;
	}

	footer {
		padding: 15px 10px;
	}

	footer .menu {
		width: 100%;
	}

	footer .cont {
		flex-wrap: wrap;
	}

	footer .copyright {
		order     : 2;
		width     : 100%;
		text-align: center;
	}

	/* footer .menu {
		order: 1;
		width: 100%;
		margin-bottom: 15px;
		justify-content: center;
	} */
	/* End Common */

	/* Top */
	.blog-wrap {
		padding: 0 10px;
	}

	/* End Top */
}

@media screen and (max-width: 992px) {
	    footer .cont {
        padding: 0;
    }
	
	footer .menu li::after {
		margin: 0 1rem;
	}

	.pro_ph {
		width  : 90%;
		display: block;
		margin : 0 auto;


	}


	.pro_tb {
		width    : 90%;
		max-width: 90%;
		margin   : 0 auto;
		display  : block;

	}

	/* Common */
	.content .para {
		padding: 0 10px;
	}

	nav .logo a img {
		max-width: 210px;
	}

	/* End Common */
	/* Slide */
	#owlslider .item .txt {
		font-size: 30px;
	}

	/* End Slide */

	/* Top */
	.blog-wrap {
		padding        : 0;
		justify-content: center;
	}

	.blog-wrap .post {
		padding      : 0 10px;
		margin-bottom: 25px;
	}

	/* End Top */

	/* About */
	.about-page {
		padding: 0 10px;
	}

	.about-page .list li .strong {
		font-size: 20px;
	}

	/* End About */

	/* Contact */
	.contact-page .form {
		max-width: 100%;
		padding  : 0 10px;
	}

	.contact-page .form table tr td:first-child {
		width: 30%;
	}

	.contact-page .form table tr td input[type="text"],
	.contact-page .form table tr td input[type="email"] {
		width: 60%;
	}

	.contact-page .form table tr td textarea {
		width: 80%;
	}

	/* End Contact */
}

@media screen and (max-width: 767px) {
	/* Common */

	.mgt-100 {
		margin-top: 50px;
	}

	nav {
		position: absolute;
		top     : 0;
		left    : 0;
		width   : 100%;
		z-index : 1;
		padding : 15px 10px;
	}

	nav .cont {
		flex-wrap: wrap;
	}

	nav .logo {
		width: 62%;
	}

	nav .menu-wrap {
		width          : 38%;
		display        : flex;
		align-self     : center;
		justify-content: flex-end;
	}

	nav .menu {
		display         : none;
		width           : 100%;
		position        : fixed;
		top             : 0;
		left            : 0;
		width           : 70%;
		height          : 100%;
		background-color: #fff;
		padding-top     : 35px;
	}

	nav .menu li {
		width        : 100%;
		padding-left : 25px;
		margin-bottom: 15px;
	}

	nav .menu li:nth-child(2) {
		display: block;
	}

	nav .menu li a {
		text-align : left;
		padding    : 5px 0 5px 10px;
		border-left: 4px solid #1855a6;
	}

	nav .menu-wrap .menu-toggle .bar-1,
	nav .menu-wrap .menu-toggle .bar-2,
	nav .menu-wrap .menu-toggle .bar-3 {
		width           : 35px;
		height          : 3px;
		background-color: #1855a6;
		margin          : 5px 0 5px auto;
		transition      : 0.3s ease;
	}

	.effect .bar-1 {
		transform: rotate(-45deg) translate(-4px, 3px);
	}

	.effect .bar-2 {
		opacity: 0;
	}

	.effect .bar-3 {
		transform: rotate(45deg) translate(-8px, -8px);
	}

	nav .logo a {
		font-size: 20px;
		display  : block;
	}

	nav .logo a img {
		vertical-align: middle;
		max-width     : 100%;
	}

	nav .menu-toggle {
		display: block;
	}

	nav .menu-mail {
		display     : block;
		margin-right: 10px;
		font-size   : 28px;
	}

	nav .menu-phone {
		display     : block;
		margin-right: 10px;
		font-size   : 28px;
	}

	.top-banner .img img:first-child {
		display: none;
	}

	.top-banner .img img:last-child {
		display: inline-block;
	}

	/* Custom Menu */
	nav.ct-class .menu-wrap {
		position        : fixed;
		bottom          : 0;
		left            : 0;
		width           : 100%;
		background-color: #ecf3fb;
		padding         : 0px 0px;
		justify-content : center;
		transition      : width 0.5s ease;
		z-index         : 99;
	}

	nav.ct-class .menu-wrap span {
		width       : 50%;
		text-align  : center;
		border-right: 1px solid #1855a6;
		padding     : 15px 0;
		margin-right: 0;
	}

	nav.ct-class .menu-wrap span a {
		display: block;
	}

	nav.ct-class .menu-wrap span.menu-toggle {
		border-right: none;
	}

	nav.ct-class .menu-wrap .menu-toggle .bar-1,
	nav.ct-class .menu-wrap .menu-toggle .bar-2,
	nav.ct-class .menu-wrap .menu-toggle .bar-3 {
		margin-left : auto;
		margin-right: auto;
	}

	/* End Custom Menu */
	footer {
		background-color: #E7EFF9;
		padding         : 0;
		margin-bottom   : 70px;
	}

	footer .menu li.fb a {
		font-size: 18px;
	}

	footer .menu {
		flex-wrap    : wrap;
		margin-bottom: 0;
		padding: 16px;
	}

	footer .menu li {
		margin-bottom: 0;
	}

	footer .menu li a {
		color         : #000;
		font-size     : 10px;
		vertical-align: top;
	}

	footer .menu li::after {
		margin: 0 .7em;
		color : #000;
	}

	footer .menu li:last-child::after {
		display: none;
	}
	footer .menu li.fb:not(:last-child) {
		margin-left: 5px;
	}

	footer .copyright {
		background-color: #1855a6;
		font-size       : 10px;
	}

	.show-on-sp {
		display: block;
	}

	section {
		padding: 60px 0;
	}

	.title {
		padding: 0 10px;
	}

	.title .big {
		font-size: 24px;
	}

	.title .small {
		font-size    : 15px;
		margin-bottom: 30px;
	}

	.title .desc {
		font-size  : 18px;
		padding    : 0;
		text-align : left;
		font-weight: bold;
	}

	.title .desc.thin {font-weight: normal;font-size: 18px;text-align : center;}


	.title-2 .title-2-wrap strong {
		font-size: 30px;
		padding  : 0 15px;
	}

	.title-2 .title-2-wrap small {
		font-size: 18px;
	}

	.content {
		margin-bottom: 30px;
	}

	.button-link {
		padding: 0 10px;
	}

	.button-link a {
		max-width: 100%;
	}

	.button-link-red {
		padding: 0 10px;
	}

	.button-link-red a {
		max-width: 100%;
	}

	.content .img {
		padding: 0 10px;
	}

	.content .para {
		padding   : 0 10px;
		text-align: left;
	}

	nav .menu li a:hover,
	nav .menu li a.active {
		font-weight: bold;
	}

	html {
		margin-bottom: 60px;
	}

	#toTopBtn {
		bottom   : 65px;
		right    : 5px;
		font-size: 14px;
		padding  : 5px;
		height   : 35px;
		width    : 35px;
	}

	#toTopBtn .txt {
		display: none;
	}

	#toTopBtn .icon {
		display: block;
	}

	header .top-banner {
		top          : 89px;
		left         : 0;
		margin-bottom: 52px;
		position     : relative;
	}

	header .top-banner img:last-child {
		max-width: 100%;
		height   : auto;
	}

	.top-banner .txt {
		font-size: 20px;
		padding  : 0 10px;
	}

	.top-banner .txt span {
		font-size: 20px;
	}

	/* End Common */

	/* Slide */
	.owl-carousel {
		top          : 89px;
		left         : 0;
		margin-bottom: 50px;
	}

	#owlslider .item img {
		width          : 150%;
		height         : auto;
		object-position: top;

	}

	#owlslider .item .txt {
		font-size: 18px;
		padding  : 0 10px;
	}

	#owlslider .item .txt span {
		font-size: 30px;
	}

	#owlslider-2 {
		z-index: 0;
	}

	/* Slide */

	/* Top */
	.blog-wrap .post {
		width: 100%;
	}

	#owlslider-2 {
		position: relative;
		top     : 0;
	}

	.blog-wrap .post .img {
		padding: 0;
	}

	.policy {
		padding-left  : 10px;
		padding-right : 10px;
		min-height    : auto;
		padding-top   : 50px;
		padding-bottom: 50px;
		margin-bottom : 70px;
	}

	.policy .wrap {
		padding   : 60px 0;
		min-height: auto;
	}

	.service {
		margin-bottom: 70px;
	}

	.blog-wrap .post .img img {
		transition: 0.3s ease;
		width     : 100%;
		height    : auto;
	}

	/* End Top */

	/* Service */
	.service-page .item {
		width: 100%;
	}

	.service-page .item:last-child {
		margin-bottom: 0;
	}

	.service-page .item .box {
		padding: 15px 10px;
	}

	.service-page .item .box .normal {
		min-height: auto;
	}

	.service-page .item img {
		min-height: 400px;
	}

	/* End Service */

	/* About */
	.about-page .list li .strong {
		font-size: 20px;
	}

	.about-page .list li::before {
		content   : "";
		font-size : 4rem;
		position  : static;
		margin-top: 0;
	}

	.about-page .list li {
		padding      : 0 10px;
		margin-bottom: 35px;
	}

	.about-page .table table tr:nth-of-type(odd) {
		background-color: #fff;
	}

	.about-page .table table tr td:first-child {
		width           : 100%;
		float           : left;
		background-color: rgba(0, 0, 0, .05);
		text-align      : center;
	}

	.about-page .table table tr td {
		width  : 100%;
		float  : left;
		padding: 10px;
	}

	/* End About */

	/* Contact */
	.contact-page .form table tr td:first-child {
		float  : left;
		width  : 100%;
		padding: 10px 0 0 0;
	}

	.contact-page .form table tr td {
		float  : left;
		width  : 100%;
		padding: 5px 0 15px 0;
	}

	.contact-page .form table tr td input[type="text"],
	.contact-page .form table tr td input[type="email"] {
		width: 100%;
	}

	.contact-page .form table tr td textarea {
		width: 100%;
	}

	.row-table table tr td {
		width  : 100%;
		display: block;


	}

	/* End Contact */
}

@media screen and (max-width: 420px) {
	.pro_ph img {
		width        : 300px;
		height       : 300px;
		border-radius: 50%;

	}

	.pro_ph {
		display: block;
		margin : 0 auto 20px;
		width  : 300px;
		height : 300px;

	}


	.owl-carousel {
		top: 89px;
	}

	header .top-banner {
		top: 89px;
	}

	#owlslider .item .txt {

		line-height: 150%;

	}
}

@media screen and (max-width: 380px) {
	    .title .desc.thin,
    #owlslider .item .txt {
		font-size: 18px;
	}

@media screen and (max-width: 375px) {
	.owl-carousel {
		top: 82px;
	}

	header .top-banner {
		top: 82px;
	}
}

@media screen and (max-width: 320px) {
	.owl-carousel {
		top: 75px;
	}

	header .top-banner {
		top: 75px;
	}
}

/* End Responsive Zone */
.g-recaptcha {
	margin    : 20px 0;
	text-align: center;
}

.g-recaptcha>div {
	margin: 0 auto;
}