@charset "UTF-8";
/*! /css/common.css */

/* font
========================================================================== */
html {font-size: 62.5%;}
body{
	font-family: "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: 0.04rem;
	min-width: 1240px;
	color: #333;
}
@media only screen and (max-width: 767px) {
	body{
		min-width: 320px;
	}
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	/*font-size: 1.6rem;*/
	line-height: 1.5;
}
sup{
	position: relative;
	vertical-align: top;
	top: 1px;
	font-size: 1.2rem;
}
br{line-height: 0;}
img{ vertical-align: bottom; backface-visibility: hidden;}
#wrapper { overflow: hidden; }

/* common
========================================================================== */
.hide{display: none;}
.pc-hide{display: none;}
.pc-inline{display: inline;}
.sp-inline{display: none;}
.hover:hover{
	opacity: 0.7;
	transition: .2s;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

@media only screen and (max-width: 767px) {
	*, *::before, *::after {
	/*font-size: 1.3rem;*/
	line-height: 1.6;
}
	body{font-size: 1.5rem !important; line-height: 1.6;}
	.hover:hover{opacity: 1;}
	.sp-hide{display: none;}
	.pc-hide{display: block;}
	.sp-block{display: block;}
	.pc-inline{display: none;}
	.sp-inline{display: inline;}
}

/* リストマーク
========================================================================== */
ul {
  list-style: none;
}
.maru,.maru-nijyu,.shikaku,.kome,.ast,.maru1,.maru2,.maru3,.dot{
	position: relative;
	padding-left: 1.1em;
	font-size: 1.2rem;
	text-align: left;
}
.kome1,.kome2,.kome3,.kome4,.kome5,.kome6,.kome7,.kako1,.kako2,.kako3,.kako4,.kako5,.ast1,.ast2,.ast3{
	position: relative;
	padding-left: 2.2em;
}
.ex{
	position: relative;
	padding-left: 2.6em;
	font-size: 1.2rem;	
}
.tyu{
	position: relative;
	padding-left: 2.6em;
}
.source,.tyu1,.tyu2,.tyu3,.tyu4,.tyu5{
	position: relative;
	padding-left: 3.2em;
}
.bracket{
	position: relative;
	padding-left: 2em;
}
.maru:before,.maru-nijyu:before,.shikaku:before,.kome:before,.kome2:before,.kome3:before,.kome4:before,.kome1:before,.kome5:before,.kome6:before,.kome7:before,
.ast:before,.ast1:before,.ast2:before,.ast3:before,.maru1:before,.maru2:before,.maru3:before,
.kako1:before,.kako2:before,.kako3:before,.kako4:before,.kako5:before,.dot:before,.source:before,.ex:before,.tyu:before,.tyu1:before,.tyu2:before,.tyu3:before,.tyu4:before,.tyu5:before,.arrow:before,.bracket:before{
	position: absolute;
	display: block;
	left: 0;
	font-size: inherit;
}
.list-color__red .maru:before,.list-color__red .maru-nijyu:before,.list-color__red .shikaku:before,.list-color__red .kome:before,.list-color__red .kome2:before,.list-color__red .kome3:before,.list-color__red .kome4:before,.list-color__red .kome1:before,.list-color__red .kome5:before,.list-color__red .kome6:before,.list-color__red .kome7:before,
.list-color__red .ast:before,.list-color__red .ast1:before,.list-color__red .ast2:before,.list-color__red .ast3:before, .list-color__red .maru1:before,.list-color__red .maru2:before,.list-color__red .maru3:before,
.list-color__red .kako1:before,.list-color__red .kako2:before,.list-color__red .kako3:before,.list-color__red .kako4:before,.list-color__red .kako5:before,.list-color__red .dot:before,.list-color__red .source:before,.list-color__red .tyu:before,.list-color__red .tyu1:before,.list-color__red .tyu2:before,.list-color__red .tyu3:before,.list-color__red .tyu4:before,.list-color__red .tyu5:before,.list-color__red .arrow:before,.list-color__red .bracket:before{ color: #cc0022}

.maru:before{content: '●';font-family: "メイリオ", Meiryo;}
.maru-nijyu:before{content: '◎';font-family: "メイリオ", Meiryo;}
.shikaku:before{content: '■';font-family: "メイリオ", Meiryo;}
.kome:before{content: '※';}
.kome1:before{content: '※1';}
.kome2:before{content: '※2';}
.kome3:before{content: '※3';}
.kome4:before{content: '※4';}
.kome5:before{content: '※5';}
.kome6:before{content: '※6';}
.kome7:before{content: '※7';}
.ast:before{content: '＊';}
.ast1:before{content: '＊1';}
.ast2:before{content: '＊2';}
.ast3:before{content: '＊3';}
.ast:before{content: '＊';}
.bracket-ast1:before{content: '(※1)';}
.bracket-ast2:before{content: '(※2)';}
.bracket-ast3:before{content: '(※3)';}
.bracket-ast4:before{content: '(※4)';}
.bracket-ast5:before{content: '(※5)';}
.maru1:before{content: '\002460'}
.maru2:before{content: '\002461';}
.maru3:before{content: '\002462';}
.kako1:before{content: '（1）';}
.kako2:before{content: '（2）';}
.kako3:before{content: '（3）';}
.kako4:before{content: '（4）';}
.kako5:before{content: '（5）';}
.dot:before{content: '・';}
.source:before{content: '出典：';}
.tyu:before{content: '〔注〕';}
.tyu1:before{content: '（注1）';}
.tyu2:before{content: '（注2）';}
.tyu3:before{content: '（注3）';}
.tyu4:before{content: '（注4）';}
.tyu5:before{content: '（注5）';}
.ex:before{content: '（例）';}

/* 余白
========================================================================== */
.mt0{margin-top: 0!important;}
.mt2{margin-top: 2px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}

.mb0{margin-bottom: 0!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}

.pt0{padding-top: 0!important;}
.pt2{padding-top: 2px!important;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top: 10px!important;}
.pt15{padding-top: 15px!important;}
.pt20{padding-top: 20px!important;}
.pt30{padding-top: 30px!important;}
.pt40{padding-top: 40px!important;}

.pb0{padding-bottom: 0!important;}
.pb5{padding-bottom: 5px!important;}
.pb10{padding-bottom: 10px!important;}
.pb15{padding-bottom: 15px!important;}
.pb20{padding-bottom: 20px!important;}
.pb30{padding-bottom: 30px!important;}
.pb40{padding-bottom: 40px!important;}

/* module(text)
========================================================================== */
.txt-section{margin-top: 10px; font-size: 1.2rem;}
.txt-section li a:hover{ text-decoration: underline;}
.txt-cen { text-align: center;}
.txt-cen-pc { text-align: center;}
.txt-r {text-align: right!important;}
.txt-l { text-align: left!important}
.txt-s{font-size: 1.4rem!important;}
.txt-ss{font-size: 1.2rem!important;}
.txt-sss{font-size: 1rem!important;}
.txt-m{font-size: 1.6rem!important;}
.txt-read{font-size: 2.0rem!important;}
.txt-bold{font-weight: bold!important;}

.fz13{font-size: 1.3rem!important;}
.fz15{font-size: 1.5rem!important;}
.fz32{font-size: 3.2rem!important;}
.fz20{font-size: 2.0rem!important;}
.fz26{font-size: 2.6rem!important;}

@media screen and (max-width: 767px) {
.txt-s{font-size: 1.2rem!important;}
.txt-ss{font-size: 1.0rem!important;}
.txt-sss{font-size: 0.9rem!important;}
.txt-read{font-size: 1.5rem!important;}
.txt-m{font-size: 1.5rem!important;}
}

/* module(color)
========================================================================== */
.txt-color__blue{ color: #358cdc; }
.txt-color__red{ color: #d44726; }

/*  カラム
========================================================================== */
.col2 .left_area,
.col2 .right_area{
	width: 530px;
	float: left;
}
.col2 .left_area{
	margin-right: 40px;
}
@media only screen and (max-width: 767px) {
	.col2 .left_area,
	.col2 .right_area{
		width: 100%;
	}
	.col2 .left_area{
		margin-right: 0;
	}
}

/* title
========================================================================== */
.ttl-type01 {
	text-align: center;
	margin-bottom: 60px;
	font-size: 3.4rem;
	line-height: 1;
}
.ttl-type01 .cap {
	position: relative;
	font-size: 2.0rem;
	color: #358cdc;
	line-height: 1;
    display: inline-block;
    margin-bottom: 20px;
}
.ttl-type01 .cap:before,
.ttl-type01 .cap:after {
	position: absolute;
	content: '';
	display: inline-block;
	width: 30px;
	height: 1px;
	top: 9px;
	background-color: #358cdc;
}
.ttl-type01 .cap:before {
	left: -42px;
}
.ttl-type01 .cap:after {
	right: -42px;
}
.ttl-type02 {
  font-size: 2.4rem;
  color: #fff;
  background-color: #358cdc;
  padding: 5px;
  display: block;
  border-radius: 25px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
	.ttl-type01 {
		margin-bottom: 25px;
		font-size: 2.3rem;
	}	
	.ttl-type01 span {
		font-size: 2.3rem;
	}
	.ttl-type01 span:before {
		width: 18px;
		height: 38px;
		left: -30px;
	}
	.ttl-type01 span:after {
		width: 18px;
		height: 38px;
		right: -32px;
	}
	.ttl-type01 .cap{
		font-size: 1.3rem;
		margin-bottom: 15px;
	}
	.ttl-type01 .cap:before,
	.ttl-type01 .cap:after {
		top: 6px;
	}
	.ttl-type02{
		font-size: 1.7rem;
	}
}

/* mainVisual
========================================================================== */
.section-mainVisual{
    width: 100%;
    height: 0;
    background: url(../img/mainimg_pc.jpg) center center / cover no-repeat;
    position: relative;
    min-height: 764px;
    min-width: 1240px;
}
.section-mainVisual .main-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.section-mainVisual .txtArea{
	position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 562px;
    height: 363px;
}
.section-mainVisual .liveBtn{
	position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    border-radius: 10px;
    width: 560px;
    padding: 30px 0;
}
.section-mainVisual .content-block {
	position: absolute;
	left: 0;
	right: 0;
	top: 250px;
	margin: auto;
	box-shadow: 15px 15px 50px rgba(40,50,60,.1);
	border-radius: 10px;
	width: 670px;
	background: #fff;
	padding: 30px 80px 50px;
}
.section-mainVisual h1 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.section-mainVisual h1 span{
	display: block;
	font-size: 1.4rem;
	margin-top: -5px;
}
@media only screen and (max-width: 767px) {
	.section-mainVisual{
	    background: url(../img/mainimg_sp.jpg) center center / cover no-repeat;
	    min-width: auto;
	    min-height: 445px;
	}
	.section-mainVisual .txtArea{
		width: 100%;
		height: auto;
	}
	.section-mainVisual .main-txt {
		width: 90%;
		max-width: 380px;
		top: 0;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.section-mainVisual .liveBtn{
	    width: 90%;
		max-width: 380px;
	    top: 364px;
	}
}

/*  web面談ボタン
-----------------------------------------------*/
.liveBtn{
	text-align: center;
}
.liveBtn a{
	background: linear-gradient(to right,#424cab,#3543ce 30%,#3b69df); 
    padding: 20px 60px;
    border-radius: 40px;
    font-weight: bold;
    color: #fff;
    font-size: 2.4rem;
    display: inline-block;
    position: relative;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
    box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);	
}
@media only screen and (max-width: 767px) {
	.liveBtn a{
        padding: 16px 10px;
		width: 90%;
		font-size: 1.6rem;
	}
}

/* GAINA Live［ガイナライブ］とは--about--
========================================================================== */
.section-about{
	width: 1100px;
	margin: 10px auto 0;
}
.section-about .section__inner{
	right: 0;
	left: 0;
	width: 1100px;
	margin: 0 auto;
	padding: 25px 80px 60px;
	border: solid 2px #cbb388;
	outline: solid 8px #fff;
	text-align: center;
	background: rgba(255,255,255,0.9);
    box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.6);
}
.section-about .about_small_tx{
	font-size: 2.6rem;
}
.section-about .left_area{
	margin-top: 60px;
}
.section-about .ttl-type01{
	margin-bottom: 35px;
	text-align: left;
}
.section-about .ttl-type01 .cap:before{
	content: none;
}
.section-about .trim {
    overflow: hidden;
    height: 380px;
    position: relative;
}
.section-about .trim img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
	.section-about{
		width: 100%;
		margin: 0;
		padding: 0 10px 20px;
	}
	.section-about .section__inner{
		height: auto;
		padding: 20px 25px 25px;
	}
	.section-about .left_area{
		margin-top: 20px;
	}
	.section-about .about_small_tx{
		font-size: 1.8rem;
	}
	.section-about .ttl-type01{
		margin-bottom: 20px;
		text-align: center;
	}
	.section-about .trim{
	    overflow: visible;
	    height: auto;
	}
	.section-about .trim img{
		position: static;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 100%;
		margin-top: 10px;
	}
	.section-about .ttl-type01 .cap:before{
		content: "";
	}
}

/* GAINA Liveの特徴--feature--
========================================================================== */
.section-feature{
	min-width: 1100px;
	background-color: #e9f4ff;
}
.section-feature .section-feature__inner{
	padding: 60px 0 80px;
	width: 1100px;
	margin: 0 auto;
}
.section-feature ul.feature_box{
	margin: 50px 0;
	display: flex;
}
.section-feature ul.feature_box > li{
	float: left;
	width: 340px;
	margin-right: 40px;
    padding: 15px 25px 25px 25px;
    border-radius: 10px;
    background-color: #fff;
}
.section-feature ul.feature_box > li .feature_img{
	position: relative;
	background-color: #fff;
	height: 150px;
}
.section-feature ul.feature_box > li .feature_img img{
	position: absolute;
	width: 230px;
	display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.section-feature ul.feature_box > li .feature_ttl{
	display: block;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 10px 0;
}
.section-feature ul.feature_box > li:last-child{
	margin-right: 0;
}
.section-feature ul.feature_box2{
	display: flex;
	flex-wrap: wrap;
}
.section-feature ul.feature_box2 > li{
	width: 530px;
	margin-top: 40px;
	margin-right: 40px;
	display: flex;
}
.section-feature ul.feature_box2 > li.new_ic{
	position: relative;
}
.section-feature ul.feature_box2 > li.new_ic:after{
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: -18px;
	left: -18px;
	background-image: url( "../img/new_ic.gif" );
	background-size:60px;
	backface-visibility: hidden;
}
.section-feature ul.feature_box2 > li:nth-child(even){
	margin-right: 0;
}
.section-feature ul.feature_box2 > li .feature_img2{
	background-color: #fff;
	width: 140px;
	height: 140px;
	flex-shrink: 0;
	border-radius: 10px;
}
.section-feature ul.feature_box2 > li .new_ic{
	position: relative;
}
.section-feature ul.feature_box2 > li .feature_img2 img{
	width: 100%;
}
.section-feature ul.feature_box2 > li .feature_txArea2{
	margin-left: 20px;
}
.section-feature ul.feature_box2 > li .feature_txArea2 span{
	font-weight: bold;
	font-size: 1.8rem;
	display: block;
	margin-bottom: 3px;
}

@media only screen and (max-width: 767px) {
	.section-feature{
		min-width: 100%;
	}
	.section-feature .section-feature__inner{
		padding: 30px 10px 40px;
		width: 100%;
	}
	.section-feature ul.feature_box{
		margin: 0 0 30px;
		display:block;
	}
	.section-feature ul.feature_box > li{
		width: 100%;
		margin-top: 10px;
		margin-right: 0;
		padding: 15px;
	}
	.section-feature ul.feature_box > li:nth-child(even){
		margin-right: 0;
	}
	.section-feature ul.feature_box > li img{
		width: 80%;
	}
	.section-feature ul.feature_box > li .feature_img{
		position: static;
		height: auto;
	}
	.section-feature ul.feature_box > li .feature_img img{
		position: static;
		top: 0;
		left: 0;
		-webkit-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    transform: translate(0, 0); 
        margin: 0 auto;
        width: 180px;
	}
	.section-feature ul.feature_box2 > li.new_ic:after{
		width: 40px;
		height: 40px;
		top: -11px;
		left: -8px;
		background-image: url( "../img/new_ic.gif" );
		background-size:40px;
	}
	.section-feature ul.feature_box > li .feature_ttl{
		font-size: 1.6rem;
	}
	.section-feature ul.feature_box2 > li{
		margin-top: 15px;
		margin-right: 0;
	}
	.section-feature ul.feature_box2 > li .feature_img2{
		width: 90px;
		height: 90px;
	}
	.section-feature ul.feature_box2 > li .feature_txArea2{
		margin-left: 10px;
		font-size: 1.4rem;
	}
	.section-feature ul.feature_box2 > li .feature_txArea2 span{
		font-size: 1.5rem;
		margin-bottom: 0;
	}
}

/*==========================================================================

 導入をご検討の代理店の方へ

========================================================================== */

.section-agency{
	min-width: 1100px;
}
.ttl-type-agency{
	background: url( "../img/h_img_pc.png" ) top center / 1920px 100% no-repeat ;
	min-height: 230px;
	text-align: center;
	color: #fff;
	position: relative;
}
.ttl-type-agency span{
	font-size: 3.6rem;
	position: absolute;
	top: 42%;
	left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
@media only screen and (max-width: 767px) {
	.section-agency{
		min-width: 100%;
	}
	.ttl-type-agency{
		background: url( "../img/h_img_sp.png" ) top center / 100% 100% no-repeat ;
		min-height: 100px;
		text-align: center;
		font-size: 2.3rem;
	}
	.ttl-type-agency span{
		font-size: 2.3rem;
	}
}

/* GAINA Live開発の背景--background--
========================================================================== */
.section-background{
	width: 1100px;
	margin: 30px auto 60px;
}
.section-background .section__inner{
	right: 0;
	left: 0;
	width: 1100px;
	margin: 0 auto;
	padding: 25px 80px 60px;
	border: solid 2px #cbb388;
	outline: solid 8px #fff;
	text-align: center;
	background: rgba(255,255,255,0.9);
    box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.6);
}
.section-background .ttl-type01{
	margin-bottom: 35px;
	text-align: left;
}
.section-background .ttl-type01 .cap:before{
	content: none;
}
.section-background .background_read{
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 10px;
}
.section-background img{
	width: 100%;
}
@media only screen and (max-width: 767px) {
	.section-background{
		width: 100%;
		margin: 0;
		padding: 0 10px 20px;
	}
	.section-background .section__inner{
		height: auto;
		padding: 20px 25px 25px;
	}
	.section-background .ttl-type01{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.section-background .ttl-type01 .cap:before{
		content: "";
	}
	.section-background .background_read {
		font-size: 1.6rem;
	}
	.section-background img{
		margin-top: 10px;
	}
}

/* GAINA Liveのポイント--point--
========================================================================== */
.section-point{
	min-width: 1100px;
	background-color: #f2f2f2;
}
.section-point .section-point__inner{
	padding: 60px 0 80px;
	width: 1100px;
	margin: 0 auto;
}
.section-point .point_block{
	background-color: #fff;
	border-radius: 10px;
	padding: 30px;
}
.section-point .point_block{
	margin-bottom: 40px;
}
.section-point .point_block .ttl-type-point{
	font-size: 2.4rem;
	font-weight: bold;
	display: table;
	margin-bottom: 15px;
}
.ttl-type-point .ttl-type-point-num{
	background-color: #358cdc;
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
	padding: 8px 10px;
}
.ttl-type-point .ttl-type-point-num span{
	font-size: 2.8rem;
	line-height: 1;
}
.ttl-type-point .ttl-type-point-tx{
	display: table-cell;
	vertical-align: middle;
	padding-left: 10px;
	line-height: 1.4;
}
.section-point .point_block img.point1_img{
	margin-top: 15px;
	width: 100%;
}
.point_block_wrap{
	display: flex;
}
.point_box1{
	margin-bottom: 15px;
}
.point_box1 li{
	background-color: #e9f4ff;
	border-radius: 10px;
	display: table;
	width: 230px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	padding: 15px 10px 15px 5px;
	font-weight: bold;
}
.point_box1 li:nth-child(even){
	margin-right: 0;
}
.point_box1 li img{
	display: table-cell;
	width: 50px;
	margin-right: 5px;
}
.point_box1 li p{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}
.point_box1 li:nth-child(3),
.point_box1 li:nth-child(4){
	margin-bottom: 0;
}
.point_box2{
	margin-bottom: 15px;
	display: flex;
}
.point_box2 li{
	background-color: #e9f4ff;
	border-radius: 10px;
	width: 230px;
	margin-right: 10px;
	float: left;
	padding: 15px;
	font-weight: bold;
	text-align: center;
}
.point_box2 li:nth-child(even){
	margin-right: 0;
}
.point_box2 li img{
	width: 116px;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
	.section-point{
		min-width: 100%;
	}
	.section-point .section-point__inner{
		padding: 30px 10px 40px;
		width: 100%;
	}
	.ttl-type-point .ttl-type-point-num{
		font-size: 1.0rem;
	    padding: 6px 8px;
	}
	.ttl-type-point .ttl-type-point-num span{
		font-size: 2.0rem;
	}
	.point_block_wrap{
		display: block;
	}
	.section-point .point_block{
		padding: 15px;
		margin-bottom: 10px;
	}
	.section-point .point_block .ttl-type-point{
		font-size: 1.5rem;
		margin-bottom: 10px;
	}
	.section-point .point_block img.point1_img{
		margin-top: 10px;
	}
	.point_box1{
		margin-bottom: 10px;
	}
	.point_box1 li{
		width: 100%;
		margin-bottom: 5px;
		margin-right: 0;
		padding: 6px 10px 6px 5px;
	}
	.point_box1 li:nth-child(3){
	margin-bottom: 5px;
	}
	.point_box1 li img{
		width: 40px;
	}
	.point_box2 li img{
		width: 76px;
	}
}

/* 徹底したクライアントの生産性向上を追求します！
========================================================================== */
.productivityArea{
	width: 940px;
	margin: 30px auto 0;
}
.productivityArea .productivityBlock{
	background-color: #fff;
	border-radius: 10px;
	border: solid 2px #358cdc;
	padding: 30px 30px 30px 250px;
	position: relative;
}
.productivityArea .productivityBlock img{
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 208px;
}
.pAList{
	display: inline;
}
.pAList li{
	position: relative;
    font-size: 2.0rem;
    font-weight: bold;
    margin-left: 15px;
    display: inline;
}
.pAList li:before{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #358cdc;
    top: 11px;
    left: -15px;
}
.test{
	display: inline;
}
.productivityArea .pAttl{
	text-align: center;
	font-size: 2.2rem;
	color: #358cdc;
	margin-bottom: 10px;
	font-weight: bold;
}
.productivityArea .pAttl span{
	position: relative;
}
.productivityArea .pAttl span:before{
	content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    background-color: #358cdc;
    top: 50%;
    left: -15px;
    transform: translate(-50%,-50%)rotate(60deg);
}
.productivityArea .pAttl span:after{
	content: "";
    position: absolute;
    width: 28px;
    height: 2px;
    background-color: #358cdc;
    top: 50%;
    right: -35px;
    transform: translate(-50%,-50%)rotate(120deg);
}

@media only screen and (max-width: 767px) {
	.productivityArea{
		width: 100%;
	}
	.productivityArea .productivityBlock{
		padding: 10px 10px 10px 90px;
		font-size: 1.3rem;
	}
	.productivityArea .productivityBlock img{
		left: -20px;
		width: 100px;
	}
	.pAList li{
	    font-size: 1.3rem;
	}
	.pAList li:before{
	    top: 6px;
	}
	.productivityArea .pAttl{
		font-size: 1.6rem;
	}
	.productivityArea .pAttl span:before{
	    width: 48px;
        left: -35px;
	}
	.productivityArea .pAttl span:after{
	    width: 48px;
	    right: -65px;
	}
}

/* footer
========================================================================== */
footer {
    background: url(../img/bg_img.gif) repeat;
	min-width: 1140px;
	color: #fff;
}
footer .footer_inner{
	width: 1100px;
	margin: 0 auto;
	padding: 40px 0;
}
footer .contact-ttl{
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
}
footer .contact-ttl span{
	position: relative;
}
footer .contact-ttl span:before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    top: 50%;
    left: -30px;
    transform: translate(-50%,0);
    background-color: #fff;
}
footer .contact-ttl span:after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 30px;
    height: 1px;
    top: 50%;
    right: -60px;
    transform: translate(-50%,0);
    background-color: #fff;
}
footer .contact_block{
	margin: 50px auto 0;
	max-width: 600px;
}
footer .contact_box{
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 40px;
	position: relative;
	text-align: center;
}
footer .contact_box .contact_box-ttl{
	position: absolute;
    top: -16px;
    font-size: 2.2rem;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%,0);
    background: url(../img/bg_img.gif) repeat;
    padding: 0 15px;
}
footer .contact_box .tel{
	position: relative;
	font-size: 4.6rem;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	margin-bottom: 5px;
}
footer .contact_box .tel:after{
	position: absolute;
    content: "";
    background: url(../img/ic_tel.png) no-repeat;
    background-size: 30px;
    width: 30px;
    height: 40px;
    top: 50%;
    left: -34px;
    transform: translate(0,-50%);
}
footer .contact-ttl span:before{
	width: 15px;
	left: -15px;
}
footer .contact-ttl span:after{
	width: 15px;
    right: -30px;
}
.mailBtn{
	text-align: center;
}
.mailBtn a{
	background-color: #fff;
    padding: 20px 140px;
    border-radius: 40px;
    font-weight: bold;
    color: #358cdc;
    font-size: 2.0rem;
    display: inline-block;
    position: relative;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
    box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 6px 3px -4px rgba(0,0,0,0.3);	
}
.mailBtn a:before{
	position: absolute;
	content: '';
	display: inline-block;
	width: 32px;
	height: 22px;
	top: 50%;
    transform: translate(-50%,-50%);
	left: 50px;
	background-size: contain;
	vertical-align: middle;
	background: url(../img/ic_mail.png) no-repeat;
	background-size: 32px;
}
footer .footer_copy{
	text-align: center;
	color: #fff;
	margin-top: 30px;
	padding: 20px;
	border-top: 1px solid #fff;
	font-size: 1.3rem;
}

@media only screen and (max-width: 767px) {
	footer {
		padding: 0 10px;
		min-width: 100%;
	}
	footer .footer_inner{
		width: 100%;
		padding: 30px 0;
	}
	footer .contact_block{
		display: block;
		margin-top: 0;
	}
	footer .contact_box{
		padding: 25px 10px;
		font-size: 1.2rem;
	}
	footer .contact_box .contact_box-ttl{
		font-size: 1.6rem;
		white-space: nowrap;
		top: -11px;
	}
	footer .footer_copy{
		padding: 15px;
		margin: 0 -10px;
		font-size: 1.2rem;
	}
	footer .contact-ttl{
		font-size: 2.2rem;
	}
	footer .contact_box{
		margin-top: 20px;
	}
	footer .contact_box .tel{
		font-size: 3.0rem;
	}
	footer .contact_box .tel:after{
	    background-size: 20px;
        width: 20px;
        height: 27px;
        left: -23px;
	}
	.mailBtn a{
		padding: 10px 10px;
		width: 100%;
		font-size: 1.5rem;
	}
	.mailBtn a:before{
		background-size: 26px;
	    width: 26px;
	    height: 20px;
	}
}

/* page_top
========================================================================== */
#page_top{
	width: 60px;
	height: 60px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #358cdc;
	z-index: 999;
}
#page_top a{
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#page_top a::before{
	position: absolute;
	content: '';
	display: inline-block;
	width: 20px;
	height: 12px;
	background-size: contain;
	vertical-align: middle;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-image: url(../img/pagetop_img.png);
	backface-visibility: hidden;
}
@media only screen and (max-width: 767px) {
	#page_top{
		width: 50px;
		height: 50px;
	}
	#page_top a{
		width: 50px;
		height: 50px;
	}
}