@charset "utf-8";

/*--上部固定の場合は必須--*/
#main-area{
	/*padding-top:50px;*/ /*--header1--*/
	/*padding-top:95px;*/ /*--header4--*/
}
@media screen and (max-width:992px){
	#main-area{
		padding-top:50px;
	}
}

/*--color--*/
:root {
	--1st:#9C2F2F;
	--2nd:#fabbbb;
	--3rd:#FBF4E1;
	--light:#fff;
	--dark:#333;
}
.light{
	background-color:var(--light);
}
.dark{
	background-color:var(--dark);
}
.bc{
	background-color:var(--3rd);
}

/*--*--*/
*{
  font-size:16px;
	font-weight:bold;
  font-family:"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
#wrap{
	position:relative;
}
h1{
	display:none;
}
.contents{
	padding:60px 0 40px;
}
a:hover{
  text-decoration:none !important;
}
ul{
  padding-left:0;
}
li{
  list-style:none;
}
.img-center{
  display:block;
  margin:auto;
}
.br-xs{
	display:none;
}
@media screen and (max-width:992px){
	.br-xs{
		display:block;
	}
	.wbr{
		display:none;
	}
}

/*--width--*/
.w120{
  width:120px;
  margin:0 auto;
}
.w240{
  width:240px;
  margin:0 auto;
}
.w360{
  width:360px;
  margin:0 auto;
}
.w480{
  width:480px;
  margin:0 auto;
}
.w640{
  width:640px;
  margin:0 auto;
}
.w720{
  width:720px;
  margin:0 auto;
}
.w840{
  width:840px;
  margin:0 auto;
}
.w960{
  width:960px;
  margin:0 auto;
}
@media screen and (max-width:991px){
  .w120,
  .w240,
  .w360,
  .w480,
  .w640,
  .w720,
  .w840,
  .w960{
    width:100%;
  }
}
.top-back1{
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url(../img/back1.png);
}
.cover-contents{
	padding:0 !important;
}
.wh-cover{
	background-color:rgba(255,255,255,0.5);
	padding:60px 0 40px;
}

/*--text-box--*/
.text-box,
.text-box-c,
.sp-text-box{
	line-height:240%;
	font-size:16px;
	padding-bottom:20px;
}
.text-box{
	padding-top:20px;
}
.text-box-c{
	text-align:center;
}
.sp-text-box{
	text-align:center;
}
.dark .text-box,
.dark .text-box-c,
.dark .sp-text-box{
	color:var(--light);
}
@media screen and (max-width:992px){
	.sp-text-box{
		text-align:left;
	}
	.sp-text-box br{
		display:none;
	}
}
/*--wbox--*/
.flex{
	display:flex;
	align-items: center;
}
@media screen and (max-width:992px){
	.flex{
		display:block;
	}
}
.wbox img{
	border-radius:10px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.wbox-para{
	height:480px;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: url(../img/main.jpg);
	border-radius:10px;
}

/*--header footer共通--*/
.header2 .header2-pc,
.header3 .header3-pc,
.fixed-header,
.footer-menu{
	padding-top:8px;
}
.header2 .header2-pc nav .gnav,
.header3 .header3-pc nav .gnav,
.header5 nav .gnav,
.fixed-header nav .gnav,
.footer-menu nav .gnav{
	display:flex;
}
.header2 .header2-pc nav .gnav li,
.header3 .header3-pc nav .gnav li,
.header5 nav .gnav li,
.fixed-header nav .gnav li,
.footer-menu nav .gnav li{
	width:100%;
}
.header2 .header2-pc nav .gnav li,
.header3 .header3-pc nav .gnav li,
.fixed-header nav .gnav li,
.footer-menu nav .gnav li{
	float:left;
	text-align:center;
	border-left:solid 2px;
	margin-bottom:5px;
	border-color:var(--2nd);
}
.header2 .header2-pc nav .gnav li:last-child,
.header3 .header3-pc nav .gnav li:last-child,
.fixed-header nav .gnav li:last-child,
.footer-menu nav .gnav li:last-child{
	border-right:solid 2px;
	border-color:var(--2nd);
}
.header2 .header2-pc nav .gnav li a,
.header3 .header3-pc nav .gnav li a,
.fixed-header nav .gnav li a,
.footer-menu nav .gnav li a{
	display:block;
	color:var(--dark);
	font-size:20px;
	padding:10px 0;
}
.dark .fixed-header nav .gnav li a,
.dark.footer-menu nav .gnav li a{
	color:var(--light);
}
.header2 .header2-pc nav .gnav .dnav li,
.header3 .header3-pc nav .gnav .dnav li,
.footer-menu .gnav .dnav li{
	border-left:solid 2px;
	border-right:solid 2px;
	border-color:var(--2nd);
	background-color:var(--light);
}
.dark.header2 .header2-pc nav .gnav .dnav li,
.dark.header3 .header3-pc nav .gnav .dnav li,
.dark.footer-menu .gnav .dnav li{
	background-color:var(--dark);
}
/*--header共通--*/
.gnav li {
   position: relative;
}
.gnav a {
   text-decoration: none;
   font-weight: bold;
   display: block;
	 transition:0.5s;
}
.gnav a:hover {
	 transition:0.5s;
}
.gnav .dnav {
	display: none;
	position: absolute;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.gnav .dnav li{
	margin-bottom:0 !important;
}
.gnav li:hover .dnav {
   display: block;
	 transition:0.5s;
	 z-index:500;
}
.fixed-header .gnav .dnav{
	background-color:var(--light);
}
.dark .fixed-header .gnav .dnav{
	background-color:var(--dark);
}
.fixed-header .gnav .dnav li{
	border-right:solid 2px;
	border-color:var(--2nd);
}
.dark .dropdown .dropdown-menu{
	background-color:var(--dark);
}
.dropdown li{
	width:100% !important;
}
.dropdown li a:hover{
	background-color:transparent;
}
.navbar{
	margin-bottom:0;
}
@media (min-width:768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}
@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin:0 !important;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}
header.bt-n{
	border-top:none !important;
}
.fixed-header{
	position:fixed;
  top:-75px;
  left:0;
  display:block;
  text-decoration:none;
  background-color:var(--light);
  width:100%;
  height:auto;
  box-sizing:border-box;
  z-index:200;
}
.dark .fixed-header{
	background-color:var(--dark);
}
.header1,
.header2,
.header3{
	border-top:solid 10px;
	border-color:var(--1st);
}
.header1,
.header2,
.header3,
.header4,
.header5 .navbar,
.fixed-header{
	box-shadow: 0px 3px 1px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 3px 1px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 1px rgba(0,0,0,0.6);
}
.header1 .navbar-brand,
.header2 .navbar-brand,
.header3 .navbar-brand,
.header4 .navbar-brand,
.header5 .navbar-brand{
  background: url("../img/logo-sp.png") no-repeat left center;
  background-size: contain;
  height: 50px;
  width: 250px;
}
.header2 .header2-pc,
.header3 .header3-pc{
	padding-top:10px;
}
.header2 .header2-pc img,
.header3 .header3-pc img{
	width:500px;
}
.dark .header2-pc,
.dark .header3-pc{
	background-color:#222;
}
.dark .navbar-inverse .navbar-toggle{
	border-color:var(--light);
}
/*--header1--*/
.header1 .navbar-default{
	background-color:var(--light);
}
.header1 .navbar-nav li a{
	font-size:20px;
}
/*--header2--*/
.header2 .header2-pc a{
	display:contents;
}
.header2 .header2-pc .header2-btn{
	background-color:var(--1st);
	color:var(--light);
	text-align:center;
	display:block;
	padding:15px 0;
	margin:24px 0;
	border-radius:10px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.header2 .header2-pc .header2-btn:hover{
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}
.header2 .header2-pc .header2-btn,
.header2 .header2-pc .header2-btn:hover{
	transition:0.5s;
}
.header2 .header2-pc .header2-btn i{
	padding-right:10px;
}
.header2 .header2-pc .header2-btn,
.header2 .header2-pc .header2-btn i{
	font-weight:bold;
}
/*--header4--*/
.header4 h1{
	display:contents;
	color:var(--light);
	font-size:20px;
	font-weight:bold;
}
.header4-pc{
	padding-top:10px;
	background-color:var(--1st);
}
.header4-pc .header4-pc-list{
	float:right;
}
.header4-pc .header4-pc-list li{
	float:left;
	border-left:solid 1px;
	border-color:var(--light);
}
.header4-pc .header4-pc-list li:last-child{
	border-right:solid 1px;
	border-color:var(--light);
}
.header4-pc .header4-pc-list li:hover{
	background-color:var(--light);
}
.header4-pc .header4-pc-list li a{
	padding:15px;
	color:var(--light);
}
.header4-pc .header4-pc-list li:hover a{
	color:var(--1st);
}
.header4-pc .header4-pc-list li,
.header4-pc .header4-pc-list li:hover,
.header4-pc .header4-pc-list li a,
.header4-pc .header4-pc-list li:hover a{
	transition:0.5s;
}
@media screen and (max-width:992px){
	.header4{
		border-top:solid 10px;
		border-color:var(--1st);
	}
}
/*--header5--*/
.header5 .navbar,
.header5 .dnav{
	background-color:rgba(255,255,255,0.5);
}
.dark.header5 .navbar,
.dark.header5 .dnav{
	background-color:rgba(0,0,0,0.7);
}
.header5 nav ul{
	width:100%;
}
.header5 nav ul li{
	text-align:center;
}
.header5 nav ul li a{
	color:var(--dark);
}
@media screen and (max-width:992px){
	.header5 .navbar-toggle{
		border-color:var(--dark);
	}
	.header5 .navbar-toggle .icon-bar{
		background-color:var(--dark);
	}
	.header5 .navbar-collapse{
		background-color:rgba(255,255,255,0.3);
	}
	.header5 nav .gnav{
		display:block;
		margin-right:0;
	}
	.header5 nav ul li{
		text-align:left;
		border-bottom:solid 1px;
		border-color:var(--dark);
	}
}
.dark.header5 ul li a{
	color:var(--light);
}

/*--menu共通--*/
.nav li a:hover{
	background-color:transparent;
}
.menu1 li,
.menu2 li,
.menu3 li,
.menu4 li,
.menu5 li,
.menu6 li{
	float:left;
	text-align:center;
}
.header1 .menu1 li,
.header1 .menu2 li,
.header1 .menu3 li,
.header1 .menu4 li,
.header1 .menu5 li,
.header1 .menu6 li,
.header4 .menu1 li,
.header4 .menu2 li,
.header4 .menu3 li,
.header4 .menu4 li,
.header4 .menu5 li,
.header4 .menu6 li{
	width:auto;
}
.menu1 li a,
.menu2 li a,
.menu3 li a,
.menu4 li a,
.menu5 li a,
.menu6 li a{
	color:var(--dark);
	display:block;
	transition:0.5s;
}
.dark .menu1 li a,
.dark .menu2 li a,
.dark .menu3 li a,
.dark .menu4 li a,
.dark .menu5 li a,
.dark .menu6 li a{
	color:var(--light) !important;
	display:block;
	transition:0.5s;
}
@media screen and (max-width:992px){
	.header1 .menu1 li,
	.header1 .menu2 li,
	.header1 .menu3 li,
	.header1 .menu4 li,
	.header1 .menu5 li,
	.header1 .menu6 li,
	.header2 .menu1 li,
	.header2 .menu2 li,
	.header2 .menu3 li,
	.header2 .menu4 li,
	.header2 .menu5 li,
	.header2 .menu6 li,
	.header3 .menu1 li,
	.header3 .menu2 li,
	.header3 .menu3 li,
	.header3 .menu4 li,
	.header3 .menu5 li,
	.header3 .menu6 li,
	.header4 .menu1 li,
	.header4 .menu2 li,
	.header4 .menu3 li,
	.header4 .menu4 li,
	.header4 .menu5 li,
	.header4 .menu6 li,
	.header5 .menu1 li,
	.header5 .menu2 li,
	.header5 .menu3 li,
	.header5 .menu4 li,
	.header5 .menu5 li,
	.header5 .menu6 li{
		width:100%;
		text-align:left;
	}
}
/*--menu1--*/
.menu1 li:hover .dnav a,
.menu1 li:hover .dropdown-menu a{
	color:var(--dark) !important;
}
.dark .menu1 li:hover .dnav a,
.dark .menu1 li:hover .dropdown-menu a{
	color:var(--light) !important;
}
.menu1 li:hover a,
.menu1 .dnav li:hover a,
.menu1 .dropdown li:hover a,
.dark .menu1 li:hover a,
.dark .menu1 .dnav li:hover a,
.dark .menu1 .dropdown li:hover a{
	transition:0.5s;
}
.menu1 li:hover a,
.menu1 .dnav li:hover a,
.menu1 .dropdown li:hover a{
	color:var(--1st) !important;
}
.dark .menu1 li:hover a,
.dark .menu1 .dnav li:hover a,
.dark .menu1 .dropdown li:hover a{
	color:var(--2nd) !important;
}
/*--menu2--*/
.menu2 li:hover .dnav a,
.menu2 li:hover .dropdown-menu a{
	color:var(--dark) !important;
	background-color:var(--light) !important;
}
.dark .menu2 li:hover .dnav a,
.dark .menu2 li:hover .dropdown-menu a{
	color:var(--light) !important;
	background-color:var(--dark) !important;
}
.menu2 li:hover a,
.menu2 .dnav li:hover a,
.menu2 .dropdown-menu li:hover a,
.dark .menu2 .dnav li:hover a,
.dark .menu2 .dropdown-menu li:hover a{
	color:var(--light) !important;
	background-color:var(--1st) !important;
	transition:0.5s;
}
.menu2 .gnav li:hover .dnav a,
.menu2 .gnav li:hover .dropdown-menu a{
	background-color:var(--light) !important;
}
/*--menu3--*/
.menu3 li a{
	color:var(--light) !important;
	background-color:var(--1st);
}
.menu3 li:hover .dnav a,
.menu3 li:hover .dropdown-menu a{
	background-color:var(--1st) !important;
}
.menu3 li:hover a,
.menu3 .dnav li:hover a,
.menu3 .dropdown-menu li:hover a{
	background-color:var(--2nd) !important;
}
/*--menu4--*/
.menu4 li a{
	border-bottom:solid 5px;
	border-color:var(--light);
}
.menu4 li:hover .dnav a,
.menu4 li:hover .dropdown-menu a{
	border-bottom:solid 5px;
	border-color:var(--light);
}
.menu4 li:hover a,
.menu4 .dnav li:hover a,
.menu4 .dropdown-menu li:hover a{
	border-bottom:solid 5px;
	border-color:var(--1st);
	transition:0.5s;
}
.dark .menu4 li a,
.dark .menu4 li:hover .dnav a,
.dark .menu4 li:hover .dropdown-menu a{
	border-color:var(--dark);
}
.menu4 li:hover a,
.menu4 .dropdown-menu li:hover a,
.dark .menu4 .dnav li:hover a{
	border-color:var(--1st);
}
/*--menu5--*/
.menu5 li a{
	border-bottom:solid 5px;
	border-color:var(--1st);
}
.menu5 li:hover .dnav a,
.menu5 li:hover .dropdown-menu a{
	border-bottom:solid 5px;
	border-color:var(--1st);
}
.menu5 li:hover a,
.menu5 .dnav li:hover a,
.menu5 .dropdown-menu li:hover a{
	border-bottom:solid 5px;
	border-color:var(--2nd);
	transition:0.5s;
}
/*--menu6--*/
.menu6{
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}
.menu6 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.menu6 li {
  display: inline-block;
  list-style: outside none none;
}
.menu6 a {
  padding: 0.3em 0;
  position: relative;
}
.menu6 a:before,
.menu6 a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color:var(--1st);
  width: 0;
}
.menu6 a:before {
  top: 0;
  left: 0;
}
.menu6 a:after {
  bottom: 0;
  right: 0;
}
.menu6 a:hover,
.menu6 .current a {
  color:var(--dark);
}
.menu6 a:hover:before,
.menu6 .current a:before,
.menu6 a:hover:after,
.menu6 .current a:after {
  width: 100%;
}

/*--footer共通--*/
.footer-menu{
	border-top:solid 2px;
	border-color:var(--1st);
}
.footer-icon{
	text-align:center;
	padding-top:20px;
}
.footer-icon a,
.dark .footer-icon a i{
	color:var(--1st);
}
.footer-icon a i{
	font-size:48px;
}
.footer1,
.footer3{
	padding:60px 0;
}
.footer-box{
	font-size:20px;
}
.dark .footer-box{
	color:var(--light);
}
.footer-bn{
	display:contents;
}
.footer-bn img{
	margin-top:20px;
	margin-bottom:20px;
}
footer .cr{
	color:var(--light);
	background-color:var(--1st);
	text-align:center;
	padding:6px 0;
}
@media screen and (max-width:992px){
	.footer-icon .col-xs-6{
		text-align:right;
		padding-right:32px;
	}
	.footer-icon .col-xs-6:last-child{
		text-align:left;
		padding-right:0;
		padding-left:32px;
	}
}
/*--footer1--*/
.footer1{
	background-color:var(--2nd);
}
.footer1 img{
	width:200px;
}
/*footer2*/
.footer2{
	position:relative;
}
.footer2 .container-fluid{
	padding-right:0;
	padding-left:0;
}
.footer2 .footer2-para {
	height:auto;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: url(../img/flow.jpg);
}
.footer2-mask{
	padding:60px 0;
	background-color:rgba(255,255,255,0.5);
}
@media screen and (max-width: 992px){

	.footer2 .footer2-para{
		background:none;
	}
  .footer2 .footer2-para:before{
    content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	.footer2 .footer2-para:before{
		background-image:url(../img/flow.jpg);
	}
	.footer2 img{
		width:50%;
	}
}
/*--footer3--*/
.footer3 .footer-icon{
	padding-bottom:40px;
}
@media screen and (max-width:992px){
	.footer3{
		padding-bottom:0;
	}
	.footer3 .footer-box{
		text-align:center;
		padding-bottom:20px;
	}
}
/*--gogle-map--*/
.ggmap {
  position: relative;
  padding-top: 30px;
  overflow: hidden;
}
.ggmap{
	height:450px;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
}
footer .ggmap{
	height:230px;
}
footer .ggmap iframe,
footer .ggmap object,
footer .ggmap embed{
	height:230px;
} 
@media screen and (max-width:992px){
	.ggmap,
	.ggmap iframe,
	.ggmap object,
	.ggmap embed{
		height:300px;
	}
}
/*--btn共通--*/
.btn1,
.btn2,
.btn3{
	border-radius:10px;
}
.btn1,
.btn2,
.btn3,
.btn4{
	width:240px;
	padding:10px 0;
	display:block;
	text-align:center;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
	margin:20px auto 15px;
	border:solid 2px;
	border-color:var(--1st);
}
.btn1,
.btn1:hover,
.btn2,
.btn2:hover,
.btn3,
.btn3:hover,
.btn4,
.btn4:hover{
	transition:0.5s;
}
.btn1:hover,
.btn2:hover,
.btn3:hover,
.btn4:hover{
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}
.btn1,
.btn3{
	background-color:var(--1st);
}
.btn2,
.btn4{
	color:var(--1st);
}
.dark .btn1,
.dark .btn2,
.dark .btn3,
.dark .btn4{
	border:solid 2px;
	border-color:var(--2nd);
}
.dark .btn2,
.dark .btn4{
	color:var(--2nd);
}
/*--btn1--*/
.btn1{
	color:var(--light) !important;
}
/*--btn2--*/
.btn2:hover{
	color:var(--light);
	background-color:var(--1st);
}
/*--btn3--*/
.btn3{
	color:var(--light);
}
.btn3:hover{
	background-color:var(--light);
	color:var(--1st);
}
.dark .btn3:hover{
	background-color:var(--dark);
	color:var(--2nd);
}
/*--btn4--*/
.btn4:hover{
	color:var(--1st);
	border-radius:20px;
}
.dark .btn4:hover{
	color:var(--2nd);
}
/*--btn in card--*/
.card3 .btn1,
.card3 .btn2,
.card3 .btn3,
.card4 .btn1,
.card4 .btn2,
.card4 .btn3{
	width:200px;
}
@media screen and (max-width:767px){
	.card3 .btn1,
	.card3 .btn2,
	.card3 .btn3,
	.card4 .btn1,
	.card4 .btn2,
	.card4 .btn3{
		width:240px;
	}
}
/*--acction-btn--*/
.sendmail,
.calling,
.backtotop{
  position:fixed;
  bottom:16px;
  right:-64px;
  display:block;
  color:var(--1st);
  text-decoration:none;
  font-weight:bold;
  background-color:var(--light);
  border:solid 1px;
	border-color:var(--1st);
  width:64px;
  height:64px;
  text-align:center;
  border-radius:100%;
  box-sizing:border-box;
  z-index:200;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.sendmail{
	padding-top:14px;
  /*color:#5b0e0e;*/
  /*background-color:#fff;*/
  /*border:solid 1px #5b0e0e;*/
}
.calling {
	padding-top:16px;
  /*color:#5b0e0e;*/
  /*background-color:#fff;*/
  /*border:solid 1px #5b0e0e;*/
}
.backtotop {
	padding-top:16px;
  /*color:#5b0e0e;*/
  /*background-color:#fff;*/
  /*border:solid 1px #5b0e0e;*/
}
.backtotop:hover,
.calling:hover,
.sendmail:hover{
  background-color:var(--1st);
  color:var(--light);
  transition:0.3s;
  border:solid 1px;
	border-color:var(--kight);
}

/*--top-v--*/
.top-v,
.top-v .top-v-cover{
	height:100vh;
}
.top-v{
	background:url(../img/main.jpg) center center / cover no-repeat;
}
.top-v .top-v-cover{
	background-color:rgba(255,255,255,0.3);
}

/*--slider共通--*/
#slider1 .sp-button,
#slider2 .sp-button,
#slider4 .sp-button{
	border-color:var(--1st);
}
#slider1 .sp-selected-button,
#slider2 .sp-selected-button,
#slider4 .sp-selected-button{
	background-color:var(--1st);
}
/*--slider4--*/
#slider4 h2{
	text-align:center;
}
/*--slider5--*/
#slider5 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{
	border-color:var(--1st) !important;
}
#slider5 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{
  border-right-color:var(--1st) !important;
}
/*--para--*/
.para-area{
	position:relative;
}
.para-area .para {
	height:100vh;
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image: url(../img/main.jpg);
}
.para-area .para h2 {
	color:var(--light);
	font-size: 120px;
	text-align: center;
	width :100%;
	margin:0;
	height:100vh;
	line-height:100vh;
	background-color:rgba(0,0,0,0.5);
}
@media screen and (max-width: 992px){
	.para-area .para{
		background:none;
	}
  .para-area .para:before{
    content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		height:100vh;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	.para-area .para:before{
		background-image:url(../img/main.jpg);
	}
	.para-area .para h2{
		font-size:36px;
	}
}

/*--center-title共通--*/
h3.center-title1,
h3.center-title2,
h3.center-title3,
h3.center-title4,
h3.center-title5,
h3.center-title6{
	margin-bottom:60px;
}
h4.center-title1,
h4.center-title2,
h4.center-title3,
h4.center-title4,
h4.center-title5,
h4.center-title6{
	margin-bottom:40px;
}
h3.center-title1,
h3.center-title2,
h3.center-title3,
h3.center-title4,
h3.center-title5,
h3.center-title6,
h4.center-title1,
h4.center-title2,
h4.center-title3,
h4.center-title4,
h4.center-title5,
h4.center-title6{
	text-align:center;
	font-weight:bold;
}
.dark h3.center-title1,
.dark h3.center-title3,
.dark h3.center-title4,
.dark h3.center-title5,
.dark h3.center-title6,
.dark h4.center-title1,
.dark h4.center-title3,
.dark h4.center-title4,
.dark h4.center-title5,
.dark h4.center-title6{
	color:var(--light);
}
h3.center-title1,
h3.center-title2,
h3.center-title5{
	font-size:48px;
}
h4.center-title1,
h4.center-title2,
h4.center-title5{
	font-size:48px;
}
h3.center-title3,
h3.center-title4,
h3.center-title6{
	font-size:48px;
}
h4.center-title3,
h4.center-title4,
h4.center-title6{
	font-size:36px;
}
h3.center-title3 span,
h3.center-title4 span{
	font-size:36px;
}
h4.center-title3 span,
h4.center-title4 span{
	font-size:28px;
}
h3.center-title3 span,
h4.center-title3 span,
h3.center-title4 span,
h4.center-title4 span{
	color:var(--2nd);
}
/*--center-title2--*/
h3.center-title2,
h4.center-title2{
	color:var(--1st);
}
/*--center-title5--*/
h3.center-title5,
h4.center-title5{
  position: relative;
}
h3.center-title5:before{
	background-color:var(--1st);
}
h4.center-title5:before{
	background-color:var(--2nd);
}
h3.center-title5:before,
h4.center-title5:before{
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 40%;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 2px;
}
/*--center-title6--*/
h3.center-title6,
h4.center-title6{
	padding:8px 0;
	border-top:double 5px;
	border-top-color:var(--1st);
	border-bottom:double 5px;
	border-bottom-color:var(--2nd);
}
@media screen and (max-width:992px){
	h3.center-title1,
	h3.center-title2,
	h3.center-title3,
	h3.center-title4,
	h3.center-title5,
	h3.center-title6{
		font-size:36px;
	}
	h3.center-title3 span,
	h3.center-title4 span,
	h4.center-title1,
	h4.center-title2,
	h4.center-title3,
	h4.center-title4,
	h4.center-title5,
	h4.center-title5{
		font-size:24px;
	}
	h4.center-title3 span,
	h4.center-title4 span{
		font-size:20px;
	}
}

/*--blog1--*/
.blog1 ul li{
	border-bottom:solid 2px;
	border-color:var(--1st);
}
.dark.blog1 ul li{
	border-color:var(--2nd);
}
.blog1 ul li a{
	color:var(--1st);
	padding: 10px 0;
	display: block;
	font-size: 20px;
	font-weight: bold;
}
.dark.blog1 ul li a{
	color:var(--2nd);
}
.blog1 ul li:hover a{
	background-color:var(--3rd);
}
.dark.blog1 ul li:hover a{
	background-color:var(--1st);
}
/*--blog2--*/
.blog2 ul li{
	border-bottom:solid 1px;
	border-color:var(--1st);
}
.blog2 ul li:hover{
	background-color:var(--3rd);
}
.dark.blog2 ul li:hover{
	background-color:var(--1st);
}
.blog2 ul li a{
	color:var(--1st);
}
.dark.blog2 ul li a{
	color:var(--2nd);
}

/*--left-title共通--*/
.dark h3.left-title1,
.dark h3.left-title3,
.dark h3.left-title4,
.dark h3.left-title5,
.dark h3.left-title6,
.dark h3.left-title7,
.dark h3.left-title8,
.dark h4.left-title1,
.dark h4.left-title3,
.dark h4.left-title4,
.dark h4.left-title5,
.dark h4.left-title6,
.dark h4.left-title7,
.dark h4.left-title8{
	color:var(--light);
}
h3.left-title1,
h3.left-title2,
h3.left-title3,
h3.left-title4,
h3.left-title5,
h3.left-title6,
h3.left-title7,
h3.left-title8,
h3.left-title9{
	font-size:42px;
}
h3.left-title1,
h3.left-title2,
h3.left-title3,
h3.left-title4,
h3.left-title5,
h3.left-title6,
h3.left-title7,
h3.left-title8{
	margin-bottom:36px;
}
h4.left-title1,
h4.left-title2,
h4.left-title3,
h4.left-title4,
h4.left-title5,
h4.left-title6,
h4.left-title8,
h4.left-title9{
	font-size:28px;
}
h4.left-title1,
h4.left-title2,
h4.left-title3,
h4.left-title4,
h4.left-title5,
h4.left-title6,
h4.left-title7,
h4.left-title8{
	margin-bottom:20px;
}
h4.left-title7,
h4.left-title8{
	font-size:36px;
}
h3.left-title7 span,
h4.left-title7 span,
h3.left-title8 span,
h4.left-title8 span{
	color:var(--2nd);
	font-size:28px;
}
/*--left-title2--*/
h3.left-title2{
	color:var(--1st);
}
h4.left-title2{
	color:var(--2nd);
}
.dark h3.left-title2{
	color:var(--2nd);
}
/*--left-title3--*/
h3.left-title3,
h4.left-title3{
	padding-left:10px;
	border-left:solid 5px;
}
h3.left-title3{
	border-color:var(--1st);
}
h4.left-title3{
	border-color:var(--2nd);
}
/*--left-title4--*/
h3.left-title4{
	background: linear-gradient(transparent 70%, var(--1st) 70%);
}
h4.left-title4{
	background: linear-gradient(transparent 70%, var(--2nd) 70%);
}
/*--left-title5--*/
h3.left-title5,
h4.left-title5{
  border-bottom: solid 3px;
	border-color:var(--2nd);
  position: relative;
}
h3.left-title5:after,
h4.left-title5:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px;
	border-color:var(--1st);
  bottom: -3px;
  width: 30%;
}
/*--left-title6--*/
h3.left-title6:first-letter {
  font-size: 2em;
  color:var(--1st);
}
h4.left-title6:first-letter {
  font-size: 2em;
  color:var(--2nd);
}
/*--left-title9--*/
h3.left-title9{
	margin-bottom:64px;
	color:var(--1st);
}
h4.left-title9{
	margin-bottom:40px;
	color:var(--2nd);
}
h3.left-title9,
h4.left-title9{
 position: relative;
 line-height: 1.4;
 -webkit-box-reflect: below -10px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0, 0, 0, 0.6));
}
.dark h3.left-title9{
	color:var(--2nd);
}
@media screen and (max-width:992px){
	h3.left-title1,
	h3.left-title2,
	h3.left-title3,
	h3.left-title4,
	h3.left-title5,
	h3.left-title6,
	h3.left-title7,
	h3.left-title8,
	h3.left-title9{
		font-size:36px;
	}
	h3.left-title7 span,
	h3.left-title8 span,
	h4.left-title1,
	h4.left-title2,
	h4.left-title3,
	h4.left-title4,
	h4.left-title5,
	h4.left-title6,
	h4.left-title7,
	h4.left-title8,
	h4.left-title9{
		font-size:24px;
	}
	h4.left-title7 span,
	h4.left-title8 span{
		font-size:20px;
	}
}

/*--2ubv共通--*/
.subv1,
.subv2{
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.subv1,
.subv1 h2,
.subv2,
.subv2 h2,
.subv3,
.subv3 h2{
	height:50vh;
}
.subv1 h2,
.subv2 h2{
	margin:0;
}
.subv1 h2,
.subv2 h2 span,
.subv3 h2{
	line-height:50vh;
	font-size:72px;
}
@media screen and (max-width:767px){
	.subv1,
	.subv1 h2,
	.subv2,
	.subv2 h2,
	.subv3,
	.subv3 h2{
		height:30vh;
	}
	.subv1 h2,
	.subv2 h2 span,
	.subv3 h2{
		line-height:30vh;
		font-size:36px;
	}
}
/*--2ubv1--*/
.subv1{
	background-image:url(../img/main.jpg);
}
.subv1 h2{
	text-align:center;
	font-weight:bold;
	color:var(--1st);
	background-color:rgba(0,0,0,0.5);
}
.dark.subv1 h2{
	color:var(--2nd);
}
/*--2ndv2--*/
.subv2{
	background-image:url(../img/main.jpg);
}
.subv2 h2 span{
	padding:16px;
	background-color:rgba(255,255,255,0.7);
	color:var(--dark);
	text-shadow:3px 3px 3px var(--1st);
}
.dark.subv2 h2 span{
	background-color:rgba(0,0,0,0.7);
	color:var(--light);
	text-shadow:3px 3px 3px var(--2nd);
}
/*--2ndv3--*/
.subv3{
	position:relative;
}
.subv3 .subv3-para{
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-image:url(../img/main.jpg);
}
.subv3 h2{
	color:var(--light);
	text-align: center;
	width :100%;
	margin:0;
	background-color:rgba(0,0,0,0.5);
}
@media screen and (max-width: 992px){
	.subv3 .subv3-para{
		background:none;
	}
  .subv3 .subv3-para:before{
    content:"";
		display:block;
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width:100%;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url(../img/main.jpg);
	}
}

/*--pan共通--*/
.pan1,
.pan2{
	background-color:var(--3rd);
}
.pan1 ul,
.pan2 ul{
	margin-bottom:0;
}
.pan1 ul li,
.pan2 ul li{
	display:inline-block;
	float:left;
	padding:5px 0;
}
.pan1 ul li:after,
.pan2 ul li:after{
	padding:0 8px;
}
.pan1 ul li:last-child:after,
.pan2 ul li:last-child:after{
	content:"";
}
.pan1 ul li a,
.pan2 ul li a,
.pan1 ul li:after,
.pan2 ul li:after{
	color:var(--1st);
}
.dark .pan1,
.dark .pan2{
	background-color:var(--1st);
}
.dark .pan1 ul li,
.dark .pan2 ul li{
	color:var(--light);
}
.dark .pan1 ul li a,
.dark .pan2 ul li a,
.dark .pan1 ul li:after,
.dark .pan2 ul li:after{
	color:var(--2nd);
}
/*--pan1--*/
.pan1 ul li:after{
	content:">";
}
/*--pan2--*/
.pan2 ul li:after{
	content:"/";
}



/*--card共通--*/
.card-h4{
	color:var(--1st);
	font-size:24px;
	font-weight:bold;
	margin:28px 0;
}
.card2 .card-h4,
.card4 .card-h4{
	text-align:center;
}
.card-text{
	color:var(--dark);
}
.card1,
.card2,
.card3,
.card4{
	border:solid 2px;
	border-color:var(--1st);
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
	margin-top:20px;
	margin-bottom:20px;
}
.card1,
.card1 img,
.card2,
.card3,
.card3 img,
.card4{
	border-radius:10px;
}
.card1 .card1-i,
.card2 .card2-i,
.card3 .card3-i,
.card4 .card4-i{
	padding:0 10px 20px;
}
.card1,
.card1:hover,
.card2,
.card2:hover,
.card2:hover .card2-i h4,
.card2:hover .card2-i .card-text{
	transition:0.5s;
}
.card2 .icon,
.card4 .icon{
	width:150px;
	height:150px;
	background-color:var(--1st);
	border-radius:50%;
	margin:20px auto;
}
.card2 .icon img,
.card4 .icon img{
	width:100px;
	padding-top:10%;
}
.dark .card-h4{
	color:var(--2nd);
}
.dark .card-text{
	color:var(--light);
}
/*--card1--*/
.card1{
  width:100%;
  overflow: hidden;
  cursor: pointer;
}
.card1 img{
  width: 100%;
  transition-duration: 0.5s;
	object-fit:cover;
	height:250px;
}
.card1:hover{
	box-shadow:3px 3px 3px rgba(0,0,0,0.4);
}
.card1:hover img{
	transform: scale(1.2);
  transition-duration: 0.5s;
}
/*--card2--*/
.card2:hover{
	background-color:var(--1st);
}
.card2:hover .card2-i h4,
.card2:hover .card2-i .card-text{
	color:var(--light) !important;
}



/*--table共通--*/
.sp-td{
	text-align:left !important;
	padding-left:16px !important;
}
.table1,
.table2,
.table3{
	width:100%;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
	margin:20px auto;
}
.table1 td,
.table2 td,
.table3 td{
	padding-left:16px;
}
.dark .table1 td,
.dark .table2 td,
.dark .table3 th,
.dark .table3 td{
	color:var(--light);
}
.table1 th,
.table3 th{
	width:20%;
  text-align: center;
}
.table1 td,
.table3 td{
	width:80%;
}
.table1 th,
.table2 th,
.table3 th,
.table1 td,
.table2 td,
.table3 td{
	font-size:20px;
	padding-top:16px;
	padding-bottom:16px;
}
@media screen and (max-width:767px){
	.table1 td,
	.table2 td,
	.table3 td{
		text-align:center;
	}
	.table1 th,
	.table3 th,
	.table1 td,
	.table3 td{
		display:block;
		width:100%;
	}
	.table1 td,
	.table3 td{
		padding-left:0;
	}
}
/*--table1--*/
.table1 th{
	color:var(--light);
	background-color:var(--1st);
	border-top:solid 2px;
	border-top-color:var(--light);
	border-bottom:solid 2px;
	border--bottom-color:var(--light);
	border-left:solid 2px;
	border-left-color:var(--1st);
}
.dark .table1 th{
	border-top:solid 2px;
	border-top-color:var(--dark);
	border-bottom:solid 2px;
	border-bottom-color:var(--dark);
}
.table1 tr:first-child th{
	border-top:solid 2px;
	border-top-color:var(--1st);
}
.table1 tr:last-child th{
	border-bottom:solid 2px;
	border-bottom-color:var(--1st);
}
.table1 td{
	border:solid 2px;
	border-color:var(--1st);
}
@media screen and (max-width:767px){
	.table1 th,
	.table1 tr:first-child th,
	.table1 tr:last-child th{
		border-top:none;
		border-bottom:none;
	}
}
/*--table2--*/
.table2 tr{
	border:solid 2px;
	border-color:var(--1st);
}
.table2 th{
	color:#fff;
	background-color:var(--1st);
}
.table2 td{
	padding-left:0;
}
.table2 th,
.table2 td{
	display:block;
	text-align:center;
}
/*--table3--*/
.table3 th,
.table3 td{
	border:solid 2px;
	border-color:var(--1st);
}
@media screen and (max-width:767px){
	.table3 th{
		background-color:var(--1st);
		color:var(--light);
		border-top:none;
		border-bottom:none;
	}
}

/*--flow共通--*/
.flow1,
.flow2{
	padding:20px 0;
}
/*--flow1--*/
.flow1 .flow1-h4{
	border-bottom:solid 2px;
	border-color:var(--1st);
	padding-top:16px;
	padding-bottom:16px;
	line-height:1;
}
.dark .flow1 .flow1-h4{
	color:var(--light);
}
.flow1 .flow1-h4,
.flow1 .flow1-h4 span{
	font-size:24px;
	font-weight:bold;
}
.flow1 .flow1-h4 span{
	background-color:var(--1st);
	color:var(--light);
	padding:16px;
	margin-right:16px;
}
.flow1 .flow1-next{
	width: 100px;
	height: 50px;
	display: block;
	margin: 40px auto;
	background:
		linear-gradient(to top right, rgba(255,255,255,0) 50%, var(--2nd) 50.5%) no-repeat top left/50% 100%,
		linear-gradient(to top left, rgba(255,255,255,0) 50%, var(--2nd) 50.5%) no-repeat top right/50% 100%;
}
.flow1 .flow1-box:last-child .flow1-next{
	display:none;
}
@media screen and (max-width:992px){
	.flow1 .flow1-box img{
		padding-top:20px;
	}
}
/*--flow2--*/
.flow2 {
  border: 3px solid;
	border-color:var(--1st);
	padding: 0;
}
.flow2 li {
  padding: 30px;
	list-style-type: none;
}
.flow2 li:not(:last-child) {
  border-bottom: 3px solid;
	border-color:var(--1st);
  position: relative;
}
.flow2 li:not(:last-child)::before,
.flow2 li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.flow2 li:not(:last-child)::before {
  border-width: 22px;
  border-top-color:var(--1st);
}
.flow2 li:not(:last-child)::after {
  border-width: 18px;
  border-top-color:var(--light);
}
.dark .flow2 li:not(:last-child)::after {
  border-top-color:var(--dark);
}
.flow2 li dl {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flow2 li dl dt {
  font-size: 24px;
  font-weight: 600;
  color:var(--1st);
  -ms-flex-preferred-size: 20%;
  margin-right: 1vw;
  text-align: center;
	width:30%;
}
.flow2 li dl dt .flow2-icon {
  font-size: 18px;
  color:var(--light);
  background:var(--1st);
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
}
.flow2 dd{
	margin-left: 0;
	width:70%;
}
.dark .flow2 dt{
	color:var(--2nd);
}
@media screen and (max-width:992px){
	.flow2 dl{
		display:block !important;
	}
	.flow2 li dl dt,
	.flow2 li dl dd{
		width:100%;
	}
	.flow2 dd{
		padding-top:20px;
	}
}
/*--flow3--*/
.flow3{
  padding-left: 120px;
  position: relative;
}
.flow3::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left:20px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
}
.flow3 > li {
  position: relative;
}
.flow3 > li:not(:last-child) {
  margin-bottom: 8vh;
}
.flow3 > li .icon {
  color:var(--light);
  background-color:var(--1st);
  padding: 8px 20px;
  display: block;
  position: absolute;
  top: 0;
  left: -120px;
  z-index: 100;
}
.flow3 > li .icon::after {
  content: "";
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent var(--1st);
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.flow3 > li dl {
  padding-left: 70px;
  position: relative;
}
.flow3 > li dl::before,
.flow3 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}
.flow3 > li dl dt {
  font-size: 20px;
  font-weight: 600;
  color:var(--2nd);
}
.flow3 > li dl dd{
	margin-bottom:20px;
}
@media screen and (max-width:992px){
	.flow3::before{
		content:none;
	}
	.flow3 > li dl{
		padding-left:0;
	}
}

/*--qanda共通--*/
.qanda1 dt,
.qanda1 dd,
.qanda2 dt,
.qanda2 dd{
	font-size:24px;
}
/*--qanda1--*/
.qanda1 dt {
	padding:10px 10px 10px 35px;
	border-radius:5px;
	background:var(--1st);
	text-indent:-25px;
	color:var(--3rd);
}
.qanda1 dt:before {
	content:"Q.";
	font-weight:bold;
	margin-right:7px;
}
.qanda1 dd{
	margin:20px 10px 40px 35px;
	text-indent:-25px;
}
.qanda1 dd:before {
	content:"A.";
	color:var(--1st);
	font-weight:bold;
	margin-right:7px;
}
.dark .qanda1 dd{
	color:var(--light);
}
.dark .qanda1 dd:before{
	color:var(--2nd);
}
/*--qanda2--*/
.qanda2 dt{
	position:relative;
	margin:0 0 1.5em 0;
}
.qanda2 dt:before {
	padding:0 5px;
	content: 'Q.';
	background:var(--1st);
}
.qanda2 dt:after{
	left: 1.5em;
	border-color: transparent transparent transparent var(--1st);
}
.qanda2 dd{
	position:relative;
	margin:0 0 40px 0;
	padding:0 0 1.5em 2em;
	border-bottom:1px dotted;
	border--bottom-color:var(--1st);
}
.qanda2 dd:before {
	padding:0 10px;
	content: 'A.';
	background:var(--2nd);
}
.qanda2 dd:after{
	left: 3.5em;
	border-color: transparent transparent transparent var(--2nd);
}
.qanda2 dt:before,
.qanda2 dd:before{
	font-size:36px;
	margin: 0 0.5em 0 0;
	color:var(--light);
	border-radius: 50%;
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.2em;

}
.dark .qanda2 dt,
.dark .qanda2 dd{
	color:var(--light);
}
.dark .qanda2 dd:before{
	color:var(--dark);
}
@media screen and (max-width:992px){
	.qanda2 dt{
		padding:20px 0;
		background-color:var(--3rd);
		text-align:center;
	}
	.qanda2 dt:before,
	.qanda2 dd:before{
		display:block;
		margin:0 auto 16px;
	}
	.qanda2 dt:after,
	.qanda2 dd:after{
		display:none;
	}
	.qanda2 dd{
		padding-left:0;
	}
	.dark .qanda2 dt{
		background-color:transparent;
	}
}
/*--qanda3--*/
.qanda3 .panel{
	margin-bottom:20px;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.qanda3 .panel-heading{
	background-color:var(--1st);
	color:var(--3rd);
}
.qanda3 .panel-title a{
	font-size:24px;
	display:block;
	text-decoration:none;
}
.qanda3 .panel-body{
	background-color:var(--3rd);
	border:solid 2px;
	border-color:var(--1st);
}
.dark .qanda3 .panel-body{
	color:var(--light);
	background-color:var(--dark);
}

/*--form共通--*/
.form2 .form-input,
.form3 .form-input{
	width:70%;
}
.form1,
.form2,
.form3{
	width:100%;
	box-shadow:3px 3px 3px rgba(0,0,0,0.7);
}
.form1 th span,
.form2 th span,
.form3 th span{
	background-color:#f00;
	color:var(--light);
	font-size:14px;
	padding:5px 10px;
	margin-right:5px;
	border-radius:10px;
}
.form2 th,
.form3 th{
	width:40%;
}
.form2 td,
.form3 td{
	width:60%;
}
.form2 th,
.form2 td,
.form3 th,
.form3 td{
	padding-top:10px;
	padding-bottom:10px;
}
.dark .form1 td{
	color:var(--light);
}
@media screen and (max-width:992px){
	.form2 .form-input,
	.form3 .form-input{
		width:100%;
	}
	.form2 th,
	.form2 td,
	.form3 th,
	.form3 td{
		display:block;
		width:100% !important;
		padding:10px 16px;
	}
}
.dark input,
.dark select,
.dark textarea{
	background-color:#444;
}
/*--form1--*/
.form1 .form-input{
	width:100%;
}
.form1 th{
	background-color:var(--2nd);
}
.form1 th,
.form1 td{
	display:block;
	width:100%;
	padding:10px 16px;
}
/*--form2--*/
.form2 tr{
	border:solid 2px;
	border-color:var(--1st);
}
.form2 th{
	padding-right:16px;
	text-align:right;
}
.form2 th,
.form2 td{
	background-color:var(--light);
}
.dark .form2 th,
.dark .form2 td{
	color:var(--light);
	background-color:var(--dark);
}
@media screen and (max-width:992px){
	.form2 th{
		text-align:left;
	}
}
/*--form3--*/
.form3 tr{
	border:solid 2px;
	border-color:var(--2nd);
}
.form3 th{
	text-align:center;
	color:var(--2nd);
	background-color:var(--1st);
}
.form3 td{
	background-color:var(--light);
	padding-left:16px;
}
.dark .form3 td{
	color:var(--light);
	background-color:var(--dark);
}