/* CSS Document */


/* div.headline div#bgAbout { position: relative; margin: 10px 0 20px; width: 100%; background: url(images/bgAbout.jpg) repeat-x ; } */
div.headline div#bgAbout { position: relative; margin: 10px 0 20px; width: 100%; background: url(images/bgAbout.jpg) no-repeat; background-position: right center; background-color: #000000; min-width: 930px; }
div.headline div#bgAbout h2 { position: absolute; top: 50%; padding: 20px; line-height: 1em; background: #e50012; color: #fff; }

h3.mincho { line-height: 1.4em; margin-bottom: 28px;}
h3.mincho+p { font-size: 16px; line-height: 1.8em; margin-bottom: 50px;}
h3#h3Why { font-weight: bold; color: #e50012; line-height: 1em; }
h3#h3Why span { color: #fff; background: #e50012; display: inline-block; box-sizing: border-box; text-align: center; font-weight: bold; margin-right: 10px; margin-bottom: 20px; }
h4#h4Why { line-height: 1.8em; }
h4#h4Why span { color: #e50012; border-bottom: 2px dashed #e50012; }
h4#h4Why+p { line-height: 1.8em; font-size: 16px; margin-bottom: 50px; }

div#aboutLink { background: #efefef; margin: 0; padding: 20px; }
div#aboutLink div.col-2 span { display: block; margin-bottom: 5px; }
div#aboutLink div.col-2 span a { display: block; color: #fff; padding: 20px; border-radius: 5px; background: #e50012; text-align: center; font-size: 22px; }
div#aboutLink div.col-2 p { text-align: center; }

@media screen and (min-width: 769px){
	div.headline { padding-left: 30px; padding-right: 30px; }
	div.headline ul.breadcrumb { padding-left: 0; padding-right: 0; }
	div.headline div#bgAbout { height: 270px; background-position: right center; }
	div.headline div#bgAbout h2 { margin-top: -35px; font-size: 30px; }
	
	h3.mincho { font-size: 34px; }
	h3#h3Why { font-size: 28px; }
	h3#h3Why span { border-radius: 45px; padding: 31px 14px; width: 90px; height: 90px; }
	h4#h4Why { font-size: 22px; margin-bottom: 10px; }
}

@media screen and (max-width: 768px){
	div.headline div#bgAbout { height: 200px; }
	div.headline div#bgAbout { background-size: auto 100%; background-position: -50px center; background-color: #000000; min-width: initial; }
	div.headline div#bgAbout h2 { margin-top: -32px; font-size: 24px; }
	
	h3.mincho { font-size: 27px; }
	h3#h3Why { font-size: 24px; }
	h3#h3Why span { border-radius: 42px; padding: 30px 16px; width: 84px; height: 84px; }
	h4#h4Why { font-size: 20px; margin-bottom: 20px; }
	div#aboutLink div.col-2:first-child { margin-bottom: 15px; }
}


@media screen and (max-width: 480px){
	div.headline div#bgAbout { height: 180px; background: url(images/bgAbout.jpg) no-repeat ; background-size: auto 180px; background-position: -250px top; background-color: #000000; min-width: initial; }
	div.headline div#bgAbout h2 { padding:10px; top: 32px; }
}