@charset "UTF-8";
/* -----------------------------------------------
*original design
	/event/20yy/yymmdd-hogehoge-seminar-entry.html

	1. #header
	2. #content_header
	3. layout
----------------------------------------------- */

/* -----------------------------------------------
	#header
----------------------------------------------- */
#header {
	background-color: #FFB705;
	padding: 10px;
	position: relative;
	height: 46px;
}
#header::after {
	display: block;
	content: "";
	clear: both;
}
#header .logo {
	float: left;
	width: 200px;
	height: 26px;
	padding: 10px;
	position: relative;
	top: 1px;
	left: 5px;
}
#header .logo .click_area {
	display: block;
	position: relative;
	width: 200px;
	height: 26px;
}
#header .info {
	float: right;
	position: relative;
	right: 10px;
	top: 1px;
}
#header .info .title {
	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #fff;
	font-weight: 800;
	text-align: center;
	display: block;
}
#header .info .ruby {
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0;
}
@media only screen and (max-width: 767px) {
	#header {
		text-align: center;
		height: 14px;
		padding: 20px 0 20px 20px;
	}
	#header .logo {
		padding: 0;
		position: static;
	}
	#header .logo .click_area {
		width: 132px;
		height: 16px;
		text-align: center;
		display: block;
	}
	#header .info {
		display: none;
	}
}
/* -----------------------------------------------
	#contents_header
----------------------------------------------- */
/*
	#contents_header
----------------------------------------------- */
#contents_header {
	height: 380px;
	margin-bottom: 30px;
	background-color: #ffb700;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	border-bottom: 10px solid #ffb700;
}
#contents_header.bg_sakura_server {
	background-image: url(../img/img_contents_header_bg_sakura-server.jpg);
	background-position: center;
}
#contents_header.entry-page-header {
	display: block;
}
#contents_header .content {
	height: 550px;
	position: relative;
}
#contents_header .content .main {
	padding: 50px 0;
	display: block;
}
#contents_header .content .page_title {
	min-height: auto;
	font-size: 56px;
	text-align: center;
	display: block;
	padding: 0;
	margin: 0 0 40px 0;
	text-shadow: 2px 2px 0 #333;
	font-weight: 400;
}
#contents_header .content .main .days {
	text-align: center;
	color: #fff;
	font-weight: 800;
	font-size: 32px;
	display: block;
	margin-bottom: 10px;
	text-shadow: 2px 2px 0 #333;
}
#contents_header .content .page_sub_title {
	font-size: 32px;
	color: #fff;
	text-shadow: 2px 2px 0 #333;
	text-align: center;
	font-weight: 400;
	margin-bottom: 40px;
}
#contents_header .content .btn {
	border-bottom: 10px solid #ff8d00;
	background-color: #ffb700;
}
#contents_header .content .btn:hover {
	background-color: #fff;
	border-bottom-color: #ccc;
}
#contents_header .content .btn:hover .btn_text {
	color: #222;
}
#contents_header .content .page_mini_title {
	font-size: 32px;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 0 #333;
}
#contents_header .content .page_title {
	text-shadow: 2px 2px 0 #333;
	color: #fff;
	font-size: 48px;
}
@media only screen and (max-width: 769px) {
	#contents_header .content .page_sub_title {
		font-size: 24px;
	}
}
@media only screen and (max-width: 767px) {
	#contents_header {
		background-position: 20% center;
		min-height: 360px;
	}
	#contents_header .content .page_sub_title {
		font-size: 20px;
	}
}
@media only screen and (max-width: 767px) {
	#contents_header .content .main .days {
		font-size: 20px;
	}
	#contents_header .content .page_title {
		font-size: 32px;
	}
	#contents_header .content {
		height: auto;
	}
	#contents_header .content::after {
		display: none;
	}
	#contents_header .main {
		height: auto;
	}
}
/* -----------------------------------------------
	layout
----------------------------------------------- */
/* general */
.content .headline.large {
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: left;
}
.content .headline.large span {
	font-weight: 400;
	padding: 0;
	margin: 0;
}
.content .en {
	margin-bottom: 20px;
	text-align: left;
	font-weight: 400;
	padding-left: 10px;
}
.content .subheadline {
	text-align: left;
}
.content .subheadline span {
	padding: 0;
}
.content .subheadline::before {
	content: none;
}
@media only screen and (max-width: 767px) {
	.content .headline.large span {
		padding: 0 25px;
	}
}
/* -----------------------------------------------
	#overview
----------------------------------------------- */
#overview {
	padding-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
}
#overview .image {
	position: relative;
}
#overview .image::after {
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	bottom: -30px;
	content: "";
	left: 47%;
	transform: rotate(-45deg);
	border-left: 4px solid #DBDCDC;
	border-bottom: 4px solid #DBDCDC;
	background-color: #DBDCDC;
	z-index: -100;
}
#overview .click_area {
	margin: 50px 250px;
	display: block;
}
#overview .strong.red {
	font-weight: 800;
	color: #cc0000;
}
@media only screen and (max-width: 767px) {
	#overview .click_area {
		margin: 40px 0;
	}
}
/* -----------------------------------------------
	#outline
----------------------------------------------- */
#outline {
	padding: 0 0 50px 0;
}
#outline .table_area .table th,
#outline .table_area .table td {
	padding: 15px;
	font-size: 16px;
}
#outline .table_area .table .yellow {
	padding: 5px 0;
}
#outline .table .label {
	width: 70px;
	background-color: #585858;
	color: #fff;
	font-weight: 400;
}
#outline .table .service-name {
	width: 160px;
}
#outline .table .price {
	text-align: center;
	background-color: #f5f5f5;
}
#outline.content .table .strong {
	font-size: 24px;
}

@media only screen and (max-width: 767px) {
	#outline .table_area .table {
		border-collapse: collapse;
		border: none;
		border-top: 1px solid #ccc;
	}
	#outline .table_area .table th {
		border-top: none;
		border-bottom: none;
	}
	#outline .table_area .table.color th,
	#outline .table_area .table.color td {
		display: table-cell;
		border: 1px solid #333;
	}
}
/* .noteice-area */
#outline .noteice-area {
	padding: 20px;
	background: #f5f5f5;
}
#outline .noteice-area .miniheadline {
	margin-top: 0;
	margin-bottom: 10px;
}
#outline .noteice-area .ul-list {
	position: relative;
	left: 10px;
}
#outline .noteice-area .ul-list li {
	position: relative;
	margin-bottom: 5px;
}
#outline .noteice-area .ul-list li::before {
	content: "・";
	position: absolute;
	left: -15px;
}

/* -----------------------------------------------
	#entry-btn-area
----------------------------------------------- */
#entry-btn-area {
	background-color: #333;
	background-image: url(/news/img/img-bg-entry-mailform-area.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
	border-bottom: 10px solid #ffb700;
}
#entry-btn-area .headline.large {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#entry-btn-area .headline.large span {
	color: #ffb700;
}
#entry-btn-area .en {
	color: #ffb700;
}
#entry-btn-area .btn_contact {
	background-color: #ffb700;
	border-bottom: 10px solid #ff8d00;
}
#entry-btn-area .btn_list li .btn_area {
	margin-bottom: 0;
}
#entry-btn-area .btn_contact .btn_text {
	color: #333;
}
#entry-btn-area .btn_contact:hover {
	background-color: #fff;
	border-bottom-color: #ccc;
}
#entry-btn-area .btn_contact:hover .btn_text {
	color: #333;
}

/* -----------------------------------------------
	#flow
----------------------------------------------- */
#flow {
	position: relative;
	bottom: 50px;
}
#flow .headline.large {
	position: relative;
	top: 50px;
	z-index: 1000;
}
@media only screen and (max-width: 767px) {
	#flow .headline.large {
		top: 25px;
	}
}

/* -----------------------------------------------
	#option
----------------------------------------------- */
#option {
	padding-bottom: 50px;
}
#option .title-header {
	display: block;
}
#option .title-header .click_area {
	display: block;
	top: -10px;
	position: relative;
}
#option a[target="_blank"]::before {}

#option .title-header .click_area:hover .headline span,
#option .title-header .click_area:hover .miniheadline span {
	text-decoration: underline;
}
#option .headline {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}
#option .headline span {
	font-size: 24px;
	line-height: 1.3;
	display: inline;
}
#option .headline.main-title span {
	font-size: 32px;
	line-height: 1.5em;
	display: inline-block;
}
#option .subheadline.small {
	margin-top: 0;
	margin-bottom: 10px;
}
#option .subheadline.small .label {
	font-size: 16px;
	background-color: #666;
	color: #fff;
	padding: 10px 20px;
	font-size: 400;
}
#option .miniheadline {
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}
#option .miniheadline span {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
}
#option .section {
	padding-top: 20px;
}
#option .section::after {
	display: block;
	clear: both;
	content: "";
}
#option .section .text-area .read.large-text {
	font-size: 18px;
}
#option .image.thmb {
	float: left;
	width: 250px;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	z-index: 1000;
}
#option .sakura-server .image.thmb {
	margin-bottom: 50px;
}
#option .image.thmb .img-thmb {
	width: 100%;
	border: 1px solid #ccc;
}
/* #service-sakura-server */
#option .section .read {
	padding-bottom: 5px;
}
#option #service-sakura-server .thmb {
	margin-bottom: 60px;
}
#option .section .ul-list {
	position: relative;
}
#option .section .ul-list li {
	position: relative;
	margin-left: 290px;
	font-size: 14px;
}
#option .section .ul-list li::before {
	display: block;
	content: "・";
	position: absolute;
	left: -20px;
}
@media only screen and (max-width: 767px) {
	#option {
		padding-top: 40px;
		margin-top: 0;
	}
	#option .image.thmb {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		margin-left: 0;
	}
	#option .headline {
		padding-bottom: 0;
		margin-top: 0;
		padding-top: 0;
	}
	#option .headline span {
		font-size: 24px;
		padding: 0 20px;
		display: block;
	}
	#option #price .headline span {
		padding: 0 20px;
	}
	#option .headline.main-title span {
		padding: 0 0 20px 0;
		font-size: 28px;
	}
	#option #service-sakura-server .thmb {
		margin-bottom: 20px;
	}
	#option .section .ul-list li {
		margin-left: 10px;
	}
	#option .section .ul-list li::before {
		left: -15px;
	}
}

/* -----------------------------------------------
	#form-area
----------------------------------------------- */
#form-area {
	padding: 0;
}
/* -----------------------------------------------
	#global_footer
----------------------------------------------- */
#global_footer {
	height: auto;
	margin-top: 0;
	padding: 0;
}
#global_footer .gf_sitemap {
	padding: 35px 0;
	position: relative;
}
#global_footer .gf_sitemap .gf_copyright {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: 400;
}

/* -----------------------------------------------
	general
----------------------------------------------- */
.content .btn_list li .btn_area {
	margin: 0;
}
.content .headline.large {
	margin-bottom: 20px;
}