/* トップ画像 */
	.contents-frame { background-image: url("../images/result/bg01.jpg");background-position: center center;background-repeat: no-repeat;margin-top: 50px;
			background-size: cover;position: relative;height: 532px;width: 100%;display: flex;align-items: center;justify-content: center; }
	.concept_text { z-index:-999; }
	h2.subtitle01 {   background: -webkit-repeating-linear-gradient(45deg, #2C4667, #2C4667 2px, #3D6392 2px, #3D6392 4px);background: repeating-linear-gradient(45deg, #2C4667, #2C4667 2px, #3D6392 2px, #3D6392 4px);
					width: 100%;margin: 50px 0 80px 0;padding: 15px 0;font-size: 1.8rem;background-color: #3A505F;color: #fff;text-align: center; }

/* 実績 */
	.contents-frame03 { text-align: left;font-size:0;width: 100%;margin-bottom: 20px; }
	.c_imagearea02 { position: relative;font-size: 1.3rem;display: inline-block;vertical-align: top;width: 20%;text-align: center;padding: 0 7px 30px 7px; }
	.c_imagearea02 img { width: 100%;height:225px;object-fit: cover; }
	.c_imagearea02 p { text-align: left;margin-top: 3px;color: #444; }

/* 実績一覧 */

	.company02 { width: 100%;background-color: #fff;font-size: 1.6rem;margin-bottom: 80px;border: 1px #ccc solid; }
	.company02 th { width: 20%;background-color: #F7F7F7;padding: 10px 5px;text-align: center;font-weight: bold; }
	.company02 td { background-color: #fff;padding: 10px 10px 10px 20px;text-align: left;border-bottom: 1px #666 dotted; }
	.company02 a { color: #0066FF; }

	h3.sub01 { position: relative;padding: 0  0 .25em .5em;font-size: 1.8rem;margin-bottom: 30px;text-align: left; }
	h3.sub01::before,
	h3.sub01::after { position: absolute;bottom: -4px;left: 0; content: '';height: 4px; }
	h3.sub01::before { z-index: 2;width: 15%;background-color: #444; }
	h3.sub01::after { width: 100%;background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px); }

	.re-frame { text-align: left;font-size:0;width: 100%; }
	.re_imagearea { position: relative;display: inline-block;vertical-align: top;width: 30%;padding: 0 7px 30px 7px; }
	.re_imagearea02 { position: relative;display: inline-block;vertical-align: top;width: 70%;padding: 0 7px 30px 7px; }
	.re_imagearea02 img { width: 100%;height:auto; }
	.msr_list05 ul,li { margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;list-style: none; }
	.msr_list05 li { font-size: 1.4rem;padding: 0 0 8px 20px;position:relative;text-align: left; }
	/* アイコン */
	.msr_list05 li:before { border-bottom:1px solid #999999;content: "";height: 1;left:0;margin: 0 10px 2px 0;position:absolute;top:9px;vertical-align: middle;width: 10px; }

	.cp_ribbon10 { position: absolute;top: -1px;left: 1px;padding: 3px 0 3px 20px;padding-right: 40px;letter-spacing: 0.1px;color: #ffffff;font-size: 1.4rem;background: linear-gradient(-45deg,transparent,transparent 25%,#488995 0%,#488995); }
	.cp_ribbon10::before { position: absolute;z-index: 10;top: 100%;left: 0;content: '';border: 3px solid transparent;border-top: 3px solid #326169;border-right: 3px solid #326169; }
	.cp_ribbon11 { position: absolute;top: -1px;left: 1px;padding: 3px 0 3px 20px;padding-right: 40px;letter-spacing: 0.1px;color: #ffffff;font-size: 1.4rem;background: linear-gradient(-45deg,transparent,transparent 25%,#D65A25 0%,#D65A25); }
	.cp_ribbon11::before { position: absolute;z-index: 10;top: 100%;left: 0;content: ' ';border: 3px solid transparent;border-top: 3px solid #AC481E;border-right: 3px solid #AC481E; }

/*切替*/
.tab_container {
  padding-bottom: 1em;
  background-color: #fff;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/2);    /*100%/4を100%/2に変更*/
  padding:15px 0;margin-bottom: 20px;
  border-bottom: 3px solid #2C4667;
  background-color: #ececec;
  text-align: center;
  color: #2C4667 ;font-size: 1.8rem;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 1em 1em 0;
  clear: both;
  overflow: hidden;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content { 
  display: block;
}
.tab_container input:checked + .tab_item {
  background-color: #2C4667;
  color: #fff;
}



@media screen and (max-width: 1100px) {
	h2.subtitle01 { margin: 30px 0 50px 0;font-size: 1.5rem; }
	div.topnews { background-color: #fff;text-align: center; }
	div.topnews_left { width: 100%;text-align: left; }
	div.topnews_right { width: 100%;margin: 20px 0 50px 0; }
	.contents-frame { height: 400px;width: 100%;margin-top: 20px; }
	.contents-frame02 { margin-top: 30px;background:none;height: auto;width: 100%; }
	.c_imagearea { padding: 0 5px;  }
	.c_imagearea02 img { width: 100%;height:150px;object-fit: cover; }
	.c_imagearea03-01 img { width: 98%;height:auto;  }
	.c_imagearea03-02 img { width: 98%;height:auto;  }
	.c_imagearea03-03 img { width: 98%;height:auto;  }
}

@media screen and (max-width: 767px) {
	h2.subtitle01 { font-size: 1.4rem;margin-bottom: 30px; }
	.contents-frame { height:200px; }
	.c_imagearea { width:100%;margin-bottom:30px; }
	.c_imagearea02 { width: 50%;padding: 0 5px 5px 5px; }
	.c_imagearea02 img { width: 100%;height:200px;object-fit: cover; }
	.cp_ribbon10 { left: -1px; }
	.cp_ribbon11 { left: -1px; }
	div.bg01 { margin-bottom: 20px; }
	div.bg_left { display: inline-block;vertical-align: middle;width: 29%;text-align: center;padding: 10px 0; }
	.bg_left h3{ font-size: 1.8rem; }
	div.bg_right { display: inline-block;vertical-align: middle;width: 70%;text-align: left;margin: 30px 0;padding: 10px;border-left: 2px #fff dotted; }
	.bg_right p{ font-size: 1.2rem; }
	.re_imagearea { width: 100%; }
	.re_imagearea02 { width: 100%; }
}