@charset "utf-8";
/*
Theme Name: NetCreation
-------------------------------------------------------------- */

/*	reset
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textcat,p,blockquote,th,td,figure,section,table{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-size:16px;
	text-align: left;
	line-height: 1.7;
	box-sizing:border-box;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-weight: 500;
}

/*	reset_2
----------------------------------------------------*/
html{
	font-size:100%;
}

body{
	font-size:14px;	
	background:#FFF;
	}

.black {
	color:#FFF;
}
.white {
	color:#000;
}

h1{
	}

h2{
	font-weight:normal;
	}
	
h3,h4,h5,h6{
	font-size: 1em;
	}

p,th,td,li{
	}

ul{
	list-style-type: none
	}
ol {
	margin-bottom:1em;
}
ol li {
	margin-left:1.2em;
}

a:link,
a:visited{
	color:#000;
	text-decoration:underline;
	}

a:hover	{
	text-decoration:none;
	}

img{
	border: 0;
	vertical-align: bottom;
	}

address{
	font-style:normal;
	text-align:left;
	}

p,ul {
	margin-bottom:1em;
}

em {
	text-decoration:none;
	font-style:normal;
}


/*	heading
----------------------------------------------------*/
h1 {
	clear:both;
	margin-top:10px;
	padding-bottom:8px;
	text-align: center;
	font-weight:bold;
	font-size: 2.5em;
	line-height: 1.2;	
}
h1 span {
	font-size: 0.5em;
	font-weight: normal;
}

h2 {
	clear:both;
	margin-top:2em;
	margin-bottom: 18px;
	font-weight:bold;
	font-size:2em;
	text-align: center;;
}
h2 span {
	font-size:0.6em;
	font-weight: bold;
	color: #0f5499;
}

.h2_top {
	margin-top:0;
	margin-bottom:18px;
	padding:0.6em 0 !important;
}

h3 {
    overflow: hidden;
	position:relative;
	clear:both;
	margin-top:30px;
	margin-bottom:10px;
	padding:0.5em 0;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	border-bottom:#CCC 1px solid;
}

#breadcrumbs {
	margin: 3px auto;
}

#breadcrumbs ul {
	width:100%;
	margin:0;
    padding: 0 0 0.2em 0.5em;
	text-align:left;
}
#breadcrumbs li {
	display:inline;
    font-size: 0.8em;
	color:#707070;
    text-shadow: #FFF -1px 1px 0px;
}
#breadcrumbs ul a {
	color:#707070;
}



/*	header
----------------------------------------------------*/
header {
	z-index: 10;
}

.c_logo {
	display: none;
}

h1 span {
	display: block;
    width: 100%;
    margin: 0 auto;
    word-wrap: break-word;
    color: #FFF;
	text-shadow: 0px 0px 6px rgba(0, 14, 76, 1);
}
/*logo*/
.menu li {
	line-height:1.4;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.navi li a {
	display:block;
    padding: 1.2em 0.9em;
    font-size: 1em;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}


#menu-globalnavi li a:hover,
#menu-globalnavi li.current_page_item > a,
#menu-globalnavi li.current-page-parent > a{
	color:#77a444;
}
#menu-globalnavi .current-page-parent li.current-page-parent > a {
	color:#000;
}
.menu span {
	font-size: 0.7em;
}




/*	footer
----------------------------------------------------*/
#footer {
	clear:both;
	background: #151d25;
}
#copyright {
	margin-bottom:0;
	padding:1em;
	text-align:center;
	background: #151c14;
	color:#7f95a9;
	font-size:0.9em;
}

#pagetop {
    background-color: rgba(0,0,0,0.40);
    text-align: center;
    color: #FFF;
    font-size: 8px;
    text-decoration: none;
	padding: 28px 14px;
    position: fixed;
    bottom: 0;
    right: 1.2em;
    cursor: pointer;
	border-radius: 120px;
	line-height: 1.2;
	z-index: 5;
}
#pagetop span {
	font-size: 25px;
}
/*	maincontent
----------------------------------------------------*/

#maincolumn {
	padding-bottom:3em;
}
.maincontent{
	background-color:#FFF;
}
.maincontent section {
	position:relative;
}

.maincontent img {
	max-width:100%;
}



/*	toppage
----------------------------------------------------*/

#view {
    color: #fff;
    width: 100%;
    text-align: center;
    position: absolute;
	background: none;
	z-index: 1;
}

.front h1 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.catch {
	z-index: 3;
	height: 300px;
}

.top_company {
	color: #FFF;
	background:linear-gradient(60deg, #ff7396 30%, #e50039 30%);
    padding: 4em 0;
}
.top_company h2 {
	margin: 0 0 1em 0;
}


.noborder {
	border:none !important;
}
.weightnormal {
	font-weight:normal !important;
}
.btn {
	text-align:center;
}
.btn


/*	others
----------------------------------------------------

----------------------------------------------------*/
.arrow_end{
    margin: 0 25px 47px 25px;
    border-bottom: #DDD 1px solid;
}
.arrow_bottom {
    margin-bottom: 47px;
    margin: 0 25px 47px 25px;
    border-bottom: #DDD 1px solid;
}
.arrow_end h4, .arrow_bottom h4 {
	margin-top:0;
	text-align:left;
}
.arrow_bottom:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -68px;
    left: 50%;
	margin-left: -26px;
    border: 26px solid transparent;
    border-top: 26px solid #c4d9c3;
}

.small {
	font-size:90%;
}

.red {
	color:#ff0000;
}
.green {
	color:#77a444 !important;
}
.blue {
	color:#036eb8;
}
.purple {
	color:#675ca5;
}
.bold {
	font-weight:bold;
}
.pink_bg {
	background:#e8c2ad;
}
.yellow_bg {
	background:#f9f6cf;
}
.purple_bg {
	background:#cdbbcc;
}

.nomargintop {
	margin-top:0 !important;
}
.nomarginbottom {
	margin-bottom:0 !important;
}
.nopaddingtop {
	padding-top:0 !important;
}
.no_decoration,.no_decoration span {
	background:none !important;
	border:none !important;
}
.paddingtop05em {
	padding-top:0.5em !important;
}
.padding1em {
	padding:1em 0 !important;
}
.padding2em {
	padding:2em 0 !important;
}
.padding3em {
	padding:3em 0 !important;
}
.padding5em {
	padding:5em 0 !important;
}
.width33 {
	width:33%;
}
.width34 {
	width:34%;
}
.normal_tb {
	width:100%;
	border:#CCC 1px solid;
	border-collapse:collapse;
    background: rgba(255,255,255,0.7);
}
.normal_tb th {
	padding:0.4em;
	border:#CCC 1px solid;
	text-align:center;
	background:#F4F4F4;
}
.normal_tb td {
	padding:0.8em 1em;
	border:#CCC 1px solid;
}
.white_tb.normal_tb,.white_tb.normal_tb th{
	background:#FFF;
}
.normal_tb.left_td td {
	text-align:left;
}

.normal_tb span {
	font-size:0.8em;
	font-weight:normal !important;
}


.wpcf7-form {
	padding:20px 0;
}

.contact_tb {
	width:100%;
	border-collapse:collapse;
}
.contact_tb th {
	padding:0.4em;
	border-bottom:#CCC 1px solid;
}
.contact_tb th span {
	color:#FF0004;
}
.contact_tb td {
	padding:0.8em 1em;
	border-bottom:#CCC 1px solid;
    line-height: 0.8;
}
.contact_tb.left_td td {
	text-align:left;
}
.contact_tb input[type="text"].zip , .contact_tb input[type="text"].short {
	width:30%;
}
.contact_tb input[type="text"],.contact_tb textarea, .contact_tb input[type="email"]  {
	box-sizing:border-box;
	width:100%;
	border-radius:3px;
	padding:0.1em 0.5em;
	border:rgb(169, 169, 169) 1px solid;
}


.page_tb {
	width:100%;
	margin-bottom:15px;
}

.page_tb th {
	padding:8px 0;
	border-bottom:#000 1px solid;
	vertical-align:top;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	
.page_tb td {
	padding:8px 0;
	border-bottom:#ffc4d8 1px solid;
}
	
.page_tb ol li {
	margin-left:20px;
	list-style:decimal;
	font-size:1.0em;
}
.company_tb {
	max-width: 1000px;
	margin: 0 auto;
}
.company_tb th,
.company_tb td {
	color: #FFF;
}

.page_tb ul {
	margin: 0;
	padding-left: 1.4em;
	list-style:disc;
}
.page_tb ul li {
	padding: 0.3em 0;
	border-bottom: rgba(255,255,255,0.5) 1px dashed;
}
.page_tb ul li:last-child {
	margin: 0;
	border:none;
}



.tablenav {
	clear:both;
	color: #2583ad;
	background:white;
	margin: 1em auto 35px auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
	background: #072744;
}

.tablenav .current {
	color: white;
	background: #072744;
	border-color: #072744;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

.borderbox {
    border: #DDD 1px solid;
    margin: 3em 0;
    padding: 4em;
}

.alignleft {
	text-align:left;
}
.left {
	float:left !important;
}
.alignright {
	text-align:right;
}
.right {
	float:right !important;
}
.small {
		font-size: 0.7em;
}
.center {
	text-align:center !important;
}


blockquote{
    background-color: #ddd;
    padding: 1.5em 1em 0.5em;
    position: relative;
    border: 3px solid #d7d7d7;
    margin: 0 1em 1.5em;
}
 
blockquote:before{
    content: "“";
    font-size: 400%;
    line-height: 1em;
    color: #999;
    position: absolute;
    left: 0;
    top: 0;
}
 
blockquote:after{
    content: "”";
    font-size: 400%;
    line-height: 0em;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0;
}
.feature_wrap{
	padding:3em 0;
}

.clear {
	clear:both !important;
}


#googlemap {
	width: 100%;
	height: 450px;
}

/*	clearfix
----------------------------------------------------*/

.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
	
* html .clearfix            { zoom: 1; } /* IE6 */

*:first-child+html .clearfix{ zoom: 1; } /* IE7 */

.clearfix{overflow:hidden;}