@charset "UTF-8";

/* H1-H6
------------------------- */
h2 {
	margin:20px 0px 20px;
	line-height:1.2;
	font-family: 'Noto Sans JP',"Noto Sans Japanese",'メイリオ','Meiryo',"Hiragino Kaku Gothic ProN", sans-serif;
	font-weight:300;
	color:#214DB5;
	font-size:8.8rem;
	text-align:center;
}
h2 small {
	display: block;
	color: #8790a5;
	font-size: 5.2rem;
	font-weight:lighter;
	letter-spacing: 0.5rem;
}
h3 {
	margin-top:3rem;
	margin-bottom:2rem;
	padding-bottom:2px;
	padding:10px;
	border:3px solid #ffbde2;
	background:#8f002c;
	line-height:1.2;
	font-family: 'Noto Sans JP',"Noto Sans Japanese",'メイリオ','Meiryo',"Hiragino Kaku Gothic ProN", sans-serif;
	font-weight:bold;
	color:#fff;
}
/* Single
------------------------- */
/* Archive
------------------------- */
/* Page
------------------------- */
/* common */
/* home */
div#wrap_slidshow {
	overflow: hidden;
	width: auto;
	/* height: 466px; */
	height: 400px;
	/* background: url("./img/slide/main.jpg") no-repeat center top; */
	display: block;
	/* margin-bottom:27px; */
	background-size:cover;
	background-color: #E0F0FF;
}
div#slidshow {
	position:relative;
	width: 1200px;
	margin: 0 auto;
}
div#slidshow img {
	display: none;
}
#slidshow-txt {
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	text-align:center;
}
#slidshow-txt strong {
	text-shadow:
    1px  5px 15px #FFF, 1px -5px 15px #FFF,
   -1px  5px 15px #FFF,-1px -5px 15px #FFF,
    2px  4px 13px #FFF, 2px -4px 13px #FFF,
   -2px  4px 13px #FFF,-2px -4px 13px #FFF,
    3px  3px 5px #FFF, 3px -3px 5px #FFF,
   -3px  3px 5px #FFF,-3px -3px 5px #FFF,
    4px  2px #FFF, 4px -2px #FFF,
   -4px  2px #FFF,-4px -2px #FFF,
    5px  1px #FFF, 5px -1px #FFF,
   -5px  1px #FFF,-5px -1px #FFF;
	text-align: center;
	font-family: 'Noto Sans JP',"Noto Sans Japanese",'メイリオ','Meiryo',"Hiragino Kaku Gothic ProN", sans-serif;
	font-weight:700;
	font-size: 3rem;
	color: #ff6633;
}
#rule {
	text-align:		left;
	margin:			20px auto 5px auto;
	font-size:		1.4rem;
	font-weight:	bold;
	padding-left:	2rem;
	line-height:	2rem;
}

#slidshow {
	display: none;
}

#trial-button {
	display: inline-block;
	text-decoration: none;
}

#login-button, #trial-button {
	cursor:pointer;
	padding:7px 30px 7px 32px;
	margin: 15px auto;
	border-radius: 5px;
	border: 1px #065eff solid;
	background: #0086fa;
	background: -moz-linear-gradient(top, #0086fa 0%, #0036ad 100%);
	background: -webkit-linear-gradient(top, #0086fa 0%, #0036ad 100%);
	background: linear-gradient(to bottom, #0086fa 0%, #0036ad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086fa', endColorstr='#0036ad',GradientType=0 );
	box-shadow: 2px 2px 4px #000000;
	line-height:1;
	letter-spacing:2px;
	text-align: center;
	font-family: 'メイリオ','Meiryo',"Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 2.6rem;
	color: #fff;
}

#login-button:hover, #trial-button:hover {
	background: #1d96f9;
	background: -moz-linear-gradient(top, #1d96f9 0%, #0051c4 100%);
	background: -webkit-linear-gradient(top, #1d96f9 0%,#0051c4 100%);
	background: linear-gradient(to bottom, #1d96f9 0%,#0051c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d96f9', endColorstr='#0051c4',GradientType=0 );
}
#wrap-icon-spc {
	display: inline-block;
	width: 36px;
	height: 36px;
	vertical-align: -6px;
}
.svg-up-button {
	fill:#fff;
}
.svg-symbol {
	position:absolute;
	width:0;
	height:0;
}
/* twitter */
ul.box_h {
	list-style:none;
	display:flex;
	justify-content:space-between;
	margin-left:0;
}
.box_h li {
	flex-basis:100%;
}
.box_h li:first-child {
	margin-right: 50px;
	border:1px solid #e2e9ec;
}
.tw_tit .text-box p {
	line-height:1.3;
	font-size:2.4rem;
	color:#fff;
}
.text-box p.tw_1 {
	line-height:1;
	font-size:1.4rem;
}
.tw_tit {
	display: flex;
	background:#009dd2;
	padding:7px 7px 0px;
}
.icon-box {
	flex-basis:60px;
}
.box_h .text-box {
	flex-basis:calc(100% - 60px);
	padding-top: 10px;
}
#navi-title {
	margin-bottom:1rem;
	font-size:1.8rem;
}
#navi-title:before {
	display:inline-block;
	content:"";
	position:relative;
	top:2px;
	width:17px;
	height:17px;
	background-image:url("./img/icon/rect9_b.svg");
	background-size:17px 17px;
	margin-right:7px;
}
#navi-area a {
	display:flex;
	height:150px;
	margin-bottom:15px;
	border:solid 1px #c4ccd2;
	background-image:url("./img/page/home/triangle_b.png");
	background-repeat:no-repeat;
	background-position:right 2px bottom 2px;
	text-decoration:none;
	color:#000;
}
#navi-area a:hover {
	border:solid 1px #55acee;
	background-color:#f3f8fb;
	background-image:url("./img/page/home/triangle.png");
}
#navi-area a .bn-ph {
	flex-basis:190px;
	display:block;
	width:190px;
	height:150px;
	filter: alpha(opacity=0.7);
	-moz-opacity:0.7;
	opacity:0.7;
}
#navi-area a:hover .bn-ph {
	filter: alpha(opacity=1);
	-moz-opacity:1;
	opacity:1;
}
#navi-area .bn-tx {
	flex-basis:200px;
	flex-grow:1;
	display:block;
	margin:1rem 1.2rem;
}
#navi-area .bn-ph .bn-thum {
	object-fit:cover;
	font-family:'object-fit: cover;';
	width:190px;
	height:150px;
}
#navi-area .bn-tx-h {
	display:block;
	margin-bottom:0.5rem;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Sawarabi Mincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:3rem;
}
#navi-area .bn-tx-p {
	display:block;
	line-height:1.5;
	font-size:1.5rem;
}
/* ----- [ end of page.css ] ----- */