body{margin:0; padding:0; background-color:#f4f4f4; color:#333333; font-size:14px; line-height:1.45em; letter-spacing:0.1em; text-align:justify; text-justify: inter-ideograph;
font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}

div#Wrap{width:100%; margin:0; padding:0;   overflow: hidden;}
a:link{text-decoration:none; color:#333333;}
a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:none; color:#ffcc33;}
a img:hover{filter:alpha(opacity=80); opacity:0.6;}
a name:hover{text-decoration:none; color:#333333;}
div.clear{width:100%; height:0px; margin:0; padding:0; clear:both;}
img{width:100%; margin:0; padding:0; vertical-align:bottom;}

a.HeaderList:link{text-decoration:none; color:#ffffff;}
a.HeaderList:visited{color:#ffffff;}
a.HeaderList:hover{color:#ffcc33;}
a.newsmore:link{color:#ffcc33;}
a.newsmore:visited{color:#ffcc33;}




/*ヘッダー（現在非表示；div#Headerは削除；div.SPHeaderMenu[...].MenuLogo imgはmargin-top:20%;）*/
iframe#header{border:none; width:100%; height:1000px; position:absolute; top:0; z-index:4;}

#PCHeader{display:none;}


/*ヘッダー*/
div#SPHeader{width:100%; background-color:rgba(255,255,255,0.7); position:fixed; top:0; z-index:19;}
div.SPSiteTitle h1{font-size:10px; text-align:center; font-weight:normal;}
div.SPSiteID{width:50%; float:left; margin-left:23%; margin-bottom:2%;}
div.SPSiteID img{margin-top:10%;}
div.SPHeaderMenu{float:right; width:20%;}

div#Header{display:none;}


/*ヘッダーメニューモーダルウィンドウ*/

.modal-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
line-height: 1.3;
display: none\9;
}
.modal-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.is-active.modal-window {
display: block\9;
}
.modal-window:target {
display: block\9;
}

/*モーダルウィンドウ内*/

div.SPHeaderMenu .modal-inner .MenuLogo{width:50%; float:left; margin-left:23%; margin-bottom:8%;}
div.SPHeaderMenu .modal-inner .MenuLogo img{margin-top:20%;}

.modal-window .modal-inner {
position: absolute;
top: 0;
left: 0;
z-index: 20;
margin-left: 0;
width: 100%;
overflow-x: hidden;
border-radius: 0;
background: #ffcc33;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
}
.modal-window .modal-inner p {
padding: 0 20px;
}
.modal-window .modal-inner ul{
list-style:none; padding:0; margin:46% auto 30%; text-align:center;
}
.modal-window .modal-inner ul li{
padding:20px 0; margin:0 15%; font-size:8px;
}
.modal-window .modal-inner ul li.BottomList{
border-top:solid 1px #ffe685; font-size:8px;
}

/*モーダルウィンドウ閉じタグ*/
.modal-window .modal-close {
display: block;
text-indent:-100;
overflow: hidden;
}
.modal-window .modal-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;

}
.modal-window .modal-close:after {
content: "×";
position: absolute;
top: 0;
right: 0;
z-index: 20;
margin-right: 3%;
margin-top:3%;
background: #ffcc33;
border-radius: 2px;
padding: 2px 8px;
font-size: 3em;
text-decoration: none;
text-indent: 0;
color:#ffffff;
}
.modal-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}



/*メインコンテンツ*/
div#MainContents{margin-top:75px; z-index:2;}
div#Main{padding-top:25%; margin-top:-25%;}


/*トップメッセージ*/
div.SPTopMessage img{width:100%; margin-top:-75px;}
div.SPTopMessage p.title{font-size:24px; line-height:1.5em; letter-spacing:0.05em; color:#000000; font-weight:bold; padding:6% 8% 3% 8%;}
div.SPTopMessage p{color:#000000; line-height:1.5em; padding:3% 8%;}

div.PCTopMessage{display:none;}


/*ニュース*/
div.News{border-top:double 4px #cccccc; border-bottom:double 4px #cccccc; padding:20px 5%; background-color:#ffffff;}
div.NewsIndex{width:100%;}
div.NewsIndex p{margin:30px 0; text-align:center;}
div.NewsArticle{width:100%;}
div.NewsContents{clear:both;}
div.NewsDate{float:right; width:60%;}
div.NewsDate p{margin:0; letter-spacing:0; font-size:12px;}
div.NewsIcon{width:7%; float:left; }
div.NewsIcon img{width:25px;}
div.NewsCategory{width:30%; float:left;}
div.NewsCategory p{margin:0; font-size:12px;}
div.NewsTitle{float:left; width:100%;}
div.NewsTitle p{margin:1% 0 10%; font-size:12px;}
div.NewsMore{float:right;  font-size:12px;}


/*ミドルメッセージ*/
div.MiddleMessage p.title{font-size:28px; line-height:1.3em; font-family:"Times New Roman"; font-weight:600; color:#000000; padding:6% 8% 3% 8%;}
div.MiddleMessage p{color:#000000; line-height:1.5em; padding:3% 8%;}



/*事業ドメイン*/
div.Category{background-color:#ffffff; height:100%;}
div.CategoryTitle p{background-color:#ffcc33; padding:10px 30px; font-size:12px; line-height:1.5em; margin:0;}
div.Business{padding:20px; border-bottom:3px double #ffcc33;}
div.Business p{font-size:24px; font-weight:bold; padding:10px; line-height:1.5em;}
div.Business p.summary{font-size:14px; font-weight:normal; padding:10px;}
div.Business ul{margin:0; padding:20px 10px; list-style:none; border-top:1px solid #ffcc33;}
div.Business ul li{margin-bottom:5px; line-height:1.5em; }
div.ReportTitle{margin:30px; font-size:12px;}
div.Report p.reportcategory{margin-left:20px;}
div.Report ul{margin:15px 10% 30px; padding:5px; list-style:none;}
div.Report ul li{margin:0 0 5px 5%; padding-left:5px; list-style:disc;}


/*ボトムメッセージ*/
div.BottomMessage{color:#ffffff; line-height:1.5em; position:relative; background-color:#201f1d; height:600px;}
div.BottomMessage p.introduction{position:absolute; left:0; right:0; top:15%;}
div.BottomMessage p.title{position:absolute; left:0; right:0; top:25%; font-size:20px; border-bottom:solid 1px #ffffff; padding-bottom:3%; line-height:1.5em; letter-spacing:0.05em;}
div.BottomMessage p{position:absolute; left:0; right:0; top:45%; margin:0 8%;}

div.BottomMessage img.PCBottomMessage{display:none;}


/*ソーシャルボタン*/
div#SocialButton{background-color:transparent; font-size:12px; width:auto; height:auto; position:fixed; left:0; bottom:0; z-index:3;}
div#SocialButton ul{list-style:none; padding:0;}
div#SocialButton ul li{float:left;}
div#SocialButton ul li img{width:30px; padding:5px;}
div#SocialButton ul li img.Facebook{background:#3E5B98;}
div#SocialButton ul li img.Twitter{background:#55ACEE;}
div#SocialButton ul li img.feedly{background:#66CC66;}
div#SocialButton ul li img.Hatena{background:#00A4DE;}
div#SocialButton ul li img.Pocket{background:#EF3F56;}
div#SocialButton ul li img.Email{background:#BCBCBC;}

#SocialButton{display:none;}


/*フッターSP矢印*/
div#SPToTop{text-align:right; padding:0% 3%; margin:-8px 0; position:fixed; right:0; bottom:0; z-index:3; background:rgba(32,31,29,0.5);}
div#SPToTop p{color:#ffffff;}

#PCToTop{display:none;}


/*フッター*/
div#Footer{background-color:#201f1d;}
iframe#footer{border:none; width:100%; height:1200px; margin-bottom:75px; vertical-align:bottom; z-index:1;}