@charset "utf-8";
/*
Theme Name: Petit Bases
Theme URI: http://atseed.com
Author: ATSEED
Author URI: http://atseed.com
Description: small bases Themes.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Reset HTML (No Edit 
 * -----------------------------------------------------------------------------
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}tr, th, td {font-size:100%;font:inherit;vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content:'';content: none;}

/* Initial HTML (No Edit
 * -----------------------------------------------------------------------------
 */
html {font-size:62.5%;}body {font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:1.7rem;line-height:1.5em;}table {border-collapse:collapse;}th {white-space:nowrap;}p {margin-bottom:1em;}sup, sub {height:0;line-height:1;vertical-align:baseline;_vertical-align:bottom;position:relative;font-size:80%;}sup {	bottom:1em;}sub {top:.5em;}strong {font-weight:bold;}em {font-style:italic;}

/* Usual Style (No Edit
 * -----------------------------------------------------------------------------
 */
.cf {overflow:auto;}.cf:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}table, img:not([src$="mapcnt3.png"]) {max-width:100%;}.brsmrpport:before, .brsmrpland:before, .brtbltport:before {content:"\A";white-space:pre;} 

/* Wordpress Style
 * -----------------------------------------------------------------------------
 */
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.wpcf7-list-item label:before {
	content:"";
}
.wpcf7-validation-errors {
	border:2px dotted #fff !important;
	border-radius:5px;
	margin:1em 0 !important;
	color:#fff;
	background:rgba(204, 17, 0, .8);
}
.wpcf7-not-valid-tip {
	color:#c10 !important;
	font-weight:bold;
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	background:#069;
	border:1px dashed #fff !important;
	color:#fff;
}
.wpcf7-form .wpcf7-not-valid {
	background:#c10;
	color:#fff;
	border-color:#fff !important;
}
.wpcf7-form input:not([type="checkbox"]), .wpcf7-form textarea {
 width:98%;
 border-radius:5px;
 margin:0;
 border:1px dashed #069;
 padding:1%;
 min-height:30px;
}
.wpcf7-form input[type="submit"] {
	width:100%;
	padding:1%;
	background:#069;
	color:#fff;
	min-height:45px;
}
.wpcf7-form input[type="submit"]:hover {
	background:#00a7f7;
}
.sent .forminner {
	display:none;
}
.completeview {
	display:none;
}
.sent .completeview {
	display:block;
	background:#fff;
	padding:1em;
	border-radius:5px;
}
.sent .completeview .subcatch {
	font-size:21px;font-size:2.1rem;
	border-bottom:1px dashed #069;
	padding-bottom:.7em;
	margin-bottom:1.5em;
	font-weight:bold;
	line-height:1.5em;
}

/* Base HTML
 * -----------------------------------------------------------------------------
 */
body {
	background-color:#fff;
	color:#000;
}
a {
	text-decoration:none;
	color:#069;
}
a:hover {
	color:#044B8D;
}
h2{
	font-size:1.8rem;
	text-align:center;
	color:#963;
	margin-top:50px;
	margin-bottom:40px;
}
h2+header {
	margin-bottom:40px;
	padding-bottom:20px;
	border-bottom:1px dashed #666;
}
h2+header img {
	border-radius:10px;
	margin-bottom:10px;
}
body:not(.home) h2 {
	border-bottom:3px solid #002142;
	font-size:3.0rem;
	font-weight:bold;
	text-align:left;
	padding:.5em 0 .5em 20px;
	margin-bottom:20px;
	color:#262626;
	border-radius:5px 0 0 0;
}
h3 {
	color:#262626;
	font-weight:bold;
	text-align:center;
	font-size:2.1rem;
	border-bottom:1px dashed #ddd;
	padding-bottom:.5em;
	margin-top:2em;
	margin-bottom:.5em;
}
h4 {
	font-weight:bold;
}
form input,
form textarea{
	font-family:inherit;
}
hr {
	border:none;
	background:url(images/hr.png) no-repeat center top;
	min-height:50px;
	margin:30px auto;
}
section {
	vertical-align:top;
}
div {
	word-break:break-all;
}
:focus {
outline:none;
}

dl {
  background-color: #FFF;
  border-top: 1px solid #E4E4E4;
  border-left: 1px solid #E4E4E4;
  margin: 20px;

  display: flex;
  flex-wrap: wrap;
}
dl dt {
  background-color: #FBFBFB;
  font-weight: bold;
}
dl dt,
dl dd {
  padding: 15px;
  width: 50%;
  box-sizing: border-box;
  border-right:  1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4;
}
body:not(.home) #pagebody .htit h2 {
	border-bottom:none;
	color:#fff;
	font-size:3.4rem;
	text-align:center;
	padding:1em;
}
ul.inbody li {
	margin-left:1em;
}
/* Box of Outline Layout Style
 * -----------------------------------------------------------------------------
 */
#wrapper {
	width:100%;
}
article {
	margin-bottom:20px;
	clear:both;
}
section,li {
	vertical-align:top !important;
}
.container {
	width:90%;
	max-width:1200px;/* totalwidth */
	margin:0 auto;
}
#pageheader {
	background:#fff url(images/bg-header.png) repeat-x center bottom;
	padding:10px 0;
	position:fixed;
	top:0;
	width:100%;
	min-height:80px;
	z-index:20;
}
#pagepr {
	background:url(images/bg-pr.jpg) repeat-x top center;
}
#pagefooter {
	background:#044B8D;
}
body:not(.home) #pagebody {
	margin-top:100px;
}
#pagebody .htit {
	height:100px;
	background: #044B8D;
	margin-bottom:3em;
}
#pagebody .htit .container {
	font-size:2.4rem;
	height:100px;
	background: #044B8D url(images/bg-tit.png) no-repeat right bottom;
}
/* #pageheader Style
 * -----------------------------------------------------------------------------
 */
#pageheader h1, #pageheader .pagetheme {
	font-size:10px;
	font-size:1.0rem;
	line-height:1.2em;
	margin-bottom:0;
}
#pageheader .logo {
	margin-top:10px;
	position:relative;
	z-index:50;
	max-height:50px;
}
#pageheader .tel {
	display:none;
}
#pageheader .headermail {
	float:right;
	margin-top:20px;
	margin-right:10px;
}
#pageheader #global-nav {
	float:right;
	margin-top:10px;
	text-align:right;
}
#pageheader #global-nav #menu-globalmenu {
	text-align:left;
	display:none;
	width:100%;
	font-size:0;
	position:fixed;
	left:0;
	background:#fff;
	padding:5px 0;
	margin-top:8px;
}
#pageheader #global-nav #menu-globalmenu li {
	display:inline-block;
	width:48%;
	text-align:center;
	font-size:1.4rem;
	margin:1%;
	border-radius:5px;
	background:#044B8D;
}
#pageheader #global-nav #menu-globalmenu li:nth-of-type(4) {
	background:#900;
}

#pageheader #global-nav #menu-globalmenu li a {
	display:block;
	color:#fff;
	padding:1em 0;
}
#pageheader #global-nav #globalmenubt img {
	max-width:50px;
}
/* #pagepr Style
 * -----------------------------------------------------------------------------
 */
#pagepr .container {
	margin-top:0;
	padding-top:0;
	padding-bottom:50px;
	overflow:auto;
	text-align:center;
}
#pagepr p {
	margin:0;
	line-height:1.5em;
}
#pagepr .mainpr {
	padding:3em;
	color:#262626;	
	background:#fff;
	display:inline-block;
	margin:auto;
	border-radius:10px 10px 0 0;
}
#pagepr .mainpr .message {
	font-size:4.0rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	background:none;
	line-height:1.0em;
	color:#000;
	border-bottom:6px solid #044B8D;
	padding-bottom:.5em;
	letter-spacing:.2em;
}
#pagepr .mainpr .lead {
	text-align:center;
	font-size:1.7rem;
	font-weight:bold;
}
#pagepr .mainpr .lead .bt{
	margin-top:2em;
}


/* #pagefooter Style
 * -----------------------------------------------------------------------------
 */
#pagefooter {
	font-size:12px;
	font-size:1.2rem;
	color:#fff;
	clear:both;
	padding:20px 0;
}
#pagefooter .pagetop {
	position:fixed;
	bottom:180px;
	right:5%;
	z-index:10;
	max-width:40px;
}
#pagefooter .pagetop img {
	border-radius:5px;
}
#pagefooter .sub-nav {
	clear:both;
	font-size:0;
	padding:20px 0;
}
#pagefooter .sub-nav li {
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	text-align:center;
}

#pagefooter .sub-nav li a {
	display:block;
	padding:.5em;
	color:#fff;
	border-radius:8px;
}
#pagefooter .sub-nav li a:hover {
	background:rgba(255,255,255,.5);
	color:#002142;
	text-decoration:none;
}
#pagefooter > div {
	text-align:center;
}
#pagefooter .centerblk {
	margin-top:20px;
}
#pagefooter .rightblk {
	display:none;
}
.mobilemenu {
	list-style:none;
}
.mobilemenu li {
	display:inline-block;
	width:50%;
	text-align:center;
}
.mobilemenu a {
	display:block;
	padding:20px;
	border:1px solid #eee;
}
.mobilemenu li img {
	height:39px;
}

/* .sidemenu
 * -----------------------------------------------------------------------------
 */

body:not(.home) .sidemenu h2 {
	background:rgba(0,0,0,.5);
	border-radius:0;
	border-top:1px solid #fff;
	border-bottom:1px solid #666;
	margin-bottom:0;
}
.sidebox aside {
	margin-bottom:30px;
}
.sidebox aside.spbnr {
	text-align:center;
}
.sidemenu h2 a {
	color:#fff;
	display:block;
}
.sidemenu ul {
	list-style-type:none;
	font-size:0;
}
.sidemenu li {
	font-size:1.4rem;
}
.sidemenu li a {
	display:block;
	background:rgba(0,0,0,.3);
	border-top:1px solid #fff;
	border-bottom:1px solid #666;
	padding:.5em 5%;
	color:#eee;
}
.sidemenu li a:hover {
	color:#fff;
}
.sidemenu li a:after {
	content:'>';
	float:right;
}

/* Common Style
 * -----------------------------------------------------------------------------
 */
.arrow {
	text-align:center;
}
.arrow img {
	max-width:50px;
}
#breadcrumbs {
	display:none;
}
.topage {
	display:block;
	width:100%;
	max-width:400px;
	background-color:#069;
	color:#fff;
	text-align:center;
	padding:.5em 0;
	margin-right:auto;
	margin-left:auto;
	border-radius:8px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.topage:hover {
	color:#fff;
}
.topage::after {
	top: -100%;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.topage:hover::after {
	top: 0;
	background-color:#00a7f7;
}
.sidebnr {
	position:fixed;
	top:150px;
	right:-260px;
	z-index:19;
}
.sidebnr .btbnr {
	border-radius:8px 0 0 8px;
}

.lstbox section {
	clear:both;
	border-bottom:1px dashed #999;
}
.lstbox section:nth-last-of-type(1) {
	border-bottom:none;
	margin-bottom:10px;
}
.lstbox section a {
	display:block;
	overflow:auto;
	padding:10px 0;
}
.lstbox section img {
	width:100px;
	float:left;
	margin-right:10px;
	background:#fff;
	border-radius:5px;
}

.lstbox section h3, .lstbox section p {
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:0;
	text-align:left;
}
.lstbox a h3 {
	color:#069;
}
.lstbox a:hover h3 {
	color:#00a7f7;
}
h1 span:before,
aside.sidemenu li span:before,
.lstbox h3 span:before {
	content:"\A";white-space:pre;
}
.colbox112,
.colbox113,
.colbox122,
.colbox123,
.colbox124 {
	font-size:0;
}
.colbox112 p, .colbox112 a, .colbox112 dl, .colbox112 li,
.colbox113 p, .colbox113 a, .colbox113 dl, .colbox113 li,
.colbox122 p, .colbox122 a, .colbox122 dl, .colbox122 li,
.colbox123 p, .colbox123 a, .colbox123 dl, .colbox123 li,
.colbox124 p, .colbox124 a, .colbox124 dl, .colbox124 li {
	font-size:17px;
	font-size:1.7rem;
	line-height:170%;
}
.colbox112 .colitm,
.colbox113 .colitm,
.colbox122 .colitm,
.colbox123 .colitm,
.colbox124 .colitm {
	display:inline-block;
	width:100%;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.bodyfooter {
	margin-bottom:50px;
}
body:not(.home) .bodyfooter {
	margin-top:50px;
}
.bnrcontact {
	border:3px solid #ccc;
	border-radius:5px;
	padding:10px;
	font-weight:bold;
	background:#fff;
	overflow:auto;
}
.bnrcontact .bnrimg {
	display:none;
}
.bnrcontact .oprt {
	width:25%;
	float:left;
}
.bnrcontact .ccpy {
	width:75%;
	float:left;
	color:#262626;
	font-size:15px;
	font-size:1.5rem;
}
.bnrcontact .ccpy span {
	color:#c01;
	font-size:17px;
	font-size:1.7rem;
}
.bnrcontact .tomail {
	width:60%;
	margin:auto;
} 
.sidebnr,.pagetop {cursor: pointer;}
.remarkbox {
	background:#D7E3B5;
	width:80%;
	margin:0 auto 30px auto;
	border:1px dotted #fff;
	border-radius:5px;
	line-height:1.5em;
	padding:20px 30px;
}
.required {
	color:#c10;
	font-weight:bold;
}
#formtop {
	margin-top:-150px;
	padding-top:150px;
}
.illphoto {
	width:100%;
	margin:auto;
	text-align:center;
}
.illphoto img {
	border-radius:7px;
	max-width:70%;
}
a.more {
	background:#044B8D;
	color:#fff;
	font-weight:bold;
	padding:1em 3em;
	border-radius:5px;
}
a.more:after {
	content:" >>";
	font-size:.5em;	
}
a.more:hover{
	background:rgba(4,75,141,.5);
}
.bt {
	text-align:center;
	margin:2em;
}
.leadmess {
	font-size:30px!important;
	font-size:3.0rem!important;
	font-weight:bold;
	color:#0cf;
	line-height:1.3em!important;
}
.altn li {
	margin-bottom:.5em;
	background:#eee;
	border-radius:0 50px 50px 0;
	padding:5px;
}
.altn li:nth-of-type(2n) {
	background:#f6f6f6;
}

/* Home Style
 * -----------------------------------------------------------------------------
 */
.home #pagepr {
	background:url(images/primg-index.jpg) no-repeat center;
	background-size:100%;
}
.home #pagepr .container {
	padding-top:70%;
	padding-bottom:60px
}
.home article {
	padding-top:50px;
	padding-bottom:50px;
}
.home article:nth-of-type(2n+1) {
	background:#fff;

}
 article h2 {
	color:#000;
	font-size:3.4rem;
	font-weight:bold;
	display: flex;
    align-items: center;
	margin-bottom:5px;
}
 article h2+p {
	white-space:pre;
	color:#044B8D;
	font-size:1.7rem;
	font-weight:bold;
	text-align:center;
}
 article h2:before, .home article h2:after {
        content: "";
        flex-grow: 1;
        height: 4px;
        background: #044B8D;
        margin:.4em; 
    }
.home h3 {
	color:#262626;
	width:100%;
	font-size:1.7rem;
	margin-bottom:10px;
}
.home .container .leadtitle {
	font-weight:bold;
	text-align:center;
	font-size:17px;
	font-size:1.7rem;
}
.home article[class^="top"] section {
	text-align:center;
}
.home .topservice section {
	margin-bottom:40px;
}
.home .topservice section a {
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:170px;
	color:#262626;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.home .topservice section:nth-of-type(1) a {
	background-image:url(images/bg-home-service01.png);
}
.home .topservice section:nth-of-type(2) a {
	background-image:url(images/bg-home-service02.png);
}
.home .topservice section:nth-of-type(3) a {
	background-image:url(images/bg-home-service03.png);
}
.home .topservice section:nth-of-type(4) a {
	background-image:url(images/bg-home-service04.png);
}
.home .topservice section:nth-of-type(1) a:hover {
	background-image:url(images/bg-home-service11.png);
}
.home .topservice section:nth-of-type(2) a:hover {
	background-image:url(images/bg-home-service12.png);
}
.home .topservice section:nth-of-type(3) a:hover {
	background-image:url(images/bg-home-service13.png);
}
.home .topservice section:nth-of-type(4) a:hover {
	background-image:url(images/bg-home-service14.png);
}
.home .topflow section {
	background-repeat:no-repeat;
	background-position:center 60px;
	color:#262626;
	margin-bottom:40px;
}
.home .topflow section:nth-of-type(1) {
	background-image:url(images/bg-home-flow01.jpg);
}
.home .topflow section:nth-of-type(2) {
	background-image:url(images/bg-home-flow02.jpg);
}
.home .topflow section:nth-of-type(3) {
	background-image:url(images/bg-home-flow03.jpg);
}
.home .topflow section .voice {
	display:block;
	width:100%;
	background:#cfb192;
	border-radius:30px;
	color:#fff;
	text-align:center;
	font-size:1.3rem;
	margin-bottom:8px;
}
.home .topflow section .voice:nth-of-type(2) {
	margin-bottom:170px;
}
.home .topflow .topage {
	margin-top:40px;
}


/* 2nd index #Common Style
 * -----------------------------------------------------------------------------
 */
.indexmenu section {
	margin-top:20px;
}
.indexmenu section h3 {
	margin-bottom:.5em;
}
.indexmenu section a h3 {
	color:#069;
}
.indexmenu section a:hover h3 {
	color:#00a7f7;
}
.indexmenu section p {
	margin-bottom:0;
}
.indexmenu a {
	color:#262626;
	text-decoration:none;
}
/* .service Style
 * -----------------------------------------------------------------------------
 */
.service .indexmenu section img {
	border-radius:5px;
}
.service .imgmap img {
	border-radius:5px;
}
.service .point,
.service .situation {
	margin-bottom:30px;
}
.service .point section h3 {
	background:#002142;
	color:#fff;
	border-radius:20px;
	margin:0 0 1em 0;
	padding:.2em;
}
.service .situation section {
	padding-top:150px;
	background-repeat:no-repeat;
	background-position:top center;
}
.service article.security h2:first-child {
	background-size:cover;
	padding:1em 0;
	border:0;
	border-radius:5px;
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
	text-align:center;
	color:#000;
}


/* .workflow Style
 * -----------------------------------------------------------------------------
 */
.workflow .step section {
	border:3px solid #ccc;
	background:#fff;
	border-radius:5px;
	background-repeat:no-repeat;
	background-position:center -50px;
	background-size:100%;
}
.workflow .step section:nth-of-type(1) {
	background-image:url(images/img-workflow01.jpg);
}
.workflow .step section:nth-of-type(2) {
	background-image:url(images/img-workflow02.jpg);
}
.workflow .step section:nth-of-type(3) {
	background-image:url(images/img-workflow03.jpg);
}
.workflow .step section:nth-of-type(4) {
	background-image:url(images/img-workflow04.jpg);
}
.workflow .step section:nth-of-type(5) {
	background-image:url(images/img-workflow05.jpg);
}
.workflow .step section:nth-of-type(6) {
	background-image:url(images/img-workflow06.jpg);
}
.workflow .step section:nth-of-type(7) {
	background-image:url(images/img-workflow07.jpg);
}
.workflow .step hr {
	background:url(images/ico-workflow-arrow.png) no-repeat center;
	height:25px;
	margin:0;
}
.workflow .step section h3 {
	margin-top:80px;
	background:#fff;
	padding:10px 0 8px 0;
	border-bottom:1px dashed #ccc;
}
.workflow .step section p {
	background:#fff;
	padding:8px 10px 10px 10px;
	margin-bottom:0;
}
/* .workcase Style
 * -----------------------------------------------------------------------------
 */
.single-workcase .imageblk img {
	border-radius:5px;
}
.single-workcase h3 {
	border-bottom:1px dashed #999;
	padding-bottom:8px;
	margin-bottom:8px;
}
.single-workcase hr {
	border-top:3px dotted #163250;
	clear:both;
	min-height:0 !important;
}

/* .profile Style
 * -----------------------------------------------------------------------------
 */
body.profile .mainbox dl {
	font-size:0;
}
body.profile .mainbox dt,
body.profile .mainbox dd {
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	font-size:1.4rem;
	vertical-align:top;
	margin-bottom:1em;
	padding-top:1em;
	border-top:1px dotted #999;
}
body.profile .mainbox dt:nth-of-type(1),
body.profile .mainbox dd:nth-of-type(1) {
	border:none;
}
body.profile .mainbox dt {
	width:30%;
	font-weight:bold;
}
body.profile .mainbox dd {
	width:70%;
}

@media screen and (min-width : 600px) {
/* Base HTML
 * Box of Outline Layout Style
 * #pageheader Style
 * #pagepr Style
 * #pagefooter Style
 * Common Style
 * Home Style
 * 2nd index #Common Style
 */
.lstbox section h3, .lstbox section p {
	font-size:14px;
	font-size:1.4rem;
}
.lstbox section:nth-last-of-type(2) {
	border-bottom:none;
}
.colbox122 .colitm,
.colbox123 .colitm,
.colbox124 .colitm {
	width:49%;
	margin-right:2%;
}
.colbox122 .colitm:nth-of-type(2n),
.colbox123 .colitm:nth-of-type(2n),
.colbox124 .colitm:nth-of-type(2n) {
	margin-right:0;
}
.illphoto {
	max-height:200px;
	text-align:center;
}
.illphoto img {
	max-height:200px;
}
body {
	background-image:url(images/bg.jpg);
	background-attachment:fixed;
	background-size:cover;
}

#pageheader .tel {
	display:block;
	position:absolute;
	top:50px;
	left:250px;
	background:url(images/ico-telephone.png) no-repeat top left;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:2.7rem;
	fotn-weight:bold;
	color:#000;
	padding-top:5px;
	padding-left:40px;
	line-height:.6em;
	text-align:right;
}
#pageheader .tel span {
	font-size:1.2rem;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#036;
}
#pageheader .tel .btmail {
	display:none;
}
#pageheader #global-nav #menu-globalmenu li {
 display:inline-block;
 width:23%;
 text-align:center;
 font-size:1.4rem;
 margin:.5% 1%;
 border-radius:5px;
}
#pageheader #global-nav #menu-globalmenu li:nth-of-type(3n) {
	margin-right:1%;
}
#pagepr {
 margin-bottom:0;
}
#pagepr .mainpr .message {
	font-size:4.0rem;	
}
#pagepr .mainpr .lead {
 font-size:1.7rem;
}
#breadcrumbs {
 font-size:1.2rem;
 color:#fff;
 display:block;
 background:rgba(0,0,0,.3);
 padding:.3em 0;
}
#breadcrumbs .container > span:after {
 content:" > ";
 font-size:1.1rem;
 color:#ccc;
}
#breadcrumbs .container > span:last-child:after {
 content:"";
}
#breadcrumbs .container > span:first-child:after {
 content:" > ";
}
#breadcrumbs a {
 color:#ddd;
}
#breadcrumbs a:hover {
 color:#fff;
}
#pagepr .mainpr .lead p {
	line-height:1.7em;
}
.sidemenu li {
	display:inline-block;
	width:49.8%;
}
.sidemenu li:nth-of-type(odd) {
	border-right:1px solid #666;
}
.sidemenu li:nth-of-type(even) {
	border-left:1px solid #fff;
}
.home #pagepr {
 margin-bottom:20px;
}
.home #pagepr .container {
	padding-top:40%;
}
.bnrcontact .oprt {
	max-width:120px;
}
.bnrcontact .mid {
	width:75%;
	float:left;
}
.bnrcontact .ccpy {
	width:auto;
	float:none;
}
.bnrcontact .tomail {
	width:auto;
	text-align:center;
}
.home .topflow section {
	font-size:0;
	padding-top:30px;
}
.home .topflow section p{
	font-size:1.4rem;
}
.home .topflow section .voice {
	font-size:1.3rem;
	display:inline-block;
	width:48%;
	margin-right:4%;
}
.home .topflow section .voice:nth-of-type(2) {
	margin-right:0;
}
.home .topcontact p {
	text-align:center;
}
.menudetail .svimg {
	text-align:left;
	float:right;
}
.service article.security h2:first-child {
	padding:2em 0;
	font-size:28px;font-size:2.8rem;
}
.service .point section {
	background:#fff;
	border-radius:5px;
	margin-bottom:2%;
}
.service .point section h3 {
	border-radius:5px 5px 0 0;
	margin:0;
	padding:.2em;
}
.service .point section p {
	padding:1em !important;
}
.workflow .step section {
	background-position:right top;
	background-size:35%;
}
.workflow .step section h3 {
	margin:0;
	background:none;
	text-align:left;
	width:61%;
	padding:10px 2% 8px 2%;
}
.workflow .step section p {
	background:none;
	padding:8px 2% 10px 2%;
	width:61%;
	font-size:12px;
	font-size:1.2rem;
}
.single-workcase .imageblk {
	float:left;
	width:48%;
	margin-right:2%;
}
.single-workcase .infoblk {
	float:left;
	width:50%;
}
.single-workcase h3 {
	text-align:left;
}
}

@media screen and (min-width : 800px) {
/* Base HTML
 * Box of Outline Layout Style
 * #pageheader Style
 * #pagepr Style
 * #pagefooter Style
 * Common Style
 * Home Style
 * 2nd index #Common Style
 */
.home #pagepr {
	background:url(images/primg-indexpc.jpg) no-repeat center;
	background-size:100%;
	max-width:1200px;
	margin:auto;
}
.gallery .gallery-icon img {
	-webkit-transition: all .3s;
	transition: all .5s ease;
}
.gallery .gallery-icon a:hover img {
	border-radius:100px;
}
.lstbox section {
 border:none;
 position:relative;
}
.lstbox section img {
 width:auto;
 /*float:none;*/
 margin:0;
}
.lstbox section h3 {
	position:absolute;
	top:40%;
	background:rgba(255,255,255,.8);
	width:90%;
 	padding:.2em 1em;
	border-radius:0 30px 30px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.lstbox section a:hover h3 {
	top:10px;
	width:80%;
	border-radius:0 0 50px 0;
	color:#fff;
	background:#069;
}
.colbox112 .colitm {
	width:49%;
	margin-right:2%;
}
.colbox112 .colitm:nth-of-type(2n) {
	margin-right:0;
}
.colbox112.r .colitm {
	width:49%;
	margin-right:2%;
	float:right;
}
.colbox112.r .colitm:nth-of-type(2n) {
	margin-right:0;
}
.colbox113 .colitm,
.colbox123 .colitm {
	width:32%;
	margin-right:2% !important;
}
.colbox113 .colitm:nth-of-type(3n),
.colbox123 .colitm:nth-of-type(3n) {
	margin-right:0 !important;
}
.colbox124 .colitm {
	width:23.5%;
	margin-right:2% !important;
}
.colbox124 .colitm:nth-of-type(4n) {
	margin-right:0 !important;
}
.sidebox {
	width:90%;
	max-width:1200px;/* totalwidth */
	margin:0 auto;
}
body:not(.home) article:not(.sideworkcase) h2 {
	max-width:1200px;/* totalwidth */
}
.subcontainer {
	width:90%;
	max-width:1200px;/* totalwidth */
	margin:0 auto;
}
#pageheader .tel {
	top:10px;
	right:5%;
	left:auto;
	
}
#pageheader .tel .btmail {
	display:block;
	border-radius:3px;
	float:right;
	background:#069;
	color:#fff;
	font-size:1.5rem;
	padding: .6em 1em;
	margin-top:-3px;
	margin-left:20px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#pageheader .tel .btmail:hover {
	background:#00a7f7;
	color:#fff;
}
#pageheader .headermail {
	display:none;
}
#pageheader #global-nav #globalmenubt {
 display:none;
}
#pageheader #global-nav #menu-globalmenu {
 display:inline;
 text-align:right;
 top:20px;
 right:5%;
 left:auto;
 padding:0;
 max-width:700px;/* totalwidth */
}
#pageheader #global-nav #menu-globalmenu li {
 font-size:1.4rem;
 font-weight:bold;
 width:auto;
 text-align:left;
 margin:0 0 0 20px;
}
#pageheader #global-nav #menu-globalmenu li a {
  padding: 1em 2em;
}
#pagepr .container {
	position:relative;
	top:-150px;
	left:180px;
}
#pagepr .mainpr {
	border-radius:10px;
}
#pagepr .mainpr .message {
	font-size:5.0rem;
}
#pagefooter {
	overflow:auto;
	padding-bottom:50px;
}
#pagefooter .pagetop {
	bottom:130px;
}
#pagefooter .leftblk, #pagefooter .centerblk {
	float:left;
	text-align:left;
}
#pagefooter .centerblk {
	margin-top:10px;
	margin-left:20px;
}
#pagefooter .rightblk {
	float:right;
	text-align:right;
	min-width:250px;
	display:block;
}
#pagefooter .sub-nav {
	padding:10px 0;
}
#pagefooter .sub-nav li {
	width:auto;
	white-space:nowrap;
}

#pagefooter .cpr {
  padding-top:3em;
  font-size:12px;
  font-size:1.2rem;
}
.home #pagepr .mainpr {
	margin-bottom:100px;
}
.home #pagepr .mainpr .lead {
	font-size:2.0rem;
}
.indexmenu section h3 {
	color:#690;
}
.sidemenu li:nth-of-type(odd),
.sidemenu li:nth-of-type(even) {
	width:24.78%;
	border-right:1px solid #666;
	border-left:1px solid #fff;
}
.sidemenu li:nth-of-type(4n+1) {
	border-left:none;
}
.sidemenu li:nth-of-type(4n) {
	border-right:none;
}
.sidemenu li a:hover {
	background:#39c;
}
.bnrcontact {
	border:0;
	padding:0;
	background:transparent;
	text-align:center;
}
.bnrcontact p,
.bnrcontact div {
	display:none;
}
.bnrcontact .bnrimg {
	display:inline;
}
.home #pagepr .container {
	padding-top:35%;
}
.home article[class^="top"] section {
	margin-bottom:0;
	text-align:left;
	border-bottom:none;
}
.home .topflow section {
	padding-top:0px;
}
.home .topflow section .voice {
	width:100%;
	margin-right:0;
}
.home h2+p {
	margin-bottom:60px;
}
.home .colitm {
	margin-bottom:100px;
}
.workflow .step section {
	min-height:145px;
}
.workflow .step section p {
	font-size:14px;
	font-size:1.4rem;
}
}

@media screen and (min-width : 1000px) {
/* Base HTML
 * Box of Outline Layout Style
 * #pageheader Style
 * #pagepr Style
 * #pagefooter Style
 * Common Style
 * Home Style
 * 2nd index #Common Style
 * Service Style
 * Workcase Style
 */
.subcontainer {
	width:96%;
}
body:not(.home):not(.page-lp) .totalbox {
	width:90%;
	max-width:1200px;/* totalwidth */
	margin:0 auto;
}
body:not(.home):not(.page-lp) .mainbox {
	width:72%;
	max-width:864px;
	float:left;
	margin-top:30px;
	margin-right:4%;
}
body:not(.home):not(.page-lp) .sidebox {
	width:24%;
	max-width:288px;
	float:left;
	margin-top:0;
}
.mainbox > article,
body:not(.home):not(.page-lp) .mainbox .container {
	margin-right:0 !important;
	margin-left:0 !important;
	width:100% !important;
}
.sidebox > aside:nth-of-type(1) {
	margin-top:30px;
}
.sidemenu > div {
	background:url(images/global-menu_off.png);
	border-radius:5px;
	padding:10px;
	border-radius:8px;
}
.sidemenu h2 {
	font-size:1.7rem !important;
	font-weight:normal !important;
	background:#163250 !important;
	padding:.5em 5% !important;
}
.sidemenu h2,
.sidemenu li a {
	border:none !important;
}
.sidemenu ul {
	margin:0;
}
.sidemenu li {
	width:100% !important;
	border:none !important;
}
.home #pagepr .container {
	padding-top:450px;
}
.workflow .step section {
	min-height:130px;
}

}