@charset "UTF-8";
/*
Theme Name: 1os1C
Theme URI: https://web.1os.co.jp/
Author: One OS inc.
Author URI: https://1os.co.jp/
Description: このテーマは株式会社ワンオーエス(サービス名：クオリティWebデザイン)によって作成されました。高品質でカスタマイズ可能なデザインを提供し、ユーザーに素晴らしいエクスペリエンスをもたらします。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 1os_mc
Tags: レスポンシブ, 1カラム, 翻訳対応
*/

/**********  カスタマイズCSS **********/

#header_wrapper,
#copyright{
	background:
		linear-gradient(120deg, rgba(255,255,255,.08), transparent 35%),
		linear-gradient(135deg, #020b1f 0%, #082b66 50%, #030914 100%);
	border-bottom: 2px solid #d6aa3a;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.12), 0 4px 12px rgba(0,0,0,.25);
}
.menu_text{
	font-weight:500;
}
.menu_span{
	color:#f2d276;
	font-size:.9em
}
.menu_span::before{
	content:'-';
	margin:0 .4em;
}

.section_img img {
	width: 100%;
	height: auto;
	display: block;
}
.section_content {
	padding: 2em 1em;
}

.title_h2,.title_h3{
	color:#000
}

.more_link{
	transition: 0.3s;
	background:
		linear-gradient(120deg, rgba(255,255,255,.08), transparent 35%),
		linear-gradient(135deg, #020b1f 0%, #082b66 50%, #030914 100%);
	border-bottom: 2px solid #d6aa3a;
}

.company_dl{
	margin:0;
	border-top:1px solid rgba(0,0,0,.15);
}

.company_dl dt,
.company_dl dd{
	margin:0;
	padding:.4em;
	font-weight:400;
}

.company_dl dd{
	border-bottom:1px solid rgba(0,0,0,.15);
}

.service_card{
	position:relative;
	height:100%;
	padding:1.5rem;
	border:1px solid rgba(0,0,0,.22);
	border-top:none;
	background:#fff;
}
.service_card::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:
		linear-gradient(120deg, rgba(255,255,255,.08), transparent 35%),
		linear-gradient(135deg, #020b1f 0%, #082b66 50%, rgb(63,86,135) 100%);
}
.service_card h2{
	position:relative;
	margin:0 0 .8em;
	padding-left:1em;
	font-size:1.2em;
	color:#000;
	line-height:1.4;
	font-weight:900
}
.service_card h2::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:4px;
	height:1.2em;
	background:currentColor;
}
@media (min-width:768px){

	.company_dl{
		display:grid;
		grid-template-columns:220px 1fr;
	}

	.company_dl dt,
	.company_dl dd{
		padding:.8em;
		border-bottom:1px solid rgba(0,0,0,.15);
	}

	.service_intro{
		margin-bottom:3.5rem;
		text-align:center;
	}
	.service_card{
		padding:2rem;
	}

}
@media (min-width: 1024px) {
	#global_nav > .menu-item {
		border-left:1px solid #3b5466;
	}
	#global_nav > .menu-item:last-child {
		border-right:1px solid #3b5466;
	}
	#global_nav > .menu-item > .menu_link {
		text-align: center;
	}
	.menu_span{
		display:block;
		font-weight:400;
		font-size:.8em
	}
	#global_nav > .menu-item > .menu_link:hover .menu_span{
		color:#fff;
	}
	.menu_span::after{
		content:'-';
		margin:0 .4em;
	}

	.section_img {
		width: 65%;
		overflow: hidden;
	}

	.section_content {
		position:absolute;
		width: 60%;
		right:0;
		padding: 2em 1em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	/* ★ここが斜めカット */
	.section_img img {
		height: 100%;
		object-fit: cover;
		clip-path: polygon(
			0 0,
			85% 0,
			100% 100%,
			0% 100%
		);
	}

	.more_link:hover{
		background:
			linear-gradient(120deg, rgba(255,255,255,.08), transparent 35%),
			linear-gradient(135deg, #020b1f 0%, #104ba3 50%, #030914 100%);
		border-bottom: 2px solid #d6aa3a;
	}
	#footer_link-container{
		width:824px;
	}
}
@media (min-width: 1280px) {
}
@media (min-width: 1440px) {

	.section_content {
		padding: 2em 3em 1em;
	}
	.section_img {
		width: 49.8%;
	}

	.section_content {
		width: 64.2%;
	}

}
@media (min-width: 1560px) {
	.section_content {
		position:relative;
		width: 50.2%;
	}
}