/*
Theme Name: 株式会社BLJ
Description: 株式会社BLJ用オリジナルテーマ
Version: 1.1
Author: Manae Ohigashi
*/
/*当サイトで利用しているWEBフォントについて------------------------------------------------------------------------
* “ロゴたいぷゴシック” licensed under the * M+ (LICENSE_J,LICENSE_E)
* //www.fontna.com/blog/1226/（“ロゴたいぷゴシック”配布元のURL）
-----------------------------------------------------------------------------------------------------*/
@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(//fonts.googleapis.com/css?family=Miniver);
@font-face{ 
	font-family: 'logotypegothic';
	src: url('font/logotypegothic.eot'); /* IE9以上用 */
	src: url('font/logotypegothic?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('font/logotypegothic.woff') format('woff'), /* モダンブラウザ用 */
		url('font/logotypegothic.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal;
	font-style: normal;
}
.fontEN { font-family: 'Libre Baskerville', serif;}
.fontEN2 { font-family: 'Miniver', cursive;}
.fontJP { font-family: 'logotypegothic', sans-serif;}
.fontMIN { font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
@font-face {
	font-family: 'feather';
	src:url('font/feather.eot?-ajbl0g');
	src:url('font/feather.eot?#iefix-ajbl0g') format('embedded-opentype'),
		url('font/feather.ttf?-ajbl0g') format('truetype'),
		url('font/feather.woff?-ajbl0g') format('woff'),
		url('font/feather.svg?-ajbl0g#feather') format('svg');
	font-weight: normal;
	font-style: normal;
}
a{ color:#005ea6; }
.icon {
	font-family: 'feather';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon--zoom:before {
	content: "\e036";
}
.icon--circle-cross:before {
	content: "\e602";
}
.icon--arrow-right:before {
	content: "\e600";
}
.icon--arrow-left:before {
	content: "\e601";
}
.fbig{ font-size:1.3em !important; font-weight:bold;  }
/*------------------------RESET--------------------*/

html, body { width: 100%; height: 100%;}
/*-- RESET STYLE --*/

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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
em {
background-color: #C5EFFF;
font-weight:bold;
}
ol,ul {
	list-style: none;
	}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
	}
h1,h2,h3,h4,h5,h6,strong,h1 em,h2 em, h3 em,h4 em,h5 em,h6 em,strong em,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-weight: bold;
	}
        
* {
	box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
}

button:focus { outline: none;}

 input[type="button"],
 input[type="submit"] {
    -webkit-appearance: none;
     border-radius: 0;
  }


/* clear */
ul:after,
ol:after {
    content: ".";
    clear: both;
    display: block;
    font-size: 0.1em;
    height: 0.1px;
    line-height: 0;
    visibility: hidden;
    width: 0.1px;
} 

.clear { clear:both;}
/* forIE clear */
.clear {
    clear: both;
    height: 0.1px;
    margin: 0px;
    padding: 0px;
    width: 0.1px;
}
a { text-decoration: none;}

/*------------------------BASE--------------------*/
html,
body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #392B2B;
	font-size: 13.5px;
	font-family: 'Noto Sans Japanese', sans-serif;
}
a,
.fade {
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.floatL { float: left!important;}
.floatR { float: right!important;}
.textL { text-align: left;}
.textR { text-align: right;}

section { width: 100%;}
.mainContainer {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto;
}
.triangle {
    background-image: url('images/triangleWH.png');
    background-repeat: no-repeat;
    width: 150px;
    height: 40px;
    clear: both;
    margin-top: -40px;
    position: relative;
    z-index: 100;
    left: 50%;
    margin-left: -75px;
    background-position: top center;
}

.secTitle { text-align: center; margin: 20px 0 30px; color: #165A9C;}
.secTitle img { width: 45px;}
.secTitle p { font-size: 27px; text-align: center; margin: 10px 0 5px;}
.secTitle span { font-size: 15px;}
.secCnt { font-size: 16px; line-height: 1.6;}
.secCnt a{
	text-decoration:underline;
}
.contactBtn {
    width: 150px;
    position: fixed;
    right: 100px;
    top: 100px;
}

/* BUTTON */
.button {
	float: left;
	width: 190px;
	display: block;
	margin: 0 15px 10px 0;
	padding: 7px 0;
	border: none;
	background: none;
	color: inherit;
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	z-index: 10;
}

.button:focus {
	outline: none;
}

.button > span {
	vertical-align: middle;
}
.button--moema {
	padding: 7px 0;
	font-size: 14px;
	background: #FFF000;
	color: #005EA6;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema.button--inverted {
	background: #ECEFF1;
	color: #37474f;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -17px;
	left: -20px;
	bottom: -17px;
	right: -20px;
	background: inherit;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.8, 0.5, 1);
	transform: scale3d(0.8, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	color: #fff;
	background-color: #00215C;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema.button--inverted:hover {
	color: #fff;
	background-color: #00215C;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

/*------------------------ HEADER --------------------*/
header {
  width: 100%;
  height: 80px;
  border-bottom: 1px #fff solid;
  position: absolute;
  z-index: 9999;
	background: #003076;
}
.headerNav {
  height: 65px;
  line-height: 50px;
  margin-top: -70px;
  float: right;
  padding-right: 15px;
}
.headNav { width: 100%; height: 59px;}
.headNav li a { padding: 0 15px; color: #fff; font-size: 15px; height: 59px; line-height: 59px;}
.headNav li a img { height: 22px; margin-bottom: -4px;}
.headNav li a:hover { }
h1 {
  font-size: 10px;
  color: #fff;
  font-weight: normal;
  line-height: 10px;
  text-align: right;
  display: block;
}
.headerIntro{
	width:290px;
}
.headLogo {
  height: 80px;
  width: auto;
  background-image: url('images/headLogo.png'),url(images/logo_r.png);
  background-size: auto 50px,auto 40px;
  background-repeat: no-repeat,no-repeat;
  background-position: 15px,right center;
  display: block;
}
/*.home .headLogo { background-image: url('images/headLogoBL.png');}*/



#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
}
#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
    line-height: 40px;
    height: 45px;
    width: 215px;
    padding: 0 0 0 15px;
    background-color: #fff;
    color: #165A9C;
}
#dropmenu li:hover a{
  color: #165A9C;
  background-color: #FFF;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/*------------------------ FOOTER --------------------*/
footer { padding: 50px 0 0; border-bottom: 8px #015A9C solid; background-color: #fff;}
.footLogo {
    width: 35%;
    float: left;
    display: block;
    text-align: center;
}
.footLogo img {
    width: 220px;
    margin: 0 auto 20px;
    display: block;
}
.footLogo .address {
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: #2A9AF2;
    margin-bottom: 15px;
}
.footLogo .address a{ color: #2A9AF2; }
.TWbtn { width: 95px; display: inline-block; vertical-align: bottom;}
.FBbtn { display: inline-block; padding-bottom: 6px; vertical-align: bottom;}
.footNav { width: 60%; float: right;}
.footNav ul { margin-bottom: 15px;}
.footNav ul li {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 8px;
    padding: 0 15px;
    border-right: 1px #999 solid;
}
.footNav ul li a { color: #767676;}
.footNav ul li a:hover { background-color: #FFF000;}
.footCopy { color: #2A9AF2; text-align: right;}
.footCopy span {
    font-size: 10px;
    color: #969696;
    display: block;
    text-align: right;
    margin-top: 10px;
}

/*------------------------ HOME --------------------*/
.pogoSlider-slide { background-position: center center;}
.pogoSlider{ padding-bottom: 85vh!important;}
.sliderLogo {
  position: absolute;
  z-index: 10;
  width: 450px;
  left: 50%;
  margin-left: -225px;
  top: 50%;
  margin-top: -225px;
}
.pogoSlider-slide-element {
  width: 1000px!important;
  position: absolute;
  top: 150px!important;
  left: 18%!important;
  color: #fff;
  font-weight: normal;
  font-size: 30px!important;
  line-height: 50px!important;
  z-index: 20;
}
.pogoSlider-slide-element strong { display: inline; font-size: 50px; font-weight: normal;}
.pogoSlider-nav-btn { width: 15px!important; height: 15px!important;}
.pogoSlider--navBottom .pogoSlider-nav { bottom: 80px!important; z-index: 1000;}
.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { top: 200px!important;}

.homeSEOWEBarea {
    margin-top: -30%;
    overflow: hidden;
    clear: both;
}
.homeSEOWEBcnt { margin-bottom: 10%;}
.homeSEOarea,
.homeWEBarea {
  width: 50%;
  z-index: 100;
  position: relative;
  background-image: url('images/homeSEOback.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  float: left;
  padding: 18% 5%;
  color: #fff;
  text-align: left;
  padding-bottom: 32767px!important;
  margin-bottom: -32767px;
}
.homeWEBarea {
  background-image: url('images/homeWEBback.png');
  float: right;
  text-align: right;
}
.homeSEOWEB .title { font-size: 80px; line-height: 55px;}
.homeSEOWEB .title small { display: block; font-size: 18px; line-height: 25px; margin-top: 10px;}
.homeSEOWEB .titleSub { font-size: 30px; margin-bottom: 20px;}
.homeSEOWEB .titleJP { font-size: 25px;}
.homeSEOWEBcnt .description {
  font-size: 14px;
  line-height: 24px;
  margin: 40px 0 30px;
}
#homeAbout { padding: 40px 0 60px; border-bottom: 1px #005EA6 solid;}
#homeAbout .secCnt,
#homeWorks .secCnt {
    max-width: 800px;
    text-align: left;
    color: #005EA6;
    margin: 0 auto;
}
.homeInfo {
    width: 50%;
    float: left;
    border-right: 1px #005EA6 solid;
    padding: 4% 5% 4% 0;
}
.homeBlog {
    width: 50%;
    float: right;
    padding: 4% 0 4% 5%;
}
.homeInfoList { margin-bottom: 50px;}
.homeInfoList div { padding: 8px 0 2px; clear: both;}
.homeInfoList div img {
    width: 18%;
    float: left;
    margin-right: 2%;
}
.homeInfoList dt {
    width: 15%;
    float: left;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #005EA6;
}
.homeInfoList dd {
    width: 62%;
    float: right;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -mos-text-overflow: ellipsis;
    white-space: nowrap;
}
.homeInfoList dd a { color: #767676; text-decoration: underline;}
.homeInfoList dd a:hover { color: #005EA6;}
.homeBlogList dt { width: 15%; margin-right: 3%;}
.homeBlogList dd { width: 82%; float: left;}

#homeWorks {
    min-height: 500px;
    background-image: url('images/secBackBlue.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin-top: -55px;
    position: relative;
    z-index: 100;
    padding-bottom: 30px;
}
#homeWorks .secTitle {
    color: #fff;
    margin-top: 0;
    padding-top: 150px;
}
#homeWorks .secCnt { color: #fff;}
.triangleBL {
    position: static;
    margin-top: 0;
    background-color: #fff;
    width: 100%;
    margin-left: 0;
    background-image: url('images/triangleBL.png');
}

/*------------------------ PAGE --------------------*/
#pageHead {
    width: 100%;
    height: 400px;
    background-image: url('images/pageHead.png');
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
}
.pageHeadBack {
    width: 100%;
    height: 80px;
    background-color: #165A9C;
}
.pageIcon {
    width: 50px;
    margin: 70px 0 10px;
}
.pageTitleEN {
    text-align: center;
    font-size: 30px;
}
.pageTitleJP {
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}
#pageCnt { padding: 20px 0 40px; color: #005EA6; positon:relative;}
#pageCnt .mainContainer { text-align: center;}

/**************************************** MINI PC (1200px↓) ****************************************/
@media screen and (max-width:1200px) {
.sliderLogo { width: 380px; margin-left: -190px; margin-top: -190px;}
.contactBtn { width: 130px; right: 70px; top: 70px;}
.homeSEOWEB .title { font-size: 60px; line-height: 45px;}
.homeBlogList dt,
.homeInfoList dt { width: 19%;}
.homeBlogList dd { width: 78%!important;}
.homeInfoList dd { width: 58%;}
}
/**************************************** TABLET (1024px↓) ****************************************/
@media screen and (max-width:1024px) {
.headNav li a { padding: 0 10px;}
}

/**************************************** SMART PHONE (768px↓) ****************************************/
@media screen and (max-width:768px) {
body { overflow-x: hidden; width:100%;}
.SPnone { display: none!important;}
.button { width: 100%; margin: 0 0 10px;;}
.button--moema::before { top: -14px; bottom: -14px;}
/*------------------------ HEADER --------------------*/
header {
    background-color: #fff;
    height: 60px;
    border-bottom: 0;
    top: 0;
    position: fixed;
    border-bottom: 1px #165A9C solid;
}
	.headerIntro{
		width:250px;
	}
.headLogoBtn { height: 60px; width: 100%; display: block; float: left;}
.headLogo { 
  background-image: url('images/headLogoBL.png'),url(images/logo_r.png) !important;
  background-size: auto 50px,auto 40px;
  background-repeat: no-repeat,no-repeat;
  background-position: 10px,right center !important;
  display: block;
}
.headerNav { width: 100%; font-size: 16px; padding-right: 0; margin-top: 0;}
.headNav {
  width: 100%;
  height: 100%;
  background-color: #249FE2;
}
.headNav li { width: 33.33%; float: left; height: 21%;}
/*.headNav li:first-child { width: 100%; height: 20%; background-color: #fff;}
.headNav li:first-child img {
    width: 200px;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -28.5px;
    height: auto;
    position: absolute;
}*/
.headNav li a {
    padding: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-position: center center;
    background-size: 110%;
    background-repeat: no-repeat;
}
	
.headNav li:nth-child(1) a { background-image: url('images/spnav02.png');}
.headNav li:nth-child(2) a { background-image: url('images/spnav11.png');}
.headNav li:nth-child(3) a { background-image: url('images/spnav05.png');}
.headNav li:nth-child(4) a { background-image: url('images/spnav01.png');}
/*.headNav li:nth-child(5) a {     width: 100%;
    height: 10%;
    background-color: #fff000;
    background-image: url('images/spnav10.png');
    background-size: 230px;
    background-position: center center;
    background-repeat: no-repeat;}
.headNav li:nth-child(6) a { background-image: url('images/spnav05.png');}
.headNav li:nth-child(7) a { background-image: url('images/spnav06.png');}
.headNav li:nth-child(8) a { background-image: url('images/spnav07.png');}*/
/*.headNav li:nth-child(9) a { background-image: url('images/spnav08.png');}*/
.headNav li:nth-child(10) a { background-image: url('images/spnav09.png');}
.headNav li:last-child {
    width: 100%;
    height: 10%;
    background-color: #fff000;
    background-image: url('images/spnav10.png');
    background-size: 230px;
    background-position: center center;
    background-repeat: no-repeat;
}

.headLogo {
    height: 60px;
    width: 100%;
    background-size: auto 40px;
}
h1 {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
/*------------------------ FOOTER --------------------*/
.footLogo, .footNav { width: 100%;}
.footNav ul { margin: 20px 0;}
.footNav ul li {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px;
    border-right: 0;
    font-size: 11px;
}
.footCopy {
    font-size: 11px;
    line-height: 15px;
}
/*------------------------ HOME --------------------*/
.pogoSlider--navBottom .pogoSlider-nav,
.pogoSlider-dir-btn { display: none;}
.pogoSlider { padding-bottom: 90vh!important;}
.homeSEOWEBarea { margin-top: -40vh;}
.homeSEOarea, .homeWEBarea { width: 100%; padding: 30% 5% 0 5%;}
.sliderLogo {
    width: 60%;
    margin-left: 0;
    margin-top: 0;
    top: 40vh;
    right: 5%;
    left: inherit;
}
.homeSEOWEB .title { font-size: 40px; line-height: 30px;}
.homeSEOWEB .title small {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
}
.homeSEOWEB .titleSub { font-size: 30px; margin-bottom: 10px;}
.homeSEOWEB .titleJP { font-size: 17px;}
.homeSEOWEBcnt .description {
    font-size: 13px;
    line-height: 21px;
    margin: 25px 0 20px;
}
.pogoSlider-nav {
    left: inherit!important;
    right: 0!important;
}
.pogoSlider--navBottom .pogoSlider-nav { top: 60vh!important; right: -5%!important;}
.homeWEBarea { margin-top: -30px;}
.pogoSlider-slide-element {
    width: 100%!important;
    text-align: center;
    top: 100px!important;
    left: 0%!important;
    font-size: 20px!important;
    letter-spacing: -1px!important;
    line-height: 30px!important;
}
.pogoSlider-slide-element strong { font-size: 24px !important; text-align: center;}
.homeSEOWEBcnt { margin-bottom: 5%;}
.homeWEBarea .homeSEOWEBcnt { margin-bottom: 20%;}
#homeAbout { padding: 10px 0 30px;}
.homeInfo {
    width: 100%;
    border-right: 0;
    border-bottom: 1px #005EA6 solid;
    padding: 20px 0;
}
.homeBlog { width: 100%; padding: 20px 0;}
#homeWorks { margin-top: 0;}
#homeWorks .secTitle { padding-top: 60px;}
.homeInfoList div img { width: 30%;}
.homeBlogList dt,
.homeInfoList dt { width: 50%;}
.homeBlogList dd,
.homeInfoList dd { width: 100%!important;}

/*------------------------ PAGE --------------------*/
#pageCnt .mainContainer { text-align: left;}
#pageHead { height: 250px;}
.pageIcon { width: 50px; margin: 70px 0 0;}
.pageTitleEN { font-size: 23px;}
.pageTitleJP { font-size: 14px;}
}

/****************************************  Other than SMART PHONE (768px↑) ****************************************/
@media screen and (min-width: 768px) {
.PCnone { display: none!important;}

}


/* -- 追加CSS -- */

#pankuzu{
	text-align:center;
	padding:20px 10px 0;
	margin-bottom:-20px;
	font-size:0.9em;
}
#pankuzu a{ color:#fff; }
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}

.pagecontent{
	font-size:1.15em;
}
.pagecontent h3{
	font-family: 'logotypegothic', sans-serif;
	font-size:2.5em;
	font-weight:normal;
	text-align:center;
	padding-bottom:25px;
}
.pagecontent p{
	padding-bottom:20px;
}
.pagecontent .ttl1{
	font-family: 'logotypegothic', sans-serif;
	font-size:2em;
	padding-bottom:20px;
	text-align:center;
}
.pagetxt1{
	max-width:700px;
	margin:0 auto;
}
.pagetxt1 p{
	text-align:left !important;
	line-height:1.7em;
}


/* -- 問い合わせ */
.formtbl{
	width:90%;
	margin:40px auto 20px;
	font-size:1.4em;
}

.formtbl input[type=radio],
.formtbl input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.formtbl input[type=radio] + label,
.formtbl input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     

    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .formtbl input[type=radio],
    .formtbl input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .formtbl input[type=radio] + label,
    .formtbl input[type=checkbox] + label {
        padding: 0 0 0 32px;
    }
    .formtbl input[type=radio] + label::before,
    .formtbl input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 28px;
        height: 28px;
        margin-top: -12px;
         
        background: #FFF;
    }
    .formtbl input[type=radio] + label::before {
        border: 3px solid #005ea6;
        border-radius: 38px;
    }
    .formtbl input[type=checkbox] + label::before {
        border: 3px solid #005ea6;
    }
    .formtbl input[type=radio]:checked + label::after,
    .formtbl input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .formtbl input[type=radio]:checked + label::after {
        left: 6px;
         
        width: 16px;
        height: 16px;
        margin-top: -6px;
        
        background: #005ea6;
        border-radius: 8px;
    }

}

.formtbl th{
	background-color:#005ea6;
	width:240px;
	text-align:center;
	padding:20px 15px;
	border-bottom:solid 15px #fff;
	color:#fff;
	vertical-align:middle;
}
.formtbl td{
	border-bottom:solid 15px #fff;
	padding:0 0 0 20px;
	vertical-align:middle;
}
.radiolist li{
	float:left;
	padding-right:20px;
}
.formtbl td input[type="text"]{
	border:solid 3px #005ea6;
	padding:15px 10px;
	font-size:1.4em;
}
.formtbl td textarea{
	border:solid 3px #005ea6;
	height:200px;
	padding:15px 10px;
	font-size:1em;
}
.formtbl td select{
	width:200px;
	border:solid 3px #005ea6;
	padding:15px 20px;
	font-size:1em;
	color:#005ea6;
}
.submitbtn{
	display:block;
	width:90%;
	text-align:right;
	margin:0 auto 40px;
}
.submitbtn li{
	float:right;
	padding-left:25px;
}
.submitbtn li input{
	padding:15px 0;
	text-align:center;
	color:#fff;
	width:280px;
	font-size:1.4em;
	border:none;
	cursor:pointer;
}
.submitbtn input[type="reset"]{
	background-color:#3abfc4;
}
.submitbtn input[type="submit"]{
	background-color:#005ea6;	
}
.w100{ width:100%; }
.zip1{ width:150px; }
.zip2{ width:200px; }



.commonSEOWEBarea {
    overflow: hidden;
    clear: both;
	text-align:center;
}
.commonSEOWEBcnt { margin-bottom: 10%;}
.commonSEOarea,
.commonWEBarea {
  width: 50%;
  z-index: 100;
  position: relative;
  background-image: url('images/commonSEOback.png');
  background-size:100% auto;
  background-repeat: no-repeat;
  float: left;
  padding: 7vh 5%;
  color: #fff;
  text-align: center !important;

}
.commonWEBarea {
  background-image: url('images/commonWEBback.png');
  float: right;
  text-align: center !important;
}
.commonSEOWEB .title { font-size: 70px; line-height: 45px;   text-align: center !important;}
.commonSEOWEB .title small { display: block; font-size: 16px; line-height: 25px; margin-top: 10px;   text-align: center !important;}
.commonSEOWEB .titleSub { font-size: 30px; margin-bottom: 15px;   text-align: center !important;}
.commonSEOWEB .titleJP { font-size: 20px;   text-align: center !important;}
.commonSEOWEBcnt .description {
  font-size: 14px;
  line-height: 24px;
  margin: 30px 0 30px;
  text-align: left !important;
}
.commonSEOWEBcnt .btns{
	text-align:center !important;
	padding-bottom:10vh;
}


/* 会社概要 */
#company{
	background-color:#edfaff;
}
#company #pageCnt{ padding-bottom:0; }
.company1{
	background:#fff url(images/triangleBL2.png) no-repeat center top;
	padding:10% 0;
	margin-top:5%;
}
.company1 #map{
	float:left;
	width:50%;
}
.company1 #map iframe{
	/*width:auto;*/
	width:100%;
	height:390px;	
}
.company1 #cotbl{
	float:right;
	width:45%;
}
.company1 #cotbl table{
	width:100%;
}
.company1 #cotbl table th{
	font-family: 'logotypegothic', sans-serif;
	background-color:#005ea6;
	color:#fff;
	padding:4px 0 4px;
	width:30%;
	text-align:center;
	vertical-align:middle;
	border-bottom:solid 5px #fff;
}
.company1 #cotbl table td{
	color:#717071;
	padding:4px 0 4px 4%;
	text-align:left;
	line-height:1.7em;
	vertical-align:middle;
	border-bottom:solid 5px #fff;
}
#companyinfo{
	background-color:#fff;
	border-top:solid 1px #005ea6;
}

/* SEO対策について */

#seo #pageHead{	
	background-image: url('images/pageHead_seo.png');
}
#seo .pageHeadBack {
    background-color: #003076;
}
.seo1{
	background:url(images/pageBottomBL2.png) no-repeat center top;
	background-size:100% auto;
	padding:150px 0 50px;
	margin:50px 0 0;
}
.btnSEO{
	float:none !important;
	width:320px !important;	
	margin:0 auto;
}

#seo2{
	position:relative;
	background:url(images/sisaku_bg.png) repeat-y center top;
	margin-bottom:0;
}
.seo2_2{
	position:relative;
	background:url(images/sisaku_bg2.png) repeat-y center top;
	margin-bottom:0;
}
#seo2 .seoL{
	background-color:#036eb7;
	float:left;
	width:50%;
	padding:60px 5% 10px 10%;
	text-align:left;
}
.seo2_2 .seoL{
	float:left;
	width:50%;
	padding:60px 5% 10px 10%;
	text-align:left;
	
}
#seo2 .seoR{
	/*background:url(images/gaibu_bg.png) no-repeat 40% bottom;*/
	float:right;
	text-align:left;
	width:50%;
	/*padding:60px 10% 360px 5%;*/
	padding:60px 10% 10px 5%;
}
.seo2_2 .seoR{
	float:right;
	text-align:left;
	width:50%;
	/*padding:60px 10% 360px 5%;*/
	padding:60px 10% 10px 5%;
}
#seo2 .inner,
.seo2_2 .inner{
	display:block;
	color:#fff;
	text-align:center !important;
}
.triangleBL4{
	clear:both;
	position:relative;
	bottom:-41px;
	z-index:9999;
	background:url(images/triangleBL4.png) no-repeat center top;
	width:146px;
	height:41px;
	margin:0 auto;
}
.triangleBL3{
	clear:both;
	position:relative;
	z-index:9999;
	background:url(images/triangleBL3.png) no-repeat center top;
	width:146px;
	height:41px;
	margin:0 auto -41px;
	top:-41px !important;
}
#seo2 .inner h3,
.seo2_2 .inner h3{
	text-align:center;
	font-size:2.5em;
	font-family: 'logotypegothic', sans-serif;
	padding-bottom:25px;	
}
#seo2 .inner p,
.seo2_2 .inner p{ text-align:left; line-height:1.7em; padding-bottom:20px; }

#seo2 .inner ul{
	text-align:center;
	padding-bottom:20px;
	margin-left:-10px;
}
#seo2 .inner ul li{
	display:inline-block;
	font-family: 'logotypegothic', sans-serif;
	width:185px;
	height:75px;
	margin:0 0 10px 10px;
	border:solid 1px #fff;
	text-align:center !important;
}
#seo2 .inner ul li div{
	display:table-cell;
	width:173px;
	height:75px;
	padding:0 6px;
	text-align:center !important;
	vertical-align:middle;
}
#seo2 .inner ul li div span{
	display:table-cell;
	text-align:center !important;	
	vertical-align:middle;
}

#seo3{
	background-color:#c5efff;
	text-align:center;
	padding:40px 0 90px;
	position:relative;
	margin-bottom:-90px;
}
#seo3 .btns{
	padding-bottom:25px;
	width:680px;
	margin:0 auto;
}
#seo3 .btns li{
	float:left;
	padding:0 10px;
}
.seo3wrap{
	padding-bottom:50px;
}


/* サテライトサイトについて */
.satelite1,.satelite2{
	width:100%;
	padding:50px 0 0;
}
.satelite1 .imgL{
	float:left;
	width:30%;
}
.satelite2 .imgR{
	float:right;
	width:30%;
}
.satelite1 .imgL img,.satelite2 .imgR img{
	width:100%;
	height:auto;	
}
.satelite1 .inner{
	float:right;
	text-align:left !important;
	width:65%;
	padding-top:5%;
}
.satelite2 .inner{
	float:left;
	text-align:right !important;
	width:65%;
	padding-top:5%;
}
.satelite1 .inner p,.satelite2 .inner p{
	font-size:1.1em;
	line-height:1.8em;
}
.satelite2 .inner p{ text-align:right; }
.satelite1 .inner h3{
	font-size:2em;
	padding-bottom:25px;
	text-align:left;
}
.satelite2 .inner h3{
	font-size:2em;
	padding-bottom:25px;
	text-align:right;
}
.satelite3{
	background-color:#edfaff;
	padding:40px;
	margin:60px auto 90px;
}
.satelite3 ul{
	padding:20px 0 0;
	margin-left:-3%;	
}
.satelite3 ul li{
	float:left;
	width:30%;
	margin-left:3%;
	text-align:center;
	font-size:1.1em;
}
.satelite3 ul li span{ display:block; text-align:center; padding:10px 0; }
.satelite3 ul li img{ width:100%; height:auto; }


/* 採用情報 */
#recruit #pageHead{	
	background-image: url('images/pageHead_recruit.png');
}
#recruit .pageHeadBack {
    background-color: #3abfc4;
}
.recruit1{
	padding-bottom:50px;
}
.recruit1 dl{
	display:table;
	width:90%;
	margin:0 auto 15px;
	border:solid 3px #005ea6;
}
.recruit1 dl dt{
	display:table-cell;
	vertical-align:middle;
	font-family: 'logotypegothic', sans-serif;
	font-size:1.6em;
	text-align:center;
	padding:15px 1%;
	width:28%;
}
.recruit1 dl dd{
	display:table-cell;
	vertical-align:middle;
	font-size:1.1em;
	line-height:1.6em;
	padding:15px 3%;
	text-align:left;
	border-left:solid 3px #005ea6;
}
.fukidasittl{
	font-family: 'logotypegothic', sans-serif;
	position: relative;
	background: #005ea6; 
	color:#fff;
	width:35%;
	font-size:1.8em;
	padding:7px 0 10px;
	text-align:center;
	margin:0 auto 50px;
}
.fukidasittl:after { 
	top: 100%;
	left: 50%;
	border: solid transparent; content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 48, 118, 0);
	border-top-color: #005ea6;
	border-width: 20px;
	margin-left: -20px;
}
.tel{
	font-family: 'logotypegothic', sans-serif;
	font-size:2em;
	padding:20px 0 50px;
	margin:0 auto;
	text-align:center;
	color:#3abfc4;
}
.tel a{ color:#3abfc4; }
.tel span{ font-size:2em; padding-left:5px; }

.finfowrap{
	margin-bottom:-40px;
}

/* WEBサイト制作 */
#webdesign #pageHead{	
	background-image: url('images/pageHead_works.png');
}
#webdesign .pageHeadBack {
    background-color: #64c9e8;
}
#worksouter{
	position:relative;
	margin-top:-40px;
}
#worksouter p{
	font-size:1.1em;
	line-height:1.9em;
	padding-bottom:20px;
}
.works1{
	width:30%;
	position:absolute;
	right:0;
	top:10%;
}

.works2{
  	position: relative;
	width:60%;
	text-align:center;
	padding:20% 8% 25%;
  	height: auto;
  	background:url(images/works2_bg.png) no-repeat left top;
	background-size:100% 100%; 
}
.works2 h3{
	color:#003076;
	font-size:1.6em;
}
.works2 p{ text-align:center; color:#003076; font-size:1.1em; line-height:2em; }

.works3{
  	position: relative;
	z-index:9999;
	margin-left:auto;
	margin-top:-35%;
	width:50%;
	text-align:center;
	padding:18% 8% 15%;
  	height: auto;
  	background:url(images/works3_bg.png) no-repeat left top;
	background-size:100% 100%; 
}
.works3 h3{
	color:#fff;
	font-size:1.6em;
}
.works3 p{ text-align:center; color:#fff; font-size:1.1em; line-height:2em; }

.works4{
	width:35%;
	position:relative;
	left:5%;
	margin-top:-10%;
	z-index:999;
}
.workswrap{
	margin-bottom:-40px;
}


/* ニュース */
#news #pageCnt a{ color:#005ea6; }
#news #pageCnt{
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
#mainLeft{
	float:left;
	width:70%;
}
#side{
	float:right;
	width:26%;
	padding-bottom:30px;
}
#side .sidenews{
	border:solid 3px #005ea6;
	padding:0;
	margin-bottom:30px;
}
#news #side .sidenews h3{
	font-family: 'logotypegothic', sans-serif;
	font-size:1.3em;
	color:#005ea6;
	border-bottom:solid 3px #005ea6;
	padding:10px 15px;
	text-align:left;
}
#news #side .sidenews ul{
	padding:5px 5px 15px;
}
#news #side .sidenews ul li{
	border-bottom:solid 1px #005ea6;
	padding:15px 5px;
}

#news .newspost{
	border:solid 3px #005ea6;
	padding:25px 45px;
	margin-bottom:30px;
}
#news .newspost .newsttl{
	font-family: 'logotypegothic', sans-serif;
	font-size:1.4em;
	color:#005ea6;
	border-bottom:solid 1px #005ea6;
	padding:0 5px 20px;
	text-align:left;
	margin-bottom:10px;	
}
#news .newspost .inner{ font-size:1.1em; }
#news .newspost .inner img{ max-width:100%; height:auto; }
#news .newspost .inner .time{
	text-align:right;
	padding-bottom:35px;
}
#news .newspost .inner p{
	padding-bottom:30px;
	line-height:1.8em;
}


/* ブログ */
#blog{
	border-top:solid 20px #165a9d;
}
#blog #mainLeft{
	float:left;
	width:70%;
	min-height:3700px;
}
#blog #pageHead{	
	background:none !important;
	height:300px;
}
#blog #pageCnt{
	position:relative;
	width:90%;
	max-width:1100px;
	margin:0 auto;
}
#blog #blogside{ position:absolute; right:0; top:0; width:26%; }
#blog #blogside #side{ width:100%; }
#side .side1{
	border:solid 3px #005ea6;
	padding:0;
	margin-top:-3px;
	margin-bottom:0;
}
#side .side1:first-of-type{ margin-top:0; }
#blog #side .side1 h3{
	font-family: 'logotypegothic', sans-serif;
	font-size:1.3em;
	color:#005ea6;
	border-bottom:solid 3px #005ea6;
	padding:10px 15px;
	text-align:left;
}
#blog #side .side1 ul{
	padding:20px 11px 20px;
}
#blog #side .side1 ul li{
	padding:5px;
}
#blog #side .side1 a{ color:#005ea6; }

#blog #side .side1 .srank{ padding:5px; }
#blog #side .side1 .srank li{
	border-bottom:solid 1px #005ea6;
	padding:25px 11px 15px;
}
#blog #side .side1 .srank li:last-of-type{ border:none; }
#blog #side .side1 .srank li .pic{
	position:relative;
	float:left;
	width:30%;
	height:auto;
}

#blog #side .side1 .srank li .pic .num {
	position:absolute;
	top:-13px;
	right:0;
	background:url(images/srank_bg.png) no-repeat center top;
	text-align:center;
	color:#fff;
	width:30px;
	height:34px;
	line-height:2.5em;
}
#blog #side .side1 .srank li .pic img{ width:100%; height:auto; }
#blog #side .side1 .srank li .title{
	float:right;
	width:65%;
}


#blog #pankuzu{ text-align:left; width:90%; margin:0 auto; }
#blog #pankuzu, #blog #pankuzu a{ color:#005ea6 !important; }
#blog .blogpagettl{
	width:315px;
	margin:0 auto;
	color:#005ea6 !important;
	text-align:left;
}
#blog .blogpagettl .pageIcon{ float:left; }
#blog .blogpagettl p{
	display:block;
	float:right;
	text-align:left;
	width:250px;
	margin-top:65px;
	font-size:2.5em;
	line-height:1em;
	display
}
#blog .blogpagettl p span{ font-size:0.5em; }
#blog .post .pic{
	text-align:center;
	padding-bottom:30px;
}
#blog .post .pic img{ max-width:100%; height:auto; }
#blog .post h2{
	font-family: 'logotypegothic', sans-serif;
	font-size:2.4em;
	font-weight:normal;
	line-height:1.4em;
	padding-bottom:30px;
	border-bottom:solid 1px #005ea6;
	margin-bottom:20px;
}
#blog .post .cat{ color:#fff; display:inline; float:left; padding:5px 20px; font-size:1.2em;  }
.cat5{ background-color:#3abfc4; }
.cat6{ background-color:#003076; }
.cat7{ background-color:#03dda9; }
.cat8{ background-color:#005ea6; }
.cat9{ background-color:#a105db; }
.cat10{ background-color:#36accc; }
#blog .post .time{
	float:right;
	text-align:right;
	font-size:1.5em;
	font-weight:bold;
	font-family: 'logotypegothic', sans-serif;
}

#blog .post .inner{
	clear:both;
	padding:40px 0 20px;
	border-bottom:solid 1px #005ea6;
	color:#717071;
	font-size:1.1em;
	margin-bottom:20px;
}
#blog .post .inner img{
	max-width:100%;
	height:auto;
}	
#blog .post .inner p{
	padding-bottom:30px;
	line-height:1.8em;
}
#blog .post .inner h3{
	border:solid 3px #0062ad;
	padding:10px;
	margin-bottom:15px;
	font-size:1.4em;
	color:#0062ad;
}
#blog .post .inner h4{
	border-bottom:solid 3px #0062ad;
	padding:10px 0;
	color:#0062ad;
	font-size:1.2em;
	margin-bottom:15px;
}
#blog .sns{ padding-bottom:60px; }
#blog .sns ul{
	text-align:right;
}
#blog .sns ul li{
	width:57px;
	display:inline;
	padding-left:10px;
}
.kanrenttl{ 
	clear:both;
	font-size:1.5em;
	font-weight:normal;
	font-family: 'logotypegothic', sans-serif;
	text-align:center;
	padding-bottom:30px;
}
.postlist{
	clear:both;
	border-top:solid 1px #005ea6;
	padding-bottom:50px;
}
.postlist li{
	width:50%;
	float:left;
	background:url(images/list_line.gif) no-repeat right center;
	border-bottom:solid 1px #005ea6;
}
.postlist li:nth-child(even){
	background:none;
}
.postlist li .pic{
	float:left;
	width:35%;
	padding:30px 0;
}
.postlist li:nth-child(even) .pic{
	margin-left:10%;
}
.postlist li .pic img{
	width:100%;
	height:auto;
}
.postlist li .Right{
	width:50%;
	float:right;
	text-align:left;
	margin-right:10%;
	padding:30px 0;
}
.postlist li:nth-child(even) .Right{
	margin-right:0;
}
.postlist li .Right .cat{
	float:left;
	color:#fff;
	width:130px;
	text-align:center;
	padding:5px 0;
}
.postlist li .Right .time{
	float:right;
	text-align:right;
	font-size:1.2em;
	font-family: 'logotypegothic', sans-serif;
}
.postlist li .Right h4{
	clear:both;
	font-size:1.2em;
	line-height:1.6em;
	padding:15px 0 0;
}
.postlist li .Right h4 a{
	color:#005ea6;
}
#blogfoot{
	margin-bottom:50px;
}
.pB30{ padding-bottom:30px !important; }

.pickuppost{
	padding-bottom:50px;
	position:relative;
}
.pickuppost .pic{
	width:100%;
	height:400px;
	position:relative;
	overflow:hidden;
}
.pickuppost .pic img{ width:100%; height:400px; }
.pickuppost .hexagon {
  position: absolute;
top:-40px;
  width: 140px; 
  height: 80.83px;
  background-color: #64C7CC;
  margin: 40.41px 0;
}

.pickuppost .hexagon:before,
.pickuppost .hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
}

.pickuppost .hexagon:before {
  bottom: 100%;
  border-bottom: 40.41px solid #64C7CC;
}

.pickuppost .hexagon:after {
  top: 100%;
  width: 0;
  border-top: 40.41px solid #64C7CC;
}
.pickuppost .cat5{ background-color:#3abfc4 !important; }
.pickuppost .cat5:before{border-bottom: 40.41px solid #3abfc4 !important; }
.pickuppost .cat5:after{border-top: 40.41px solid #3abfc4 !important; }

.pickuppost .cat6{ background-color:#003076 !important; }
.pickuppost .cat6:before{border-bottom: 40.41px solid #003076 !important; }
.pickuppost .cat6:after{border-top: 40.41px solid #003076 !important; }

.pickuppost .cat7{ background-color:#03dda9 !important; }
.pickuppost .cat7:before{border-bottom: 40.41px solid #03dda9 !important; }
.pickuppost .cat7:after{border-top: 40.41px solid #03dda9 !important; }

.pickuppost .cat8{ background-color:#005ea6 !important; }
.pickuppost .cat8:before{border-bottom: 40.41px solid #005ea6 !important; }
.pickuppost .cat8:after{border-top: 40.41px solid #005ea6 !important; }

.pickuppost .cat9{ background-color:#a105db !important; }
.pickuppost .cat9:before{border-bottom: 40.41px solid #a105db !important; }
.pickuppost .cat9:after{border-top: 40.41px solid #a105db !important; }

.pickuppost .cat10{ background-color:#36accc !important; }
.pickuppost .cat10:before{border-bottom: 40.41px solid #36accc !important; }
.pickuppost .cat10:after{border-top: 40.41px solid #36accc !important; }

.pickuppost .cat{ 
	position:absolute;
	font-family: 'logotypegothic', sans-serif;
	width:140px;
	text-align:center;
	color:#fff;
	font-size:1.3em;
	top:25px;
}
.pickuppost .txtbox{
	position:relative;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);	
	width:100%;
	height:150px;
	margin-top:-150px;
}
.pickuppost .txtbox .time{
	font-family: 'logotypegothic', sans-serif;
	border-bottom:solid 1px #fff;
	color:#fff;
	font-size:1.4em;
	padding:0 30px 15px;
}
.pickuppost .txtbox h4{
	font-family: 'logotypegothic', sans-serif;
	color:#fff;
	font-size:2em;
	padding:15px 30px;
	line-height:1.4em;
}
.pickuppost .txtbox h4 a{ color:#fff; }

/**************************************** SMART PHONE (768px↓) ****************************************/
@media screen and (max-width:768px) {
	#pankuzu{
		display:none;
		margin-bottom:-30px;
	}
	.formtbl{
		width:100%;
		margin:20px auto 20px;
		font-size:1.4em;
	}

	.formtbl th{
		display:block;
		width:100%;
		text-align:center;
		padding:15px 0;
		border-bottom:solid 10px #fff;
		color:#fff;
		vertical-align:middle;
	}
	.formtbl td{
		display:block;
		width:100%;
		border-bottom:solid 15px #fff;
		padding:0;
		vertical-align:middle;
	}
	.radiolist li{
		float:none;
		
	}
	.submitbtn{
		display:block;
		width:90%;
		margin:0 auto 40px;
	}
	.submitbtn li{
		float:none;
		padding-bottom:10px;
		padding-left:0;
	}
	.submitbtn li input{
-webkit-appearance: button;
		background-color:#3abfc4 !important;
		padding:15px 0;
		text-align:center;
		color:#fff;
		width:90%;
		font-size:1.4em;
		border:none;
		cursor:pointer;
	}
	.submitbtn li input[type="submit"]{

		background-color:#005ea6 !important;
	}


.commonSEOWEBarea {
    overflow: hidden;
    clear: both;
	text-align:center;
}
.commonSEOWEBcnt { margin-bottom: 10%;}
.commonSEOarea,
.commonWEBarea {
  width: 100%;
  z-index: 100;
  position: relative;
  background-image: url('images/commonSEOback.png');
  background-size:auto;
  background-repeat: no-repeat;
  float: left;
  padding: 15px 5%;
  color: #fff;
  text-align: center !important;

}
.commonWEBarea {
  background-image: url('images/commonWEBback.png');
  float: left;
  text-align: center !important;
	margin-bottom:30px !important;
}
.commonSEOWEB .title { font-size: 30px; line-height: 25px;   text-align: center !important;}
.commonSEOWEB .title small { display: block; font-size: 14px; line-height: 25px; margin-top: 10px;   text-align: center !important;}
.commonSEOWEB .titleSub { font-size: 20px; margin-bottom: 15px;   text-align: center !important;}
.commonSEOWEB .titleJP { font-size: 17px;   text-align: center !important;}
.commonSEOWEBcnt .description {
  font-size: 13px;
  line-height: 24px;
  margin: 10px 0 10px;
  text-align: center !important;
}
.commonSEOWEBcnt .btns{
	text-align:center !important;
	padding-bottom:15px;
}
.zip1{ width:35%; }
.zip2{ width:55%; }


/* 会社概要SP */
.company1{
	background:#fff url(images/triangleBL2.png) no-repeat center top;
	background-size:73px auto;
	padding:10% 0;
	margin-top:5%;
}
.company1 #map{
	float:none;
	width:100%;
	padding-bottom:20px;
}
.company1 #map iframe{
	/*width:auto;*/
	width:100%;
	height:150px;
}
.company1 #cotbl{
	float:none;
	width:100%;
}
.company1 #cotbl table{
	width:100%;
}
.company1 #cotbl table th{
	display:block;
	font-family: 'logotypegothic', sans-serif;
	background-color:#005ea6;
	color:#fff;
	padding:4px 0 4px;
	width:100%;
	text-align:center;
	vertical-align:middle;
	border-bottom:solid 5px #fff;
}
.company1 #cotbl table td{
	display:block;
	color:#717071;
	padding:4px 0 4px;
	text-align:left;
	line-height:1.7em;
	vertical-align:middle;
	border-bottom:solid 5px #fff;
}


/* SEO対策について */


.seo1{
	background:url(images/pageBottomBL2.png) no-repeat center top;
	background-size:auto auto;
	padding:100px 0 50px;
	margin:50px 0 0;
}
.btnSEO{
	float:none !important;
	width:90% !important;	
	margin:0 auto;
}

#seo2{
	position:relative;
	background:none;
	margin-bottom:0;
}
#seo2 .seoL{
	background-color:#036eb7;
	float:none;
	width:100%;
	padding:60px 5% 10px 5%;
}
#seo2 .seoR{
	/*background:#3abfc4 url(images/gaibu_bg.png) no-repeat center bottom;
	background-size:250px 155px;*/
	background:#3abfc4;
	float:none;
	width:100%;
	padding:60px 5% 10px 5%;
}
	.seo2_2 .seoL{
		background:#036eb7;
	float:none;
	width:100%;
	padding:60px 5% 10px 5%;
	}
	.seo2_2 .seoR{
		background:#3abfc4;
	float:none;
	width:100%;
	padding:60px 5% 10px 5%;
	}
#seo2 .inner{
	display:block;
	color:#fff;
	text-align:center !important;
}
.triangleBL4{
	clear:both;
	position:relative;
	bottom:-20px;
	z-index:9999;
	background:url(images/triangleBL4.png) no-repeat center top;
	background-size:73px 20px;
	width:73px;
	height:20px;
	margin:0 auto;
}
.triangleBL3{
	clear:both;
	position:relative;
	z-index:9999;
	background:url(images/triangleBL3.png) no-repeat center top;
	background-size:73px 20px;
	width:73px;
	height:20px;
	margin:0 auto -20px;
	top:-20px !important;
}

#seo2 .inner ul{
	text-align:center;
	padding-bottom:20px;
	margin-left:0;
}
#seo2 .inner ul li{
	float:left;
	display:inline-block;
	font-family: 'logotypegothic', sans-serif;
	width:135px;
	height:85px;
	margin:0 0 5px 5px;
	border:solid 1px #fff;
	text-align:center !important;
}
#seo2 .inner ul li div{
	display:table-cell;
	width:125px;
	height:75px;
	padding:0 5px;
	text-align:center !important;
	vertical-align:middle;
}
#seo2 .inner ul li div span{
	display:table-cell;
	text-align:center !important;	
	vertical-align:middle;
}

#seo3{
	background-color:#c5efff;
	text-align:center;
	padding:40px 10px 90px;
	position:relative;
	margin-bottom:-90px;
}
#seo3 .btns{
	padding-bottom:25px;
	width:90%;
	margin:0 auto;
}
#seo3 .btns li{
	float:none;
	padding:0 10px 10px;
}
#seo3 .btns li button{
	width:100% !important;
}


/* サテライトサイトについて */
.satelite1,.satelite2{
	width:100%;
	padding:50px 0 0;
}
.satelite1 .imgL{
	text-align:center;
	float:none;
	width:80%;
	margin:0 auto 15px;
}
.satelite2 .imgR{
	float:none;
	width:80%;
	text-align:center;
	margin:0 auto;
}
.satelite1 .imgL img,.satelite2 .imgR img{
	width:100%;
	height:auto;	
}
.satelite1 .inner{
	float:none;
	text-align:left !important;
	width:100%;
	padding-top:5%;
}
.satelite2 .inner{
	float:left;
	text-align:left !important;
	width:100%;
	padding-top:5%;
}
.satelite1 .inner p,.satelite2 .inner p{
	font-size:1.1em;
	line-height:1.8em;
}
.satelite2 .inner p{ text-align:left; }
.satelite1 .inner h3{
	font-size:2em;
	padding-bottom:20px;
	text-align:center;
}
.satelite2 .inner h3{
	font-size:2em;
	padding-bottom:20px;
	text-align:center;
}
.satelite3{
	background-color:#edfaff;
	padding:20px;
	margin:60px auto 70px;
}
.satelite3 ul{
	padding:0;
	margin-left:-3%;	
}
.satelite3 ul li{
	float:left;
	width:30%;
	margin-left:3%;
	text-align:center;
	font-size:1em;
	word-break: break-all;
}
.satelite3 ul li span{ display:block; text-align:center; padding:10px 0;　word-break: break-all; }


/* オウンドメディアについて */


/* 採用情報 */

.recruit1{
	padding-bottom:50px;
}
.recruit1 dl{
	display:block;
	width:100%;
	margin:0 auto 15px;
	border:solid 3px #005ea6;
}
.recruit1 dl dt{
	display:block;
	vertical-align:middle;
	font-family: 'logotypegothic', sans-serif;
	font-size:1.3em;
	text-align:center;
	padding:10px;
	width:auto;
}
.recruit1 dl dd{
	display:block;
	vertical-align:middle;
	font-size:1.1em;
	line-height:1.6em;
	padding:10px;
	text-align:left;
	border-left:none;
	border-top:solid 3px #005ea6;
}
.fukidasittl{
	font-family: 'logotypegothic', sans-serif;
	position: relative;
	background: #005ea6; 
	color:#fff;
	width:80%;
	font-size:1.5em;
	padding:7px 0 10px;
	text-align:center;
	margin:0 auto 50px;
}
.fukidasittl:after { 
	top: 100%;
	left: 50%;
	border: solid transparent; content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 48, 118, 0);
	border-top-color: #005ea6;
	border-width: 20px;
	margin-left: -20px;
}
.tel{
	font-family: 'logotypegothic', sans-serif;
	font-size:1.4em;
	padding:20px 0 90px;
	margin:0 auto;
	text-align:center;
	color:#3abfc4;
}
.tel a{ color:#3abfc4; }
.tel span{ font-size:1.7em; padding-left:5px; }




/* WEBサイト制作 */

#worksouter{
	position:relative;
	margin-top:0;
}
#worksouter p{
	font-size:1.1em;
	line-height:1.9em;
	padding-bottom:20px;
}
.works1{
	width:100%;
	position:static;
	right:0;
	top:10%;
}

.works2{
  	position: relative;
	width:100%;
	text-align:center;
	padding:30% 8% 45%;
  	height: auto;
  	background:url(images/works2_bg.png) no-repeat center top;
	background-size:auto; 
}
.works2 h3{
	color:#003076;
	font-size:1.6em;
}
.works2 p{ text-align:center; color:#003076; font-size:1.1em; line-height:2em; }

.works3{
  	position: relative;
	z-index:9;
	margin-left:auto;
	margin-top:-35%;
	width:100%;
	text-align:center;
	padding:30% 8% 15%;
  	height: auto;
  	background:url(images/works3_bg.png) no-repeat center top;
	background-size:auto; 
}
.works3 h3{
	color:#fff;
	font-size:1.6em;
}
.works3 p{ text-align:center; color:#fff; font-size:1.1em; line-height:2em; }

.works4{
	width:100%;
	position:relative;
	left:0;
	margin-top:5%;
}
.workswrap{
	margin-bottom:-40px;
}


/* ニュース */
#news #pageCnt{
	width:90%;
	margin:0 auto;
}
#news #mainLeft{
	float:none;
	width:100%;
}
#news #side{
	float:none;
	width:100%;
}





/* ブログ */
#blog #pageHead{	
	background:none !important;
	height:auto;
}
#blog #mainLeft{
	padding-top:30px;
	float:none;
	width:100%;
}
#blog #side{
	float:none;
	width:100%;
}


#blog .blogpagettl{
	width:310px;
	margin:0 auto;
	color:#005ea6 !important;
	text-align:left;
}
#blog .blogpagettl .pageIcon{ float:left; }

#blog .post img{ max-width:100%; height:auto; }

.postlist{
	clear:both;
	border-top:solid 1px #005ea6;
	padding-bottom:50px;
}
.postlist li{
	width:50%;
	float:left;
	background:url(images/list_line.gif) no-repeat right center;
	border-bottom:solid 1px #005ea6;
}
.postlist li:nth-child(even){
	background:none;
}
.postlist li .pic{
	float:none;
	width:90%;
	padding:15px 0 0;
}
.postlist li:nth-child(even) .pic{
	margin-left:10%;
}
.postlist li .pic img{
	width:100%;
	height:auto;
}
.postlist li .Right{
	width:90%;
	float:none;
	text-align:left;
	margin-right:10%;
	padding:10px 0 15px;
}
.postlist li:nth-child(even) .Right{
	margin-right:0;
	margin-left:10%;
}
.postlist li .Right .cat{
	display:block;
	float:none;
	color:#fff;
	width:100%;
	text-align:center;
	padding:5px 0;
}
.postlist li .Right .time{
	float:none;
	display:block;
	padding-top:5px;
	text-align:right;
	font-size:1.2em;
	font-family: 'logotypegothic', sans-serif;
}
.postlist li .Right h4{
	clear:both;
	font-size:1.2em;
	line-height:1.6em;
	padding:15px 0 0;
}
.postlist li .Right h4 a{
	color:#005ea6;
}

.pickuppost{
	padding-bottom:50px;
	position:relative;
}
.pickuppost .pic{
	width:100%;
	height:150px;
	position:relative;
	overflow:hidden;
}
.pickuppost .pic img{ width:100%; height:150px; }
.pickuppost .hexagon {
  position: absolute;
	top:-30px;
  width: 70px; 
  height: 40.41px;
  background-color: #64C7CC;
  margin: 20.21px 0;
}

.pickuppost .hexagon:before,
.pickuppost .hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
}

.pickuppost .hexagon:before {
  bottom: 100%;
  border-bottom: 20.21px solid #64C7CC;
}

.pickuppost .hexagon:after {
  top: 100%;
  width: 0;
  border-top: 20.21px solid #64C7CC;
}
.pickuppost .cat5{ background-color:#3abfc4 !important; }
.pickuppost .cat5:before{border-bottom: 20.21px solid #3abfc4 !important; }
.pickuppost .cat5:after{border-top: 20.21px solid #3abfc4 !important; }

.pickuppost .cat6{ background-color:#003076 !important; }
.pickuppost .cat6:before{border-bottom: 20.21px solid #003076 !important; }
.pickuppost .cat6:after{border-top: 20.21px solid #003076 !important; }

.pickuppost .cat7{ background-color:#03dda9 !important; }
.pickuppost .cat7:before{border-bottom: 20.21px solid #03dda9 !important; }
.pickuppost .cat7:after{border-top: 20.21px solid #03dda9 !important; }

.pickuppost .cat8{ background-color:#005ea6 !important; }
.pickuppost .cat8:before{border-bottom: 20.21px solid #005ea6 !important; }
.pickuppost .cat8:after{border-top: 20.21px solid #005ea6 !important; }

.pickuppost .cat9{ background-color:#a105db !important; }
.pickuppost .cat9:before{border-bottom: 20.21px solid #a105db !important; }
.pickuppost .cat9:after{border-top: 20.21px solid #a105db !important; }

.pickuppost .cat10{ background-color:#36accc !important; }
.pickuppost .cat10:before{border-bottom: 20.21px solid #36accc !important; }
.pickuppost .cat10:after{border-top: 20.21px solid #36accc !important; }

.pickuppost .cat{ 
	position:absolute;
	font-family: 'logotypegothic', sans-serif;
	width:70px;
	text-align:center;
	color:#fff;
	font-size:1.1em;
	top:0;
}
.pickuppost .txtbox{
	position:relative;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(0,0,0,0.50) 99.48%);	
	width:100%;
	height:90px;
	margin-top:-90px;
}
.pickuppost .txtbox .time{
	font-family: 'logotypegothic', sans-serif;
	border-bottom:solid 1px #fff;
	color:#fff;
	font-size:1em;
	padding:0 15px 10px;
}
.pickuppost .txtbox h4{
	font-family: 'logotypegothic', sans-serif;
	color:#fff;
	font-size:1.5em;
	padding:10px 15px;
	line-height:1.4em;
}
.pickuppost .txtbox h4 a{ color:#fff; }
#blog #blogside{ position:relative; right:0; top:0; width:100%; }
}

#privacy1 p{ text-align:left !important; padding-bottom:25px; }
#privacy1 h4{ font-size:1.2em; padding-bottom:15px; }


/* オウンドメディアについて */
#ownedmedia{
	margin-top:-340px;
}
.owned1{
	background: url(images/ownedmedia/header.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	padding:240px 5% 0;
	height: 800px;
	color:#fff;
	letter-spacing: 2px;
}
.owned1 h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
	font-weight:700;
	font-size:2em;
	margin-bottom:5px;
}
.owned1 h3{
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: bold !important;
	font-size:5.5em;
	letter-spacing: 3px;
	margin-bottom:35px;
}
.owned1 h2 span,.owned1 h3 span,.owned1 p span{ background: #24B6D5; padding:1px 15px;}
.owned1 p{
	font-size:1.2em;
	line-height: 2em;
	margin-bottom:3px;
}
.pnav{
	padding:0 1% 100px;
}
.pnav li{
	float:left;
	color:#fff;
	width: 31.333%;
	margin:0 1%;
	border-radius: 0 0 10px 10px;
}
.pnav li a{
	display: block;
	background: url(images/ownedmedia/arrow1.png) no-repeat center 85%;
	padding:3vw 20px 7vw;
	max-height: 270px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	color:#fff;
	font-size:1.1em;
}
.pnav li a strong{ font-size:3em; font-weight: bold;}
.pnav li:nth-child(1){ background: url(images/ownedmedia/pnav1.png) no-repeat center top;}
.pnav li:nth-child(2){ background: url(images/ownedmedia/pnav2.png) no-repeat center top;}
.pnav li:nth-child(3){ background: url(images/ownedmedia/pnav3.png) no-repeat center top;}
.red{ color:#FF0000; }
.owned2{
	background: #F0F0EE;
	position: relative;
	padding:100px 0 60px;
}
.owned2 .pic{
	position: absolute;
	right: 0;
	top:-30px;
}
.owned2 h2{
	padding-bottom:60px;
	color:#fff;
	font-size:2em;
	line-height: 2.1em;
	letter-spacing: 1px;
}
.owned2 h2 span{
	background: url(images/ownedmedia/ttl2.png) no-repeat right top;
	background-size: cover;
	padding:5px 15px 10px;
}
.ownedwrap{
	width: 90%;
	max-width: 1300px;
	margin:0 auto;
}
.owned2 ul{
	width: 100%;
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left:-3.333%;
}
.owned2 ul li{
	width: 30%;
	max-width: 30%;
	background: url(images/ownedmedia/bg1.png) no-repeat left top;
	background-size: cover;
	text-align: center;
	padding:50px;
	margin:0 0 40px 3.333%;;
	color:#fff;
	font-size:1.4em;
	line-height: 1.5em;
}
.owned2 ul li h3{ padding-bottom:15px; text-align: center;}
.owned2 ul li p{ text-align: center; text-decoration: underline;}
.owned3{
	padding:80px 0;
}
.owned3in{
	position: relative;
	width: 100%;
}
.owned3 h2{
	text-align: center;
	font-size:3.4em;
	font-weight: bold;
	color:#24B6D5;
	line-height: 0.8em;
	padding-bottom:50px;
}
.owned3 h2 span{
	font-size:0.4em;
	font-weight: bold;
	color:#000;	
}
.owned3 .Left{
	width: 50%;
	float: left;
	padding-right:5%;
	padding-top:35vw;
}
.owned3 .Right{
	width: 50%;
	float: right;
	padding-top:38vw;
	padding-left:3%;
}
.owned3 .Left .pic{
	position: absolute;
	left:0;
	top:0;
	width: 51%;
}
.owned3 .Right .pic{
	position: absolute;
	right:0;
	top:40px;
	text-align: right;
	width: 51%;
}
.owned3 .Left .pic img,.owned3 .Right .pic img{
	width: 100%;
}
.owned3 .Left .txt{
	
}
.owned3 .Left .txt h3,.owned3 .Right .txt h3{
	font-size:2.2em;
	font-weight: normal;
	color:#000;
	background: url(images/ownedmedia/check.png) no-repeat left top;
	padding-left:100px;
	letter-spacing: 1px;
	padding-bottom:40px;
	
}
.owned3 .Left .txt h3 em,.owned3 .Right .txt h3 em{
	color:#24B6D4;
	background: none;
	font-weight: normal;
}
.owned3 .Left .txt p,.owned3 .Right .txt p{
	color:#000;
	font-size:1.1em;
	line-height: 1.8em;
}
.owned4{
	padding:80px 0;
}
.owned4 h2{
	text-align: center;
	font-size:3.4em;
	font-weight: bold;
	color:#24B6D5;
	line-height: 0.8em;
	padding-bottom:50px;
}
.owned4 h2 span{
	font-size:0.4em;
	font-weight: bold;
	color:#000;	
}
.owned4 .pic{ width: 100%; height: auto;}
.owned4 .pic img{ width: 100%; height: auto; }
.owned4 .jisseki{
	width: 800px;
	margin:0 auto;
	padding-bottom:100px;
}
.owned4 .jisseki h3{
	text-align: center;
	font-size:2.2em;
	line-height: 2em;
	font-weight: normal;
	color:#000;
	letter-spacing: 2px;
	padding-bottom:50px;
}
.owned4 .jisseki p{
	color:#000;
	padding-bottom:25px;
	font-size:1.1em;
	line-height: 1.8em;
}
.owned4 .jisseki .gapic{
	position: relative;
	padding:70px 0 30px;
}
.owned4 .jisseki .gapic .suii{
	position: absolute;
	right:0;
	top:0;
}

.bggray{
	background: #F0F0EE;
}
.owned3 .searvice{
	width: 90%;
	max-width: 1300px;
	margin:0 auto;
}
.owned3 .searvice table{
	width: 100%;
	background: #fff;
	margin-bottom:70px;
}
.owned3 .searvice table th{
	font-size:1.6em;
	width: 30%;
	background: #24B6D4;
	color:#fff;
	padding:25px 40px;
	letter-spacing: 2px;
	border:solid 1px #24B6D4;
	border-bottom:solid 1px #fff;
}
.owned3 .searvice table th span{
	font-size:0.6em;
	letter-spacing: 0px;
	font-weight: bold;
}

.owned3 .searvice table td{
	position: relative;
	font-size:1.3em;
	line-height: 2em;
	padding:40px 40px;
	color:#000;
}
.owned3 .searvice table td .ninki{
	position: absolute;
	right:-10px;
	top:-13px;
}
.owned3 .searvice table td .mini{ font-size:0.8em;}
.owned3 .searvice table td.td2{
	background: url(images/ownedmedia/table_bg1.png) repeat left top;
	font-size:2em;
	width: 28%;
	text-align: center;
	padding:20px 20px !important;
}
.owned3 .searvice table td.price{
	font-size:1em;
	padding:20px 20px !important;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
}
.owned3 .searvice table td.price span{ font-weight: bold; font-size:2em;}
.owned3 .searvice .btn{
	text-align: center;
}
.owned3 .searvice table td h3{
	font-size:1.5em;
	font-weight: normal;
	padding-bottom:20px;
}
.owned3 .searvice table td h3 em{
	font-weight: bold;
	font-size:2.2em;
	letter-spacing: 2px;
	background: none;
}
.owned3 .searvice table td{
	border:solid 1px #24B6D4;
}
.owned3 .big{ font-size:1.6em; font-weight: bold; letter-spacing: 2px;}

@media screen and (max-width:768px) {
#ownedmedia{
	margin-top:-220px;
}
	#ownedmedia img{ max-width: 100%; height: auto;}
.owned1{
	background: url(images/ownedmedia/header.jpg) no-repeat center top;
	background-size: cover;
	width: 100%;
	padding:60px 5%;
	height: auto;
	color:#fff;
	letter-spacing: 2px;
}
.owned1 h2{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
	font-weight:700;
	font-size:1.4em;
	margin-bottom:5px;
}
.owned1 h3{
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: bold !important;
	font-size:2em;
	letter-spacing: 3px;
	margin-bottom:35px;
}
.owned1 h2 span,.owned1 h3 span,.owned1 p span{ background: #24B6D5; padding:1px 15px;}
.owned1 p{
	font-size:1em;
	line-height: 2em;
	margin-bottom:3px;
}
.pnav{
	padding:0 1% 40px;
}
.pnav li{
	float:left;
	color:#fff;
	width: 31.333%;
	margin:0 1%;
	border-radius: 0 0 10px 10px;
}
.pnav li a{
	display: block;
	background: url(images/ownedmedia/arrow1.png) no-repeat center 95%;
	background-size: 18px auto;
	padding:3vw 20px 7vw;
	max-height: auto;
	text-align: center;
	border-radius: 0 0 10px 10px;
	color:#fff;
	font-size:0.8em;
}
.pnav li a strong{ font-size:1.3em; font-weight: bold;}
.pnav li:nth-child(1){ background: url(images/ownedmedia/pnav1.png) no-repeat center top;}
.pnav li:nth-child(2){ background: url(images/ownedmedia/pnav2.png) no-repeat center top;}
.pnav li:nth-child(3){ background: url(images/ownedmedia/pnav3.png) no-repeat center top;}

.owned2{
	background: #F0F0EE;
	position: relative;
	padding:50px 0 30px;
}
.owned2 .pic{
	position: absolute;
	right: 0;
	top:-30px;
	width: 20%;
}
	.owned2 .pic img{ width: 100%;}
.owned2 h2{
	padding-bottom:30px;
	color:#fff;
	font-size:1.4em;
	line-height: 2.1em;
	letter-spacing: 1px;
}
.owned2 h2 span{
	background: url(images/ownedmedia/ttl2.png) no-repeat right top;
	background-size: cover;
	padding:5px 15px 10px;
}
.ownedwrap{
	width: 90%;
	max-width: 1300px;
	margin:0 auto;
}
.owned2 ul{
	width: 100%;
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left:0;
}
.owned2 ul li{
	width: 100%;
	max-width: 100%;
	background: url(images/ownedmedia/bg1.png) no-repeat left top;
	background-size: cover;
	text-align: center;
	padding:25px;
	margin:0 0 20px;
	color:#fff;
	font-size:1.4em;
	line-height: 1.5em;
}
.owned2 ul li h3{ padding-bottom:15px; text-align: center;}
	.owned2 ul li h3 img{ width: 50%; height: auto;}
.owned3{
	padding:40px 0;
}

.owned3 h2{
	text-align: center;
	font-size:2em;
	font-weight: bold;
	color:#24B6D5;
	line-height: 0.8em;
	padding-bottom:50px;
}

.owned3 .Left{
	width: 100%;
	float: none;
	padding-right:0;
	padding-top:0;
}
.owned3 .Right{
	width: 100%;
	float: right;
	padding-top:0;
	padding-left:0;
}
.owned3 .Left .pic{
	position: relative;
	left:0;
	top:0;
	width: 100%;
	margin-left:-6%;
	margin-bottom:15px;
}
.owned3 .Right .pic{
	position: relative;
	right:-6%;
	top:0;
	text-align: right;
	width: 100%;
	margin-bottom:15px;
}
.owned3 .Left .pic img,.owned3 .Right .pic img{
	width: 100%;
}
.owned3 .Left .txt,.owned3 .Right .txt{
	padding-bottom:30px;
}
.owned3 .Left .txt h3,.owned3 .Right .txt h3{
	font-size:1.5em;
	font-weight: normal;
	color:#000;
	background: url(images/ownedmedia/check.png) no-repeat left top;
	background-size: 45px auto;
	padding-left:60px;
	letter-spacing: 1px;
	padding-bottom:20px;
	
}

.owned3 .Left .txt p,.owned3 .Right .txt p{
	font-size:1em;
	line-height: 1.8em;
}
.owned4{
	padding:40px 0;
}
.owned4 h2{
	text-align: center;
	font-size:2.4em;
	font-weight: bold;
	color:#24B6D5;
	line-height: 0.8em;
	padding-bottom:25px;
}
.owned4 h2 span{
	font-size:0.4em;
	font-weight: bold;
	color:#000;	
}
.owned4 .pic{ width: 100%; height: auto;}
.owned4 .pic img{ width: 100%; height: auto; }
.owned4 .jisseki{
	width: 90%;
	margin:0 auto;
	padding-bottom:50px;
}
.owned4 .jisseki h3{
	text-align: center;
	font-size:1.3em;
	line-height: 1.8em;
	font-weight: normal;
	color:#000;
	letter-spacing: 1px;
	padding-bottom:25px;
}
.owned4 .jisseki p{
	padding-bottom:25px;
	font-size:1em;
	line-height: 1.8em;
}
.owned4 .jisseki .gapic{
	position: relative;
	padding:40px 0 30px;
}
.owned4 .jisseki .gapic .suii{
	position: absolute;
	right:0;
	width: 20%;
	top:0;
}

.owned3 .searvice table{
	width: 100%;
	background: #fff;
	margin-bottom:30px;
}
.owned3 .searvice table th{
	font-size:1.2em;
	width: 20%;
	background: #24B6D4;
	color:#fff;
	padding:10px;
	letter-spacing: 2px;
	border:solid 1px #24B6D4;
	border-bottom:solid 1px #fff;
}
.owned3 .searvice table th span{
	font-size:0.6em;
	letter-spacing: 0px;
	font-weight: bold;
}

.owned3 .searvice table td{
	position: relative;
	font-size:1.1em;
	line-height: 1.6em;
	padding:10px;
	color:#000;
}
.owned3 .searvice table td .ninki{
	position: absolute;
	right:-10px;
	top:-13px;
	width: 40px;
}
.owned3 .searvice table td .mini{ font-size:0.8em;}
.owned3 .searvice table td.td2{
	background: url(images/ownedmedia/table_bg1.png) repeat left top;
	font-size:1.3em;
	width: 20%;
	text-align: center;
	padding:10px !important;
}
.owned3 .searvice table td.price{
	font-size:1em;
	padding:10px !important;
	text-align: center;
	font-weight: normal;
	letter-spacing: 2px;
}
.owned3 .searvice table td.price span{ font-weight: bold; font-size:1.4em;}
.owned3 .searvice .btn{
	text-align: center;
}
.owned3 .searvice table td h3{
	font-size:1em;
	font-weight: normal;
	padding-bottom:10px;
}
.owned3 .searvice table td h3 em{
	font-weight: bold;
	font-size:1.4em;
	letter-spacing: 2px;
	background: none;
}
.owned3 .searvice table td{
	border:solid 1px #24B6D4;
}
.owned3 .big{ font-size:1.2em; font-weight: bold; letter-spacing: 2px;}	
#blog #mainLeft{ min-height:auto; }
	

	
}

.tfaq{
	text-align:left;
}
.tfaq dt{
	position:relative;
	padding:5px 0 5px 40px;
	font-weight:bold;
}
.tfaq dt span{
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	background:#165A9C;
	color:#fff;
	text-align:center;
	line-height:30px;
	border-radius:30px;
	font-weight:bold;
}
.tfaq dd{
	position:relative;
	padding:5px 0 5px 40px;
	margin-bottom:15px;
}
.tfaq dd span{
	position:absolute;
font-weight:bold;
	display:block;
	left:0;
	top:0;
	width:30px;
	height:30px;
	border-radius:30px;
	background:#65CBEF;
	color:#fff;
	text-align:center;
	line-height:30px;
}
.secTitle{
	text-align:center !important;
}
.secTitle div{
	padding-top:20px;
}
.secTitle div img{
	display:block;
	margin:0 auto 10px;
}
.secTitle h2{
	  font-size: 27px;
  text-align: center;
  margin: 0 0 5px;
}
.pagetxt2{
	max-width:900px;
	margin:0 auto;
}
.pagetxt2 p{
	text-align:left !important;
	line-height:1.7em;
}
.flex_2clm{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flex_2clm .pic{
	width:25%;
}
.flex_2clm .txt{
	width:70%;
}

.sec3{
	background:#C5EFFF;
	padding:50px 0;
}
.sec3 .inner{
	max-width:900px;
	margin:0 auto;
}
.subttl{
	background:#fff;
	text-align:center;
	padding:0.5em;
	font-size:20px;
	font-weight:bold;
	margin-bottom:1.5em;
}
.box_x{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	justify-content:space-between;
	margin-bottom:30px;
}
.box_x::before{
	content:"×";
	font-size:50px;
	color:#165A9C;
	position:absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.box_x dl{
	width:47%;
	background:#fff;
}
.box_x dl dt{
	background:#036EB7;
	color:#fff;
	font-size:1.3em;
	font-weight:bold;
	padding:0.4em;
	text-align:center;
}
.box_x dl:nth-child(2) dt{
	background:#3ABFC4;
}
.box_x dl dd{
	padding:1.5em;
}
.box_x dl dd p{padding-bottom:1em;}

/* 表示切替・アニメーション用 */
/* 初期状態 */
.chatblc {
  display: none;
}

.chatblc.is-show {
  display: block;
}

/* dt・dd共通 */
.chatblc dt,
.chatblc dd {
  opacity: 0;
  transition:
    opacity .45s ease,
    transform .45s ease;
}

/* dtは左から */
.chatblc dt {
  transform: translateX(-60px);
}

/* ddは右から */
.chatblc dd {
  transform: translateX(60px);
}

/* dt表示 */
.chatblc dt.show {
  opacity: 1;
  transform: translateX(0);
}

/* dd表示 */
.chatblc dd.show {
  opacity: 1;
  transform: translateX(0);
}

.cform{
	background:#003076;
	padding:50px 0;
}
.cform .inner{
	max-width:900px;
	margin:0 auto;
	background:#005EA6;
	padding:25px;
}
.cform h2{
	font-weight:bold;
	font-size:2em;
	color:#fff;
	padding-bottom:1em;
	text-align:center;
}
.cform h2 small{
	font-size:0.7em;
}
.cform .flex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cform .flex .mov{
	width:47%;
}
.cform .flex .mov video{
	width:100%;
	height:auto;
}
.cform #chatform{
	width:50%;
	background:#fff;
	border-radius:15px;
	box-shadow:0 0 0.5em rgba(0,0,0,0.2);
	padding:1.5em;
}
.cform #chatform dl{
	padding-bottom:1.5em;
	color:#333;
}
.cform #chatform dl dt{
	padding-bottom:1.5em;
}
.cform #chatform dl dd{
	max-width:90%;
	margin-left:auto;
	background:#91e2e5;
	padding:1em;
	border-radius:1em;
}
.cform #chatform dl dd .labelbox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.cform #chatform dl dd .labelbox label{
	width:48%;
	background:#fff;
	padding:0.6em;
	margin-bottom:0;
}
.cform #chatform dl dd input[type="text"],
.cform #chatform dl dd input[type="email"],
.cform #chatform dl dd input[type="tel"]{
	width:100%;
	height:40px;
	border:solid 1px #ddd;
	padding-left:0.5em;
}
.cform #chatform dl dd label{
	margin-bottom:1em;
	display:block;
}
.cform #chatform dl dd .submit input{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display:block;
	width:80%;
	margin:0 auto;  
	background: #FFF000;
  color: #005EA6;
	text-align:center;
	padding:0.7em;
	font-weight:bold;
	border:none;
	cursor:pointer;
}
.cform #chatform dl dd .submit input:hover{
	
	background: #005EA6;
  color: #FFF000;
}
.error-text{
	color:red;
}
.subttl2{
	font-weight:bold;
	background:#dffbff;
	padding:0.5em 1em !important;
	font-size:1.3em !important;
	text-align:left !important;
	margin-bottom:1.5em !important;
}
#seo2 .inner a, .seo2_2 .inner a{
	color:#fff;
	text-decoration:underline;
}

.aiflex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:2em;
}
.aiflex .box{
	border:solid 1px #ddd;
	border-radius:10px;
	padding:1.5em;
	width:32%;
	text-align:center !important;
}
.aiflex .box .num{
	font-size:3em;
	font-weight:bold;
	color:#b00000;
	padding-bottom:10px;
	position:relative;
	margin-bottom:15px;
	text-align:center;
}
.aiflex .box .num::before{
	content:"";
	width:50%;
	height:1px;
	background:#b00000;
	position:absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
	bottom:0;
}
.aiflex .box .num small{
	font-size:0.4em;
}
.aiflex .box p{
	text-align:center !important;
	color:#333;
	font-size:0.9em;
}

.flex_t1{
	display:flex;
	justify-content:space-between;
	padding:50px 0;
}
.flex_t1 .txt{
	width:55%;
}
.flex_t1 .txt h3{
	font-weight:bold;
	font-size:1.4em;
	line-height:1.6;
	padding-bottom:1em;
}
.flex_t1 .pic{
	width:40%;
}
.flex_t1 .pic img{
	max-width:100%;
	height:auto;
}

@media screen and (max-width:768px) {
	.sec3 .inner{
		max-width:90%;
	}
.box_x{
	margin-bottom:30px;
}
.box_x::before{
	font-size:8vw;
	top:46%;
}
.box_x dl{
	width:100%;
	margin-bottom:9vw;
}
	.sec3 .btns{
		margin-top:-5vw;
	}
 	
.cform{
	padding:50px 0;
}
.cform .inner{
	max-width:90%;
	padding:1em;
}
.cform h2{
	font-size:1.6em;
}

.cform .flex .mov{
	display:none;
}

.cform #chatform{
	width:100%;
	border-radius:8px;
}
	

.aiflex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:1em;
}
.aiflex .box{
	width:100%;
	margin-bottom:1em;
}


.flex_t1{
	flex-wrap:wrap;
	padding:50px 0;
}
.flex_t1 .txt{
	width:100%;
	order:2;
	padding-top:30px;
}
.flex_t1 .pic{
	width:100%;
	order:1;
}



}

#fmap{
	padding-bottom:1.5em;
}
#fmap iframe{
	width:100%;
	height:200px;
}



.seoflex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:2em;
}
.seoflex .box{
	border:solid 1px #ddd;
	border-radius:0;
	padding:0;
	width:32%;
	text-align:center !important;
	box-shadow:0 0 1em rgba(0,0,0,0.15);
}
.seoflex .box h4{
	background:#15263a;
	text-align:center;
	padding:1em;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
}
.seoflex .box h4 .ico{
	width:1em;
	margin:0 auto;
	display:block;
}
.seoflex .box .flex{
	display:flex;
	border-bottom:solid 1px #ddd;
	padding:1em 0;
	margin:0 1em;
	text-align:center;
}
.seoflex .box .flex .blc{
	width:50%;
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	color:#333;
}
.seoflex .box .flex .blc:nth-child(1){
	border-right:solid 1px #ddd;
}
.seoflex .box .flex .blc span{
	font-size:0.5em;
	font-weight:bold;
}
.seoflex .box .flex .blc span.color__bague{
	color:#9b6105;
}
.seoflex .box .flex .blc small{
	display:block;
	font-size:11px;
	text-align:center;
}
.seoflex .box .txt{
	padding:1em;
}
.seoflex .box .txt p{
	font-size:0.9em;
	color:#333;
}



@media screen and (max-width:768px) {
.seoflex{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-bottom:1em;
}
.seoflex .box{
	width:100%;
	margin-bottom:1em;
}
.seoflex .box h4{
	background:#15263a;
	text-align:center;
	padding:1em;
	color:#fff;
	font-weight:bold;
	font-size:1.5em;
}
.seoflex .box h4 .ico{
	width:1em;
	margin:0 auto;
	display:block;
}
.seoflex .box .flex{
	display:flex;
	border-bottom:solid 1px #ddd;
	padding:1em 0;
	margin:0 1em;
	text-align:center;
}
.seoflex .box .flex .blc{
	width:50%;
	text-align:center;
	font-size:1.8em;
	font-weight:bold;
	color:#333;
}
.seoflex .box .flex .blc:nth-child(1){
	border-right:solid 1px #ddd;
}
.seoflex .box .flex .blc span{
	font-size:0.5em;
	font-weight:bold;
}
.seoflex .box .flex .blc span.color__bague{
	color:#9b6105;
}
.seoflex .box .flex .blc small{
	display:block;
	font-size:11px;
	text-align:center;
}
.seoflex .box .txt{
	padding:1em;
}
.seoflex .box .txt p{
	font-size:0.9em;
	color:#333;
}	
}