@charset "utf-8";

#body > nav > ul > li.features {border-bottom-color:#ffffff;}

#body > section {width:920px; position:relative; margin:80px -1000px 0; padding:80px 1000px 0; border-top:1px solid #e5e5e5; text-align:center;}
#body > nav + section {margin-top:0; padding-top:40px; border-top:none;}
#body > section > small {display:block; position:absolute; right:50%; bottom:-4em; margin:0 -460px; font-size:10px;}

#body > section .banner {display:block; width:auto; margin:2em auto 0; padding:0; line-height:1.5;}
#body > section .banner > a {display:inline-block;}
#body > section .banner img {display:block;}
#body > section .banner p {width:450px; margin:1em auto 0; font-size:12px;}
#body > section span.wordBreak {display: block;}

#body > section > header {}
#body > section > header > .image {}
#body > section > header > .image > img {display:block; margin:0 auto;}
#body > section > header > h1     {margin:60px 0 0; font:bold 28px/1.4 serif; text-align:center;}
#body > section > header > strong {display:block; margin:10px 0 0; font:bold 20px/1.7 serif; text-align:center;}
#body > section > header > strong > small {display:block; text-align: center; font-size:12px; margin:0 auto;}
#body > section > header > p {width:460px; margin:1em auto 0; font-size:14px; text-align:left; line-height:2;}
#body > section > header > p small {font-size:12px;}
#body > section > header > small {display:block; width:460px; margin:1em auto 0; font-size:12px; text-align:left; line-height:2;}
#body > section > header > section {width:460px; margin:5em auto 0; padding:0;}
#body > section > header > section > * {margin:1em 0 0;}
#body > section > header > section > *:first-child {margin-top:0;}
#body > section > header figure {display:inline-block; margin:3em auto 0 !important;}
#body > section > header figure img {display:block; margin:1em 0 0;}
#body > section > header figure img:first-child {margin-top:0;}
#body > section > header figure > figcaption {margin:1em 0 0; font-size:12px; text-align:left;}
#body > section > header .more {display:table; float:none !important;}
#body > section > header > div.image > figure > figcaption > ul {text-align:center;}

#body > section > section {}

#body > section section {padding:80px 0 0; line-height:2;}
#body > section section:after {display:block; clear:both; height:0; content:"";}
#body > section section > h1 {font-size:16px; font-weight:bold; text-align:left;}
#body > section section > p {margin:1em 0 0; font-size:14px; text-align:left;}
#body > section section > small {display:block; margin:1em 0 0; font-size:12px; text-align:left;}
#body > section section > figure {display:inline-block; margin:1em auto 0;}
#body > section section > figure > img {display:block; margin:1em auto 0;}
#body > section section > figure > img:first-child {margin-top:0;}
#body > section section > figure > figcaption {margin:1em 0 0; font-size:12px; text-align:left;}
#body > section section .more {float:left;}

#body > section section.columns2 {margin:0 0 0 -20px; padding-top:0; letter-spacing:-0.4em;}
#body > section section.columns2 > div {display:inline-block; width:450px; margin:0 0 0 20px; letter-spacing:normal; vertical-align:top;}
#body > section section.columns2 > div.span2 {width:920px;}

#body > section section.columns3 {margin:0 0 0 -20px; padding-top:0; letter-spacing:-0.4em;}
#body > section section.columns3 > div {display:inline-block; width:320px; margin:0 0 0 20px; letter-spacing:normal; vertical-align:top;}
#body > section section.columns3 > div.span2 {width:580px;}
#body > section section.columns3 > div.span3 {width:920px;}

#body > section section.image-left  > figure {float:left;  margin:1em 20px 10px 0;}
#body > section section.image-right > figure {float:right; margin:1em 0 10px 20px;}
#body > section section.image-left  > figure:first-child, 
#body > section section.image-right > figure:first-child {margin-top:0;}
#body > section section.image-left  > a.banner {float:right;}



/** by language **/
#body > section > header > h1, 
#body > section > header > strong {
	font-weight:normal; font-family:"century-old-style-std", serif;}
html:lang(ja) #body > section > header > h1, 
html:lang(ja) #body > section > header > strong {
	font-family:NIS_SMS5, "ヒラギノ明朝 W6", "Hiragino Mincho W6", "游明朝体", "Yu Mincho", serif;}


@media screen and (max-width:480px) {

#body > nav > ul > li.features {}

#body > section {width:auto; margin:0; padding:20px;}
#body > nav + section {padding-top:20px;}
#body > section > small {position:static; margin:2em 0 0; text-align:left;}

#body > section .banner {max-width:280px; margin-top:1em;}
#body > section .banner > a {display:block;}
#body > section .banner img {width:100%; max-width:280px; height:auto;}
#body > section .banner p {width:auto; max-width:280px; margin-top:0.5em; font-size:10px;}
#body > section span.wordBreak {display: inline;}

#body > section > header {}
#body > section > header > .image {max-width:280px; margin:0 auto; padding:30px 0;}
#body > section > header > .image > img, #body > section > header > .image > figure > img {width:100%; height:auto;}
#body > section > header > h1 {margin:1em 0 0;font-size: 20px;text-align:left;text-align: center;}
#body > section > header > strong {margin:1em 0 0;font-size: 16px;line-height:1.5;text-align:left;}
#body > section > header > strong > small {text-align: left;}
#body > section > header > h1     br, 
#body > section > header > strong br {display:none;}
#body > section > header > p {width:auto; font-size:12px; line-height:1.5;}
#body > section > header > p small {font-size:10px;}
#body > section > header > small {width:auto; font-size:10px; line-height:1.5;}
#body > section > header > section {width:auto; margin-top:2em;}
#body > section > header > section > * {}
#body > section > header > section > *:first-child {}
#body > section > header figure {margin:3em auto 0;}
#body > section > header figure > img {display:block; width:100%; height:auto; margin:1em 0 0;}
#body > section > header figure > img:first-child {margin-top:0;}
#body > section > header figure > figcaption {margin:1em 0 0; font-size:12px; text-align:left;}
#body > section > header .more {width:auto; padding-left:39px; text-indent:-24px;}
#body > section > header > div.image > figure > figcaption > ul {text-align:left; margin-left:-0.5em;}

#body > section > section {}

#body > section section {padding:20px 0 0; line-height:1.5;}
#body > section section:after {}
#body > section section > h1 {font-size: 12px;}
#body > section section > figure + h1 {margin-top:0.5em;}
#body > section section > p {font-size:12px;}
#body > section section > small {font-size:11px;}
#body > section section > figure {}
#body > section section > figure img {width:100%;max-width:280px;height:auto;/* margin:1em 0 0; */}
#body > section section > figure img:first-child {}
#body > section section > figure > figcaption {margin:0.5em 0 0; font-size:10px;}
#body > section section .more {float:none;}
#body > section section > a.banner {float:none; margin:1em 0 0;}

#body > section section.columns2 {margin:0;}
#body > section section.columns2 > div {width:100%; margin:0;}
#body > section section.columns2 > div.span2 {width:100%;}

#body > section section.columns3 {margin:0;}
#body > section section.columns3 > div {width:100%; margin:0;}
#body > section section.columns3 > div.span2 {width:100%;}
#body > section section.columns3 > div.span3 {width:100%;}

#body > section section.image-left  > figure {float:none;  margin:1em 0 0;}
#body > section section.image-right > figure {float:none; margin:1em 0 0;}
#body > section section.image-left  > a.banner {float:none;}

/** by language **/
#body > section > header > h1, 
#body > section > header > strong {}
html:lang(ja) #body > section > header > h1, 
html:lang(ja) #body > section > header > strong {}

}