@charset "utf-8";
.body {counter-reset: item;}

.lineup .pageTitle h1 {
	background-image: url(../../img/lineup/icon_title01.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 36px auto;
	padding: 5px 0 5px 56px;
}

/*-------------------------------------
	sec1
---------------------------------------*/
.sec1{padding-bottom: 110px;}
.sec1.design{padding-bottom: 110px;}
.sec1.voice{padding-bottom: 55px;}
.sec1_main{
	position: relative;
	background-image: url(../../img/lineup/sola/sec1_main_bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 22% 0;
}
.sec1_tit_text{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 106px;
	height: 272px;
}
.sec1 h2{
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
}
.sec1 h2 span{
	font-size: 18px;
}
.sec1 h3{
	font-size: 20px;
	font-weight: normal;
	padding: 40px 0 30px;
}
.sec1_main_nav{
	background: #4b7fac;
	color: #fff;
	position: relative;
}
.sec1_main_nav a{
	color: #fff;
}
.sec1_main_nav ul{
	display: flex;
	justify-content: center;
}
.sec1_main_nav li{
	padding: 23px 30px 22px;
}
.border_t{
	border-top: 1px solid #4b7fac;
}

/*-------------------------------------
	kod_box
---------------------------------------*/
.bg_b{
	background: #f9f5e7;
	margin-bottom: 40px;
	padding: 40px;
}
.bg_b h4 {
	color: #4b7fac;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: normal;
}
.bg_b_text01 {
	margin-bottom: 20px;
	font-size: 16px;
}
.bg_b_text02 {
	background: #4b7fac;
	color: #FFFFFF;
	margin-bottom: 15px;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 1.2;
}
.bg_b_text03 {
	margin-bottom: 30px;
	font-size: 12px;
}
.blueBox li {
	background: #4b7fac;
	margin-bottom: 10px;
	color: #FFFFFF;
	padding: 20px;
}
.blueBox li:last-child {
	margin-bottom: 0;
}
.bb_text01 {
	margin-bottom: 15px;
	font-size: 14px;
}
.bb_text02 {
	font-size: 12px;
}
.caseBox {}
.case_title {
	margin-bottom: 15px;
}
.caseBox_info {}
.caseBox_info .case_img {
	float: right;
}
.caseBox_info dl {
	float: left;
}
.caseBox_info dl dt {
	margin: 5px 0 10px;
	font-size: 16px;
	font-weight: bold;
}
.caseBox_info dl dd {
	font-size: 12px;
}

.kod_box01 {
}
.kod_box01 .box01_01{
	background-image: url(../../img/lineup/sola/kodawari/box01_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 25.6% auto;
	margin-bottom: 30px;
  padding: 0 29.5% 0 0;
}
.kod_box01 .box01_02{
	margin-bottom: 35px;
}
.kod_box01 .box01_03 .blueBox li {
	position: relative;
	padding-left: 27%;
}
.kod_box01 .box01_03 .blueBox li:before {
	content: '';
	position: absolute;
	top : 0;
	bottom : 0;
	left: 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: auto;
	width: 24%;
}
.kod_box01 .box01_03 .blueBox li.img01:before {background-image: url(../../img/lineup/sola/kodawari/box01_img03.jpg);}
.kod_box01 .box01_03 .blueBox li.img02:before {background-image: url(../../img/lineup/sola/kodawari/box01_img04.jpg);}

.kod_box02 {
}
.kod_box02 .box02_01{
	background-image: url(../../img/lineup/sola/kodawari/box02_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 25.6% auto;
	margin-bottom: 20px;
  padding: 0 29.5% 0 0;
}
.kod_box02 .box02_01 .caseBox_info .case_img {
	padding-left: 4%;
	width: 45%;
}
.kod_box02 .box02_01 .caseBox_info dl {
	width: 51%;
}
.kod_box02 .box02_02{
	margin-bottom: 35px;
}
.kod_box02 .box02_02 .blueBox li {
	position: relative;
	padding-left: 36%;
}
.kod_box02 .box02_02 .blueBox li:before {
	content: '';
	position: absolute;
	top : 20px;
	bottom : 20px;
	left: 20px;
	background-image: url(../../img/lineup/sola/kodawari/box02_img02.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: auto;
	width: 30.7%;
}
.kod_box02 .box02_02 .blueBox li .bb_text01 {
  margin-bottom: 10px;
}
.kod_box02 .box02_03{
	margin-bottom: 20px;
}
.kod_box02 .box02_03 .caseBox_info .case_img {
	padding-left: 3%;
	width: 39.5%;
}
.kod_box02 .box02_03 .caseBox_info dl {
	width: 56.5%;
}
.kod_box02 .box02_04 .blueBox li {
	position: relative;
	padding: 4% 20px;
	padding-left: 30%;
}
.kod_box02 .box02_04 .blueBox li:before {
	content: '';
	position: absolute;
	top : 20px;
	bottom : 20px;
	left: 20px;
	background-image: url(../../img/lineup/sola/kodawari/box02_img05.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: auto;
	width: 24.5%;
}
.kod_box02 .box02_02 .blueBox li .bb_text01 {
  margin-bottom: 10px;
}

.kod_box03 {
}
.kod_box03 .box03_01{
	background-image: url(../../img/lineup/sola/kodawari/box03_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 25.6% auto;
	margin-bottom: 20px;
  padding: 0 29.5% 0 0;
}
.kod_box03 .box03_01 .caseBox {
	margin-bottom: 35px;
}
.kod_box03 .box03_01 .caseBox_info .case_img {
	float: left;
	width: 52.5%;
}
.kod_box03 .box03_01 .caseBox_info .caseBox_text {
	float: right;
	padding-left: 6%;
	width: 41.5%;
}
.caseBox_text .text01 {
	margin-bottom: 3px;
	color: #4b7fac;
	font-size: 11px;
}
.caseBox_text .text02 {
	margin-bottom: 20px;
	font-size: 18px;
}
.caseBox_text .text02 span {
	font-size: 16px;
}
.caseBox_text .text03 {
	font-size: 12px;
}
.caseBox_text .text04 {
	margin-bottom: 10px;
	font-size: 14px;
}

.kod_box04 {
}
.kod_box04.bg_b h4 span {
  color: #000000;
}
.kod_box04 .box04_01 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kod_box04 .box04_01 ul li {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100px auto;
	margin-bottom: 20px;
	padding: 5px 0 5px 125px;
	width: 47%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.kod_box04 .box04_01 ul li.img01 {background-image: url(../../img/lineup/sola/kodawari/box04_img01.png);}
.kod_box04 .box04_01 ul li.img02 {background-image: url(../../img/lineup/sola/kodawari/box04_img02.png);}
.kod_box04 .box04_01 ul li.img03 {background-image: url(../../img/lineup/sola/kodawari/box04_img03.png);}
.kod_box04 .box04_01 ul li.img04 {background-image: url(../../img/lineup/sola/kodawari/box04_img04.png);}
.kod_box04 .box04_01 ul li.img05 {background-image: url(../../img/lineup/sola/kodawari/box04_img05.png);}
.kod_box04 .box04_01 ul li.img06 {background-image: url(../../img/lineup/sola/kodawari/box04_img06.png);}
.kod_box04 .box04_01 ul dt {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.kod_box04 .box04_01 ul dd {
	font-size: 12px;
}

.kod_box06 .box06_01 {
	margin-bottom: 25px;
}
.kod_box06 .box06_02 {
	margin-bottom: 30px;
}
.kod_box06 .box06_02 .blueBox li {
	position: relative;
	padding: 6% 20px;
	padding-left: 37%;
}
.kod_box06 .box06_02 .blueBox li:before {
	content: '';
	position: absolute;
	top : 20px;
	bottom : 20px;
	left: 20px;
	background-image: url(../../img/lineup/sola/kodawari/box06_img03.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	margin: auto;
	width: 31.3%;
}
.kod_box06 .box02_02 .blueBox li .bb_text01 {
  margin-bottom: 10px;
}

.kod_box07 .box07_01_inner {
	background-image: url(../../img/lineup/sola/kodawari/box07_img01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 40.3% auto;
	margin: 30px 0 45px;
	padding: 0 0 0 43.3%;
}
.kod_box07 .box07_02_inner01,
.kod_box07 .box07_02_inner02,
.kod_box07 .box07_02_inner03,
.kod_box07 .box07_02_inner04 {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 26.8% auto;
	margin: 30px 0 20px;
	padding: 0 31% 0 0;
}
.kod_box07 .box07_02_inner01 {background-image: url(../../img/lineup/sola/kodawari/box07_img02.jpg);}
.kod_box07 .box07_02_inner02 {background-image: url(../../img/lineup/sola/kodawari/box07_img03.jpg);}
.kod_box07 .box07_02_inner03 {background-image: url(../../img/lineup/sola/kodawari/box07_img04.jpg);}
.kod_box07 .box07_02_inner04 {background-image: url(../../img/lineup/sola/kodawari/box07_img05.jpg);}
.kod_box07 .box07_text01 {
	color: #4b7fac;
	padding: 15px 0 10px;
	font-size: 16px;
	font-weight: bold;
}
.kod_box07 .box07_text02 {
	margin-bottom: 20px;
	font-size: 12px;
}
.kod_box07 .box07_text03 {
	color: #4b7fac;
	padding: 0 0 10px;
	font-size: 18px;
	font-weight: bold;
}
.kod_box07 .box07_text04 {
	padding: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}
.kod_box07 ul {
	margin-bottom: 20px;
}
.kod_box07 ul li {
	position: relative;
	padding-left: 1.2em;
	font-size: 12px;
}
.kod_box07 ul li:before {
	content: '';
	position: absolute;
	top : 0.3em;
	bottom : 0;
	left: 0;
	background: #73B3E6;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.kod_box07 .num_list {
	counter-reset: item;
	margin-bottom: 20px;
}
.kod_box07 .num_list dt {
	position: relative;
	padding-left: 1.2em;
	font-size: 14px;
}
.kod_box07 .num_list dt:before {
	content: counter(item) "";
  counter-increment: item;
	position: absolute;
	top : 3px;
	left: 4px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	z-index: 1;
}
.kod_box07 .num_list dt:after {
	content: '';
	position: absolute;
	top : 0;
	bottom : 0;
	left: 0;
	background: #4b7fac;
	margin: auto;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}
.kod_box07 .num_list dd {
	font-size: 12px;
}

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

/*---------------------------------------------------------
 All SP & Tablet 
 ---------------------------------------------------------*/
@media screen and (max-width:959px) {
}

/*---------------------------------------------------------
 All SP 
---------------------------------------------------------*/
@media screen and (max-width: 639px) {
.lineup .pageTitle h1 {
	background-position: left 0.45em;
	background-size: 24px auto;
	padding: 5px 0 5px 34px;
}

/*-------------------------------------
	sec1
---------------------------------------*/
.sec1{padding-bottom: 40px;}
.sec1.design{padding-bottom: 60px;}
.sec1.voice{padding-bottom: 40px;}
.sec1 h2 span{
	font-size: 14px;
}
.sec1_main{
	min-height: 150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sec1 h3{
	font-size: 16px;
	padding: 35px 0 25px;
	line-height: 1.4;
}

.sec1_main_nav ul{
	display: block;
	border-top: 1px solid #2e5980;
}
.sec1_main_nav li{
	float: left;
	padding: 0;
	width: 50%;
	font-size: 0;
	text-align: left;
	border-bottom: 1px solid #2e5980;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sec1_main_nav li:nth-child(odd) {
  border-right: 1px solid #2e5980;
}
.sec1_main_nav li a {
	display: block;
	padding: 0 15px;
	line-height: 38px;
	color: #FFFFFF;
}
.sec1_main_nav li a img {
	width: auto;
	height: 12px;
}

/*-------------------------------------
	kod_box
---------------------------------------*/
.bg_b{
	margin-bottom: 30px;
	padding: 20px 15px;
}
.bg_b h4 {
	margin-bottom: 10px;
	font-size: 21px;
	line-height: 1.4;
}
.bg_b_text01 {
	margin-bottom: 15px;
	font-size: 13px;
}
.bg_b_text02 {
	margin-bottom: 10px;
	padding: 7px 10px;
	font-size: 12px;
	line-height: 1.4;
}
.bg_b_text03 {
	margin-bottom: 20px;
	font-size: 11px;
}
.blueBox li {
	padding: 20px 15px;
}
.bb_text01 {
	margin-bottom: 10px;
	font-size: 12px;
}
.bb_text02 {
	font-size: 11px;
}
.case_title {
	margin-bottom: 10px;
}
.case_title img{
	height: 18px
}
.caseBox_info .case_img {
	float: none;
}
.caseBox_info dl {
	float: none;
}
.caseBox_info dl dt {
	font-size: 13px;
}
.caseBox_info dl dd {
	font-size: 11px;
}

.kod_box01 {
}
.kod_box01 .box01_01{
	background: none;
  padding: 0;
}
.kod_box01 .box01_02{
	margin-bottom: 30px;
}
.kod_box01 .box01_03 .blueBox li {
	padding-top: 142px;
	padding-left: 15px;
}
.kod_box01 .box01_03 .blueBox li:before {
	top : 20px;
	left: 15px;
	background-size: 147px auto;
	width: 147px;
}

.kod_box02 {
}
.kod_box02 .box02_01{
	background: none;
  padding: 0;
}
.kod_box02 .box02_01 .caseBox_info .case_img {
	padding: 0 0 10px 0;
	width: 190px;
}
.kod_box02 .box02_01 .caseBox_info dl {
	width: 100%;
}
.kod_box02 .box02_02{
	margin-bottom: 30px;
}
.kod_box02 .box02_02 .blueBox li {
	padding-top: 115px;
	padding-left: 15px;
}
.kod_box02 .box02_02 .blueBox li:before {
	top : 20px;
	bottom : 0;
	left: 15px;
	background-size: 185px auto;
	width: 185px;
}
.kod_box02 .box02_03 .caseBox_info .case_img {
	margin-bottom: 10px;
	padding-left: 0;
	width: 200px;
}
.kod_box02 .box02_03 .caseBox_info dl {
	width: 100%;
}
.kod_box02 .box02_04 .blueBox li {
	padding: 138px 15px 20px;
	padding-left: 15px;
}
.kod_box02 .box02_04 .blueBox li:before {
	top : 20px;
	bottom : 0;
	left: 15px;
	background-size: 147px auto;
	width: 147px;
}
.caseBox_info dl dd.mb20 {
	margin-bottom: 15px !important;
}

.kod_box03 {
}
.kod_box03 .box03_01{
	background: none;
  padding: 0;
}
.kod_box03 .box03_01 .caseBox {
	margin-bottom: 30px;
}
.kod_box03 .box03_01 .caseBox_info .case_img {
	float: none;
	width: 200px;
}
.kod_box03 .box03_01 .caseBox_info .caseBox_text {
	float: none;
	margin-top: 15px;
	padding-left: 0;
	width: 100%;
}
.caseBox_text .text01 {
	font-size: 10px;
}
.caseBox_text .text02 {
	margin-bottom: 10px;
	font-size: 14px;
}
.caseBox_text .text02 span {
	font-size: 13px;
}
.caseBox_text .text03 {
	font-size: 11px;
}
.caseBox_text .text04 {
	font-size: 12px;
}

.kod_box04 {
}
.kod_box04 .box04_01 ul {
	display: block;
}
.kod_box04 .box04_01 ul li {
	background-size: 70px auto;
	padding: 5px 0 5px 85px;
	width: 100%;
}
.kod_box04 .box04_01 ul dt {
	font-size: 13px;
}
.kod_box04 .box04_01 ul dd {
	font-size: 11px;
}

.kod_box06 .box06_02 .blueBox li {
	padding: 129px 15px 20px;
	padding-left: 15px;
}
.kod_box06 .box06_02 .blueBox li:before {
	top : 20px;
	bottom : 0;
	left: 15px;
	background-size: 190px auto;
	width: 190px;
}

.kod_box07 .box07_01_inner {
	background-image: url(../../img/lineup/sola/kodawari/box07_img01_sp.jpg);
	background-size: 100% auto;
	margin: 10px 0 30px;
	padding: 65% 0 0;
}
.kod_box07 .box07_02_inner01,
.kod_box07 .box07_02_inner02,
.kod_box07 .box07_02_inner03,
.kod_box07 .box07_02_inner04 {
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 26.8% auto;
	margin: 30px 0 20px;
	padding: 0 31% 0 0;
}
.kod_box07 .box07_text01 {
	font-size: 13px;
}
.kod_box07 .box07_text02 {
	margin-bottom: 15px;
	font-size: 11px;
}
.kod_box07 .box07_text03 {
	font-size: 14px;
}
.kod_box07 .box07_text04 {
	font-size: 13px;
}
.kod_box07 ul {
	margin-bottom: 15px;
}
.kod_box07 ul li {
	font-size: 11px;
}
.kod_box07 ul li:before {
	width: 11px;
	height: 11px;
}
.kod_box07 .num_list {
	margin-bottom: 15px;
}
.kod_box07 .num_list dt {
	font-size: 12px;
}
.kod_box07 .num_list dt:before {
	top : 2px;
	left: 3px;
}
.kod_box07 .num_list dt:after {
	width: 13px;
	height: 13px;
}
.kod_box07 .num_list dd {
	font-size: 11px;
}
}