@charset "utf-8";
@import url("common.css");
/*======================================================================
||
||   action.css
||
======================================================================*/

#action_main {
	margin:0 auto;
	padding:80px 0 120px;
}
#action_main h1 {
	text-align:center;
	margin:0 0 34px;
}

#action_content {
	width:880px;
	margin:64px auto 0;
}
#action_content div {
	margin:80px 0 0;
}
#action_content h2 {
	text-indent:-9999em;
	height:131px;
	background:url(../img/action/leadpc.png) no-repeat;
}
#action_content div h3 {
	text-indent:-9999em;
	height:53px;
}
#action_content div p {
	margin:36px 0 0;
	font-size:15px;
	color:#686D71;
	font-family: Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:180%;
}
#action_content div:nth-of-type(1) h3 {
	background:url(../img/action/t1pc.png) no-repeat;
}
#action_content div:nth-of-type(1) p {
	background:url(../img/action/p1.png) no-repeat right top;
	background-size:contain;
	padding-right:440px;
	margin:30px 0 0;
	min-height:222px;
}
#action_content div:nth-of-type(2) h3 {
	background:url(../img/action/t2pc.png) no-repeat;
}
#action_content div:nth-of-type(2) p {
	background:url(../img/action/p2.jpg) no-repeat right top;
	background-size:contain;
	padding-right:440px;
	margin:30px 0 0;
	min-height:264px;
}
#action_content div:nth-of-type(3) {
	background:url(../img/action/p3.png) no-repeat right top;
	background-size:contain;
	padding-right:440px;
	min-height:365px;
}
#action_content div:nth-of-type(3) h3 {
	background:url(../img/action/t3pc.png) no-repeat;
}
#action_content div:nth-of-type(3) p {
	margin:30px 0 0;
}

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

#action_main {
	margin:0 auto;
	padding:40px 0 60px;
}
#action_main h1 img {
	width:82px;
}
#action_content {
	width:90%;
	margin:32px auto 0;
}
#action_content h2 {
	text-indent:0;
	background:none;
	height:auto;
}
#action_content h2 img {
	width:100%;
}
#action_content div {
	margin:40px 0 0;
}
#action_content div h3 img {
	width:100%;
}

#action_content div:nth-of-type(1) p {
	background:url(../img/action/p1.png) no-repeat center bottom;
	background-size:contain;
	padding-bottom:55.55%;
	padding-right:0;
	margin:15px 0 0;
	min-height:1px;
}
#action_content div:nth-of-type(2) p {
	background:url(../img/action/p2.jpg) no-repeat center bottom;
	background-size:contain;
	padding-bottom:65.67%;
	padding-right:0;
	margin:15px 0 0;
	min-height:1px;
}
#action_content div:nth-of-type(3) {
	background:url(../img/action/p3.png) no-repeat center bottom;
	background-size:contain;
	padding-right:0;
	padding-bottom:88.59%;
	min-height:1px;
}
#action_content div h3 {
	text-indent:0 !important;
	background:none !important;
	height:auto !important;
}
#action_content div:nth-of-type(3) p {
	margin:15px 0 0;
}

}/* eof max-width:768px */