/* CSS Document */

/* --- company page --- */
section#idea h2 { color: #0062AC; font-weight: 700;}
section#idea p.sub { font-weight: 700;}

/* --- common --- */
@media only screen and (min-width: 768px) {
#top .box img { width: 15.5rem;}
section#idea { padding: 5.5rem 0 6.5rem;}
section#idea h2 { font-size: 1.55rem;}
section#idea p.sub { font-size: 0.9rem;  margin: 0.5em 0 2em;}
section#idea p.exp { font-size: 0.75rem; line-height: 2;}


}/* --- pc --- */
@media only screen and (max-width: 767px) {
#top .box img { width: 14rem;}
section#idea { padding: 4.5rem 0 6rem;}
section#idea h2 { font-size: 1.55rem;}
section#idea p.sub { font-size: 0.9rem;  margin: 0.5em 0 2em;}
section#idea p.exp { font-size: 0.75rem; line-height: 2;}
}/* --- sp --- */


/* --- fromCEO --- */
section#fromCEO .message { background-size: contain; background-repeat: no-repeat; background-position: center bottom; }

section#fromCEO .message p.ttl { color: #0062AC; font-weight: 700;}
section#fromCEO .message p.sign { font-weight: 700;}
/* --- common --- */
@media only screen and (min-width: 768px) {
section#fromCEO .message { padding-bottom: 22rem; background-image: url(../company/images/img2.jpg);}
section#fromCEO .message .grd { width: 100%; height: 100%; background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0) 20%, rgba(255,255,255,1) 55%, rgba( 255,255,255,1));}
section#fromCEO .message p.ttl { font-size: 1.55rem; margin-bottom: 1.5em; padding-top: 5rem;}
section#fromCEO .message p.exp { font-size: 0.75rem; line-height: 1.9;}
section#fromCEO .message p.sign { font-size: 1rem; text-align: left; margin: 19rem 0 0 8.3rem;}
section#fromCEO .message p.sign img { width: 9.4em;}
}/* --- pc --- */
@media only screen and (max-width: 767px) {
section#fromCEO .message { padding-bottom: 12rem; background-image: url(../company/images/img2_sp.jpg);}
section#fromCEO .message .grd { width: 100%; height: 100%; background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0) 20%, rgba(255,255,255,1) 45%, rgba( 255,255,255,1));}
section#fromCEO .message p.ttl { font-size: 1.55rem; margin-bottom: 1.5em; padding-top: 5rem;}
section#fromCEO .message p.exp { font-size: 0.7rem; line-height: 1.9; font-weight: 500;}
section#fromCEO .message p.sign { font-size: 1rem; text-align: left; margin: 12rem 0 0 2.4rem;}
section#fromCEO .message p.sign img { width: 9.4em;}
}/* --- sp --- */



/* --- outline --- */
section#outline .contents { text-align: left;}
section#outline .contents h2 { color: #0062AC; font-weight: 800;}
section#outline .contents p.exp { border-bottom: 0.1rem dotted #BFBFBF;}
section#outline .contents p.exp:nth-of-type(1) { border-top: 0.1rem dotted #BFBFBF;}
section#outline .contents p.exp span { display: inline-block;}
/* --- common --- */
@media only screen and (min-width: 768px) {
section#outline { padding: 5rem 0 5rem;}
section#outline .contents h2 { font-size: 1.8rem; margin-bottom: 1em; }
section#outline .contents p.exp { font-size: 0.85rem; padding: 1em 0;}
section#outline .contents p.exp span { width: 10.5em;}
}/* --- pc --- */
@media only screen and (max-width: 767px) {
section#outline { padding: 5rem 0 5rem;}
section#outline .contents h2 { font-size: 1.8rem; margin-bottom: 1em; }
section#outline .contents p.exp { font-size: 0.85rem; padding: 1em 0;}
section#outline .contents p.exp span { width: 10.5em;}
}/* --- sp --- */




/* --- access --- */
section#access .map { font-size: 0;}
section#access .map iframe { width: 100%; height: 100%;}
section#access hgroup p { text-align: left;}
/* --- common --- */
@media only screen and (min-width: 768px) {
section#access hgroup p { font-size: 0.7rem;}
section#access .map { width: 100%; aspect-ratio: 3 / 1;}
}/* --- pc --- */
@media only screen and (max-width: 767px) {
section#access hgroup p { font-size: 0.65rem;}
section#access .map { width: 100%; aspect-ratio: 64 / 50;}
}/* --- sp --- */