@charset 'utf-8';

/* HTML5 Reset */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}

img, object, embed {
	max-width: 100%;
	height: auto;
}

html {
	overflow-y: scroll;
}

ol, ul {
	list-style: none;
}

/* for IE6 */
li {
	zoom: 1;
}

blockquote, q {
	quotes: none;
}

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

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a:hover {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}

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

th, td {
	font-weight: normal;
	vertical-align: middle;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {
	vertical-align: middle;
}

input[type="checkbox"] {
	vertical-align: middle;
	*vertical-align: middle;
}

.ie6 input {
	vertical-align: middle;
}

select,
input,
textarea {
	font: 99% sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
}

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

small {
	font-size: 85%;
}

strong {
	font-weight: bold;
}

td img {
	vertical-align: top;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}

.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer;
}

button, input, select, textarea {
	margin: 0;
}

button {
	width: auto;
	overflow: visible;
}

.ie7 img {
	-ms-interpolation-mode: bicubic;
}

.ie6 html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.clearfix {
	width:100%;
	zoom: 1;
}

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

select,
input,
textarea {
	color: #333;
}

::-moz-selection {
	background: #fcd700;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fcd700;
	color: #fff;
	text-shadow: none;
}

ins {
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/* HTML5 Reset end
-------------------------------------------------------------------------------*/
/* デフォルトフォントファミリー設定 */
body,
input,
textarea {
	font-family: "Lucida Grande", "segoe UI", Meiryo, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}

/* 配置 */
.left {
	float: left;
}

.right {
	float:right;
}

.alignleft {
	text-align:left
}

.aligncenter {
	text-align:center
}

.alignright {
	text-align:right
}

/* ブロック要素・インライン要素 */
.dis-n {
	display: none;
}

.dis-b {
	display: block;
}

.dis-i {
	display: inline;
}

.dis-ib {
	display: inline-block;
}

.mb20 {
	margin-bottom: 20px;
}

/* テキスト飛ばし */
.hide-text {
	text-indent: -9999px;
}

.hide-text-h0 {
	text-indent: -9999px;
	height: 0;
}


/* フォント */

/* google open-sans */
.opensans {
	font-family: 'Open Sans', sans-serif;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.red {
	color: red;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs15 {
	font-size: 15px;
}

.fs16 {
	font-size: 16px;
}

.fs17 {
	font-size: 17px;
}

.fs18 {
	font-size: 18px;
}

.fs19 {
	font-size: 19px;
}

.fs20 {
	font-size: 20px;
}

.fs28 {
	font-size: 28px;
}

.line-height-narrow {
	line-height: 1.6 !important;
}

.pt10 {
	padding-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.sp {
	display: none;
}

.pc_wide {
	display: none;
}
@media only screen and ( max-width: 767px ) {

.pc {
	display: none;
}

.sp {
	display: block;
}
}
 @media only screen and ( max-width: 450px ) {

.pc_wide {
	display: block;
}
}

/* *********************************
全体設定
********************************* */
body {
	width: 100%;
	background: url('/jp/asset/img/common/bg.png') top center repeat #fff;
	font-size: 13px;
	color: #333;
	line-height: 1.4;
}
 @media only screen and ( max-width: 767px ) {

body {
	background: none;
}
}

/* *********************************
ボックス設定
********************************* */

.inner {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.contents-area {
	max-width: 960px;
	margin: 0 auto;
}

.contents-body {
	width: 100%;
	padding-top: 80px;
	z-index: 5;
}
 @media only screen and ( max-width: 767px ) {

.inner {
	width: 100%;
}

.contents-body {
	padding-top: 0;
}

.contents-area {
	max-width: 100%;
	padding: 0;
}
}

/* *********************************
header
********************************* */

header {
	width: 100%;
	height: 80px;
	position: fixed;
	top: 0;
	display: block;
	background: #fff;
	z-index: 10000;
}

.header-logo {
	float: left;
	width: 15%;
	min-width: 144px;
	height: 43px;
	padding: 18px 0 19px 0;
}

.header-logo img {
	max-width: 120px;
	height: auto;
}


 @media only screen and ( max-width: 820px ) {

.header-logo {
	width: 12%;
	min-width: 126px;
}
}
 @media only screen and ( max-width: 767px ) {

header {
	position: relative;
	height: auto;
}

.header-logo {
	float: none;
	display: block;
	width: 31%;
	min-width: 100px;
	margin: 0 auto;
	height: auto;
	padding: 10px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.header-logo {
	max-width: 140px;
}

.header-logo img {
	display: block;
	max-width: 100%;
}
}

/* *********************************
ヘッダー内ナビゲーション
********************************* */

header nav {
	float: left;
}

header nav h2 {
	text-indent: -9999px;
	width: 0;
	height: 0;
}

#sp_menu_btn {
	display: none;
}

.navigation {
	float: left;
	min-width: 310px;
	max-width: 413px;
}

.navigation>li {
	float: left;
	height: 80px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navigation>li>a {
	display: block;
	height: 80px;
	text-indent: -9999px;
}

.menu-about a {
	width: 111px;
	background: url('/es/asset/img/common/en_menu-about.png') left top no-repeat;
}

.menu-about>a:hover,
.menu-about.current>a,
.menu-about>a.hover {
	cursor: default;
	background-image: url('/es/asset/img/common/en_menu-about_on.png');
}

.menu-function>a {
	width: 74px;
	background: url('/es/asset/img/common/en_menu-function.png') left top no-repeat;
	cursor: default;
}

.menu-function>a:hover,
.menu-function.current>a,
.menu-function>a.hover {
	background-image: url('/es/asset/img/common/en_menu-function_on.png');
}

.menu-download a {
	width: 119px;
	background: url('/es/asset/img/common/en_menu-download.png') left top no-repeat;
}

.menu-premium a {
	width: 109px;
	background: url('/es/asset/img/common/en_menu-premium.png') left top no-repeat;
}

.subnavi {
	position: absolute;
	top: 80px;
	left: 0;
	height: 60px;
	width: 100%;
	display: none;
	overflow: visible;
}

.menu-about .subnavi {
	background: #33b597;
}

.menu-function .subnavi {
	background: #91cf4a;
}

.subnavi li {
	float: left;
	line-height: 60px;
	padding: 0 25px;
}

.subnavi li a:before {
	content: "＞";
}

.subnavi li a {
	color: #fff;
	background: transparent;
}

header .inner {
	position: relative;
}

.user-navigation {
	width: 330px;
	position: absolute;
	top: 0;
	right: 0;
}

.user-navigation li {
	float: left;
}

.user-navigation li a {
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
}

.user-navigation .pulldown-menu {
	margin-right: 20px;
	width: 70px;
}

.user-navigation .pulldown-menu li {
	float: none;
}

.user-navigation .pulldown-menu a {
	text-indent: 0;
	height: auto;
	overflow: visible;
	color: #838383;
	text-decoration: none;
	border: 1px solid #999;
	border-top: 0 none;
	display: block;
	background: #fff;
	width: 55px;
	padding: 5px 10px;
}

.user-navigation .pulldown-menu a:hover {
	background: #e7e7e7;
}

.user-navigation .pulldown-menu>a {
	border: 1px solid #999;
	margin-top: 25px;
	background: #fff url(../img/common/icon_lang_arrow.png) 55px 6px no-repeat;
}

.user-navigation .pulldown-menu>a:hover {
	background: #e7e7e7 url(../img/common/icon_lang_arrow.png) 55px 6px no-repeat;
}

.lang-pulldown-others {
	display: none;
}

.user-navigation .pulldown-menu:hover .lang-pulldown-others {
	display: block;
}

@media only screen and ( max-width: 820px ) {

.user-navigation {
	width: 325px;
}

.user-navigation .pulldown-menu {
	margin-right: 8px;
}
}
@media only screen and ( max-width: 767px ) {

.user-navigation .pulldown-menu {
	width: 100%;
	margin-bottom: 5px;
}

.user-navigation .pulldown-menu>a {
	display: none;
}

.lang-pulldown-others {
	display: block;
}

.user-navigation .pulldown-menu a {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	line-height: 38px;
}

header nav ul li.pulldown-menu {
	height: 96px !important;
}
}

.menu-support a {
	width: 129px;
	background: url('/es/asset/img/common/en_btn-support.png') left top no-repeat;
}

.menu-support a:hover {
	background-image: url('/es/asset/img/common/en_btn-support_on.png');
}

.menu-login a {
	width: 110px;
	background: url('/es/asset/img/common/en_btn-login.png') left top no-repeat;
}

.menu-login a:hover {
	background-image: url('/es/asset/img/en_common/btn-login_on.png');
}

.menu-close {
	display: none;
}

 @media only screen and ( max-width: 767px ) {

header nav {
	float: none;
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
	z-index: 10001;
	background: #555;
	display: none;
}

#sp_menu_btn {
	display: block;
	position: absolute;
	top: 20px;
	right: 15px;
	width: 16%;
	height: auto;
	z-index: 10000;
	cursor: pointer;
	width: 13%;
	max-width: 62px;
	min-width: 40px;
}

#sp_menu_btn img {
	max-width: 100%;
}

.navigation {
	width: 100%;
	float: none;
	min-width: 100%;
	max-width: 100%;
}

header nav>ul {
	float: none;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 15px 15px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header nav ul li {
	float: none !important;
	height: 46px !important;
	width: 100% !important;
	background-color: inherit;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.navigation li a,
 .user-navigation li a {
	text-indent: 0;
	height: 36px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.menu-about a,
.menu-about a:hover,
.menu-about.current a,
.menu-download a,
.menu-premium a,
.menu-login a,
.menu-login a:hover,
.menu-support a,
.menu-support a:hover,
.subnavi li a {
	display: block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	background-position: 98% center;
	background-repeat: no-repeat;
	color: #fff;
	text-decoration: none;
}

.menu-about a,
.menu-about a:hover,
.menu-about.current a,
.menu-download a,
.menu-premium a,
.menu-support a,
.menu-support a:hover,
.subnavi li a {
	background-image: url('/es/asset/img/sp/common/list-arrow.png');
}

.menu-about .subnavi {
	background: transparent;
}

.menu-function .subnavi {
	background: transparent;
}

.menu-login a,
 .menu-login a:hover {
	background-image: url('/jp/asset/img/sp/common/list-arrow-gray.png');
}

.menu-about,
.menu-function {
	height: auto !important;
}

.menu-about>a,
.menu-function>a {
	display: none !important;
}

.subnavi {
	position: static;
	height: auto;
	width: 100%;
	background: inherit;
	display: block;
}

.subnavi li {
	float: none;
	line-height: 36px;
}

.subnavi li a:before {
	content: "";
}

.user-navigation {
	width: 100%;
	position: static;
}

.user-navigation li {
	float: none;
	width: 100%;
	height: 36px;
}

.user-navigation li a {
	display: block;
	width: 100%;
	height: 36px;
	overflow: hidden;
	text-indent: 0;
}

.menu-download,
.menu-premium,
.menu-support,
.menu-login,
.subnavi li {
	padding: 0 10px;
}

.menu-download,
.menu-premium {
	border: 1px solid #fff;
	margin-bottom: 10px;
}

.subnavi,
.menu-support,
.menu-login {
	margin-bottom: 10px;
}

.menu-support {
	background-color: #34a9cd;
}

.menu-login {
	background-color: #eaedf1;
}

.menu-close {
	display: block;
	cursor: pointer;
}

.menu-close1 {
	background: #555;
	height: 50px;
	text-align: right;
}

.menu-close1 img {
	margin: 20px;
	width: 23%;
}

.menu-close2 {
	line-height: 42px;
	font-size: 18px;
	text-align: center;
	background: #fff;
	border-bottom: 2px solid #555;
}

.menu-close2 img {
	height: 18px;
	margin-top: -5px;
	vertical-align: middle;
}

.menu-login a,
 .menu-login a:hover,
 .menu-close2 a {
	color: #333;
}

.subnavi li {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.subnavi li:first-child {
	border-top: 1px solid #fff;
}
}

/* *********************************
footer
********************************* */

footer {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background: #555;
	padding: 35px 0 20px 20px;
}

footer .inner {
	position: relative;
}

.foot-sns {
	margin-bottom: 10px;
	padding-right: 180px;
	width: 200px;
	float: right;
}

.foot-sns ul li {
	float: left;
	margin-left: 10px;
}

.copyright {
	color: #fff;
	text-align: center;
}

.copyright a {
	color: #fff;
	text-decoration: none;
}

.to-top a {
	display: block;
	width: 61px;
	height: 62px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	background: url('/jp/asset/img/common/to-top.png') center center no-repeat;
	z-index: 500;
	text-indent: -9999px;
}
 @media only screen and ( max-width: 767px ) {

footer {
	width: 100%;
	min-width: 100%;
	margin-top: 50px;
	position: relative;
	background: #fff;
	padding: 0;
}

.foot-sns {
	width: 210px;
	margin: 20px auto;
	padding: 0;
	float: none;
}

.foot-sns ul li {
	margin: 0 5px;
}

.copyright {
	color: #333 !important;
	padding-bottom: 20px;
}

.copyright a {
	color: #333;
}

.to-top a {
	width: 100%;
	height: 36px;
	line-height: 36px;
	margin: 0;
	left: 0;
	top: -36px;
	background: #dcdcdc;
	text-indent: 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.to-top img {
	vertical-align: middle;
	margin-top: -3px;
	padding-left: 5px;
}
}

/* *********************************
footer内ナビゲーション
********************************* */
.footnav {
	margin-bottom: 45px;
	float: left;
}

.footnav ul li {
	float: left;
	padding: 0 15px;
	border-left: 1px solid #fff;
}

.footnav ul li:first-child {
	border-left: none;
}

.footnav ul li a {
	color: #fff;
}
 @media only screen and ( max-width: 767px ) {

.footnav {
	width: 100%;
	background: #555;
	padding: 15px;
	margin-bottom: 25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footnav ul li {
	float: none;
	padding: 5px 15px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color: inherit;
}

.footnav ul li:first-child {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

.footnav ul li a {
	display: block;
	height: 36px;
	line-height: 36px;
	background: url('/jp/asset/img/sp/common/list-arrow.png') 98% center no-repeat;
	text-decoration: none;
}

.footnav ul li a:hover {
	background-image: url('/jp/asset/img/sp/common/list-arrow-gray.png');
}
}

/* *********************************
下層ページ　メインビジュアル
********************************* */
.main-img {
	position: relative;
	width: 100%;
	height: 400px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 60px;
	text-align: center;
}

.main-img .title-img {
	padding-top: 100px;
}

.main-img .overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.main-img .overlay p {
	padding: 25px 0;
	text-align: center;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
 @media only screen and ( max-width: 767px ) {

.main-img {
	height: 240px;
	margin-bottom: 15px;
}

.main-img .title-img {
	height: 20%;
	padding-top: 30px;
}

.main-img .overlay p {
	padding: 10px 15px;
	font-size: 15px;
}
}

/* *********************************
コンテンツ　下層ページ一般
********************************* */


.content-block {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 60px;
	position: relative;
	width: 100%;
	height: auto;
	min-height: 350px;
}

.content-block h2 {
	font-size: 34px;
	margin-bottom: 30px;
	line-height: 1.2;
}

.content-block h2 span {
	font-size: 22px;
	display: block;
	font-weight: normal;
}

.content-bg {
	position: absolute;
	right: -5px;
	bottom: 0;
	width: 100%;
}

.content-wrap {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	padding: 40px;
}
 @media only screen and ( max-width: 767px ) {

.content-block {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 15px;
	height: auto;
	min-height: auto;
}

.contents-area {
	margin: 0 auto 30px;
}

.content-bg {
	display: none;
}

.content-wrap {
	border-width: 2px;
	border-style: solid;
	width: 100%;
	position: static;
	padding: 10px;
}
}

.pc-left {
	float: left;
	margin-right: 3%;
}

.pc-right {
	float: right;
}

.content-text {
	width: 47%;
}

.content-text p {
	line-height: 2;
	font-family:  "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, sans-serif;
}

.content-wrap.no-img-news {
	width: 100%;
}

.content-wrap.no-img-news .content-text {
	float: none;
	width: 100%;
}

.content-img {
	width: 48%;
	height: 100%;
}

.content-img img {
	display: block;
}

.content-text .sub-text {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-top: 25px;
	padding: 10px 8px;
	background: #ebebeb;
	font-size: 12px;
}

.content-text .sub-text h3 {
	color: #000;
}

.content-text .sub-text ul li {
	padding-left: 1em;
	text-indent: -1em;
}

#full .sub-text ul li {
	line-height: 1.5;
	margin-bottom: 10px;
	font-size: 11px;
}
 @media only screen and ( max-width: 767px ) {

.pc-left,
 .pc-right {
	float: none;
	margin-right: 0;
	margin-left: 0;
}

.content-text {
	width: 100%;
}

.content-text p {
	line-height: 1.6;
}

.content-block h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.content-block h2 span {
	font-size: 15px;
}

.content-img {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

.content-img img {
	display: inline-block;
	max-width: 100%;
}
}

/* *********************************
function ページ
********************************* */

#function .content-block h2 {
	color: #57b76f;
}

#function .main-img {
	background-image: url('/jp/asset/img/function/function-mainimg.jpg');
}

#function .content-bg {
	background: #a5e6c0;
}

#function .content-wrap {
	border-color: #a5e6c0;
}

#function .main-img .overlay {
	background: url('/jp/asset/img/function/opacbg-green2.png') repeat;
}

/* *********************************
about ページ
********************************* */

#about .content-block h2 {
	color: #33b597;
}

#about .main-img {
	background-image: url('/jp/asset/img/about/about-mainimg.jpg');
}

#about .content-bg {
	background: #33b597;
}

#about .content-wrap {
	border-color: #33b597;
}

#about .main-img .overlay {
	background: url('/jp/asset/img/about/opacbg-green.png') repeat;
}

.sub-text-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background: #ebebeb;
	padding: 0 10px 10px;
	margin-top: 20px;
}

.sub-text-box h3 {
	background: #ebebeb;
	padding: 10px 0;
}

.sub-text-box>div {
	background: #fff;
	padding: 10px 20px;
}

#about .about-03 .content-img img {
	margin: 0 auto;
}

/* *********************************
full ページ
********************************* */

.full-03 .content-text ul {
	float: left;
	margin-right: 15px;
	line-height: 1.9;
}

#full .content-block h2 {
	color: #ea5550;
}

#full .main-img {
	background-image: url('/jp/asset/img/full/full-mainimg.png');
}

#full .content-bg {
	background: #fdc5c4;
}

#full .content-wrap {
	border-color: #fdc5c4;
}

#full .main-img .overlay {
	background: url('/jp/asset/img/full/opacbg-pink.png') repeat;
}

#full .overlay .inner {
	position: relative;
}

.full-mainimg-over {
	width: 26%;
	position: absolute;
	bottom: 0;
	right: -5%;
	z-index: 8000;
}

@media only screen and ( max-width: 900px ) {

	/*#full .main-img .overlay p {
		font-size: 22px;
	}

	.full-mainimg-over {
		width: 23%;
	}*/

}

@media only screen and ( max-width: 767px ) {

	.full-mainimg-over {
		display: none;
	}

}

/* calendarと共通　「設定は超カンタン」部分 */

.settei-step {
	display: inline-block;
	padding: 5px 10px 2px;
	color: #fff;
	margin-right: 10px;
	line-height: 1;
}

.settei-arrow {
	display: block;
	margin: 10px 0 10px 20px;
}

#full .settei-step {
	background: #fb4d4c;
}

/* *********************************
calendar ページ
********************************* */

#calendar .content-block h2 {
	color: #91cf4a;
}

#calendar .main-img {
	background-image: url('/jp/asset/img/calendar/calendar-mainimg.jpg');
}

#calendar .content-bg {
	background: #bee88d;
}

#calendar .content-wrap {
	border-color: #bee88d;
}

#calendar .main-img .overlay {
	background: url('/jp/asset/img/calendar/opacbg-lightgreen.png') repeat;
}

#calendar .settei-step {
	background: #91cf4a;
}

.programs-table table {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
}

.programs-table table th,
.programs-table table td {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	border: 1px solid #a7dc68;
	line-height: 1.4;
	height: 35px;
	padding: 5px 10px;
	vertical-align: middle;
}

.programs-table table th {
	background: #bee88d;
	font-weight: bold;
}

.programs-table table td {
	background: #f8fff0;
}

@media only screen and ( max-width: 767px ) {

	.programs-table table th,
	.programs-table table td {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.programs-table table {
		width: 100%;
		margin: 0 auto;
	}

	.programs-table tr.sp-noborder td {
		border-top-width: 0;
	}

	.programs-table table tr td:first-child,
	 .programs-table table tr th:first-child {
		width: 56%;
	}

}

@media only screen and ( max-width: 395px ) {

	.programs-table table th,
	 .programs-table table td {
		line-height: 1.3;
		padding: 1%;
	}

	.programs-table table tr td:first-child,
	 .programs-table table tr th:first-child {
		width: 56%;
	}

}

/* *********************************
cloud ページ
********************************* */

#cloud .content-block h2 {
	color: #69a2d8;
	font-size: 28px;
}

#cloud .cloud-blue a {
	display: block;
	height: 22px;
	line-height: 22px;
	padding-left: 30px;
	background: url('/jp/asset/img/cloud/cloud-listmark.png') left center no-repeat;
	color: #69a2d8;
}

#cloud .main-img {
	background-image: url('/jp/asset/img/cloud/cloud-mainimg.jpg');
}

#cloud .content-bg {
	background: #a9caea;
}

#cloud .content-wrap {
	border-color: #69a2d8;
}

#cloud .main-img .overlay {
	background: url('/jp/asset/img/cloud/opacbg-blue.png') repeat;
}

#cloud .content-img p {
	margin-top: 10px;
}

#cloud .cloud-02 .content-text ul {
	margin-top: 15px;
}

/* *********************************
faq ページ
********************************* */

#faq .content-block h2 {
	color: #57b76f;
}

#faq .main-img {
	background-image: url('/jp/asset/img/faq/faq-mainimg.jpg');
	height: 430px;
	background-size: cover;
}

#faq .main-img .title-img {
	padding-top: 100px;
}

#faq .overlay {
	background: url('/jp/asset/img/faq/opacbg-lightblue.png') repeat;
}

#faq .font-small {
	font-size: 12px;
	padding: 0 0 20px;
	font-weight: normal;
}

#faq .contents-body {
	margin-bottom: 20px;
}

#faq .faq-contents-area {
	margin-bottom: 40px;
}

#faq2 {
	margin-bottom: 40px;
}

#faq2 section {
	margin-bottom: 20px;
	line-height: 1.6;
}

#faq .inquiry-btn {
	width: 60%;
	margin: -10px auto 10px;
	text-align: center;
}

#faq .inquiry-btn.pc {
	position: relative;
	width: 484px;
	height: 130px;
}

#faq .faq-qr {
	display: block;
	position: absolute;
	top: 12px;
	left: 10px;
	width: 106px;
	height: 106px;
}

#faq .inquiry-caution {
	width: 484px;
	height: 20px;
	margin: 10px auto 30px;
}

#faq .inquiry-caution ul li {
	background: url('/jp/asset/img/faq/circle-arrow-down.png') left center no-repeat;
	padding-left: 18px;
	float: right;
}

#faq .inquiry-caution ul li a {
	color: #48b1d2;
	text-decoration: underline;
	font-size: 12px;
}

#faq .inquiry-caution-body {
	background: #eee;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#faq .inquiry-caution-body>div {
	padding: 15px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#faq .inquiry-caution-body>p {
	margin-bottom: 10px;
}

#faq .inquiry-caution-body ul li {
	padding-left: 1em;
	text-indent: -1em;
}
 @media screen and ( max-width: 767px ) {

#faq .inquiry-btn {
	width: 60%;
	margin: 20px auto 10px;
}

#faq .main-img {
	height: 340px;
}

#faq .main-img .title-img {
	padding-top: 30px;
	max-width: 140px;
}

#faq .font-small {
	display: inline-block;
	padding: 10px 0;
	text-align: left;
}

#faq .inquiry-caution {
	width: 60%;
}
}
 @media screen and ( max-width: 500px ) {

#faq .inquiry-btn {
	width: 70%;
}
}

#faq .faq-contents-area {
	width: 100%;
	background: #fff;
}

.tabmenu-area {
	width: 100%;
	border-bottom: 1px solid #bdc3c7;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;
}

.tabs-outer {
	width: 92%;
	padding: 0 4%;
}

.tabmenu-area .tabs {
	text-align: center;
	font-size: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.tab-bg {
	display: none;
	width: 3px;
	height: 56px;
	position: absolute;
	top: 3px;
	right: -3px;
	background: #bdc3c7;
	z-index: 1;
}

.active .tab-bg {
	display: block;
}

.tabs>div {
	float: left;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 60px;
	padding: 10px;
	width: 49.5%;
	border: 1px solid #bdc3c7;
	background: #f0f4f5;
	z-index: 10;
	cursor: pointer;
}

.tabs>div:first-child {
	margin-right: 1%;
}

.tabmenu-area div.active {
	border-bottom-color: #fff;
	background: #fff;
}

.faq-contents-area {
	border-bottom: 1px solid #bdc3c7;
	margin-bottom: 100px;
}

.faq-contents-area .inner>div {
	width: 92%;
	margin: 0 auto 40px;
}

#faq-contents-web {
	display: none;
}

.faq-question {
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #bbb;
	padding: 18px 0 15px 50px;
	background: url(../img/faq/q-mark.png) 10px center no-repeat;
	font-size: 14px;
	line-height: 1.4;
}

.faq-all {
	padding: 40px 0 0;
}

.faq-all.list ul {
	margin-bottom: 30px;
}

.faq-all ul li:first-child .faq-question {
	border-top: 1px solid #bbb;
}

.faq-all ul li a {
	text-decoration: none;
	color: #333;
}

.faq-all h2 {
	color: #34a9cd;
	font-size: 16px;
	margin-bottom: 8px;
}

.faq-caution {
	color: #333;
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}

.faq-answer {
	padding: 30px 0 20px;
	width: 100%;
	background: #e1f3f9;
	border-bottom: 1px solid #bbb;
}

.faq-answer.no-border {
	border-bottom: 0;
}

.faq-answer p {
	padding: 20px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.faq-answer-inner {
	width: 530px;
	margin: 0 auto 40px;
}

.faq-answer-inner-wide {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 30px;
	margin: 0 auto 40px;
}

.faq-answer-inner-wide img {
	display: block;
	margin: 0 auto;
}

.faq-answer-inner a {
	color: #34a9cd;
}

.faq-answer-footer {
	width: 80%;
	margin: 0 auto 20px;
}

.faq-answer-footer a {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	border: 1px solid #34a9cd;
	font-size: 14px;
	padding: 10px;
	margin: 10px auto;
	color: #34a9cd;
	text-decoration: none;
	background: #fff;
	text-align: center;
}

.faq-answer-footer a span {
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.circle-blue-arrow-right {
	display: block;
	background: url(../img/faq/circle-arrow-right.png ) left center no-repeat #fff;
	padding-left: 22px;
}

.circle-blue-arrow-right a {
	color: #34a9cd;
	text-decoration: none;
}

.faq-backtolist {
	width: 100px;
	margin: 40px auto 0;
}
 @media screen and ( max-width: 767px ) {

.faq-all h2 {
	color: #34a9cd;
	font-size: 14px;
	margin-bottom: 8px;
}

.faq-all ul li span {
	font-size: 12px;
	line-height: 1.2;
}

.faq-answer-inner {
	width: 90%;
	max-width: 530px;
	margin: 0 auto 20px;
	font-size: 12px;
}

.faq-answer-inner-wide {
	padding: 0 15px;
	font-size: 12px;
}

.faq-answer-footer {
	width: 90%;
	max-width: 530px;
	margin: 0 auto 20px;
}
}

/* *********************************
indexページ
********************************* */


/*
* スライダー
*/
.slider {
	position: relative;
	overflow: auto;
}

.slider ul {
	width: 100%;
}

.slider ul li {
	float: left;
	width: 100%;
	height: 510px;
	list-style: none;
	background-size: cover;
}

.slider ul li>div {
	width:100%;
	height: 100%;
	position: relative;
}

.slide01 {
	background: url('/en/asset/img/slider/slide01.jpg') center top no-repeat;
	background-size: cover;
}

.slide01 .slide-content {
	position: absolute;
	top: 20%;
	left: 50%;
}

.slide01 .slide-content a {
	display: block;
	margin-top: 30px;
}

.slider .slide02 {
	background: #000000;
	background-size: cover;
}

.slider .slide02 img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.slider .slide02 span.sp {
	display: none;
}


.slide03 {
	background: url('/jp/asset/img/slider/slide03.jpg') center top no-repeat;
	background-size: cover;
}

.slide03 .slide-content {
	text-align: center;
	padding-top: 75px;
}

.slider .bx-pager {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
	left: 0;
	z-index: 1000;
}

.slider .bx-pager div {
	display: inline-block;
}

.slider .bx-pager-item a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 8px;
	text-indent: -9999px;
	cursor: pointer;
	background: url('/jp/asset/img/slider/dot.png') center center no-repeat;
}

.slider .bx-pager-item a.active {
	background-image: url('/jp/asset/img/slider/dot-active.png')
}
 @media only screen and ( max-width: 767px ) {
 #index .slider {
 height: 250px;
}
 #index .slider ul {
 width: 100%;
 height: 250px;
}
 #index .slider ul li {
 float: left;
 width: 100%;
 height: 250px;
 list-style: none;
 background-size: cover;
}
 .slider ul li>div {
 width:100%;
 position: relative;
}
 .slide01 {
 background: url('/en/asset/img/slider/slide01.jpg') center top no-repeat;
 background-size: cover;
}
 .slide01 .slide-content {
 position: absolute;
 top: 20%;
 left: 50%;
 width: 40%;
}
 .slide01 .slide-content a {
 display: block;
 margin-top: 30px;
}


 .slider .slide02 span.pc {
 	display: none;
 }

  .slider .slide02 span.sp {
 	display: block;
 }

.slide03 .slide-content {
text-align: center;
padding-top: 30px;
}

.slide03 .slide-content img {
width: 98%;
}



}

/*
* ニュース
*/

.pc-left-half,
.pc-right-half {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	position: relative;
}

.pc-left-half {
	float: left;
}

.pc-right-half {
	float: right;
}
 @media only screen and ( max-width: 767px ) {

.pc-left-half,
 .pc-right-half {
	width: 100%;
	float: none;
}
}

.headline {
	width: 100%;
	height: auto;
	background: #777778;
	padding: 20px 0;
	margin-bottom: 100px;
}

#index .headline h1 {
	margin-bottom: 0;
}

.headline h2 {
	width: 100%;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
	color: #fff;
	font-size: 15px;
	margin-bottom: 15px;
}

.headline dl dt {
	float: left;
	width: 85px;
	clear: left;
	color: #fff;
	margin-bottom: 10px;
	font-size: 12px;
}

.headline dl dd {
	padding-left: 95px;
	margin-bottom: 10px;
	font-size: 12px;
}

.headline dl dd a {
	color: #fff;
}
@media screen and ( max-width: 767px ) {
}

/*
* コンテンツボックス
*/
#index .content-block {
	margin-bottom: 100px;
}

#index .content-text h2 {
	font-size: 25px;
	line-height: 1.3;
	color: #666;
}

#index .content-text p {
	margin-bottom: 10px;
}

.section-title-en {
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 16px;
	font-weight: bold;
}

#about .section-title-en {
	color: #33b597;
}

#premium .section-title-en {
	color: #d79722;
}

#full .section-title-en {
	color: #ea5550;
	;
}

#calendar .section-title-en {
	color: #91cf4a;
}

#cloud .section-title-en {
	color: #69a2d8;
}

.section-title-mark {
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
	width: 81px;
	height: 81px;
}

#index h1 {
	margin: 10px auto 40px;
}

.to-detail {
	margin-top: 20px;
	margin-bottom: 20px;
}

.to-detail a {
	display: block;
	height: 53px;
	position: relative;
	top: 0;
	left: 0;
}

.to-detail a:hover {
	top: 2px;
	left: 2px;
}

.mb60 {
	margin-bottom: 60px !important;
}
 @media screen and ( max-width: 767px ) {

.headline {
	margin-bottom: 60px;
}

.headline .pc-left-half {
	margin-bottom: 20px;
}

#index .content-block {
	margin-bottom: 50px;
}

#index .content-block h1 {
	margin: 40px auto 20px;
}

#index .content-text h2 {
	font-size: 18px;
}

.section-title-en {
	top: 10px;
	left: 10px;
	font-size: 14px;
}

.to-detail {
	margin-bottom: 0;
}

#cloud .content-text ul.to-login {
	margin-top: 10px;
	margin-bottom: 10px;
}
}
 @media screen and ( max-width: 767px ) {

#calendar .section-title-en {
	font-size: 12px;
}

#cloud.mb60 {
	margin-bottom: 20px !important;
}
}

/*
* 全チェン箇所のフェード効果
*/
.fullSample {
	position: relative;
}

.full-slider-panel {
	position: absolute;
	top: 59%;
	left: 57%;
	width: 45%;
	max-width: 195px;
	height: auto;
	z-index: 9999;
}

.full-slider-panel .fsp-icons {
	width: 100%;
}

.full-slider-panel .fsp-icons>li {
	width: 30%;
	height: auto;
	margin-left: 1%;
	float: left;
	cursor: pointer;
}

.full-slider-panel .fsp-icons li:first-child {
	margin-left: 0;
}

.full-slider-panel .fsp-icons>li img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

.fsp-name {
	width: 82%;
	height: 10%;
	padding: 2% 5%;
	background: #dfdfdf;
	font-size: 12px;
}

@media screen and ( max-width: 767px ) {

.fullSample {
	width: 100%;
	max-width: 423px;
	margin: 0 auto 20px;
}

}

#download_contents {
	background-color: #4a6282;
	padding-top: 20px;
}

#download_contents .inner {
	background: url('/en/asset/img/index/index-05.png') 10% bottom no-repeat;
	background-size: contain;
}

#download_contents h2 {
	margin-bottom: 20px;
}

.dl-text {
	width: 48%;
	margin-left: 45%;
}

.dl-text {
	display: inline-block;
	padding-left: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
}

.app-cp {
	width: 90%;
	margin: 0 auto 20px;
}

#download_contents .app-cp {
	display: inline-block;
	height: auto;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 4%;
	text-align: center;
}

.app-cp a {
	margin: 1%;
	display: inline-block;
	vertical-align: top;
}

@media screen and ( max-width: 767px ) {

	#download_contents {
		padding-top: 0;
	}

	#download_contents .inner {
		background: none;
		padding-left: 0;
	}

	.dl-text {
		width: 90%;
		padding: 5% 5%;
		margin-left: 0;
	}

	.dl-text h2 {
		width: 80%;
	}

}

#index #sns h1 {
	margin: 0 auto;
}

#sns {
	margin-bottom: 60px;
	margin-top: 138px;
}

#sns .pc-left-half,
#sns .pc-right-half {
	position: relative;
	border-width: 2px;
	border-style: solid;
}

#sns .pc-left-half {
	border-color: #bfebf7;
}

#sns .pc-right-half {
	border-color: #c6ddfd;
	background-color: #ffffff;
}

#sns .sns-icon {
	width: 82px;
	height: 82px;
	position: absolute;
	top: -78px;
	left: 50%;
	margin-left: -41px;
}

#media {
	margin-bottom: 60px;
}

#media .media-title {
	text-align: center;
}

#media .media-title div {
	margin: 0 auto;
	background: #fff;
	display: inline-block;
	border-top: 1px solid #bebebe;
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	padding: 10px 20px;
	font-weight: bold;
}

#twitter-widget-outer,
#facebook-widget-outer {
	width: 100%;
	overflow: hidden;
	margin-bottom: -3px;
}

#media .media-appeared {
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bebebe;
	padding: 30px 60px 20px;
	background: #fff;
	text-align: center;
}

#media .media-appeared a {
	display: inline-block;
	margin: 5px;
}
 @media screen and ( max-width: 767px ) {

#sns {
	margin-bottom: 20px;
	margin-top: 88px;
}

#sns .pc-left-half {
	margin-bottom: 90px;
}

#media .media-appeared {
	padding: 15px 15px 20px;
}

#media .media-appeared a {
	max-width: 116px;
	margin: 1% 2%;
}
}

/* *********************************
kiyaku / privacy / company
********************************* */
.other-contents .contents-area {
	margin-top: 45px;
	color: #555;
}

.other-contents .content-bg {
	background: #dfdfdf;
}

.other-contents h1 {
	width: 100%;
	padding: 0 0 40px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 34px;
	font-weight: bold;
	line-height: 1;
	color: #34a9cd;
}

.other-contents .content-wrap {
	border-color: #dfdfdf;
}

.other-contents .content-text {
	width: 100%;
}

.other-contents .content-text p {
	font-size: 12px;
	margin-bottom: 20px;
}

.other-contents .content-text ol {
	margin: 0 0 20px 6px;
}

.other-contents .content-text ol li {
	line-height: 1.8;
	padding-left: 1em;
	text-indent: -1.5em;
}
 @media screen and ( max-width: 767px ) {

.other-contents .contents-area {
	margin-top: 20px;
}

.other-contents h1 {
	font-size: 20px;
	padding: 10px 0 20px;
}
}

#kiyaku .content-wrap h1 {
	margin-bottom: 20px;
}

#kiyaku .content-text h2 {
	font-size: 14px;
	font-weight: bold;
	color: #555;
	margin-bottom: 10px;
	padding-top: 10px;
}

#kiyaku .content-text h2 span {
	width: 12px;
	height: 12px;
	background: #555;
	display: inline-block;
	margin-right: 2px;
}

#kiyaku .content-text h3 {
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 14px;
}

.kiyaku-date {
	text-align: right;
	margin-top: 100px;
}
 @media screen and ( max-width: 767px ) {

.kiyaku-date {
	margin-top: 40px;
}
}

#privacy .content-text p {
	line-height: 2.2 !important;
}

.privacy-date {
	margin-top: 30px;
	text-align: right;
	line-height: 1.5 !important;
}

#privacy .content-text ol li {
	line-height: 2.2;
}
 @media screen and ( max-width: 767px ) {

#privacy .content-text p {
	line-height: 1.5 !important;
}

.privacy-date {
	margin-top: 30px;
	line-height: 1.5 !important;
}

#privacy .content-text ol li {
	line-height: 1.5;
}
}

.company {
	margin-bottom: 60px;
}

#company .content-text dl dt,
#company .content-text dl dd {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.company dt {
	float: left;
	clear: left;
	width: 20%;
	height: 100%;
	padding-left: 1%;
	line-height: 1.8;
}

.company dd {
	padding-left: 21%;
	width: 100%;
	border-bottom: 1px solid #ccc;
	line-height: 1.8;
}

.access>div:first-child {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}

.access dl dt {
	float: left;
	clear: left;
	width: 5em;
	height: 100%;
	color: #34a9cd;
	font-weight: bold;
}

.access dl dd {
	padding-left: 6em;
	width: 100%;
	line-height: 1.8;
}

.access dl dd span {
	display: inline-block;
	margin-right: 3em;
}

/* google map iframe */
.company-gmap {
	position: relative;
	width: 100%;
	padding: 40% 0 0 0;
}

.company-gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.big-map {
	display: inline-block;
	padding: 10px 0;
	color: #34a9cd;
}
 @media screen and ( max-width: 767px ) {

.company {
	margin-bottom: 30px;
}

#company dl dt,
 #company dl dd {
	font-size: 13px !important;
	line-height: 1.3 !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

.company dt {
	float: none;
	width: 100%;
	text-decoration: underline;
}

.company dd {
	padding-left: 5%;
}

.access dl dt {
	float: none;
	width: 100%;
}

.access dl dd {
	padding-left: 5%;
	width: 100%;
	line-height: 1.5;
	font-size: 12px;
}

.access dl dd span {
	display: block;
	margin-right: 0;
}
}

#news .main-img {
	background-image: url(../img/news/news-mainimg.jpg);
	height: 247px;
}

#news .content-wrap {
	border: 1px solid #87bedb;
	padding-top: 20px;
}

#news .content-bg {
	background: #8abbdb;
}

.content-news-titles {
	background: #d9ebf4;
	padding: 10px;
	margin-bottom: 20px;
}

.content-news-titles h1 {
	font-weight: normal;
	font-size: 18px;
	color: #0062ac;
}

.news-outlink {
	background: url(../img/news/news-icon.gif) left top no-repeat;
	padding-left: 22px;
	margin-top: 30px;
}

p.news-outlink {
	line-height: 1.5;
}

.news-outlink a {
	color: #0075c2;
}

.content-news-title-date {
	color: #0062ac;
	padding-bottom: 5px;
}

.outsite-links {
	background: url(../img/news/icon-outsite.gif) right 2px no-repeat;
	padding-right: 20px;
}

.news-information-list {
	margin-bottom: 10px;
}

.news-information-list p {
	padding-left: 20px;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.news-information-list a,
.news-information-date {
	color: #fff;
	font-size: 12px;
}

.news-information-date {
	float: left;
	clear: both;
}

.fbxslider,
.cbxslider {
	position: relative;
}

.fbxslider li,
.cbxslider li {
	position: absolute;
	width: 100%;
}

.calSample {
	position: relative;
}

.cal-slider-panel {
	position: absolute;
	top: 105%;
	left: 10px;
	width: 100%;
	max-width: 255px;
	height: auto;
	z-index: 9999;
}

.cal-slider-panel .csp-icons {
	width: 100%;
	height: 30%;
	max-width: 255px;
}

.cal-slider-panel .csp-icons>li {
	width: 24%;
	height: 30%;
	margin-right: 1%;
	float: left;
	cursor: pointer;
}

.cal-slider-panel .slider-clickable-icon {
	display: block;
}

.cal-slider-panel .triangle-img {
	display: none;
}

.cal-slider-panel .slider-clickable-icon,
.cal-slider-panel .triangle-img {
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}

.csp-icons>div:first-child .triangle-img {
	display: block;
}

.csp-name {
	width: 80%;
	max-width: 255px;
	height: 10%;
	padding: 2% 10%;
	background: #dfdfdf;
}
 @media screen and ( max-width: 767px ) {

.cal-slider-panel {
	margin: 0 auto;
}

.calSample {
	width: 100%;
	max-width: 405px;
	margin: 0 auto 120px;
}

.cal-slider-panel {
	position: absolute;
	top: 100%;
	left: 50%;
	max-width: 255px;
	margin-left: -127px;
	height: auto;
	z-index: 50000;
}
}
 @media screen and ( max-width: 555px ) {

.tabmenu-area {
	height: 48px;
}

.tabmenu-area .tabs {
	overflow: hidden;
}

.tab-bg {
	height: 47px;
	top: 2px;
	right: -3px;
}

.tabs>div {
	height: 48px;
}

#webmenu img {
	padding-top: 2px;
}
}
 @media screen and ( max-width: 350px ) {

.tabmenu-area {
	height: 36px;
}

.tab-bg {
	height: 36px;
	right: -2px;
	width: 2px;
}

.tabs>div {
	height: 36px;
	padding: 5px 8px;
}

#webmenu img {
	padding-top: 4px;
}
}
 @media screen and ( max-width: 767px ) {

.headline li.news-information-list {
	position: relative;
}

.headline span.news-information-date {
	width: 85px;
	position: absolute;
	top: 2px;
	left: 0;
}

.headline li.news-information-list p {
	padding-left: 95px;
}
}

#modal-back {
	display: none;
	background: #999;
	background: rgba(0,0,0,.3);
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#media-modal-box {
	background: #fff;
	width: 300px;
	padding: 15px;
	border-radius: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -150px;
	font-size: 14px;
	line-height: 2;
}

#media-modal-box a {
	color: #69a2d8;
}

/* facebook like box 横幅可変に　*/
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
	width: 100%!important;
}

#twitter-widget-1[style] {
	width: 100% !important;
}

.jorte-tab-contents {
	display: none;
}

.jorte-tab-contents.active {
	display: block;
}

#contact-form-table {
	margin: 20px;
	width: 100%;
}

#contact-form-table tr th,
#contact-form-table tr td {
	padding: 10px 15px;
	text-align: left;
}

#contact-form-table tr th {
	width: 30%;
}

#contact-form-table tr td select {
	width: 30%;
	font-size: 14px;
}

#contact-form-table tr td input {
	width: 50%;
	padding: 5px;
}

#contact-form-table tr td textarea {
	width: 80%;
	height: 120px;
	padding: 5px;
}

.contact-form-submit-btn input {
	display: block;
	height: 30px;
	width: 200px;
	margin: 0 auto;
	font-size: 16px;
	padding: 5px 0;
}

.news-all-list-read {
	display: inline-block;
	color: #a5adae;
	background: #fff;
	font-size: 11px;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
	padding: 3px 5px;
}

/* answer_sp2
	----------------*/
.contact-detail {
	background: none repeat scroll 0 0 #e1f3f9;
	border-bottom: 1px solid #bbb;
	padding:5px 0 20px;
	width: 100%;
}


/* *********************************
premiumページ
********************************* */

#premium .content-block h2 {color: #d79722;}
#premium .tab2 .content-block h2 {color: #585ba8;}
#premium .tab3 .content-block h2 {color: #df4f83;}

#premium .main-img {
	background-image: url('/jp/asset/img/premium/premium-mainimg.jpg');
}

#premium .main-img h1 {
	display: block;
	text-indent: -9999px;
	background: url("/en/asset/img/premium/premium-jorte.png") no-repeat center 60px;
}


#premium .content-bg {background: #f6e8be;}
#premium .tab2 .content-bg {background: #9396f6;}
#premium .tab3 .content-bg {background: #f1c2d3;}

#premium .content-wrap {border-color: #e7d292;}
#premium .tab2 .content-wrap {border-color: #585ba8;}
#premium .tab3 .content-wrap {border-color: #df4f83;}

#premium .main-img .overlay {
	background: url('/jp/asset/img/premium/opacbg-premium.png') repeat;
}

#premium .main-img .overlay p {
	padding: 42px 0;
}

#premium .comparison-table {
	width: 100%;
	text-align: center;
	word-break: break-all;
}

#premium .comparison-table tr th {
	padding: 12px;
	border: 1px solid #c7c7c7;
}

#premium .comparison-table tr th .premium-jorte-th-premium01 {
	margin-right: 10px;
}

#premium .comparison-table tr th.no-plan {
	background: transparent;
	border: none;
}

#premium .comparison-table tr th.free-plan {
	width: 35%;
	padding-top: 15px;
}

#premium .comparison-table tr th.pay-plan {
	width: 35%;
	padding-top: 15px;
	background: #f9e992;
}
#premium .comparison-table tr th {
	background: #fff;
}
#premium .comparison-table tr td {
	border: 1px solid #c7c7c7;
}

#premium .comparison-table tr td.free-plan {
	background: #f6f6f6;
}

#premium .comparison-table tr td.pay-plan {
	background: #fff4c8;
}

#premium #premium-area-09 h2 {
	margin-left: 30%;
}

#premium #premium-area-09 .fontA{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* ---------- premium tab ---------- */
.inner span.fss {
  font-size: 16px;
}

.premium_list {

}

.premium_list ul {
  position: relative;
  min-height: 400px;
}

.premium_list ul li {
  float: left;
  width: 32%;
  position: absolute;
  height: auto;
  min-height: 400px;
}

.premium_list ul li:first-child {top: 0; left: 0;}
.premium_list ul li:nth-child(2) {top: 0; left: 34%;}
.premium_list ul li:last-child {top: 0; right: 0;}

.premium_list ul li div.bg {
  display: block;
  position: absolute;
  right: -5px;
  top: 5px;
  width: 100%;
  height: 350px;
}

.premium_list ul li.premium div.bg {background: #f6e8be;}
.premium_list ul li.premium_plus div.bg {background: #9396f6;}
.premium_list ul li.unlimited div.bg {background: #f1c2d3;}

.premium_list ul li div.premium_list_contents {
  background-color: #ffffff;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  padding: 13px;
  width: 100%;
  height: 350px;
}

.premium_list ul li.premium div.premium_list_contents {border-color: #e7d292;}
.premium_list ul li.premium_plus div.premium_list_contents {border-color: #585ba8;}
.premium_list ul li.unlimited div.premium_list_contents {border-color: #df4f83;}


.premium_list ul li div div.title {
  overflow: hidden;
}

.premium_list ul li div div.title + p {
  font-size: 14px;
  padding: 10px 0;
  height: 100px;
}

.premium_list ul li div p.price {
  text-align: center;
  font-size: 18px;
  height: 33px;
}

.premium_list ul li div p.price span {
  font-size: 24px;
  font-weight: 700;
  color: #bb8d1c;
}
.premium_list ul li.premium_plus div p.price span {color: #585ba8;}
.premium_list ul li.unlimited div p.price span {color: #df4f83;}

.premium_list ul li div p.caution {
  text-align: right;
  font-size: 12px;
}

.premium_list ul li div div.title img,
.premium_list ul li div div.title p {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}

.premium_list ul li.premium div div.title p {color: #bb8d1c;}
.premium_list ul li.premium_plus div div.title p {color: #585ba8;}
.premium_list ul li.unlimited div div.title p {color: #df4f83;}

.tabContentsContainer {
  position: relative;
  height: 3609px;
}
.tab1, .tab2, .tab3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* other */
.other_list {
  background-color: #fff;
}

.other_list h2 {
  text-align: center;
}

.other_list ul {
  padding: 0 1.0rem;
}

.other_list ul li {
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 0 0 2.8rem 0;
}

.other_list ul li span.fsm {
  font-size: 1.4rem;
  color: #787878;
  font-weight: bold;
}

.other_list ul li img {
  padding: 0 0 0.6rem 0;
  max-width: 30%;
}

/* table */

.content-block.premium-09 {
  margin-bottom: 20px;
}

#premium #premium-area-09 h2.mtilte {
  margin: 0 0 30px;
  text-align: center;
}

#premium .content-block.premium-09 .comparison-table {
}

#premium .content-block.premium-09 .comparison-table th {
  width: 185px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 16px;
}

#premium .content-block.premium-09 .comparison-table th span {
  font-size: 12px;
}

#premium .content-block.premium-09 .comparison-table th.no-plan {width: auto;}
#premium .content-block.premium-09 .comparison-table th.free-plan {}
#premium .content-block.premium-09 .comparison-table th.premium-plan {background: #bb8d1c;}
#premium .content-block.premium-09 .comparison-table th.plus-plan {background: #585ba8;}
#premium .content-block.premium-09 .comparison-table th.buffet-plan {background: #df4f83;}

#premium .content-block.premium-09 .comparison-table td {
  padding: 5px 10px;
  background: #ffffff;
  font-size: 16px;
}

#premium .content-block.premium-09 .comparison-table td.title {
  font-size: 14px;
}

#premium .content-block.premium-09 .comparison-table td span {
  color: #dc2121;
  font-size: 12px;
}

#premium .content-block.premium-09 .comparison-table td:nth-child(2) {}
#premium .content-block.premium-09 .comparison-table td:nth-child(3) {background: #fcd581;}
#premium .content-block.premium-09 .comparison-table td:nth-child(4) {background: #c0c2f6;}
#premium .content-block.premium-09 .comparison-table td:nth-child(5) {background: #fcb1cc;}








@media screen and (max-width: 767px) {

#premium .main-img h1 {
	background: none;
}

#premium .main-img h1 img {
	display: block;
	margin: 0 auto;
	padding-top: 7px;
	width: 170px;
}

#premium .main-img .overlay p {
	padding: 15px 0;
}

}

@media screen and (max-width: 640px) {

#premium .comparison-table{
	font-size: 90%;
}
#premium .comparison-table tr th.free-plan,
#premium .comparison-table tr th.pay-plan {
	font-size: 100%;
}
#premium .comparison-table tr th span {
	display: block;
}

#premium #premium-area-09 h2 {
	margin-left: 0%;
}

#premium .comparison-table tr th .premium-jorte-th-premium01 {
	margin-right: 0px;
}

}