@charset "UTF-8";

.topic-container {
	width: 738px;
	margin: 0 auto;
	}

.greeting2017{
	margin:0;
	padding:0;
    	color: #303030;
	overflow:hidden;
}

.greeting2017 p{
	font-size: 14px;
}

.greeting2017 img{
	width:100%;
}

.greeting2017 .pc{
	display: block;
}

.greeting2017 .sp{
	display: none;
}

/*contents*/
.greeting2017 .subtitle{
	margin:30px auto 20px;
	display: block;
}

.greeting2017 .visualbox {
	margin: 30px auto;
        width:75%;
}

.greeting2017 .g_box {
	width:90%;
	margin:0 auto;
	padding:3%;
	background-color:#d7e4f2; 
	border-radius: 5px;
}

.greeting2017 .g_box p{
	margin:0 0 20px;
	line-height:1.5;
	color: #404040;
	font-weight:bold;
}

.greeting2017 .g_box p.last{
	margin:0 0 0;
}

.greeting2017 .alert {
    	width: 90%;
    	margin: 5px auto 50px;
    	text-align: left;
	font-size: 12px;
	padding-left:1em;
	text-indent:-1em;
}

.greeting2017 .blogcell{
	margin: 0 0 20px 0; 
	text-align: center;
}

.greeting2017 .blogcell img{
    	width: 220px;
    	display: block;
    	margin: 0 auto 5px;
}

.greeting2017 .copy{
	text-align: right;
	font-size: 12px;
}

.greeting2017 .bnr{
	width:90%;
	margin:0 auto 50px;
	text-align:center;
}


/*768pxˆÈ‰º*/
@media screen and (max-width: 768px) {
.topic-container {
	width: 100% !important;
	margin: 0 auto !important;
}

.topic-container img {
	width: 100%;
	height: auto;
}

.greeting2017 p{
	font-size: 12px;
}

.greeting2017 .pc{
	display: none;
}

.greeting2017 .sp{
	display: block;
}

.greeting2017 .blogcell img{
    	width:55%;
}

.greeting2017 .g_box {
	padding:3% 4%;
}

.greeting2017 .alert {
	font-size: 10px;
    	margin: 5px auto 30px;
}

.greeting2017 .copy{
	font-size: 10px;
}

.greeting2017 .bnr{
	margin:0 auto 30px;
}
}


/*320pxˆÈ‰º*/
@media screen and (max-width: 320px) {
.greeting2017 .g_box {
	width:100%;
	padding:4%;
}

.greeting2017 .alert {
    	width: 100%;
}

.greeting2017 .bnr{
	width:100%;
}
}