@charset "UTF-8";

@media only screen and (min-width:1px) and (max-width:680px){
  .pcon{display: none;}
}

/* #mainvisual
-------------------------------------------------*/
#mainvisual {
	background:url(../img/message/mainvisual.jpg) 20% center no-repeat;
  background-size:cover;
	height:auto;
}
#mainvisual h1 {
	position: static;
	color: #000;
	transform: none;
	text-shadow: none;
	line-height: 1.2;
	float: left;
	font-weight: normal;
	padding: 7.5% 0 7.2%;
}
#mainvisual section {
	margin: 0 auto;
}
#mainvisual section .cont {
	width: 92%;
	margin: 0 auto;
	padding: 2.4% 0;
}
#mainvisual section .mimg {
	width: 34.375%;
	float: right;
	padding-left:5%;
}
#mainvisual section .mtit {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	clear: left;
	color: #f47314;
}

@media only screen and (min-width:1px) and (max-width:680px){
#mainvisual h1 {
	float: none;
	text-align: center;
}
#mainvisual section .mimg {
	width: 100%;
	float: none;
	padding: 0;
}
#mainvisual section .mtit {
	text-align: center;
	padding: 5px 0;
}
}

/* .messageSet
-------------------------------------------------*/
.messageSet .cont {
	width: 92%;
	margin: 0 auto;
	clear: both;
}
.messageSet .cont .txt01 {
	line-height: 2;
	margin-top: -2px;
	padding-bottom:4.5%;
}
.messageSet .cont .names {
	text-align: right;
	line-height:1.8;
	font-weight:normal;
}

/* .missionSet
-------------------------------------------------*/
.missionSet {
	background:url(../img/message/bg_mission.jpg) no-repeat center center;
	background-size:cover;
	padding:60px 0 80px;
	margin-bottom:9.5%;
}
.missionSet section {
	margin-bottom:0;
}
.missionSet .ttl01 {
	color: #fff;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	text-align:center;
	font-weight:normal;
	line-height:1.4;
}
.missionSet .title {
	color:#fff;
	padding:8px 0 16px;
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.missionSet .listMiss {
	width:96%;
	margin:0 auto;
	display:table;
	clear:both;
}
.missionSet .listMiss li {
	width:33.33%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	color:#f47314;
}
.missionSet .listMiss li .tit {
	font-weight:bold;
}
.missionSet .listMiss li div {
	width:92%;
	margin:0 auto;
	background:#fff;
	text-align:center;
	height:100%;
	border-radius: 100%;
	padding:10% 4%;
	box-sizing:border-box;
	word-wrap: break-word;
}
.missionSet .listMiss li .txt {
	padding-top:5%;
	line-height:2.1;
}
.missionSet .listMiss li:first-child .txt {
	padding-top:0;
	line-height:2;
}
#en .missionSet .listMiss li:first-child .txt {
	padding-top:5%;
	line-height:2.1;
}
@media only screen and (min-width:681px) and (max-width:1040px){
.missionSet .listMiss li .txt {
	font-size:11px;
} 
}
@media only screen and (min-width:1px) and (max-width:680px){
  #mainvisual{
   background:none; 
  }
.missionSet {
	padding:30px 0 20px;
}
.messageSet .cont .names {
	margin-bottom:-10%;
}
.missionSet .listMiss {
	display:block;
}
.missionSet .listMiss li {
	display:block;
	width:100%;
	padding-bottom:20px;
}
.missionSet .listMiss li div {
	width:100%;
	padding:12% 4%;
}
.missionSet .listMiss li div .txt {
	font-size:4.5vw;
}
}
body#zh-cmn-Hans .missionSet .listMiss li .txt{
  padding-top: 0;
  font-size:15px;
}
body#zh-cmn-Hans .missionSet .ttl01{
  margin-bottom: 3.8%;
}
body#zh-cmn-Hans .missionSet .listMiss li div{
  width:85%;
}
@media only screen and (min-width:681px) and (max-width:1040px){
body#zh-cmn-Hans .missionSet .listMiss li .txt {
	font-size:13px;
} 
  body#zh-cmn-Hans .missionSet .listMiss li div{
    width:92%;
  }
}
@media only screen and (min-width:1px) and (max-width:680px){
body#zh-cmn-Hans .missionSet .listMiss li .txt {
	font-size:4.5vw;
} 
}