@charset "utf-8";
/* common.css */
* {
	font-family:'メイリオ',Meiryo, arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333;
	/*\*/
	text-align: justify;
	text-justify: distribute;
	/**/
}
* html * {
	font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo, arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
p,span,li,dt,dd {
	line-height: 1.6;
}
/*　共通レイアウトスタイル　*/
html {
}
body {
	width: 100%;
	font-size: 85%;	/*サイトにより変更*/
}
#wrapper {
	/*\*/
	margin: 0 auto;
	text-align: justify;
	text-justify: distribute;
	width: 100%;	/*サイトにより変更*/
	/**/
}

/* header */
header {
	margin: 0 auto;
	padding: 1.5vw 5vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #ababab;
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	z-index: 999;
	box-sizing: border-box;
}
header nav {
}
header nav ul {
	display: flex;
}
header nav ul li {
	margin-right: 2em;
}
header nav ul li a {
	color: #ff7700;
}
header nav ul li a:hover {
	text-decoration: none;
	border-bottom: 3px solid #ff7700;
}


/* main */
.mainContainer {
	margin: 0 auto;
	width: 960px;	/*サイトにより変更*/
}

/* footer */
footer{
	background: #ff7700;
}
footer .footer_inner {
	margin: 0 auto;
	width: 960px;
}
footer .footer_inner h2 {
	font-size: 2.0rem;
	color: #fff;
	padding: 3vw 0 1.5vw;
}
footer .footer_inner h2 span {
	font-size: 1.40rem;
	padding-left: 1em;
	font-weight: normal;
	color: #fff;
}

footer .footer_inner .fotter_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 60px;
}

footer .footer_inner .fotter_box .info_area div:nth-child(1),
footer .footer_inner .fotter_box .info_area div:nth-child(2) {
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
}
footer .footer_inner .fotter_box .info_area div:nth-child(2) {
	flex-direction: column;
}

footer .footer_inner .fotter_box .info_area div:nth-child(1) p.name,
footer .footer_inner .fotter_box .info_area div:nth-child(2) p.name {
	width: 120px;
}
footer .footer_inner .fotter_box .info_area div:nth-child(2) p.name {
	width: auto;
}

footer .footer_inner .fotter_box .info_area div:last-child {
	margin-bottom: 0;
}



footer .footer_inner .banner_area {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
footer .footer_inner .banner_area .banner {
	width: 225px;
	margin-right: 60px;
}
footer .footer_inner .banner_area .banner img {
	width: 100%;
}
footer .footer_inner .banner_area .ss {
	position: absolute;
	bottom: 10%;
	right: 2%;
}

footer .footer_inner p {
	color: #fff;
}

footer .footer_inner p.name {
	font-size: 1.10rem;
}

footer .footer_inner .fotter_box .sns_btn {
	width: 295px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0 30px;
	flex-wrap: wrap;
}

footer .footer_inner .fotter_box .sns_btn img {
	width: 40px;
}

footer .footer_inner .fotter_box .sns_btn div:nth-child(4) {
	margin-top: 25px;
}

footer .footer_inner .fotter_box .sns_btn div:nth-child(4) img {
	width: 100%;
}

footer .footer_inner .menu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
footer .footer_inner .menu li {
	border-right: 1px solid #fff;
	width: 100%;
}
footer .footer_inner .menu li:first-child {
	border-left: 1px solid #fff;
}
footer .footer_inner .menu li a {
	color: #fff;
	width: 100%;
	display: block;
	text-align: center;
}

.copyright {
	text-align: center;
	color:#808080;
	font-size: 0.8em;
	padding: 0.5em 0;
	background: #e2e3e5;
}


/* margin */
.mgt20 {
	margin-top: 20px!important;
}
.mgt40 {
	margin-top: 40px!important;
}

.mgb0 {
	margin-bottom: 0!important;
}
.mgb5{
	margin-bottom:5px!important;
}
.mgb10{
	margin-bottom:10px!important;
}
.mgb15{
	margin-bottom:15px!important;
}
.mgb20{
	margin-bottom:20px!important;
}	
.mgb25 {
	margin-bottom:25px!important;
}
.mgb30{
	margin-bottom:30px!important;
}		
.mgb60 {
	margin-bottom:60px!important;
}


/*  */
.taR {
	text-align:right;
}

table {
	border-collapse:collapse;
}


/*　ハンバーガーボタン　*/
.hamburger {
  display : none;
  position: fixed;
  z-index : 9999;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #ff7700;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#ff7700;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#ff7700;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : -1;
  top  : 7.8vw;
  left : 0;
  color: #fff;
  background: #fff;
  text-align: center;
  width: 100%;
  opacity: 0;
  transition: opacity .6s ease, visibility .6s ease;
  padding-top: 4vw;
  min-height: 100vh;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 85%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
  border: 2px solid #ff7700;
  border-radius: 50px;
  margin-bottom: 4vw;
  background: url("../images/common/bk_dot.png")0 0 repeat;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #ff7700;
  padding: 0.6em 0;
  text-align: center;
  text-decoration :none;
  font-size: 2.2em;
  line-height: 1;
}
nav.globalMenuSp .sns_bar {
  margin: 0 auto;
  padding: 0;
  width: 85%;
  display: flex;
  justify-content: space-between;
}
nav.globalMenuSp .sns_bar > div {
  width: 48%;
  border-radius: 50px;
  background: #ff7700;
}
nav.globalMenuSp .sns_bar > div a {
  color: #fff;
  text-decoration :none;
  font-size: 1.8em;
  line-height: 1;
  display: block;
  padding: 0.6em 0;
  text-align: center;
}


/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  opacity: 100;
  z-index : 2;
}






/*iPad用*/
@media (min-width:768px) and (max-width:1199px) {
header nav.pc {
	display: none;
}
.hamburger {
  display : block;
}
nav.globalMenuSp {
  top  : 6.5vw;
}
nav.globalMenuSp ul li {
  margin-bottom: 3vw;
}



/* footer */
footer .footer_inner {
	width: 94%;
}
footer .footer_inner h2 {
	font-size: 1.85rem;
	padding: 2vw 0;
}
footer .footer_inner h2 span {
	font-size: 1.25rem;
}

footer .footer_inner .fotter_box {
	flex-direction: column;
	width: 85%;
	margin: 0 auto 4vw;
}
footer .footer_inner .banner_area {
	justify-content: space-between;
}
footer .footer_inner .banner_area .banner {
	width: 48%;
	margin-right: 0;
	margin-bottom: 2vw;
}
footer .footer_inner .banner_area > div:nth-child(1) {
}
footer .footer_inner .banner_area > div:nth-child(2) {
	order: 1;
}
footer .footer_inner .banner_area > div:nth-child(3) {
}
footer .footer_inner .banner_area > div:nth-child(4) {
	order: 2;
}
footer .footer_inner .banner_area > div:nth-child(5) {
	display: none;
}
footer .footer_inner .banner_area > div:nth-child(6) {
	order: 3;
}
footer .footer_inner .banner_area .banner img {
	width: 100%;
}
footer .footer_inner .banner_area .ss {
	bottom: 6%;
	right: 0;
}
footer .footer_inner .banner_area p {
	color: #fff;
}
footer .footer_inner .banner_area p.name {
	font-size: 1.0rem;
}
footer .footer_inner .banner_area p.add {
	font-size: 0.85rem;
	margin-bottom: 2vw;
}

footer .footer_inner .fotter_box .sns_btn {
	display: flex;
	justify-content: center;
}
footer .footer_inner .fotter_box .sns_btn div {
	margin-bottom: 0;
	margin: 0 3vw 0;
}
footer .footer_inner .fotter_box .sns_btn img {
	width: 10vw;
}

footer .footer_inner .menu {
	margin-bottom: 3vw;
	flex-wrap: wrap;
}
footer .footer_inner .menu li {
	flex: 1;
}



}

/*SP用*/
.pc{
}
.sp{
  display: none !important;
}
@media (max-width:767px) {
.pc{
  display: none !important;
}
.sp{
  display: block !important;
}

header {
	padding: 4vw 2vw;
}
header .title {
	width: 80%;
}
header .title img {
	width: 100%;
}
header nav.pc {
	display: none;
}
.hamburger {
  display : block;
  right : 2vw;
  top   : 3.5vw;
  width : 12vw;
  height: 11vw;
}
.hamburger.active span:nth-child(1) {
  width : 35px;
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  width : 35px;
}

nav.globalMenuSp {
  top: 16.5vw;
  padding-top: 8vw;
}
nav.globalMenuSp ul li {
  margin-bottom: 8vw;
}
nav.globalMenuSp ul li a {
  font-size: 1.8em;
}
nav.globalMenuSp .sns_bar > div a {
  font-size: 1.25em;
  padding: 0.8em 0;
}





/* footer */
footer .footer_inner {
	width: 94%;
}
footer .footer_inner h2 {
	font-size: 1.85rem;
	padding: 4vw 0 2vw;
	width: 85%;
	margin: 0 auto;
}
footer .footer_inner h2 span {
	font-size: 1.25rem;
}

footer .footer_inner .fotter_box {
	flex-direction: column;
	width: 85%;
	margin: 0 auto 6vw;
}
footer .footer_inner .banner_area {
	justify-content: space-between;
}
footer .footer_inner .banner_area .banner {
	width: 48%;
	margin-right: 0;
	margin-bottom: 2vw;
}
footer .footer_inner .banner_area > div:nth-child(1) {
}
footer .footer_inner .banner_area > div:nth-child(2) {
	order: 1;
}
footer .footer_inner .banner_area > div:nth-child(3) {
}
footer .footer_inner .banner_area > div:nth-child(4) {
	order: 2;
}
footer .footer_inner .banner_area > div:nth-child(5) {
	display: none;
}
footer .footer_inner .banner_area > div:nth-child(6) {
	order: 3;
}
footer .footer_inner .banner_area .banner img {
	width: 100%;
}
footer .footer_inner .banner_area .ss {
	position: static;
	order: 4;
	margin-bottom: 2vw;
}
footer .footer_inner .banner_area p {
	color: #fff;
}
footer .footer_inner .banner_area p.name {
	font-size: 1.0rem;
}
footer .footer_inner .banner_area p.add {
	font-size: 0.85rem;
	margin-bottom: 2vw;
}


footer .footer_inner .fotter_box .info_area div:nth-child(1),
footer .footer_inner .fotter_box .info_area div:nth-child(2) {
	margin-bottom: 4vw;
	display: block;
}

footer .footer_inner .fotter_box .info_area div:nth-child(1) p.name,
footer .footer_inner .fotter_box .info_area div:nth-child(2) p.name {
	width: 100%;
}

footer .footer_inner .fotter_box .info_area div:last-child {
	margin-bottom: 8vw;
}

footer .footer_inner .fotter_box .sns_btn {
	display: flex;
	justify-content: center;
}
footer .footer_inner .fotter_box .sns_btn div {
	margin-bottom: 0;
	margin: 0 3vw 0;
}
footer .footer_inner .fotter_box .sns_btn img {
	width: 10vw;
}

footer .footer_inner .menu {
	margin-bottom: 3vw;
	flex-wrap: wrap;
}
footer .footer_inner .menu li {
	flex: 1;
}

}