@charset "utf-8";
/*
Theme Name:CBSグループ
Author:informsystem
Description:CBSグループサイトのテーマです。
Version:1.0
*/
@import url("wp-native-style.css");
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*-------------------------------------------------

common

-------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Malgun Gothic', 'Yoon Gothic', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:16px;
	color:#333;
	letter-spacing:1px;
	line-height:2.5em;
}
em {
	text-decoration:underline;
	font-style:inherit;
	font-weight:bold;
}
strong {
	font-weight:bold;
}
img {
	border:0;
}
ul {
	list-style:none outside;
}
a {
	border:0;
	color:#69F;
	text-decoration:underline;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
a:hover img {
	opacity:0.8;
	filter:Alpha(opacity=50);
}
.disp_n {
	display:none;
}
.pc {
	display:block;
}
.smp, .sp {
	display:none;
}
.center{
	text-align:center;
}
.pic_r {
	float:right;
	overflow:hidden;
	margin:0px 0px 40px 40px;
}
.pic_r img {
	width:300px;
}
.pic_r02 {
	float:right;
	overflow:hidden;
	margin:0px 0px 40px 20px;
}
.pic_r02 img {
	width:300px;
}
.pic_c {
	color:#1C3753;
	font-size:12px;
	line-height:2.5em;
	text-align:center;
	margin:0px 0px 30px 0px;
}
.pic_c img {
	width:900px;
}
.red{
	color:#FF0000;
}
.min {
	font-family: "Sawarabi Mincho";
	letter-spacing: 2px;
}
sup{
	font-size:0.5em;
}
h2{
	text-align:center;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	letter-spacing: 0.08em;
}
h2 span{
	font-size:10px;
}
h3 {
	font-size:30px;
	letter-spacing:3px;
	color:#1B3752;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon_line02.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 20px 0px;
	margin:0px 0px 40px 0px;
}
h3 span{
	font-size:10px;
	letter-spacing: 0.08em;
}
h3 a{
	color:#1B3752;
	text-decoration:none;
}
h3 a:hover{
	text-decoration:none;
}
h4 {
	clear:both;
	font-size:20px;
	letter-spacing: 0.08em;
	background: linear-gradient(-135deg, #FFF, #E5F6F7);
	border-left:#1AB9A2 4px solid;
	padding:10px 20px 10px 25px;
	margin:0px 0px 30px 0px;
}
h5 {
	font-size:20px;
	letter-spacing: 0.08em;
	background: linear-gradient(-135deg, #FFF, #E5F6F7);
	border-left:#1AB9A2 4px solid;
	padding:10px 20px 10px 25px;
	margin:0px 0px 30px 0px;
}
h6{
	clear:both;
	color:#1B3752;
	font-size:20px;
	font-weight:bold;
	letter-spacing: 2px;
	border-left:#1C3753 3px solid;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 20px;
}
.fadein {
	opacity: 0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.fadein.scrollin {
	opacity: 1;
	transform: translateY(-30px);
}
@media screen and (max-width:767px) {
body {
	font-size:14px;
	letter-spacing:0px;
	line-height:2em;
}
.pc {
	display:none;
}
.smp {
	display:block;
}
.pic_r{
	margin:0px 0px 15px 15px;
}
.pic_r img{
	width:150px;
}
.pic_r02 {
	margin:0px 0px 30px 20px;
}
.pic_r02 img {
	width:150px;
}
.pic_c{
	margin:0px 0px 20px 0px;
}
.pic_c img{
	width:100%;
}
h2{
	font-size:18px;
	letter-spacing: 2px;
}
h2 span{
	letter-spacing:0px;
}
h3 {
	font-size:18px;
	letter-spacing:2px;
}
h3 span{
	letter-spacing: 1px;
}
h4 {
	font-size:16px;
	letter-spacing: 1px;
	padding:10px 10px 10px 20px;
}
h5 {
	font-size:14px;
	letter-spacing: 1px;
	padding:10px 10px 10px 20px;
}
h6 {
	font-size:15px;
	letter-spacing: 1px;
}
}
/*-------------------------------------------------

header

-------------------------------------------------*/
#header {
	position:relative;
	width:1200px;
	height:130px;
	z-index:999;
	margin:0 auto;
}
.open-btn{
	position:absolute;
	right: 50px;
	top: 0px;
	cursor:pointer;
	z-index:999;
}
.open-btn img{
	position:fixed;
}
.head_logo{
	position:absolute;
	left: 20px;
	top: 0px;
	z-index:999;
}
.head_logo img {
	width:180px;
}
.head_btn {
	position:absolute;
	right: 50px;
	top: 0px;
}
.head_btn img {
	width:150px;
}
.head_btn02 {
	position:absolute;
	right: 200px;
	top: 0px;
}
.head_btn img {
	width:150px;
}
.head_menu {
	position:absolute;
	right: 5px;
	top: 70px;
}
.head_menu li {
	float:left;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	letter-spacing: 1px;
	padding:0px 15px 0px 15px;
	border-right:#DEDEDE 1px solid;
}
.head_menu li:last-child {
	border-right:none;
}
.head_menu li a {
	color:#172F46;
	text-decoration:none;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.head_menu li a:hover {
	color:#333;
}
.head_menu li a::after {
	position: absolute;
	bottom: -20px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #1BC0A8;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.head_menu li a:hover::after {
	transform: scale(1, 1);
}
@media screen and (max-width:767px) {
#header {
	width:100%;
	height:50px;
}
.head_logo{
	left: 10px;
}
.head_logo img{
	width:90px;
}
.head_btn{
	display:none;
}
.head_btn02{
	display:none;
}
.head_menu {
	display:none;
}
}
/*-------------------------------------------------

footer

-------------------------------------------------*/
#footer {
	text-align:center;
	padding:20px 0px;
}
#footer .f_logo {
	margin:0px 0px 10px 0px;
}
#footer .f_logo img {
	width:150px;
}
#footer .f_menu {
	font-size:12px;
	line-height:3em;
	margin:0px 0px 50px 0px;
}
#footer .f_menu a {
	color:#333;
	text-decoration:none;
	margin:0px 15px;
}
#footer .f_cp {
	font-size:10px;
}
@media screen and (max-width:767px) {
#footer {
	padding:50px 0px;
}
#footer .f_logo {
	margin:0px 0px 30px 0px;
}
#footer .f_logo img {
	width:100px;
}
#footer .f_menu {
	font-size:10px;
}
#footer .f_menu a {
	margin:0px 8px;
}
}
/*-------------------------------------------------

main img

-------------------------------------------------*/
#main_img{
	width:1200px;
	height:500px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/mainimg_bg.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin:0 auto;
}
#main_img .contents{
	position:relative;
	width:1200px;
	max-width: 1200px;
	height:500px;
	margin:0 auto;
}
#main_img .pic{
	position:absolute;
	width:550px;
	right: 0px;
	top: 80px;
}
#main_img .pic img{
	width:100%;
}
#main_img .text{
	position:absolute;
	width:450px;
	left: 90px;
	top: 100px;
}
.main_img_text01{
	color:#FFF;
	font-size:31px;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:3px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon_line.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 0px 20px 0px;
	margin:0px 0px 30px 0px;
}
.main_img_text01 span{
	color:#FFF;
	font-size:10px;
	letter-spacing: 0.08em;
}
.main_img_text03{
	color:#FFF;
	font-size:15px;
}
.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}
@media screen and (max-width:767px) {
#main_img{
	width:100%;
	height:420px;
	background-size:100% 100%;
}
#main_img .contents{
	width:100%;
	height:420px;
}
#main_img .pic{
	width: auto;
	top: 190px;
}
#main_img .pic img{
	width:300px;
}
#main_img .text{
	width:75%;
	left: 30px;
	top: 60px;
}
.main_img_text01{
	font-size:17px;
}
.main_img_text03{
	display:none;
}
}
/*-------------------------------------------------

main

-------------------------------------------------*/
#main {
	width:100%;
	padding:100px 0px;
}
#area_news{
	padding:30px 0px 30px 0px;
}
#area_news table th{
	width:220px;
	font-weight:normal;
	white-space:nowrap;
	padding:0px 0px 5px 0px;
}
#area_news table td{
	padding:0px 0px 5px 0px;
}
.news_day{
	font-size:12px;
	color:#CCC;
}
.news_icon01{
	font-size:12px;
	color:#FFF;
	background-color:#1AB9A2;
	margin:0 0 0 2em;
	padding:3px 10px;
}
.news_icon02{
	font-size:12px;
	color:#FFF;
	background-color:#1C3753;
	margin:0 0 0 2em;
	padding:3px 10px;
}
#area_pk{
	color:#193752;
	font-size:12px;
	padding:15px 0px 0px 0px;
}
#area_pk a{
	color:#193752;
	text-decoration:none;
}
#area_top{
	width:1200px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/top_bg01.jpg);
	background-repeat: no-repeat;
	background-position:top right;
	background-color:#F1FBFC;
	padding:50px 0px 50px 0px;
	margin:0 auto;
}
#area_top .contents{
	width:1000px;
	margin:0 auto;
}
#area_main01{
	width:1200px;
	margin:0 auto;
	padding:50px 0px 50px 0px;
}
.page-template-page-information #area_main01 .contents:after,
.archive #area_main01 .contents:after,
.single #area_main01 .contents:after{
	display:block;
	content:"";
	clear:both;	
}
#area_main02{
	width:1200px;
	margin:0 auto;
	background-color:#F1FBFC;
	padding:50px 0px 50px 0px;
}
#area_main02 .contents{
	width:1000px;
	margin:0 auto;
}
#area_main03{
	width:1200px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/area_bg03.jpg);
	background-repeat:repeat-x;	
	padding:150px 0px 50px 0px;
	margin:0 auto;
}
.contents {
	width:1050px;
	margin:0 auto;
}
.contents02 {
	width:1100px;
	background-color:#FFF;
	box-sizing: border-box;
	margin:0 auto;
	padding:50px 50px;
	box-shadow: 0 0 10px #E7E7E7;
}
.contents03 {
	width:1100px;
	background-color:#FFF;
	box-sizing: border-box;
	margin:0 auto;
	padding:50px 50px;
	box-shadow: 0 0 10px #E7E7E7;
}
.main_bg {
	width:100%;
	background-color:#F5F5F5;
	padding:50px 0px 50px 0px;
}
.text01 {
	margin:0px 0px 50px 0px;
}
.title02{
	font-size:16px;
	font-weight:bold;
	letter-spacing: 2px;
	margin:0px 0px 0px 0px;
}
.img01{
	text-align:center;
	margin:0px 0px 30px 0px;
}
.img01 img{
	width:90%;
}
.img02{
	text-align:center;
	margin:0px 0px 30px 0px;
}
.img02 img{
	max-width: 700px;
	width:100%;
}
.img03{
	text-align:center;
	margin:0px 0px 30px 0px;
}
.img03 img{
	width:800px;
}
.img04{
	text-align:center;
	margin:0px 0px 30px 0px;
}
.img04 img{
	max-width: 900px;
	width:100%;
}
.img05{
	text-align:center;
	margin:0px 0px 30px 0px;
}
.img05 img{
	width:100%;
}
.line {
	border-bottom:#DEDEDE 1px dashed;
	margin:30px 0px;
}
.table01 {
	width:100%;
	font-size:14px;
	border-collapse: collapse;
	margin:0px 0px 30px 0px;
}
.table01 th {
	background-color:#F9F9F9;
	font-weight:normal;
	border-bottom:#DEDEDE 1px dashed;
	padding:10px 20px;
}
.table01 td {
	border-bottom:#DEDEDE 1px dashed;
	padding:10px 20px;
}
.table02 {
	width:100%;
	font-size:14px;
	line-height:2em;
	border-collapse: collapse;
	margin:0px 0px 30px 0px;
}
.table02 th {
	width:200px;
	border-bottom:#DEDEDE 1px dashed;
	padding:30px 20px;
}
.table02 td {
	border-bottom:#DEDEDE 1px dashed;
	padding:30px 20px;
}
.table02 img {
	width:200px;
}
.table03 {
	width:100%;
	font-size:16px;
	line-height:1.6em;
	border-collapse: collapse;
	margin:0px 0px 30px 0px;
}
.table03 th {
	width:200px;
	border-bottom:#DEDEDE 1px dashed;
	padding:30px 20px;
}
.table03 td {
	border-bottom:#DEDEDE 1px dashed;
	padding:30px 20px;
}
.table04 {
	width:100%;
	font-size:15px;
	line-height:1.6em;
	border-collapse: collapse;
	margin:0px 0px 30px 0px;
}
.table04 th {
	width:250px;
	background-color:#D1EFF9;
	border-bottom:#FFF 1px dashed;
	padding:30px 20px;
}
.table04 td {
	background-color:#FFF;
	border-bottom:#DEDEDE 1px dashed;
	padding:30px 20px;
}
.news_text01{
	line-height:2em;
	margin:0px 0px 0px 0px;
}
.news_text01 span{
	font-size:12px;
	color:#CCC;
}
.news_text01 a{
	color:#1C3753;
}
.news_text02{
	line-height:2.2em;
	margin:0px 0px 0px 0px;
}
.news_text02 a{
	color:#1C3753;
}
.top_co {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	margin:0px 0px 50px 0px;
	gap: 10px 0;
}
.top_co li{
	position: relative;
	width:19%;
	text-align:center;
	list-style: none;
	box-sizing: border-box;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
	background-repeat:no-repeat;
	background-position:95% 95%;
	background-color:#FFF;
	box-shadow: 0 0 3px #EFEFEF;
	margin:0px 5px 0px 5px;
	padding:0px 0px 30px 0px;
}
.top_co img{
	width:100%;
	border-bottom:#1C3753 5px solid;
	margin:0px 0px 5px 0px;
}
.top_co li div{
	margin:0px 15px 15px 15px;
}
.top_co a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
.top_co_text01{
	color:#1C3753;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
	margin:0px 0px 15px 0px;
}
.top_co_text01 span{
	font-size:10px;
}
.top_co_text02{
	font-size:12px;
	line-height:1.6em;
	text-align:left;
	padding:0px 5px;
}
.top_biz {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.top_biz li{
	position: relative;
	width:31%;
	text-align:center;
	list-style: none;
	box-sizing: border-box;
	background-color:#FFF;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
	background-repeat:no-repeat;
	background-position:95% 95%;
	box-shadow: 0 0 3px #DEDEDE;
	margin:0 10px 30px 10px;
}
.top_biz img{
	width:100%;
	border-bottom:#1C3753 5px solid;
	margin:0px 0px 10px 0px;
}
.top_biz li div{
	margin:0px 20px 50px 20px;
}
.top_biz a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
.top_biz_text01{
	color:#1C3753;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
	margin:0px 0px 15px 0px;
}
.top_biz_text01 span{
	font-size:10px;
}
.top_biz_text02{
	font-size:12px;
	line-height:1.6em;
	text-align:left;
}
.top_point {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:0px 0px 30px 0px;
}
.top_point li{
	width:31%;
	text-align:center;
	list-style: none;
	box-sizing: border-box;
	background-color:#FFF;
	border:#E8E8E8 1px solid;
	margin:0 10px 30px 10px;
}
.top_point li div{
	margin:30px 20px 50px 20px;
}
.top_point_img01{
	margin:0px 0px 10px 0px;
}
.top_point_text01{
	font-size:15px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon_line.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:0px 0px 15px 0px;
	margin:0px 0px 20px 0px;
}
.top_point_text02{
	font-size:12px;
	line-height:1.6em;
}
.top_bg {
    min-height:250px;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;    
}
.top_bg.bg01 {
    background-image: url(//kk-cbs.co.jp/wp-content/uploads/foot_bg01.jpg);
}
.btn_list{
	overflow:hidden;
}
.btn_list li {
	float:left;
	width:25%;
    background-color: #000;
	margin:0px 10px 0px 0px;
	padding:15px 30px;
    color: #fff !important;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(81, 192, 192, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(81, 192, 192, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0, 0, 0, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0, 0, 0, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.btn_list li a {
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}
.btn_list li:hover {
    background-position: -100% 100%;
}
.btn_list02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 30px 0px;
}
.btn_list02 li{
	position: relative;
	width:30%;
	list-style: none;
	box-sizing: border-box;
	color:#1C3753;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
    background-position:center left;
    background-repeat:no-repeat;
	border-bottom:#DEDEDE 1px solid;
	padding:20px 20px 20px 30px;
	margin:0px 10px 0px 10px;
}
.btn_list02 li a{
	text-decoration:none;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
.btn_list03 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size:15px;
	font-weight:bold;
	margin:0px 0px 30px 0px;
}
.btn_list03 li{
	position: relative;
	width:30%;
	list-style: none;
	box-sizing: border-box;
	color:#1C3753;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
    background-position:center left;
    background-repeat:no-repeat;
	border-bottom:#DEDEDE 1px solid;
	padding:20px 20px 20px 30px;
	margin:0px 10px 0px 10px;
}
.btn_list03 li a{
	text-decoration:none;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
.top_member {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	line-height:0;
}
.top_member li img{
	width:275px;
	
}
#title_area{
	width:1200px;
	background-color:#1BC0A8;
	padding:20px 0px 40px 0px;
	margin:0 auto;
}
.title_menu{
	width:1200px;
	background: #F1FBFC;
	box-sizing: border-box;
	padding:15px 0px 15px 0px;
	margin:0 auto;
}
.title_menu ul{
	display: flex;
	width: 100%;
}
.title_menu ul li{
	text-align:center;
	list-style: none;
	flex-grow: 1;
	box-sizing: border-box;
	border-right:#B0C7D0 1px solid;
	padding:0;
}
.title_menu ul li:last-child {
	border-right:none;
}
.title_menu ul li a{
	color:#1C3753;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	letter-spacing: 2px;
	position: relative;
	display: inline-block;
}
.title_menu ul li a::after {
	position: absolute;
	bottom: -15px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #1BC0A8;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.title_menu ul li a:hover::after {
	transform: scale(1, 1);
}
.area_img{
	margin:0px 0px 50px 0px;
}
.area_img img{
	width:100%;
}
.area_img02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	color:#1C3753;
	font-size:12px;
	line-height:2.5em;
	margin:0px 0px 30px 0px;
}
.area_img02 li{
	width:22%;
	text-align:center;
	list-style: none;
	box-sizing: border-box;
	margin:0px 5px 0px 5px;
}
.area_img02 img{
	width:100%;
	border-bottom:#1C3753 5px solid;
}
.area_img03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	color:#999;
	font-size:12px;
	margin:0px 0px 30px 0px;
}
.area_img03 li{
	width:24%;
	text-align:center;
	list-style: none;
	box-sizing: border-box;
	background-color:#FFF;
	margin:0px 1px 0px 0px;
}
.area_img03 img{
	width:100%;
}
.group_area01{
	position:relative;	
	margin:0px 0px 120px 0px;
}
.group_area02{
	background-color:#F1FBFC;
	width:70%;
	box-sizing: border-box;
	padding:60px 160px 60px 60px;
}
.group_img{
	width:40%;
	position:absolute;
	right: 0px;
	top: 50px;
}
.group_img img{
	width:100%;
}
.group_img_smp{
	display:none;
}
.group_text01{
	color:#193752;
	font-size:30px;
	font-weight:bold;
	line-height:1.6em;
	margin:0px 0px 20px 0px;
}
.group_text02{
	color:#193752;
	font-weight:bold;
	text-align:right;
	margin:0px 0px 30px 0px;
}
.group_text03{
	font-size:14px;
}
.news_main{
	float:left;
	width:70%;
}
.news_ichiran{
	clear:both;
	overflow:hidden;
	position: relative;
	line-height:1.6em;
	border-bottom:#E5E5E5 1px solid;
	margin:0px 0px 30px 0px;
}
.news_ichiran a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px
}
.news_ichiran h6{
	clear:none;
}
.news_kiji{
	overflow:hidden;
	margin:0px 0px 30px 0px;
}
.news_btn{
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0px 0px 0px 30px;
	margin:0px 0px 30px 0px;
}
.magazine_pic{
	float:right;
	width:300px;
	margin:0px 0px 30px 30px;
}
.magazine_pic img{
	width: 100%;
}
.news_pic{
	height:400px;
	text-align:center;
	margin:0px 0px 30px 0px;
}
.news_pic img{
	height: 100%;
}
.news_pic_r{
	float:right;
	width:180px;
	line-height:0;
	margin:0px 0px 30px 30px;
}
.news_pic_r img{
	height:180px;
	width: 100%;
	object-fit: cover;
}
.magazine_pic_r{
	float:right;
	width:180px;
	line-height:0;
	text-align:center;
	margin:0px 0px 30px 30px;
	background:#E5E5E5;
}
.magazine_pic_r img{
	height:180px;
	width: auto;
	object-fit: cover;
}
.news_day{
	color:#999;
	font-size:12px;
	margin:0px 0px 20px 0px;
}
.news_side{
	float:right;
	width:20%;
}
.news_text01{
	color:#1C3753;
	background-color:#F1FBFC;
	font-weight:bold;
	border-left:#1C3753 3px solid;
	padding:10px 10px 10px 20px;
	margin:0px 0px 10px 0px;
}
.news_menu{
	margin:0px 0px 50px 0px;
}
.news_menu li{
	border-bottom:#DEDEDE 1px solid;
}
.news_menu li a{
	display:block;
	color:#193752;
	text-decoration:none;
	padding:8px 10px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon02.png);
	background-repeat:no-repeat;
	background-position:95% center;
}
.news_menu02{
	overflow:hidden;
	position: relative;
	line-height:1.6em;
	border-bottom:#DEDEDE 1px solid;
	margin:20px 0;
}
.news_menu02 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}
.news_menu02_pic{
	float:right;
	width:70px;
	line-height:0;
	text-align:center;
	margin:0px 0px 10px 10px;
}
.news_menu02_pic img{
	height:70px;
	width: 100%;
	object-fit: cover;
}
.news_menu02_day{
	color:#999;
	font-size:12px;
}
.news_menu02_text{
	font-size:14px;
	margin:0px 0px 20px 0px;
}
.magazine_menu02_pic{
	float:right;
	width:70px;
	line-height:0;
	text-align:center;
	margin:0px 0px 10px 10px;
	background:#E5E5E5;
}
.magazine_menu02_pic img{
	height:70px;
	width: auto;
	object-fit: cover;
}
.jp{
	color:#FFF;
	background-color:#86B0F0;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	padding:0px 10px;
	margin:0px 0px 0px 20px;
}
.vn{
	color:#FFF;
	background-color:#F78487;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	padding:0px 10px;
	margin:0px 0px 0px 20px;
}
.icon{
	margin:15px 0px;
}
.icon li{
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon03.png);
	background-repeat:no-repeat;
	background-position:0px 7px;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 20px;
  	text-indent: 0em;
	line-height:1.6em;
}
.att li {
	padding-left: 1em;
	text-indent: -1em;
}
.form_table{
	width:800px;
	margin:0px auto 50px auto;
}
.form_table th{
	width:220px;
	font-weight:normal;
	text-align:left;
	padding:10px;
}
.form_table th span{
	display:inline-block;
	color:#F00;
	margin:0 0 0 1em;
}
.form_table td{
	padding:10px 0;
}
.form_text input, .form_text select, .form_text textarea {
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Malgun Gothic', 'Yoon Gothic', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1em;
	color:#333;
	border:0;
	width:100%;
	background-color:#F4F4F4;
	border-radius: 5px;
	padding:15px 20px;
	margin:0px 0px 5px 0px;
	box-sizing:border-box;
}
.btn_listForm {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin:0px 0px 30px 0px;
}
.btn_listForm input{
	position: relative;
	width:30%;
	box-sizing: border-box;
	color:#1C3753;
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Malgun Gothic', 'Yoon Gothic', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1em;
	font-weight:bold;
	text-align:left;
	background-color:#FFFFFF;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon01.png);
    background-position:center left;
    background-repeat:no-repeat;
	border:none;
	border-bottom:#DEDEDE 1px solid;
	padding:20px 20px 20px 30px;
	margin:0px 10px 0px 10px;
	cursor:pointer;
}
.list{
	margin:0px 0px 40px 0px;
}
.list li {
	line-height:1.6em;
	padding-left: 1em;
	text-indent: -1em;
	margin:0px 0px 15px 0px;
}



@media screen and (max-width:767px) {
#area_news{
	padding:20px 0px 20px 0px;
}
#area_news table th{
	width:auto;
	padding:0px 20px 10px 0px;
}
#area_news table td{
	padding:0px 0px 10px 0px;
}
.news_icon01{
	margin:0 0 0 1em;
}
.news_icon02{
	margin:0 0 0 1em;
}
#area_pk{
	font-size:10px;
}
#area_top{
	width:100%;
}
#area_top .contents{
	width:90%;
}
#area_main01{
	width:100%;
	padding:32px 0px 32px 0px;

}
#area_main02{
	width:100%;
}
#area_main02 .contents{
	width:90%;
}
#area_main03{
	width:100%;
	padding: 90px 0px 50px 0px;
}
.contents {
	width:90%;
}
.contents02 {
	width: 100%;
	padding: 32px 20px;
}
.contents03 {
	width: 100%;
	padding: 32px 20px;
}
.text01 {
	margin:0px 0px 30px 0px;
}
.title02{
	font-size:12px;
}
.img03{
	text-align:center;
}
.img03 img{
	width:90%;
}
.img05 img{
	width:90%;
}
.line {
	margin:20px 0px;
}
.table01 {
	font-size:12px;
	line-height:1.6em;
}
.table02 {
	font-size:12px;
	margin:0px 0px 20px 0px;
}
.table02 th {
	display:none;
}
.table02 td {
	padding:30px 10px;
}
.table03 {
	font-size:12px;
	margin:0px 0px 20px 0px;
}
.table03 th {
	width:80px;
	padding:30px 0px;
}
.table03 td {
	padding:30px 0px 30px 10px;
}
.table04 {
	font-size:12px;
}
.table04 th {
	width:30%;
	padding:10px 5px;
}
.table04 td {
	width:30%;
	padding:10px 5px;
}
.news_text01{
	font-size:12px;
	margin:0px 0px 5px 0px;
}
.top_co {
	margin:0px 0px 20px 0px;
}
.top_co li{
	width:47%;
	margin:0 5px 15px 5px;
}
.top_co li div{
	margin:10px 10px 20px 10px;
}
.top_co_text01{
	font-size:12px;
	margin:0px 0px 10px 0px;
}
.top_co_text01 span{
	font-weight:normal;
}
.top_co_text02{
	font-size:10px;
}
.top_biz li{
	width:47%;
	margin:0 5px 15px 5px;
}
.top_biz li img{
	margin:0px 0px 5px 0px;
}
.top_biz li div{
	margin:10px 10px 30px 10px;
}
.top_biz_text01{
	font-size:12px;
}
.top_biz_text02{
	font-size:10px;
}
.top_point li{
	width:48%;
}
.top_point_text01{
	font-size:12px;
}
.top_point_text02{
	font-size:10px;
}
.top_bg {
	min-height:200px; 
}
.btn_list li {
	width:100%;
	margin:0px 0px 5px 0px;
	padding:20px 20px;
}
.btn_list02 {
	font-size:13px;
	margin:0px 0px 20px 0px;
}
.btn_list02 li{
	width:100%;
	padding:15px 15px 15px 30px;
}
.btn_list03 {
	font-size:13px;
	margin:0px 0px 20px 0px;
}
.btn_list03 li{
	width:100%;
	padding:15px 15px 15px 30px;
}
#title_area{
	width:100%;
	padding:20px 0px 30px 0px;
}
.title_menu{
	width:100%;
	padding:15px 5px 15px 5px;
	margin:0px 0px 0px 0px;
}
.title_menu ul li a{
	font-size:12px;
	letter-spacing: 0px;
	line-height:1.6em;
	padding:0px 10px;
}
.area_img{
	margin:0px 0px 30px 0px;
}
.area_img02 {
	margin:0px 0px 20px 0px;
}
.area_img02 li{
	width:45%;
	margin:0px 5px 15px 5px;
}
.area_img03 {
	font-size:10px;
	margin:0px 0px 20px 0px;
}
.area_img03 li{
	width:49%;
	margin:0px 1px 1px 0px;
}
.area_img03 img{
	line-height:0;
}
.group_area02{
	padding:20px 20px 20px 20px;
}
.group_img{
	display:none;
}
.group_img_smp{
	display:block;
	margin:0px 0px 30px 0px;
}
.group_img_smp img{
	width:100%;
}
.group_text01{
	font-size:20px;
	margin:0px 0px 10px 0px;
}
.group_text02{
	margin:0px 0px 20px 0px;
}
.news_main{
	float:none;
	width:100%;
}
.news_pic_r{
	width:100px;
}
.news_pic_r img{
	max-height:100px;
}
.news_pic_r02{
	width:150px;
}
.news_pic_r02 img{
	width:100%
}
.magazine_pic{
	float:none;
	height:300px;
	width:auto;
	text-align:center;
	margin:0px 0px 30px 0;
}
.magazine_pic img{
	width: auto;
	height:100%;
	object-fit: cover;
}
.news_pic{
	height:300px;
}
.news_pic img{
	width: auto;
	object-fit: cover;
}
.news_side{
	float:none;
	width:100%;
}
.news_text02{
	line-height:2em;
	margin:0px 0px 10px 0px;
}
.news_text02 a{
	color:#1C3753;
}
.news_menu{
	margin:0px 0px 20px 0px;
}
.form_table{
	width: 100%;
}
.form_table th{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.form_table td{
	display: block;
	padding:0 10px;
}
.btn_listForm {
	font-size:13px;
	margin:0px 0px 20px 0px;
}
.btn_listForm input{
	width:100%;
	padding:15px 15px 15px 30px;
}
}
/*-------------------------------------------------

dropmenu

-------------------------------------------------*/
#dropmenu {
	list-style-type: none;
	position:absolute;
	right: 0px;
	top: 60px;
	padding: 0;
}
#dropmenu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: 1px;
	padding:0px 15px 0px 15px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/icon_line04.png);
	background-repeat:no-repeat;
	background-position:center right;
}
#dropmenu li a {
	display: block;
	margin: 0;
	padding: 10px 10px;
	color: #1C3753;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
#dropmenu li ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
/*ドロップメニュー幅順番*/
#dropmenu li ul li {
	overflow: hidden;
	width: 250px;
	height: 0;
	padding:0px 0px 0px 0px;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;
	z-index:9999;
}
/*ドロップメニュー高さパディング色*/
#dropmenu li ul li a {
	color: #fff;
	text-align:center;
	font-size: 14px;
	font-weight: normal;
}
/*ドロップメニュー高さ色線*/
#dropmenu li:hover ul li {
	overflow: visible;
	height: 60px;
	background: #1C3753;
	border-bottom: 1px solid #3E556D;
	border-right:none;
}
#dropmenu li ul li a:hover{
	background-color:#132639;
}
#dropmenu li:hover ul li:first-child {
	border-top: 0;
}
#dropmenu li:hover ul li:last-child {
	border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a {
	border-radius: 0;
}
@media screen and (max-width:767px) {
}
/*-------------------------------------------------

pagenavi

-------------------------------------------------*/
.wp-pagenavi,
.pager{
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
    border: none !important;
	padding: 0.2em 0.5em !important;
	margin: 0 !important;
}
.wp-pagenavi span.current {
	color:#FFFFFF;
	background:#1BC0A8;
}
ul.pager:after{
	display:block;
	content:"";
	clear:both;
}
ul.pager li:first-child{
	float:left;
	width:50%;
	text-align:left;
}
ul.pager li:last-child{
	float:right;
	width:50%;
	text-align:right;
}
@media screen and (max-width:767px) {
.wp-pagenavi,
.pager{
	margin:0 0 40px 0;
}
}
/*-------------------------------------------------

video

-------------------------------------------------*/
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}










/*共通*/

.contents {
	max-width: 1000px;
}

figure {
	line-height: 1;
}

/*機械設計*/

#title_area h1 {
	text-align:center;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	letter-spacing: 0.08em;
}
#title_area h1 span{
	font-size: 14px;
}


#area_main01 {
	padding-bottom: 0;
}
#area_main01  h3 { 
    font-size: 30px;
    letter-spacing: 0.08em;
    color: #1B3752;
    background-image: none;
    padding: 0px 0px 0px 0px;
    margin: 24px 0px 16px;
}

[class^="content"] h2 { 
    font-size: 30px;
    letter-spacing: 0.08em;
    color: #1B3752;
    background-image: url(//kk-cbs.co.jp/wp-content/uploads/icon_line02.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 40px 0px;
    text-align: left;
}
[class^="content"] h2 span { 
    font-size: 14px;
    letter-spacing: 0.08rem;
}
[class^="content"] h2 strong { 
    color: #1AB9A2;
}

[class^="content"] h3 strong { 
    color: #1AB9A2;
}

.service_eyecatch {
	margin-bottom: 24px;
}
.service_eyecatch img {
	border: 1px solid #ccc;
	box-sizing:border-box;
	width:100%
}

.phase  {
	display: flex;
	flex-direction: column;
	gap:  24px;
	margin-top:  24px;
}
.phase div {
	display: flex;
	align-items: center;
	gap: 16px;
}
.phase div dt {
	position: relative;
	display: flex;
	flex: none;
	height: 100%;
}
.phase div dt span {
	display: flex;
	background-color: #E2F9FF;
	align-items: center;
	padding: 16px 32px;
	font-weight: bold;
}
.phase div dt::after {
	content: '';
	background-color: #E2F9FF;
 	width: 32px;
 	display: block;
 	height: 77px;
 	clip-path: polygon(80% 50%, 0 0, 0 100%);
}
.phase div dd {
	line-height: 1.6;
}

[id^="area_main0"].bg {
	max-width:1200px;
	background-image:url(//kk-cbs.co.jp/wp-content/uploads/area_bg03.jpg);
	background-repeat:repeat-x;	
	padding:150px 0px 50px 0px;
	margin:0 auto;
}

[class^="content"] .service_container h3 {
	font-size:20px;
	letter-spacing: 0.08em;
	color: #333;
	background: linear-gradient(-135deg, #FFF, #E5F6F7);
	border-left:#1AB9A2 4px solid;
	padding:10px 20px 10px 25px;
	margin:0px 0px 30px 0px;
}

[class^="content"] .service_container h3 span {
    font-size: 14px;
    letter-spacing: 0.08rem;
}
[class^="content"] .service_container h4 {
	font-size: 18px;
	letter-spacing: 0.08em;
	color: #333;
	line-height: 1.6;
	background: none;
	margin: 0 0px 16px 0px;
    padding: 0 0 0 16px;
	border-left: #1AB9A2 2px solid;
}

.service_flex_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service_flex_wrap .service_content {
	flex-basis: 45%;
}

.service_content figure {
	margin-bottom: 24px;
}

.service_flex_wrap .service_content p {
	font-size: 16px;
	line-height: 2;
}
.service_container {
	margin-bottom: 64px;
}
.service_container.mb0 {
	margin-bottom: 0;
}
.service_container p {
	font-size: 16px;
	line-height: 2;
}
.service_list {
	gap: 32px 0;
}
.service_list li {
	text-align: center;
	flex-basis: 33%;
	font-size: 16px;
}
.service_list li figure {
	margin-bottom: 8px;
}
.soft_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 32px;
}
.soft_list li {
	flex-basis: 30%;
	display: flex;
	background: #f3f3f3;
	align-items: center;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	padding:  10px 24px;
	box-sizing: border-box;
	gap: 24px;
}
.soft_list figure {
	width: 80px;
	flex: none;
}
.soft_list figure img {
	height: auto;
	max-width: 100%;
	mix-blend-mode: multiply;
}

/*強み*/
.strength_flex_wrap {
	display: flex;
	flex-direction: column;
	gap: 64px;
}
.strength_content {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.strength_content h3 {
	background:  none;
	font-size: 24px;
	padding-bottom: 0;
	margin-bottom: 16px;
	letter-spacing: 0.08em;
}
.strength_content p {
	line-height: 2;
	font-size: 16px;
}
.strength_content:nth-child(even) .left_box {
	order: 2;
}
.strength_content:nth-child(even) .right_box {
	order: 1;
}

/*流れ*/


.flow_container {
	counter-reset: number 0; 
	padding-left: 128px;
	padding-top: 24px;
}

.flow_wrapper {
	padding-bottom: 40px;
	position: relative;
	display: flex;
}
.flow_wrapper:last-child {
	padding-bottom: 0;
}
.flow_wrapper:last-child p {
	margin-bottom: 0;
}

.title_flex {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.flow_wrapper h3 {
	font-size:  18px;
	font-weight: bold;
	color: #333;
	border:  none;
	background:  none;
	margin: 0 0 0 0;
	padding: 0;
	letter-spacing: 0.08em;
	display: flex;
	align-items: center;
}
.flow_wrapper h3::before {
	flex: none;
	position: absolute;
	left:  -128px;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	color: #1C3753;
	width: 108px;
	height: 108px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #CCCCCC;
	border-radius: 100%;
	counter-increment: number 1;
	content: counter(number) " ";
	z-index: 1;
	background-color: #fff; 
}
.flow_wrapper h3::after {
	content: '';
    position: absolute;
    left: -74px;
    width: 1px;
    height: 100%;
    text-align: center;
    font-weight: bold;
    color: #1C3753;
    z-index: 0;
    background-color: #ccc;
    bottom: 0;
    z-index: 0;
}
.flow_wrapper:last-child h3::after {
	width: 0;
}
.flow_wrapper p {
	margin: 0 0 16px 0;
}
.charge {
	display: flex;
	line-height: 1.2;
	align-items: center;
}
.charge span {
	font-size: 12px;
	font-weight: bold;
}
.charge ul {
	display: flex;
	gap: 4px;
}
.charge li {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color: #333;
	padding: 4px 6px;
}
.charge li.cbs {
	background-color: #1BC0A8;
}
.charge li.yamase {
	background-color: #1B7EC0;
}
.charge li.cbsvn {
	background-color: #EC1D23;
}
.charge li.cielo {
	background-color: #1B7EC0;
}
/*取引先*/

/*パンくず*/
.breadcrumbs {
	max-width: 1200px;
    background: #F1FBFC;
    box-sizing: border-box;
    padding: 16px 32px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    align-items: center;
}
.breadcrumbs a, .breadcrumbs span {
    position: relative;
    color: #1C3753;
    font-weight: bold;
}
.breadcrumbs a:hover {
    opacity: 0.8;
}
.breadcrumbs li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 4px;
	line-height: 1.2; }
.breadcrumbs li::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 16px;
	border-top: 2px solid #1C3753;
	border-right: 2px solid #1C3753;
	transform: rotate(45deg);
  }
.breadcrumbs li:last-of-type::after {
	display: none;
 }


.footer_contact_area {
	background-color: #1BC0A8;
	max-width: 1200px;
	margin:  40px auto 40px;
	padding: 60px 40px;
	text-align: center;
	box-sizing: border-box;
	color: #fff;
}

.footer_contact_area h3 {
	color: #fff;
    font-size: 30px;
    letter-spacing: 0.08em;
    background-image: url(//kk-cbs.co.jp/wp-content/uploads/icon_line_footer.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 40px 0px;
}

.footer_contact_area h3 span {
    font-size: 14px;
    letter-spacing: 0.08rem;
}
.footer_contact_area p {
    margin: 0px 0px 40px 0px;
}


footer {
	max-width: 1200px;
	margin: auto;
}

/*お問い合わせ*/

.submit-btn, .contact_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin:0px 0px 30px 0px;
}
.contact_btn, .contact_btn_s {
	margin:0px 0px 0px 0px;
}
.submit-btn input, .contact_btn a {
	text-decoration: none;
  padding-right: 2.5em;
  background: #F9A825  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iRnJhbWUgMTM0Ij48cmVjdCB5PSIwLjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjEyIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGlkPSJWZWN0b3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxNi4yNUwxMi42IDEyLjVMOSA4Ljc1TDEwLjIgNy41TDE1IDEyLjVMMTAuMiAxNy41TDkgMTYuMjVaIiBmaWxsPSIjRjlBODI1Ii8+PC9nPjwvc3ZnPg==") no-repeat 97% center;
  background-size: 1.5em 1.5em;
  border: none;
	border-radius: 0.375rem;
	box-shadow: 0px 2px 5px 0px rgba(212, 143, 30, 0.30);
	position: relative;
	width:30%;
	box-sizing: border-box;
	color:#FFF;
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Malgun Gothic', 'Yoon Gothic', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.1rem;
	font-weight:bold;
	text-align:center;
	padding:20px 20px 20px 30px;
	margin:0px 10px 0px 10px;
	cursor:pointer;
	letter-spacing:0.08rem;
}
.contact_btn_s a {
	text-decoration: none;
  padding-right: 2.5em;
  background: #F9A825  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iRnJhbWUgMTM0Ij48cmVjdCB5PSIwLjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjEyIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGlkPSJWZWN0b3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxNi4yNUwxMi42IDEyLjVMOSA4Ljc1TDEwLjIgNy41TDE1IDEyLjVMMTAuMiAxNy41TDkgMTYuMjVaIiBmaWxsPSIjRjlBODI1Ii8+PC9nPjwvc3ZnPg==") no-repeat 97% center;
  background-size: 1.5em 1.5em;
  border: none;
	border-radius: 0.375rem;
	box-shadow: 0px 2px 5px 0px rgba(212, 143, 30, 0.30);
	position: relative;
	width:100%;
	box-sizing: border-box;
	color:#FFF;
	font-family: 'Noto Sans Japanese', メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Malgun Gothic', 'Yoon Gothic', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	padding: 12px 40px 12px 30px;
	margin:0;
	cursor:pointer;
	letter-spacing:0.08rem;
}
.submit-btn input:hover, .contact_btn a:hover, .contact_btn_s a:hover {
	opacity: 0.9;
}
.contact_btn a {
	display: block;
	border:  2px solid #fff;
}



@media screen and (max-width:767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.submit-btn input{
		width:50%;
	}

	figure img {
		max-width: 100%;
		height:  auto;
	}

	/*機械設計*/

	#title_area h1 {
		font-size:20px;
	}
	#title_area h1 span{
		font-size: 12px;
	}
	#area_main01  h3 { 
	    font-size: 20px;
	    letter-spacing: 0.08em;
	    padding: 0px 0px 0px 0px;
	    margin: 24px 0px 16px;
	}

	[class^="content"] h2 { 
	    font-size: 22px;
	    background-image: url(//kk-cbs.co.jp/wp-content/uploads/icon_line02.png);
	    background-size: 30px;
	    background-position: bottom left;
	    padding: 0px 0px 10px 0px;
	    margin: 0px 0px 20px 0px;
	}
	[class^="content"] h2 span { 
	    font-size: 12px;
	}
	.phase div {
		flex-direction: column;
		gap: 16px;
	}
	.phase div dt {
		position: relative;
		display: flex;
		flex: none;
		height: auto;
		width: 100%;
		align-items: center;
	}
	.phase div dt span {
		display: flex;
		background-color: #E2F9FF;
		align-items: center;
		padding: 8px 32px;
		font-weight: bold;
	}
	.phase div dt::after {
	 	height: 44px;
	}
	.phase div dd {
		line-height: 1.6;
	}

	[id^="area_main0"].bg {
		background-image:url(//kk-cbs.co.jp/wp-content/uploads/area_bg03.jpg);
        padding: 80px 0px 30px 0px;
        background-size: contain;
	}

	[class^="content"] .service_container h3 {
		font-size: 16px;
		padding:10px 20px 10px 15px;
		margin:0px 0px 24px 0px;
	}

	[class^="content"] .service_container h3 span {
	    font-size: 12px;
	}
	[class^="content"] .service_container h4 {
		font-size: 16px;
		margin: 0 0px 8px 0px;
		padding: 0 0 0 8px;
	}
	.service_flex_wrap {
		flex-direction: column;
		gap:  32px;
	}
	.service_flex_wrap .service_content {
		flex-basis: 100%;
	}
	.service_content figure {
		margin-bottom: 16px;
	}
	.service_flex_wrap .service_content p {
		font-size: 14px;
		line-height: 1.8;
	}
	.service_container {
		margin-bottom: 48px;
	}
	.service_container.mb0 {
		margin-bottom: 0;
	}
	.service_container p {
		font-size: 14px;
		line-height: 1.8;
	}
	.service_list {
		flex-direction: row;
		line-height: 1.6;
		justify-content: center;
		gap: 32px;
	}
	.service_list li {
		text-align: center;
		flex-basis: 40%;
		font-size: 14px;
	}
	.service_list li figure {
		margin-bottom: 8px;
		text-align: center;
		margin: 0 auto 8px;
		width: 80%;
	}
	.soft_list {
		gap: 8px 0;
	}
	.soft_list li {
		flex-basis:49%;
		font-size: 12px;
		padding:  8px 8px;
		gap: 16px 12px;
	}
	.soft_list figure {
		width: 40px;
	}

	/*強み*/
	.strength_flex_wrap {
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.strength_content {
		gap: 16px;
		flex-direction: column;
	}
	.strength_content h3 {
		background:  none;
		font-size: 20px;
		padding-bottom: 0;
		margin-bottom: 10px;
		letter-spacing: 0.08em;
	}
	.strength_content p {
		line-height: 1.8;
		font-size: 14px;
	}
	.strength_content:nth-child(odd) .left_box {
		order: 2;
	}
	.strength_content:nth-child(odd) .right_box {
		order: 1;
	}
	.strength_content:nth-child(even) .left_box {
		order: 2;
	}
	.strength_content:nth-child(even) .right_box {
		order: 1;
	}

	/*流れ*/


	.flow_container {
		padding-left: 32px;
		padding-top: 24px;
	}

	.flow_wrapper {
		padding-bottom: 24px;
	}

	.title_flex {
		align-items: flex-start;
		gap: 4px;
		margin-bottom: 12px;
		flex-direction: column;
	}

	.flow_wrapper h3 {
		font-size:  16px;
	}
	.flow_wrapper h3::before {
		left:  -48px;
		font-size: 20px;
		width: 40px;
		height: 40px;
	}
	.flow_wrapper h3::after {
	    left: -28px;
	}
	.flow_wrapper:last-child h3::after {
		width: 0;
	}
	.flow_wrapper p {
		margin: 0 0 16px 0;
		line-height: 1.8;
		font-size: 14px;
	}
	.charge {
		flex-wrap: wrap;
		gap: 4px 0;
	}
	.charge li {
		font-size: 11px;
		font-weight: normal;
	}

	/*取引先*/

	/*パンくず*/
	.breadcrumbs {
	    padding: 8px 16px;
	    font-size: 12px;
	}

	.breadcrumbs li::after {
		width: 4px;
		height: 4px;
		margin: 0 8px;
		border-top: 1px solid #1C3753;
		border-right: 1px solid #1C3753;
	  }

	.footer_contact_area {
		background-color: #1BC0A8;
		margin:  20px auto 20px;
		padding: 60px 0px;
		text-align: center;
		box-sizing: border-box;
		color: #fff;
	}

	.footer_contact_area h3 {
	    font-size: 24px;
	    background-image: url(//kk-cbs.co.jp/wp-content/uploads/icon_line_footer.png);
	    background-repeat: no-repeat;
	    background-position: bottom center;
	    padding: 0px 0px 20px 0px;
	    margin: 0px 0px 20px 0px;
	}

	.footer_contact_area h3 span {
	    font-size: 12px;
	}
	.footer_contact_area p {
	    margin: 0px 0px 20px 0px;
	}

	/*お問い合わせ*/

	.submit-btn, .contact_btn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		margin:0px 0px 30px 0px;
	}
	.contact_btn, .contact_btn_s {
		margin:0px 0px 0px 0px;
	}
	.submit-btn input, .contact_btn a {
		width:80%;
		font-size:16px;
		padding:20px 20px 20px 30px;
	}

	.contact_btn_s a {
		text-decoration: none;
	  padding-right: 2.5em;
	  background: #F9A825  url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iRnJhbWUgMTM0Ij48cmVjdCB5PSIwLjUiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgcng9IjEyIiBmaWxsPSJ3aGl0ZSIvPjxwYXRoIGlkPSJWZWN0b3IiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOSAxNi4yNUwxMi42IDEyLjVMOSA4Ljc1TDEwLjIgNy41TDE1IDEyLjVMMTAuMiAxNy41TDkgMTYuMjVaIiBmaWxsPSIjRjlBODI1Ii8+PC9nPjwvc3ZnPg==") no-repeat 97% center;
	  background-size: 1.5em 1.5em;
	  border: none;
		border-radius: 0.375rem;
		box-shadow: 0px 2px 5px 0px rgba(212, 143, 30, 0.30);
		position: relative;
		width:100%;
		box-sizing: border-box;
		color:#FFF;
		font-size: 14px;
		padding: 12px 40px 12px 30px;
	}



}