html {
	font-size: 62.5%;
}
body {
		background:#f6f6f6;
}
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
font-family:"游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
color:#333333;
font-size: 1.4rem;
font-weight:500;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a {
	color:#333333;
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
p {
	padding-bottom:1em;	
}
strong {
	font-weight:900;
	color:#cc0000;
}
hr {
	border:none;
	height:1px;
	background:#ddd;
}
ol>li {
	list-style-type:inherit;
	margin-left:16px;
	line-height:150%;
}
ul.marklist>li {
	list-style-type:disc;
	margin-left:16px;
	line-height:150%;
}
@media screen and (max-width : 767px){
	p {
	line-height:150%;
	}	
	hr {
	margin:16px auto;
	}

}
@media screen and (min-width : 768px){
	p {
	line-height:200%;
	}
	hr {
	margin:32px auto;
	}
}
a.anchor {
	display:block;
	margin-top:-50px;
	padding-top:50px;	
}
.red {color:#cc0000;}
.blue {color:#447bad;}
.orange {color:#ffaa00;}

.larger {font-size:larger;}
.smaller {font-size:smaller;}
/*-----------------------------------------
webfont&icon
------------------------------------------*/
.roboto {
font-family: 'Roboto Condensed', sans-serif;	
}
.asap {
font-family: 'Asap', sans-serif;	
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?pj9xea');
  src:  url('../fonts/icomoon.eot?pj9xea#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?pj9xea') format('truetype'),
    url('../fonts/icomoon.woff?pj9xea') format('woff'),
    url('../fonts/icomoon.svg?pj9xea#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  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-email:before {
  content: "\e901";
  color: #4e4d4d;
}
.icon-check-square-o:before {
  content: "\f046";
}
.icon-phone:before {
  content: "\f095";
}
.icon-twitter2:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-sort-desc:before {
  content: "\f0dd";
}
.icon-sort-down:before {
  content: "\f0dd";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}


/*-----------------------------------------
master-layout-settings
------------------------------------------*/
.flex {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
}
.flex-wrap {
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;	
}
.flex-middle {
	-webkit-align-items:center; /* Safari */
	align-items:center;
}
.flex-center {
	-webkit-justify-content: center; /* Safari */
	justify-content:center;
}
.flex-between {
	-webkit-justify-content:space-between; /* Safari */
	justify-content:space-between;	
}
.flex-right {
  -webkit-justify-content: flex-end; /* Safari */
  justify-content:         flex-end;
}
.flex-no {
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
}
.flex.flex-sep-2>* {
	width:50%;	
}
.flex.flex-sep-3>* {
	width:33.3333%;	
}
.flex.flex-sep-4>* {
	width:25%;	
}
.flex1 {flex:1;}
.flex2 {flex:2;}
.flex3 {flex:3;}
.flex4 {flex:4;}
.flex5 {flex:5;}
@media screen and (max-width : 767px){
	.flex.flex-sp-sep-2>* {
	width:50%;	
	}
	.flex.flex-sp-sep-3>* {
	width:33.33333%;
	}
	.flex.flex-sp-sep-4>* {
	width:25%;
	}
	.flex.flex-spacer>*,.flex.flex-spacer-nallow>*{
	padding-left:4px;
	padding-right:4px;	
	padding-top:4px;
	padding-bottom:4px;
	}
	.flex.flex-spacer-wide>*{
	padding-left:8px;
	padding-right:8px;	
	padding-top:8px;
	padding-bottom:8px;
	}
	.flex-spacer-vertical {
	margin-top:8px;
	margin-bottom:8px;	
	}
	.container {
	padding-left:16px;
	padding-right:16px;
	margin-left:auto;
	margin-right:auto;
	}
	.container-middle {
	margin-left:auto;
	margin-right:auto;
	}
	.img-responsive {
	margin-left: auto;
	margin-right: auto;
	}
	.pc-only {
	display:none !important;
	}
	span.sp-break {display:block;}
	.mt16-sp {margin-top:16px;}
	.mt32-sp {margin-top:32px;}
	.mt40-sp {margin-top:40px;}
	.mt48-sp {margin-top:48px;}
	.text-center-sp {text-align:center;}
	.section-white,.section-gray {
	padding-top:20px;
	padding-bottom:20px;
	}
}
@media screen and (min-width : 768px){
	.flex-pc {
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	}
	.flex-pc.flex-sep-2>*,.flex-pc.flex-pc-sep-2>*,.flex.flex-pc-sep-2>* {
	width:50%;	
	}
	.flex-pc.flex-sep-3>*,.flex-pc.flex-pc-sep-3>*,.flex.flex-pc-sep-3>* {
	width:33.33333%;
	}
	.flex-pc.flex-sep-4>*,.flex-pc.flex-pc-sep-4>*,.flex.flex-pc-sep-4>* {
	width:25%;
	}
	.flex.flex-spacer>*,.flex-pc.flex-spacer>* {
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	}
	.flex-sep-2.flex-spacer>*:nth-child(odd) {
	margin-left:-8px;
	}
	.flex-sep-2.flex-spacer>*:nth-child(even) {
	margin-right:-8px;
	}
	.flex-sep-3.flex-spacer>*:nth-child(3n+1) {
	margin-left:-8px;
	}
	.flex-sep-3.flex-spacer>*:nth-child(3n+3) {
	margin-right:-8px;
	}
	.flex.flex-spacer-nallow>*,.flex-pc.flex-spacer-nallow>* {
	padding-left:4px;
	padding-right:4px;
	padding-top:8px;
	padding-bottom:8px;
	}
	.flex-sep-2.flex-spacer-nallow>*:nth-child(odd) {
	margin-left:-4px;
	}
	.flex-sep-2.flex-spacer-nallow>*:nth-child(even) {
	margin-right:-4px;
	}
	.flex.flex-spacer-wide>*,.flex-pc.flex-spacer-wide>*{
	padding-left:16px;
	padding-right:16px;
	padding-top:16px;
	padding-bottom:16px;
	}
	.flex-sep-3.flex-spacer-wide>*:nth-child(3n+1) {
	padding-left:0;
	padding-right:16px;
	}
	.flex-sep-3.flex-spacer-wide>*:nth-child(3n+2) {
	padding-left:8px;
	padding-right:8px;
	}
	.flex-sep-3.flex-spacer-wide>*:nth-child(3n+3) {
	padding-left:16px;
	padding-right:0;
	}

	.flex-equalframe {
	-webkit-justify-content: space-around;
	justify-content: space-around;	
	}
	.flex-equalbox {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: stretch;
	align-items: stretch;	
	}
	.flex-spacer-vertical {
	margin-top:16px;
	margin-bottom:16px;	
	}
	.container {
	width:1060px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-left:50px;
	padding-right:50px;
	}
	.container-middle {
	width:740px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-left:50px;
	padding-right:50px;
	}
	.container-full {
	width:100%;
	min-width:1060px;
	margin-left:auto;
	margin-right:auto;
	padding-left:50px;
	padding-right:50px;
	}
	.sp-only {display:none !important;}
	span.pc-break {display:block;}
	.mt32-pc {margin-top:32px;}
	.mt40-pc {margin-top:40px;}
	.mt48-pc {margin-top:48px;}
	.pr16-pc {padding-right:16px;}
	.pr32-pc {padding-right:32px;}
	.pl16-pc {padding-left:16px;}
	.pl32-pc {padding-left:32px;}
	* .mt0-pc {margin-top:0;}
	.text-center-pc {text-align:center;}
	.section-white,.section-gray {
	padding-top:40px;
	padding-bottom:40px;
	}
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.mt16 {margin-top:16px;}
.mt32 {margin-top:32px;}
.mt40 {margin-top:40px;}
.mt48 {margin-top:48px;}
.mb16 {margin-bottom:16px;}
.mb32 {margin-bottom:32px;}
.mb40 {margin-bottom:40px;}
.mb48 {margin-bottom:48px;}
.pr16 {padding-right:16px;}
.pr32 {padding-right:32px;}
.pb16 {padding-bottom:16px;}
.pb32 {padding-bottom:32px;}

.text-center {text-align:center;}

.section-white {
	background-color:#ffffff;	
}
/*-----------------------------------------
header
------------------------------------------*/
header {
	width:100%;
	position:fixed;
	top:0px;
	z-index:10;
	background-color:#ffffff;
}
.header-container {
	width:100%;	
}
.header-logo {
	position:relative;
	overflow:hidden;	
}
.header-logo:after {
	content:"";
	background:#447bad;
	transform:rotate(25deg);
	width:200px;
	height:200px;
	position:absolute;
	z-index:1;	
}
.header-logo h1,.header-logo a {
	display:block;
	position:relative;
	z-index:2;	
}
@media screen and (max-width : 767px){
	header,.header-container {
	height:44px;	
	}	
	.header-logo {
	width:84px;	
	}
	.header-logo:after {
	top:-100px;
	left:-150px;
	}
	.header-logo img {
	display:block;
	width:36px;
	height:29px;
	margin:4px;
	}
	.header-contact a {
	display:block;
	padding-right:54px;
	height:44px;
	line-height:44px;
	color:#447bad;
	position:relative;	
	}
	.header-tel {
	font-size:1.8rem;
	letter-spacing:0.1em;	
	}
}
@media screen and (min-width : 768px){
	header {
	height:130px;
	min-width:1060px;	
	}
	header.smaller {
	height:49px;	
	}
	.header-container {
	height:81px;
	border-bottom:1px solid #dddddd;
	}
	header.smaller .header-container {
	display:none;	
	}
	.header-logo {
	width:768px;	
	}
	.header-logo:after {
	top:-100px;
	left:-50px;		
	}
	.header-logo h1,.header-logo a {
	width:170px;
	height:80px;
	}
	.header-logo img {
	display:block;
	width:72px;
	height:58px;
	margin:6px 0 6px 25px;
	}
	.header-spenit {
	display:block;
	padding-top:20px;
	padding-left:12px;
	line-height:150%;
	}
	.header-contact {
	width:376px;
	padding-top:15px;	
	}
	.header-contact a {
	display:block;
	padding-left:52px;
	height:30px;
	line-height:30px;
	color:#447bad;
	position:relative;	
	}
	.header-tel {
	font-size:1.8rem;
	letter-spacing:0.1em;	
	}
	.header-mail {
	font-weight:700;
	border-left:1px solid #447bad;
	}
	.header-tel:before {
	content: "\f095";
	font-family: 'icomoon';
	position:absolute;
	top:0px;
	left:20px;
	width:16px;
	height:16px;
	font-size:1.6rem;
	}
	.header-mail:before {
	content: "\e901";
	font-family: 'icomoon';
	position:absolute;
	top:0px;
	left:20px;
	width:18px;
	height:16px;
	font-size:1.6rem;
	}
	.pc-menu {
	width:100%;
	min-width:1060px;
	height:49px;	
	}
	header.smaller .pc-menu {
	box-shadow:0 0 1px 1px rgba(0,0,0,0.1);	
	}
	.pc-menu li {
	width:12.5%;	
	}
	.pc-menu li a {
	display:block;
	font-size:1.3rem;
	color:#447bad;
	text-align:center;
	height:49px;
	line-height:49px;
	border-right:1px solid #dddddd;	
	}
	.pc-menu li:last-child a {
	border-right:none;	
	}
	.pc-menu li a:hover {
	color:#ffffff;	
	}
	.pc-menu-home:hover {
	background:#447bad;	
	}
	.pc-menu-concept:hover {
	background:#00a4e3;	
	}
	.pc-menu-advantage:hover {
	background:#e97e96;	
	}
	.pc-menu-network:hover {
	background:#73c061;	
	}
	.pc-menu-sales-promotion:hover {
	background:#ed9d45;	
	}
	.pc-menu-ec-promotion:hover {
	background:#59c7df;	
	}
	.pc-menu-successful:hover {
	background:#e0d95c;	
	}
	.pc-menu-faq:hover {
	background:#c992d8;	
	}
	.header-submenu {
	padding-right:40px;
	}
	.header-submenu li {
	padding-top:12px;
	}
	.header-submenu li a {
	font-size:1.2rem;
	color: #447bad;
	display:block;
	padding-left:16px;
	padding-right:16px;
	position:relative;
	}
	.header-submenu li a:before {
	font-family: 'icomoon';
	content:"\f0da";
	position:absolute;
	top:0px;
	left:8px;
	width:12px;
	height:12px;
	}
}

/*-----------------------------------------
footer
------------------------------------------*/
.footer-contact {
	width:100%;
	background-image: url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.footer-contact-inner {
	background:rgba(225,121,136,0.9);
	text-align:center;
}
.footer-contact-inner p {
	color:#ffffff;
	font-weight:700;	
}
.footer-tel {
	display:block;
	color:#ffffff;
	position:relative;
	padding-top:8px;
	padding-bottom:8px;	
}
.footer-tel:before {
	content: "\f095";
	font-family: 'icomoon';
}
.footer-mail {
	display:block;
	color:#ffffff;
	border:1px solid #ffffff;	
}
.footer-mail:hover {
	background:#ffffff;
	color:#e17988;
}
@media screen and (max-width : 767px){
	.footer-contact {
	height:250px;
	margin-bottom:16px;
	}
	.footer-contact-inner {
	width:100%;
	height:250px;
	padding:20px 20px;
	}
	.footer-tel {
	font-size:3.0rem;
	padding-top:15px;
	}
	.footer-tel:before {
	position:relative;
	width:30px;
	padding-top:5px;
	padding-right:5px;
	}
	.footer-mail {
	margin-top:16px;
	padding:12px;
	}
	.footer-link a {
	border-top:1px solid #dddddd;
	background:#ffffff;	
	}
	.footer-link a:nth-child(odd) {
	border-left:1px solid #dddddd;	
	}
	p.footer-address {
	padding:16px 0;
	line-height:200%;	
	}
	.credit {
	border-top:1px solid #dddddd;
	padding-top:30px;
	padding-bottom:15px;	
	}
}
@media screen and (min-width : 768px){
	.footer-contact {
	height:300px;
	min-width:1060px;
	margin-bottom:60px;
	}
	.footer-contact-inner {
	width:420px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	padding:32px 48px;
	}
	.footer-contact-inner p {
	font-size:1.8rem;	
	}
	.footer-tel {
	font-size:4.8rem;
	padding-left:48px;	
	}
	.footer-tel:before {
	position:absolute;
	width:48px;
	height:48px;	
	top:10px;
	left:0px;
	}
	.footer-mail {
	margin-top:16px;
	padding:12px;
	}
	p.footer-address {
	padding-bottom:50px;
	margin-bottom:40px;
	border-bottom:1px solid #dddddd;	
	}
	.credit {
	padding-top:30px;
	padding-bottom:15px;	
	}
}
.footer-link {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;	
}
.footer-link a {
	display:block;
	padding:10px;
	color:#447bad;	
}
.credit {
	text-align:center;	
}
.pagebackswitch {
	position: fixed;
	z-index:1001;
	text-align:center;
	bottom:0px;
	right: 0px;
	width:50px;
	height:50px;
	-webkit-transition: all 0.2s ease-out;
	transition: background-color 0.4s ease-out;
	-moz-animation: translate 0.4s;
	-webkit-animation: translate 0.4s;
	animation: translate 0.4s;
	overflow:hidden;
}
@-webkit-keyframes translate { 
  0%   { -webkit-transform:  translate(0px, 110px) ;} 
  100%  { -webkit-transform:  translate(0px, 0px);} 
}
@keyframes translate { 
  0%   { transform:  translate(0px, 110px) ;} 
  100%  { transform:  translate(0px, 0px);}  
} 
.pagebackswitch a {
	display:block;
	width:50px;
	height:50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
.pagebackswitch a:before {
	position:absolute;
	top:24px;
	left:22px;
	font-family: 'icomoon' !important;
	content: "\f106";
	color:#ffffff;
	font-size:24px;
	text-indent:0px;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	z-index:3;
}
.pagebackswitch a:after {
	position:absolute;
	bottom:0px;
	right:0px;
	content: "";
	width:0px;
	height:0px;
	border-top: 50px solid transparent;
	border-right: 50px solid #447bad;
	border-top: 50px solid transparent;
	border-right: 50px solid #447bad;
	z-index:1;
}
.pagebackswitch a:hover:before {
	color:#000000;
}
.pagebackswitch a:hover:after {
	border-top: 50px solid transparent;
	border-right: 50px solid #ffffff;
	border-top: 50px solid transparent;
	border-right: 50px solid #ffffff;	
}
/*-----------------------------------------
drawr(SP mode menu)
------------------------------------------*/
.drawr-btn {
    display: block;
    width:44px;
    height: 44px;
    position: fixed;
    top:0px;
    right:0px;
    cursor: pointer;
    z-index: 9999;
	background:#ffffff;
	border-left:1px solid #dddddd;
}
.drawr-btn span {
	border-bottom: 2px solid #447bad;
	width: 24px;
	height:24px;
	position: absolute;
	top: 7px;
	right:10px;
	display:block;
	transition: all 0.4s ease;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.drawr-btn span:before,.drawr-btn span:after {
	content: '';
	display: inline-block;
	border-top: 2px solid #447bad;
	width: 24px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	transition: all 0.4s ease;
}
.drawr-btn span:before {top:6px;}
.drawr-btn span:after {top: 14px;}
.drawr-btn-peke span {
	border-bottom: 3px solid #447bad;
	border-bottom: none;
}
.drawr-btn-peke {
    background-color:rgba(68,123,173,1);
	border-left:none;	
}
.drawr-btn-peke span:before {
	border-top: 3px solid #ffffff;
	transform: rotate(-45deg);
	top:14px;
}
.drawr-btn-peke span:after {
	border-top: 3px solid #ffffff;
	transform: rotate(45deg);
	top: 14px;
}
.drawr {
    display: none;
    background-color:rgba(68,123,173,1);
    position: fixed;
    top: 0px;
    right:0;
    width:320px !important;
    height:100% !important;
	overflow-y:auto;
	overflow-x:hidden;
    z-index: 1100;
	border-radius:0px 0px 0px 5px;
}
.drawer-menu {
	width:320px;
	padding-top:16px;
}
.drawer-tt {
	padding:14px;
	background:#111111;
	color:#fed001;
}
.drawer-item a {
	display:block;
	padding:14px;
	color:#ffffff;	
}
.drawer-rogo a {
	display:block;
	width:144px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;	
}
.drawer-tel {
	color:#ffffff;
	text-align:center;
	font-size:1.6rem;
	padding:10px 0;
}
.drawer-tel a {
	color:#ffffff;
}
.drawer-menu li {
	height:40px;	
}
.drawer-menu li a {
	display:block;
	color:#ffffff;
	width:320px;
	height:40px;
	line-height:40px;
	padding:0 25px;	
}
/*-----------------------------------------
mainvisual
------------------------------------------*/
.mainvisual {
	width:100%;
	height:155px;
	position:relative;
	background-repeat:repeat-x;
	background-position:center center;
	z-index:1;
	text-align:center;	
}
.mainvisual:before {
	content:"";
	position:absolute;
	width:100%;
	height:35px;
	bottom:0px;
	left:0px;
	background-image: url(../images/vline.svg);
	background-position:center top;
	z-index:2;
}
.mainvisual h1,.mainvisual .mainvisual-spenit {
	color:#ffffff;
	font-weight:700;	
}
.mainvisual-concept { background-image: url(../images/concept/mainvisual-concept.png);}
.mainvisual-advantage { background-image: url(../images/advantage/mainvisual-advantage.png);}
.mainvisual-network { background-image: url(../images/network/mainvisual-network.png);}
.mainvisual-sales-promotion { background-image: url(../images/sales-promotion/mainvisual-sales-promotion.png);}
.mainvisual-ec-promotion { background-image: url(../images/ec-promotion/mainvisual-ec-promotion.png);}
.mainvisual-successful { background-image: url(../images/successful/mainvisual-successful.png);}
.mainvisual-faq { background-image: url(../images/faq/mainvisual-faq.png);}
.mainvisual-contact { background-image: url(../images/contact/mainvisual-contact.png);}
.mainvisual-gaiyo { background-image: url(../images/gaiyo/mainvisual-gaiyo.png);}
.mainvisual-topics { background-image: url(../images/gaiyo/mainvisual-gaiyo.png);}
@media screen and (max-width : 767px){
	.mainvisual {
	margin-top:44px;	
	}	
	.mainvisual h1 {
	padding-top:40px;
	font-size:1.8rem;	
	}
	.mainvisual-spenit {
	padding-top:10px;
	font-size:1.4rem;		
	}
}
@media screen and (min-width : 768px){
	.mainvisual {
	margin-top:130px;	
	}
	.mainvisual,.mainvisual:before {
	min-width:1060px;	
	}
	.mainvisual h1 {
	padding-top:25px;
	font-size:4.8rem;	
	}
	.mainvisual-spenit {
	padding-top:10px;
	font-size:1.8rem;		
	}
}
/*-----------------------------------------
commonparts
------------------------------------------*/
.kakomi {
	display:block;
	background-color:#ffffff;
	box-shadow:0px 0px 2px 1px rgba(204,204,204,0.3);
	margin-left:auto;
	margin-right:auto;
}
.kakomi-tt {
	height:36px;
	line-height:36px;
	color:#ffffff;
	text-align:center;
	font-weight:700;
	background-position:center top;
	background-size:cover;
}
.kakomi-tt-concept { background-image: url(../images/concept/mainvisual-concept.png);}
.kakomi-tt-sales-promotion { background-image: url(../images/sales-promotion/mainvisual-sales-promotion.png);}
.kakomi-tt-gaiyo { background-image: url(../images/gaiyo/mainvisual-gaiyo.png);}
.kakomi p {
	padding-bottom:20px;	
}
.tt-doubleline,.tt-doubleline-nallow {
	text-align:center;	
}
.tt-singleline {
	text-align:center;	
}
.st-singleline {
	text-align:center;	
}
.tt-doubleline h2,.tt-doubleline h3,.tt-doubleline h4,.tt-doubleline-nallow h2,.tt-doubleline-nallow h3,.tt-doubleline-nallow h4 {
	display:inline-block;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	font-weight:700;
	line-height:150%;
}
.tt-doubleline span,.tt-singleline span {
	font-weight:700;	
}
.tt-singleline h2,.tt-singleline h3,.tt-singleline h4 {
	display:inline-block;
	border-bottom:1px solid #111111;
	font-weight:700;
	line-height:150%;
}
.st-singleline h2,.st-singleline h3,.st-singleline h4 {
	display:inline-block;
	border-bottom:1px solid #111111;
	font-weight:700;
	line-height:150%;
}
.doubleline-before,doubleline-after {
	text-align:center;
	font-weight:700;	
}
.st-normal {
	font-weight:700;	
}
@media screen and (max-width : 767px){
	.kakomi-inner {
	padding-left:15px;
	padding-right:15px;	
	}
	.tt-doubleline,.tt-doubleline-nallow {
	margin:20px auto;	
	}
	.tt-singleline {
	margin:20px auto 30px auto;	
	}
	.tt-doubleline h2,.tt-doubleline h3,.tt-doubleline h4 {	
	font-size:2.0rem;
	padding:12px 0;
	}
	.tt-doubleline-nallow h2,.tt-doubleline-nallow h3,.tt-doubleline-nallow h4 {
	font-size:2.0rem;
	padding:10px 0;		
	}
	.tt-singleline h2,.tt-singleline h3,.tt-singleline h4 {
	font-size:2.0rem;
	padding:8px 0;
	}
	.tt-doubleline span,.tt-singleline span {
	font-size:2.0rem;	
	}
	.st-singleline {
	margin:20px auto 30px auto;	
	}
	.st-singleline h2,.st-singleline h3,.st-singleline h4 {
	font-size:1.6rem;
	padding:8px 0;
	}
	.doubleline-before,doubleline-after {
	padding:10px 0;	
	}
	.st-normal {
	margin:20px auto;	
	}
	.interview-pic img {
	margin-left:auto;
	margin-right:auto;	
	}
}
@media screen and (min-width : 768px){
	.kakomi-inner {
	padding-left:30px;
	padding-right:30px;	
	}
	.tt-doubleline,.tt-doubleline-nallow {
	margin:40px auto;	
	}
	.tt-singleline {
	margin:40px auto 50px auto;	
	}
	.tt-doubleline h2,.tt-doubleline h3,.tt-doubleline h4 {	
	font-size:3.0rem;
	padding:25px 0;
	}
	.tt-doubleline-nallow h2,.tt-doubleline-nallow h3,.tt-doubleline-nallow h4 {
	font-size:2.0rem;
	padding:16px 0;		
	}
	.tt-singleline h2,.tt-singleline h3,.tt-singleline h4 {
	font-size:3.0rem;
	padding:10px 0;
	}
	.tt-doubleline span,.tt-singleline span {
	font-size:3.0rem;	
	}
	.doubleline-before,.doubleline-after {
	padding:15px 0;
	font-size:1.8rem;
	}
	.st-singleline {
	margin:40px auto 50px auto;	
	}
	.st-singleline h2,.st-singleline h3,.st-singleline h4 {
	font-size:1.8rem;
	padding:10px 0;
	}
	.leadtext {
	text-align:center;
	font-size:1.6rem;
	}
	.leadtext span {
	font-size:1.6rem;	
	}
	.interview-pic {
	width:350px;	
	}
	.interview-pic img {
	width:240px;
	height:auto;	
	}
	.interview-txt {
	width:610px;	
	}
	.st-normal {
	font-size:1.8rem;
	margin:30px auto;
	text-align:center;	
	}
}
section .tt-singleline:first-child {
	margin-top:0px;	
}
.interview-pic p {
	margin-top:1em;
	margin-bottom:1em;	
}
table {
	width:100%;
	border-top:1px solid #dddddd;	
}
table tr {
	border-bottom:1px solid #dddddd;	
}
table th {
	white-space:nowrap;	
}
table th,table td {
	text-align:left;
	vertical-align:top;
	line-height:150%;
}
@media screen and (max-width : 767px){
	table th,table td {
	display:block;
	}
	table th {
	padding:10px 0px 8px 0px;	
	}
	table td {
	padding:8px 0px 10px 0px;	
	}
}
@media screen and (min-width : 768px){
	table th,table td {
	padding:10px;
	}	
}
.checklist {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;	
}
.checklist li {
	position:relative;
	line-height:150%;
	font-weight:700;
}
.checklist li:before {
	font-family: 'icomoon';
	content: "\f046";
	position:absolute;
	top:0px;
	left:0px;
}
#advantage .checklist li {
	color:#e2607b;	
}
#network .checklist li {
	color:#54ad41;	
}
#sales-promotion .checklist li {
	color:#e78327;	
}
#ec-promotion .checklist li {
	color:#39b6d5;	
}
@media screen and (max-width : 767px){
	.checklist li {
	padding-left:25px;
	font-size:1.4rem;
	padding-bottom:20px;
	}
}
@media screen and (min-width : 768px){
	.checklist li {
	padding-left:35px;
	font-size:1.8rem;
	padding-bottom:30px;
	}	
}
/*-----------------------------------------
concept
------------------------------------------*/
.policyplate {
	display:block;
	background-color:#ffffff;
	box-shadow:0px 0px 2px 1px rgba(204,204,204,0.3);
}
.concept-policy {
	padding-bottom:10px;	
}
.policyplate h3,.policyplate h4 {
	color:#024fa2;
	text-align:center;
	font-weight:700;	
}
.policyplate p {
	padding:16px 16px 0 16px;	
}
@media screen and (max-width : 767px){
	.policyplate {
	padding-top:16px;
	margin-bottom:16px;	
	}
	.policyplate h3 {
	font-size:2.0rem;
	padding-bottom:10px;	
	}
	.policyplate h4 {
	font-size:1.4rem;
	padding-bottom:10px;	
	}
	.tt-profiletable {
	padding:15px 0;
	text-align:center;	
	}
}
@media screen and (min-width : 768px){
	.policyplate {
	width:450px;
	padding-top:16px;	
	}
	.policyplate h3 {
	font-size:2.4rem;
	padding-bottom:10px;	
	}
	.policyplate h4 {
	font-size:1.8rem;
	padding-bottom:20px;	
	}
	.tt-profiletable {
	padding:90px 0 10px 0;
	text-align:center;	
	}
}
/*-----------------------------------------
advantage
------------------------------------------*/
.pie-chart,.pie-chart2 
{
position:relative;
z-index:1;
margin-left:auto;
margin-right:auto;
}
.pie-chart:before,.pie-chart2:before {
	position:absolute;
	top:20px;
	left:20px;
	width:190px;
	height:190px;
	border-radius:50%;
	content:"";
	background:#ffffff;
z-index:2;
}
.pie-chart:after,.pie-chart2:after {
	position:absolute;
	display:-webkit-box; /* Android rower */
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex; /* Safari */
	display:flex;
	-webkit-align-items:center; /* Safari */
	align-items:center;
	top:40px;
	left:40px;
	width:150px;
	height:150px;
	border-radius:50%;
	text-align:center;
	color:#024fa2;
	font-weight:700;
	font-size:1.8rem;
	line-height:150%;
	z-index:3;
	text-align:center;
}
.pie-chart:after {
	content:"J\904A\63D0\643A\5E97\8217\6570(2017/9)";	
}
.pie-chart2:after {
	content:"J\904A\63D0\643A\5E97\8217\3067J\904A\5BA2\304C\8CB7\3044\7269\3057\305F\5834\6240";	
}
.pie,.pie2
{
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  overflow: hidden;
}
.pie:before,.pie2:before 
{
  position: absolute;
  left: -100%;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}
.pie.large,.pie2.large 
{
  left: 0;
  width: 100%;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}
.pie.large:before,.pie2.large:before
{
  left: 0;
  width: 50%;
}
.pie.large:after,.pie2.large:after 
{
  position: absolute;
  left: 50%;
  width: 50%;
  height: 100%;
  content: '';
}
.chartbox p {
	max-width:370px;
	margin:50px auto;
}
.kakomi-datalabo {
	border:2px solid #e05378;
	margin:30px auto;
	padding:15px;	
}
.kakomi-datalabo h3 {
	text-align:center;
	color:#e05378;
	font-size:1.8rem;
	font-weight:700;
	padding-bottom:15px;
}
/*-----------------------------------------
advantage
------------------------------------------*/
.network-zu {
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
.kakomi-partner {
	border:1px solid #111111;
	margin:40px auto;
	padding:16px;	
}
.kakomi-partner h3 {
	font-size:1.8rem;
	line-height:150%;
	font-weight:700;
	padding-bottom:10px;	
}
.kakomi-partner table {
	border-top:none;	
}
.kakomi-partner table tr {
	border-bottom:1px solid #111111;	
}
.kakomi-partner table tr:last-child {
	border-bottom:none;	
}
.mobilesample h4 {
	color:#ffffff;
	font-weight:700;
	background:#447bad;
	text-align:center;
	padding:12px 8px;
}
/*-----------------------------------------
sales-promotion
------------------------------------------*/
.media-wrap {
	padding-bottom:30px;	
}
.media-box {
	display:block;
	background-color:#ffffff;
	max-width:304px;
	box-shadow:0px 0px 2px 1px rgba(204,204,204,0.3);
	position:relative;
}
.media-box a {
	display:block;
	padding-bottom:30px;
}
.media-box a:hover {
	opacity:0.6;	
}
.media-box-spenit {
	display:block;
	font-weight:700;
	padding:10px;
	text-align:center;
	line-height:150%;	
}
.media-box h3 {
	color:#ffffff;
	text-align:center;
	font-weight:700;
	padding:10px;	
}
.media-box-mobile h3 {
	background:#25a2d0;	
}
.media-box-card h3 {
	background:#d64c7d;	
}
.media-box-map h3 {
	background:#79c83f;	
}
.media-box img {
	display:block;
	width:240px;
	height:auto;
	margin:15px auto;	
}
.media-box p {
	padding-left:16px;
	padding-right:16px;
}
.media-box :after {
	content: "\f0dd";
	position:absolute;
	font-family: 'icomoon';
	width:30px;
	height:30px;
	line-height:30px;
	bottom:0;
	left:50%;
	margin-left:-15px;
	text-align:center;	
	color:#e78327;
	font-size:1.2rem;
}
.tt-suii {
	font-size:1.8rem;
	font-weight:700;
	padding-bottom:32px;	
}
@media screen and (max-width : 767px){
	.media-box {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;		
	}
	.media-box h3 {
	font-size:1.8rem;	
	}
	.tt-suii {
	padding-top:32px;	
	}
}
@media screen and (min-width : 768px){
	.media-box h3 {
	font-size:2.4rem;	
	}
}

.section-baitai {
	position:relative;
	overflow:hidden;
}
.tt-baitai {
	text-align:center;	
}
.sales-point {
	max-width:640px;
	margin:30px auto;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	padding-top:20px;	
}
.sales-point li {
	position:relative;
	padding-bottom:20px;
	padding-left:56px;
}
.sales-point li:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 40px;
	top: 2px;
	border-left: 6px solid #e78327;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.sales-point li:after {
	content:"point";
	font-family: 'Roboto Condensed', sans-serif;
	position: absolute;
	width:40px;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:1.1rem;
	font-weight:700;
	background:#e78327;
	border-radius:6px;
	top:-4px;
	left:0px;
	color:#ffffff;
}
#ec-promotion .sales-point li:before {
	border-left: 6px solid #39b6d5;	
}
#ec-promotion .sales-point li:after {
	background:#39b6d5;	
}
.baitai-txt h3 {
	color:#447bad;
	position:relative;	
}
.baitai-txt h3:before {
	content: "\f105";
	position:absolute;
	font-family: 'icomoon';
	left:0;
	color:#447bad;	
}
@media screen and (max-width : 767px){
	.tt-baitai {
	font-size:3.0rem;
	padding-top:10px;	
	}
	.baitai-txt {
	padding-bottom:30px;	
	}
	.baitai-txt h3 {
	font-size:1.4rem;
	padding:16px;	
	}
	.st-centering {
	text-align:center;
	font-size:1.6rem;
	font-weight:700;
	padding:20px 0;	
	}
	.pagelinker {
	margin-top:25px;
	margin-bottom:20px;	
	}
}
@media screen and (min-width : 768px){
.section-baitai:before {
	position:absolute;
	top:15px;
	left:-30px;
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#ffffff;
	transform: rotate(-45deg);
	}
	.baitai-1:before {
	content:"\5A92\4F53-1";
	background:#25a2d0;
	}
	.baitai-2:before {
	content:"\5A92\4F53-2";
	background:#d64c7d;
	}
	.baitai-3:before {
	content:"\5A92\4F53-3";
	background:#79c83f;
	}
	.tt-baitai {
	font-size:4.8rem;	
	}
	.sales-point {
	padding-left:30px;	
	}
	.sales-point li {
	font-size:1.6rem;	
	}
	.baitai-pic {
	width:320px;	
	}
	.baitai-txt {
	width:640px;
	padding-left:40px;	
	}
	.baitai-txt h3 {
	font-size:1.8rem;
	padding:16px 20px;	
	}
	.baitai-txt h3:first-child {
	padding-top:0px;
	}
	.baitai-txt h3:before {
	font-size:2.4rem;
	top:14px;	
	}
	.baitai-txt h3:first-child:before {
	top:-4px;	
	}
	.st-centering {
	text-align:center;
	font-size:1.8rem;
	font-weight:700;
	padding:30px 0;	
	}
	.pagelinker {
	margin-top:50px;
	margin-bottom:20px;	
	}
}
.pagelinker a {
	display:block;
	border:1px solid #111111;
	text-align:center;
	padding:8px;	
}
.pagelinker a:hover {
	background:#111111;
	color:#ffffff;	
}
/*-----------------------------------------
ec-promotion
------------------------------------------*/
.tt-ec-shop {
	text-align:center;
	font-weight:700;
	margin-top:30px;	
}
.ec-baitai-txt h3 {
	color:#447bad;
	position:relative;	
}
.ec-baitai-txt h3:before {
	content: "\f105";
	position:absolute;
	font-family: 'icomoon';
	left:0;
	color:#447bad;	
}
@media screen and (max-width : 767px){
	.tt-ec-shop {
	font-size:2.0rem;
	}
	.ec-promotion-txt h3 {
	font-size:2.0rem;
	margin-top:24px;
	margin-bottom:24px;	
	}
	.ec-baitai-txt {
	padding-bottom:30px;	
	}
	.ec-baitai-txt h3 {
	font-size:1.4rem;
	padding:16px;	
	}
}
@media screen and (min-width : 768px){
	.tt-ec-shop {
	font-size:3.0rem;
	}
	.ec-promotion-pic {
	width:320px;	
	}
	.ec-promotion-txt {
	width:640px;
	padding-left:40px;	
	}
	.ec-promotion-txt h3 {
	font-size:3.0rem;
	margin-bottom:50px;	
	}
	.ec-baitai-txt h3 {
	font-size:1.8rem;
	padding:16px 20px;	
	}
	.ec-baitai-txt h3:first-child {
	padding-top:0px;
	}
	.ec-baitai-txt h3:before {
	font-size:2.4rem;
	top:14px;	
	}
	.ec-baitai-txt h3:first-child:before {
	top:-4px;	
	}
}
/*-----------------------------------------
successful
------------------------------------------*/
.line-list li {
	border-top:1px solid #dddddd;
	padding:10px;
	list-style-type:disc;
	list-style-position:inside;
}
@media screen and (max-width : 767px){
	.line-list-right>li:last-child {
	border-bottom:1px solid #dddddd;
	}
}
@media screen and (min-width : 768px){
	.line-list ul>li:last-child {
	border-bottom:1px solid #dddddd;		
	}	
}
/*-----------------------------------------
faq
------------------------------------------*/
#faq dt,#faq dd {
	position:relative;
}
#faq dt {
	color:#447bad;
	font-weight:700;	
}
#faq dd {
	border-bottom:1px solid #dddddd;	
}
#faq dt:before {
	content:"Q";
	position:absolute;
	top:0px;
	left:0px;
	background:#447bad;
	border-radius:50%;
	text-align:center;
	color:#ffffff;
	font-weight:700;	
}
#faq dd:before {
	content:"A";
	position:absolute;
	top:0px;
	background:#e99ca9;
	border-radius:50%;	
	text-align:center;
	color:#ffffff;
	font-weight:700;
}
@media screen and (max-width : 767px){
	#faq dt,#faq dd {
	line-height:150%;	
	padding-left:30px;
	padding-bottom:16px;
	}
	#faq dt:before,#faq dd:before {
	width:24px;
	height:24px;	
	line-height:24px;
	font-size:1.2rem;
	}
	#faq dt {
	margin-top:16px;
	padding-top:2px;		
	}	
	#faq dd {
	padding-top:4px;		
	}
	#faq dd:before {
	left:0px;		
	}
}
@media screen and (min-width : 768px){
	#faq dt,#faq dd {
	line-height:200%;	
	}
	#faq dt {
	margin-top:16px;
	padding-top:6px;
	padding-left:64px;
	padding-bottom:24px;
	font-size:1.8rem;		
	}	
	#faq dd {
	margin-top:0px;
	padding-top:10px;
	padding-left:114px;
	padding-bottom:24px;		
	}
	#faq dt:before,#faq dd:before {
	width:48px;
	height:48px;
	line-height:48px;
	font-size:1.8rem;	
	}
	#faq dd:before {
	left:48px;		
	}
}
/*-----------------------------------------
contact
------------------------------------------*/
table.contact-table {
	margin-top:30px;
	margin-bottom:30px;
	border-top:1px solid #333333;
}
table.contact-table tr {
	border-bottom:1px solid #333333;	
}
table.contact-table tr.noborder {
	border-bottom:none;	
}
table.contact-table th {
	padding-left:54px;
	position:relative;
}
table.contact-table th.hissu:before {
	content:"\5FC5\9808";
	display:block;
	position:absolute;
	top:14px;
	left:0px;
	height:20px;
	line-height:20px;
	width:40px;
	color:#ffffff;
	background:#ea9aa6;
	text-align:center;
	font-size:1.2rem;
	border-radius:4px;
	text-align:center;
}
table.contact-table th.nini:before {
	content:"\4EFB\610F";
	display:block;
	position:absolute;
	top:14px;
	left:0px;
	height:20px;
	line-height:20px;
	width:40px;
	color:#999999;
	background:#dddddd;
	text-align:center;
	font-size:1.2rem;
	border-radius:4px;
	text-align:center;
}
table.contact-table input[type="text"],table.contact-table input[type="tel"],table.contact-table input[type="email"] {
	border:1px solid #dddddd;
	border-radius:4px;
	padding:2px;
	width:100% !important;
	max-width:100% !important;
}
table.contact-table textarea {
	border:1px solid #dddddd;
	border-radius:4px;
	padding:2px;
	width:100% !important;
	max-width:100% !important;
	height:140px !important;
}
table.contact-table textarea {
	margin-top:8px;	
}
.submit-btn {
	display:block;
	color:#ffffff;
	background:#447bad;
	padding:16px;
	text-align:center;
	width:100%;
	max-width:288px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border:none;
}
.submit-btn:hover {
	color:#333333;
	background:#ffffff;
}
@media screen and (max-width : 767px){
	table.contact-table th {
	padding-top:14px;
	}	
}
@media screen and (min-width : 768px){
	table.contact-table th {
	padding-top:14px;
	padding-bottom:14px;
	}
	table.contact-table th {
	width:200px !important;
	}
}
#mfp_overlay_inner h4 {
	text-align:center;
	padding:8px;
	font-weight:700;
}
#mfp_button_send {
	color:#ffffff;
	background:#447bad;
}
#mfp_button_send:hover {
	color:#333333;
	background:#ffffff;
}
/*-----------------------------------------
gaiyo
------------------------------------------*/
.gaiyo-table th {
	font-weight:700;	
}
.googlemap {
	margin:45px auto;	
}
.torihikisaki {
	border-top:1px solid #dddddd;	
}
.torihikisaki li {
	padding:8px 0;
	border-bottom:1px solid #dddddd;	
}
.section-white.section-white-jisseki {
	padding-top:0px;	
}
.kakomi-tt-gaiyo {
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}
.kakomi-comment {
	border:1px solid #111111;
	padding:16px;	
}
.kakomi-comment p {
	padding-bottom:0;	
}
.result-box {
	margin:20px auto;
	text-align:center;	
}
.result-box img {
	display:block;
	margin-left:auto;
	margin-right:auto;	
}
.result-box h4 {
	margin:15px auto;
	text-align:center;
	line-height:150%;	
}
.result-line-list li {
	border-top:1px solid #111111;
	padding:10px 0;
	line-height:130%;
}
.guestvoice-tip {
	display:block;
	width:100px;
	height:24px;
	line-height:24px;
	color:#ffffff;
	background:#00a4e3;
	text-align:center;
	border-radius:24px;
	margin-bottom:20px;
}
.guestname small {
	font-size:1.2rem;	
}
@media screen and (max-width : 767px){
	.result-line-list .line-list-right>li:last-child {
	border-bottom:1px solid #111111;
	}
	.guestvoice-tip {
	margin-left:auto;
	margin-right:auto;	
	}
	.guestname {
	font-size:2.0rem;
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
	}
}
@media screen and (min-width : 768px){
	.result-line-list ul>li:last-child {
	border-bottom:1px solid #111111;		
	}
	.guestname {
	font-size:2.4rem;
	margin-top:20px;
	margin-bottom:20px;
	}
}
/*-----------------------------------------
mailmag
------------------------------------------*/
.mailmag-box {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	box-shadow: 0px 0px 2px 1px rgba(204,204,204,0.3);
}
.mailmag-box h2 {
	color:#ffffff;
	background-color: #024fa2;
	padding:6px;
	text-align:center;
}
.mailmag-box p {
	padding:16px 16px 0 16px;
}
.mailmag-entry {
	max-width:288px;
	margin-left:auto;
	margin-right:auto;
}
.mailmag-email {
	width:160px;
}
.mailmag-submit-btn {
    display: block;
    color: #ffffff;
    background: #447bad;
    padding: 4px 16px;
    text-align: center;
    width: 100%;
    max-width: 80px;
    margin:2px auto;
    border: none;
	border-radius:3px;
}
@media screen and (max-width : 767px){
	.mailmag-box {
	margin-bottom:16px;
	}
}
@media screen and (min-width : 768px){
	.mailmag-box {
	text-align:center;
	max-width:600px;
	margin-bottom:32px;
	}
}