@charset "utf-8";


.toptrouble {
	background:url(../img/bg_top01.png) center center no-repeat;
	background-size:cover;
	padding:30px 0 370px;
	position:relative;
}
.toptrouble .inner {
	position:relative;
}
.troubletit {
	text-align:center;
	font-size:26px;
	font-weight:bold;
}
.troubletit01 {
	text-align:center;
	font-size:20px;
	margin-top:15px;
	font-weight:bold;
	text-decoration:underline;
}
.troubletit span {
	font-size:30px;
	color:#40a527;
}
.troubletit01 span {
	font-size:26px;
}
.toptrouble .tit01 {
	text-align:center;
	background:url(../img/bg_top02.png) 0 0 repeat;
	padding:5px 0;
	margin:20px 0 50px;
	font-style:italic;
	color:#fff;
	font-size:40px;
	font-weight:bold;
	position:relative;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-ms-border-radius: 45px;
	-o-border-radius: 45px;
	border-radius: 45px;
	-webkit-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-ms-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-o-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.toptrouble .tit01:before {
	background:url(../img/ico_arrow01.png) 0 0 no-repeat;
	width:51px;
	height:26px;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	content:"";
	z-index:2;
	position:absolute;
}
.toptrouble .tit01 span {
	font-size:46px;
	color:#fcfa39;
}
.toptrouble .list01 {
	width:800px;
}
.toptrouble .list01 li {
	font-size:28px;
	font-weight:bold;
	border-bottom:1px dotted #d2d0c8;
	padding:10px 0 10px 60px;
	background:url(../img/ico_top01.png) 0 center no-repeat;
}
.toptrouble .img {
	position:absolute;
	bottom:-150px;
	right:0;
	z-index:2;
}
.troublepanel {
	background:url(../img/bg_top03.png) 0 0 no-repeat;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background-size:100% 100%;
	width:1234px;
	height:370px;
	padding:70px 70px 50px 80px;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	z-index:2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.troublepanel ul {
	width:48% !important;
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.troublepanel ul li {
	font-size:22px !important;
	border-bottom:none !important;
	padding:15px 0 15px 60px !important;
}
@media screen and (max-width: 767px) {
.toptrouble {
	padding:30px 0 0;
}
.troubletit {
	font-size:18px;
}
.troubletit01 {
	font-size:14px;
	margin-top:10px;
}
.troubletit span {
	font-size:20px;
}
.troubletit01 span {
	font-size:18px;
}
.toptrouble .tit01 {
	margin:20px 0;
	padding:5px 20px;
	font-style: normal;
	font-size:20px;
}
.toptrouble .tit01:before {
	background-size:100%;
	width:25px;
	height:13px;
}
.toptrouble .tit01 span {
	font-size:23px;
}
.toptrouble .list01 {
	width:100%;
}
.toptrouble .list01 li {
	font-size:18px;
	padding:10px 0 10px 40px;
	background-size:30px;
}
.toptrouble .img {
	position: inherit;
	bottom:0;
	right:0;
	z-index: auto;
	text-align:center;
	margin: 10px auto 0;
	width: 60%;
}
.troublepanel {
	background:#fff;
	display: block;
	width:100%;
	height: auto;
	padding:10px ;
	position: inherit;
	bottom:0;
	left:0;
	transform:none;
	-webkit-transform:none;
	z-index: auto;
}
.troublepanel ul {
	width:100% !important;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform:none;
	-o-transform:none;
	transform: none;
}
.troublepanel ul li {
	font-size:14px !important;
	border-bottom:none !important;
	padding:10px 0 10px 40px !important;
}
}



.topabout {
	background:url(../img/bg_top04.jpg) right center no-repeat;
	background-size:cover;
	color:#fff;
}
.topabout .inner {
	position:relative;
	padding:75px 0 100px;
}
.topabout .img {
	position:absolute;
	top:-15px;
	left:30px;
	z-index:2;
}
.abouttit {
	text-align:center;
	font-style:italic;
	font-weight:bold;
	font-size:30px;
}
.abouttit span {
	display:block;
	color:#fcfa39;
	font-size:48px;
	-webkit-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-ms-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	-o-text-shadow: 0 0 5px rgba(0,0,0,0.5);
	text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.abouttit b {
	font-style:normal;
	font-size:15px;
	display: inline-block;
	vertical-align:middle;
	margin:-5px 10px 0;
}
.topabout .txt01 {
	text-align:center;
	font-size:16px;
	line-height:2;
	padding:35px 0 30px;
}
.topabout .txt01 span {
	color:#fcfa39;
	font-size:19px;
	font-weight:bold;
}
.topabout .txt02 {
	text-align:center;
	font-weight:bold;
	font-size:32px;
}
@media screen and (max-width: 767px) {
.topabout {
	background:url(../img/bg_top04.jpg) right center no-repeat;
	background-size:cover;
	color:#fff;
}
.topabout .inner {
	position:relative;
	padding:35px 10px 50px;
}
.topabout .img {
	display:none;
}
.abouttit {
	font-size:16px;
}
.abouttit span {
	font-size:22px;
}
.abouttit b {
	font-size:12px;
	margin:-5px 5px 0;
}
.topabout .txt01 {
	font-size:14px;
	padding:18px 0;
}
.topabout .txt01 span {
	font-size:16px;
}
.topabout .txt02 {
	font-size:16px;
}
}


.topfeatures {
	background:url(../img/bg_top05.jpg) center center no-repeat;
	background-size:cover;
}
.topfeatures .inner {
	padding:70px 0 65px;
	position:relative;
}
.featuremain {
	width:860px;
	margin:0 auto;
	background:#fff;
	padding:35px 50px 50px;
	border-top:6px solid #36a2db;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featuremain .tit {
	text-align:center;
	font-size:42px;
	font-weight:bold;
	color:#36a2db;
}
.featuremain .list {
	display:flex;
	justify-content:space-between;
	padding:30px 0 25px;
}
.featuremain .txt {
	font-size:16px;
	line-height:2;
	padding:0 90px 0 0;
}
.topfeatures .img {
	position:absolute;
	bottom:0;
	right:-55px;
	z-index:2;
}
@media screen and (max-width: 767px) {
.topfeatures .inner {
	padding:35px 10px ;
}
.featuremain {
	width:100%;
	padding:15px 10px 26px;
	border-top:3px solid #36a2db;
}
.featuremain .tit {
	font-size:21px;
}
.featuremain .list {
	display: block;
	padding:15px 0 ;
	text-align:center;
}
.featuremain .list li + li {
	margin:10px 0 0;
}
.featuremain .txt {
	font-size:14px;
	padding:0;
	background:rgba(255,255,255,0.8);
	position:relative;
	z-index:3;
}
.topfeatures .img {
	right:0;
	width:200px;
}
}


.topcont {
	background:#36a2db;
}
.topcont .inner {
	padding:52px 0;
	position:relative;
}
.topcont .img {
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}
.topcont .list {
	display:flex;
	flex-direction:row-reverse;
}
.topcont .list li + li {
	margin-right:10px;
}
.topcont .list .tel a {
	pointer-events:none;
}
@media screen and (max-width: 767px) {
.topcont .inner {
	padding:25px 10px 35px;
}
.topcont .img {
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
	width:100px;
}
.topcont .list {
	display: block;
}
.topcont .list li + li {
	margin-right:0;
	margin-top:10px;
}
.topcont .list .tel a {
	pointer-events:inherit;
}
}



.topprice {
	padding:75px 0 55px;
}
.topprice .tit {
	font-size:48px;
	text-align:center;
	font-weight:bold;
}
.topprice .list {
	padding:20px 0;
	display:flex;
	justify-content:center;
}
.topprice .list li {
	padding:0 15px;
}
.topprice .note {
	text-align:center;
	font-size:14px;
	line-height:2;
}
@media screen and (max-width: 767px) {
.topprice {
	padding:35px 0 25px;
}
.topprice .tit {
	font-size:24px;
}
.topprice .list {
	padding:10px 0;
	display: block;
}
.topprice .list li {
	padding:0;
	text-align:center;
}
.topprice .list li img {
	width:180px;
}
.topprice .note {
	text-align:center;
	font-size:12px;
	line-height:2;
}
}

.topexample {
	background:#36a2db;
	padding:110px 0 0;
}
.exampletit {
	font-style:italic;
	color:#fcfa39;
	text-align:center;
	margin-bottom:70px;
}
.exampletit span {
	display: inline-block;
	font-size:37px;
	padding:0 30px;
	font-weight:bold;
	background:url(../img/ico_line.png) 0 bottom no-repeat;
	background-size:100%;
}
.exampletit span i {
	font-size:51px;
}

.examplebox + .examplebox {
	margin:60px 0 0;
}
.examplebox dt {
	float:left;
}
.examplebox dd {
	overflow:hidden;
	padding:0 0 0 35px;
}
.examplebox dd .tit {
	color:#fff;
	font-size:24px;
	font-weight:bold;
}
.examplebox dd .tit span {
	color:#fcfa39;
	font-size:36px;
}
.examplebox dd .tit span i {
	color:#fcfa39;
	font-style:normal;
	background:url(../img/ico_line02.png) 0 bottom no-repeat;
	background-size:100%;
}
.examplebox dd .people {
	display:inline-block;
	border:1px solid #fff;
	padding:5px 10px;
	font-size:18px;
	color:#fff;
	margin:25px 0 15px;
	font-weight:bold;
}
.examplebox dd .txt {
	font-size:16px;
	color:#fff;
	line-height:2;
}
.topexample .img {
	padding:60px 0 0 90px;
}
@media screen and (max-width: 767px) {
.topexample {
	padding:50px 0 0;
}
.exampletit {
	font-style: normal;
	margin-bottom:35px;
}
.exampletit span {
	font-size:18px;
	padding:0 10px;
	background:url(../img/ico_line.png) 0 bottom repeat-x;
	background-size:auto 8px;
}
.exampletit span i {
	display:block;
	font-size:25px;
}
.examplebox + .examplebox {
	margin:30px 0 0;
}
.examplebox dt {
	float:none;
	text-align:center;
	margin-bottom:15px;
}
.examplebox dd {
	padding:0;
}
.examplebox dd .tit {
	font-size:14px;
}
.examplebox dd .tit span {
	font-size:18px;
}
.examplebox dd .tit span i {
}
.examplebox dd .people {
	display:inline-block;
	font-size:14px;
}
.examplebox dd .txt {
	font-size:14px;
}
.topexample .img {
	padding:30px 0 0;
	text-align:center;
}
}


.topcontact {
	background:#ececec;
	padding:110px 0;
}
.topcontact .tit {
	text-align:center;
	color:#282828;
	font-size:48px;
	font-weight:bold;
	margin-bottom:40px;
}
.topcontact .tit img {
	vertical-align:bottom;
}
.formbox {
	width:630px;
	margin:0 auto;
}
.formtab {
	width:100%;
	font-size:16px;
}
.formtab th {
	vertical-align:middle;
	padding-bottom:10px;
}
.formtab th .must {
	color:#fff;
	font-size:12px;
	background:#cf250e;
	display: inline-block;
	width:55px;
	text-align: center;
	margin-left:5px;
	padding:3px 0;
	vertical-align:top;
}
.formtab th .any {
	color:#fff;
	font-size:12px;
	background:#0e25cf;
	display: inline-block;
	width:55px;
	text-align: center;
	margin-left:5px;
	padding:3px 0;
	vertical-align:top;
}
.formtab td {
	padding-bottom:30px;
}
.formtab td p + p {
	margin:10px 0 0;
}
.formtab .inputtxt {
	width:100%;
	height:54px;
	padding:10px 20px;
	border:1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.formtab .inputw01 {
	width:335px;
}
.formtab .inputw02 {
	width:220px;
}
.formtab textarea {
	width:100%;
	height:207px;
	padding:10px 20px;
	resize:none;
	border:1px solid #d6d6d6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.formtab label {
	display:block;
	margin:15px 0 0;
}
.formbtn {
	width:340px;
	margin:30px auto 0;
}
input[type=submit] {
	width:100%;
	height:64px;
	background:#6fbf12;
	color:#fff;
	font-size:24px;
	border:none;
	cursor:pointer;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
@media screen and (max-width: 767px) {
.topcontact {
	padding:50px 0;
}
.topcontact .tit {
	font-size:24px;
	margin-bottom:20px;
}
.topcontact .tit img {
	vertical-align:bottom;
	width:25px;
}
.formbox {
	width:100%;
	margin:0 auto;
}
.formtab {
	width:100%;
	font-size:14px;
}
.formtab th {
	padding-bottom:5px;
}
.formtab td {
	padding-bottom:15px;
}
.formtab .inputtxt {
	height:40px;
	padding:5px 10px;
}
.formtab .inputw01 {
	width:100%;
}
.formtab textarea {
	padding:5px 10px;
}
.formtab label {
	display:block;
	margin:15px 0 0;
}
.formbtn {
	width:100%;
	margin:15px auto 0;
}
input[type=submit] {
	height:54px;
	font-size:18px;
}
}


.errorMesse {
	font-size:12px;
	color:#F00;
}


.thanksbox {
	text-align:center;
	padding: 160px 10px 80px;
}
.thankstit {
	font-size:44px;
	font-weight:bold;
}
.thankstxt {
	font-size:22px;
	padding:30px 0;
}
.thanksbtn {
	font-size:22px;
}
@media screen and (max-width: 767px) {
.thankstit {
	font-size:22px;
}
.thankstxt {
	font-size:16px;
	padding:15px 0;
}
.thanksbtn {
	font-size:14px;
}
}








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

}