@charset "utf-8";
/*
Theme Name:somo
Description:renewal/2014summer
Author:somo
Author URI:http://somo.jp/
Version:1.0
*/

/*------------------------------
style.css
------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html { font-size: 10px; }
body {
	background: #fff;
	font-size: 1.4rem;
	line-height: 1.4;
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #100f0f;
}
a {
	text-decoration: underline;
	color: #100f0f;
}
a:hover { color: #242c5b; }

*em { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/*
pagetop
=============================================== */
#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
}
#pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(common/img/pagetop.png) no-repeat 0 0;
}
#pagetop a:hover {
	background: url(common/img/pagetop_on.png) no-repeat 0 0;	
}


/*
header & footer
=============================================== */
#footer { margin-top: 80px; }
#header .wrapper,
#footer .wrapper { padding: 40px 0 20px; }
#header .wrapper h1,
#footer .wrapper h4 { float: left; width: 150px; }
.wrapper #globalNav,
.wrapper #footerNav { float: right; width: 780px; padding: 20px 0; font-size:12px; margin-top:80px;}
/*top header*/
.top_headwrapper { width: 950px; margin-left: auto; margin-right: auto; height:149px; text-align: center;}
/*/top header*/
#globalNav li,
#footerNav li { 
	display: inline;
	margin-left: 1.8rem;
}
#globalNav li:first-child,
#footerNav li:first-child { margin-left: 0; }
#globalNav a,
#footerNav a,
#crumb a,
#underLink a { color: #525356; text-decoration: none; }
#globalNav a:hover,
#footerNav a:hover,
#crumb a:hover,
#underLink a:hover { color: #242c5b; }

#crumb { clear: both; font-size: 1.3rem; padding-top: 10px; color: #525356; }
#crumb li { display: inline; padding-left: 5px; }
#crumb li:before { content:"＞" }
#crumb li:first-child { padding-left: 0; }
#crumb li:first-child:before { content:"" }

#subHeader #mainvisual { background: #eee; height: 379px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
#subHeader #mainvisual p { font-size: 2.5rem; font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.2; margin-left: 145px; }
#subHeader #mainvisual p.num { font-size: 10rem; font-family: 'Josefin Sans', sans-serif; float: left; line-height: 1; margin: 0; padding: 0; }
#subHeader #mainvisual h2 { clear: both; font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 5.5rem; padding-top: 70px; }
#subHeader #mainvisual h2 span { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#underLink { text-align: right;  margin: 40px auto; }
#underLink li { display: inline; color: #4d99df; padding-left: 30px; }

#footer .wrapper .copy { clear: both; }
#footer .copy {
	color: #525356;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	padding-top: 3rem;
}


/*
contents
=============================================== */
.contents { margin-top: 80px; }
.contents h3 { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 5rem; color: #242c5b; text-align: center; margin: 40px 0; }
.contents h3.fs45 { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 4.5rem; }
.contents h3 .small { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 2.5rem; }
.contents h4 { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 2.5rem; color: #242c5b; }

.contents .wrapper > p { 
	font-size: 1.8rem; line-height: 1.8; 
}

.contents .wrapper > p.lead{
	text-align: center;
}


/* leadText */
.leadText {
	width: 850px; margin: 60px auto;
	font-size: 1.8rem; line-height: 1.8;
}
.leadText:after { content: ""; border-bottom: #4d99df 1px solid; display: block; width: 355px; margin: 60px auto; }

/* pointBox */
.pointBox {
	width: 368px;
	float: left;
	margin: 0 10px 10px 0;
	background: #faf9f8;
	border: #e9e5e1 1px solid;
	padding: 25px 50px;
}
.pointBox:nth-of-type(2n) { margin-right: 0; }
.pointBox h4 a { color: #242c5b; text-decoration: none; }
/* anchor */
#anchor ul:after {content: ""; display: block; clear: both;}
li.pointBox { padding: 15px 25px 25px; width: 418px; background-position: 20px 60px; background-repeat: no-repeat; }
li.pointBox p.text { min-height: 120px; padding-left: 170px; font-size: 1.5rem; line-height: 1.7; }
li.pointBox p.header { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 2.5rem; color: #242c5b; padding-bottom: 10px; }
li.pointBox .more { text-align: right; margin-top: 10px; }

/* circle */
.circle {
	background: #242c5b;
	border-radius: 35px;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	vertical-align: middle;
	width: 70px; height: 70px;
	display: table-cell;
}
.circle + h4 { display: table-cell; vertical-align: middle; padding-left: 20px; }
.circle + h4 + p { margin-top: 20px; font-size: 1.5rem; line-height: 1.8; }

/* arrowBox */
ol.arrow:after {content: ""; display: block; clear: both;}
ol.arrow li {
	float: left; 
	position: relative;
	z-index: 0;
	background: #a0ccdd;
	margin: 0 23px 23px 0;
}
ol.arrow li.left { float: right; }
ol.arrow li:after {
	content: "";
	position: absolute;	
	display: block;
	width: 0; height: 0;
	border-style: solid;
}
ol.arrow li.right:after {
	top: 50%; right: -15px;
	margin-top: -15px;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #a0ccdd;
}
ol.arrow li.bottom:after {
	bottom: -15px; left: 50%;
	margin-left: -15px;
	border-width: 15px 15px 0 15px;
	border-color: #a0ccdd transparent transparent transparent;
}
ol.arrow li.left:after {
	top: 50%; left: -15px;
	margin-top: -15px;
	border-width: 15px 15px 15px 0;
	border-color: transparent #a0ccdd transparent transparent;	
}
ol.arrow li.none:after {
	border: 0;
}

/* contactBox */
#contactBox > p { font-size: 1.7rem; line-height: 1.8; text-align: center; }
#contactBox .contactAnchor a,
#contactBox .worksAnchor a {
	display: block;
	width: 500px;
	margin: 60px auto 80px;
	text-align: center;
	background: #242c5b;
	padding: 2rem 0;
	color: #fff;
	font-size: 2.4rem;
	text-decoration: none;
}
#contactBox .contactAnchor a span { background: url(common/img/icon_mail.png) no-repeat 0 50%; padding: 8px 0 8px 80px; }
#contactBox .worksAnchor a span { background: url(common/img/icon_screen.png) no-repeat 0 50%; padding: 8px 0 8px 80px; }


.num {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}

.wrapper { width: 950px; margin-left: auto; margin-right: auto; }

.more a,
.backList a {
	background: #242c5b;
	padding: 1rem 5rem;
	color: #fff;
	font-size: 2.4rem;
	text-decoration: none;
}
.more span.anchor {
	background: url(common/img/icon_arrowRight.png) no-repeat 0 50%;
	padding-left: 4rem;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
}
.more span.small { font-size: 1.1rem; padding-left: 1.2rem; vertical-align: middle; }

.backList a span { 	background: url(common/img/icon_arrowLeft.png) no-repeat 0 50%;
	padding-left: 4rem; font-size: 1.8rem; }

.entry a:hover,
.more a:hover,
.backList a:hover,
#contactBox .contactAnchor a:hover, 
#contactBox .worksAnchor a:hover { background-image: url(common/img/bg_stripe.png); }


/*
比較表
=============================================== */
/*table*/
#compare table { border: #f5f3f1 1px solid; width: 100%; }
#compare th,
#compare td { background: #faf9f8; border-top: #f8f6f5 2px solid;
				font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #525356; font-size: 1.5rem;
				padding: 8px 15px; text-align: center; vertical-align: middle;
}
#compare tr th:first-child { text-align: left; padding-left: 25px; }
#compare th.top,
#compare td.top { border-top: 0; border-bottom: #f5f3f1 1px solid; }
#compare th.top2,
#compare td.top2 { border-top: #fff 1px solid; }

/*
information
=============================================== */
/*--- entry ---*/
.entry {
	width: 300px;
	float: left;
	margin: 0 25px 25px 0;
	position: relative;
}
.entry:nth-of-type(3n) { margin-right: 0; }
.entry a {
	display: block;
	padding: 20px;
	height: 15rem;
	background: #242c5b;
	color: #fff;
	text-decoration: none;	
}
.entry:nth-of-type(2n) a { background-color: #365c8f; }
.entry .title { font-size: 1.6rem; line-height: 1.7; }
.entry .date { font-size: 2.4rem; font-family: 'Josefin Sans', sans-serif; position: absolute; bottom: 2rem; left: 2rem; }
.entry .date .new { font-size: 1.1rem; font-weight: 700; background: #e50011; padding: 0.2rem 1rem; margin-left: 1.5rem; position: relative; top: -0.3rem; }
#infscr-loading { text-align: center; font-family: 'Josefin Sans', sans-serif; font-weight: 300; clear: both; }
#loadmore { clear: both; }

.red{
	color:red;
	font-size:10px;
}

.nomal{
	font-size:10px;
	color:#999;
}

.panel-primary > .panel-heading,.btn-primary{
	background:#242c5b !important;
	border-color:#242c5b !important;
}

.panel-primary{
	border-color:#242c5b !important;
}

 .u-inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }

  .c-ttl-01 {
    width: 100%;
    padding: 45px 0 0 0;
    margin-bottom: 56px;
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    position: relative;
  }

  .p-company-outline-table > table {
    display: table;
    width: 100%;
    font-size: 1.6rem;
  }

  .p-company-outline-table > table tbody th {
    display: table-cell;
    border-top: none;
    border-bottom: solid 1px #444444;
    padding: 20px 30px 20px 30px;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
  }

  .p-company-outline-table > table tbody td {
    display: table-cell;
    border-bottom: solid 1px #444444;
    padding: 20px 30px 20px 0;
  }
	  .p-company-outline-table > table tbody td dl {
    display: table;
  }
	  .p-company-outline-table > table tbody td dl > dt {
    display: table-cell;
    width: 8em;
  }
	 .p-company-outline-table > table tbody td dl > dd {
    display: table-cell;
  }

#footer {
  text-align: center;
  color: #525356;
padding: 4.5rem 0 4.9rem;
margin-top: 80px;
	background: #e4ebf0;
}

@media only screen and (max-width: 767px) {
.top_headwrapper { width: 100%; margin-left: auto; margin-right: auto; height:149px; text-align: center;}
  .p-company-outline-table > table tbody, .p-company-outline-table > table tbody tr {
    display: block;
    width: 100%;
  }
	.p-company-outline-table > table tbody th {
  display: block;
  border-top: solid 1px #444444;
  border-bottom: dotted 1px #444444;
  padding: 10px 10px 10px 10px;
  text-align: left;
  font-weight: normal;
}
	.p-company-outline-table > table tbody td {
  display: block;
  border-bottom: none;
  padding: 20px 10px 20px 10px;
}
	
.p-company-outline-table > table {
  display: block;
  width: 100%;
  font-size: 1.6rem;
}
	.wrapper {
  width: 100%;
}
	.p-company-outline-table > table tbody td dl > dt {
  display: table-caption;
  width: inherit;
}
}