@charset "utf-8";

/*Mobile First- CSS Document */
/*@media screen and (max-width: 599px) {*/
/*--- スマホ599pxまでのCSS -----------------------------------------*/

body {
width: 100%;
margin: 0px;
font-size: 100%;
text-align: center;
list-style-type: none;
}

.wrap{
	overflow: hidden;
}

img {
max-width: 100%;
height: auto;
width /***/:auto;
}

.b {
	font-weight:bold;
}


/* -- ヘッダー --*/
.header{
	width:100%;
	position:fixed;
	z-index:100;
	background:#fff;
	border-bottom:1px solid #ddd;
}
.header .container {
	display: flex;
	justify-content: space-between;
	padding: .45em 1.5em;
}

/*.header h1.header_logo{
	float: left;
	width:35%;
	padding-top:0.7rem;
	padding-left: 0.7rem;
}*/
.header__header-logo a {
	display: block;
}
.header__header-logo a img {
	margin-top: .25em;
}

/*PC用ナビゲーション非表示*/
.pc-nav{
	display: none;
}

/*ハンバーガーメニュー--------------------------*/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 30px; /*メニュー内左右上下余白*/
    position: fixed;
    right: -300px; /*メニュー横幅 width と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 300px; /*メニュー横幅*/
    z-index: 1000;
}

#ham-menu li{
	padding-top: 10px;
	font-size: 1.8rem;
	line-height: 5rem;
	border-bottom: 1px dashed #ccc;
}


#ham-menu .global-nav__item.global_tel {
	line-height:1.5em;
}
#ham-menu .global-nav__item.global_tel .span1 {
	font-size:14px; font-size:1.4rem;
}
#ham-menu .global-nav__item.global_tel .span2 {
	display:inline-block;
	margin-bottom:.75em;
}



#ham-menu li a{
	text-decoration: none;
	color: #333;
}

#ham-menu li a:hover{
	color: #007af9;
}


/* ul li.sub-title{
	list-style-type:none;
	text-indent: -25px; text-indent: -2.5rem;
	padding-bottom: -0.5rem;
}
ol li.sub-titlenom{
	text-indent: 0;
} */

#menu-background {
    background-color: #333; /*黒背景*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    width: 100%;
    z-index: -1;
}

#menu-button {
    background-color: #fff; /*アイコン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #666; /*アイコン（フォント）色*/
    cursor: pointer;
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px; /*アイコン縦高さ*/
    line-height: 50px; /*縦位置中央化*/
    position: fixed;
    text-align: center;
    top: 7px;
	right: 0;
    width: 50px; /*アイコン横幅*/
    transition: all 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
    z-index: 1000;
	padding-right: 8px;
}

#menu-cb {
    display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-button {
    transform: translate(-300px); /*メニュー本体横幅 width と合わせる*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}




/*ここまでハンバーガーメニュー--------------------------*/

/* メインエリア */
.section{
	padding:3rem 0;
	max-height:100%;
}
.section h1{
	font-weight:bold;
	font-size: 35px; font-size:3.5rem;
	line-height:4rem;
}
.section h2{
	font-weight:bold;
	font-size:22px; font-size:2.2rem;
	line-height:1.3em;
	margin-top: 10px;
}



.br::before{
	content: "\A" ;
	white-space: pre ;
}
.text-center{
	width: 100%;
	margin: 0 auto;
}
.text-center-jhs{
	color: white;
	margin-bottom: .3em;
}
.section h3{
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
}
.section .lead{
	/*display: block;*/
	font-size:15px; font-size:1.5rem;
	line-height:1.5em;
	text-align: justify;
	/*width: 68%;*/
	/*margin: 0 auto;*/
}

.left_content a.btn{
	display: block;
	color: white;
	background-color:#333;
	text-decoration: none;
	padding: 1em;
	border-radius:5px;
	width: 70%;
	margin: 10px auto;
}

.left_content_s{
	margin-top:5em;
}

.left_content_s a.btn {
    display: block;
    color: white;
    background-color: #333;
    text-decoration: none;
    padding: 1em;
    border-radius: 5px;
    width: 70%;
    margin: 10px auto;
}

.section .lead img{
	float:left;
}


/* Mpvie_Top */
.movie_top {
	position: relative;
	/* background-image:url(../img/bg_smapho.png); */
	/* background-position:center; */
	/* background-repeat:no-repeat; */
	/* -moz-background-size:cover; */
	/* background-size:cover; */
	width:100%;
	overflow:hidden;
	padding-top:51px;
	padding-bottom: 0;
}
.key_box {
	position: relative;
}
.slick-dots {
	display: none !important;
}

/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}
/* text */
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.text-box h1 {
	font-size: 30px; font-size: 3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: .25em;
  line-height: 1.3em;
  padding: 0;
  text-align: center;
	color: #fff;
	margin: 5em 0;
	text-shadow: #000 5px 5px 10px;
}
.text-box p {
	font-size: 15px; font-size: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin-top: .5em;
}
.text-box .action_message {
	margin: 1em auto;
}
.key_box .text-box .btn-regist {
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	width: 80%;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 2px;   /* Firefox用 */ 
	/* margin: 0 0 1em; */
}
.text-box p img.ccus_mark {
	position: absolute;
	right: 8%;
	bottom: 95%;
	width: 30%;
}
.text-box p img.angle_bottom {
	position: absolute;
	left: 46%;
	bottom: -8%;
	width: 2em;
}

/* Corona_Message */
.corona_message{
	width: 85%;
	margin: -2em auto 0;
}
.corona_message h2{
	font-family: 'Noto Sans JP', sans-serif;
	color: #004ea2;
	letter-spacing: .1em;
}
.corona_message h3 {
	 color:#004ea2;
	 font-size:15px; font-size:1.5rem; 
	 font-weight:bold;
	 margin-top:1em;
}
.corona_message img{
	width: 100%;
	margin: 0 auto;
}
.corona_message img.eyecatch{
	width: 100%;
	margin: 1em 0;
}
.corona_message p{
	font-size: 15px; font-size: 1.5rem;
	text-align: left;
	line-height: 1.65em;
	margin-bottom: 0;
	text-align: justify;
}
.corona_message p.supplement {
	font-size: 14px; font-size: 1.4rem;
	margin-top: .8em;
}
.corona_message p.supplement a {
	text-decoration: none;
	color: #006eff;
}
.corona_message .action_message{
	border: solid 1px #004ea2;
	border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */ 
	margin-top: 2em;
	padding: 1em;
}
.corona_message .action_message img{
	width: 70%;
	margin-bottom: 1em;
}
.corona_message .action_message p{
	margin: 0 auto;
}
.corona_message .action_message a{
	text-decoration: none;
	font-weight: bold;
	color: #f15a24;
}


/* Main_Top */
.main_top{
	/* position: relative; */
	background:url(../img/bg_smapho.png) no-repeat;
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	/* padding-top:110px; */
	padding-bottom: 40px;
	display: block;
}
.main_top h1 {
	margin-bottom:0.4em;
}
.main_top h1 img {
	margin:0.1em;
	/* width: 47%; */
	height: auto;
}
.main_top_lead{
	margin:0 auto;
	font-size:16px; font-size:1.5rem;
	margin-bottom:1.4em;
	line-height:1.5em;
	max-height:100%;
	/*width: 90%;*/
}
.main_top_lead_info{
	margin:0 auto;
	font-size:23px; font-size:2.3rem;
	font-weight: bold;
	color: #d36066;
	margin-bottom:0.4em;
	line-height:1.5em;
	max-height:100%;
}

.main_top_lead_info a {
	text-decoration: none;
	color: #d36066;
}

.main_top_lead_info a:hover {
	color: #d2777c;
}

.boldText {
	font-weight: bold;
	font-size: 22px;
}

	/*資料請求・新規お申込みボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .btn-regist, .btn-regist{
	display:inline-block;
	text-decoration: none;
	/* background:#d36066; */
	background: #ed1c24;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	border-radius: 5px;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-regist{
	display:inline-block;
	/* background:#d36066; */
	background: #ed1c24;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.btn-regist:hover{
	background:#cb1c24;
	color:#fff;
}


/*セミナーボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .btn-seminar, .btn-seminar{
	display:inline-block;
	text-decoration: none;
	background:#29abe2;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	border-radius: 5px;
	margin-top:1em;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-seminar{
	display:inline-block;
	background:#29abe2;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	margin-top:1em;
}
.btn-seminar:hover{
	background:#4abbe7;
	color:#fff;
}

/*お客様の声ーボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .btn-voice, .btn-voice{
	display:inline-block;
	text-decoration: none;
	background:#fff;
	color:#333;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	border-radius: 5px;
	margin-top:1em;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-voice{
	display:inline-block;
	background:#fff;
	color:#333;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	margin-top:1em;
	border: solid 1px #333;
}
.btn-voice:hover{
	background:#fff;
	color:#888;
	border: solid 1px #888;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-JH, .btn-JH{
	display:inline-block;
	background:#fff;
	color:#d36066;
	border: 1px solid #d36066;
	width:90%;
	padding:1.1em 0;
	font-size:22px; font-size:2.2rem;
	font-weight:bold;
	text-decoration: none;
	border-radius: 5px;
	margin-bottom:.5em;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-JH{
	display:inline-block;
	background:#fff;
	color:#d36066;
	border: 1px solid #d36066;
	width:90%;
	padding:1.1em 0;
	font-size:22px; font-size:2.2rem;
	font-weight:bold;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	margin-bottom:.5em;
}
.btn-JH:hover{
	color:#de6c73;
	border: 1px solid #de6c73;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-begin, .btn-begin{
	display:none;
	/*display:inline-block;*/
	background:#9bba4d;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	margin-top:1em;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-begin{
	display:none;
	/*display:inline-block;*/
	background:#9bba4d;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.8rem;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
/* border-radius がサポートされていない場合 */
.no-borderradius h2 a.btn-case,  h2 a.btn-case{
	display:inline;
	background:#9bba4d;
	color:#fff;
	padding:0.5em 1em;
	margin-left:3em;
	font-size:14px; font-size:1.4rem;
	text-align:center;
	font-weight:normal;
	margin-top:1em;
}
/* border-radius がサポートされている場合 */
.borderradius  h2 a.btn-case{
	display:inline;
	background:#9bba4d;
	color:#fff;
	padding:0.5em 1em;
	margin-left:3em;
	font-size:14px; font-size:1.4rem;
	text-align:center;
	font-weight:normal;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.btn-begin:hover,  h2 a.btn-case:hover{
	background:#afc654;
	color:#fff;
}
/*PRトップの展示会リンク*/
.exhibition_pr{
	background-image:url(../img/JHSPR_mobile.png);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	}
	.exhibition_pr ul{
	}
	.exhibition_pr li{
	}
	.exhibition_pr li img{
		/*float:left;*/
	}
	.exhibition_pr li.exhibition_btn{
		display:none;
	}
	.exhibition_pr li.exhibition_btn_mobile{
		margin-top:200px;
		/*margin-left:30px;*/
	}
	.exhibition_pr li.exhibition_btn_mobile img{
		width: 45%;
		/*margin-right:10px;*/
	}
	.exhibition_pr li.exhibition_text img{
		width: 90%;
		margin-left:20px;
	}


/*PRトップのセミナーリンク*/
.seminar_pr{
	background-image:url(../img/seminar_bg_smapho.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:50px;
	padding-bottom: 25px;
	background-position:0 -10px;
	}
	.voucher_pr{
		background-image:url(../img/voucher_bg_smapho.png);
		background-position:center;
		background-repeat:no-repeat;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
		overflow:hidden;
		padding-top:50px;
		padding-bottom: 25px;
		background-position:0 -10px;
		}
	.japanhome_pr{
		background-image:url(../img/JHS_PRimg_smaho.png);
		background-position:center;
		background-repeat:no-repeat;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
		overflow:hidden;
		padding-top:50px;
		padding-bottom: 25px;
		background-position:0 -10px;
		}

	.seminar_pr h2 {
		font-size: 2.2rem;
		color: white;
		margin-bottom:0.4em;
	}
	.voucher_pr h2 {
		font-size: 2.1rem;
		color: white;
		margin-bottom:0.4em;
	}
	.replace_pr h2 {
		font-size: 2.2rem;
		color: #004ea2;
		margin-bottom:0.4em;
		width: 70%;
	}
	.seminar_title_s{
		font-size: 1.5rem;
		color: white;
		letter-spacing: 2px;
		margin-bottom: -5px;
	}
	.voucher_title_s{
		font-size: 1.3rem;
		color: white;
		margin-bottom: -5px;
		letter-spacing: -1px;
	}
	.seminar_pr img {
		width: 80%;
	}
	.replace_title_s{
		color: #333;
		font-size: 1.9rem;
		font-weight: bold;
		letter-spacing: 0px;
		margin-bottom: -5px;
	}
	.replace_title_s2{
		margin: 0 auto;
		width: 98%;
		font-weight: bold;
		font-size: 1.7rem;
		letter-spacing:-1px;
	}
	.replace_title_s3{
		margin: 0 auto;
		text-align: left;
		width: 92%;
		font-size: 1.5rem;
		margin-top: 5px;
	}

	.replace_title_s4{
		margin: 0 auto;
		text-align: left;
		font-weight: bold;
		width: 82%;
		font-size: 1.3rem;
		margin-top: 3px;
		padding-bottom: 5px;
	}

	.seminar_pr img {
		width: 80%;
	}

	.seminar_pr img {
		width: 80%;
	}


/*PRトップのIT補助金リンク*/
.ITSubsidy_pr{
	background-image:url(../img/ITSubsidy_bg_smapho.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:20px;
	padding-bottom: 20px;
	background-position:0 -10px;
	border-bottom:solid 1px #ddd;
	}
	.ITSubsidy_pr img.ITSubsidy_title {
		display: none !important;
	}
	.ITSubsidy_pr img.ITSubsidy_title_smapho {
		display: block !important;
		width: 80%;
	}
		.ITSubsidy_pr a{
			text-decoration:none;
		}
		.ITSubsidy_pr a p{
			display:inline;
			padding-left:.5em;
			font-size:18px; font-size:1.8rem;
			color:#06F;
		}
		.ITSubsidy_pr a  img.pdfIcon {
			width: 5%;
			vertical-align:top;
		}

	.ITSubsidy_pr p {
			font-size:18px; font-size:1.8rem;
	}


/* whatsNew */
.whatsNew{
	border-bottom:solid 1px #CCC;
}
.whatsNew h2{
	color:#004ea2;
}
.whatsNew a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
}
.whatsNew a:hover, .whatsNew a:action{
	color:#3c88cc;
}
.whatsNew a:visited{
	color:#666;
}
.whatsNew p.lead{
	font-size:16px; font-size:1.6rem;
	padding-top:.5em;
	text-align:left;
}
.whatsNew p.lead2{
	font-size:16px; font-size:1.6rem;
	padding:.5em 0 .5em .5em;
	text-align:left;
}
.whatsNew table{
	width:90%;
	margin:0 auto;
	margin-top:1em;
}
.whatsNew table tr td{
	vertical-align:top;
}
#nyutai {
	margin-top:-60px;
	padding-top:60px;
}
#draw {
	margin-top:-200px;
	padding-top:200px;
}


/*JHSオンラインサービスPR*/
.JHS-OS_pr{
	width:100%;
	overflow:hidden;
	padding:1.5em 0 2.5em;
	border-bottom:solid 1px #ccc;
}
.JHS-OS_pr img {
	width: 90%;
}
.JHS-OS_pr h2 {
	font-size:24px; font-size:2.4rem;
	color:#cc1f22;
}
.JHS-OS_pr p {
	width: 90%;
	margin:1em auto;
	text-align:left;
	font-size:16px; font-size:1.6rem;
}
.JHS-OS_pr p span.annotation {
	display:block;
	font-size:14px; font-size:1.4rem;
	text-indent:-14px; text-indent:-1.4rem;
	padding-left:14px; padding-left:1.4rem;
}
.JHS-OS_pr a{
	text-decoration:none;
}
.JHS-OS_pr a p{
	display:inline;
	padding-left:.5em;
	font-size:16px; font-size:1.6rem;
	color:#06F;
}
.JHS-OS_pr a  img.pdfIcon {
	width: 1.5em;
	vertical-align:text-top;
}


/* OurClient */
.ourClient{
	/*border-bottom: 1px solid #c7c7c7;*/
}
.ourClient h2{
	/* font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px; font-size:2.2rem;
	color:#004ea2;
	width: 80%;
	margin: 0 auto;
	/*margin-bottom:1.5em;*/
	line-height:1.5em;
}
.ourClient h2 text-center{
	width: 50% auto;
}
.ourClient h3{
	font-family: 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size:18px; font-size:1.8rem;
	color:#666;
	margin-bottom:2em;
}
.ourclient-pc {
	display:none;
}
.ctx_client_link{
	margin-top: 2rem;
	font-size: 1.4rem;
	width: 87%;
	text-align: center;
	margin: 0 auto;
		margin-bottom: -1rem;
}
.ctx_client_link a {
	font-weight: bold;
	color:#006eff;
}
/* Problem */
.problem{
	background:#f5f5f5;
	overflow:hidden;
}

.problem img{
}

.problem ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}

.problem li.section_case_item{
	width:43%;
	font-size:16px; font-size:1.6rem;
	padding-top:1em;
	margin-bottom: 1em;
	max-width: 200px;
}

.problem p {
	padding-top:0.5em;
	padding-left:.5em;
	padding-right:1.5em;
	width: 100%;
	/*margin: 0 8%;*/
	/*margin: 0 8%;*/
}

/* Suggestion */
.suggestion{
	background:#004ea2;
	letter-spacing:.5em;
}
.suggestion h2{
	color:#FFF;
	margin-top: 0;
}

/* Before_After */
.before_after{
	/*background-image:url(../img/bg2_smapho.png);*/
	/*background-position:top center;*/
	/*background-repeat:no-repeat;*/
	/*-moz-background-size:100%;*/
	/*background-size:100%;*/
}

.before_after span.new{
	background:#F00;
	color:#fff;
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
	padding:.2em 0.6em;
	margin-right:0.5em;
	vertical-align:.5em;
}



ul.after_features{
	width:92%;
	margin-top:-.5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}
li.after_features_item{
	background:#f5f5f5;
	padding:1.5em;
}
li.space{
}
.before_after h2 img{
	margin-right:0.2em;
	width: 35%;
}
.before_after h3{
	color:#004ea2;
	margin-bottom:0.8em;
	line-height:1.5em;
}
.before_after h3 span{
	font-size:28px; font-size:2.8rem;
}
.before_after p{
	margin-bottom:1em;
}
li.schedule_feature{
	position:relative;
	margin-top: -0.5em;
	/*height:30em;*/
}

li.schedule_feature .left_content{
	/*position:absolute;*/
	width:100%;
	/*padding-right:1.2em;*/
}
.schedule_feature img{
	border: 2px #ccc solid;
	/*position:absolute;
	left:440px;*/
	margin-top: 1em;
}
li.talk_feature{
	position:relative;
	margin-top: -0.5em;
}
li.talk_feature .left_content{
	/*position:absolute;*/
}
.talk_feature img{
	width: 75%;
	margin-top: 1.5em;
	margin-bottom: 2.5em;
	border: 2px #ccc solid;
	/*display: none;*/
	/*position:absolute;
	left:400px;*/
}
.photo_2image img{
	margin-top: -2.5em;
	margin-bottom: 2em;
}
.pc_talk_image{
	display: none;
}
.smapho_talk_img{
	/*margin-top: 30em;*/
}

li.report_feature{
	margin-top: -0.5em;
/*height: 47em;*/
	/*position:relative;
	height:360px;*/
}
li.report_feature .left_content{
	/*position:absolute;*/
	/*width:70%;*/
	/*padding-right:1.2em;*/
}
.report_feature img {
	width: 100%;
	clear: both;
	margin-top: 1em;
	border: 2px #ccc solid;
	/*position:absolute;*/
	/*left:440px;*/
}
li.report_payment {
	margin-top:-0.5em;
margin-bottom: -1em;
}

.JH-backimage{
	height: 38em;
	background-image:url(../img/JH_promo_img-s.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: 0rem 34rem;
}

.left_content a.btn_red {
	font-size: 18px;font-size: 1.8rem;
	font-weight: bold;
			display: block;
			color: white;
			text-align: center;
			margin: 0 auto;
			/* background-color: #d36066; */
			background-color: #009ee5;
			text-decoration: none;
			padding: .7em;
			border-radius: 5px;
			width: 70%;
			/* margin: 10px auto; */
	}
.left_content a.btn_red:hover {
			color: #fff;
			/* background-color: #de6c73; */
			background-color: #29abe2;
	}
/*　uservoice　*/
.uservoice{
	/* background-color: #f7931e; */
	background-color: #004ea2;
	overflow: hidden;
}
.uservoice .container{
	padding: 0 7%;
}

.uservoice img {
}


.uservoice h2{
	color: white;
	margin-bottom: 1rem;
}

.uservoice h3{
	font-size: 2.4rem;
	color: white;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: bold;
	line-height: 1.3em;
}

.uservoice .credit{
	color: white;
font-size: 1.5em;
/*font-weight:bold;*/
}
.uservoice p {
	font-size: 1.5rem;
	color: white;
}
.uservoice a.btn{
	background-color: #009ee5;
}

/* Link speace */
.linkspeace{
	/* margin-top: 3rem; */
	margin-top: 0;
}

.linkspeace ul{
}

.linkspeace a {
	text-decoration: none;
	display: block;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 3rem;
	padding: 2rem;
	background-color: #333;
	border-radius: 1rem;
}

.linkspeace li{
	font-size: 2rem;
	color: white;
}
.linkspeace a:hover{
	color: #666;
	background-color: #666
}


/* Security */
.security{
	background:#004ea2;
	overflow:hidden;
}
.security h2{
	color:#fff;
}
.security h3{
	color:#fff;
	padding-top:0.5em;
}
.security p.lead{
	padding-top:0.8em;
	color:#fff;
	width: 76%;
	margin: 0 auto;
}
.security ul.section_case{
	padding-top:1.5em;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.security li.section_case_item{
	/*float:left;*/
	width:100%;
	margin: 0 auto;
	/*padding-right:45px;*/
	display:block;
	/*font-size:16px; font-size:1.6rem;*/
	margin-bottom: 7%;
}

.security img{
}

.reverse_a{
	color: #CFF;
	text-decoration: none;
}
.reverse_a:hover{
	color: #9FF;
}

/* Device */
.device{
}
/* svg がサポートされていない場合 */
.no-svg .device .container, .device .container{
	background:url(../img/device_bg.jpg)  no-repeat;
}
/* svg がサポートされている場合 */
.svg .device .container{
	background:url(../img/device_bg.jpg) top center no-repeat;
	background-size: 80%;
	background-position: center 20%;
	/*width: 100%;*/
}
.device .left_content{
	/*width:100%;*/
	/*padding-bottom:1em;*/
}
.device .left_content h2{
	/*width:100%;*/
	padding-bottom:45%;
}
.device p.lead{
	font-weight: bold;
	padding-top:0.8em;
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

.device p{
	padding-top:0.8em;
	width: 80%;
	margin: 0 auto;
}


.device .store_badge{
	margin-top:1.8em;
}

/* Contact */
.contact{
	overflow:hidden;
	padding: 4rem 0;
	background:#f5f5f5;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
.contact h3{
	margin-bottom:0.5em;
	font-weight: bold;
}
.contact h3 img{
	display: none;
}

/* Footer */
.footer{
	clear:both;
	background:#235eae;
	padding:2.2em 0;
	overflow:hidden;
}
.footer .left_content{
	position: relative;
	padding: 0 8%;
}

.footer .right_content{
	/*float:left;*/
	font-size: 1.5rem;
	width:90%;
}

.footer ul.global_nav{
	margin-top: 5%;
margin-left: 10%;
	width:100%;  /* fb_plugins公開時の設定 */
}
.footer li.global_nav_item{
	float:left;
	padding-right:1.5em;
	font-size:14px; font-size:1.4rem;
}
.footer li.global_nav_item a{
	display:block;
	text-decoration: none;
	padding:0.3em 0;
	color:#fff;
}
.footer li.global_nav_item a:hover{
	color:#ddd;
}
.footer_pagetop{
	/*clear: both;*/
	float:right;
	margin-top: -12%;
}
.footer_pagetop a{
}
.footer_pagetop a img{
	padding:0.6em 0;
}
.footer ul.footer_nav{
	float:left;
	margin-left: 10%;
	width:100%;
}
.footer li.footer_nav_item{
	float:left;
	padding:0.5em 1em 0.5em 0;
	font-size:12px; font-size:1.2rem;
	color:#fff;
}
.footer li.footer_nav_item a{
	display:inline-block;
	color:#fff;
	text-decoration: none;
}
.footer li.footer_nav_item a:hover{
	color:#ddd;
}
.footer li.sns_icon{
	padding-top:1em;
}
.footer .copyright{
	clear:both;
	padding-top:2em;
}
.footer .copyright_text{
	color:#fff;
	font-size:13px; font-size:1.3rem;
	margin-bottom: 1em;
}
.footer .copyright_text a{
	color: #fff;
	font-size:13px; font-size:1.3rem;
	margin-bottom: 1em;
	text-decoration: none;
}
.footer .copyright ul.sociallink{
	float:right;
	margin-bottom: 1rem;

}
.footer .copyright ul.sociallink li.sociallink_button{
	float:right;
	margin-right:1em;
}
.sns_icon{
	display: none;
}

/* Top --------------------*/
.top{
	background-color:#ecf4f8;
	padding-top:7rem;
}
.top h1{
	font-size:26px; font-size:2.6rem;
}
.top_lead{
	margin:0 auto;
	width: 85%;
	font-size:15px; font-size:1.5rem;
	margin-top:1em;
	line-height:1.5em;
	text-align: left;
}
.top_lead_sub_main{
	margin:1em auto;
	width: 85%;
	font-size:13px; font-size:1.3rem;
	line-height:1.5em;
	text-align: left;
}
.top_lead_sub_main span{
	display:block;
	border:solid 1px #666;
	padding:1em 1.5em;
}
.top_lead_sub{
	margin:0 auto;
	width: 85%;
	font-size:13px; font-size:1.3rem;
	margin-top:1em;
	line-height:1.5em;
	text-align: left;
}
.top a{
	color:#39F;
	text-decoration:none;
}
.top a:hover{
	text-decoration:underline;
}
.top a.operation_link{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
}

.top.-contact .top__img {
	width: 80%;
	margin: 1.5em auto 1em;
}



/* 無料ではじめようページ--------------------------------------------------- */
.begin_top{
	background-color:#f1f5da;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_top h1{
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_top img{
	width:25%;
	margin:0 .15em;
}
.begin_top p{
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_freePlan */
.begin_freePlan h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li{
	width: 100%;
	margin-bottom:2em;
}
.begin_freePlan ul li img{
	width: 90%;
	margin:1em 0;
}
.begin_freePlan ul li h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:.5em auto .8em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li p{
	width: 85%;
	margin:0 auto;
	font-size:16px; font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li p a{
	color:#000;
	text-decoration:underline dotted #000;
}

/* Begin_flow */
.begin_flow{
	background-color: #eee;
	overflow: hidden;
}
.begin_flow .container{
	padding: 0 3% 1.5em;
}

.begin_flow img {
}
.begin_flow h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0 .5em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow .flow_memo{
	font-size:14px; font-size:1.4rem;
	margin:0 0 3em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow .flow_memo a{
	text-decoration:underline dotted #000;
}
.begin_flow p {
	padding:1em 0 3em;
	font-size: 16px; font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.tag {
	font-size:14px; font-size:1.4rem;
	display:inline-block;
	color:#fff;
	background:#666;
	padding:.15em .5em .3em;
	margin-right:.5em;
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.red {
	color:#f00;
	background:none;
	margin-right:.15em;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_Action */
.begin_action h2 {
	color:#82ae1d;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	/*text-shadow:1px 1px 3px #999;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_action ul{
	width: 90%;
	margin:1em auto 0;
}
.begin_action ul li{
	width: 100%;
	margin-top:3em;
}
.begin_action ul li h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#065ca8;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.vertical_line{
	display:inline-block;
	height:1em;
	border-left:1px solid #065ca8;
	margin:.5em auto 0;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-begin-main, .btn-begin-main{
	display:flex;
	align-items: center;
	justify-content: center;
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	height: 100%;
	line-height: 1;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	margin-top:.5em;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
	margin: 0 auto;

}
/* border-radius がサポートされている場合 */
.borderradius .btn-begin-main{
	display:flex;
	align-items: center;
	justify-content: center;
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	height: 100%;
	line-height: 1;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
	margin: 0 auto;
}
.btn-begin-main:hover{
	background:#afc654;
	color:#fff;
}



/* Features */
.features{
	overflow:hidden;
}
.features p.lead{
	padding-top:0.5em;
	font-size:14px; font-size:1.4rem;
	text-align: center;

}
.features h2{
	font-weight: bold;
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
}
.features ul{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
  margin-top:0.5em;
	width: 90%;
	margin: 0 auto;
}
.features li img{
	width: 65%;
}
.features li{
	width: 30%;
	overflow:hidden;
}
.features a{
	margin-top:1.8em;
	text-decoration: none;
	display:block;
	border:solid 1px #ccc;
	padding:1.8em 0;
	border-radius: 0.5rem;
}
.features a:hover{
	background-color:#f5f6f7;
}


/* Feature1-7 */
#feature1, #feature3, #feature5, #feature7{
	background-color:#f5f6f7;
}

.feature1_img{
	/*background-image:url(../img/feature1_bg.png);*/
	/*background-position:top center;
	background-repeat:no-repeat;
	-moz-background-size:960px;
	background-size:960px;*/
}
.feature2_img{
	/*background-image:url(../img/feature2_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	-moz-background-size:960px;
	background-size:960px;*/
}
.feature4_img{
	/*background-image:url(../img/feature4_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	-moz-background-size:960px;
	background-size:960px;*/
}

.feature span.new{
	display:inline-block;
	background:#F00;
	color:#fff;
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
	padding:0.2em 0.6em;
	margin-right:0.5em;
	text-indent:0;
}

.feature h2 img{
	width:50px;
	height:50px;
	padding-right:15px;
	vertical-align:middle;
}
.feature h2{
	font-size:18px; font-size:1.8rem;
	color:#004ea2;
	width: 85%;
	text-align: left;
	margin-left:10%;
	/*padding-left: 5rem;*/
}
.list2top {
	font-size:18px; font-size:1.8rem;
	color:#004ea2;
	margin-left: 6.5rem;
	margin-top: -1rem;
}
.feature h2 span{
	font-size:13px; font-size:1.3rem;
	font-weight:normal;
	color:#333;
	padding-left:1em;
}
.feature ul{
	margin-top:1.5em;
}
.feature ul li{
	/*padding:1em 0;*/
	width: 85%;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 1rem;
}
.feature ul li img{
	width: 100%;
	margin-bottom: 1em;
}
.feature ul li h3{
	font-size:16px; font-size:1.6rem;
	line-height:1.5em;
	font-weight:bold;
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	padding-top: 1rem;
}
.feature ul li h3 span{
	display:inline-block;
	background-color:#333;
	padding:0 10px;
	padding-left:
	2.5rem;
	margin-left:0.8em;
	font-size:12px; font-size:1.2rem;
	color:#fff;
	vertical-align:middle;
}
.feature ul li h3 span.option{
	background-color:#004ea2;
}
.feature ul li p{
	font-size:15px; font-size:1.5rem;
	margin:0.5em 0 0 .5em;
}

#feature2 a.btn-case {
	text-decoration: none;
	display:inline;
	background:#9bba4d;
	color:#fff;
	padding:0.5em 1em;
	margin-left:5em;
	font-size:14px; font-size:1.4rem;
	text-align:center;
	font-weight:normal;
	margin-top:1em;
}

#feature4 a.btn-case {
	text-decoration: none;
	display:inline;
	background:#9bba4d;
	color:#fff;
	padding:0.5em 0.8em;
	margin-left:6em;
	font-size:14px; font-size:1.4rem;
	text-align:center;
	font-weight:normal;
	margin-top:1em;
}

.contact .btn-regist{
	display:inline-block;
	/* background:#d36066; */
	/*background: #f15a24;*/
	background: #ed1c24;
	color:#fff;
	width:90%;
	padding:1.1em 0;
	font-size:18px; font-size:1.7rem;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.btn-regist:hover{
	/*background:#f47a4a;*/
	background:#cb1c24;
	color:#fff;
}


/* Cases */
.cases{
	overflow:hidden;
	width: 90%;
	margin: 0 auto;
}
.case_logo{
	width: 55%;
}
.cases_h1{
width: 70%;
margin: 0 auto;
}
.cases h2{
	text-align: left;
	font-size:21px; font-size:2.1rem;
	font-weight:normal;
	line-height:1.3em;
}
.cases ul{
	margin-top:1.8em;
	width:100%;
}
.cases li img{
	/*width: 100%;*/
}
.cases li.section_case_item{
	float:left;
	display:block;
	width:100%;

	margin-bottom:10px;
}


/* Case1-2 */
#case1{
	background-color:#f5f6f7;
}

.example{
	overflow:hidden;
}
.example p{
	width: 85%;
	font-size:17px; font-size:1.7rem;
	font-weight:normal;
	line-height:1.5em;
	margin:0 auto;
	padding: 1em 0
}
.example p.case_message{
	background-color:#dfecca;
	border:solid 4px #84ba43;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.5em;
	padding:0.5em;
	margin-top:0.5em;
	margin-bottom: 0.5em;
}
.example h2{
	width: 85%;
	margin: 0 auto;
	font-size:24px; font-size:2.4rem;
	color:#004ea2;
}
.example h2 span.case_wrap{
	display:inline-block;
	border:1px solid #004ea2;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
	font-size:21px; font-size:2.1rem;
}
.example h2 span.case_header{
	display:inline-block;
	border:1px solid #004ea2;
	background-color:#004ea2;
	color:#fff;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
	font-size:21px; font-size:2.1rem;
}
.example h3{
	border-left:#25a8df 10px solid;
	text-indent:0.5em;
	margin-left: 7%;
}
.example ul{
	padding-top: 2rem;
	width:100%;
	display: inline-block;
	/*height:190px;*/
	margin:0 auto;
}
.example ul li{
	text-align: left;
	/*float:left;
	width:80%;
	margin-right:43px;*/
}

/* FAQ */
.faq{
	width: 90%;
	margin: 0 auto;
}
.faq h2{
	font-size:21px; font-size:2.1rem;
	margin-bottom:1em;
	text-align: left;

}
.faq h2.feature{
	margin-top:2em;
}
.faq ul{
	margin-bottom:5em;
}
.faq ul li{
	margin-top:1.2em;
}
.faq h3{
	text-align: left;
	font-size:16px; font-size:1.6rem;
	line-height:1.5em;
	/*text-indent:1em;*/
	/*width:90%;*/
	background-color:#f5f6f7;
	border:solid 10px #f5f6f7;
	/*padding-left: 2em;
	text-indent: -2em;*/
}
.faq h3 span{
	display: none;
	/*display:inline-block;*/
	margin: 1rem;
	float:right;
	vertical-align: middle;
	/*padding-right:1em;*/
margin-top: -1rem;
	font-weight:bold;
	/*padding-left: -2rem;*/
}

.faq h4{
	text-align: left;
	font-size:16px; font-size:1.6rem;
	border-left:8px solid #333;
	text-indent:0.5em;
	padding-left:-0.5em;
	margin-bottom:0.5em;

}
.faq_item{
	border-left:solid 10px #f5f6f7;
	border-bottom:solid 10px #f5f6f7;
	border-right:solid 10px #f5f6f7;
	padding:2em 2em 0.2em 2em;
}
.faq_item p{
	text-align: left;
	font-size:16px; font-size:1.6rem;
	margin-bottom:1.8em;
}
.faq_item p.attention{
	font-size:13px; font-size:1.3rem;
	color:#666;
	margin-bottom:2em;
}
.faq a{
	color:#004ea2;
	text-decoration:underline;
}
.faq a:hover{
	color:#9dbd52;
	text-decoration:underline;
}

.faq_item ul li{
	padding-bottom:1em;
}
.faq_item ul li h3 {
	font-size:21px; font-size:2.1rem;
	margin:0.8em 0;
}

.faq_item ul li ul li{
	font-size:16px; font-size:1.6rem;
	line-height:1.8em;
}
.faq_item ul li ul li a{
	color:#06C;
}
.faq_item ul li ul li a:hover{
	color:#69C;
}

/* Form */
.contact_form{
	height:auto;
}

.ad_message{
	display: none;
}

.contact_form p.attention{
	font-size: 16px; font-size: 1.6rem;
	margin-bottom:1.8em;
	text-align:center;
}

hr.bar1 {
  display:block;
  width: 96%;
  height: 1px;
  border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
  /*border-top: 1px dashed #cccccc;*/
  margin:3em 0;
}

.form-group{
	margin-bottom:1.8em;
	font-size: 16px; font-size: 1.6rem;
}
span.supplement{
	color:#666;
margin-left: 2%;
}

.contact_form {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}
.form-control {
	 /*text-align: left;*/
    display: block;
    width: 94%;
    height: 34px; height: 3.4rem;
    padding: 0.3em 0.5em;
	margin-left: 0.25em;
	margin-right: 0.25em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control2 {
    display: inline-block;
    width: 23%;
    height: 34px;  height: 3.4rem;
    padding: 0.3em 0.5em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control3 {
	font-size: 16px; font-size: 1.6rem;
    display: inline-block;
    width: 98%;
    height: 50px;  height: 5rem;
    padding: 0.3em 0.5em;
	margin-right: 1em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control4 {
    display: inline-block;
    width: 94%;
	margin: 0 auto;
    height: 90px;  height: 9rem;
    padding: 0.3em 0.5em;
	margin-right: 2em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control5 {
    display: inline-block;
    width: 96%;
    height: 50px;  height: 5rem;
    padding: 0.3em 0.5em;
	margin-right: 2em;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sendBtn{
	width:100%;
	height:3em;
    padding: 0.5em 0.8em;
	margin-top: 1em;
	background:none;
	background-color: #333;
	color: #fff;
	border:none;
	font-size:18px; font-size:1.8rem;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.contact_form p.button {
	text-align:center;
	margin:0 auto;
}

.operationBox {
	display: none;
}


/* ラジオボタンのデザインを変更 */
.contact_form ul {
	margin: 0.5rem 0.5rem 2rem 0.5rem;
	list-style: none;
}
.contact_form .list_item {
	margin: 0 0 0.5rem 0;
	padding: 0;
}
.contact_form label {
	font-size: 16px; font-size:1.6rem;
	line-height: 200%;
	position: relative;
	margin: 0.5rem;
	cursor: pointer;
}
.contact_form .option-input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.contact_form .option-input:before,
.contact_form .option-input:after {
	position: absolute;
	z-index: 1;
	top: -0.05rem;
	left: -0.05rem;
	width: 2rem;
	height: 2rem;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	border-radius: 50%;
	background: #ffffff;
}
.contact_form .option-input:after {
	z-index: 0;
	top: -0.25rem;
	left: -0.25rem;
	width: 2rem;
	height: 2rem;
	background: #333;
	border:2px solid #333;
}
.contact_form .option-input:checked:before {
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	border-width: 0.625rem;
	border-color: #333;
	border:2px solid #333;
}


/* Contact_Form_Answer */
.contact_form_answer{
	text-align:center;
}
.contact_form_answer h2{
	width: 85%;
	margin: 0 auto;
	font-size:20px; font-size:2rem;
	font-weight:normal;
	line-height:1.5em;
	text-indent:1em;
	padding-bottom: 1rem;
}
.contact_form_answer p{
	font-size:16px; font-size:1.6rem;
	margin:0.5em 0;
	text-align: left;
	padding: 0 2rem;
	line-height:2.5rem;
}
.contact_form_answer .explanation2 p{
	text-align:center;
}
.contact_form_answer .btn{
display: block;
color: white;
background-color:#333;
text-decoration: none;
padding: 1em;
border-radius:5px;
width: 70%;
margin: 10px auto;
}

/* Material */

.material{
	overflow:hidden;
}
.material h2{
	font-size:21px; font-size:2.1rem;
	font-weight:normal;
	line-height:1.3em;
}
.material ul{
	width:100%;
}
.material ul li.material_item{
	width: 90%;
	margin: 2em auto;
}
.material ul li.material_item div{
	margin:1em auto 0 auto;
}
.material ul li.material_item div.flex-order-1{
	width: 90%;
}
.material h3 {
	font-size:20px; font-size:2rem;
	font-weight:bold;
	color:#004ea2;
}
.material h3 span {
	font-size:18px; font-size:1.8rem;
	color:#666;
}
.material .btn {
	display:inline-block;
	font-size:16px; font-size:1.6rem;
	color: white;
	background-color:#333;
	text-decoration: none;
	padding: 1em 0em;
	border-radius:5px;
	width: 80%;
	margin: 10px auto;
}



/* comtimes */
.comtimes{
}
.comtimes h2{
	background:url(../img/comtimes_bg_mobile.jpg) bottom;
	padding:1em 0;
	margin:0 auto;
}
.comtimes h2 img{
	width:80%;
}
.comtimes .triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #231815;
  margin:0 auto;
}
/*.comtimes a{
	text-decoration:none;
	color:#3c88cc;
	font-weight:bold;
}
.comtimes a:hover, .comtimes a:action{
	color:#004ea2;
}
.comtimes a:visited{
	color:#3c88cc;
}*/
.comtimes p.lead{
	font-size:16px; font-size:1.6rem;
	padding:.5em 0;
	text-align:left;
}
.comtimes p.lead2{
	font-size:16px; font-size:1.6rem;
	padding:.5em 0 .5em .5em;
	text-align:left;
}
.comtimes table{
	width:80%;
	margin:0 auto;
	margin-top:1em;
}
.comtimes table tr td{
	vertical-align:top;
}




/* Terms */
.terms{
	overflow:hidden;
	padding: 8%;
}
.terms h1{
	text-align: left;
	border-left:8px solid #004ea2;
	color:#004ea2;
	font-size:19px; font-size:1.9rem;
	line-height:1.5em;
	text-indent:0.5em;
}
.terms h2{
	text-align: left;
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
	margin-top:3em;
	margin-bottom:-1em;
}
.terms h3{
	text-align: left;
	font-size:20px; font-size:2rem;
	font-weight:normal;
	line-height:1.3em;
	margin-top:2em;
}
.terms p{
	margin-top:1.3em;
	text-align: left;
}
.terms p.legal_lead{
	margin-top:1.3em;
	text-align: left;
	line-height: 2.3rem;
}
.terms ul.legal_history{
	list-style:none;
}
.terms ul{
	text-align: left;
	list-style:decimal inside;
	/* padding-left:1.3em; */
}
.terms ul.section_case{
	text-align: left;
	list-style:decimal inside;
	/* padding-left:1.3em; */
	padding-left:0em;
}
.terms ul li.legal_item{
	margin-top:0.8em;
	/* text-indent:-1.3em; */
	text-indent:0em;
}
.terms ul li.legal_item ul{
	list-style:none;
}
.terms ul li.legal_item ul li.legal_item_child{
	margin-top:0.3em;
	/* text-indent:-1.3em; */
}
.terms ul li.legal_item ul li.legal_item_child ul{
	list-style:katakana;
	padding-left:0em;
}
.terms ul li.legal_item ul li.legal_item_child ul li.legal_item_child2{
	margin-top:0.3em;
	/* text-indent:0; */
}

/* Privacy */
.privacy{
	overflow:hidden;
	padding: 1.5em;
}
.privacy h1{
	text-align: left;
	border-left:8px solid #004ea2;
	color:#004ea2;
	font-size:19px; font-size:1.9rem;
	line-height:1.5em;
	text-indent:0.5em;
}
.privacy h2{
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
	margin-top:2em;
	text-align: left;
}
.privacy h3{
	font-size:16px; font-size:1.6rem;
	font-weight:normal;
	line-height:1.3em;
	margin-top:2em;
	text-align: left;
	text-indent: -1.8rem;
	padding-left: 1.8rem;
}
.privacy h3.-legal-first{
    margin-top: .58em;
}
.privacy p{
	text-align: left;
	margin-top:1em;
	line-height:2.2rem;
}
.privacy p.legal_lead{
	margin-top:1.3em;
	text-align: left;
}
.privacy p.legal_lead.-in{
	margin-top: 0em;
}
.privacy .leadText-innner{
	border: 1px solid;
	border-color: #004ea2;
	margin-top: 1.3em;
	padding: 1.3em 1.3em;
}
.privacy p.legal_lead.mt-middle{
	margin-top:6em;
}
.privacy ul.legal_history{
	list-style:none;
}
.privacy ul{
	line-height: 2.5rem;
	padding-left:2.6em;
	text-align: left;
}
.privacy ul li.legal_item{
	margin-top:0.8em;
	text-indent:-2.6em;
}
.privacy ul li.legal_item p{
	padding-left: 1em;
	text-indent: -1em;
	margin-top: .2em;
}
.btn-box{
    margin: 1em 0em 0em 0em;
}
.btn-box a.contact-btn{
	font-weight: 600;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	transition: .26s;
    max-width: 400px;
	min-height: 33px;
	background: #fff;
	color:#005ead;
	margin-left: 0px;
	font-size: 1.5rem;
	border-radius: 4px;
	padding: 4px 16px 6px;
	border-color: #005ead;
	text-decoration: none;
}
.btn-box a.contact-btn:hover{
	background: #005ead;
    color:#fff;
	border-color: #005ead;
}


/* Sitepolicy */
.sitepolicy {
	width: 86%;
	margin: 0 auto;
	overflow:hidden;
}

.sitepolicy .top_h {
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
	margin-top:1rem;;
}

.sitepolicy .top_h2 {
	font-size:21px; font-size:2.1rem;
	margin-top:2em;
	margin-bottom: 1em;
}

.sitepolicy p {
	margin-top:0.5em;
	text-align: left;
	line-height:1.8em;
}


/* LP_Top */
.lp_top{
	/*background-image:url(../img/lp_bg.png);*/
	/*background-position:bottom;*/
	/*background-repeat:no-repeat;*/
	/*-moz-background-size:cover;
	background-size:cover;*/
	background-color:#235eae;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	padding-top:2.5em;
}
.lp_top img{
	width:50%;
}
.lp_top h1{
	color:#fff;
	font-size:18px; font-size:1.8rem;
	padding-bottom:0.5em;
	font-weight:normal;
	margin: 0 auto;
}
.lp_top h1 img{
	width:65%;
}
.mov_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:2em 0;
}
.mov_wrap iframe {
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* LP_Mov */
/* LP_Action */
.lp_mov, .lp_action{
	background:#f5f6f7;
}

/* LP_Footer */
.lp_footer{
	background:#235eae;
	padding:2.2em 1em;
}
.lp_footer .copyright{
}
.lp_footer .copyright .copyright_text{
	color:#fff;
}


/* Price */
.price{
	overflow:hidden;
}
.price ul .rice_box {
	position: fixed;
}

.price li .price_image{
	border:0;
	padding-top:-2rem;
	padding-bottom: -4rem;

}
.price ul li{
	padding:1.5em 0;
	border-bottom:dotted 1px #999;
	width: 90%;
	margin: 0 auto;
}
.price h2{
	font-size:21px; font-size:2.1rem;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.5em;
	text-align: left;
}

.plece img{
}


/* Voices */
.voices{
	overflow:hidden;
background-color: #f7931e;
}
.voices ul{
	width: 90%;
	margin: 0 auto;
}
.voices ul li{
	/*padding:1em 0;*/
}
.voices img.voiceHeader{
	margin-bottom:1em;
}
.voices img.line{
	margin:0.1em 0;
}
.voices h1{
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	color: white;
	line-height:1.5em;
}
.voices h2{
	color: white;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:1em;
}
.voices p{
	color: white;
	font-size:18px; font-size:1.8rem;
	line-height:1.5em;
	margin-bottom:0.5em;
}
.voices .btn {
	display: block;
	color: white;
	background-color:#333;
	text-decoration: none;
	padding: 1em;
	border-radius:5px;
	width: 70%;
	margin: 10px auto;
}
.voices_hr {
	margin:3em 0;
}


/* Voice */
.voice{
	overflow:hidden;
	padding-bottom: 0;

}
.voice .text-center{
	background-color: #f7931e;
	width: 100%;
	margin-top:5rem;
}
.voice ul{

}
.voice ul li{
	padding:1em 0;
}
.voice img.voiceHeader{
	margin-bottom:1em;
}
.voice img.line{
	margin:0.1em 0;
}

.voice_title {
    padding: 0 15px;
}

.voice h1{
	color: white;
	font-size:23px; font-size:2.3rem;
	font-weight:bold;
	line-height:1.5em;
}
.voice h2{
	color: white;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.5em;
	/*margin-bottom:0.5em;*/
	margin-top: 1.5rem;
}
.voice h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	color:#004ea2;
	line-height:1.5em;
	margin-top:1em;
	margin-bottom:0.5em;
}

.voice h4 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 5%;
}

.voice .p3{
	color: white;
	font-size:18px; font-size:1.8rem;
	line-height:1.5em;
	margin-bottom:0.5em;
}

.voice p{
	font-size:16px; font-size:1.6rem;
	padding: 0 2rem;
	text-align:justify;
	line-height:1.8em;
	margin-top: 2rem;
	margin-bottom:0.5em;
}

.voice p.interviewer{
	color:#777;
}
.voice p.answer{
	margin: 0 1.5rem;
	text-indent:-4em;
	padding-left:4em;
}

.voice img{
	width: 88%;
}

.relationInfo{
	padding-top: 0;
}



/*セミナーLPページ--------------*/
.SLP_main_top{
	background-image:url(../img/seminar_bg_smapho.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:110px;
	padding-bottom: 40px;
}
.SLP_main_top h1 {
	width: 250px;
	margin: 0 auto;
	font-size: 3rem;
	color: white;
	font-weight: normal;
	margin-bottom:2em;
	line-height: 4.5rem;
}
.section_seminar{
	background-color:#f5f6f7;
	padding-top: 20px;
	padding-bottom: 20px;
}
.section_seminar h2 {
	font-size: 2.1rem;
	color: #009ee5;
}
.section_seminar p {
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 1.6rem;
}
.redtext {
	color: red;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 1.6rem;
}

.textsize_s{
	font-size: 1.3rem;
	font-weight: normal;
}

.SLP_seminar_item{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 15PX;
	background-color: #fff;
	border: 1px solid #ddd;
}
.SLP_seminar_item p{
padding-bottom: 5px;
color: #009ee5;
}

.SLP_seminar_item ul{
	width: 90%;
	margin: 0 auto;
}

.SLP_seminar_item li{
	font-size: 1.5rem;
	font-weight:bold;
	width: 90%;
	text-align:left;
	list-style:initial;
	margin: 0 auto;
}
.slp_btn-regist{
	display:inline-block;
	background:#d47717;
	color:#fff;
	width:80%;
	margin-top: 10px;
	padding:.9em 0;
	font-size:18px; font-size:1.9rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.slp_btn-regist:hover{
	background:#d49452;
	color:#fff;
}
.SLP_readtext{
	margin-top: 2rem;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 3.2rem;
	margin-bottom: 5px;
}
.right_SLP_readtext{
	margin-top: 2rem;
	font-size: 2.5rem;
	font-weight: bold;
	line-height: 3.2rem;
	margin-bottom: 5px;
}
.left_brand_img{
	width: 90%;
}
.right_brand_img{
	width: 90%;
}
.brand_bodytext{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.7rem;
	line-height: 3rem;
	margin-bottom: 3.5rem;
	padding-bottom: 2rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
}
.right_brand_bodytext{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.7rem;
	line-height: 3rem;
	margin-bottom: 3.5rem;
	padding-bottom: 2rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
}

.brand_bodytext_noborder{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.7rem;
	line-height: 3rem;
	margin-bottom: 3.5rem;
}

.SLP_story_btn {
	text-align:left;
	width:90%;
		margin: 0 0;
		margin-top: -20px;
		margin-left: 5%;
		margin-bottom: 30px;
	}
	.smapho_btn{
		/*display: none;*/
	}
	.padpc_btn{
		display: none;
	}

.SLP_target h2{
	margin: 0 auto;
	margin-top: 10px;
	width: 80%;
	font-size: 2.4rem;
	color: #000;
	line-height: 3.2rem;
}

.SLP_target ul{
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 50px;
}
.checklist{
	font-weight: bold;
	width: 85%;
	line-height: 3.2rem;
	text-align: left;
	margin: 0 auto;
	font-size: 1.7rem;
	padding-left: 30px;
	background-image: url(../img/checkBox.png);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 0 5px;
}

.lp_footer .copyright_text a {
	text-decoration: none;
	color: #fff;
}
/*セミナーページEND--------------*/


/* SLP_Top お問合せ*/
.slp_top{
	background-color:#036;
}
.slp_top h1, .slp_top h2{
	color:#FFF;
}


/* SLP_Why */
.slp_why{
		background-color:#CCC;
}


/* SLP_Action */
.slp_action{
}


/* SLP_Footer */
.slp_footer{
	background:#235eae;
	padding:2.2em 0;
}
.slp_footer .copyright{
}
.slp_footer .copyright .copyright_text{
	color:#fff;
}


/* SLP_Contact_Top */
.slp_contact_top{
	background:#333;
	padding:2.2em 1em;
}
h1.slp_contact_top_h1{
	color:#FFF;
	font-size:26px; font-size:2.6rem;
	line-height:1.5em;
	margin-bottom:0.5em;
}
p.slp_contact_top_p{
	color:#FFF;
	font-size:16px; font-size:1.6rem;
	line-height:1.5em;
	text-align:left;
}
/*ストーリーエリア*/
.story_bg_area {
	background-image:url(../img/story_bg01smapho.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:contain;
	width:100%;
	overflow:hidden;
	padding-top:10px;
	padding-bottom: 40px;
	background-position:0 0px;
}
.klp_story_area{
	margin: 0 auto;
	width:88%;
	margin-top: 5%;
}
.story-textcontainer{
	text-align: left;
}
.klp_shoulder_text{
	width: 240px;
color:#0068b3;
/*color:#009ee5;*/
font-size: 1.6rem;
}
.klp_text-center{
	margin-top: 7px;
	width: 90%;
	text-align: left;
	font-size: 3.3rem;
	line-height: 4.2rem;
margin-bottom: 100px;
}

.klp_story_bodytext{
	margin: 0 auto;
	width: 96%;
	padding-top: 20px;
	font-size: 1.6rem;
	line-height: 3rem;
}

.klp_story_lasttext{
	/*width: 98%;*/
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3.6rem;
}
.story_name{
	font-size: 1.5rem;
	margin-top: 30px;
	margin-bottom: 30px;
}





/* 働き方カイゼン！ページ-------------------------------------------------------------------- */

.mobile_view{
	display:block;
}
.tablet_view, .desktop_view{
	display:none;
}


/*mobile_flexbox*/
.flexbox{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.workstyle_header{
	width:100%;
}
.workstyle_header .container{
	position:relative;
}
.workstyle_header h1.header_logo{
	position:absolute;
	padding:.5em 0 0 .5em;
}


/* WorkStyle_Top */
.workstyle_top{
	background:url(../img/workstyle_top_mobile@2x.jpg);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	border: none;
}
.workstyle_copy{
	position:relative;
	width:100%;
	height:340px;
	transform: rotate(-5deg);
}
.workstyle_copy h1.main_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:60px; font-size:6rem;
	font-weight:bold;
	letter-spacing: -0.5rem;
	text-align:left;
	line-height:1.15em;
	top:43%;
	left:7%;
}
.workstyle_copy h2.sub_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:22px; font-size:2.2rem;
	font-weight:bold;
	color:#fff;
	text-align:left;
	line-height:1.4em;
	top:20%;
	left:7%;
}


/* WorkStyle_Point */ /*CCUS_OP*/
.workstyle_point ul li, .workstyle_op ul li, .ccus_op ul li{
	width: 100%;
	margin-bottom:2em;
}
.workstyle_point ul li img.ex_img, .workstyle_op ul li img.ex_img{
	width: 80%;
	margin:0 0 3em;
}
.workstyle_point ul li.section_case_item_end img.ex_img,
.workstyle_op ul li.section_case_item_end img.ex_img{
	margin:0 0 1em;
}
.workstyle_point ul li h3, .workstyle_op ul li h3, .ccus_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:30px; font-size:3rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
}
.ccus_op ul li h3{
	width:80%;
	margin:0 auto;
}
.workstyle_point ul li p, .workstyle_op ul li p, .ccus_op ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 80%;
	margin:0 auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
}
.ccus_op ul li p span{
	font-size:13px; font-size:1.3rem;
}
.workstyle_op, .ccus_op {
	background-color:#f2fafe;
}
.workstyle_op ul li h4, .ccus_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:1em 0 .5em;
}
.ccus_op img {
	width:85%;
	margin:2em auto 0;
}
.ccus_op hr {
	width:85%;
	margin:2em auto;
}

/*CCUS_Message*/
.ccus_message{
	background:#235eae;
}
.ccus_message_content{
}
.ccus_message_content p{
	width:80%;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	margin:1em auto;
	text-align:left;
}
.ccus_message_content img{
	width:80%;
}
.ccus_message_content a.btn{
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:16px; font-size:1.6rem;
	display: block;
    color: #235eae;
	font-weight:bold;
    background-color: #fff;
    text-decoration: none;
    padding: 1em;
    border-radius: 30px;
    width: 70%;
    margin: 1.5em auto 0;
}




/*  フィールド業務ページ ------------------------------------------------------ */


/* Fieldwork_Top */
.fieldwork_top{
	background-image:url(../img/fieldwork_top_mobile@2x.jpg);
	background-position:right;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:100px;
	padding-bottom: 50px;
}
.fieldwork_top h1 {
	color:#FFF;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.fieldwork_top h2 {
	color:#FFF;
	font-size:42px; font-size:4.2rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom: 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
/*フィールド業務お問合せボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .fieldwork_btn-regist, .fieldwork_btn-regist{
	display:inline-block;
	text-decoration: none;
	background:#f15a24;
	color:#fff;
	width:90%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	border-radius: 5px;
}
/* border-radius がサポートされている場合 */
.borderradius .fieldwork_btn-regist{
	display:inline-block;
	background:#f15a24;
	color:#fff;
	width:90%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.fieldwork_btn-regist:hover{
	background:#f47a4a;
	color:#fff;
}


/* Fieldwork_Check */
.fieldwork_check{
	width:100%;
	margin:0 auto;
}
.fieldwork_check img{
	margin-right:1em;
}
.fieldwork_check p{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:left;
}
.fieldwork_check table{
	width:90%;
	margin:1em auto 0;
}
.fieldwork_check table tr td{
	vertical-align:top;
}


/* Fieldwork_Like */
.fieldwork_like{
}
.fieldwork_like_suggestion{
	background:#444;
	margin-top:-3rem;
}
.fieldwork_like_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #444;
  margin:0 auto;
}

.fieldwork_like h2{
	color:#065ca8;
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1em 0;
}
.fieldwork_like h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1.5em auto .5em;
}
.fieldwork_like h3 img{
	margin:0 .25em;
	vertical-align:middle;
}
.fieldwork_like h4{
	color:#fff;
	font-size:21px; font-size:2.1rem;
	font-weight:bold;
	line-height:1.3em;
}
/* 吹き出し本体 */
	/* 発注担当者 */
	.balloon_left{
		position: relative;
		width:80%;
		padding: 1em;
		margin:0 auto;
		background-color: #94afde;
		border-radius: 50px;
	}
	/* 作業員 */
	.balloon_right{
		position: relative;
		width:80%;
		padding: 1em;
		margin:0 auto;
		background-color: #87b4b5;
		border-radius: 50px;
	}
/* 色付きの半円 */
	/* 発注担当者 */
	.balloon_left::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 15px;
		bottom: -18px;
		border-left: 30px solid transparent;
		border-top: 30px solid transparent;
		border-right: 30px solid #94afde;
		border-bottom: 30px solid #94afde;
	}
	/* 作業員 */
	.balloon_right::before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		right: 15px;
		bottom: -18px;
		border-left: 30px solid transparent;
		border-top: 30px solid transparent;
		border-right: 30px solid #87b4b5;
		border-bottom: 30px solid #87b4b5;
	}
/* 白い半円 */
	/* 発注担当者 */
	.balloon_left::after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		left: 32px;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-top: 20px solid transparent;
		border-right: 20px solid #ffffff;
		border-bottom: 20px solid #ffffff;
	}
	/* 作業員 */
	.balloon_right::after{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		border-radius: 50%;
		transform: rotate(45deg);
		right: 32px;
		bottom: -20px;
		border-left: 20px solid transparent;
		border-top: 20px solid transparent;
		border-right: 20px solid #ffffff;
		border-bottom: 20px solid #ffffff;
	}


.fieldwork_like ul li{
	width: 100%;
	margin-bottom:2em;
}
.fieldwork_like ul li img.ex_img{
	width: 80%;
	margin:1em 0;
}
.fieldwork_like ul li p{
	width: 80%;
	margin:0 auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Add */
.fieldwork_add{
}
p.fieldwork_add_suggestion{
	margin-top:-3rem;

	color:#065cab;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	margin-bottom:.25em;
}
div.fieldwork_add_suggestion{
	background:#065cab;
}
.fieldwork_add_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle2{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #065cab;
  margin:0 auto;
}

.fieldwork_add_main{
	width:90%;
	margin:0 auto;
}

.fieldwork_add h2{
	color:#065ca8;
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	padding-bottom:.25em;
	border-bottom:solid 1px #065cab;
	margin:1em 0 0;
}
.fieldwork_add h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
}
.negative_margin{
	margin-top:-3rem;
}
.positive_margin{
	margin-top:1.5rem;
}
.positive_margin2{
	margin-top:2em;
}
.fieldwork_add ul{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.fieldwork_add ul li{
	width: 100%;
	margin-bottom:2em;
}
.fieldwork_add ul li img.ex_img{
	width: 80%;
}
.fieldwork_add ul li p{
	width: 80%;
	margin:0 auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Price */
.fieldwork_price{
}
.fieldwork_price_suggestion{
	background:#eee;
	padding:0 0 1.5em;
	margin-top:-3rem;
}
.fieldwork_price_suggestion h1{
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.fieldwork_price .more_area{
}
.fieldwork_price .more_area a{
	display:block;
	width:20%;
	margin:0 auto;
	background:#fff;
	color:#07f;
	font-size:14px; font-size:1.4rem;
	padding:1em 2em;
	border-radius: 30px;        /* CSS3草案 */
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;   /* Firefox用 */
}
.square{
	width:95%;
	background:#fff;
	padding:1em 0;
	margin:-2em auto 0;
}
.fieldwork_price_main{
	background:#fff;
	width:95%;
	margin:-2em auto 1em;
	padding:1em 0;
}
.fieldwork_price_main img{
	width:95%;
}


/* Fieldwork_Action */
.fieldwork_action{
}
.fieldwork_action .fieldwork_action_p {
	margin-top:-2rem;

	color:#f15a24;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	margin-bottom:.25em;
}
.fieldwork_message{
	margin-top:3em;
}
.fieldwork_message p{
	width: 80%;
	margin:1em auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/* インボイス制度対応表示 */
.invoice-info{
	background: #036;
	padding: 2rem;
}
.invoice-info-inner{
	padding: 1rem;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.invoice-info h3{
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.9;
	width: 90%;
	border: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
}
.invoice-info p{
	text-align: left;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	width: 100%;
	padding-left: 0rem;
	padding-top: 1rem;
}
@media screen and (min-width: 600px) {
	.invoice-info-inner{
		flex-direction: inherit;	
	}
	.invoice-info h3{
		width: 45%;
		line-height: 1.5;
	}
	.invoice-info p{
		width: 45%;
		padding-left: 2rem;
		padding-top: 0rem;
	}
}


/* guide-movie-index */
.section-box_titlebar{
	background:#235eae;
	padding: 1.5em 1.5em 1.5em 1.5em;
	color: #fff;	
}
p.header_lead_text{
    padding: 1rem 0 0 0;
}

ul.contents-num{
	list-style-type:none;
	text-align: left;
	padding-left: 0;
}
ul.contents-num li{
	list-style-type:none;
	text-align: left;
	padding-left: 0;
	padding-bottom: .5rem;
}
ul.contents-num li.movie-index-num{
	padding: 0;
}

ul.list_triangle{
	list-style-type:none;
	padding-left: 19px;
	text-align: left;
}

ul.list_triangle li{
	position: relative;
    padding: 0em 0em 0.5em 1em;
}

.list_triangle li::before {
    position: absolute;
    top: 38%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
    border: 0.3em solid transparent;
    border-left: 0.4em solid #C3D6F1;
    content: "";
	vertical-align: middle;
}
.list_triangle li.content-none::before{
	content: none;
}

a.link_button{
    color: #18A0FB;
    text-decoration: none;
}

a.link_button:hover{
    color: #0376c3;
    text-decoration: none;
}

span.padding-botom{
	padding-bottom: 1em;
}

span.num_title{
	font-size: 1.5rem;
}

h2.text_title{
	font-size: 1.5rem;
	padding-bottom: .2em;
	text-align: center;
}

div.index-num{
	display: inline-block;
	height:25px;
	width:25px;
	border-radius:50%;
	line-height:23px;
	text-align:center;
	background:#004ea2;
	font-size:18px;
	color: #FFF;
	margin-right: 10px;
}

ul.index-num_title{
   padding: 0;
}

ul li.border-top{
	border-top: 1px solid #e3e3e3;
	margin-top: .5em;
	padding-bottom: 1em;

}

.itembox-border{
	position: relative;
	width: 100%;
	padding: 1em 1.5em 1em 1.5em;
    border: 5px solid #e3e3e3;
	font-size: 1.125rem;
	line-height: 1.75em;
	text-align: justify;
	margin-top: .5rem;
}

.container h1.movie-title{
	line-height: 2.5rem;
}

.nav-item img.device-icon{
	width: 25%;
}

.nav-item .select-tab{
	padding-top: 10px; padding-top: 1rem;
}
.nav-item span.smartphone{
	font-size: 1.1rem;
}

.container.index_area{
	padding-bottom: 0;
}

.nav-pills.-under-line.-movie-guide .nav-link.active{
	border-bottom:solid 8px #C3D6F1;
}

.f-container_index{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	width: 100%;
}

.f-item_index_box1{
	width: 100%;
	/* background-color: #ececec; */
}

section.tab_area{
    padding-top: 1rem;
}

/* gide-movie */
section.guide-movie-area{
	/* all: initial; */
}

.guide-movie{
	/* all: initial; */
	/* background-color:#ececec; */
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	padding-top:0em;
	padding-bottom: 0em;	
}

.guide-movie img{
	width:50%;
}
.guide-movie h1.movie-title{
	font-size:1.5rem;
	/* font-size: 24px; */
	font-weight:normal;
	margin: 0 auto;
}
/* .container p.contents-index{
	color: black;
	padding: 0;
	margin: 0;
	font-size: 1.125rem;
} */

.guide-movie h1 img{
	width:65%;
}
.guide_mov_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin:2em 0;
}
.guide_mov_wrap iframe {
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

.guide-movie_contents{
	border-bottom: 5px solid #f0efef;
	padding-bottom: 2.4rem;
	padding-top: 3rem;
}
.guide-movie_contents:last-child{
	border: none;
	padding-bottom: 4rem;
}

img.Preparation_img{
	margin: 0 auto;
}

.tbl-index{
	width: 100%;
}

.tbl-index td{
	color: black;
	padding: 0;
	margin: 0;
	font-size: 1.125rem;
	/* font-size: 16px; */
}

.tbl-index td.sind{
	width: 80%;
}
.tbl-index td.sindTime{
	width: 20%;
}
/* gide-movie_END */
@media screen and (max-width: 599px) {
.privacy ul li.legal_item p{
	padding-left: 0em;
	text-indent: 0em;
	margin-top: .5em;
}
.privacy p.legal_lead.mt-middle{
	margin-top:3em;
}	
.btn-box{
    margin: 1em 0em 0em 0em;
	width: 100%;
}
.btn-box a.contact-btn{
	font-weight: 600;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	transition: .26s;
    width: 90%;
	min-height: 33px;
	background: #fff;
	color:#005ead;
	margin: 0px auto;
	font-size: 1em;
	border-radius: 4px;
	padding: 4px 16px 6px;
	border-color: #005ead;
	text-decoration: none;
}
}

/*}*/
/*end*/

/*--- タブレット600以上～959px以下のCSS -----------------------------------*/
/*@media screen and (min-width:600px), screen and (max-width:959px) {*/
@media screen and (min-width:600px) {

.terms ul li.legal_item ul li.legal_item_child{
	margin-top:0.3em;
	text-indent:0em;
}
	
/* guide-movie */
.br-sp {display: none; }
.sp-none{display: none; }

section.tab_area{
    padding-top: 2rem;
}

.guide-movie h1.movie-title{
	font-size:1.75rem;
}

.nav-item img.device-icon{
	width: 9%;
	margin-right: 1rem;
}

.f-container_index{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	width: 95%;
}

.f-item_index_box1{
	width: 40%;
	/* background-color: #ececec; */
	min-width: 0;
}
.f-item_index_box2{
	width: 1px;
	background-color: #ececec;
	min-width: 0;
	margin: 0 2em 0 2em;
}

.f-item_index_text{
	vertical-align: top;
	align-self: center;
}

div.in_box{
	margin: 0 auto;
}

.itembox-border{
	margin-top: 1rem;
}

.tbl-index td.sind{
	width: 90%;
}
.tbl-index td.sindTime{
	width: 10%;
}
/* guide-movie_END */


.mobile_view, .desktop_view{
	display:none;
}
.tablet_view{
	display:block;
}


	/* -- ヘッダー --*/
	.header h1.header_logo{
		width:25%;
	}

.main_top h1 img {
			margin:0.3em;
		}

.main_top_lead{
			font-size:17px; font-size:1.7rem;
			width:100%;
			line-height: 1.7em;
		}

.borderradius .btn-regist, .borderradius .btn-seminar, .borderradius .btn-voice{
			padding:.8em 0;
			font-size:20px; font-size:2rem;
		}

.borderradius .btn-JH{
			padding:.5em 0;
			font-size:25px; font-size:2.5rem;
			font-weight:bold;
			margin-bottom:.5em;
		}

		/*PRトップの展示会リンク*/
		.exhibition_pr{
			background-image:url(../img/JHSPR.png);
			background-position:center;
			background-repeat:no-repeat;
			-moz-background-size:cover;
			background-size:cover;
			width:100%;
			overflow:hidden;
			}
			.exhibition_pr ul{
			}
			.exhibition_pr li{
			}
			.exhibition_pr li img{
				/*float:left;*/
			}
			.exhibition_pr li.exhibition_btn{
				display:block;
				margin-top:320px;
				/*margin-left:60px;*/
			}
			.exhibition_pr li.exhibition_btn img{
				width: 45%;
				/*margin-right:20px;*/
			}
			.exhibition_pr li.exhibition_btn_mobile{
				display:none;
			}
			.exhibition_pr li.exhibition_text{
				margin-left:40px;
			}
			.exhibition_pr li.exhibition_text img{
				width: 44%;
			}

		/*PRトップのセミナーリンク*/
		.seminar_pr{
			background-image:url(../img/seminar_bg_smapho.png);
			background-position:center;
			background-repeat:no-repeat;
			-moz-background-size:cover;
			background-size:cover;
			width:100%;
			overflow:hidden;
			padding-top:60px;
			padding-bottom: 45px;
			background-position:0 -40px;
			}

			.voucher_pr{
				background-image:url(../img/voucher_bg_smapho.png);
				background-position:center;
				background-repeat:no-repeat;
				-moz-background-size:cover;
				background-size:cover;
				width:100%;
				overflow:hidden;
				padding-top:60px;
				padding-bottom: 45px;
				background-position:0 -40px;
				}

			.japanhome_pr{
				background-image:url(../img/JHS_PRimg.png);
				background-position:center;
				background-repeat:no-repeat;
				-moz-background-size:cover;
				background-size:cover;
				width:100%;
				overflow:hidden;
				padding-top:60px;
				padding-bottom: 45px;
				background-position:0 -40px;
				}

			.seminar_pr h2 {
				font-size: 2.6rem;
				color: white;
				margin-bottom:0.4em;
			}

			.voucher_pr h2 {
				font-size: 2.6rem;
				color: white;
				margin-bottom:0.4em;
			}

			.seminar_title_s{
				font-size: 1.9rem;
				color: white;
				letter-spacing: 2px;
				margin-bottom: -5px;
			}

			.voucher_title_s{
				font-size: 1.9rem;
				color: white;
				letter-spacing: 2px;
				margin-bottom: -5px;
			}

			.replace_title_s{
				font-size: 2.2rem;
				font-weight:bold;
				color: #333;
				letter-spacing: 2px;
				margin-bottom: 0px;
			}

			.replace_title_s2{
				font-size: 2rem;
				letter-spacing: 2px;
				margin-bottom: 0px;
			}
			.replace_title_s3{
				width: 85%;
				font-size: 1.5rem;
				letter-spacing: 0px;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			.replace_title_s4{
				margin: 0 auto;
				text-align: left;
				font-weight: normal;
				width: 85%;
				font-size: 1.4rem;
				margin-top: 3px;
				padding-bottom: 15px;
			}

			.seminar_pr img {
				width: 50%;
			}

		/*PRトップのIT補助金リンク*/
		.ITSubsidy_pr{
			background-image:url(../img/ITSubsidy_bg_smapho.png);
			background-position:center;
			background-repeat:no-repeat;
			-moz-background-size:cover;
			background-size:cover;
			width:100%;
			overflow:hidden;
			padding-top:25px;
			padding-bottom: 25px;
			background-position:0 -40px;
			}
			.ITSubsidy_pr img.ITSubsidy_title {
				display: none !important;
			}
			.ITSubsidy_pr img.ITSubsidy_title_smapho {
				display: block !important;
				width: 50%;
			}
		.ITSubsidy_pr a{
			text-decoration:none;
		}
		.ITSubsidy_pr a p{
			display:inline;
			padding-left:.5em;
			font-size:18px; font-size:1.8rem;
			color:#06F;
		}
		.ITSubsidy_pr a  img.pdfIcon {
			width: 2.5%;
			vertical-align:top;
		}



/* Movie_Top */
.movie_top {
	position: relative;
	/* background-image:url(../img/bg_smapho.png); */
	/* background-position:center; */
	/* background-repeat:no-repeat; */
	/* -moz-background-size:cover; */
	/* background-size:cover; */
	width:100%;
	overflow:hidden;
	padding-top:51px;
	padding-bottom: 0;
}
.key_box {
	position: relative;
}
/* video */
.video-box {
	position: relative;
	width: 100%;
}
.video {
	display: block;	/* 動画下の変なすき間を消す。vertical-align: top;でも可 */
	width: 100%;
	height: 100%;
	min-width: 100%;
  min-height: 100%;
}

/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}
/* text */
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.text-box h1 {
	font-size: 30px; font-size: 3rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: .25em;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin: 4em 0 2.5em;
}
.text-box p {
	font-size: 15px; font-size: 1.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin-top: .5em;
}
.text-box .action_message {
	margin: 1em auto;
}
.key_box .text-box .btn-regist {
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	width: 35%;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 2px;   /* Firefox用 */ 
	/* margin: 0 0 1em; */
}
.text-box p img.ccus_mark {
	position: absolute;
	top: none;
	left: 8%;
	bottom: 0;
	width: 18%;
}
.text-box p img.angle_bottom {
	position: absolute;
	left: 48%;
	bottom: -8%;
	width: 2em;
}


/* Corona_Message */
.corona_message {
	width: 90%;
	margin-top: .5em;
}
.corona_message .flexbox {
	margin: 1em auto;
}
.corona_message .flexbox_item1{
	width: 60%;
}
.corona_message .flexbox_item2{
	width: 38%;
}
.corona_message h2{
	font-family: 'Noto Sans JP', sans-serif;
	color: #004ea2;
	letter-spacing: 0;
}
.corona_message .flexbox_item1 h3 {
	 color:#004ea2;
	 font-size:15px; font-size:1.5rem; 
	 font-weight:bold;
	 margin-top:1em;
	 text-align: left;
}
.corona_message img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.corona_message img.eyecatch{
	width: 100%;
	margin: .5em 0;
}
.corona_message p{
	width: 100%;
	font-size: 14px; font-size: 1.4rem;
	text-align: left;
	line-height: 1.65em;
	margin-bottom: 0;
}
.corona_message p.supplement {
	font-size: 13px; font-size: 1.3rem;
	margin-top: .8em;
}
.corona_message .action_message{
	border: solid 1px #004ea2;
	border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */ 
	margin-top: 1em;
	margin-bottom: -1.5em;
	padding: 1em 1.5em 0 0;
	align-items: center;
}
.corona_message .flexbox_item3{
	width: 30%;
}
.corona_message .flexbox_item4{
	width: 70%;
	padding-bottom: 1em;
}
.corona_message .action_message img{
	width: 70%;
	margin-bottom: 0;
}
.corona_message .action_message p{
	margin: 0 auto;
}
.corona_message .action_message a{
	text-decoration: none;
	font-weight: bold;
	color: #f15a24;
}


/*メインフォーム*/
.sendBtn{
	width:55%;
}


/* whatsNew */
.whatsNew{
}
.whatsNew h2{
	color:#004ea2;
}
.whatsNew a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
}
.whatsNew a:hover, .whatsNew a:action{
	color:#3c88cc;
}
.whatsNew a:visited{
	color:#666;
}
.whatsNew p.lead{
	font-size:16px; font-size:1.6rem;
	padding:.5em 0;
	text-align:left;
}
.whatsNew p.lead2{
	font-size:16px; font-size:1.6rem;
	padding:.5em 0 .5em .5em;
	text-align:left;
}
.whatsNew table{
	width:75%;
	margin:0 auto;
	margin-top:1em;
}
.whatsNew table tr td{
	vertical-align:top;
}


/*JHSオンラインサービスPR*/
.JHS-OS_pr img {
	width: 50%;
}
.JHS-OS_pr p {
	width: 75%;
}


/*OurClient*/
.ourClient h2 {
	margin-top: 0.5em;
}
.ourclient-smapho{
	display: none;
}

.ourclient-pc{
	width: 95%;
	display: block;
	padding-top: 1.5em;
	padding-bottom: 1em;
	margin: 0 auto;
}
.ctx_client_link{
	width: 100%;
	margin-bottom: 1em;
}


/*problem*/
.problem li.section_case_item {
width: 20%;
max-width: none;
padding-top: 2em;
}

.section h2{
	font-size:28px; font-size:2.8rem;
	/*width:80%;*/
	line-height:1.4em;
	margin-top: 10px;
}

/*before_after*/
.section h3{
	font-size:28px; font-size:2.8rem;
	line-height:1.5em;
}

.before_after h3 span{
	font-size: 35px; font-size: 3.5rem
}

.schedule_feature img{
		border: 2px #ccc solid;
		margin-top: 1em;
		width: 75%;
	}

.section .lead{
		font-size:16px; font-size:1.6rem;
		line-height:1.6em;
	}

.left_content a.btn {
	font-size: 20px;font-size: 2rem;
	    display: block;
	    color: white;
	    background-color: #333;
	    text-decoration: none;
	    padding: .7em;
	    border-radius: 5px;
	    width: 70%;
	    margin: 10px auto;
	}

	.left_content a.btn_red {
		font-size: 18px;font-size: 1.8rem;
		font-weight: bold;
		    display: block;
		    color: white;
			/* background-color: #d36066; */
			background-color: #009ee5;
		    text-decoration: none;
		    padding: .7em;
		    border-radius: 5px;
		    width: 90%;
				/* text-align: left; */
		    margin: 0 auto;
		}
	.left_content a.btn_red:hover {
		    color: #fff;
		    background-color: #29abe2;
		}
.photo-flex{
	display: flex;
	justify-content: space-around;
}
.photo_1image{
	padding: 0 7px;
}

.photo_2image img {
	margin-top: 1.5em;
	margin-bottom: 2.5em;
	border: 2px #ccc solid;
}

.photo_2image {
	padding: 0 7px;
}

.report_feature img {
    width: 70%;
}

/*uservoice-----------*/

/* .voice_title{
	padding: initial
} */
.uservoice {
	/* display:none; */
	background-color: #fff;
	margin: 0 auto;
	padding: 2em 0 0;
}
.uservoice .container {
	padding: 0;
	margin: 0 auto;
}
.uservoice h2{
	/* margin: .5em auto 0; */
	/* color: #004ea2; */
	display: none;
}

.uservoice .voice-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 90%;
	margin: 0 auto;
}
.uservoice .voice-box .voice-box__item{
	width: 47.75%;
	margin-top: 1.5em;
}
.uservoice .voice-box .voice-box__item h3 {
	color: #333;
	margin: .5em auto;
	font-size: 20px; font-size: 2rem;
	line-height: 1.3em;
}
.uservoice .voice-box .voice-box__item p {
	color: #333;
	font-size: 15px; font-size: 1.5rem;
}
.uservoice .voice-box .voice-box__item a {
	display: inline-block;
	margin-top: .5em;
	text-decoration: none;
	color: #006eff;
	font-size: 14px; font-size: 1.4rem;
}
.uservoice .voice-box .voice-box__item a:hover {
	color: #007af9;
	opacity: .8;
}
.uservoice .voice-box .voice-box__item a.btn--more {
	border: solid 1px #006eff;
	padding: .3em 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.security li.section_case_item {
	width: 29%;
}
.security li.section_case_item h3 {
	font-size: 1.8rem;
	width: 95%;
}

.security p.lead {
    padding-top: 0.8em;
    width: 90%;
		text-align: justify;
    margin: 0 auto;
}

.device p.lead {
    padding-top: 0.8em;
		text-align: center;
    width: 78%;
    margin: 0 auto;
		font-size: 20px; font-size: 2rem;
}

.footer .left_content {
	/*float:left;*/
}

.footer .right_content {
     /*float: left;*/
    font-size: 1.5rem;
    width:90%;
}
.footer ul.footer_nav {
    float: left;
    margin-left: 10%;
    width: 100%;
}

/*Top*/
.top h1 {
    font-size: 30px;
    font-size: 3rem;
		text-align: left;
		margin-left: 7%;
}
.top_lead{
	margin:0 auto;
	width: 85%;
	font-size:15px; font-size:1.5rem;
	margin-top:1em;
	line-height:1.5em;
	text-align: left;
}
.top_lead_sub_main{
	margin:1em auto;
	width: 85%;
	font-size:13px; font-size:1.3rem;
	line-height:1.5em;
	text-align: left;
}
.top_lead_sub_main span{
	display:inline-block;
	border:solid 1px #666;
	padding:.8em 1em;
}
.top_lead_sub{
	margin:0 auto;
	width: 85%;
	font-size:13px; font-size:1.3rem;
	margin-top:1em;
	line-height:1.5em;
	text-align: left;
}


.top.-contact .top__item-box {
	position: relative;
}
.top.-contact .item-box__img {
	position: absolute;
	width: 25%;
	top: 5%;
	right: 5%;
}


.section h2 {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.4em;
    margin-top: 10px;
		/*text-align: left;
		margin-left: 7%;*/
}
.replace_pr h2 {
	font-size: 2.6rem;
	color: #004ea2;
	margin-bottom:0.6em;
	margin-top: -1px;
	width: 90%;
}
.ourClient h2{
	font-size: 26px; font-size: 2.6rem;
	color: #004ea2;
}

.JH-backimage{
	height: 43em;
	background-image:url(../img/JH_promo_img-m.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: 0rem 27rem;
}


.features ul {
    display: flex;
    justify-content: space-between;
    flex-wrap:nowrap;
    margin-top: 0.5em;
    width: 90%;
    margin: 0 auto;
}

.features li {
  padding: 0 2px;
}

.features p.lead {
    padding-top: 0.5em;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
}

.list2top {
    font-size: 30px; font-size: 3rem;
    color: #004ea2;
    margin-left: 27rem;
    margin-top: -4.5rem;
}

.feature ul li img {
    width: 100%;
		/*margin: 0 auto;*/
		text-align: center;

		margin-bottom: 1em;
	}

#feature2 a.btn-case {
	    text-decoration: none;
	    display: inline;
	    background: #9bba4d;
	    color: #fff;
	    padding: 0.5em 1em;
	    margin-left: -20em;
	    font-size: 14px;
	    font-size: 1.4rem;
	    /*text-align: center;*/
	    font-weight: normal;
	}

	#feature4 a.btn-case {
	    text-decoration: none;
	    display: inline;
	    background: #9bba4d;
	    color: #fff;
	    padding: 0.5em 0.8em;
	    margin-left: -19em;
	    font-size: 14px;
	    font-size: 1.4rem;
	    text-align: center;
	    font-weight: normal;
	    margin-top: 1em;
}

.features h2{
	text-align: left;
	margin-left: 7%;
}
/*Voice*/

.voices h1 ,.voice h1{
    font-size: 36px; font-size:3.6rem;
    line-height: 1.5em;
}

.voices h2 {
    text-align:center;
}

.voices p {
    font-size: 20px;
    font-size: 2rem;
}

.voices .btn {
font-size: 20px;font-size: 2rem;
}


.voice {
	padding-bottom: 0;
}
.voice img{
	width: 90%;
}

.voice h2 {
	padding-top: .5em;
}

.voice .p3{
	color: white;
	font-size:24px; font-size:2.4rem;
	line-height:1.5em;
	margin-bottom:0.5em;
}

.relationInfo{
	padding-top: 0;
}


.price h2{
	margin-left: 3%;
}

.price_box{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap
}

.price .price_image {
	width: 40%;
}



/*faq*/
.faq h2{
	margin-left: 3%;
}

.faq h3{
font-size: 17px; font-size: 1.7rem;
padding-right: 7%;
padding-left:1em;
}

.faq h3 span {
     display: inline-block;
    /*margin:0.2rem;*/
		margin-right: -3rem;
		margin-top: -0.2rem;
		/*text-align: right;*/
    /*float: right;*/
    /*font-weight: bold;*/
}
.faq_item p {
	text-align: left;
	width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1.8em;
}

.faq h4 {
	text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    border-left: 8px solid #333;
    text-indent: 0.5em;
    padding-left: -0.5em;
    margin-bottom: 0.5em;
}
	.contact .btn-regist, .contact .btn-seminar, .borderradius .btn-voice {
		font-size: 20px; font-size: 2rem;
	}
	.contact .btn-JH {
		font-size: 20px; font-size: 2rem;
	}

/*case*/
.case_logo{
	width: 30%;
}

.cases li.section_case_item {
    float: left;
    display: block;
    width: 48%;
		padding: 0 5px;
    margin-bottom: 10px;
}

.example p.case_message {
    font-size: 23px;
    font-size: 2.3rem;
		padding: 2rem;
}

.privacy h2 {
	font-size: 22px; font-size: 2.4rem;
}
.privacy h3 {
	font-size: 22px; font-size: 2.4rem;
}


.contact_form_answer {
    text-align: center;
		padding: 0 2%;
}


/* LP_Top */
.lp_top{
	/*background-image:url(../img/lp_bg.png);*/
	/*background-position:bottom;*/
	/*background-repeat:no-repeat;*/
	/*-moz-background-size:cover;
	background-size:cover;*/
	background-color:#235eae;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	padding-top:2.5em;
}
.lp_top img{
	width:40%;
}
.lp_top h1{
	color:#fff;
	font-size:22px; font-size:2.2rem;
	padding-bottom:0.5em;
	font-weight:normal;
	margin: 0 auto;
}
.lp_top h1 img{
	width:39%;
}
.mov_wrap{
	position: relative;
	width:100%;
	padding-top: 56.25%;
	margin:2em auto;
}
.mov_wrap iframe {
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* LP_mov */
/* LP_Action */
.lp_mov, .lp_action{
	background:#f5f6f7;
}

/* LP_Footer */
.lp_footer{
	background:#235eae;
	padding:2.2em 1em;
}
.lp_footer .copyright{
}
.lp_footer .copyright .copyright_text{
	color:#fff;
}



.float_box{
	padding: 3%;
}

.cutin-pic01 {
	width: 100%;
}

.terms h2, .privacy h2 {
	padding-top: 5%;
}

/*セミナーLPページ-IPAD--------------*/
.SLP_main_top{
	background-image:url(../img/seminar_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:110px;
	padding-bottom: 40px;
}
.SLP_main_top h1 {
	width: 80%;
	font-size: 3.1rem;
	color: white;
	font-weight: normal;
	margin-bottom:2em;
	line-height: 4.5rem;
}
.section_seminar{
	background-color:#f5f6f7;
	padding-top: 25px;
	padding-bottom: 25px;
}
.section_seminar h2 {
	font-size: 3.3rem;
	color: #009ee5;
}
.section_seminar p {
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 2.2rem;
}

.redtext {
	color: red;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 2.2rem;
}

.textsize_s{
	font-size: 1.5rem;
	font-weight: normal;
}
.SLP_seminar_item{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 15PX;
	background-color: #fff;
	border: 1px solid #ddd;
}
.SLP_seminar_item p{
	font-size: 2.6rem;
padding-bottom: 5px;
color: #009ee5;
}

.SLP_seminar_item ul{
	width: 90%;
	margin: 0 auto;
}

.SLP_seminar_item li{
	font-size: 1.8rem;
	font-weight:normal;
	/*width: 90%;*/
	text-align:left;
	/*list-style:initial;*/
	margin: 0 auto;
}
.slp_btn-regist{
	display:inline-block;
	background:#d47717;
	color:#fff;
	width:80%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:.9em 0;
	font-size:18px; font-size:1.9rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.slp_btn-regist:hover{
	background:#d49452;
	color:#fff;
}
.SLP_readtext{
	text-align: left;
	margin-top: 3rem;
	margin-left: 5%;
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 3.2rem;
	margin-bottom: 15px;
	float: left;
}
.right_SLP_readtext{
	/*text-align:right;*/
	margin-top: 3rem;
	/* margin-right: 13%; */
	margin-right: -28%;
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 3.2rem;
	margin-bottom: 15px;
	/* float: right; */
}
.left_brand_img{
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	width: 40%;
}
.right_brand_img{
	float:left;
	margin-top: -30px;
	margin-left:-40px;
	margin-right: 15px;
	width: 50%;
}

.brand_bodytext{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.35rem;
	line-height: 2.7rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	padding-bottom: 3rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
	clear:left;
	letter-spacing: -0.02em;
}
.right_brand_bodytext{
	text-align: left;
	/*width: 90%;*/
	/*margin-left: 10px;*/
	/*margin: 0 auto;*/
	font-size: 1.35rem;
	line-height: 2.7rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	padding-bottom: 3rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
	clear:right;
}

.brand_bodytext_noborder{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.35rem;
	line-height: 2.7rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	/*padding-bottom: 3rem;*/
	clear:left;
}
.SLP_story_btn {
		text-align:left;
		/*width:50%;*/
		margin: 0 0;
		margin-top: -10px;
		margin-left: 5%;
		margin-bottom: 30px;
}

.smapho_btn{
	display: none;
}
.padpc_btn{
	display:block;
}


.SLP_target h2{
	margin: 0 auto;
	margin-top: 12px;
	width: 80%;
	font-size: 2.7rem;
	color: #000;
	line-height: 4rem;
}

.SLP_target ul{
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	margin-left: 10%;
	margin-bottom: 50px;
}
.checklist{
	font-weight: bold;
	width: 85%;
	line-height: 4.5rem;
	text-align: left;
	margin: 0 auto;
	font-size: 2.1rem;
	padding-left: 30px;
	background-image: url(../img/checkBox.png);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 0 5px;
}

.lp_footer .copyright_text a {
	text-decoration: none;
	color: #fff;
}
/*セミナーページEND--------------*/



/* SLP_Contact_Top */
.slp_contact_top{
	padding:2.2em 3em;
}
h1.slp_contact_top_h1{
	font-size:30px; font-size:3.0rem;
	text-align:left;
}
p.slp_contact_top_p{
}
/*ストーリーエリア*/
.story_bg_area {
	background-image:url(../img/story_bg01.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:contain;
	width:100%;
	overflow:hidden;
	padding-top:10px;
	padding-bottom: 40px;
	background-position:0 0px;
}

.klp_story_area{
	margin: 0 auto;
	width:81%;
	margin-top: 5%;
}
.story-textcontainer{
	text-align: left;
}
.klp_shoulder_text{
	width: 100%;
color:#0068b3;
/*color:#009ee5;*/
font-size: 1.7rem;
}
.klp_text-center{
	text-align: left;
	font-size: 3.6rem;
	margin-bottom: 40px;
}

.klp_story_bodytext{
	padding-top: 120px;
	font-size: 1.6rem;
	line-height: 4rem;
}

.klp_story_lasttext{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 4.3rem;
}
.story_name{
	font-size: 1.5rem;
	margin-top: 30px;
	margin-bottom: 80px;
}


.contact_form p.attention{
	text-align:left;
}


/* 働き方カイゼン！ページ-------------------------------------------------------------------- */

/*tabret-desktop_flexbox*/
.flexbox{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.flex-order-1{
	-webkit-order: 1;
    order: 1;
}
.flex-order-2{
	-webkit-order: 2;
    order: 2;
}
.flex-order-3{
	-webkit-order: 3;
    order: 3;
}
.flex-order-4{
	-webkit-order: 4;
    order: 4;
}



.workstyle_header{
	width:100%;
}
.workstyle_header .container{
	position:relative;
}
.workstyle_header h1.header_logo{
	position:absolute;
	padding:.5em 0 0 .5em;
}


/* WorkStyle_Top */
.workstyle_top{
	background:url(../img/workstyle_top@2x.jpg);
	background-position:right;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	border: none;
}
.ccue_certification_area {
	position:relative;
}
.ccue_certification_area img{
	position:absolute;
	width:39%;
	left:2%;
	margin-top:2em;
}

.workstyle_copy{
	position:relative;
	width:100%;
	height:350px;
	transform: rotate(-5deg);
}
.workstyle_copy h1.main_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:70px; font-size:7rem;
	letter-spacing: -0.5rem;
	top:68%;
	left:3%;
}
.workstyle_copy h2.sub_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:30px; font-size:3rem;
	color:#fff;
	top:40%;
	left:3%;
}


/* WorkStyle_Point *//*CCUS_Op*/
.workstyle_point ul li, .workstyle_op ul li{
	width: 50%;
	margin-bottom:2em;
}
.ccus_op ul li{
	margin-top:-3em;
}
.workstyle_point ul li img.ex_img,.workstyle_op ul li img.ex_img{
	width: 70%;
	margin:1em 0;
}
.workstyle_point ul li.section_case_item_end img.ex_img, 
.workstyle_op ul li.section_case_item_end img.ex_img {
     margin: 1em 0 0; 
}
.workstyle_point ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:2em 0 .25em -.5em;
}
.workstyle_point ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em 0 -1em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}
.workstyle_point ul li h3.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:1em -.5em .25em 1.5em;
}
.workstyle_point ul li p.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 -1em 0 3.5em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}

.workstyle_op {
	background-color:#f2fafe;
}
.workstyle_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:0 0 .25em -.5em;
}
.ccus_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
}
.workstyle_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:3em 0 0 -14em;
}
.ccus_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:3em 0 0 -24em;
}
.ccus_op ul li img{
	width: 80%;
    margin: 2em auto 0;
}
.workstyle_op ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em .5em -1em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/*CCUS_Message*/
.ccus_message{
	background:#fff;
	border-bottom:solid 1px #ccc;
}
.ccus_message_content{
}
.ccus_message h1{
	font-family: 'Noto Sans JP', sans-serif;
	width:80%;
	margin:0 auto;
	color:#235eae;
	font-size:30px; font-size:3rem;
	line-height:1.3em;
}
.ccus_message_content a.btn{
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:16px; font-size:1.6rem;
	display: block;
    color: #fff;
	font-weight:bold;
    background-color: #235eae;
    text-decoration: none;
    padding: 1em;
    border-radius: 30px;
    width: 50%;
    margin: 1.5em auto 0;
}



/*  フィールド業務ページ ------------------------------------------------------ */


/*tabret-desktop_flexbox*/
.flexbox{
	display: flex;
	justify-content: space-between;
	flex-direction:row;
}
.flex-1{
	-webkit-flex: 1;
    flex: 1;
}
.flex-2{
	-webkit-flex: 2;
    flex: 2;
}



/* Fieldwork_Top */
.fieldwork_top{
	background-image:url(../img/fieldwork_top_mobile@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:100px;
	padding-bottom: 50px;
}
.fieldwork_top h1 {
	color:#FFF;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.fieldwork_top h2 {
	color:#FFF;
	font-size:48px; font-size:4.8rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom: 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
/*フィールド業務お問合せボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .fieldwork_btn-regist, .fieldwork_btn-regist{
	display:inline-block;
	text-decoration: none;
	background:#f15a24;
	color:#fff;
	width:50%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	border-radius: 5px;
}
/* border-radius がサポートされている場合 */
.borderradius .fieldwork_btn-regist{
	display:inline-block;
	background:#f15a24;
	color:#fff;
	width:50%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.fieldwork_btn-regist:hover{
	background:#f47a4a;
	color:#fff;
}


/* Fieldwork_Check */
.fieldwork_check{
	width:80%;
	margin:0 auto;
}
.fieldwork_check img{
	margin-right:1em;
}
.fieldwork_check p{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:left;
}
.fieldwork_check table{
	width:90%;
	margin:1em auto 0;
}
.fieldwork_check table tr td{
	vertical-align:top;
}


/* Fieldwork_Like */
.fieldwork_like{
}
.fieldwork_like_suggestion{
	background:#444;
	margin:-3rem auto 0;
}
.fieldwork_like_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #444;
  margin:0 auto;
}

.fieldwork_like h2{
	color:#065ca8;
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1em 0;
}
.fieldwork_like h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1.5em auto .5em;
}
.fieldwork_like h3 img{
	margin:0 .25em;
	vertical-align:middle;
}
.fieldwork_like h4{
	color:#fff;
	font-size:21px; font-size:2.1rem;
	font-weight:bold;
	line-height:1.3em;
}
.fieldwork_like ul{
	width: 95%;
	margin:0 auto;
}
.fieldwork_like ul li{
	width: 50%;
	margin-bottom:2em;
}
.fieldwork_like ul li img.ex_img{
	width: 80%;
	margin:1em 0;
}
.fieldwork_like ul li p{
	width: 80%;
	margin:0 auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Add */
.fieldwork_add{
}
p.fieldwork_add_suggestion{
	margin-top:-3rem;

	color:#065cab;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	margin-bottom:.25em;
}
div.fieldwork_add_suggestion{
	background:#065cab;
}
.fieldwork_add_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle2{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #065cab;
  margin:0 auto;
}

.fieldwork_add_main{
	width:90%;
	margin:0 auto;
}

.fieldwork_add h2{
	color:#065ca8;
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	padding-bottom:.25em;
	border-bottom:solid 1px #065cab;
	margin:1em 0;
	width: 95%;
}
.fieldwork_add h3{
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin-top:.8em;
}
.fieldwork_add ul.fieldwork_add_talk{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.fieldwork_add ul.fieldwork_add_talk li{
	width: 50%;
	margin-bottom:2em;
}
.fieldwork_add ul li img.ex_img{
	width: 80%;
}
.fieldwork_add ul li p{
	width: 85%;
	margin:0 auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Price */
.fieldwork_price{
}
.fieldwork_price_suggestion{
	background:#eee;
	padding:0 0 1.5em;
	margin-top:-3rem;
}
.fieldwork_price_suggestion h1{
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.fieldwork_price .more_area{
}
.fieldwork_price .more_area a{
	display:block;
	width:20%;
	margin:0 auto;
	background:#fff;
	color:#07f;
	font-size:14px; font-size:1.4rem;
	padding:1em 2em;
	border-radius: 30px;        /* CSS3草案 */
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;   /* Firefox用 */
}
.square{
	width:95%;
	background:#fff;
	padding:1em 0;
	margin:-2em auto 0;
}
.fieldwork_price_main{
	background:#fff;
	width:95%;
	margin:-2em auto 1em;
	padding:1em 0;
}
.fieldwork_price_main img{
	width:95%;
}


/* Fieldwork_Action */
.fieldwork_action{
}
.fieldwork_action .fieldwork_action_p {
	margin-top:-2rem;

	color:#f15a24;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	margin-bottom:.25em;
}
.fieldwork_message{
	margin-top:3em;
}
.fieldwork_message p{
	width: 80%;
	margin:1em auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}





/* 無料ではじめようページ--------------------------------------------------- */
.begin_top{
	background-color:#f1f5da;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_top h1{
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_top img{
	width:20%;
	margin:.15em .15em 0;
}
.begin_top p{
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_freePlan */
.begin_freePlan h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul{
	width: 90%;
	margin:0 auto;
}
.begin_freePlan ul li{
	width: 50%;
	margin-bottom:2em;
}
.begin_freePlan ul li img{
	width: 95%;
	margin:1em 0;
}
.begin_freePlan ul li h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:.5em auto .8em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li p{
	width: 92%;
	margin:0 auto;
	font-size:16px; font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_flow */
.begin_flow{
	background-color: #eee;
	overflow: hidden;
}
.begin_flow ul li{
	width: 30%;
}
.begin_flow img {
}
.begin_flow h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow .flow_memo{
	font-size:14px; font-size:1.4rem;
	margin:0 0 3em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow .flow_memo a{
	color:#000;
	text-decoration:underline dotted;
}
.begin_flow p {
	padding:1em 0 0;
	font-size: 16px; font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.tag {
	font-size:14px; font-size:1.4rem;
	display:inline-block;
	color:#fff;
	background:#666;
	padding:.15em .5em .3em;
	margin-right:.5em;
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.red {
	color:#f00;
	background:none;
	margin-right:.15em;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_Action */
.begin_action h2 {
	color:#82ae1d;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	/*text-shadow:1px 1px 3px #999;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_action ul{
	width: 90%;
	margin:1em auto 0;
}
.begin_action ul li{
	width: 100%;
	margin-top:3em;
}
.begin_action ul li h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#065ca8;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.vertical_line{
	display:inline-block;
	height:1em;
	border-left:1px solid #065ca8;
	margin:.5em auto 0;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-begin-main, .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 1;
	box-sizing: border-box;
	margin: 0 auto;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	line-height: 1;
	box-sizing: border-box;
	margin: 0 auto;
}
.btn-begin-main:hover{
	background:#afc654;
	color:#fff;
}




/* Material */

.flexbox_material{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}



.material ul{
	width:100%;
}
.material ul li.material_item{
	width: 45%;
	margin: 2.8rem auto;
}
.material ul li.material_item:nth-child(even){
	margin-left: 0;
}
.material ul li.material_item div{
	margin-top:1em;
	text-align:left;
}
.material ul li.material_item div.flex-order-2{
	margin: 1rem 0 0 2rem;
	text-align: left;
	width: 60%;
	flex-grow: 1;
}
.material h3 {
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#004ea2;
}
.material h3 span {
	font-size:18px; font-size:1.8rem;
	color:#666;
}
.material .btn {
	display:inline-block;
	font-size:16px; font-size:1.6rem;
	color: white;
	background-color:#333;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1.5em;
	border-radius:5px;
	width: 100%;
	margin: 10px auto;
}
.material .btn.-dl {
	width: 100%;
	text-indent: 0;
	text-align: center;
}

/* comtimes */
.comtimes{
}
.comtimes h2{
	background:url(../img/comtimes_bg.jpg) bottom;
	padding:.3em 0;
	margin:0 auto;
	width:100%;
}
.comtimes h2 img{
	width:60%;
}
.comtimes .triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #231815;
  margin:0 auto;
}
/*.comtimes a{
	text-decoration:none;
	color:#3c88cc;
	font-weight:bold;
}
.comtimes a:hover, .comtimes a:action{
	color:#004ea2;
}
.comtimes a:visited{
	color:#3c88cc;
}*/
.comtimes p.lead{
	font-size:20px; font-size:2rem;
	padding:.5em 0;
	text-align:left;
}
.comtimes p.lead2{
	font-size:20px; font-size:2rem;
	padding:.5em 0 .5em .5em;
	text-align:left;
}
.comtimes table{
	width:60%;
	margin:0 auto;
	margin-top:1em;
}
.comtimes table tr td{
	vertical-align:top;
}

.privacy p.legal_lead.mt-middle{
	margin-top:3em;
}

.container.-special{
	margin: 0 auto;
	padding: 0 2.4rem;
	max-width: 770px;
}

.material .btn.-dl {
	width: 15rem;
}
.material ul li.material_item div.flex-order-1{
	width: 40%;
}

}
/*end*/






/*--- PC960px以上のCSS ----------------------------------------------*/
@media screen and (min-width:960px){	
	
.mobile_view, .tablet_view{
	display:none;
}
.desktop_view{
	display:block;
}


body{
-webkit-text-size-adjust:100%;
min-width: 100%;
}

.header .container {
	width:960px;
	height: 60px;
	padding:0;
	margin:0 auto;
	align-items: center;
}
.container {
	width:960px;
	padding:0;
	margin:0 auto;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
/*ハンバーガーメニュー非表示*/
#menu-button{
	display: none;
}

#ham-menu{
	display: none;
}
#menu-cb{
	display: none;
}

.pc-nav{
	display:inline;
}
a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#004ea2;
	text-decoration:none;
}

.header__global-nav {
	flex-basis: 820px;
}
.pc-nav {
	display: flex;
	justify-content: space-between;
}
.pc-nav ul.global-nav {
	display: flex;
	justify-content: space-between;
}
.pc-nav ul.global-nav.-link li.global-nav__item {
	font-size:14px; font-size:1.4rem;
	padding-right:1.5em;
	padding-top:.25em;
}
.pc-nav ul.global-nav.-btn li.global-nav__item {
	font-size:14px; font-size:1.4rem;
	padding-right:1.5em;
}
.pc-nav ul.global-nav li.global-nav__item a {
	display:block;
}
.pc-nav ul.global-nav.-link {
	margin-top:1em;
}
.pc-nav ul.global-nav.-link li.global-nav__item a:hover {
	padding-bottom:0.3em;
	border-bottom:solid 2px #004ea2;
	color:#004ea2;
}
.pc-nav ul.global-nav li.global-nav__item a.target {
	display:block;
	padding-bottom:0.3em;
	border-bottom:solid 2px #333;
	color:#333;
}


.header li.ad_message {
	float:left;
}
.header li.ad_message p.triangle {
	float:left;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 15px solid #eaeaea;
	margin-top:0.75em;
	margin-left:1em;
}
.header li.ad_message p.ad_message {
	margin-left:2em;
	color:#d36066;
	font-weight:bold;
	background-color:#eaeaea;
	display:block;
	padding:0.3em 1em;
	border:solid 1px #eaeaea;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */

}


/* 以下、ad_message非公開時の設定 */
.header li.ad_message{
	display:none;
}


.header .global-nav.-add_tel{
	margin-top:.75em;
}
.header li.global_tel {
	margin-top:-.75em;
}
.header li.global_tel .span1 {
	font-size:12px; font-size:1.2rem;
}
.header li.global_tel .span2 {
	font-size:20px; font-size:2rem;
	font-weight:bold;
	color:#ed1c24;
}


/* border-radius がサポートされていない場合 */
.no-borderradius .header li.global_login a, .header li.global_login a{
	display:block;
	padding:0 1em;
	margin-top:0px;
	border:solid 1px #ed1c24;
	color: #ed1c24;
}
/* border-radius がサポートされている場合 */
.borderradius .header li.global_login a{
	display:block;
	padding:0.3em 1em;
	border:solid 1px #ed1c24;
	color: #ed1c24;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.header li.global_login a:hover{
	border:solid 1px #ed1c24;
	color:#fff;
	background:#ed1c24;
	border-radius: 5px;
}

.no-borderradius .header li.global_regist, .header li.global_regist {
	margin-right: .8em;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .header li.global_regist a, .header li.global_regist a{
	display:block;
	padding:0 .5em;
	margin-top:0px;
	border:solid 1px #ed1c24;
	font-size: 14px; font-size: 1.4rem;
	width: 100%;
}
/* border-radius がサポートされている場合 */
.borderradius .header li.global_regist a{
	display:block;
	padding:0.3em .5em;
	border:solid 1px #ed1c24;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.header li.global_regist a:hover{
	border:solid 1px #cb1c24;
	color:#fff;
	background:#cb1c24;
	border-radius: 5px;
}

/* .header li.global_regist a {
	display:block;
	font-size: 14px; font-size: 1.4rem;
	width: 120px;
}
.header li.global_regist a:hover {
	padding-bottom:0.3em;
	border-bottom:solid 2px #004ea2;
	color:#004ea2;
} */


.no-borderradius .header li.global_operation, .header li.global_operation {
	margin-right: .8em;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .header li.global_operation a, .header li.global_operation a{
	display:block;
	padding:0 .5em;
	margin-top:0px;
	border:solid 1px #343440;
	font-size: 14px; font-size: 1.4rem;
	width: 100%;
}
/* border-radius がサポートされている場合 */
.borderradius .header li.global_operation a{
	display:block;
	padding:0.3em .5em;
	border:solid 1px #343440;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.header li.global_operation a:hover{
	border:solid 1px #343440;
	color:#fff;
	background:#343440;
	border-radius: 5px;
}



.section{
	padding: 5em 0;
}
.section.top{
	padding: 5em 0 2em;
}
.replace_pr{
	margin-top: -50px;
	margin-bottom: -40px;
}

.section h1{
	font-weight:bold;
	font-size:48px; font-size:4.8rem;
	line-height:1.3em;
}

.section h2{
	font-weight:bold;
	font-size: 31px;  font-size: 3.1rem;
	line-height:1.3em;
	margin-top: 0;
}

.br::before{
	content: "\A" ;
	white-space:nowrap;
}

.section h3{
	font-size:21px; font-size:2.1rem;
	line-height:1.3em;
}
.section .lead{
	font-size:16px; font-size:1.6rem;
	line-height:1.5em;
	letter-spacing: -0.5px;
}



/* Movie_Top */
.movie_top {
	position: relative;
	/* background-image:url(../img/bg_smapho.png); */
	/* background-position:center; */
	/* background-repeat:no-repeat; */
	/* -moz-background-size:cover; */
	/* background-size:cover; */
	width:100%;
	overflow:hidden;
	padding-top:51px;
	padding-bottom: 0;
}
.key_box {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/* video */
.video-box {
	position: relative;
	width: 100%;
}
.video {
	display: block;	/* 動画下の変なすき間を消す。vertical-align: top;でも可 */
	width: 100%;
	height: 100%;
	min-width: 100%;
  min-height: 100%;
}

/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.4);
}
/* text */
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.text-box h1 {
	font-size: 36px; font-size: 3.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: .25em;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin: 5.5em 0 3em;
}
.text-box p {
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin-top: .5em;
}
.text-box .action_message {
	margin: 1em auto;
}
.key_box .text-box .btn-regist {
	font-size: 16px; font-size: 1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	width: 35%;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 2px;   /* Firefox用 */ 
	/* margin: 0 0 1em; */
}
.text-box p img.ccus_mark {
	position: absolute;
	left: 8%;
	bottom: 0;
	width: 18%;
}
.text-box p img.angle_bottom {
	position: absolute;
	left: 48%;
	bottom: -8%;
	width: 2em;
}


/* Corona_Message */
.corona_message {
	width: auto;
	margin: .5em auto;
}
.corona_message .flexbox {
	margin: 1em auto;
}
.corona_message .flexbox_item1{
	width: 55%;
}
.corona_message .flexbox_item2{
	width: 42%;
}
.corona_message h2{
	font-family: 'Noto Sans JP', sans-serif;
	color: #004ea2;
	letter-spacing: .15em;
	font-size: 35px; font-size: 3.5rem;
}
.corona_message .flexbox_item1 h3 {
	 color:#004ea2;
	 font-size:18px; font-size:1.8rem; 
	 font-weight:bold;
	 margin-top:1em;
	 text-align: left;
}
.corona_message img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.corona_message img.eyecatch{
	width: 100%;
	margin: 1em 0;
}
.corona_message p{
	width: 100%;
	font-size: 18px; font-size: 1.8rem;
	text-align: left;
	line-height: 1.75em;
	margin-bottom: 0;
}
.corona_message p:first-child{
	margin-top: 1em;
}
.corona_message p.supplement {
	font-size: 16px; font-size: 1.6rem;
	margin-top: .8em;
}
.corona_message p.supplement a {
	color: #006eff;
}
.corona_message .action_message{
	border: solid 1px #004ea2;
	border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */ 
	margin-top: 1.5em;
	margin-bottom: -4em;
	padding: 1em 1.5em 0 0;
}
.corona_message .flexbox_item3{
	width: 27%;
}
.corona_message .flexbox_item4{
	width: 73%;
}
.corona_message .action_message img{
	width: 70%;
	margin-bottom: 0;
}
.corona_message .action_message p{
	margin: 0 auto;
}
.corona_message .action_message a{
	text-decoration: none;
	font-weight: bold;
	color: #f15a24;
}



/*uservoice-----------*/
.uservoice {
	/* display:none; */
	background-color: #fff;
	margin: 0 auto -1em;
	padding: 2.5em 0 0;
}
.uservoice .container {
	padding: 0;
	margin: 0 auto;
}
.uservoice h2{
	/* margin: .5em auto 0; */
	/* color: #004ea2; */
	display: none;
}

.uservoice .voice-box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 95%;
	margin: 0 auto;
}
.uservoice .voice-box .voice-box__item{
	width: 47.75%;
	margin-top: 1.5em;
}
.uservoice .voice-box .voice-box__item h3 {
	color: #333;
	margin: .5em auto;
	font-size: 24px; font-size: 2.4rem;
	line-height: 1.3em;
}
.uservoice .voice-box .voice-box__item p {
	color: #333;
	font-size: 16px; font-size: 1.6rem;
}
.uservoice .voice-box .voice-box__item a {
	display: inline-block;
	margin-top: .5em;
	text-decoration: none;
	color: #006eff;
	font-size: 15px; font-size: 1.5rem;
}
.uservoice .voice-box .voice-box__item a:hover {
	color: #007af9;
}




/* Main_Top ----------------*/
.main_top{
	background-image:url(../img/bg.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	/* padding-top:110px; */
	padding-bottom: 30px;
}
.main_top h1 {
	margin-bottom:0.4em;
}
.main_top h1 img {
	margin:0.1em;
}
.main_top_lead{
	margin:0 auto;
	font-size:18px; font-size:1.8rem;
	margin-bottom:.8em;
margin-top: -1em;
	line-height:1.5em;
	max-height:100%;
}
.main_top_lead_info{
	margin:0 auto;
	font-size:26px; font-size:2.6rem;
	font-weight: bold;
	color: #d36066;
	margin-bottom:0.4em;
	line-height:1.5em;
	max-height:100%;
}

.main_top_lead_info a {
	text-decoration: none;
	color: #d36066;
}

.main_top_lead_info a:hover {
	color: #d2777c;
}


.no-borderradius .btn-regist, .no-borderradius .btn-seminar, .no-borderradius .btn-voice, .no-borderradius .btn-JH {
	width: 580px;
}
.borderradius .btn-regist, .borderradius .btn-seminar, .borderradius .btn-voice, .borderradius .btn-JH {
	width: 580px;
}


/*PRトップの展示会リンク*/
.exhibition_pr{
	background-image:url(../img/JHSPR.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	margin:-3em 0;
	}
	.exhibition_pr ul{
	}
	.exhibition_pr li{
	}
	.exhibition_pr li img{
		/*float:left;*/
	}
	.exhibition_pr li.exhibition_btn{
		display:block;
		margin-top:470px;
		/*margin-left:120px;*/
	}
	.exhibition_pr li.exhibition_btn img{
		width: 42%;
		/*margin-right:20px;*/
	}
	.exhibition_pr li.exhibition_btn_mobile{
		display:none;
	}
	.exhibition_pr li.exhibition_text img{
		width: 45%;
	}

/*PRトップのセミナーリンク*/
.seminar_pr{
	background-image:url(../img/seminar_bg_smapho.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:60px;
	padding-bottom: 45px;
	background-position:0px -100px;
	}
	.seminar_pr h2 {
		font-size: 4rem;
		color: white;
		margin-bottom:0.4em;
	}
	.voucher_pr{
		background-image:url(../img/voucher_bg_smapho.png);
		background-position:center;
		background-repeat:no-repeat;
		-moz-background-size:cover;
		background-size:cover;
		width:100%;
		overflow:hidden;
		padding-top:60px;
		padding-bottom: 45px;
		background-position:0px -100px;
		}
		.voucher_pr h2 {
			font-size: 4rem;
			color: white;
			margin-bottom:0.4em;
			letter-spacing: 3px;
		}
	.replace_pr h2 {
		color: #004ea2;
		font-size: 3.2rem;
		margin-top: .1em;
		/* margin-bottom:1em; */
	}
	.replace_title_s3 {
		width: 79%;
		color: #333;
		font-size: 1.6rem;
		line-height:2.6rem;
		/* margin-bottom:0.4em; */
	}
	.replace_title_s4{
		font-weight: normal;
		width: 66%;
		font-size: 1.4rem;
		margin-top: 3px;
		padding-bottom: 10px;
	}

	.seminar_title_s{
		font-size: 2.2rem;
		color: white;
		letter-spacing:8px;
		margin-bottom: -1px;
	}

	.voucher_title_s{
		font-size: 2.2rem;
		color: white;
		letter-spacing:2px;
		margin-bottom: -1px;
	}

	.replace_title_s{
		color: #333;
		font-size: 2.6rem;
		font-weight: bold;
		letter-spacing:7px;
		/* margin-bottom: -1px; */
	}
	.replace_title_s2{
		color: #333;
		font-size: 2.6rem;
		font-weight: bold;
		margin-bottom: .3em;
	}
	.seminar_pr img {
		width: 37%;
	}
	.japanhome_pr img {
		width: 37%;
	}

/*PRトップのIT導入補助金リンク*/
.ITSubsidy_pr{
	background-image:url(../img/ITSubsidy_bg.png);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:25px;
	padding-bottom: 25px;
	background-position:0px -100px;
	}
	.ITSubsidy_pr img.ITSubsidy_title {
		display: block !important;
		width: 63%;
	}
	.ITSubsidy_pr img.ITSubsidy_title_smapho {
		display: none !important;
	}
	.ITSubsidy_pr a p{
		display:inline;
		padding-left:.5em;
		font-size:18px; font-size:1.8rem;
		color:#06F;
	}
	.ITSubsidy_pr a  img.pdfIcon {
		width: 2.5%;
		vertical-align:top;
	}


/* whatsNew */
.whatsNew{
	padding:3em 0;
}
.whatsNew h2{
	color:#004ea2;
}
.whatsNew a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
}
.whatsNew a:hover, .whatsNew a:action{
	color:#3c88cc;
}
.whatsNew a:visited{
	color:#666;
}
.whatsNew p.lead{
	font-size:16px; font-size:1.6rem;
	padding: .25em 0;
	text-align:left;
}
.whatsNew p.lead2{
	font-size:16px; font-size:1.6rem;
	padding: .25em 0;
	text-align:left;
}
.whatsNew table{
	width:60%;
	margin:0 auto;
	margin-top:1em;
}
.whatsNew table tr td{
	vertical-align:top;
}
#nyutai {
	margin-top:-60px;
	padding-top:60px;
}
#draw {
	margin-top:-230px;
	padding-top:230px;
}


/*JHSオンラインサービスPR*/
.JHS-OS_pr{
	padding:4.2em 0;
}
.JHS-OS_pr .container {
	display: flex;
	justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	align-items: flex-start; /*上（左）揃え*/
	width:90%;
}
.JHS-OS_pr .JHS-OS_img{
	width: 43%;
}
.JHS-OS_pr .JHS-OS_text{
	width: 54%;
	text-align:left;
}

.JHS-OS_pr img {
	width: 100%;
}
.JHS-OS_pr h2 {
	font-size:28px; font-size:2.8rem;
}
.JHS-OS_pr p {
	width: 100%;
	margin:1em auto;
	text-align:left;
	font-size:18px; font-size:1.8rem;
}


/*ourClient-----------*/

.ourClient h2{
	font-size: 31px; font-size: 3.1rem;
	margin-top: -10px;
}

.ourclient-pc {
     width:auto;
     padding-bottom:0;
}
.ctx_client_link{
	font-size: 1.6rem;
	margin-top: 3rem;
	margin-bottom: 0em;
}

/*problem--------------*/
.problem li.section_case_item {
    width: 21%;
}

/*before_after----------------*/
ul.after_features {
    width: 100%;
}

.before_after h3{
	text-align:left;
}

li.after_features_item {
    padding: 3.5em;
	}

li.after_features_item .left_content {
width: 54%;
float: left;
margin-right: 10px;
	}

.left_content a.btn {
margin: 20px 0;
    font-size: 15px;
    font-size:1.5rem;
    padding: 1em;
}
.JH-backimage{
	height: 37em;
	background-image:url(../img/JH_promo_img.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: 0rem 0rem;

}

.left_content_s a.btn {
		margin: 20px 0;
		font-size: 15px;
		font-size:1.5rem;
		padding: 1em;
		display: block;
		color: white;
		background-color: #333;
		text-decoration: none;
		border-radius: 5px;
		width: 85%;
}

.before_after h2 img {
    margin-right: 0.2em;
    width: 25%;
}

.section h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6em;
}
.section h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6em;
}
.flex-order-2 h3{
	font-size: 2rem;
}

.schedule_feature img {
    width: 40%;
		margin-top: 0;
		margin-bottom: 2rem;
}

.left_content .lead {
	text-align: left;
	line-height: 2.7rem;
}

.left_content a.btn_red {
	margin: 0 ;
}

.flow-img{
	width: 85%;
}

.report_feature img {
    width: 40%;
		margin: 0;
		margin-bottom: 1rem;
}
.report_payment h3 {
	/* text-align: center; */
}

.talk_feature img {
	width: 30%;
margin: auto;
margin-left:10px;
    border: 2px #ccc solid;
		margin-bottom: 4rem;
}

.photo-flex {
	padding-top:11em;
}

.talk_feature .photo-flex img {
		width:98%;
		margin: auto;
		margin-right:10px;
		border: 2px #ccc solid;
		margin-bottom: 8rem;
}

li.after_features_item .left_content_s {
    width: 45%;
    float: left;
    margin-right: 10px;
	margin-top:6em;
}








.linkspeace{
	display: none;
}

.device p.lead {
	font-size: 26px;
  font-size: 2.6rem;
	line-height: 4rem;
	font-weight: bold;
}

.device p {
	margin-top: 10px;
    font-size: 18px;
    font-size: 1.8rem;
}

/* Footer */
.footer .left_content{
	float:left;
	width:340px;
	padding-right:0.1em;
}
.footer .right_content{
	float:left;
	width:500px;
	padding-right:1.2em;
}

.top h1 {
	margin-top: 10px;
    font-size: 30px;
    font-size: 3rem;
    margin-left: 5%;
}
.top_lead{
    margin: 0 auto;
    width: 90%;
    font-size: 17px;
    font-size: 1.7rem;
    margin-top: 0.5em;
	margin-left: 5%;
}
.top_lead_sub_main{
	margin:1em auto;
	width: 90%;
	font-size:13px; font-size:1.3rem;
	line-height:1.5em;
	text-align: left;
}
.top_lead_sub_main span{
	display:inline-block;
	border:solid 1px #666;
	padding:.8em 1em;
}
.top_lead_sub{
	margin:0 auto;
	width: 90%;
	font-size:13px; font-size:1.3rem;
	margin-top:1em;
	line-height:1.5em;
	text-align: left;
}


.top.-contact .top__item-box {
	position: relative;
}
.top.-contact .item-box__img {
	position: absolute;
	width: 25%;
	top: 8%;
	right: 3%;
}



.features p.lead {
    padding-top: 0.5em;
    font-size: 15px;
    font-size: 1.5rem;
}

.feature ul li img {
    width: 80%;
		text-align: center;
		padding: 0 10%;
		margin: 10px auto;
	}
.feature ul li img.processSheet {
    width: 100%;
		text-align: center;
		padding: 0;
		margin: 10px auto;
	}

	.feature ul li {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 1rem;
}

.feature ul li h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5em;
}
.feature ul li p {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.5em;
}

#feature2 a.btn-case {
    margin-left: -32em;
  margin-top: 2rem;
}
#feature4 a.btn-case {
    margin-left: -30em;
  margin-top: 2rem;
}

.voices{
	background-color: white;
}

.voices h1{
	margin-top: 2rem;
	font-size: 30px; font-size: 3rem;
	color: #666;
}
.voice h1{
	font-size: 40px; font-size: 4rem;
}
.voices h2{
	margin-top: 20px;
	font-size: 28px; font-size: 2.8rem;
	color: #666;
}
.voices .b{
	margin-top: -20px;
	color: #666;
}

.voices .btn {
width: 40%;
	}
.voices img.voiceHeader {
	width: 100%;
    margin-bottom: 1em;
}

.voice {
	padding-bottom: 0;
}
.voice img.voiceHeader {
padding-top: 30px;
	width: 90%;
    margin-bottom: 1em;
}

.voice .text-center {
    background-color: #f7931e;
    width: 100%;
    margin-top: 1rem;
}

.relationInfo{
	padding-top: 0;
}


.price_box {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
		margin-bottom: 3rem;
}

.price .price_image {
    width: 45%;
		border-bottom: none;
}


.faq h2{
	margin-left: -0.5rem;
}
.faq h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 0;
		padding-left: 1em;
		padding-right: 7%;
}

.faq {
width: auto;
}

.faq .container{
	width: 85%;
}

.faq_item p {
	text-align: left;
	width: 95%;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1.8em;
}

.faq h4 {
	text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    border-left: 8px solid #333;
    text-indent: 0.5em;
    padding-left: -0.5em;
    margin-bottom: 0.5em;
}

/* comtimes */
.comtimes{
}
.comtimes h2{
	background:url(../img/comtimes_bg.jpg) bottom;
	padding:.3em 0;
	margin:0 auto;
	width:100%;
}
.comtimes h2 img{
	width:55%;
}
.comtimes .triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #231815;
  margin:0 auto;
}
/*.comtimes a{
	text-decoration:none;
	color:#3c88cc;
	font-weight:bold;
}
.comtimes a:hover, .comtimes a:action{
	color:#004ea2;
}
.comtimes a:visited{
	color:#3c88cc;
}*/
.comtimes p.lead{
	font-size:24px; font-size:2.4rem;
	padding:.5em 0;
	text-align:left;
}
.comtimes p.lead2{
	font-size:24px; font-size:2.4rem;
	padding:.5em 0 .5em .5em;
	text-align:left;
}
.comtimes table{
	width:58%;
	margin:0 auto;
	margin-top:1em;
}
.comtimes table tr td{
	vertical-align:top;
}




/* LP_Top */
.lp_top{
	/*background-image:url(../img/lp_bg.png);*/
	/*background-position:bottom;*/
	/*background-repeat:no-repeat;*/
	/*-moz-background-size:cover;
	background-size:cover;*/
	background-color:#235eae;
	width:100%;
	overflow:hidden;
	margin: 0 auto;
	padding-top:2.5em;
	padding-bottom:1.8em;
}
.lp_top img{
	width:20%;
}
.lp_top h1{
	color:#fff;
	font-size:20px; font-size:2rem;
	font-weight:normal;
	margin: 0 auto;
}
.lp_top h1 img{
	width:28%;
	padding-bottom:0.5em;
}
.mov_wrap{
	position: relative;
	width:90%;
	padding-top: 50.25%;
	margin:2em auto;
}
.mov_wrap iframe {
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* LP_mov */
/* LP_Action */
.lp_mov, .lp_action{
	background:#f5f6f7;
}

/* LP_Footer */
.lp_footer{
	background:#235eae;
	padding:2.2em 1em;
}
.lp_footer .copyright{
}
.lp_footer .copyright .copyright_text{
	color:#fff;
}



	.float_box {
	    padding: 3%;
	    float: none;
	}

.sitepolicy h2{
	text-align: left;
}
.sitepolicy {
width: 85%;
}


/*セミナーLPページ-PCページ-------------*/
.SLP_main_top{
	background-image:url(../img/seminar_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:200px;
	padding-bottom: 120px;
}
.SLP_main_top h1 {
	width: 100%;
	font-size: 3.8rem;
	color: white;
	font-weight: normal;
	margin-bottom:2em;
	line-height: 4.5rem;
	letter-spacing: 6px;
}
.section_seminar{
	background-color:#f5f6f7;
	padding-top: 40px;
	padding-bottom: 25px;
}
.section_seminar h2 {
	font-size: 3.7rem;
	color: #009ee5;
}
.section_seminar p {
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 2.5rem;
}
.redtext {
	color: red;
	font-weight: bold;
	margin: 0 auto;
	width: 90%;
	padding-top: 7px;
	font-size: 2.5rem;
}

.textsize_s{
	font-size: 1.7rem;
	font-weight: normal;
}

.SLP_seminar_item{
	width: 90%;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 15PX;
	background-color: #fff;
	border: 1px solid #ddd;
}
.SLP_seminar_item p{
	font-size: 2.6rem;
padding-bottom: 5px;
color: #009ee5;
}

.SLP_seminar_item ul{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.SLP_seminar_item li{
	font-size: 2.2rem;
	font-weight:bold;
	/*width: 90%;*/
	text-align:left;
	/*list-style:initial;*/
	margin: 0 auto;
	line-height: 3.5rem;
}
.slp_btn-regist{
	display:inline-block;
	background:#d47717;
	color:#fff;
	width:70%;
	margin-top: 30px;
	margin-bottom: 15px;
	padding:.5em 0;
	font-size:18px; font-size:2.4rem;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.slp_btn-regist:hover{
	background:#d49452;
	color:#fff;
}
.SLP_readtext{
	text-align: left;
	margin-top: 3rem;
	margin-left: 5%;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 4.2rem;
	margin-bottom: 15px;
	float: left;
}
.right_SLP_readtext{
	/*text-align:right;*/
	margin-top: 3rem;
	/* margin-right: 10%; */
	margin-right: -35%;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 4.2rem;
	margin-bottom: 15px;
	/* float: right; */
}
.left_brand_img{
	float: right;
	margin-top: 30px;
	margin-right: 20px;
	width: 40%;
}
.right_brand_img{
	float:left;
	margin-top: -30px;
	margin-left:-40px;
	margin-right: 35px;
	width: 50%;
}

.brand_bodytext{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	padding-bottom: 4rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
	clear:left;
}
.right_brand_bodytext{
	text-align: left;
	/*width: 90%;*/
	/*margin-left: 10px;*/
	/*margin: 0 auto;*/
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	padding-bottom: 3rem;
	border-bottom-style: dashed;
	border-color: #999;
	border-width: 1px;
	clear:right;
}

.brand_bodytext_noborder{
	text-align: left;
	width: 90%;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 3.4rem;
	margin-top: 15px;
	margin-bottom: 3.5rem;
	/*padding-bottom: 3rem;*/
	clear:left;
}
.SLP_story_btn {
	text-align:left;
	/*width:50%;*/
	margin: 0 0;
	margin-top: -10px;
	margin-left: 5%;
	margin-bottom: 30px;
}

.SLP_target h2{
	margin: 0 auto;
	margin-top: 20px;
	width: 80%;
	font-size: 3.4rem;
	color: #000;
	line-height: 4.5rem;
}

.SLP_target ul{
	text-align: center;
	margin: 0 auto;
	margin-top: 25px;
	margin-left: 10%;
	margin-bottom: 50px;
}
.checklist{
	font-weight: bold;
	width: 85%;
	line-height: 4.5rem;
	text-align: left;
	margin: 0 auto;
	font-size: 2.5rem;
	padding-left: 30px;
	background-image: url(../img/checkBox.png);
	background-repeat: no-repeat;
	background-size: 25px;
	background-position: 0 7px;
}

.lp_footer .copyright_text a {
	text-decoration: none;
	color: #fff;
}
/*セミナーページEND--------------*/

/*ストーリーエリア*/
.story_bg_area {
	background-image:url(../img/story_bg01.png);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:contain;
	width:100%;
	overflow:hidden;
	padding-top:5px;
	padding-bottom: 40px;
	background-position:0 -80px;
}
.klp_story_area{
	margin: 0 auto;
	width: 70%;
	margin-top: 3%;
}
.story-textcontainer{
	text-align: left;
}
.klp_shoulder_text{
	color:#0068b3;
	/*color:#009ee5;*/
font-size: 2rem;
}
.klp_text-center{
	text-align: left;
	font-size: 4rem;
	margin-top: 20px;
margin-bottom: 30px;
}

.klp_story_bodytext{
	width: 100%;
	padding-top: 200px;
	font-size: 1.7rem;
	line-height: 4.1rem;
}

.klp_story_lasttext{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 4.3rem;
}
.story_name{
	font-size: 1.5rem;
	margin-top: 30px;
	margin-bottom: 80px;
}



/* SLP_Contact_Top */
.slp_contact_top{
	padding:3em;
}
h1.slp_contact_top_h1{
	font-size:30px; font-size:3.0rem;
	text-align:left;
}
p.slp_contact_top_p{
}






/* 働き方カイゼン！ページ-------------------------------------------- */


.workstyle_header{
	width:100%;
}
.workstyle_header .container{
	position:relative;
}
.workstyle_header h1.header_logo{
	position:absolute;
	padding:.5em 0 0 .5em;
}


/* WorkStyle_Top */
.workstyle_top{
	background:url(../img/workstyle_top@3x.jpg);
	background-position:right;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	border: none;
}
.ccue_certification_area {
	position:relative;
}
.ccue_certification_area img{
	position:absolute;
	width:35%;
	left:2%;
	margin-top:0;
}

.workstyle_copy{
	position:relative;
	width:100%;
	height:320px;
	transform: rotate(-5deg);
}
.workstyle_copy h1.main_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:88px; font-size:8.8rem;
	letter-spacing: -0.5rem;
	top:60%;
	left:3%;
}
.workstyle_copy h2.sub_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:39px; font-size:3.9rem;
	color:#fff;
	top:42%;
	left:3%;
}


/* WorkStyle_Point *//*CCUS_Op*/
.workstyle_point ul li, .workstyle_op ul li{
	width: 50%;
	margin-bottom:2em;
}
.ccus_op ul li{
	margin-top:-7em;
}
.workstyle_point ul li img.ex_img,.workstyle_op ul li img.ex_img{
	width: 70%;
	margin:1em 0;
}
.workstyle_point ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:2.5em 0 .25em -.5em;
}
.workstyle_point ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em .5em -1em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}
.workstyle_point ul li h3.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:2em -.5em .25em 1.5em;
}
.workstyle_point ul li p.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 -1em .5em 3.5em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}

.workstyle_op {
	background-color:#f2fafe;
}
.workstyle_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:0 0 .25em -.5em;
}
.workstyle_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:36px; font-size:3.6rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
}
.workstyle_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:4em 0 .5em -19.5em;
}
.ccus_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:3em 0 0 -33.5em;
}
.ccus_op ul li img{
	width: 80%;
    margin: 2em auto 0;
}
.workstyle_op ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em .5em -1em;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}


/*CCUS_Message*/
.ccus_message{
	background:#fff;
	border-bottom:solid 1px #ccc;
}
.ccus_message_content{
}
.ccus_message h1{
	font-family: 'Noto Sans JP', sans-serif;
	width:80%;
	margin:0 auto;
	color:#235eae;
	font-size:30px; font-size:3rem;
	line-height:1.3em;
}
.ccus_message_content a.btn{
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:16px; font-size:1.6rem;
	display: block;
    color: #fff;
	font-weight:bold;
    background-color: #235eae;
    text-decoration: none;
    padding: 1em;
    border-radius: 30px;
    width: 30%;
    margin: 1.5em auto 0;
}






/* フィールド業務ページ ------------------------------------------------------ */

.fieldwork_like .container, .fieldwork_add .container, .fieldwork_price .container {
	width:100%;
	padding:0 auto;
	margin:0 auto;
}

/* Fieldwork_Top */
.fieldwork_top{
	background-image:url(../img/fieldwork_top@2x.jpg);
	background-position:center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	padding-top:100px;
	padding-bottom: 50px;
}
.fieldwork_top h1 {
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	margin:1.5em 0 .5em;
}
.fieldwork_top h2 {
	color:#FFF;
	font-size:52px; font-size:5.2rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom: 50px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
/*フィールド業務お問合せボタン*/
/* border-radius がサポートされていない場合 */
.no-borderradius .fieldwork_btn-regist, .fieldwork_btn-regist{
	display:inline-block;
	text-decoration: none;
	background:#f15a24;
	color:#fff;
	width:40%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	border-radius: 5px;
}
/* border-radius がサポートされている場合 */
.borderradius .fieldwork_btn-regist{
	display:inline-block;
	background:#f15a24;
	color:#fff;
	width:40%;
	padding:.8em 0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	letter-spacing:.15em;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
.fieldwork_btn-regist:hover{
	background:#f47a4a;
	color:#fff;
}


/* Fieldwork_Check */
.fieldwork_check{
	width:75%;
	margin:0 auto;
	padding:3em 0 0;
}
.fieldwork_check img{
	width:28px; width:2.8rem;
	margin-right:.5em;
}
.fieldwork_check p{
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:left;
}
.fieldwork_check table{
	width:90%;
	margin:1em auto 0;
}
.fieldwork_check table tr td{
	vertical-align:top;
}


/* Fieldwork_Like */
.fieldwork_like{
	width:100%;
	margin:0 auto;
}
.fieldwork_like_suggestion{
	background:#444;
	margin:-3rem auto 0;
}
.fieldwork_like_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #444;
  margin:0 auto;
}

.fieldwork_like h2{
	color:#065ca8;
	font-size:32px; font-size:3.2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1em 0;
}
.fieldwork_like h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:1.5em auto .5em;
}
.fieldwork_like h3 img{
	margin:0 .25em;
	vertical-align:top;
	width:28%;
}
.fieldwork_like h4{
	color:#fff;
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
	line-height:1.3em;
}
.fieldwork_like ul{
	width: 90%;
	margin:0 auto;
}
.fieldwork_like ul li{
	width: 50%;
	margin-bottom:2em;
}
.fieldwork_like ul li img.ex_img{
	width: 80%;
	margin:1em 0;
}
.fieldwork_like ul li p{
	width: 80%;
	margin:0 auto;

	font-size:18px; font-size:1.8rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Add */
.fieldwork_add{
}
p.fieldwork_add_suggestion{
	margin-top:-10rem;

	color:#065cab;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	margin-bottom:.25em;
}
div.fieldwork_add_suggestion{
	background:#065cab;
}
.fieldwork_add_suggestion h1{
	color:#FFF;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.triangle2{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #065cab;
  margin:0 auto;
}

.fieldwork_add_main{
	width:90%;
	margin:0 auto;
}

.fieldwork_add h2{
	color:#065ca8;
	font-size:25px; font-size:2.5rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	padding-bottom:.25em;
	border-bottom:solid 1px #065cab;
	margin:1em 0;
	width: 95%;
}
.fieldwork_add h3{
	font-size:21px; font-size:2.1rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin-top:.8em;
}
.fieldwork_add ul.fieldwork_add_talk{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.fieldwork_add ul.fieldwork_add_talk li{
	width: 50%;
	margin-bottom:2em;
}
.fieldwork_add ul li img.ex_img{
	width: 80%;
}
.fieldwork_add ul li p{
	width: 85%;
	margin:0 auto;

	font-size:18px; font-size:1.8rem;
	line-height:1.7em;
	text-align:left;
}


/* Fieldwork_Price */
.fieldwork_price{
}
.fieldwork_price_suggestion{
	background:#eee;
	padding:0 0 1.5em;
	margin-top:-10rem;
}
.fieldwork_price_suggestion h1{
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.15em;
	padding:1em 0;
}
.fieldwork_price .more_area{
}
.fieldwork_price .more_area a{
	display:block;
	width:20%;
	margin:0 auto;
	background:#fff;
	color:#07f;
	font-size:14px; font-size:1.4rem;
	padding:1em 2em;
	border-radius: 30px;        /* CSS3草案 */
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;   /* Firefox用 */
}
.square{
	width:95%;
	background:#fff;
	padding:1em 0;
	margin:-2em auto 0;
}
.fieldwork_price_main{
	background:#fff;
	width:95%;
	margin:-2em auto 1em;
	padding:1em 0;
}
.fieldwork_price_main img{
	width:95%;
}


/* Fieldwork_Action */
.fieldwork_action{
}
.fieldwork_action .fieldwork_action_p {
	margin-top:-7rem;

	color:#f15a24;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	margin-bottom:.25em;
}
.fieldwork_message{
	margin-top:3em;
}
.fieldwork_message p{
	width: 80%;
	margin:1em auto;

	font-size:16px; font-size:1.6rem;
	line-height:1.7em;
	text-align:left;
}




/* 無料ではじめようページ--------------------------------------------------- */
.begin_top{
	background-color:#f1f5da;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_top h1{
	font-family: 'Noto Sans JP', sans-serif;
	margin-top:1em;
}
.begin_top img{
	width:15%;
	margin:.25em .15em 0;
}
.begin_top p{
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_freePlan */
.begin_freePlan h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul{
	width: 90%;
	margin:0 auto;
}
.begin_freePlan ul li{
	width: 50%;
	margin-bottom:2em;
}
.begin_freePlan ul li img{
	width: 95%;
	margin:1em 0;
}
.begin_freePlan ul li h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:.5em auto .8em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li p{
	width: 92%;
	margin:0 auto;
	font-size:16px; font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_flow */
.begin_flow{
	background-color: #eee;
	overflow: hidden;
}
.begin_flow ul li{
	width: 30%;
	margin-bottom:0;
}
.begin_flow img {
}
.begin_flow h2{
	color:#065ca8;
	font-size:26px; font-size:2.6rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p {
	padding:1em 0 0;
	font-size: 16px; font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.tag {
	font-size:14px; font-size:1.4rem;
	display:inline-block;
	color:#fff;
	background:#666;
	padding:.15em .5em .3em;
	margin-right:.5em;
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.red {
	color:#f00;
	background:none;
	margin-right:.15em;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_Action */
.begin_action h2 {
	color:#82ae1d;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	/*text-shadow:1px 1px 3px #999;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_action ul{
	width: 90%;
	margin:1em auto 0;
}
.begin_action ul li{
	width: 30%;
	margin-top:3em;
}
.begin_action ul li h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#065ca8;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.vertical_line{
	display:inline-block;
	height:1em;
	border-left:1px solid #065ca8;
	margin:1.25em auto 0;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-begin-main, .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1;

}
/* border-radius がサポートされている場合 */
.borderradius .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1;
}
.btn-begin-main:hover{
	background:#afc654;
	color:#fff;
}


/* support-movie */
a.nav-link span.smartphone{
    font-size: 1.3rem;
}

.f-container_index{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	width: 75%;
}

.f-item_index_box1{
	width: 40%;
	/* background-color: #ececec; */
	min-width: 0;
}
.f-item_index_box2{
	width: 1px;
	background-color: #ececec;
	min-width: 0;
	margin: 0 2em 0 2em;
}

.tbl-index td.sind{
	width: 93%;
}
.tbl-index td.sindTime{
	width: 7%;
}
/* support-movie_END*/

.container.-special{
	max-width: 790px;
}


}
/*end*/
/*--- PC1280px以上のCSS ----------------------------------------------*/
@media screen and (min-width:1300px){



/* Movie_Top */
.movie_top {
	position: relative;
	/* background-image:url(../img/bg_smapho.png); */
	/* background-position:center; */
	/* background-repeat:no-repeat; */
	/* -moz-background-size:cover; */
	/* background-size:cover; */
	width:100%;
	overflow:hidden;
	padding-top:51px;
	padding-bottom: 0;
}
.key_box {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/* video */
.video-box {
	position: relative;
	width: 100%;
}
.video {
	display: block;	/* 動画下の変なすき間を消す。vertical-align: top;でも可 */
	width: 100%;
	height: 100%; 
	min-width: 100vw;
	max-height: calc(95vh - 51px);
	object-fit: cover;
}

/* overlay */
.overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}
/* text */
.text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.text-box h1 {
	font-size: 45px; font-size: 4.5rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: .25em;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin: 5.5em 0 4em;
}
.text-box p {
	font-size: 20px; font-size: 2rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
  line-height: 1.2;
  padding: 0 50px;
  text-align: center;
	color: #fff;
	margin-top: .5em;
}
.text-box .action_message {
	margin: 1.5em auto;
}
.key_box .text-box .btn-regist {
	font-size: 20px; font-size: 2rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	width: 25%;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 2px;   /* Firefox用 */ 
	/* margin: 0 0 1em; */
}
.text-box p img.ccus_mark {
	position: absolute;
	left: 15%;
	bottom: 0;
	width: 15%;
}
.text-box p img.angle_bottom {
	position: absolute;
	left: 48.5%;
	bottom: -8%;
	width: 2em;
}


.top.-contact .top__item-box {
	position: relative;
}
.top.-contact .item-box__img {
	position: absolute;
	width: 25%;
	top: 8%;
	right: 6%;
}


.faq .container{
	width: 960px;
}



/*JHSオンラインサービスPR*/
.JHS-OS_pr .container {
	width:68%;
}



/*ストーリーエリア*/
.story_bg_area {
	background-image:url(../img/story_bg01.png);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:contain;
	width:100%;
	overflow:hidden;
	padding-top:5px;
	padding-bottom: 40px;
	background-position:0 -150px;
}
.klp_story_bodytext{
	padding-top: 280px;
}




/*comtimes*/
.comtimes h2{
	background:url(../img/comtimes_bg.jpg) bottom;
	padding:.3em 0;
	margin:0 auto;
	width:100%;
}
.comtimes h2 img{
	width:42%;
}
.comtimes .triangle1{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #231815;
  margin:0 auto;
}





/* 働き方カイゼン！ページ-------------------------------------------- */


.workstyle_header{
	width:100%;
}
.workstyle_header .container{
	position:relative;
}
.workstyle_header h1.header_logo{
	position:absolute;
	padding:.5em 0 0 .5em;
}


/* WorkStyle_Top */
.workstyle_top{
	background:url(../img/workstyle_top@3x.jpg);
	background-position:top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	width:100%;
	overflow:hidden;
	border: none;
}
.ccue_certification_area {
	position:relative;
}
.ccue_certification_area img{
	position:absolute;
	width:50%;
	left:2%;
	margin-top:0;
}

.workstyle_copy{
	position:relative;
	width:100%;
	height:460px;
	transform: rotate(-5deg);
}
.workstyle_copy h1.main_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:115px; font-size:11.5rem;
	letter-spacing: -0.5rem;
	top:62%;
	left:3%;
}
.workstyle_copy h2.sub_text{
	position:absolute;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:50px; font-size:5rem;
	color:#fff;
	top:46%;
	left:3%;
}


/* WorkStyle_Point *//*CCUS_Op*/
.workstyle_point ul li, .workstyle_op ul li{
	width: 50%;
	margin-bottom:2em;
}
.ccus_op ul li{
	margin-top:-7em;
}
.workstyle_point ul li img.ex_img,.workstyle_op ul li img.ex_img{
	width: 70%;
	margin:1em 0;
}
.workstyle_point ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:40px; font-size:4rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:2.5em 0 .25em -.5em;
}
.workstyle_point ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em .5em -1em;

	font-size:18px; font-size:1.8rem;
	line-height:1.7em;
	text-align:left;
}
.workstyle_point ul li h3.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:40px; font-size:4rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:2em -.5em .25em 1.5em;
}
.workstyle_point ul li p.style_inversion{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 -1em .5em 3.5em;

	font-size:18px; font-size:1.8rem;
	line-height:1.7em;
	text-align:left;
}

.workstyle_op {
	background-color:#f2fafe;
}
.workstyle_op ul li h3{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:40px; font-size:4rem;
	font-weight:bold;
	line-height:1.3em;
	padding-bottom:.5em;
	text-align:left;
	margin:0 0 .25em -.5em;
}
.workstyle_op ul li h4{
	display:inline-block;
	padding:.25em 1em .35em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	color:#009ee5;
	background-color:#fff;
	border:3px solid #009ee5;
	border-radius: 50px;
	vertical-align:bottom;
	margin:4em 0 .5em -16.5em;
}
.workstyle_op ul li p{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	margin:0 1em .5em -1em;

	font-size:18px; font-size:1.8rem;
	line-height:1.7em;
	text-align:left;
}


/*CCUS_Message*/
.ccus_message{
	background:#fff;
	border-bottom:solid 1px #ccc;
}
.ccus_message_content{
}
.ccus_message h1{
	font-family: 'Noto Sans JP', sans-serif;
	width:85%;
	margin:0 auto;
	color:#235eae;
	font-size:32px; font-size:3.2rem;
	line-height:1.5em;
}
.ccus_message_content a.btn{
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:16px; font-size:1.6rem;
	display: block;
    color: #fff;
	font-weight:bold;
    background-color: #235eae;
    text-decoration: none;
    padding: 1em;
    border-radius: 30px;
    width: 30%;
    margin: 1.5em auto 0;
}





/* フィールド業務ページ ------------------------------------------------------ */

/* Fieldwork_Check */
.fieldwork_check{
	width:65%;
	margin:0 auto;
	padding:3em 0 0;
}
.fieldwork_check img{
	width:32px; width:3.2rem;
	margin-right:.5em;
}
.fieldwork_check p{
	font-size:32px; font-size:3.2rem;
	font-weight:bold;
	padding-bottom:.5em;
	text-align:left;
}
/* Fieldwork_Like */
.fieldwork_like ul{
	width: 65%;
	margin:0 auto;
}
/* Fieldwork_Add */
.fieldwork_add_main{
	width:65%;
	margin:0 auto;
}
/* Fieldwork_Price */
.fieldwork_price .more_area a{
	display:block;
	width:15%;
	margin:0 auto;
	background:#fff;
	color:#07f;
	font-size:14px; font-size:1.4rem;
	padding:1em 2em;
	border-radius: 30px;        /* CSS3草案 */
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px;   /* Firefox用 */
}
.square{
	width:65%;
	background:#fff;
	padding:1em 0;
	margin:-2em auto 0;
}
.fieldwork_price_main{
	background:#fff;
	width:65%;
	margin:-2em auto 1em;
	padding:1em 0;
}
/* Fieldwork_Action */
.fieldwork_action .fieldwork_action_p {
	margin-top:-7rem;
}



/* 無料ではじめようページ--------------------------------------------------- */
/* Begin_freePlan */
.begin_freePlan h2{
	color:#065ca8;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul{
	width: 100%;
	margin:0 auto;
}
.begin_freePlan ul li{
	width: 48%;
	margin-bottom:2em;
}
.begin_freePlan ul li img{
	width: 95%;
	margin:1em 0;
}
.begin_freePlan ul li h3{
	font-size:20px; font-size:2rem;
	font-weight:bold;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:.5em auto .8em;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_freePlan ul li p{
	width: 92%;
	margin:0 auto;
	font-size:16px; font-size:1.6rem;
	line-height:1.6em;
	text-align:left;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_flow */
.begin_flow{
	background-color: #eee;
	overflow: hidden;
}
.begin_flow ul li{
	width: 30%;
	margin-bottom:0;
}
.begin_flow img {
}
.begin_flow h2{
	color:#065ca8;
	font-size:28px; font-size:2.8rem;
	font-weight:bold;
	line-height:1.3em;
	margin:1em 0;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p {
	padding:1em 0 0;
	font-size: 16px; font-size:1.6rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.tag {
	font-size:14px; font-size:1.4rem;
	display:inline-block;
	color:#fff;
	background:#666;
	padding:.15em .5em .3em;
	margin-right:.5em;
	vertical-align:middle;
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_flow p span.red {
	color:#f00;
	background:none;
	margin-right:.15em;
	font-family: 'Noto Sans JP', sans-serif;
}

/* Begin_Action */
.begin_action h2 {
	color:#82ae1d;
	font-size:32px; font-size:3.2rem;
	font-weight:bold;
	/*text-shadow:1px 1px 3px #999;*/
	font-family: 'Noto Sans JP', sans-serif;
}
.begin_action ul{
	width: 100%;
	margin:1em auto 0;
}
.begin_action ul li{
	width: 30%;
	margin-top:3em;
}
.begin_action ul li h3{
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	color:#065ca8;
	line-height:1.3em;
	letter-spacing:.1em;
	margin:0 auto;
	font-family: 'Noto Sans JP', sans-serif;
}
.vertical_line{
	display:inline-block;
	height:1em;
	border-left:1px solid #065ca8;
	margin:1.25em auto 0;
}

/* border-radius がサポートされていない場合 */
.no-borderradius .btn-begin-main, .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:22px; font-size:2.2rem;
	font-weight:bold;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1;
}
/* border-radius がサポートされている場合 */
.borderradius .btn-begin-main{
	color:#065ca8;
	border:2px solid #065ca8;
	width:80%;
	max-width: 190px;
	padding:0;
	font-size:22px; font-size:2.2rem;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	display:flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	line-height: 1;
}
.btn-begin-main:hover{
	background:#afc654;
	color:#fff;
}

.f-container_index{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: 0 auto;
	width: 75%;
}

.f-item_index_box1{
	width: 35%;
	/* background-color: #ececec; */
	min-width: 0;
}
.f-item_index_box2{
	width: 1px;
	background-color: #ececec;
	min-width: 0;
	margin: 0 2em 0 2em;
}

/* support-movie_END*/

.privacy p.legal_lead.mt-middle{
	margin-top:3em;
}
}

a.link-text{
    color: #18A0FB;
	font-weight: 500;
	text-decoration: none;
}
a.link-text:hover{
	color: #004794;
}

/*お客様の声-業者さんヒアリング部分のCSS*/
@media screen and (max-width: 599px) {
	.voice .iv-inner{
		width: 90%;
		margin: 0 auto;
		padding: 2rem 0 3rem 0;
	}
	.voice .iv-inner p.iv-person_caption{
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1.4;
		font-size: 1.5rem;
	}
	.iv-inner .iv-individual.-left{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  flex-direction: row;
	  margin-top: 2.5rem;
	  align-items: center;
	}
	.iv-inner .iv-individual.-right{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row-reverse;
		margin-top: 2.5rem;
		align-items: center;
	}
	.iv-inner .iv-individual:first-child{
		margin-top: 0;
	}  
	.iv-inner .iv-individual .person-box.-left{
	  width: 100%;
	}
	.iv-inner .iv-individual .person-box.-right{
		width: 100%;
	  }
	.iv-inner .iv-individual .person-box img.person-img{
		width: 11rem;
	  }
	.iv-inner .iv-individual ul.person-left{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		margin-top: 1.5rem;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul.person-right{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		margin-top: 1.5rem;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul li{
		padding: 0;
		font-size: 1.6rem;
		text-align: left;
		line-height: 1.7;
		padding-left: 1em;
		text-indent: -1em;
	}
	.iv-inner .iv-individual span.blue-text{
		color: #2F5496;
		font-weight: 500;
	}
}
@media screen and (min-width:600px) {
	.voice .iv-inner{
		width: 90%;
		margin: 0 auto;
		padding: 2rem 0 3rem 0;
	}
	.voice .iv-inner p.iv-person_caption{
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1.4;
		font-size: 1.5rem;
	}
	.iv-inner .iv-individual.-left{
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: center;
	  flex-direction: row;
	  margin-top: 2.5rem;
	  align-items: center;
	}
	.iv-inner .iv-individual.-right{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row-reverse;
		margin-top: 2.5rem;
		align-items: center;
	}
	.iv-inner .iv-individual:first-child{
		margin-top: 0;
	}  
	.iv-inner .iv-individual .person-box.-left{
	  width: 100%;
	}
	.iv-inner .iv-individual .person-box.-right{
		width: 100%;
	  }
	.iv-inner .iv-individual .person-box img.person-img{
		width: 11rem;
	  }
	.iv-inner .iv-individual ul.person-left{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		margin-top: 1.5rem;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul.person-right{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		margin-top: 1.5rem;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul li{
		padding: 0;
		font-size: 1.6rem;
		text-align: left;
		line-height: 1.7;
		padding-left: 1em;
		text-indent: -1em;
	}
	.iv-inner .iv-individual span.blue-text{
		color: #2F5496;
		font-weight: 500;
	}
}
@media screen and (min-width:960px){
	.voice .iv-inner{
		width: 90%;
		margin: 0 auto;
		padding: 2rem 0 3rem 0;
	}
	.voice .iv-inner p.iv-person_caption{
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 1.4;
		font-size: 1.5rem;
	}
	.iv-inner .iv-individual.-left{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: row;
		margin-top: 2.5rem;
		align-items: center;
	  }
	.iv-inner .iv-individual.-right{
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  flex-direction: row-reverse;
		  margin-top: 2.5rem;
		  align-items: center;
	  }
	.iv-inner .iv-individual:first-child{
		  margin-top: 0;
	  }
	.iv-inner .iv-individual .person-box.-left{
		width: 17%;
		margin-right: 1rem;
	  }
	.iv-inner .iv-individual .person-box.-right{
	    width: 17%;
	    margin-left: 1rem;
	  }
	.iv-inner .iv-individual .person-box img.person-img{
		width: 12rem;
	  }
	.iv-inner .iv-individual ul.person-left{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul.person-right{
		width: 75%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		background: #F2F6FA;
		padding: 3rem 2rem;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 0px;
		align-items: flex-start;
	}
	.iv-inner .iv-individual ul li{
		padding: 0;
		font-size: 1.6rem;
		text-align: left;
		line-height: 1.7;
		padding-left: 1em;
		text-indent: -1em;
	}
	.iv-inner .iv-individual span.blue-text{
		color: #2F5496;
		font-weight: 500;
	}
	
	/*special*/
	.container.-special{
		max-width: 840px;
	}
}
/* @media screen and (min-width:1300px){
} */

/* プライバシーポリシー＆利用規約レイアウト調整 */
.section.privacy p,li.legal_item{
	font-size: 15px;
}
.section.privacy h2{
	font-size: 18px;
}
.section.privacy ul.section_case{
	padding-left: 0;
}
.section.privacy li.legal_item{
	padding-left: 2.3em;
	text-indent: -2.3em;
}
.section.privacy li.legal_item.-round_number{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.section.terms h2,h3{
	font-size: 20px;
}
.section.terms h3{
	font-size: 20px;
}
.section.terms p{
	font-size: 15px;
}
.section.terms li.legal_item{
	padding-left: 2em;
	text-indent: -2em;
}
.section.terms li.legal_item.-one_number{
	padding-left: 1.5em;
	text-indent: -1.5em;
}
@media screen and (max-width: 599px) {
	.section.privacy li.legal_item{
		padding-left: 1em;
		text-indent: -1em;
	}
}

/* Begin_Action  共通*/
.begin_action .btn-wrap{
	margin-top: .5em;
	height: 70px;
}
.begin_action ul li img{
	width: auto;
	height: 100%;
	margin:0 auto;
	display: block;
}
.begin_action ul li a{
	width: fit-content;
	height: fit-content;
}
.begin_action ul li img.appStoreBadge {
	transform: scale(.95);
}
.begin_action ul li img.googlestore {
	transform: scale(.9);
}