@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 会社概要
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* タイトル */
@media (min-width:769px){
	.index #pageTitle {
		background-image: url(../images/corporate/index/bg_title_pc.jpg);
	}
}
@media (max-width:768px){
	.index #pageTitle {
		background-image: url(../images/corporate/index/bg_title_sp.jpg);
	}
}

/* 企業情報 */
.index #info .tableBox:before {
	content: "";
	display: block;
	background: url(../images/corporate/index/img_info.jpg) no-repeat center center #fff;
}
.index .tableBox dl {
	border-bottom: 1px solid #d3d3d3;
}
.index .tableBox > dl:first-child {
	border-top: 1px solid #d3d3d3;
}
.index .tableBox dt {
	color: #008678;
}
.index .tableBox > dl li:before {
	content: "■";
	display: inline-block;
}
.index #info .tableBox li {
	text-align: left;
	padding-left: 20px;
	text-indent: -20px;
}
.index #info .tableBox li:before {
	width: 20px;
	text-indent: 0;
}
.index .tableBox li span {
	text-indent: 0;
	display: inline-block;
}
@media (min-width:769px){
	.index .tableBox {
		margin-top: 15px;
		position: relative;
	}
	.index #info .tableBox:before {
		top: 19px;
		right: 0;
		width: 202px;
		height: 265px;
		padding: 0 20px;
		position: absolute;
		background-size: 202px 265px;
		-moz-background-size: 202px 265px;
		-webkit-background-size: 202px 265px;
	}
	.index .tableBox dl {
		width: 100%;
		display: table;
		table-layout: fixed;
		line-height: 26px;
	}
	.index .tableBox dl > * {
		display: table-cell;
		padding: 12px 0 11px;
	}
	.index .tableBox dt {
		width: 132px;
		padding-left: 28px;
	}
}
@media (max-width:768px){
	.index #info {
		padding: 0 10px;
	}
	.index #info .title {
		padding-bottom: 30px;
	}
	.index #info .tableBox:before {
		float: right;
		padding: 12px;
		width: 115px;
		height: 151px;
		margin: 1px 0;
		background-size: 115px 151px;
		-moz-background-size: 115px 151px;
		-webkit-background-size: 115px 151px;
	}
	.index .tableBox dl {
		padding: 14px 10px 15px;
		letter-spacing: 0;
	}
	.index .tableBox #info li:before {
		text-align: center;
	}
}

/* ネットワーク */
.index #network .tableBox dt:before {
	content: "■";
	display: inline-block;
}
.index #network .tableBox li dt:before {
	content: "●";
}
@media (min-width:769px){
	.index #network .title {
		padding-top: 15px;
	}
	.index #network dt:before {
		width: 18px;
	}
	.index #network .tableBox div {
		border-bottom: 1px solid #d3d3d3;
	}
	.index #network .tableBox div dl {
		border-bottom: none;
	}
	.index #network .tableBox div ul {
		padding-left: 10px;
	}
	.index #network .tableBox div ul dt {
		width: 110px;
	}
	.index #network .tableBox div ul dd {
		padding-left: 10px;
		border-top: 1px solid #d3d3d3;
	}
}
@media (max-width:768px){
	.index #network {
		padding: 0 10px;
	}
	.index #network .title {
		padding: 13px 0 30px;
	}
	.index #network .tableBox dl {
		padding: 8px 10px 6px;
	}
	.index #network .tableBox dt:before {
		width: 13px;
	}
	.index #network .tableBox div ul {
		padding-left: 10px;
		border-bottom: 1px solid #d3d3d3;
	}
	.index #network .tableBox div dl {
		border-bottom: none;
	}
	.index #network .tableBox div ul dl {
		border-top: 1px solid #d3d3d3;
	}
}

/* グループ会社 */
.index #group {
	text-align: center;
}
.index #group .button > * {
	color: #00a3ec;
	display: block;
	margin: 0 auto;
	max-width: 544px;
	font-weight: bold;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.index #group .button div {
	line-height: 1;
	display: inline-block;
}
.index #group .button .group {
	text-align: left;
}
.index #group .button .link:after {
	content: "";
	width: 18px;
	height: 16px;
	margin-top: -6px;
	margin-left: 7px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/corporate/index/icon_skytech.gif) no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
@media (min-width:769px){
	.index #group .title {
		padding-top: 15px;
	}
	.index #group h3 {
		font-size: 18px;
	}
	.index #group .button > * {
		margin-top: 25px;
		margin-bottom: 35px;
		padding: 16px 0 8px;
		border: 2px solid #d3d3d3;
	}
	.index #group .name {
		margin: 6px 0 15px;
	}
}
@media (max-width:768px){
	.index #group .title {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.index #group h3 {
		font-size: 15px;
		margin: 19px 0 15px;
	}
	.index #group .button > * {
		max-width: 272px;
		margin-top: 18px;
		margin-bottom: 10px;
		padding: 8px 0 4px;
		border: 1px solid #00aeef;
	}
	.index #group .button .group {
		font-size: 8px;
	}
	.index #group .button img {
		width: 212px;
	}
	.index #group .button .link {
		font-size: 10px;
		margin-top: 10px;
	}
	.index #group .button .link:after {
		width: 9px;
		height: 8px;
		margin-top: 0;
		margin-left: 5px;
	}
}

/* ロゴ */
#logo {
	background: #d3d3d3;
}
#logo .title:after {
	background: #009591;
}
#logo figure {
	background: #fff;
	text-align: center;
}
#logo figure figcaption {
	text-align: left;
}
@media (min-width:769px){
	#logo {
		padding: 0 0 10px;
	}
	#logo .title {
		padding-bottom: 50px;
	}
	#logo figure {
		padding: 70px 100px 55px;
	}
	#logo figure img {
		width: 228px;
		margin-bottom: 38px;
	}
}
@media (max-width:768px){
	#logo {
		padding: 0 0 2px;
	}
	#logo .title {
		padding-bottom: 25px;
	}
	#logo figure {
		margin: 0 20px;
		padding: 35px 25px 25px;
	}
	#logo figure img {
		height: 66px;
		margin-bottom: 20px;
	}
}

/* アクセス */
#access figure {
	text-align: center;
}
#access li:before {
	content: "■";
	color: #008678;
	display: inline-block;
}
#access .link a {
	color: #008678;
	display: block;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #008678;
}
@media (min-width:769px){
	#access {
		padding-bottom: 10px;
	}
	#access .title {
		padding: 40px 0 45px;
	}
	#access ul {
		width: 505px;
		margin: 8px auto 40px;
	}
	#access .link a {
		max-width: 271px;
		line-height: 44px;
		margin-bottom: 5px;
	}
}
@media (max-width:768px){
	#access {
		padding: 0 20px;
	}
	#access .title {
		padding-bottom: 27px;
	}
	#access figure img {
		max-width: 100%;
	}
	#access ul {
		letter-spacing: 0;
		margin: 3px 0 20px;
	}
	#access .link a {
		max-width: 185px;
		line-height: 44px;
	}
	#access .pageTop {
		margin: 0 -20px;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 理念
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* タイトル */
@media (min-width:769px){
	.idea #pageTitle {
		background-image: url(../images/corporate/idea/bg_title_pc.jpg);
	}
}
@media (max-width:768px){
	.idea #pageTitle {
		background-image: url(../images/corporate/idea/bg_title_sp.jpg);
	}
}

/*ごあいさつ*/
.idea #greeting figure:after {
	content: "";
	display: block;
	clear: both;
}
.idea #greeting figure figcaption {
	float: left;
}
.idea #greeting figure > img {
	float: right;
}
@media (min-width:769px){
	.idea #greeting {
		font-size: 14px;
		line-height: 30px;
	}
	.idea #greeting h3 {
		font-size: 26px;
		line-height: 40px;
		margin: 23px 0 18px;
	}
	.idea #greeting figure {
		padding-top: 10px;
	}
	.idea #greeting figure figcaption {
		padding-top: 26px;
	}
	.idea #greeting figure figcaption span {
		font-size: 20px;
		margin-top: 3px;
		display: inline-block;
	}
	.idea #greeting figure > img {
		width: 300px;
	}
}
@media (max-width:768px){
	.idea #greeting {
		padding: 0 20px;
		font-size: 12px;
		line-height: 20px;
	}
	.idea #greeting h3 {
		margin: 15px 0;
		font-size: 15px;
		line-height: 25px;
	}
	.idea #greeting figure {
		padding-top: 15px;
	}
	.idea #greeting figure figcaption {
		padding-top: 5px;
	}
	.idea #greeting figure figcaption img {
		width: 100px;
	}
	.idea #greeting figure > img {
		width: 180px;
	}
}

/* 中期計画 */
.idea #plan figure {
	text-align: center;
}
.idea #plan figure + p {
	text-align: center;
}

.idea #plan figure.corp_ra {
	margin: 50px 0;
}
.idea #plan figure.corp_ra img {
	width: 100%;
    max-width: 710px;
}
.idea #plan .title .mt10 {
		padding-top: 10px;
	}
@media (min-width:769px){
	.idea #plan .title {
		padding-top: 30px;
	}
	.idea #plan figure {
		margin: 10px 0 10px;
	}
	.idea #plan figure + p {
		font-size: 16px;
		line-height: 30px;
	}
}
@media (max-width:768px){
	.idea #plan .title {
		padding-top: 10px;
	}
	.idea #plan figure {
		padding: 8px 0 0;
	}
	.idea #plan figure img {
		width: 260px;
	}
	.idea #plan figure + p {
		font-size: 12px;
		line-height: 20px;
		margin: 15px 0 22px;
	}
}

/* 企業理念 */
.idea #philosophy p {
	color: #008678;
	text-align: center;
}


@media (min-width:769px){
	.idea #philosophy p {
		font-size: 26px;
		line-height: 40px;
		padding-top: 20px;
	}

	.idea #philosophy li::before {
		content: "●";
	display: inline-block;
	}

	.idea #philosophy ul {
		padding-left: 80px;
    margin-top: 13px;
	}

}
@media (max-width:768px){
	.idea #philosophy p {
		font-size: 17px;
		line-height: 26px;
		padding-top: 10px;
	}

	.idea #philosophy li::before {
		content: "●";
	display: inline-block;
	}

	.idea #philosophy li {
	padding: 0 25px;
    margin-top: 13px;
	}

}

/* 行動指針 */
.idea #guideline li span {
	color: #008678;
}
.idea #guideline li span {
	text-indent: 0;
	display: inline-block;
}
.idea #guideline li span:before {
	content: "●";
	display: inline-block;
}
@media (min-width:769px){
	.idea #guideline {
		font-size: 14px;
		line-height: 26px;
	}
	.idea #guideline li {
		padding-left: 16px;
		text-indent: -16px;
		margin-top: 13px;
	}
	.idea #guideline li span {
		font-size: 16px;
		margin-bottom: 3px;
	}
	.idea #guideline li span:before {
		width: 16px;
	}
}
@media (max-width:768px){
	.idea #guideline {
		font-size: 12px;
		line-height: 20px;
	}
	.idea #guideline h2 + p,
	.idea #guideline h2 ~ ul {
		padding: 0 20px;
	}
	.idea #guideline li {
		margin-top: 8px;
		padding-left: 14px;
		text-indent: -14px;
	}
	.idea #guideline li span {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.idea #guideline li span:before {
		width: 14px;
	}
}

/* CSR */
.idea #csr h3 {
	color: #008678;
	text-align: center;
}
.idea #csr figure {
	text-align: center;
}
.idea #csr figure img {
	max-width: 100%;
}
@media (min-width:769px){
	.idea #csr .title {
		padding-top: 30px;
	}
	.idea #csr h3 {
		font-size: 26px;
	}
	.idea #csr p {
		margin: 8px 0 24px;
	}
	.idea #csr section + section {
		margin-top: 25px;
	}
}
@media (max-width:768px){
	.idea #csr .title {
		padding-top: 10px;
	}
	.idea #csr h3 {
		font-size: 20px;
		margin-top: 22px;
	}
	.idea #csr h3 + p {
		padding: 16px 20px 15px;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヒストリー
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* タイトル */
@media (min-width:769px){
	.history #pageTitle {
		background-image: url(../images/corporate/history/bg_title_pc.jpg);
	}
}
@media (max-width:768px){
	.history #pageTitle {
		background-image: url(../images/corporate/history/bg_title_sp.jpg);
	}
}

/* サングリン太陽園の歩み */
.history #mainText h3 {
	color: #666;
}
.history #chronology > section {
	margin-bottom: 1px;
}
.history #chronology > section.open {
	margin-bottom: 0;
}
.history #chronology header {
	color: #fff;
	cursor: pointer;
	position: relative;
	background: #986e2c;
}
.history #chronology header h3 {
	font-weight: bold;
}
.history #chronology header h3 span {
	width: 29px;
	height: 0;
	overflow: hidden;
	padding-top: 12px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/corporate/history/text_nami.gif) no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.history #chronology header .close:before {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -8px;
	margin-right: 17px;
	display: inline-block;
	vertical-align: middle;
	border-top: 4px solid #cbde70;
	border-left: 4px solid #cbde70;
	transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
}
.history #chronology .open header .close:before {
	margin-top: 2px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.history #chronology header:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
.history #chronology header + ul {
	position: relative;
}
.history #chronology header + ul:before {
	content: "";
	top: 0;
	width: 0;
	height: 100%;
	display: block;
	position: absolute;
	border-right: 2px solid #986e2c;
}
.history #chronology > section:last-child header + ul:after {
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	position: absolute;
	background: linear-gradient(to bottom, transparent, #fff);
}
.history #chronology header + ul {
	display: none;
}
.history #chronology header + ul dl {
	position: relative;
}
.history #chronology header + ul dt {
	top: 0;
	left: 0;
	color: #986e2c;
	font-weight: bold;
	position: absolute;
}
.history #chronology header + ul dd {
	position: relative;
}
.history #chronology header + ul dd:after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	background: #cbde70;
	border: 3px solid #986e2c;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
.history #chronology .num {
	color: #976e2c;
}
.history .imgCont:after {
	content: "";
	display: block;
	background: no-repeat center center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
/* ㉑以降～CSS */
.history .imgCont .ncd{
	display: inline-block;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 15px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #976e2c;
}
@media (min-width:769px){
	.history #mainText h3 {
		font-size: 26px;
		line-height: 40px;
		margin-top: 26px;
		margin-bottom: 16px;
	}
	.history #mainText p {
		margin-bottom: 72px;
	}
	.history #chronology header {
		padding: 26px 0 18px;
	}
	.history #chronology header:after {
		width: 446px;
	}
	.history #chronology #y1917 header:after { background-image: url(../images/corporate/history/bg01_pc.jpg); }
	.history #chronology #y1951 header:after { background-image: url(../images/corporate/history/bg02_pc.jpg); }
	.history #chronology #y1967 header:after { background-image: url(../images/corporate/history/bg03_pc.jpg); }
	.history #chronology #y1978 header:after { background-image: url(../images/corporate/history/bg04_pc.jpg); }
	.history #chronology #y1989 header:after { background-image: url(../images/corporate/history/bg05_pc.jpg); }
	.history #chronology #y1996 header:after { background-image: url(../images/corporate/history/bg06_pc.jpg); }
	.history #chronology #y2008 header:after { background-image: url(../images/corporate/history/bg07_pc.jpg); }
	.history #chronology #y2013 header:after { background-image: url(../images/corporate/history/bg08_pc.jpg); }
	.history #chronology #y2017 header:after { background-image: url(../images/corporate/history/bg09_pc.jpg); }
	.history #chronology #y2021 header:after { background-image: url(../images/corporate/history/bg10_pc.jpg); }
    .history #chronology #y2025 header:after { background-image: url(../images/corporate/history/bg11_pc.jpg); }
	.history #chronology header h3 {
		font-size: 55px;
		line-height: 1;
	}
	.history #chronology header h3 span {
		margin: 0 5px;
	}
	.history #chronology header .text {
		line-height: 26px;
		margin: 8px 0 20px;
	}
	.history #chronology header + ul {
		padding: 17px 0 45px;
	}
	.history #chronology > section:last-child header + ul {
		padding-bottom: 150px;
	}
	.history #chronology header + ul:before {
		left: 113px;
	}
	.history #chronology > section:last-child header + ul:after {
		height: 100px;
	}
	.history #chronology header + ul dl {
		padding-left: 106px;
	}
	.history #chronology header + ul dt {
		padding: 5px 0;
		font-size: 26px;
	}
	.history #chronology header + ul li + li dt {
		padding-top: 0;
	}
	.history #chronology header + ul dt span {
		font-size: 14px;
	}
	.history #chronology header + ul dd {
		line-height: 24px;
		letter-spacing: 0;
		padding: 20px 0 20px 55px;
	}
	.history #chronology header + ul li + li dd {
		padding-top: 15px;
	}
	.history #chronology header + ul dd:after {
		top: 23px;
		left: 0;
	}
	.history #chronology header + ul li + li dd:after {
		top: 20px;
	}
	.history .imgCont {
		position: relative;
	}
	.history .imgCont:after {
		top: 0;
		right: 0;
		position: absolute;
	}
	.history #img01:after {
		top: auto;
		bottom: 0;
		right: 146px;
		width: 271px;
		height: 172px;
		background-image: url(../../resources/images/corporate/history/img01_pc.jpg);
	}
	.history #img02:after {
		top: 20px;
		width: 282px;
		height: 178px;
		background-image: url(../../resources/images/corporate/history/img02_pc.jpg);
	}
	.history #img03:after {
		top: 20px;
		width: 140px;
		height: 88px;
		background-image: url(../../resources/images/corporate/history/img03_pc.jpg);
	}
	.history #img04 {
		padding-bottom: 30px;
	}
	.history #img04:after {
		top: 20px;
		width: 281px;
		height: 268px;
		background-image: url(../../resources/images/corporate/history/img04_pc.jpg);
	}
	.history #img05:after {
		top: 20px;
		width: 282px;
		height: 88px;
		background-image: url(../../resources/images/corporate/history/img05_pc.jpg);
	}
	.history #img06:after {
		top: 20px;
		width: 282px;
		height: 358px;
		background-image: url(../../resources/images/corporate/history/img06_pc.jpg);
	}
		.history #img07:after {
		top: 20px;
		width: 282px;
		height: 180px;
		background-image: url(../../resources/images/corporate/history/img07_pc.jpg);
	}
		.history #img08:after {
		top: 20px;
		width: 282px;
		height: 180px;
		background-image: url(../../resources/images/corporate/history/img08_pc.jpg);
	}
		.history #img09:after {
		top: 100px;
		width: 282px;
		height: 180px;
		background-image: url(../../resources/images/corporate/history/img09_pc.jpg);
	}
		.history #img10:after {
		top: 20px;
		width: 282px;
		height: 180px;
		background-image: url(../../resources/images/corporate/history/img10_pc.jpg);
	}
	.history #img11:after {
		top: 20px;
		width: 282px;
		height: 272px;
		background-image: url(../../resources/images/corporate/history/img11_pc.jpg);
	}
    .history #img12:after {
		top: 20px;
		width: 282px;
		height: 178px;
		background-image: url(../../resources/images/corporate/history/img12_pc.jpg);
	}
    .history #img13:after {
		top: 20px;
		width: 282px;
		height: 178px;
		background-image: url(../../resources/images/corporate/history/img13_pc.jpg);
	}
    .history #img14:after {
		top: 20px;
		width: 282px;
		height: 178px;
		background-image: url(../../resources/images/corporate/history/img14_pc.jpg);
	}

	
}
@media (max-width:768px){
	.history #mainText {
		padding: 0 20px 25px;
	}
	.history #mainText h3 {
		font-size: 15px;
		line-height: 25px;
		margin: 13px 0 17px;
	}
	.history #mainText p {
		font-size: 13px;
		line-height: 20px;
	}
	.history #chronology header {
		padding: 22px 137px 9px 15px;
	}
	.history #chronology #y1917 header:after { background-image: url(../images/corporate/history/bg01_sp.jpg); }
	.history #chronology #y1951 header:after { background-image: url(../images/corporate/history/bg02_sp.jpg); }
	.history #chronology #y1967 header:after { background-image: url(../images/corporate/history/bg03_sp.jpg); }
	.history #chronology #y1978 header:after { background-image: url(../images/corporate/history/bg04_sp.jpg); }
	.history #chronology #y1989 header:after { background-image: url(../images/corporate/history/bg05_sp.jpg); }
	.history #chronology #y1996 header:after { background-image: url(../images/corporate/history/bg06_sp.jpg); }
	.history #chronology #y2008 header:after { background-image: url(../images/corporate/history/bg07_sp.jpg); }
	.history #chronology #y2013 header:after { background-image: url(../images/corporate/history/bg08_sp.jpg); }
	.history #chronology #y2017 header:after { background-image: url(../images/corporate/history/bg09_sp.jpg); }
	.history #chronology #y2021 header:after { background-image: url(../images/corporate/history/bg10_sp.jpg); }
    .history #chronology #y2025 header:after { background-image: url(../images/corporate/history/bg11_sp.jpg); }
	.history #chronology header h3 {
		font-size: 27px;
	}
	.history #chronology header h3 span {
		width: 14.5px;
		padding-top: 6px;
	}
	.history #chronology header .text {
		line-height: 17px;
		margin: 10px 0 12px;
	}
	.history #chronology header .close {
		font-size: 10px;
	}
	.history #chronology header .close:before {
		width: 5px;
		height: 5px;
		border-width: 3px;
		margin-right: 7px;
	}
	.history #chronology header:after {
		width: 113px;
	}
	.history #chronology header + ul {
		padding: 24px 20px 30px 20px;
	}
	.history #chronology header + ul:before {
		left: 83px;
	}
	.history #chronology > section:last-child header + ul:after {
		height: 30px;
	}
	.history #chronology header + ul dl {
		padding-left: 57px;
	}
	.history #chronology header + ul dt {
		font-size: 14px;
		padding-top: 4px;
	}
	.history #chronology header + ul dt span {
		font-size: 10px;
	}
	.history #chronology header + ul dd {
		line-height: 17px;
		padding: 7px 0 7px 27px;
	}
	.history #chronology header + ul dd:after {
		top: 9px;
		left: 2px;
		width: 7px;
		height: 7px;
		border-width: 1.5px;
	}
	.history #chronology header + ul figure.sp {
		margin-top: 10px;
	}
	.history #chronology header + ul figure.sp img {
		width: 100%;
	}
	.history #chronology header + ul figure.sp img + img {
		margin-top: 1.5px;
	}
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* DX方針
/* ++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* タイトル */
@media (min-width:769px){
	.dx #pageTitle {
		background-image: url(../images/corporate/dx/bg_title_pc.jpg);
	}
}
@media (max-width:768px){
	.dx #pageTitle {
		background-image: url(../images/corporate/dx/bg_title_sp.jpg);
	}
}


.dx #msg .message_box {
	margin-bottom: 50px;
}
.dx #msg .message_box .sub_title {
	color: #008678;
	text-align: left;
    font-size: 26px;
    line-height: 40px;
    padding: 20px 0;
}
.dx #msg .message_box ul {
    padding-left: 10px;
    margin-top: 13px;
}
.dx #msg .message_box li.tt {
    padding-left: 15px;
    position: relative;
}
.dx #msg .message_box li.fs18 {
    font-size: 18px;
}
.dx #msg .message_box li.tt::before {
    position: absolute;
    content: "●";
    display: inline-block;
    top: 0;
    left: 0;
}
.dx #msg .message_box li.txt {
    padding-left: 15px;
    padding-bottom: 10px;
}
.dx #msg .message_box .txt_right {
    padding-top: 40px;
    text-align: right;
}
.dx #msg .message_box a {
    color: #008678;
    text-decoration: underline;
}
.dx #msg .message_box .msg_img {
    margin-top: 30px;
}
.dx #msg .message_box .msg_img img {
    width: 100%;
}


@media (max-width:768px){

    .dx #msg {
        margin: 0 20px;
    }
    .dx #msg .message_box .sub_title {
        font-size: 17px;
        line-height: 20px;
        padding: 10px 0;
    }
    .dx #msg .message_box ul {
        padding-left: 0;
    }
    .dx #msg .message_box li.fs18 {
        font-size: 16px;
    }
    
}