@charset "utf-8";

/*タブレット用（481px～900px）環境の設定*/
@media (min-width:481px) and (max-width:900px){

#----------900px {}
.page {
	width: 100%;
}
header {
	background-image: none;
	width: 100%;
	height: 190px;
}
header .header-in {
	width: 100%;
	height: auto;
}
header .header-in .logo {
	position: absolute;
	height: auto;
	width: 100%;
	top: 10px;
	text-align: center;
}
header .header-in .logo img {
	width: 300px;
	height: auto;
}
header .header-in .header-des {
	position: absolute;
	padding-bottom: 0px;
	width: 96%;
	height: auto;
	padding-top: 0px;
	padding-right: 2%;
	padding-left: 2%;
	top: 110px;
}
header .header-in .header-des h1 {
	text-align: center;
	float: none;
	width: 100%;
	padding-bottom: 5px;
}
header .header-in .header-des p {
	text-align: center;
	float: none;
	width: 100%;
}
.gnavi-bg {
	top: 190px;
	height: auto;
}


.globalnavi {
	width: auto;
	height: auto;
	overflow: hidden;
}
.globalnavi ul {
	width: auto;
}
.globalnavi a {
	width: 33%;
}

.main {
	text-align: justify;
	clear: both;
	width: auto;
	margin-right: 6px;
	margin-left: 6px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#main-one .main-contents {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#main-one .main-contents .h2-bg h2 {
	width: 96%;
}
#main-one .main-contents .main-contents-in {
	width: 100%;
}
.main-img {
	width: 100%;
}
#main-one .main-contents {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}


.main .main-contents {
	width: auto;
	float: none;
	width: auto;
}
.main .main-contents dl {
	padding-right: 1%;
	padding-left: 1%;
}
.main .main-contents dl dt {
	width: 25%;
	padding-right: 1%;
	padding-left: 1%;
}
.main .main-contents dl dd {
	width: 65%;
	padding-right: 1%;
	padding-left: 1%;
}
.main .main-contents .column-three .column-in {
	width: 98%;
	float: none;
	padding: 1%;
}
.main .main-contents .column-two #wide-center {
	width: 98%;
}


.main .main-side {
	width: auto;
	float: none;
	width: auto;
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCC;
}
.main .main-side .side-column {
	width: 48%;
	float: left;
	padding-right: 1%;
	padding-left: 1%;
}

.main .main-side #profile .logo img {
	width: 90%;
}

#mainimg {
	margin: 0px 6px 1%;
}
#mainimg aside {
	height: auto;
	width: 100%;
}
#mainimg aside img {
	vertical-align: bottom;
}
.main .main-side #profile .name {
	width: 50%;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.main .main-side #profile .address {
	width: 50%;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.main .main-side #profile ul {
	border-top-style: none;
}
.main .main-side #profile ul li {
	width: 98%;
	margin-left: 1%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.main .main-side .side-menu ul li {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	width: 50%;
	float: left;
}
.main .main-side .banner ul li {
	margin: 0px;
	padding: 0;
	list-style-type: none;
	/* [disabled]width: 50%; */
	/* [disabled]float: left; */
}
.footer {
	width: auto;;
	height: auto;
}
.footer-navi {
	width: 100%;
}

}



@media (max-width : 480px){


#----------480px {}
.page {
	overflow: hidden;
}
header {
	background-image: none;
	width: 100%;
	height: 160px;
}
#mypage header {
	height: auto;
}
header .header-in {
	width: auto;
	height: auto;
	text-align: center;
}
#mypage header .header-in {
	height: 80px;
}
header .header-in .logo {
	position: absolute;
	height: auto;
	width: 100%;
	top: 10px;
	text-align: center;
}
header .header-in .logo img {
	width: 150px;
	height: auto;
}
#mypage header .header-in .logo img {
	width: 100px;
}
header .header-in .header-des {
	width: 100%;
	top: 80px;
}
header .header-in .header-des h1 {
	text-align: center;
	float: none;
	width: 100%;
	padding-bottom: 5px;
}
header .header-in .header-des p {
	text-align: center;
	float: none;
	width: 100%;
	font-size: 10px;
}
header .header-in .header-des p br {
	display: none;
}
header .header-in .header-navi {
	width: 150px;
}
header .header-in .header-navi ul li {

}
header .header-in .header-navi ul li a {
}
header .header-in .header-navi ul .login a {

}
header .header-in .header-navi ul .login-corp a {
	background-image: none;
}
header .header-in .header-navi ul .sitemap a{
	background-image: none;
}
header .header-in .header-navi ul .trial a {

}

.gnavi-bg {
	top: 250px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.globalnavi {
	width: auto;
	height: auto;
	overflow: hidden;
}
.globalnavi ul {
	width: auto;
}
.globalnavi ul li {
	width: 50%;
}
.globalnavi a {
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.main {
	text-align: justify;
	clear: both;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main .main-contents {
	width: auto;
	float: none;
	width: auto;
}
.main .main-contents .h2-bg h2 {
	font-size: 24px;
}
#mypage .main .main-contents .h2-bg {
	margin-bottom: 20px;
	margin-top: 20px;
}

.main .main-contents h3 {
	font-size: 20px;
}
.main .main-contents h4 {
	font-size: 18px;
}
.main .main-contents h5 {
	font-size: 16px;
}
.main .main-contents p {
	font-size: 16px;
}
.main .main-contents ul li {
	font-size: 16px;
}
.main .main-contents ol li {
	font-size: 16px;
}
.main .main-contents dl dt {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 7px;
}
.main .main-contents dl dd {
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 7px;
}
.main .main-contents table {
	border-spacing: 2px;
}
.main .main-contents table tr th {
	padding: 3px;
	font-size: 16px;
}
.main .main-contents table tr td {
	padding: 3px;
	font-size: 16px;
}
.main .main-contents .crumb {
	font-size: 13px;
}

.main .main-contents dl {
	padding-right: 1%;
	padding-left: 1%;
}
.main .main-contents dl dt {
	width: 96%;
	padding-right: 1%;
	padding-left: 1%;
	text-align: left;
}
.main .main-contents dl dd {
	width: 96%;
	padding-right: 1%;
	padding-left: 1%;
}
.main .main-contents dl dd.last {
	height: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.main .main-contents .column-two .column-in {
	padding: 1%;
	width: 98%;
	float: none;
}
.main .main-contents .column-three .column-in {
	width: 98%;
	float: none;
	padding: 1%;
}
.main .main-contents .column-two #wide-center {
	width: 98%;
}
.main .main-side {
	width: auto;
	float: none;
	width: 100%;
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCC;
}
.main .main-side .side-column {
	width: 100%;
	float: none;
}

#contents {
	padding-top: 10px;
}
#main-one .main-contents {
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
}
#main-one .main-contents .h2-bg h2 {
	width: 96%;
}
#main-one .main-contents .main-contents-in {
	width: 100%;
}
.main .main-contents .table-full table tr th {
	font-size: 14px;
}
.main .main-contents .table-full table tr td {
	font-size: 14px;
}

.main .main-contents .gallery ul li {
    width: 98%;
	padding: 1%;
}
.main .main-contents .gallery-three ul li {
    width: 48%;
	padding: 1%;
}
.main .main-contents .bt-tab ul li {
	font-size: 14px;
}
.main .img-float {
	float: none;
	padding: 1%;
    width: 98%;
}
.main .img-float25 {
	padding: 1%;
    width: 48%;
}
.main-img {
	width: 100%;
}
.footer {
	width: 100%;
	height: auto;
}
.footer-navi {
	width: 100%;
}
.footer-navi ul li a {
	font-size: 13px;
	text-align: center;
}
.footer-navi .profile .logo {
	width: 80%;
	float: none;
	margin-right: 10%;
	margin-left: 10%;
}
.footer-navi .profile .profile-in {
	width: 50%;
	margin-right: 1%;
	margin-left: 1%;
}
.footer-navi .profile ul {
	width: 40%;
	margin-right: 1%;
	margin-left: 1%;
}
.footer-navi .profile ul li a {
	text-align: left;
}
.footer p {
	width: 100%;
	text-align: center;
	font-size: 12px;
}
.footer address {
	font-size: 12px;
}
.main .main-contents .inquiry-table dl dt {
	width: 98%;
	text-align: left;
}
.main .main-contents .inquiry-table dl dd {
	width: 98%;
}
.main .main-contents .inquiry-table input{
	width: 97%;
}
}
@media screen and (max-width: 540px){
#----------540px {}
header .header-in .header-des p br {
	display: none;
}
.main .main-contents .column-two .column-in {
	float: none;
	padding: 2%;
	width: 96%;
}
.main .img-float {
	float: none;
	padding: 1%;
    width: 98%;
}
.main .img-float25 {
	padding: 1%;
    width: 33%;
}
}