@charset "utf-8";
/* --- RESET --- */
* {
	box-sizing         : border-box;
}
body,h1,h2,h3,h4,ul,nav,li,header,footer,section,dl,dt,dd,p,figure,figcaption {	
	margin             : 0;
	padding            : 0;
}
body {
	color              : #000000;
	font-size          : 16px;
}
img {
	width              : 100%;
	height             : auto;
	vertical-align     : middle;
	max-width          : 100%;
	max-height         : 100%;
}
ul {
	list-style-type    : none;
}
a img {
	border             : none;
}



/* --- TOP --- */
.sp {
	display            : block;
}
.tb {
	display            : none;
}
.pc {
	display            : none;
}
header img {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 64px;
}
header h1 {
	display            : none;
}
.toplogo p.topinfo {
	position           : absolute;
	float              : right;
	margin             : 0 auto;
	text-align         : right;
	}
   


/* --- NAVIGATION --- */
nav a {
	background         : #FFF;
    
}
nav ul {
	overflow           : hidden;
	padding            : 4px 4px 4px 4px;
	width              : 344px;
	margin             : 0px auto;
	text-align         : center;
}
nav ul li {
	float              : left;
}

nav ul li a {
	display            : block;
	width              : 112px;
	height             : auto;
	line-height        : 1;
    color: #999;
}
nav ul li a span {
	display            : block;
}
.bus a span.std {
	display												: none;
}
.bus a span.hov {
	display												: inline-block;
}
.bus {
	background-repeat  : no-repeat;
	background-size    : 48px;
	background-position: center 5px;
}
.bus a:hover {
	background-color   : transparent;
}
.pro a span.std {
	display												: none;
}
.pro a span.hov {
	display												: inline-block;
}
.pro {
	background-repeat  : no-repeat;
	background-size    : 48px;
	background-position: center 5px;
}
.pro a:hover {
	background-color   : transparent;
}
.not a span.std {
	display												: none;
}
.not a span.hov {
	display												: inline-block;
}
.not {
	background-repeat  : no-repeat;
	background-size    : 48px;
	background-position: center 5px;
}
.not a:hover {
	background-color   : transparent;
}

.con {
	background-repeat  : no-repeat;
	background-size    : 48px;
	background-position: 16px 5px;
}
.con a:hover {
	background-color   : transparent;
}



/* --- CONTENTS --- */
.contents {
	width              : 100%;
	margin             : 0px auto 0px;
}
section {
	margin-bottom      : 0px;
	background         : #fff;
	padding-top        : 0px;
}
section h2 {
    display: block;
    background: #000;
    font-size          : 30px;
    color              : #fff;
}
section h2 img {
	width              : auto;
}
section h2 span {
	display            : none;
}
section h3 img {
	width              : 36px;
	height             : auto;
	margin-right       : 4px;
	}
section h3 {
	font-size          : 24px;
	margin-top         : 1em;
	margin-left        : 8px;
}
section h4 {
	font-size          : 16px;
	margin-top         : 1em;
	margin-left        : 16px;
}
section p {
	margin-left        : 24px;
}
#jump {
	padding-top        : 24px;
	text-align         : right;
}
img#anidron {
	width              : 100px;
	display            : none;
}



/* --- HOME --- */
#home {
    position            : relative;
}
.cter {
    width               : 100vw;
    margin              : 0 auto;  
    text-align          : center;
}
.homeimg .cter {
    position            : absolute;
    top                 : 16%;
    font-size           : 2vw;
    color               : #fff;
}
#contact form {
	margin-top         : 2em;
	margin-right       : 24px;
}
#contact p {
	margin-top         : 1em;
}
#contact textarea {
	width              : 100%;
	height             : 7em;
}
.subbtn {
    margin-right        : 0;
    text-align          : center;
}
#subbtn {
    width               : 144px;
    height              : auto;
}

/* --- FOOTER --- */
footer {
    height: 48px;
	text-align         : right;
	background-color   : #000000;
}
footer small {
    line-height: 48px;
	width              : 100%;
	color              : #FFF;
    font-size           : 8px; 
}




/* ------------------------ メディアクエリ（768pxで切り替え） ------------------------*/
@media screen and (min-width: 768px) {
* {
	max-width									:1920px;
}
/* --- HOME 980 --- */	
.toplogo {
	width													: 400px;
	margin-top: 1em;
    margin-right                       : 10px;
	padding                     : 0;
	height												: auto;
	float														: left;
}
.topgruep {
	width													: 100%;
	position											: fixed;
	z-index												: 9;
	padding-bottom        : 16px;
	overflow                    : hidden;
}

.toplogo img {
	width													: 384px;
}
.sp {
	display												: none;
}
.tb {
	display												: none;
}
.tb img {
	display												: block;
}

nav {
	width													: 100%;
	margin												: 0px 48px 0px;
	background								: #FFF;
	padding											: 50px 0 0 24px;
	text-align										: right;
}
nav ul {
	margin												:	0;
	padding											: 0;
	display												: inline;
	text-align										: right;
}
nav ul li {
	width													: 128px;
	margin												: 0;
	padding											: 0;
	display												: inline;
}	
nav ul li:last-child {
	width													: 110px;
}	
nav ul li a {
	width													: 100%;
	color													: #778db7;
	text-decoration					: none;
	text-align										: left;
}	
nav ul li a span {
	display												: inline;
	font-size										: 12px;
	vertical-align							: bottom;
}
nav ul li a img {
	margin												: 0;
	padding											: 0;
	width													: 32px;
	height												: 32px;
	z-index												: 7;
}

.bus {
	background-repeat		: no-repeat;
	background-size				: 32px;
	background-position	: 0px 0px;
}
.bus a span.std {
	display												: inline-block;
}
.bus a span.hov {
	display												: none;
}
.bus a:hover {
	background-color			: transparent;
}
.bus a:hover span.std {
	display:none;
}
.bus a:hover span.hov {
	display												: inline-block;
}
.pro {
	background-repeat		: no-repeat;
	background-size				: 32px;
	background-position	: 0px 0px;
}
.pro a span.std {
	display												: inline-block;
}
.pro a span.hov {
	display												: none;
}
.pro a:hover {
	background-color			: transparent;
}
.pro a:hover span.std {
	display												: none;
}
.pro a:hover span.hov {
	display												: inline-block;
}
.not {
	background-repeat		: no-repeat;
	background-size				: 32px;
	background-position	: 0px 0px;
}
.not a span.std {
	display												: inline-block;
}
.not a span.hov {
	display												: none;
}
.not a:hover {
	background-color			: transparent;
}
.not a:hover span.std {
	display												: none;
}
.not a:hover span.hov {
	display												: inline-block;
}
.con {
	background-repeat		: no-repeat;
	background-size				: 32px;
	background-position	: 0px 0px;
}
.con a span.std {
	display												: inline-block;
}
.con a span.hov {
	display												: none;
}
.con a:hover {
	background-color			: transparent;
}
.con a:hover span.std {
	display												: none;
}
.con a:hover span.hov {
	display												: inline-block;
}
nav ul li a:hover {
	font-weight								: bold;
	color													: #002244;
}



/* --- CONTENTS 980 --- */
.contents {
	width													: 100%;
	margin												: 0 0 auto;
	position											: relative;
	padding-top								: 82px;
}
section {
	margin-bottom					: 0px;
	background								: #fff;
	padding-top								: 0px;
}
section h2 {

	background								: #000000;
}
section h2 img {
	width													: 400px;
}
section h2 span {
        display: block;
	display												: none;
}
section h3 img {
	width													: 36px;
	height												: auto;
	margin-right							: 4px;
	}
section h3 {
	font-size										: 24px;
	margin-top									: 1em;
	margin-left								: 8px;
}
section h4 {
	font-size										: 16px;
	margin-top									: 1em;
	margin-left								: 16px;
}
section p {
	margin-left								: 48px;
}




/* --- TOP 980 --- */
#atop {
	width													: 100%;
	overflow										: hidden;
	position											: relative;
}
#atop p {
	width													: 50%;
	margin												: 0;
	padding-left								: 48px;
	padding-right							: 24px;
	float														: left;
}
#atop img {
	display												: block;
	width													: 50%;
	margin												: 0;
	height												: auto;
	padding-left								: 24px;
	padding-right							: 48px;
	float														: right;
}

    
    
/* --- HOME 980 --- */
#home {
    position: relative;
    width: auto;
}
#home:before {
    content:"";
    display: block;
    padding-top: 50%;
}
.homeimg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right:0;
    }    
    

/* --- BUSINESS 980 --- */
.busimg {
	display												: block;
}
.busimg img#back {
	position											: relative;
	width													: 536;
}
.unit {
	width													: 33%;
	height												: 300px;
	float														: left;
	position											: relative;
}
.spbusiness {
	display												: none;
}
.tbbusiness {
	display												: none;
}



/* --- PROFILE 980 --- */
#profile {
	padding-top								: 98px;
	margin-top									: -98px;
}



/* --- NOTICE 980 --- */
#notice {
	padding-top								: 98px;
	margin-top									: -98px;
}



/* --- CONTACT 980 --- */
#contact {
	padding-top								: 98px;
	margin-top									: -98px;
}
#contact textarea {
	width													: 100%;
	height												: 18em;
}
.subbtn {
	height												: 30px;
	text-align										: right;
}
.subbtn p {
	height												: 30px;
}
#contact p.jump {
	margin												: 0 0 84px 0;
	padding											: 0;
}



/* --- FOOTER 980 --- */
footer {
    height: 48px;
}
    small {
       line-height: 48px;
        font-size: 8px;
    }