@charset "UTF-8";
#main .boxBasicInfo:after,
#main .boxRecommend:after,
#main .boxIntro:after,
#main .boxCase:after,
#main .boxDegree:after,
#main .boxCase .hgroup:after,
#main .boxReport .hgroup:after,
#main .boxNews:after,
#main .boxNews .hgroup:after,
#main .boxMedia:after,
#main .boxMedia .hgroup:after,
#main .boxMedia .entry:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#main .boxBasicInfo,
#main .boxRecommend,
#main .boxIntro,
#main .boxCase,
#main .boxDegree,
#main .boxCase .hgroup,
#main .boxReport .hgroup,
#main .boxNews ,
#main .boxNews .hgroup,
#main .boxMedia ,
#main .boxMedia .hgroup,
#main .boxMedia .entry{
	zoom: 1;
}
#main span.em{
	background:#FFEB99;
}

/* PC
-------------------------------------------- */
@media print, screen and (min-width: 681px){
#visual {
	width: 100%;
	height:370px;
	background: url(../image/top/visual_bg.jpg) repeat-x;
	margin: auto;
	margin-bottom: 20px;
}

#main .boxCampaign{
	display: none;
}
#main .boxBasicInfo{
	background: none;
	width:690px;
	margin-bottom:20px;
}
#main .boxBasicInfo .entry{
	width:330px;
	float:left;
}
#main .boxBasicInfo .entry:nth-child(odd){
	float:right;
}
#main .boxBasicInfo .map{
	margin-bottom:20px;
}
#main .boxBasicInfo .entry p{
	margin-bottom:18px;
}
#main .boxBasicInfo .entry p.lead{
    font-size: 1.0em;
    letter-spacing: 3px;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #F19164;
    padding: 5px 15px;
    margin-bottom:10px;
}

#main .boxIntro{
	background: none;
	width:690px;
	margin-bottom:50px;
}
#main .sp-bnr{
	width:690px;
	margin-bottom:30px;
}
#main .sp-bnr img{
	width: 100%;
	height: auto;
}
#main .sp-bnr p{
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-top: 6px; 
}


#main .boxIntro h2{
	font-size: 1.8em;
	color: #F19164;
	text-align: center;
	line-height: 160%;
	padding-top: 12px;
	margin-bottom:20px;
}
#main .boxIntro h3{
	margin-bottom:10px;
}
#main .boxIntro .box{
	float: left;
	width: 214px;
	margin-right: 24px;
}
#main .boxIntro .box:last-child {
	float: right;
	margin-right: 0;
}

#main .boxIntro .image{
	margin-bottom:12px;
}
#main .boxIntro p{
	font-size:1.1em;
	line-height:155%;
}
#main .boxIntro .box a {
	color:#333;
	text-decoration:none;
}
#main .boxIntro .box a:hover {
	color:#666;
	text-decoration:underline;
}
#main .boxIntro .mgn-right{
	margin-right: 24px;
}
#main .boxRecommend .btn{
	width:335px;
	float:left;
	margin-bottom:20px;
}
#main .boxRecommend .btn:nth-child(even){
	float:right;
}
#main .boxCase{
	width:646px;
	background: #F6F4EF;
	padding:20px 24px 14px 24px;
}
#main .boxCase .hgroup{
	margin-bottom:14px;
}
#main .boxCase h3{
	float:left;
}
#main .boxCase .btnAll{
	float:right;
	padding:1px 3px 0 0;
}
#main .boxCase ul{
}
#main .boxCase li{
	float:left;
	width:205px;
	height:75px;
	margin:0 15px 12px 0;
}
#main .boxCase li.right{
	float:right;
	width:205px;
	height:75px;
	margin:0 0 12px 0;
}
#main .boxCaseBottom{
	height:25px;
	margin-bottom:20px;
}

#main .boxNews{
	width:330px;
	float:right;
	margin-bottom:35px;
}
#main .boxReport{
	width:330px;
	float:left;
	margin-bottom:50px;
}
#main .boxMedia{
	width:690px;
	margin-bottom:40px;
}
#main .boxReport .hgroup,
#main .boxNews .hgroup{
	margin-bottom:15px;
	border-bottom:2px solid #DEDEDE;
}
#main .boxMedia h3{
    font-size: 2.6em;
    color: #F19164;
    letter-spacing: 2px;
    margin-bottom:20px;
    text-align:center;
}
#main .boxReport h3,
#main .boxNews h3{
	float:left;
	margin-bottom:10px;
	border-left:4px solid #F19164;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 12px;
	font-size: 1.8em;
	color: #F19164;
	letter-spacing: 2px;
}
#main .boxReport .btnAll,
#main .boxNews .btnAll,
#main .boxMedia .btnAll{
	float:right;
	padding:1px 1px 0 0;
}
#main .boxReport .section,
#main .boxNews .section{
	width:325px;
	height:220px;
	overflow:auto;
}
#main .boxReport .entry,
#main .boxNews .entry{
	padding: 0 5px 0 5px;
	margin-bottom:12px;
}

#main .boxMedia .entry{
	width:325px;
	padding:5px;
	float:right;
	margin-bottom:18px;
}

#main .boxMedia .entry:nth-child(even){
	float:left;
}

#main .boxReport .entry h4,
#main .boxNews .entry h4{
	font-size:1.1em;
	font-weight:normal;
	line-height:1.35em;
	margin-bottom:4px;
}
#main .boxReport .entry h4 a,
#main .boxNews .entry h4 a{
	color:#333;
	text-decoration:underline;
}
#main .boxReport .entry h4 a:hover,
#main .boxNews .entry h4 a:hover{
	color:#666;
	text-decoration:none;
}

#main .boxMedia .entry p.content{
	font-size:1.1em;
	font-weight:normal;
	line-height:1.55em;
}
#main .boxMedia .entry p.content a {
	color:#333;
	text-decoration:none;
}
#main .boxMedia .entry p.content a:hover {
	color:#666;
	text-decoration:underline;
}


#main .boxReport p.date,
#main .boxNews p.date,
#main .boxMedia p.date{
	background: url(../image/common/icon_arrow.gif) no-repeat 0.0em 0.45em;
	padding-left:12px;
	margin-bottom:2px;
	font-size:1.1em;
	color:#666;
}

#main .boxMedia .image{
	float:left;
	width: 140px;
	border: 5px solid #d0d0d0;
}

#main .boxMedia .image img{
	width: 100%;
	height: auto;
}

#main .boxMedia .text{
	width:150px;
	float:right;
}
#main .boxMedia p.update{
	color:#666;
	font-weight:bold;
	margin-bottom:8px;
	}
#main .boxMedia p.lead{
	font-size:1.4em;
	line-height:1.65em;
}
#main .boxMedia p.lead a:link{
	text-decoration:none;
}
	
#main .boxDegree{
	background-color: #efefef;
	width:640px;
	margin-bottom:50px;
	padding:40px 25px;
	letter-spacing:1px;
	}
#main .boxDegree .image{
	float:left;
	width: 170px;
	margin-bottom:20px;
	}
#main .boxDegree .image img{
	width: 100%;
	height: auto;
	border: 5px solid #d0d0d0;
}
#main .boxDegree .text{
	width: 440px;
	float:right;
	}
#main .boxDegree .lead{
	font-size:1.4em;
	color:#F19164;
	font-weight:bold;
	margin-bottom:5px;
	}
#main .boxDegree .askus{
	font-size:1.8em;
	color:#F19164;
	font-weight:bold;
	margin-bottom:10px;
	}
#main .boxDegree table.history{
	font-size:0.8em;
	margin-bottom:20px;
}
#main .boxDegree table.history,
#main .boxDegree table.history td,
#main .boxDegree table.history th{
	background-color:#fff;
	border: 1px solid #efefef;
	border-collapse: collapse;
}
#main .boxDegree table.history th{
	padding: 3px 8px 3px 8px;
	width: 22%;
	vertical-align: top;
}
#main .boxDegree table.history td{
	padding: 3px 8px 3px 8px;
	width: 78%;
	vertical-align: top;
}
#main .boxDegree h5{
	font-size:1.8em;
	color:#F19164;
	font-weight:normal;
	margin-bottom:10px;
	}
#main .boxDegree h5 span{
	font-size: 0.6em;
	letter-spacing:3px;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #F19164;
	padding:5px 20px;
	margin-right:15px;
	}
#main .boxDegree h3{
	text-align:center;
	font-size:2.3em;
	color:#F19164;
	margin:20px 0;
	}
#main .boxDegree .degree{
	width:494px;
	margin-left:73px;
	text-align:center;
}
#main .boxDegree .degree p{
	font-size:0.8em;
	line-height:140%;
}
#main .boxDegree .boxA{
	width: 237px;
	float:left;
	text-align:center;
	margin-bottom:15px;
	}
#main .boxDegree .boxB{
	width: 237px;
	float:right;
	text-align:center;
	margin-bottom:15px;
	}





}


/* Mobile
-------------------------------------------- */
@media screen and (max-width: 680px){

#visual {
	width: 100%;
	margin-bottom: 8px;
}

#main .boxCampaign{
	background: #EFEFEF;
	padding: 10px 0 10px 0;
	margin-bottom: 22px;
}

/* 点滅 */
#main .boxCampaign p{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
#main .boxCampaign p a{
	text-decoration: none;
}
#main .boxBasicInfo,
#main .boxRecommend{
	width: 92%;
	margin: auto;
	margin-bottom:30px;
}
#main .boxBasicInfo .entry{
	width:48%;
	float:left;
}
#main .boxBasicInfo .entry:nth-child(odd){
	float:right;
}
#main .boxBasicInfo .map{
	margin-bottom:20px;
}
#main .boxBasicInfo .entry p{
	margin-bottom:18px;
}
#main .boxBasicInfo .entry p.lead{
    font-size: 1.0em;
    letter-spacing: 3px;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #F19164;
    padding: 5px 15px;
    margin-bottom:10px;
}
#main .boxRecommend .btn{
	width:49%;
	float:left;
	margin-bottom:10px;
}
#main .boxRecommend .btn:nth-child(even){
	float:right;
}
#main .boxIntro{
	background: none;
	margin-bottom:20px;
}
#main .boxIntro h2{
	font-size: 1.4em;
	color: #F19164;
	text-align: center;
	line-height: 160%;
	margin-bottom:16px;
}
#main .boxIntro .box:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#main .boxIntro .box{
	zoom: 1;
}
#main .boxIntro .box{
	border-top: solid 2px #DEDEDE;
	background-image: url("/image/common/icon_arrow.png");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	margin-bottom: 1em;
	padding: 0.8em 0.8em 0 1em;
}
#main .boxIntro .box:last-child {
	border-bottom: solid 2px #DEDEDE;
	padding-bottom: 1em;
}
#main .sp-bnr{
	margin-bottom:20px;
}
#main .sp-bnr p{
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	margin-top: 6px; 
}


#main .boxIntro .image{
	width: 32%;
	float: left;
	margin: 0 12px 0 0 ;
}
#main .boxIntro h3{
	width: 55%;
	float: left;
	padding-top: 1.2em;
}
#main .boxIntro p{
	clear: both;
	font-size:1.25em;
	line-height:160%;
	padding-top: 8px;
}
#main .boxIntro a{
	display: block;
	color: #333;
	text-decoration: none;
}
#main .boxIntro span.em{
	background:#FFEB99;
}

#main .boxCase{
	background: #F6F4EF;
	padding:1em 0.8em 0.8em;
}
#main .boxCase h3{
	margin-bottom: 6px;
}
#main .boxCase ul{
}
#main .boxCase li{
	float: left;
	width: 50%;
}
#main .boxCase li:nth-child(even) {
	float: right;
}
#main .boxCaseBottom{
	height:25px;
	margin-bottom:10px;
}

#main .boxReport,
#main .boxNews,
#main .boxMedia{
	width: 92%;
	margin: auto;
	margin-bottom:30px;
}
#main .boxReport .hgroup,
#main .boxNews .hgroup,
#main .boxMedia .hgroup{
	margin-bottom:10px;
	border-bottom:2px solid #DEDEDE;
}
#main .boxReport h3,
#main .boxNews h3{
	float:left;
	width: 62%;
	margin-bottom:2px;
	border-left:4px solid #F19164;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-size: 1.35em;
	color: #F19164;
	letter-spacing: 1px;
}
#main .boxMedia h3{
	margin-bottom:2px;
	border-left:4px solid #F19164;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-size: 1.35em;
	color: #F19164;
	letter-spacing: 1px;
}
#main .boxReport .btnAll,
#main .boxNews .btnAll,
#main .boxMedia .btnAll{
	float:right;
	width: 26%;
}
#main .boxReport .section,
#main .boxNews .section{
}
#main .boxReport .entry,
#main .boxNews .entry,
#main .boxMedia .entry{
	padding: 0 5px 0 5px;
	margin-bottom:12px;
}
#main .boxReport .entry:nth-child(n+5),
#main .boxNews .entry:nth-child(n+5),
#main .boxReport .entry:nth-child(n+5) {
	display: none;
}
#main .boxNews span.icon img{
	width: 15%;
}
#main .boxReport .entry h4,
#main .boxNews .entry h4{
	font-size:1.3em;
	font-weight:normal;
	line-height:145%;
	margin-bottom:4px;
}
#main .boxReport .entry h4 a,
#main .boxNews .entry h4 a{
	display: block;
	color:#F19164;
	text-decoration:underline;
}
#main .boxMedia .entry p.content{
	font-size:1.0em;
	font-weight:normal;
	line-height:1.5em;
}
#main .boxMedia .entry p.content a {
	color:#F19164;
	text-decoration:none;
}


#main .boxReport p.date,
#main .boxNews p.date,
#main .boxMedia p.date{
	background: url(../image/common/icon_arrow.gif) no-repeat 0.0em 0.45em;
	padding-left:12px;
	margin-bottom:2px;
	font-size:1.1em;
	color:#666;
}
#main .boxMedia .image{
	width:20%;
	height:100%;
	border:5px solid #EFEFEF;
	padding:2px;
	float:left;
}
#main .boxMedia .image img{
	width: 100%;
	height: auto;
}

#main .boxMedia .text{
	float:right;
	width:71%;
}
#main .boxMedia p.lead{
	font-size:1.1em;
	line-height:170%;
}
#main .boxDegree{
	background-color: #efefef;
	padding:20px;
	margin-bottom:30px;
	letter-spacing:1px;
	}
#main .boxDegree .image{
	margin:0 auto;
	text-align:center;
	margin-bottom:15px;
	font-size:1.0em;
	}
#main .boxDegree .image img{
	width: 30%;
	height: auto;
	border: 5px solid #d0d0d0;
}

#main .boxDegree .lead{
	text-align:center;
	font-size:1.167em;
	color:#F19164;
	font-weight:bold;
	margin-bottom:5px;
	}
#main .boxDegree .askus{
	text-align:center;
	font-size:1.833em;
	color:#F19164;
	font-weight:bold;
	margin-bottom:15px;
	}
#main .boxDegree table.history{
	display:none;
}
#main .boxDegree h5{
	font-size:2.0em;
	color:#F19164;
	text-align:center;
	font-weight:normal;
	margin:0 0 0 10px;
	}
#main .boxDegree h5 span{
	font-size: 0.6em;
	letter-spacing:3px;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #F19164;
	padding:6px 20px;
	margin-right:15px;
	}
#main .boxDegree h3{
	text-align:center;
	font-size:1.583em;
	line-height:160%;
	color:#F19164;
	margin:20px 0;
	}
#main .boxDegree .degree{
	width:87%;
	margin:0 auto;
	text-align:center;
}
#main .boxDegree .degree p{
	font-size:0.8em;
	line-height:140%;
}

#main .boxDegree .boxA{
	width: 45%;
	float:left;
	text-align:center;
	margin-bottom:15px;
	}
#main .boxDegree .boxB{
	width: 45%;
	float:right;
	text-align:center;
	margin-bottom:15px;
	}




}