@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
	font-size: 17px;
	line-height: 2;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong{
	font-weight: bold;
}

dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 2em;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr{
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding:0;
	margin: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #c8c8c8;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}


/*------------------------------------------------------------
賢威テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;
	/*font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #0070c9;
	text-decoration: underline;
}

a:hover,
a:active,
a:focus{
	color: #0070c9;
	text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

select{
	max-width: 100%;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
}

.al-c img{ max-width: 100%; }


p{
	margin: 0 0 1em;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
}

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 115px 45px 80px;
	background: #eeeeee;
}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 58px;
	height: 45px;
	content: url(../images/icon/icon-laquo.png);
}

blockquote:after{
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 58px;
	height: 45px;
	content: url(../images/icon/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon/icon-laquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon/icon-raquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

	}

blockquote a{
	color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #f60;
}

q{
	background: #ccc;
}

table{
	width: 100%;
	margin: 1em 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

th,
td{
	padding: 1.25em 1em;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

th{
	background-color: #e9e9e9;
	font-weight: bold;
	text-align: left;
}

thead th{
	background-color: #333333;
	color: #fff;
	text-align: center;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}


/*--------------------------------------------------------
テンプレートレイアウト
--------------------------------------------------------*/
.sp_only{
	display: block;
}
.site-header,
.global-nav,
.main-body,
.site-footer{
	min-width: 980px;
}
.site-header-bg{
	background-color:#ffffff;
}
.site-header-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: auto;
}
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 980px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

/*1カラムレイアウト*/
.col1 .main-body-in{
	width: 100%;
}

.col1 .breadcrumbs{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	float: left;
	width: 65%;
}

.col2 .sub-conts{
	float: right;
	width: 30%;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 65%;
}

.col2r .sub-conts{
	float: left;
	width: 30%;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.site-header{
}

.site-header-conts{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	width: 100%;
	padding: 0;
}

/*ヘッダーロゴ*/
.site-title{
	margin: 15px 5px 15px 20px;
}

.nav-logo{
	margin: 0 0 0 0;
}

.site-title a{
	display: block;
	line-height: 1;
}
.nav-logo a{
	display: block;
	line-height: 1;
	margin: 15px 5px 15px 20px;
}
.site-title img,
.nav-logo img{
	width: auto;
	height: 40px;
}
.site-description,
.site-description-fix{
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 70px;
	color: #10318A;
	flex-grow:1;
	font-size: 14px;
	font-feature-settings: "palt";
	font-weight: 700;
}

/*ヘッダー右側の要素*/

.header-box,
.nav-cv-btn{
	width: 300px;
}
.header-box a,
.nav-cv-btn a{
	display: table;
	margin-top: 10px;
	margin-right: 22px;
	min-height:50px;
	padding: 0 0 0 30px;
	text-decoration: none;
	color: #ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	border-radius: 30px;
	background-color: #FF9329;
	opacity: 1;
	text-align:center;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);

}
.header-box a:hover,
.nav-cv-btn a:hover{
	background-color: #FF9329;
	box-shadow: 0 0px 4px rgba(0,0,0,0.3);
}
.header-box a{
	margin-top: 10px;
	margin-right: 22px;
}
.nav-cv-btn a{
	margin-top: 10px;
	margin-right: 0px;
}
.header-box p,
.nav-cv-btn p{
	position: relative;
	display: table-cell;
	width: 320px;
	vertical-align: middle;
	line-height:1
}
.header-box p:after,
.nav-cv-btn p:after{
	position:absolute;
	width: 7px;
	height: 50px;
	display: block;
	content: "";
	background: url(../images/icon/icon-arrow-white.png) center center no-repeat;
	background-size: 7px auto;
	left: 0px;
	top: 0px;
	line-height: 50px;
}

.header-box p span,
.nav-cv-btn p span{
	width:100%;
	display:inline-block;
}
.header-box p span.main,
.nav-cv-btn p span.main{
	font-size: 18px;
}
.header-box p span.campaign,
.nav-cv-btn p span.campaign{
	font-size: 12px;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.top-menu li{
	display: inline-block
}

/*ヘッダーの全画面表示*/
.full-screen{
	background: url(../images/lp-image.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}

.full-screen .site-header-in{
	display: table;
}

.full-screen .site-header-conts{
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 1em;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title{
	display: block;
}

.contact-btn{
	margin-bottom: 0;
}

.full-screen .site-header-conts h1{
	width: auto;
	margin: 0;
}

.full-screen .site-header-conts p{
	font-size: 2em;
}

.full-screen .site-header-conts p a{
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/
.is-fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

.site-logo{
	display: table-cell;
    padding:0;
}
.site-logo img{
	height:44px;
	width:auto;
    margin-top:21px;
	margin-left:30px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.is-fixed .site-logo img{
	max-height:34px;
	width:auto;
    margin-bottom:15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
/*ヘッダーロゴ*/
.site-title{
	font-size: 2em;
	margin: 1em 0;
}

.global-nav{
	display: table;
	width: 100%;
	padding: 0;
	background-color: rgba( 255, 255, 255, 0.9 );
	color: #000;
	font-weight: bold;
}

/*グローバルナビの開閉用ボタン*/
.global-nav-panel{
	display: none;
	text-align: center;
}

.menu-close .close-btn{
	display: none;
}

.menu-close .menu-btn{
	display: block;
}

.menu-open .close-btn{
	display: block;
}

.menu-open .menu-btn{
	display: none;
}

.global-nav-in{
	display: table-cell;
	vertical-align: bottom;
}

.global-nav .show-menu,
.global-nav .show-menu li ul{ display: block!important; }

.global-nav-in ul{
	float: right;
	margin: 0;
	padding: 0;
	z-index: 10;
}

.global-nav-in li{
	display: inline-block;
	margin: 0;
	margin-right: 20px;
	list-style: none;
	line-height: 86px;
	font-size: 16px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.is-fixed .global-nav-in li{
	line-height: 66px;
	margin-right: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.global-nav-in li:last-child{
	margin-right: 30px;
}

.global-nav-in li a{
	display: inline;
	padding: 0;/*画像をメニューにする場合は値を0に*/
	color: #000;
	text-decoration: none;
	position: relative;
	transition: .3s;
}
.global-nav-in li.current a::after{
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  transition: .3s;
}
.global-nav-in li.btn a{
  display:inline;
  padding:0.7em 1.7em 0.7em 2.5em;
  outline:none;
  text-align: center;
  text-decoration:none;
  border-radius:40px;
  background: transparent;
  letter-spacing:1px;
  line-height:1.4;
  font-size:inherit;
  font-weight:bold;
  cursor: pointer;
  transition: all 0.25s ease;
  color:#fff;
  background: url(../imgs/chevron-right-navy.svg) 1.2em center no-repeat #FF9329;
  background-size: auto 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.is-fixed .global-nav-in li.btn a{
	padding:0.5em 1.3em 0.5em 2.1em;
	background: url(../imgs/chevron-right-navy.svg) 0.9em center no-repeat #FF9329;
	background-size: auto 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 0 0px 4px rgba(0,0,0,0.3);
}
.global-nav-in li.btn a:hover,
.global-nav-in li.btn a:active,
.global-nav-in li.btn a:focus{
    text-decoration:none;
	transition: all 0.25s ease;
    color:#ffffff;
  	background: url(../imgs/chevron-right-navy.svg) 0.9em center no-repeat #FF9329;
  	background-size: auto 20px;
	box-shadow: 0 0px 4px rgba(0,0,0,0.3);
}

.global-nav-in li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #000;
  transition: .3s;
}
.global-nav-in li.btn a::after {
	display: none;
}
.global-nav-in li a:hover::after {
  width: 100%;
}
.global-nav-in li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
}

/*ドロップダウンメニューのデザイン*/
.global-nav li ul li{
	display: list-item;
	margin: 0;
	padding: 0;
	width: 100%;

	border-top: 0;
	border-right: 0;
	white-space: normal;
}

.global-nav li ul li a{
	display: block;
	padding: 0.8em 2em;
}

.global-nav-in li ul ul{
	top: 0;
	left: 100%;
}


/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/
.main-image{
	z-index: 10;
}
.main-image h1{
	padding-top: 30px;
	padding-bottom: 20px;
	margin: 0;
}
.main-image h1 img {
}
.main-image .intro-txt{
	width: 664px;
	height: 381px;
	padding:0;
	margin: 0;
	background: url(../images/intro.png)no-repeat;
	background-position: 0px 0px;
	background-size: 664px 381px;
}

.main-image-in-text{
	background: url(../images/bg-mv.jpg) center bottom no-repeat #000000;
	color: #fff;
}

.main-image-in-text-cont{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 40px 0;
}

.main-image-in-text.wide .main-image-in-text-cont{
	width: 980px;
}

.main-image-in-text p:last-child{
	margin-bottom: 0;
}

.main-copy{
	margin-bottom: 20px;
	font-size: 3em;
	text-align: center;
}

.sub-copy{
	font-size: 1.5em;
	text-align: center;
}
.performance-dsc {
	margin-bottom: 2em !important;
}

.performance-all .col{
	padding:20px 10px;
	margin-bottom: 20px;
	background: #002a6d;
}
.performance-dsc .col{
	padding:20px 10px;
	background: #002a6d;
}

.performance-all .all{
	position:relative;
    background-image: url(../images/performance-all-bg.jpg);
    background-size: cover;
    background-position: center center;
    z-index:1;
}
.performance-all .all::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 42, 109, 0.9);
	left:0;
	top:0;
	z-index:2;
}

.performance-dsc .company{
	position:relative;
	background-image:url(../images/company_bg.jpg);
	background-size:cover;
	background-position:center center;
	z-index:1;
}
.performance-dsc .company::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 42, 109, 0.9);
	left:0;
	top:0;
	z-index:2;
}
.performance-dsc .personal{
	position:relative;
	background-image:url(../images/personal_bg.jpg);
	background-size:cover;
	background-position:center center;
	z-index:1;
}
.performance-dsc .personal::before{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0, 42, 109, 0.9);
	left:0;
	top:0;
	z-index:2;
}
p.user_about{
	position:relative;
	margin-bottom: 5px !important;
	color: #ffffff;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.5;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    z-index:10;
}

p.count{
	position:relative;
	margin-bottom: 2em;
	color: #ffffff;
	text-align: center;
	line-height: 1;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    z-index:10;
}
p.count .tota{
	position:relative;
}
p.count .counter{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 46px;
	font-weight: 700;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
p.count .tani{}

/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
}

.no-gn .main-body{
}

.lp.no-gn .main-body{
}


/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/

.breadcrumbs-in{
	margin: 2em 0;
	padding: 0;
	color: #999;
}

.no-gn .breadcrumbs-in{
	margin-top: 0;
}

.breadcrumbs-in a{
	color: #999;
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus{
	color: #f60;
}

.breadcrumbs-in li{
	display: inline-block;
	list-style: none;
	position: relative;
    margin-right: 15px;
    padding-right: 15px;
	background: url(../images/icon/icon-brc.gif) right center no-repeat;
}

.breadcrumbs-in li:before{
	content: url(../images/icon/icon-folder-brc.png);
}

.breadcrumbs-in li.bcl-first:before{
	content: url(../images/icon/icon-home-brc.png);
}

.breadcrumbs-in li.bcl-last{
	background: none;
}

.breadcrumbs-in li.bcl-last:before{
	content: none;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	

		.breadcrumbs-in li{
			background: url(../images/icon/icon-brc@2x.gif) right center no-repeat;
			-webkit-background-size: 5px 9px;
			background-size: 5px 9px;
		}

		.breadcrumbs-in li:before{
			width: 12px;
			height: 12px;
			background: url(../images/icon/icon-folder-brc@2x.png);
		}

		.breadcrumbs-in li.bcl-first:before{
			width: 12px;
			height: 12px;
			background: url(../images/icon/icon-home-brc@2x.png);
		}

		.breadcrumbs-in li:before,
		.breadcrumbs-in li.bcl-first:before{
			display: inline-block;
			vertical-align: middle;
			-webkit-background-size: contain;
			background-size: contain;
			content: " ";
		}

		.breadcrumbs-in li.bcl-last:before{
			width: 0;
			height: 0;
			background: none;
			content: none;
		}
	}


/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.8;
}

.main-conts p{
	margin-bottom: 2em;
}


/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 80px;
	padding: 0 20px;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}


#purchase-flow{
	background-color: #f8f8f8;
}


.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.float-area{
	margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}

.col1 .section-wrap.wide .section-in{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding: 70px 0;
}
.col1 .section-wrap.wide .section-in p:last-child{
	margin-bottom: 0;
}
.bd{
	border: 1px solid #c8c8c8;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	background-color: #e5e5e5;
}

/*フッターナビ*/
.site-footer-nav{
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}

.site-footer-nav li{
	display: inline;
	list-style: none;
	margin-left: 50px;
	padding: 0 0 0 13px;
	background: url(../images/icon/icon-arw-next@2x.png) left center no-repeat;
	background-size: auto 50%;
}
.site-footer-nav li a{
	color: #333333;
	text-decoration: none;
    font-size: 0.9em;
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.site-footer-nav li a:hover{
	color: #333333;
	text-decoration: none;
	opacity: 0.7;
}

.site-footer-nav li:first-child{
	margin-left: 0;
}

/*コピーライト*/
.copyright{
	margin-top: 0;
    padding: 15px 0;
    color: #ffffff;
    background: #333333;
    font-size: 0.9em;
    text-align: center;
}

.copyright small{
	font-size: 100%;
}

.copyright small img{
	margin-top: -80px;
}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
}

.page-top a {
	width: 56px;
	height: 56px;
	display: block;
	background-color: #333333;
	text-decoration: none;
	border-radius: 50%;
	text-align: center;
	opacity: 1;
}
.page-top a:hover {
	opacity: 0.7;	
}
.page-top a img {
	width: 26px;
	height: auto;
	margin-top: 15px;
}

/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h4:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 60px 0 20px;
	padding: 10px 18px;
	background: #333333;
	color: #fff;
	font-size: 1.75em;
	line-height:1.5;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}

.main-body h2{
	margin: 60px 0 30px;
	padding: 0 0 0 0.5em;
	color: #333333;
	font-size: 1.75em;
	line-height:1.5;
	border-left:solid 4px #10318A;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}

.main-body h3{
	margin: 2em 0 1.5em;
    padding: 10px 15px;
    border-bottom: 0;
    color: #ffffff;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 400;
    background-color: #333;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}
.main-body h3.lr_bw{
    color: #000000;
    font-weight: 700;
    background-color: #ffffff;
    border-left:solid 4px #10318A;
}
.main-body h3.lr_bg{
    color: #000000;
    font-weight: 700;
    background-color: #f7f7f7;
    border-left:solid 4px #10318A;
}
.main-body h4{
	margin: 55px 0 25px;
	padding: 0 0 4px;
	color: #333;
    font-weight: 700;
	font-size: 1.3em;
	line-height: 1.5;
	letter-spacing: 0.05em;
    font-feature-settings: "palt";
}

.main-body h5{
	margin: 55px 0 25px;
	padding: 0 0 0 24px;
	border-left: 4px solid #333333;
	font-weight: bold;
	font-size: 1.2em;
}

.main-body h6{
	margin: 55px 0 25px;
	font-weight: bold;
	font-size: 1.125em;
}

/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body h1 a,
.main-body h2 a,
.main-body h3 a{
	color: #fff;
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus{
	color: #f60;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
	margin: 0 0 30px;
}

.col1 .main-body .archive-title{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
}

/*記事タイトルや基本単位毎の最初の見出し*/
.section-wrap .section-title{
	position: relative;
	line-height: 1.4;
	margin: 2em 0 1.5em 0;
	padding: 0 0 14px 0;
	border: none;
	background: transparent;
	color: #333;
	font-size: 34px;
	font-weight: 700;
	font-feature-settings: "palt";
	letter-spacing: 0.02em;
	z-index: 0;
}
.section-wrap .section-title:before{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #10318A;
	z-index: 1;
}
.section-wrap .section-in img{
	padding: 0;
	background: inherit;
}
.main-body .section-title a{
	color: #333333;
	text-decoration: none;
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus{
	color: #EDAA41;
	text-decoration: underline;
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
	margin: 0 -20px 30px;
	padding: 0 0 11px;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-size: 1.125em;
}
.about_set{
	position: relative;
	background-image: url(../images/works20.jpg);
	background-size: cover;
	background-position: top center;
	z-index: 0;
}
.about_set:after{
	position: absolute;
	content: "";
	top: 0;
	left:0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(1, 33, 95, 0.9);
	z-index: 1;
}


.about_set .section-in{
	position:relative;
	z-index:10;
}
.slide_set{
	position: relative;
	background-image: url(../images/slide_bg.png);
	background-size: cover;
	background-position: top center;
	z-index: 0;
}
.slide_set:after{
	position: absolute;
	content: "";
	top: 0;
	left:0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(1, 33, 95, 0.9);
	z-index: 1;
}

.slide_set .section-in{
	position:relative;
	z-index:10;
}
.section-wrap.slide_set .section-in{
	padding:5em 0 !important;
}
.section-wrap.slide_set .section-title{
	margin-bottom: 0;
	padding-bottom: 0;
	color: #ffffff;
}
.section-wrap.slide_set .section-title:before{
	display: none;
}
.set{
}
.set h3{
	position: relative;
    font-size: 1.6rem;
	margin: 2em 0 1em;
    padding: 0 0 0.3em 1.3em;
    border-bottom: 0;
    color: #333;
    font-weight: 700;
    background-color: #F7F7F7;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    border-bottom: 3px solid #333;
}
.set h3:before{
	position: absolute;
    display: inline-block;
    color: #0166b8;
    font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: 2rem;
    top: 0.5em;
    left: 0;
    line-height: 1;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background-color: transparent !important;
}

.set h3.teaching-materials-section1:before{
	content: "1.";
}
.set h3.teaching-materials-section2:before{
	content: "2.";
}
.set h3.teaching-materials-section234:before{
	content: "2〜4.";
}
.set h3.teaching-materials-section234{
	padding-left: 3.4em;
}
.set h3.teaching-materials-section3:before{
	content: "3.";
}
.set h3.teaching-materials-section4:before{
	content: "4.";
}
.set h3.teaching-materials-section5:before{
	content: "5.";
}
.set h3.teaching-materials-section6:before{
	content: "6.";
}
.set h3.teaching-materials-section7:before{
	content: "7.";
}
.set h3.teaching-materials-section8:before{
	content: "8.";
}
.section-tokuten-bg,
.section-box{
	 display: -webkit-box; /*Android4.3*/
	 display: -moz-box;    /*Firefox21*/
	 display: -ms-flexbox; /*IE10*/
	 display: -webkit-flex; /*PC-Safari,iOS8.4*/
	 display: flex;
	 padding-bottom:1em;
}
.section-tokuten-bg, .section-box:last-child{
	padding-bottom:0;
}
.section-tokuten-bg .section-headshot,
.section-box .section-headshot{
	width:15%;
    position:relative;
}
.section-tokuten-bg .section-headshot img,
.section-box .section-headshot img{
	width:100%;
	height:auto;
	padding:0;
}
.section-tokuten-bg .section-content,
.section-box .section-content{
	padding-left:20px;
	-webkit-flex: 1;
 	flex: 1;
}
.section-tokuten-bg .section-content p,
.section-box .section-content p{
	margin:0;
}

.section-tokuten-bg .section_num,
.section-box .section_num{
	padding-bottom: 5px;
	font-weight: 700;
	font-size:0.8em;
	line-height:1;
	color: #0166b8;
	font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.section-tokuten-bg .section_title,
.section-box .section_title{
	padding-bottom:5px;
	font-weight:700;
	line-height:1.4;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	color: #333;
	word-break: break-all;
}
.section-tokuten-bg .section_time,
.section-box .section_time{
	padding-left:0.5em;
	font-weight:400;
	font-size:0.7em;
	line-height:1;
	color:#888;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;

}
.section-tokuten-bg{
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
	padding-top:30px;
	padding-bottom:30px;
	color: #333;
	border-top:solid 2px #333;
	border-bottom:solid 2px #333;
}

.section-tokuten-bg .section_tokuten{
	margin:0;
	padding:0 0 5px 0;
	color:#fc9127;
	font-weight:700;
	line-height:1.4;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

/*通常申し込みボタン*/

.seminar-btn{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
    background-color: #8ec500;
    background: -moz-linear-gradient(top, #87c947 0%, #65a33e 90%);
    background: -webkit-linear-gradient(top, #87c947 0%,#65a33e 90%);
    background: linear-gradient(to bottom, #87c947 0%,#65a33e 90%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #65a33e;
    transition: .3s ease-in-out;
}
.seminar-btn a:active,
.seminar-btn a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn p{
	margin:0;
}
.seminar-btn p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:70px;
	display:block;
	border-radius:50%;
	padding:33px 20px 7px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #fc9127;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


.sample3-3::before{
    left: 1px;
    width: 6px;
    height: 4px;
    background: #7a0;
}
.sample3-3::after{
    left: 7px;
    box-sizing: border-box;
    width: 2px;
    height: 2px;
    border: 2px solid transparent;
    border-left: 2px solid #7a0;
}


.seminar-btn p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
.seminar-btn-spm{
	margin-top: 1em;
	text-align:center;
	color: #e20000;
	font-weight: bold;
}

/*jump*/

.jump{
	position:relative;
	width:80%;
	margin:1em 0;
	margin-left:auto;
	margin-right:auto;
}
.jump a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.jump a{
    position: relative;
    display: block;
    min-height:40px;
    padding: 15px 24px 15px 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
    background-color: #87c947;
    background: -moz-linear-gradient(top, #87c947 0%, #65a33e 90%);
    background: -webkit-linear-gradient(top, #87c947 0%,#65a33e 90%);
    background: linear-gradient(to bottom, #fc9127 0%,#e9671e 90%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px #e86217;
    border: solid 2px #e9671e;
    transition: .3s ease-in-out;
    color: #ffffff;
}
.jump span{
	display:block;
	font-size:30px;
	line-height:1.5;
}
.jump span.campaign{
	font-size:20px;
}

.jump a:active,
.jump a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.jump p{
	margin:0;
}

/*2019-haya*/

.seminar-btn-2019haya{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn-2019haya a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn-2019haya a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
    background-color: #87c947;
    background: -moz-linear-gradient(top, #87c947 0%, #65a33e 90%);
    background: -webkit-linear-gradient(top, #87c947 0%,#65a33e 90%);
    background: linear-gradient(to bottom, #87c947 0%,#65a33e 90%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #65a33e;
    transition: .3s ease-in-out;
}
.seminar-btn-2019haya a:active,
.seminar-btn-2019haya a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn-2019haya p{
	margin:0;
}
.seminar-btn-2019haya p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:46px;
	display:block;
	border-radius:50%;
	padding:32px 20px 32px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #e20000;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.seminar-btn-2019haya p.here .off{
	font-size: 20px;
}

.seminar-btn-2019haya p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn-2019haya p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn-2019haya p.price .buy-year span.top,
.seminar-btn-2019haya p.price .buy-year span.btm{
	display: block;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-2019haya p.price .buy-year span.btm{
	position: relative;
	z-index: 0;
}
.seminar-btn-2019haya p.price .buy-year span.btm::after{
	position: absolute;
	display: block;
	content: "";
	background-color: #e20000;
	top: 50%;
	height: 3px;
	width: 100%;
	z-index: 10;
}

.seminar-btn-2019haya p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn-2019haya p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn-2019haya p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}




/*2018-haya*/

.seminar-btn-sethaya{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn-sethaya a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn-sethaya a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
    background-color: #8ec500;
    background: -moz-linear-gradient(top, #00a6bc 0%, #01748a 90%);
    background: -webkit-linear-gradient(top, #00a6bc 0%,#01748a 90%);
    background: linear-gradient(to bottom, #00a6bc 0%,#01748a 90%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #01748a;
    transition: .3s ease-in-out;
}
.seminar-btn-sethaya a:active,
.seminar-btn-sethaya a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn-sethaya p{
	margin:0;
}
.seminar-btn-sethaya p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:46px;
	display:block;
	border-radius:50%;
	padding:32px 20px 32px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #e20000;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.seminar-btn-sethaya p.here .off{
	font-size: 20px;
}

.seminar-btn-sethaya p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn-sethaya p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn-sethaya p.price .buy-year span.top,
.seminar-btn-sethaya p.price .buy-year span.btm{
	display: block;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-sethaya p.price .buy-year span.top{
	font-size: 13px;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-sethaya p.price .buy-year span.btm{
	position: relative;
	z-index: 0;
}
.seminar-btn-sethaya p.price .buy-year span.btm::after{
	position: absolute;
	display: block;
	content: "";
	background-color: #e20000;
	top: 50%;
	height: 3px;
	width: 100%;
	z-index: 10;
}

.seminar-btn-sethaya p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn-sethaya p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn-sethaya p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
/*3set-haya*/

.seminar-btn-3set-haya{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn-3set-haya a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn-3set-haya a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
	background: #273772;
	background: -moz-linear-gradient(top, #273772 0%, #182240 100%);
	background: -webkit-linear-gradient(top, #273772 0%,#182240 100%);
	background: linear-gradient(to bottom, #273772 0%,#182240 100%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #273772;
    transition: .3s ease-in-out;
}
.seminar-btn-3set-haya a:active,
.seminar-btn-3set-haya a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn-3set-haya p{
	margin:0;
}
.seminar-btn-3set-haya p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:70px;
	display:block;
	border-radius:50%;
	padding:20.5px 20px 20.5px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #e20000;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.seminar-btn-3set-haya p.here .off{
	font-size: 20px;
}

.seminar-btn-3set-haya p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn-3set-haya p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn-3set-haya p.price .buy-year span.top,
.seminar-btn-3set-haya p.price .buy-year span.btm{
	display: block;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-3set-haya p.price .buy-year span.top{
	font-size: 13px;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-3set-haya p.price .buy-year span.btm{
	position: relative;
	z-index: 0;
}
.seminar-btn-3set-haya p.price .buy-year span.btm::after{
	position: absolute;
	display: block;
	content: "";
	background-color: #e20000;
	top: 50%;
	height: 3px;
	width: 100%;
	z-index: 10;
}

.seminar-btn-3set-haya p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn-3set-haya p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn-3set-haya p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
/*2018-set*/

.seminar-btn-2018{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn-2018 a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn-2018 a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
    background-color: #8ec500;
    background: -moz-linear-gradient(top, #00a6bc 0%, #01748a 90%);
    background: -webkit-linear-gradient(top, #00a6bc 0%,#01748a 90%);
    background: linear-gradient(to bottom, #00a6bc 0%,#01748a 90%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #01748a;
    transition: .3s ease-in-out;
}
.seminar-btn-2018 a:active,
.seminar-btn-2018 a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn-2018 p{
	margin:0;
}
.seminar-btn-2018 p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:70px;
	display:block;
	border-radius:50%;
	padding:33px 20px 7px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #fc9127;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.seminar-btn-2018 p.here .off{
	font-size: 20px;
}

.seminar-btn-2018 p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn-2018 p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn-2018 p.price .buy-year span.top,
.seminar-btn-2018 p.price .buy-year span.btm{
	display: block;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-2018 p.price .buy-year span.top{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-2018 p.price .buy-year span.btm{
	position: relative;
	z-index: 0;
}
.seminar-btn-2018 p.price .buy-year span.btm::after{
	position: absolute;
	display: block;
	content: "";
	background-color: #e20000;
	top: 50%;
	height: 3px;
	width: 100%;
	z-index: 10;
}

.seminar-btn-2018 p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn-2018 p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn-2018 p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/*3-set*/

.seminar-btn-3set{
	position:relative;
	width:80%;
	margin-top:4em;
	margin-bottom:1em;
	margin-left:auto;
	margin-right:auto;
}
.seminar-btn-3set a:after{
	position: absolute;
    top: 50%;
    right: 20px;
    content: "";
    display: block;
    background-image: url(../images/icon/icon-arrow.png);
    background-size: auto 40px;
    background-repeat: no-repeat;
    background-position: center right;
    width: 40px;
    height: 40px;
    z-index: 10;
    margin-top: -20px;
}
.seminar-btn-3set a{
    position: relative;
    display: block;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    text-align: center;
    text-decoration: none;
    border-radius: 11px;
	background: #273772;
	background: -moz-linear-gradient(top, #273772 0%, #182240 100%);
	background: -webkit-linear-gradient(top, #273772 0%,#182240 100%);
	background: linear-gradient(to bottom, #273772 0%,#182240 100%);
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    box-shadow: 0 13px 10px -3px rgba(0,0,0,.4);
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border: solid 2px #273772;
    transition: .3s ease-in-out;
}
.seminar-btn-3set a:active,
.seminar-btn-3set a:hover{
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.seminar-btn-3set p{
	margin:0;
}
.seminar-btn-3set p.here{
	position:absolute;
	top:-40px;
	left:-70px;
	width:70px;
	height:70px;
	display:block;
	border-radius:50%;
	padding:33px 20px 7px 20px;
	font-size:15px;
	line-height:23px;
	font-weight: 700;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	background-color: #fc9127;
	text-shadow:none;
	color:#fff;
	-webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.seminar-btn-3set p.here .off{
	font-size: 20px;
}

.seminar-btn-3set p.price{
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	justify-content: center;
}
.seminar-btn-3set p.price .buy-year{
	display:inline-block;
	padding-right:10px;
	font-size:24px;
	font-weight:700;
}
.seminar-btn-3set p.price .buy-year span.top,
.seminar-btn-3set p.price .buy-year span.btm{
	display: block;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-3set p.price .buy-year span.top{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.seminar-btn-3set p.price .buy-year span.btm{
	position: relative;
	z-index: 0;
}
.seminar-btn-3set p.price .buy-year span.btm::after{
	position: absolute;
	display: block;
	content: "";
	background-color: #e20000;
	top: 50%;
	height: 3px;
	width: 100%;
	z-index: 10;
}

.seminar-btn-3set p.price .price-num{
	display:inline-block;
	padding-right:5px;
	font-size:70px;
	font-weight:700;
	line-height:1;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
}
.seminar-btn-3set p.price .tax{
	font-size: 20px;
	font-weight:700;
	line-height:1;
	margin-top: auto;
	margin-bottom: 10px;
}
.seminar-btn-3set p.how{
	padding-top:10px;
	color:#ffffff;
	font-size:15px;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

/*--------------------------------------------------------
パーツ毎のスタイル
--------------------------------------------------------*/
/*装飾エリア1*/
.main-conts .deco-box01{
	margin: 2em 0;
	padding: 0;
    border: 3px solid #0166b8;
    background: #ecf1fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-conts .deco-box01 ol,
.main-conts .deco-box01 ul{
	margin: 0;
	padding: 30px 22px 30px 10px;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-style:italic;
}
.main-conts .deco-box01 ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 30px;
}
.main-conts .deco-box01 ol li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 0 0 0 1.2em;
	font-weight: 700;
	color: #333333;
	font-size: 1.7rem;
	line-height: 1.5;
	font-style: normal;
}

.main-conts .deco-box01 ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number)".";
	display:inline-block;
	color: #333333;
	font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: 2.1rem;
	top: 1em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	margin-top: -0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-conts .deco-box01 li:last-child{ margin-bottom: 0; }

.main-conts .deco-box02{
	margin: 30px 0;
	padding: 0;
	border: solid 3px #333333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ecf1fb;
}

.main-conts .deco-box02 ol,
.main-conts .deco-box02 ul{
	margin: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	font-style:italic;
}
.main-conts .deco-box02 ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 30px;
}
.main-conts .deco-box02 ol li {
	position: relative;
	margin-bottom: 1em;
	padding: 0 0 0 1.4em;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #333333;
	font-style: normal;
}

.main-conts .deco-box02 ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number)".";
	display:inline-block;
	color: #0166b8;
	font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: 2rem;
	top: 1em;
	left: 0;
	line-height: 1;
	text-align: center;
	margin-top: -0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.main-conts .deco-box02 ol li span{
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.2 !important;
	color: #333333;
	font-style: normal;
}

.main-conts .deco-box02 li:last-child{ margin-bottom: 0; }

.main-conts .deco-box03{
	padding: 1.5em;
	background: #ffffff;
    background-image:url(../images/bg.png);
	font-weight: bold;
	border: solid 1px #efefef;
}
.main-conts .deco-box03.shiki{
	padding:30px;
	margin-bottom: 40px;
	font-size: 23px;
	font-feature-settings: "palt";
	font-weight: 700;
}
.main-conts .deco-box03.soki{
	padding:30px;
	margin-bottom: 40px;
	font-size: 20px;
	font-feature-settings: "palt";
	font-weight: 700;
}
.main-conts .deco-box03 p{
	margin-bottom: 1em;
	line-height: 1.8;
}

.main-conts .deco-box03 *:last-child{ margin-bottom: 0; }

.main-conts .deco-box04 {
    border: 3px solid #333;
    padding: 30px 20px;
    background-image:url(../images/bg.png);
}

.main-conts .deco-box04 ul{
	margin: 0 0 40px;
}

.main-conts .deco-box04 li{
	list-style: none;
}

.main-conts .deco-box04 li span{
	font-size: 1.125em;
}

.main-conts .deco-box05{
	margin: 30px 0;
	padding: 0;
	background: #fef0c5;
	color: #000000;
}
.main-conts .deco-box05 p{
	margin: 0;
	padding: 30px 30px 0 30px;
}
.main-conts .deco-box05 ol,
.main-conts .deco-box05 ul{
	margin: 0;
	padding: 30px 30px 30px 60px;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}


.main-conts .deco-box05 li:last-child{ margin-bottom: 0; }


.main-conts .deco-box06{
	margin: 2em 0;
	padding: 0;
	border: 3px solid #333333;
	background: #ffffff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-conts .deco-box06 ol,
.main-conts .deco-box06 ul{
	margin: 0;
	padding: 30px 22px 30px 10px;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.main-conts .deco-box06 ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 30px;
}
.main-conts .deco-box06 ol li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 0 0 0 1.2em;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #00a748;
	font-style: normal;
}

.main-conts .deco-box06 ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number)".";
	display:inline-block;
	color: #00a748;
	font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: 2.1rem;
	top: 1em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	margin-top: -0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-conts .deco-box06 li:last-child{ margin-bottom: 0; }


.main-conts .deco-box07{
	margin: 2em 0;
	padding: 0;
	border: none;
	background: #ecf1fb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:solid 2px #333;
}
.main-conts .deco-box07 h4{
	margin: 0;
    padding: 10px 20px;
    border-bottom: 0;
    color: #333333;
    font-size: 1.4em;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
    border-bottom:dotted 2px #333333;
}
.main-conts .deco-box07 ol,
.main-conts .deco-box07 ul{
	margin: 0;
	padding: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.main-conts .deco-box07 ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 20px 20px;
	background-color: #ffffff;
}
.main-conts .deco-box07 ol li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 0;
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1.5;
	color: #333333;
	font-style: normal;
}
.main-conts .deco-box07 ol li span{
	padding-left: 3px;
	font-weight:400;
}
.main-conts .deco-box07 li:last-child{ margin-bottom: 0; }


.main-conts .deco-box08{
	margin: 2em 0;
	padding: 0;
	background: #fef0c5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-conts .deco-box08 ol,
.main-conts .deco-box08 ul{
	margin: 0;
	padding: 30px 22px 30px 10px;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.main-conts .deco-box08 ol {
	counter-reset:number;
	list-style-type: none!important;
	padding: 30px;
}
.main-conts .deco-box08 ol li {
	position: relative;
	margin-bottom: 0.6em;
	padding: 0 0 0 1.2em;
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 1.5;
	color: #e20000;
	font-style: normal;
}

.main-conts .deco-box08 ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number)".";
	display:inline-block;
	color: #e20000;
	font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: 2.1rem;
	top: 1em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	margin-top: -0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.main-conts .deco-box08 li:last-child{ margin-bottom: 0; }


.list-customers-voice{
	margin: 0;
	padding: 0;
}
.list-customers-voice .user{
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.7em;
}
.list-customers-voice li{
	position: relative;
    padding: 20px;
    list-style: none;
    background: #fef0c5;
    border-radius: 0;
    margin-bottom: 50px;
    color: #000;
}
li.item-customers-voice-improve{
    background: #daefd4;
}
li.item-customers-voice-improve p.navy{
    background-color: #f4f4f4f4;
    padding: 5px;
    margin-bottom: 0;
}
.list-customers-voice li *:last-child{
	margin-bottom: 0;
}

.list-customers-voice li:after{
	content: "";
	position: absolute;
	right: 60px;
	bottom: -18px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 30px 30px 0;
	border-color: transparent #fef0c5 transparent transparent;
	transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
li.item-customers-voice-improve:after{
	border-color: transparent #daefd4 transparent transparent;
}
.profile-box{
	position: relative;
    padding: 0 0 0 420px;
    margin-bottom: 20px;
    color: #ffffff;
    background: url(../images/prof-photo.jpg) left top no-repeat #000;
    background-size: 380px auto;
    background-position: 0px 0px;
}


.profile-box-in p{
	margin-bottom: 1.5em;
	font-size: 0.875em;
}
.profile-box-in p:last-child{
	margin-bottom: 0;
}
.profile-box h3{
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	border-bottom: 0;
	background: transparent;
	font-size: 1.125em;
	line-height: 1;
	font-weight: 400;
	color: #ffffff;
	border-left: 0;
}

.profile-box h3 span{
	display: block;
	margin-top: 6px;
	font-size: 2em;
	font-weight: 700;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}

.profile-box a{
	color: #fff;
}

.profile-box a:hover{
	color: #f60;
}


.staff-box{
	position: relative;
    padding: 20px 20px 20px 320px;
    margin-bottom: 30px;
    -webkit-backface-visibility: hidden;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.staff-box.ito{
    background: url(../images/ito2.jpg) 0px 0px no-repeat #ffffff;
    background-size: 300px auto;
}
.staff-box.akaki{
    background: url(../images/akaki3.jpg) 0px 0px no-repeat #ffffff;
    background-size: 300px auto;
}
.staff-box.yoshimoto{
    background: url(../images/yoshimoto.jpg) 0px 0px no-repeat #ffffff;
    background-size: 300px auto;
}


.staff-box-in p{
	margin-bottom: 1.5em;
	font-size: 0.875em;
}
.staff-box-in p:last-child{
	margin-bottom: 0;
}
.staff-box h3{
	margin-top: 0;
	padding-left: 0;
	border-bottom: 0;
	background: transparent;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 400;
	border-left: 0;
	color: #333333;
}

.staff-box h3 span{
	display: block;
	margin-top: 5px;
	font-size: 2em;
	font-weight: 700;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
}
.staff-box h4{
	margin-top: 0;
}

.main-body .title-special-gift {
	display: inline-block;
	position: relative;
	height: 120px;
	width: 930px;
	padding: 15px 0 0 40px;
	margin-top: 1em;
	margin-bottom: 0;
	margin-left: 40px;
	line-height: 45px;
	vertical-align: middle;
	text-align: left;
	font-size: 30px;
	background: #fc9c2c;
	color: #ffffff;
	box-sizing: border-box;
	border-left: none;
	-webkit-backface-visibility: hidden;
-webkit-text-shadow: 0 0 20px rgba(210, 135, 38, 0.8);
-moz-text-shadow: 0 0 20px rgba(210, 135, 38, 0.8);
text-shadow: 0 0 20px rgba(210, 135, 38, 0.8);
}

.main-body .title-special-gift:before, .main-body .title-special-gift:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.main-body .title-special-gift:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #cc7d22;
}

.main-body .title-special-gift:after {
  top: 0;
  right: 0;
  border-width: 65px 35px 65px 0px;
  border-color: transparent #ffffff transparent transparent;
  border-style: solid;
}

.special-gift-text {
    border-left: solid 3px #fc9c2c;
    border-right: solid 3px #fc9c2c;
    border-bottom: solid 3px #fc9c2c;
    margin-left: 60px;
    margin-right: 60px;
    padding: 30px 20px;
    background-color: #ffffff;
}
.special-gift-text p:last-child{
    margin-bottom:0;
}

ul.recommendations{
	padding-left: 40px;
    margin-left: 0;
    margin-top: 0;
}

.recommendations li{
	position: relative;
	margin-bottom: 1.1em;
	padding-left: 5px;
	list-style: none;
	font-weight: bold;
	line-height: 1.5;
}

.recommendations li:before{
	position: absolute;
	left: -40px;
	top: 50%;
	content: "";
	width: 30px;
	height: 30px;
	background: #fc9c2c;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.recommendations li:after{
	position: absolute;
    left: -35px;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background: #f5f6f7;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.seminars-flow{
	margin: 0;
	padding: 0;
}

.seminars-flow h3{
	padding: 15px 20px 15px 44px;
    text-indent: -24px;
}

.seminars-flow li{
	margin-bottom: 110px;
	position: relative;
	list-style: none;
}

.seminars-flow li:before{
	position: absolute;
	bottom: -80px;
	left: 50%;
	margin-left: -60px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #333333 transparent transparent transparent;
}
.seminars-flow li:after{
	position: absolute;
	bottom: -76px;
	left: 50%;
	margin-left: -60px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 60px 0 60px;
	border-color: #f8f8f8 transparent transparent transparent;
}

.seminars-flow li:last-child{
	margin-bottom: 0;
    padding-bottom: 20px;
}
.seminars-flow li:last-child:before,
.seminars-flow li:last-child:after{
	display: none;
}
.flow-box{
	padding: 20px;
}

.flow-box-wrap{
	margin-bottom: 0px;
	padding: 0;
	border: 2px solid #333333;
	background: #fff;
}

.flow-box-wrap h3{
    margin: 0;
    padding: 10px 20px 10px 20px;
    font-size: 1.6rem;
    text-indent: 0;
    background: #cbd9ed;
    color: #333333;
}
.flow-box-wrap h3 span{
	position: relative;
	display: block;
	padding-left: 1.3em;
	font-weight: 700;
}
.flow-box-wrap h3 a{
	color: #333333;
}

.flow-box-wrap h3 span.flow01:before,
.flow-box-wrap h3 span.flow02:before,
.flow-box-wrap h3 span.flow03:before,
.flow-box-wrap h3 span.flow04:before,
.flow-box-wrap h3 span.flow05:before{
	position: absolute;
    display: inline-block;
    color: #333333;
    font-family: 'Segoe UI',SegoeUI,'Yu Gothic UI','Meiryo UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 700;
	font-size: 2rem;
	top: 1em;
	left: 0;
	line-height: 1.5;
	text-align: center;
	margin-top: -0.4em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow-box-wrap h3 span.flow01:before{
	content: "1.";
}
.flow-box-wrap h3 span.flow02:before{
	content: "2.";
}
.flow-box-wrap h3 span.flow03:before{
	content: "3.";
}
.flow-box-wrap h3 span.flow04:before{
	content: "4.";
}
.flow-box-wrap h3 span.flow05:before{
	content: "5.";
}

.notice-board p{
	margin-bottom: 5px;
}


/*最新情報*/
.news .news-date{
	margin-right: 1em;
}

.news-item{
	padding: 1em 0;
	border-bottom: 1px dotted #ccc;
}
.news-item p:last-child{
	margin-bottom: 0 !important;
}
.news-item:first-child{
	padding-top: 0;
}

.news-item:last-child{
	border-bottom: 0;
}

.news .news-thumb{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.main-body .news-title{
	margin-top: 20px;
	padding: 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.5em;
}

.main-body .news-item:first-child .news-title{
	margin-top: 0;
}

.news .news-date,
.news .news-cat{
	display: inline-block;
	margin-bottom: 10px;
}

.cat{
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: 5px;
	padding: 0.1em 0.5em;
	border-bottom: none;
	color: #fff;
	font-size: 0.875em;
	word-break: break-all;
	border-radius: 3px;
}

.cat a{
	display: inline-block;
	margin: -0.1em -0.5em;
	padding: 0.1em 0.5em;
	color: #fff;
	text-decoration: none;
}

.news .news-cont{
	margin-bottom: 0.5em;
}

/*記述リスト 横並び*/
.dl-style01 dt,
.dl-style01 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
}

.dl-style01 dt{
	display: block;
	float: left;
	width: 35%;
}

.dl-style01 dd{
	padding-left: 35%;
	border-bottom: 1px dotted #333333;
}

/*記述リスト 縦並び*/
.dl-style02 dt,
.dl-style02 dd{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	border-bottom: 1px solid #fff;
}

.dl-style02 dt{
	display: block;
	background: #333333;
	color: #fff;
}

.dl-style02 dd{
	background: #e9e9e9;
}

/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison th,
.table-comparison td{
	padding: 10px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #cfcfcf;
	border-radius: 8px 8px 0 0;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #ffcc80;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #333333text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}

/*バナーエリア*/
.banner-list{
	margin-left: 0;
}

.banner-list li{
	list-style: none;
}

.col1 .banner-list{
	text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
	margin-left: 0;
}

/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*検索ボックス*/
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	height: 30px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: inset 1px 3px 2px #eee;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: #111111;
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 3em  0 0 0;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

.sign {
	padding-right: 80px;
}

/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}

/*チェックリスト*/
.check-list,
.check-list-l{
	margin-left: 0;
}

.check-list li,
.check-list-l li{
	list-style: none;	
}

.check-list li{
	margin-bottom: 1em;
	padding-left: 32px;
	background: url(../images/icon/icon-check-list.png) left 3px no-repeat;
}

.check-list-l li{
	margin-bottom: 2em;
	padding: 10px 0 10px 55px;
	background: url(../images/icon/icon-check-list-l.png) left 3px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){	

		.check-list li{
			background: url(../images/icon/icon-check-list@2x.png) left 3px no-repeat;
			-webkit-background-size: 24px 24px;
			background-size: 24px 24px;
		}

		.check-list-l li{
			background: url(../images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

	}

/*Q&A*/
.qa-list dt{
	display: block;
	margin-bottom: 30px;
	padding: 10px 0 10px 65px;
	background: url(../images/icon/icon-q.png) left 3px no-repeat;
	font-size: 1.25em;
}

.qa-list dd{
	margin-left: 0;
	margin-bottom: 70px;
	padding: 10px 0 10px 65px;
	background: url(../images/icon/icon-a.png) left 3px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.qa-list dt{
			background: url(../images/icon/icon-q@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

		.qa-list dd{
			background: url(../images/icon/icon-a@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 49px;
			background-size: 48px 49px;
		}

	}

/*フロー図*/
.flow-chart{
	margin-left: 0;
}

.flow-chart li{
	list-style: none;
	margin-bottom: 20px;
	padding-bottom: 60px;
	background: url(../images/icon/icon-arrow-b-chart.png) center bottom no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.flow-chart li{
			background: url(../images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
			-webkit-background-size: 161px 40px;
			background-size: 161px 40px;
		}

	}

.flow-chart li.end,
.flow-chart li:last-child{
	padding-bottom: 0;
	background: none;
}

.flow-chart .process-box{
	padding: 30px;
	background-color: #a3a3a3;
	color: #fff;
}

/*目次*/
#keni_toc{
	display: block;
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
	padding: 25px;
	border: 2px solid #ccc;
	font-size: 0.875em;
}

.keni-toc-title{
	font-size: 1.286em;
}

#keni_toc ol{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#keni_toc ol ol{
	margin-top: 0.5em;
}

#keni_toc ol ol li{
	list-style-type: circle;
}

/*画像とテキストの組み合わせ*/
.col-onimage > .col{
	position: relative;
	overflow: hidden;
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	color: #fff;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
	color: #f60;
}

/*ページ送り*/
.link-next{
	text-align: right;
}

.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
	margin-bottom: 0;
}

.link-next a{
	padding-left: 13px;
	background: url(../images/icon/icon-arw-next.png) left center no-repeat;
}

.link-back a{
	padding-left: 13px;
	background: url(../images/icon/icon-arw-prev.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.link-next a{
			background: url(../images/icon/icon-arw-next@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.link-back a{
			background: url(../images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 8px;
	border: 1px solid #c1c1c1;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -8px;
	padding: 4px 8px;
	color: #333333text-decoration: none;
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #c1c1c1;
	color: #fff;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

.page-nav-next{
	float: right;
	padding-right: 13px;
	background: url(../images/icon/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev{
	float: left;
	padding-left: 13px;
	background: url(../images/icon/icon-arw-prev.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page-nav-next{
			background: url(../images/icon/icon-arw-next@2x.png) right center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

		.page-nav-prev{
			background: url(../images/icon/icon-arw-prev@2x.png) left center no-repeat;
			-webkit-background-size: 7px 10px;
			background-size: 7px 10px;
		}

	}

/*読了率*/
.end-of-contents{}

/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e53935!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333333border-radius: 50%;
	content: "";
}
	
/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e9e9e9;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #ccc;
}

/*画像のサイズ調整*/
img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(../images/sample09.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.7);
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f07em{ font-size: 0.7em; }
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e20000!important; }/*赤*/
.blue{ color: #0166b8!important; }/*青*/
.green{ color: #00a748!important; }/*緑*/
.yellow{ color: #ffff04!important; }/*黄*/
.navy{ color: #0a429a!important; }/*紺*/
.orange{ color: #e9671e!important; }/*橙*/
.pink{ color: #ff9d18!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #1fa4d0!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }

.outbound{
	padding: 3px;
	padding-left: 15px;
	background: url(../images/icon/icon-outbound-link.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.outbound{
			background: url(../images/icon/icon-outbound-link@2x.png) left center no-repeat;
			-webkit-background-size: 12px 13px;
			background-size: 12px 13px;
		}

	}




/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.att-box{ 
    border: 1px solid red;
    background: #F6DFDF;
    padding: 10px 15px;
    color: #333;
 }


 
/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-03-02 13:06:32
----------------------------------------------------------------------*/
news-figure{
	display: block;
	float: right;
}

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

.text-left{
	text-align: left !important;
}
.textdecoration_linethrough{
    text-decoration: line-through;
}

.font-15{
	font-size: 15px !important;
}

.font-20{
	font-size: 20px !important;
}

.font-25{
	font-size: 25px !important;
}

.text-qa{
	  background: #FFFADC;
  padding: 0.5em;
}

/*画像の枠線*/

.img-b {
border: 5px #10318A solid  !important;
}