/*----------------------------------------
230821
----------------------------------------*/
/* new_works */
#new_works { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#new_works #main { position: relative; width: 1000px; margin: 0 auto 100px; padding: 0; display: block; }
#new_works h1 { text-align: center; font-size: 190%; letter-spacing: 0.2em; line-height: 200%; margin: 50px 0; padding: 0; }
#new_works p { margin: 0; padding: 0; }
#new_works li { background: #fff; width: 47%; float: left; margin: 0 1% 2%; padding: 0; border: 1px #585858 solid; border-radius: 5px; }
#new_works li #ename { font-size: 120%; text-align: center; color: #fff; background: #154060; width: 94.3%; float: left; margin: 0; padding: 7px 3% 4px; display: block; border-radius: 0 5px 0 0; }
#new_works li #eimg { width: 40%; height: 144px; float: left; margin: 0; padding: 0; display: block; }
#new_works li #edata { line-height: 150%; width: 56%; float: right; margin: 0; padding: 2%; display: block; }
#new_works li #edata h2 { font-size: 110%; letter-spacing: 0.1em; margin: 0; padding: 0 0 8px; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
#new_works #main { width: 96%; margin: 0 2%; }
#new_works h1 { margin: 50px 0; padding: 0; }
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#new_works #main { width: 96%; margin: 0 2%; }
#new_works h1 { margin: 50px 0; padding: 0; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#new_works { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#new_works #main { width: 92%; float: left; margin: 0 4%; display: block; }
#new_works h1 { margin: 50px 0; padding: 0; }
#new_works li { width: 97%; float: left; margin: 0 1% 4%; padding: 0; }
}
/* Mobile2用 */
@media only screen and (max-width: 540px) {
#new_works { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#new_works #main { width: 92%; float: left; margin: 0 4%; display: block; }
#new_works h1 { margin: 50px 0; padding: 0; }
#new_works li { width: 97%; float: left; margin: 0 1% 4%; padding: 0; }
}
/* aboutus */
#aboutus { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#aboutus #main { position: relative; width: 1000px; margin: 0 auto 100px; padding: 0; display: block; }
#aboutus h1 { text-align: center; font-size: 190%; letter-spacing: 0.2em; line-height: 200%; margin: 50px 0; padding: 0; }
#aboutus h2 { font-size: 150%; letter-spacing: 0.2em; margin: 10px 0; padding: 0; }
#aboutus p { margin: 0; padding: 8px 8px; }
#aboutus p.ravel { width: 70%; margin: 8px 15%; padding: 0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
#aboutus #main { width: 96%; margin: 0 2%; }
#aboutus h1 { margin: 50px 0; padding: 0; }
#aboutus p.ravel { padding: 0; }
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#aboutus #main { width: 96%; margin: 0 2%; }
#aboutus h1 { margin: 50px 0; padding: 0; }
#aboutus p.ravel { padding: 0; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#aboutus { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#aboutus #main { width: 92%; float: left; margin: 0 4%; display: block; }
#aboutus h1 { margin: 50px 0; padding: 0; }
#aboutus h2 { margin: 30px 0 10px; }
#aboutus p.ravel { width: 88%; margin: 8px 5% 8px 7%; }
}
/* Mobile2用 */
@media only screen and (max-width: 540px) {
#aboutus { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#aboutus #main { width: 92%; float: left; margin: 0 4%; display: block; }
#aboutus h1 { margin: 50px 0; padding: 0; }
#aboutus h2 { margin: 30px 0 10px; }
#aboutus p.ravel { width: 88%; margin: 8px 5% 8px 7%; }
}
/* colu_kiji */
#colu_kiji { width: 100%; overflow: hidden; margin: 0; padding: 30px 0; display: block; }
#colu_kiji #main { position: relative; width: 1000px; margin: 0 auto 100px; padding: 0; display: block; }
#colu_kiji h1 { text-align: center; font-size: 190%; letter-spacing: 0.2em; line-height: 200%; margin: 50px 0; padding: 0; }
#colu_kiji h2 { font-size: 150%; letter-spacing: 0.2em; margin: 10px 0; padding: 0; }
#colu_kiji p { margin: 0; padding: 8px 8px; }
#colu_kiji p.ravel { width: 70%; margin: 8px 15%; padding: 0; }
/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
#colu_kiji #main { width: 96%; margin: 0 2%; }
#colu_kiji h1 { margin: 50px 0; padding: 0; }
#colu_kiji p.ravel { padding: 0; }
}
/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
#colu_kiji #main { width: 96%; margin: 0 2%; }
#colu_kiji h1 { margin: 50px 0; padding: 0; }
#colu_kiji p.ravel { padding: 0; }
}
/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
#colu_kiji { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#colu_kiji #main { width: 92%; float: left; margin: 0 4%; display: block; }
#colu_kiji h1 { margin: 50px 0; padding: 0; }
#colu_kiji h2 { margin: 30px 0 10px; }
#colu_kiji p.ravel { width: 88%; margin: 8px 5% 8px 7%; }
}
/* Mobile2用 */
@media only screen and (max-width: 540px) {
#colu_kiji { width: 100%; float: left; margin: 0; padding: 30px 0; display: block; }
#colu_kiji #main { width: 92%; float: left; margin: 0 4%; display: block; }
#colu_kiji h1 { margin: 50px 0; padding: 0; }
#colu_kiji h2 { margin: 30px 0 10px; }
#colu_kiji p.ravel { width: 88%; margin: 8px 5% 8px 7%; }
}