@charset "utf-8";
@media (min-width: 768px) {
	
.gnavwrap {
	display:block;
}

}
@media (max-width: 767px) {
input[type="submit"] {
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
.pc {
	display: none!important;
}
.sp {
	display: block!important;
}
a:hover {
	text-decoration: none;
	opacity:1;
}
img{
	max-width:100%;
	height:auto;
}
html {
	background-image:none;
}
.pn {
	margin-top:0x;
	padding-top:0;
}

.btn_menu {
	background-image: url(../img/common/sp_menu.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 5px;
	right: 5px;
}
#t_clear {
    background-color: #000000;
    position: fixed;
    width: 100%;
    height: 10000px;
    z-index: 100;
    filter: alpha(opacity=50);
    -moz-opacity: 0;
    opacity: 0.1;
}


body {
	font-size: 12px;
	min-width: 100%;
	min-height: 100%;
	line-height: 1.5;
	word-break: normal;
}

.header01 {
	background-color:#000;
	position:relative;
	height:50px;
}
.header02 {
}
.logo {
	position:absolute;
	top:0;
	left:5px;
	width:105px;
	z-index:9999;
}
.gnavwrap {
    margin-right: auto;
    margin-left: auto;
    position: absolute;
    width: 100%;
    z-index: 9009;
    background-color: #000;
    top: 50px;
    text-align: left;
    padding: 0;
    display: none;
    margin-bottom: 0;
    background-image: none;
    height: auto;
}
.gnav {
	text-align:center;
	font-size:0;
	padding-top: 15px;
	padding-bottom: 15px;
}
.gnav li {
	display:block;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}
.gnav li a {
	display:block;
	color: #fff;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	position:relative;
}
.gnav li a:hover::before {
    content: "";
    position: absolute;
    left: 0;
	right:0;
    bottom: 0;
    border-bottom: solid 4px #0091CC;
    width: 20px;
    margin: 0 auto;
}
.gnav li a:hover {
	opacity:1;
}
.logo02 {
	position:absolute;
	top:7px;
	right: inherit;
	left:120px;
	width:28px;
}


.footerwrap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.copy {
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	text-align: center;
}
.pagetop {
	position: fixed;
	right: 3%;
	bottom: 10px;
	width:40px;
}

.tmain01 {
	text-align: center;
	padding-top: 40px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
}
.tmain02 {
	margin-bottom:40px;
}
.tmain03 {
}

.tbg {
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
.tbg.type01 {
}
.cmnbox01 {
	max-width:94%;
	width:94%;
	margin:0 auto;
}

.ttitle01 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 12px;
	position: relative;
}
.ttitle01::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #000;
    width: 40px;
    margin: 0 auto;
}
.ttitle01 span {
	color: #007FAE;
}
.ttitle01 {
}

.tbox01 {
	position:relative;
	z-index:2;
}
.tbox02 {
	float:left;
	margin-top:20px;
}
.tbox02.type02 {
	float:none;
	text-align:center;
}
.tbox03 {
	float:right;
}
.tbox04 {
	margin-bottom:25px;
}
.tbox04.type02 {
	margin-bottom:-25px;
}
.tbox05 {
	text-align:right;
}

.tbtm01 {
	background-color: #046692;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.tbtm02 {
	max-width:50%;
	margin:0 auto;
}

.ticn01.type01 {
	position:absolute;
	top:-85px;
	left:0;
	z-index:0;
}
.ticn01.type02 {
	position:absolute;
	top:-175px;
	right:0;
	z-index:0;
}

.topichpath {
	font-size:13px;
	font-weight:bold;
	padding-top:12px;
	padding-bottom:12px;
}

.mtitle01 {
	text-align:center;
	margin-top:40px;
	margin-bottom:50px;
	padding-left:3%;
	padding-right:3%;
}
.mtitle01.type02 {
	margin-bottom:30px;
}
.mtitle02 {
	font-size: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
	min-width: 1px;
	padding-right: 20px;
	padding-left: 20px;
}
.mtitle03 {
}

.cmnbg01 {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 30px;
	position: relative;
	background-color: #F0EEF7;
}
.cmnbg01.type02 {
	margin-bottom: 0;
}
.title01 {
	position: relative;
	text-align: center;
	top: 0;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 12px;
	padding-top:12px;
	background-size:65px;
}
.title01 span {
}
.title01::before {
    content: "";
    position: absolute;
    left: 0;
	right:0;
    bottom: 0;
    border-bottom: 2px solid #000;
    width: 40px;
    margin: 0 auto;
}

.cbox01 {
	text-align:center;
	font-size:0;
}
.cbox02 {
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
}
.cbox03 {
	text-align:center;
	margin-bottom:15px;
}
.cbox04 {
	display: inline-block;
	background-color: #FFF;
	padding: 4px;
}
.cbox04 span {
	display: block;
	font-size: 16px;
	min-width: 1px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 3px;
	padding-left: 12px;
	border: 2px solid #000;
}
.cbox05 {
	text-align:center;
	margin-bottom:30px;
}


.cpt01 {
	padding-top: 1px;
	padding-right: 3%;
	padding-bottom: 20px;
	padding-left: 3%;
	background-size:cover;
}
.cpt02 {
	text-align:center;
	margin-bottom:20px;
}
.cpt03 {
	text-align:center;
	color: #fff;
	line-height:1.5;
}
.cpt04 {
	padding-right: 3%;
	padding-left: 3%;
}
.cpt05 {
	padding-bottom:30px;
}
.cpt06 {
	text-align:center;
	margin-bottom:25px;
}
.cpt07 {
	text-align:center;
	margin-bottom:12px;
}
.cpt07 span {
	color: #FFF;
	background-color: #007FAE;
	text-align: center;
	display: inline-block;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-left: 20px;
	border-radius:50px;
}
.cpt08 {
	font-size: 15px;
}
.cpt09 {
}
.cpt10 {
	font-size: 11px;
}
.ch01 {
    position: relative;
    padding-bottom: 30px;
}
	.mtitle01.type_item {
		margin-bottom: 30px;
	}
	.mtitle01_link {
		width: 100%;
		margin-bottom: 60px;
	}
	.mtitle01_link01 {
		font-size: 14px;
		display: block;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: auto;
		width: 100%;
		max-width: 260px
	}
	.mtitle01_link03 {
		display: block;
		position: relative;
		padding-top: 11px;
		padding-bottom: 11px;
		color: #fff;
		background-color: #0097CC;
		border-radius: 22.5px;
		border: 1px solid #0097CC;
	}
	.mtitle01_link03::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -4px;
		width: 20px;
		height: 5px;
	}
	.title01.type_line2 {
		font-size: 22px;
		top: 0;
	}

	.cmnbox02 {
		margin-right: auto;
		margin-left: auto;
		max-width: 94%;
	}

	.item .cmnbg01 {
		padding-bottom: 30px;
	}
	.item01 {

	}
	.item02 {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 20px;
	}
	.item02:nth-child(4n) {
		margin-right: 4%;
	}
	.item02:nth-child(4n + 1) {
		clear:  none;
	}
	.item02:nth-child(2n) {
		margin-right: 0;
	}
	.item02:nth-child(2n + 1) {
		clear: both;
	}
	.item02_img {
		margin-bottom: 8px;
	}
	.item02_head {
		margin-bottom: 5px;
		font-size: 14px;
	}
	.item02_txt {

	}
	.item03 {
		display: block;
		margin-bottom: 40px;
		padding-top: 20px;
		padding-right: 3%;
		padding-bottom: 20px;
		padding-left: 3%;
		background-color: #fff;
		border-radius: 4px;
	}
	.item03 dt {
		display: block;
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	.item03 dd {
		display: block;
	}
	.item03_01 {
		margin-bottom: 8px;
		font-size: 18px;
		font-weight: bold;
		color: #007FAE;
		text-align: center;
	}
	.item03_02 {
		font-size: 14px;
	}
	.item .cpt07 {
		margin-bottom: 12px;
	}
	.item04 {

	}
	.item05 {
		margin-bottom: 20px;
		text-align: center;
	}
	.item06 {
		margin-bottom: 15px;
		font-size: 18px;
		font-weight: bold;
		color: #007FAE;
	}
	.item07 {
		margin-bottom: 6px;
		font-size: 14px;
		font-weight: bold;
		color: #D75772;
	}
	.item08 {
		margin-bottom: 20px;
	}
	.item08 span {
		font-weight: bold;
	}
	.item09 {
		font-size: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.item09.type_vaz {
		max-width: 100%;
	}
	.item10 {
		display: inline-block;
		width: 31%;
		margin-right: 1%;
		margin-bottom: 10px;
		margin-left: 1%;
	}
	.item11 {
		padding-bottom: 0;
		font-weight: bold;
		color: #D75772;
		text-align: center;
	}
	.item11.type02 {
		padding-bottom:30px;
}
	.item12 {

	}
	.item13 {
		padding-bottom: 30px;
	}
	..item13:last-child {
		padding-bottom: 0;
	}
	.item14 {
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}
	.item14 dt {
		display: block;
		margin-bottom: 15px;
		width: 100%;
		padding-right: 0;
	}
	.item14 dt img {
		width: 100%;
	}
	.item14 dd {
		display: block;
		width: 100%;
	}
	.item14_head {
		margin-bottom: 10px;
		font-size: 18px;
		font-weight: bold;
	}
	.item14_txt {
		margin-bottom: 10px;
	}
	.item14_price {
		font-size: 14px;
	}
	.item16 {

	}
	.item17 {
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 10px;
	}
	.item17:nth-child(6n) {
		margin-right: 4%;
	}
	.item17:nth-child(6n + 1) {
		clear: none;
	}
	.item17:nth-child(2n) {
		margin-right: 0;
	}
	.item17:nth-child(2n + 1) {
		clear: both;
	}
	.item17 img {
		width: 100%;
	}
	.bnr {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #046692;
		font-size: 0;
		text-align: center;
		height: 60px;
		padding-top: 5px;
		min-width: 1px;
	}
	.bnr01 {
		display: inline-block;
		margin-right: 1%;
		margin-left: 1%;
		width: 140px;
		vertical-align: middle;
	}
	.bnr01.type_txt {
		display: block;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		width: 100%;
	}
	body.type_bnr {
		padding-bottom: 60px;
	}

.ita01 {
	margin-top: 30px;
	border-radius: 10px;
	font-size: 16px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-bottom:10px;
}

.tmain02 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
.mm02 {
	position:absolute;
	top:0;
	left:0;
	overflow: hidden;
    transition: 500ms linear;
	width:0;
}
.mm02.is-show {
	width:100%;
}
.mm02 img {
	width:auto;
	max-width:inherit;
}
.mm03 {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}


.dta01 {
	text-align:center;
}
.dta02 {
	display:block;
	vertical-align:top;
	margin-left:0;
	margin-right:0;
}
.dta03 {
	margin-top:20px;
	margin-bottom:20px;
}
.dta03 dt {
	font-size: 13px;
	margin-bottom: 10px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-radius:5px;
}
.dta03 dd {
	font-size: 13px;
	font-weight: bold;
}



}