@charset "utf-8";
img, object, embed, video { max-width: 100%; }
.ie6 img { width: 100%; }/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
img { margin: 0; padding: 0; }
* { zoom: 1; }
body { color: #333; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 12px; line-height: 1.6; background-color: #FFF; }
h1 { font-size: 16px; line-height: 1; }
h2 { font-size: 13px; font-weight: bold; }
p { text-align: left;/*bodyと同じ*/ }
caption { font-size: 10px; }
dt { font-size: 10px; letter-spacing: -0.5px; margin: 0; padding: 0; line-height: 1; }
dd { font-size: 10px; letter-spacing: -0.5px; margin: 0; padding: 0; line-height: 1; }
a { color: #333333; }
a:hover { color: #333333; text-decoration: underline; }
a:visited { color: #333333; text-decoration: none; }
a:link { color: #333333; text-decoration: none; }

/*=========================================================

	モバイルレイアウト : 480 px およびそれ以下

===========================================================*/
body { width: 100%; height: auto; zoom: 1; background-color: #333; color: #313131; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-size: 12px; line-height: 1.6; -webkit-font-smoothing: antialiased !important;  -moz-osx-font-smoothing: grayscale !important;}
body { width: 100%; height: auto; zoom: 1; background-image: url(../images/bg.jpg); background-repeat: repeat; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;  -webkit-font-smoothing: antialiased !important;  -moz-osx-font-smoothing: grayscale !important;}
.gridContainer { position: relative; height: auto; background-color: #FFF; width: 100%; }
.gridContainer header {background:#000; color:#ccc;font-size: 10px; text-align: center; margin: 0 0 20px 0; }
.gridContainer header img { width: 100%; height: auto; margin: 5px 0; }
.gridContainer div.content1 {background-image:url(../images/s_title_bg.jpg); background-repeat: repeat; background-position: center; padding: 5vw; max-width: 1300px;}
.gridContainer a.pt_box { width: 100%; height: 41px; border-top: #A2A2A2 1px dotted; display: block; text-align: center; }
.gridContainer a.pt_box img { width: 70px; height: 9px; margin: 16px auto 0 auto; }
.gridContainer a.pt_box div.pt { width: 100%; height: 100px; }
.gridContainer a:hover .pt img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.gridContainer footer address { clear: both; width: 100% }
.gridContainer footer address ul { margin: 0; padding: 0; height: auto; border-top: #969696 solid 1px; }
.gridContainer footer address ul li { text-decoration: none; font-style: normal; font-size: 13px; line-height: 1; color: #333; }
.gridContainer footer address ul li a { text-decoration: none; color: #333; }
.gridContainer footer address ul li a div { padding: 17px; border-bottom: #A2A2A2 dotted 1px; }
.gridContainer footer address ul li a:hover div { background-color: #f5f5f5; }
.gridContainer footer address ul li a:hover { text-decoration: underline; }
.gridContainer footer address ul li a div span.mail { display: block; float: right; height: 11px; width: 13px; background-image: url(../images/common/icon_mail.png); background-repeat: no-repeat; background-position: right center; }
.gridContainer footer address ul li a div span.blank { display: block; float: right; height: 13px; width: 14px; background-image: url(../images/common/icon_blank.png); background-repeat: no-repeat; background-position: right center; }
.gridContainer footer address ul li.ad1 { text-align: center; margin: 13px 0 0 0; font-size: 9px; }
.gridContainer footer address ul li.ad2 { display: block; text-align: center; text-indent: -9999px; width: 78px; height: 24px; margin: 0 auto 0 auto; padding: 20px 0 35px 0; background-image: url(../images/common/logo_black.png); background-position: center; background-repeat: no-repeat; }

.gridContainer header { margin: 0;}
.content1 { border: 18px #da991b solid; box-sizing: border-box; padding: 1% !important; margin: 0 auto;}
.content1 > img {display:block; margin: 3% auto 0 auto; width:85%; }	
.content1 ul { width:100%; display: block; margin: 0; padding: 0; text-align: center;}
.content1 ul li { width: 49.3%; display: inline-block; vertical-align: top; text-align: right; margin: 0; padding: 0;}
.content1 ul li:first-child { text-align: left;}
.content1 ul li img { height:46px; display:inline-block; }
.content1 p { font-size:20px; line-height: 30px; width:90%; margin: 5% auto;}
.content1 div.photo_block1 { width:90%; margin: 0 auto 5% auto; text-align: center; }
.content1 div.photo_block1 img {width:100%;  display: inline-block;}
.content1 div.photo_block2 { width:90%; margin: 0 auto 5% auto; text-align: center; }
.content1 div.photo_block2 img,
.content1 div.photo_block2 div {width:100%; display: inline-block;}
.content1 div.photo_block2 div img { width:80%; margin: 5% 0 0 0;}
.content1 a { color: #e9621c; text-decoration: underline;}
.only_pc { display: none;}




/*================================================================================

	タブレットレイアウト : 480 px ～ 768 px。モバイルレイアウトからスタイルを継承。

==================================================================================*/

@media only screen and (min-width: 480px) {
.gridContainer header {background:#000; color:#ccc;font-size: 10px; text-align: center;}
.gridContainer header img { width: 100%; height: auto; margin: 5px 0; }
.gridContainer div.content1 {background-image:url(../images/s_title_bg.jpg); background-repeat: repeat; background-position: center; padding: 5vw;}
.content1 ul li { width: 49.5%; }	
		.content1 div.photo_block1 { margin: 0 auto 3% auto; }
		.content1 div.photo_block1 img {width:50%;}
		.content1 div.photo_block2 { margin: 0 auto 3% auto; }
		.content1 div.photo_block2 img,
		.content1 div.photo_block2 div {width:49%; display: inline-block;}
		.content1 p { font-size:22px; line-height: 34px;  width:90%; margin: 4% auto;}
		.content1 > img { margin: 3% auto 0 auto; width:90%; }	

	
	
	
}


/*================================================================================

	タブレットレイアウト : 768 px ～ 920 px。モバイルレイアウトからスタイルを継承。

==================================================================================*/
@media only screen and (min-width: 768px) {
		.content1 > img {  margin: 30px auto 0 auto; width: 90%; max-width:836px;  }
		.content1 ul li { width: 49.7%; display: inline-block; vertical-align: top; text-align: right; margin: 0; padding: 0;}
		.content1 p { font-size:24px; line-height: 36px; max-width:836px; width:100%; margin: 30px auto;}
		.content1 div.photo_block1 { width:100%; margin: 0 auto 20px auto; }
		.content1 div.photo_block1 img {width:33.33%;}
		.content1 div.photo_block2 { width:100%; margin: 0 auto 20px auto; }
		.content1 div.photo_block2 img,.content1 div.photo_block2 div {width:33.33%; display: inline-block;}
		.content1 div.photo_block2 div img { width:90%;}
}

/*============================================================================================================

	デスクトップレイアウト : 920 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。

==============================================================================================================*/

@media only screen and (min-width: 920px) {
.gridContainer { width: 100%; margin: 0 auto 0 auto; }
.gridContainer header {background:#000; color:#ccc;font-size: 10px; text-align: center;}
.gridContainer header img { width: 100%; height: auto; margin: 5px 0; }
.gridContainer div.content1 {background-image:url(../images/s_title_bg.jpg); background-repeat: repeat; background-position: center; padding:50px 0 10px 0; }
.gridContainer footer address ul { position: relative; overflow: hidden; text-align: center; width: 100%; margin: 0 auto 0 auto; padding: 13px 0 0 0; height: 56px; }
.gridContainer footer address ul li { display: block; float: left; border-left: #333 1px solid; text-decoration: none; font-style: normal; font-size: 13px; line-height: 1; color: #333; height: 11px; margin-left: 10px; padding-left: 10px; font-size: 11px; }
.gridContainer footer address ul li.first { border-left: none; }
.gridContainer footer address ul li a { text-decoration: none; color: #333; }
.gridContainer footer address ul li a div { margin: 0; padding: 0; border-bottom: none; }
.gridContainer footer address ul li a:hover { text-decoration: none; }
.gridContainer footer address ul li a:hover div { background-color: #999; -moz-animation-duration: 0.5s; -webkit-animation-duration: 0.5s; -moz-animation-name: fade1; -webkit-animation-name: fade1; }
.gridContainer footer address ul li a div span.mail { display: none; }
.gridContainer footer address ul li a div span.blank { display: none; }
.gridContainer footer address ul li.ad1 { position: absolute; left: 10px; top: 30px; margin: 0; font-size: 10px; border-left: none; }
.gridContainer footer address ul li.ad2 { position: absolute; right: 20px; top: 13px; padding: 0; border-left: none; }
.gridContainer a.pt_box { display: block; width: 95%; margin: 0 auto 0px auto; height: 30px; border: none; }
.gridContainer a.pt_box div.pt { float: right; width: 70px; height: 9px; border-top: none; margin: 0; padding: 0; }
.gridContainer a.pt_box img { margin: 0 auto 0 auto; }
.gridContainer a:hover .pt img { filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.gridContainer footer ul.footer_nav { width: 639px; height: 60px; }
}