@charset "UTF-8";
/* 
	
CSS page.css */


/* 
base : #3e3a39
green : #00af59
blue : #00aca2
border : #00af59
lightgreen :#ebf8f8
bggrey : #f5f5f5
red : #BD0A0F
yellow : #ffff00

*/




/*//////////////////


#index


//////////////////*/

/* common */
#index {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#index #sec_1 { padding: 80px 0; position: relative; }
#index #sec_1 ul.list { display: flex; }
#index #sec_1 .bg { background: #ebf8f8; position: absolute; top: 0; left: 0; width: calc(92% - 60px); z-index: -1; height: 100%; }
#index #sec_1 .list>li { width: 20%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#index #sec_1 { padding: 60px 0; }
	#index #sec_1 .bg { width: 88%; }
	#index #sec_1 ul.list { display: flex; flex-wrap: wrap; }
	#index #sec_1 .list>li { width: 33.3%; }
	#index #sec_1 .list>li:nth-child(4),
	#index #sec_1 .list>li:nth-child(5) { width: 50%; }
}
@media screen and (max-width: 500px) { 
}


/* #sec_2 */
#index #swrap_2 { position: relative; }
#index #swrap_2 .bg { background: #f6f0f1; position: absolute; width: 100%; height: calc(100% - 240px); top: 0; left: 0; }
#index #sec_2 { }
#index #sec_2 { text-align: center; }
#index #sec_2 .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
#index #sec_2 .list>li { width: calc(50% - 10px); box-sizing: border-box; margin-bottom: 20px; }
#index #sec_2 .list>li a { display: block; height: 100%; box-sizing: border-box; padding: 40px; background: #fff; text-decoration: none; position: relative; }
#index #sec_2 .list>li a .img { height: 100px; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center; }
#index #sec_2 .list>li a .img .on { display: none; }
#index #sec_2 .list>li:nth-child(1) a img { width: 168px; height: 66px; }
#index #sec_2 .list>li:nth-child(2) a img { width: 150px; height: 83px; }
#index #sec_2 .list>li:nth-child(3) a img { width: 212px; height: 80px; }
#index #sec_2 .list>li:nth-child(4) a img { width: 138px; height: 92px; }
#index #sec_2 .list>li a .title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#index #sec_2 .list>li a svg { width: 11px; height: 20px; position: absolute; right: 30px; top: 50%; margin-top: -10px; font-size: 0: }
#index #sec_2 .list>li a:hover svg .st0 { fill: #fff; }
#index #sec_2 .list>li a:hover { background: #00af59; }
#index #sec_2 .list>li a:hover .title,
#index #sec_2 .list>li a:hover .txt { color: #fff; }
#index #sec_2 .list>li a:hover .img .off { display: none; }
#index #sec_2 .list>li a:hover .img .on { display: block; }
#index #sec_2 .inbox { color: #fff; }
#index #sec_2 .inbox .txt2 { font-size: 18px; font-weight: bold; line-height: 1.6; padding: 10px 20px; background: #fff; display: inline-block; color: #3e3a39; margin-top: 30px; }
@media screen and (max-width: 767px) { 
	#index #swrap_2 { padding-bottom: 0; }
	#index #sec_2 .list { margin-bottom: 0px; }
	#index #sec_2 .list>li { width: 100%; margin-bottom: 10px; }
	#index #sec_2 .list>li a .title { font-size: 18px; margin-bottom: 5px; }
	#index #sec_2 .inbox { color: #fff; margin: 60px -8% 0; }
}
@media screen and (max-width: 500px) {
	#index #sec_2 .list>li a { padding: 6%; }
	#index #sec_2 .list>li a .title { font-size: 16px; }
	#index #sec_2 .list>li a .img { height: auto; margin: 10px auto 10px; } 
	#index #sec_2 .list>li:nth-child(1) a img { width: 122px; height: 51px; }
	#index #sec_2 .list>li:nth-child(2) a img { width: 112px; height: 61px; }
	#index #sec_2 .list>li:nth-child(3) a img { width: 153px; height: 60px; }
	#index #sec_2 .list>li:nth-child(4) a img { width: 106px; height: 70px; }
	#index #sec_2 .list>li a .txt { letter-spacing: 0.02em; }
	#index #sec_2 .inbox { text-align: justify; }
	#index #sec_2 .inbox .txt2 { font-size: 14px; margin-top: 20px; } 
	#index #sec_2 .list>li a svg { width: 8px; height: 16px; right: 5%; }
}


/* #sec_3 */
#index #swrap_3 { background: #ebf8f8; }
#index #sec_3 ul.list{  }
#index #sec_3 ul.list { display: flex; margin-left: -30px; flex-wrap: wrap; }
#index #sec_3 ul.list>li {width: calc(33.3% - 30px); margin-left: 30px; display: flex; }
#index #sec_3 ul.list>li:nth-child(4) { display: none; }
#index #sec_3 ul.list>li>a { width: 100%; display: block; text-decoration: none; }
#index #sec_3 ul.list>li>a .img { position: relative; overflow: hidden; height: 250px; width: 100%;display: block; background: #ccc;}
#index #sec_3 ul.list>li>a .img img {width: 100%;height: 100%; object-fit: cover;font-family: 'object-fit: cover;'; transition: 0.6s; }
#index #sec_3 ul.list>li>a:hover .img img { transform: scale(1.1); }
#index #sec_3 ul.list>li>a .txtbox { padding: 20px 0 0; height: calc(100% - 220px); }
#index #sec_3 ul.list>li>a .txtbox .title { line-height: 1.6; }
#index #sec_3 ul.list>li>a .txtbox .date { font-size: 18px; margin-top: 10px; font-family: 'Open Sans Condensed', sans-serif; color: #00aca2; letter-spacing: 0.04em; }
#index #sec_3 .link{ text-align: center; margin-top: 45px; }
@media screen and (max-width: 1040px){
	#index #sec_3 ul.list { margin-bottom: -20px; margin-left: -20px; }
	#index #sec_3 ul.list>li { width: calc(50% - 20px); margin-bottom: 20px; margin-left: 20px; }
	#index #sec_3 ul.list>li:nth-child(4) { display: flex; }
}
@media screen and (max-width: 767px){
	#index #sec_3 ul.list { margin-left: 0; display: block; }
	#index #sec_3 ul.list>li { width: 100%; margin-left: 0; display: block; }
	#index #sec_3 ul.list>li:nth-child(4) { display: block; }
	#index #sec_3 ul.list>li>a { display: block; }
	#index #sec_3 ul.list>li>a .img { height: 350px; } 
	#index #sec_3 ul.list>li>a .txtbox { height: auto; padding: 20px 0 20px; }
	#index #sec_3 ul.list>li>a .txtbox .date { font-size: 14px; margin-top: 10px; }
	#index #sec_3 .link { margin-top: 30px; }
}
@media screen and (max-width: 500px){
	#index #sec_3 ul.list>li>a .img { height: 200px; }
}


/* #sec_4 */
#index #swrap_4 { text-align: left;  }
#index #sec_4 ul.list {  }
#index #sec_4 ul.list>li { display: flex; align-items: baseline; padding: 25px 0; border-top: 1px solid #ccc; }
#index #sec_4 ul.list>li:last-child { border-bottom: 1px solid #ccc; }
#index #sec_4 ul.list>li span.date { width: 110px; color: #1dac8a; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; letter-spacing: 0.04em; }
#index #sec_4 ul.list>li span.cat { width: 110px; text-align: center; font-size: 15px; margin-right: 20px; line-height: 1; font-weight: bold; padding: 6px 0; font-family: 'Open Sans Condensed', sans-serif; color: #fff; letter-spacing: 0.04em; }
#index #sec_4 ul.list>li span.cat.campaign { background: #e3868f; }
#index #sec_4 ul.list>li span.cat.topics { background: #e3868f; }
#index #sec_4 ul.list>li span.cat.blog { background: #00aca2; }
#index #sec_4 ul.list>li span.cat.knowledge { background: #00af59; }
#index #sec_4 ul.list>li span.cat.news { background: #7db6f3; }
#index #sec_4 ul.list>li span.cat.case { background: #5185c5; }
#index #sec_4 ul.list>li span.cat.voice { background: #ebb564; }
#index #sec_4 ul.list>li a { flex: 1; text-decoration: none; }
#index #sec_4 ul.list>li a:hover { text-decoration: underline; }
#index #sec_4 .link { margin-top: 40px; }
@media screen and (max-width: 1040px) {
	#index #sec_4 ul.list { width: 100%; flex: none; }
}
@media screen and (max-width: 767px) {
	#index #sec_4 ul.list>li { padding: 20px 0; }
	#index #sec_4 ul.list>li span.cat { font-size: 14px;  padding: 4px 0; width: 90px; display: inline-block;}
	#index #sec_4 ul.list>li span.date { font-size: 14px; width: 80px; margin-right: 0px; display: inline-block; }
}
@media screen and (max-width: 639px) { 
	#index #sec_4 .link { margin-top: 30px; }
}
@media screen and (max-width: 500px) { 
	#index #sec_4 ul.list>li { display: block; }
	#index #sec_4 ul.list>li a { display: block; width: 100%; margin-top: 5px; }
	#index #sec_4 ul.list>li span.date { width: 75px; }
}














/*//////////////////


#commitment


//////////////////*/

/* common */
#commitment {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#commitment #sec_1 {  }
#commitment #sec_1 .incnt { display: flex; justify-content: center; align-items: center; padding-top: 40px; }
#commitment #sec_1 .block { }
#commitment #sec_1 .msg { line-height: 2.3em; margin-left: 80px; }
@media screen and (max-width: 1040px) { 
	#commitment #sec_1 .block { width: 300px; }
	#commitment #sec_1 .msg { flex: 1; margin-left: 60px; }
	#commitment #sec_1 .msg .br1 { display: none; }
}
@media screen and (max-width: 767px) { 
	#commitment #sec_1 .incnt { flex-direction: column; padding-top: 0; align-items: stretch; }
	#commitment #sec_1 .block { width: 100%; margin-bottom: 20px; }
	#commitment #sec_1 .msg {  margin-left: 0; flex: none; }
}



/* #sec_2 */
/*
#commitment #sec_2 {  }
#commitment #sec_2 .imgbox { position: relative; margin-bottom: 180px; }
#commitment #sec_2 .imgbox .bg { background: #ebf8f8; position: absolute; top: 80px; right: 0; width: calc(92% - 60px); z-index: -1; height: 100%; }
#commitment #sec_2 .imgbox .img1 { position: absolute; top: 160px; left: 0; width: 50%; height: 540px; }
#commitment #sec_2 .imgbox .img2 { height: 540px; width: 65%; margin-left: auto; }
#commitment #sec_2 .imgbox .img1 img,
#commitment #sec_2 .imgbox .img2 img { width: 100%; height: 100%; object-fit: cover;font-family: 'object-fit: cover;'; }
@media screen and (max-width: 767px) { 
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 400px; }
}
@media screen and (max-width: 500px) { 
	#commitment #sec_2 .imgbox { position: relative; margin-bottom: 100px; }
	#commitment #sec_2 .imgbox .bg { top: 50px; }
	#commitment #sec_2 .imgbox .img1 { top: 100px; width: 60%; }
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 260px; }
}
*/
/* #sec_2 */
#commitment #sec_2 {  }
#commitment #sec_2 .imgbox { position: relative; margin-bottom: 300px; }
#commitment #sec_2 .imgbox .bg { background: #ebf8f8; position: absolute; top: 80px; right: 0; width: calc(92% - 60px); z-index: -1; height: calc(100% + 50px); }
#commitment #sec_2 .imgbox .img1 {position: absolute;top: 160px;left: 0;width: 60%;height: 650px;}
#commitment #sec_2 .imgbox .img2 {height: 500px;width: 50%;margin-left: auto;}
#commitment #sec_2 .imgbox .img1 img,
#commitment #sec_2 .imgbox .img2 img { width: 100%; height: 100%; object-fit: cover;font-family: ‘object-fit: cover;’; }
@media screen and (max-width: 1380px) { 
    #commitment #sec_2 .imgbox { margin-bottom: 150px; }
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 500px; }
}
@media screen and (max-width: 1040px) { 
    #commitment #sec_2 .imgbox { margin-bottom: 120px; }
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 400px; }
}
@media screen and (max-width: 767px) { 
    #commitment #sec_2 .imgbox { margin-bottom: 150px; }
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 400px; }
}
@media screen and (max-width: 500px) { 
	#commitment #sec_2 .imgbox { position: relative; margin-bottom: 260px; }
	#commitment #sec_2 .imgbox .bg { display: none; }
	#commitment #sec_2 .imgbox .img1 { top: 260px; width: 100%; }
	#commitment #sec_2 .imgbox .img2 { width: 100%; }
	#commitment #sec_2 .imgbox .img1,
	#commitment #sec_2 .imgbox .img2 { height: 260px; }
}


/* #sec_3 */
#commitment #sec_3 {  }
#commitment #sec_3 .incnt { display: flex; justify-content: center; align-items: center; }
#commitment #sec_3 .block { }
#commitment #sec_3 .txtbig1 { margin-left: 80px; }
#commitment #sec_3 .box2 { text-align: center; margin-top: 40px; }
#commitment #sec_3 .box2 .msg { line-height: 2.3em; }
@media screen and (max-width: 1040px) { 
	#commitment #sec_3 .block { width: 300px; }
	#commitment #sec_3 .txtbig1 { flex: 1; margin-left: 60px; }
	#commitment #sec_3 .txtbig1 br { display: none; }
}
@media screen and (max-width: 767px) { 
	#commitment #sec_3 .incnt { flex-direction: column; align-items: stretch; }
	#commitment #sec_3 .block { width: 100%; margin-bottom: 20px; }
	#commitment #sec_3 .txtbig1 {  margin-left: 0; flex: none; }
	#commitment #sec_3 .box2 { margin-top: 20px; }
	#commitment #sec_3 .box2 .msg { text-align: justify; }
	#commitment #sec_3 .box2 .msg .br1 { display: none; }
}


/* #sec_4 */
#commitment #sec_4 { position: relative; margin-bottom: 220px; }
#commitment #sec_4 .incnt { display: flex; justify-content: center; }
#commitment #sec_4 .txtbox { flex: 1; }
#commitment #sec_4 .txtbox .sectitle { text-align: left; }
#commitment #sec_4 .txtbox .name { text-align: right; margin-top: 30px; }
#commitment #sec_4 .txtbox .txt2 { font-size: 28px; font-weight: bold; margin-left: 10px; }
#commitment #sec_4 .txtbox .msg { line-height: 2.3em; }
#commitment #sec_4 .imgbox { width: 50%; margin-left: 80px; height: 100%; }
#commitment #sec_4 .imgbox img { width: 100%; height: 50%; object-fit: cover;font-family: 'object-fit: cover;'; }
#commitment #sec_4 .bg { background: #ebf8f8; position: absolute; top: 80px; right: 0; width: 40%; z-index: -1; height: 100%; }
@media screen and (max-width: 1040px) { 
	#commitment #sec_4 .imgbox { height: 500px; margin-left: 60px; }
}
@media screen and (max-width: 767px) { 
	#commitment #sec_4 { margin-bottom: 120px; }
	#commitment #sec_4 .incnt { flex-direction: column; }
	#commitment #sec_4 .txtbox { width: 100%; margin-bottom: 30px; flex: none; }
	#commitment #sec_4 .txtbox .name { margin-top: 20px; }
	#commitment #sec_4 .txtbox .msg .br1 { display: none; }
	#commitment #sec_4 .imgbox { width: 100%; margin-left: 0; height: auto; }
	#commitment #sec_4 .bg { background: #ebf8f8; position: absolute; top: auto; bottom: -40px; right: 0; width: 80%; z-index: -1; height: 50%; }
	#commitment #sec_4 .txtbox .txt2 { font-size: 20px; }
}





















/*//////////////////


#company


//////////////////*/

/* #sec_1 */
#company {  }
#company #sec_1 .inbox li { display: flex; justify-content: space-between; border-bottom: 1px solid #ccc; position: relative; }
#company #sec_1 .inbox li:after { content: ""; position: absolute; bottom: -1px; left: 0; width: 260px; height: 1px; background: #00af59; font-size: 0; z-index: 1; }
#company #sec_1 .inbox li:first-child { border-top: 1px solid #ccc; }
#company #sec_1 .inbox li:first-child:before { content: ""; position: absolute; top: -1px; left: 0; width: 260px; height: 1px; background: #00af59; font-size: 0; z-index: 1; }
#company #sec_1 .inbox li .title { width: 260px; background: #f2fbf7; padding: 25px 30px; box-sizing: border-box; }
#company #sec_1 .inbox li .txt { margin-left: 40px; flex: 1; padding: 25px 0;  }
@media screen and (max-width: 1040px) { 
	#company #sec_1 .inbox li:after,
	#company #sec_1 .inbox li:first-child:before,
	#company #sec_1 .inbox li .title { width: 180px; }
	#company #sec_1 .inbox li .txt { margin-left: 20px }
}
@media screen and (max-width: 639px) {
	#company #sec_1 .inbox li { display: flex; flex-direction: column; }
	#company #sec_1 .inbox li:after,
	#company #sec_1 .inbox li:first-child:before,
	#company #sec_1 .inbox li .title { width: 100px; }
	#company #sec_1 .inbox li .title { width: 100%; background: none; padding: 20px 0 0; font-weight: bold; }
	#company #sec_1 .inbox li .txt { margin-left: 0; padding: 0 0 20px;  }
	
}

/* #sec_2 */
#company #sec_2 .insec { position: relative; }
#company #sec_2 .bg { position: absolute; top: 0; left: 0; width: calc(50% + 520px); height: 100%; background: #ebf8f8; z-index: -1; }
#company #sec_2 .box1 { padding: 60px 0; }
#company #sec_2 .box1 .incnt { display: flex; justify-content: space-between; align-items: center; }
#company #sec_2 .box1 { position: relative; padding: 80px 0; display: flex; justify-content: space-between; align-items: center; }
#company #sec_2 .box1 .txtbox { flex: 1; }
#company #sec_2 .box1 .imgbox { width: 440px; margin: 0 -60px 0 40px; }
#company #sec_2 ul.box2 { margin-bottom: 80px; }
#company #sec_2 ul.box2 li { width: 20%; }
/*#company #sec_2 ul.box2>li:nth-child(4) { width: 40%; }*/
#company #sec_2 ul.box2 img { display: flex; }
#company #sec_2 ul.box2 { display: flex; }
@media screen and (max-width: 1040px) { 
	#company #sec_2 .box1 .imgbox { width: 340px; margin: 0 -60px 0 20px}
	#company #sec_2 ul.box2 { display: flex; flex-wrap: wrap; }
	#company #sec_2 ul.box2>li { width: 33.3%; }
}
@media screen and (max-width: 767px) { 
	#company #sec_2 ul.box2>li.spnon { display: none; }
	/*#company #sec_2 ul.box2>li:nth-child(4) { width: 100%; }*/
	#company #sec_2 ul.box2 { margin-bottom: 0; }
	#company #sec_2 .box1 { padding: 0; margin-bottom: 40px; }
	#company #sec_2 .bg { display: none; }
}
@media screen and (max-width: 639px) {
	#company #sec_2 .box1 .incnt { display: block; }
	#company #sec_2 .box1 .imgbox { width: 90%; margin: 20px auto 0; max-width: 320px; }
	#company #sec_2 .box1 .txtbox { flex: none; }
	#company #sec_2 ul.box2>li { width: 50%; }
}

/* #sec_3 */
#company #sec_3 {  }
#company #sec_3 .map { width: 100%; height: 560px; }
#company #sec_3 .link { margin: -30px 8% 0; }
@media screen and (max-width: 767px) { 
	#company #sec_3 .map { height: 400px; }
}














/*//////////////////


#service.index


//////////////////*/

/* common */
#service.index {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#service.index #sec_1 {  }
#service.index #sec_1 ul.list {  }
#service.index #sec_1 ul.list li  { margin-bottom: 60px; display: flex; justify-content: space-between; align-items: center; position: relative; height: 360px; background: #ebf8f8;}
#service.index #sec_1 ul.list li:last-child { margin-bottom: 0; }
#service.index #sec_1 ul.list li .txtbox { padding: 0 60px;flex: 1;display: flex;flex-direction: column;}
#service.index #sec_1 ul.list li .txtbox .number {position: absolute;left: 60px;top: -60px;}
#service.index #sec_1 ul.list li .txtbox .number span { position: relative; font-size: 60px; color: #00af59; }
#service.index #sec_1 ul.list li .txtbox .number span:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 30px; height: 3px; margin-left: -15px; background: #00af59; }
#service.index #sec_1 ul.list li .txtbox .link { margin-top: 20px; }
#service.index #sec_1 ul.list li .imgbox {width: 50%;height: 100%;}
#service.index #sec_1 ul.list li .imgbox img { width: 100%; height: 100%; object-fit: cover;font-family: 'object-fit: cover;'; }
@media screen and (max-width: 1040px) { 
	#service.index #sec_1 ul.list li  { flex-direction: column; height: auto; align-items: flex-start; }
	#service.index #sec_1 ul.list li .txtbox { padding: 60px 8% 50px; flex: none; }
	#service.index #sec_1 ul.list li .imgbox { width: 100%;}
}
@media screen and (max-width: 767px) { 
	#service.index #sec_1 ul.list li  { margin-bottom: 40px; }
	#service.index #sec_1 ul.list li .txtbox { padding: 40px 8% 30px; }
	#service.index #sec_1 ul.list li .txtbox .number { left: 8%;top: -40px;}
	#service.index #sec_1 ul.list li .txtbox .number span { font-size: 40px; }
}
@media screen and (max-width: 500px) { 
	#service.index #sec_1 ul.list li .txtbox .txt br { display: none; }
}














/*//////////////////


#service.under


//////////////////*/

/* common */
#service.under {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#service.under #sec_1 .bgbox { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
#service.under #sec_1 .bgbox .title { font-size: 24px; color: #00af59; width: 130px; height: 130px; border-radius: 50%; background: #fff; display: flex; justify-content: center; align-items: center;  margin-right: 40px; }
#service.under #sec_1 .bgbox ul.list { flex: 1; }
#service.under #sec_1 .bgbox ul.list:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0; }
#service.under #sec_1 .bgbox ul.list li { font-size: 18px; font-weight: bold; color: #00af59; line-height: 1.7; margin-bottom: 5px; }
#service.under #sec_1 .bgbox ul.list li:last-child { margin-bottom: 0; }
#service.under #sec_1 .imgbox { display: flex; width: 100%; align-items: flex-start;}
#service.under #sec_1 .imgbox img { width: 50%; }
@media screen and (max-width: 767px) { 
	#service.under #sec_1 .bgbox { display: flex; flex-direction: column; margin-bottom: 20px; align-items: stretch; }
	#service.under #sec_1 .bgbox .title { width: auto; height: auto; border-radius: 0; background: none; display: block; margin-right: 0; }
	#service.under #sec_1 .bgbox ul.list { flex: none; }
}
@media screen and (max-width: 500px) { 
	#service.under #sec_1 .bgbox ul.list li { font-size: 14px;}
	#service.under #sec_1 .imgbox { display: block; }
	#service.under #sec_1 .imgbox img { width: 100%; }
}


/* #sec_2 */
#service.under #swrap_2 { background: #ebf8f8; }
#service.under #sec_2 .incnt { display: flex; justify-content: space-between; align-items: flex-start; }
#service.under #sec_2 .txtbox { flex: 1; }
#service.under #sec_2 .txtbox .txt { margin-bottom: 30px; }
#service.under #sec_2 .imgbox { width: 500px; box-sizing: border-box; padding: 40px; margin-left: 60px; background: #fff; transition: 0.3s; }
#service.under #sec_2 .imgbox a:hover { opacity: 0.7; }
@media screen and (max-width: 1040px) { 
	#service.under #sec_2 .imgbox { width: 45%; padding: 4%; margin-left: 40px; }
}
@media screen and (max-width: 639px) { 
	#service.under #sec_2 .incnt { display: block; flex-direction: column; align-items: stretch;}
	#service.under #sec_2 .imgbox { width: 100%; max-width: 480px; padding: 6%; margin: 30px auto 0; }
	#service.under #sec_2 .txtbox { flex: none; }
	#service.under #sec_2 .txtbox .txt { margin-bottom: 15px; }
}


/* #sec_3 */
#service.under #swrap_3 {  }
#service.under #sec_3 .incnt { display: flex; justify-content: space-between; align-items: flex-start; }
#service.under #sec_3 .txtbox { flex: 1; }
#service.under #sec_3 .txtbox .txt { margin-bottom: 30px; }
#service.under #sec_3 .imgbox { width: 500px; box-sizing: border-box; padding: 40px; margin-left: 60px; background: #ebf8f8; }
#service.under #sec_3 .repeatbox { margin-bottom: 80px; }
#service.under #sec_3 .repeatbox:last-child { margin-bottom: 0; }
@media screen and (max-width: 1040px) { 
	#service.under #sec_3 .imgbox { width: 45%; padding: 4%; margin-left: 40px; }
}
@media screen and (max-width: 639px) { 
	#service.under #sec_3 .incnt { display: block; flex-direction: column; align-items: stretch; }
	#service.under #sec_3 .imgbox { width: 100%; max-width: 480px; padding: 6%; margin: 30px auto 0; }
	#service.under #sec_3 .txtbox { flex: none; }
	#service.under #sec_3 .txtbox .txt { margin-bottom: 15px; }
	#service.under #sec_3 .repeatbox { margin-bottom: 50px; }
}













/*//////////////////


#qa


//////////////////*/

/* common */
#qa #main .acdbox { margin-bottom: 60px; }
#qa #main .acdbox:last-child { margin-bottom: 0; }
#qa #main .question { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
#qa #main .question .en.sans { width: 60px; height: 60px; margin-right: 20px; background: linear-gradient(135deg, rgba(0, 172, 162, 1) 0%, rgba(0, 175, 89, 1) 100%); color: #fff; font-size: 40px; display: flex; justify-content: center; align-items: center; }
#qa #main .question .txt { flex: 1; font-size: 24px; color: #00af59; font-weight: bold; line-height: 1.6; }
#qa #main .answer { display: flex; justify-content: space-between; align-items: center; }
#qa #main .answer .en.sans { font-size: 30px; padding: 0 40px 0 20px; color: #00af59; }
#qa #main .answer .txt { flex: 1; padding-left: 30px; border-left: 1px solid #ccc; }
@media screen and (max-width: 767px) { 
	#qa #main .question .txt { font-size: 16px; }
	#qa #main .question .en.sans { width: 40px; height: 40px; margin-right: 10px; font-size: 30px; }
	#qa #main .answer .en.sans { font-size: 24px; padding: 0 20px 0 10px; }
	#qa #main .answer .txt { padding-left: 20px; }
}
@media screen and (max-width: 500px) { 
	#qa #main .acdbox { margin-bottom: 30px; }
	#qa #main .question { margin-bottom: 10px; }
	#qa #main .answer .en.sans { display: none; }
	#qa #main .answer .txt { padding-left: 0px; border: none; }
}




















/*//////////////////


#news.index


//////////////////*/

/* common */
#news.index {  }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#news.index #sec_1 .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
#news.index #sec_1 .list li { width: calc(50% - 20px); margin-bottom: 40px; }
#news.index #sec_1 .list li a { text-decoration: none; }
#news.index #sec_1 .list li .img { position: relative; overflow: hidden; height: 280px; width: 100%;display: block; background: #ccc;}
#news.index #sec_1 .list li .img img {width: 100%;height: 100%; object-fit: cover;font-family: 'object-fit: cover;'; transition: 0.6s; }
#news.index #sec_1 .list li .img a:hover img { transform: scale(1.1); }
#news.index #sec_1 .list li .title { padding: 20px 20px 5px; line-height: 1.8; }
#news.index #sec_1 .list li .spec {  padding: 0 20px; font-size: 18px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 0.03em; }
#news.index #sec_1 .list li .spec a { display: inline-block; }
#news.index #sec_1 .list li .spec .cat { width: 100px; text-align: center; font-size: 15px; margin-left: 20px; line-height: 1; font-weight: bold; padding: 6px 0; font-family: 'Open Sans Condensed', sans-serif; color: #fff; letter-spacing: 0.04em; }
#news.index #sec_1 .list li .spec .cat.campaign { background: #e3868f; }
#news.index #sec_1 .list li .spec .cat.topics { background: #e3868f; }
#news.index #sec_1 .list li .spec .cat.blog { background: #00aca2; }
#news.index #sec_1 .list li .spec .cat.knowledge { background: #00af59; }
#news.index #sec_1 .list li .spec .cat.news { background: #7db6f3; }
#news.index #sec_1 .list li .spec .cat.case { background: #5185c5; }
#news.index #sec_1 .list li .spec .cat.voice { background: #ebb564; }
@media screen and (max-width: 1180px) { 
	#news.index #sec_1 .list li .title { padding: 20px 4% 5px; }
}
@media screen and (max-width: 767px) { 
	#news.index #sec_1 .list li .img { height: 230px; }
	#news.index #sec_1 .list li .spec { padding: 0 4%; font-size: 14px; }
	#news.index #sec_1 .list li .spec .date { display: block; }
	#news.index #sec_1 .list li .spec .cat { width: auto; font-size: 12px; margin-left: 0px; padding: 4px 15px; display: inline-block; }
}
@media screen and (max-width: 500px) { 
	#news.index #sec_1 .list li .img { height: 200px; }
	#news.index #sec_1 .list li { width: calc(50% - 10px); margin-bottom: 30px; }
}











/*//////////////////


#news.under


//////////////////*/

/* common */
#news.under {  }
#news.under #main .pager a.prev { left: 0; }
#news.under #main .pager a.next { right: 0; }
#news.under #main .link { margin-top: 40px; }
@media screen and (max-width: 767px) { 
}

/* #sec_1 */
#news.under #sec_1 .posttitle { font-size: 24px; line-height: 1.8; margin-bottom: 40px; font-weight: bold; }
#news.under #sec_1 a { text-decoration: none; }
#news.under #sec_1 .spec { margin-bottom: 10px; }
#news.under #sec_1 .date { color: #1dac8a; font-family: 'Open Sans Condensed', sans-serif; font-size: 18px; letter-spacing: 0.04em; display: inline-block; margin-right: 20px; }
#news.under #sec_1 .cat { width: 110px; text-align: center; font-size: 15px; margin-right: 20px; line-height: 1; font-weight: bold; padding: 6px 0; font-family: 'Open Sans Condensed', sans-serif; color: #fff; letter-spacing: 0.04em; display: inline-block; }
#news.under #sec_1 .cat.campaign { background: #e3868f; }
#news.under #sec_1 .cat.topics { background: #e3868f; }
#news.under #sec_1 .cat.blog { background: #00aca2; }
#news.under #sec_1 .cat.knowledge { background: #00af59; }
#news.under #sec_1 .cat.news { background: #7db6f3; }
#news.under #sec_1 .cat.case { background: #5185c5; }
#news.under #sec_1 .cat.voice { background: #ebb564; }
#news.under #sec_1 .txtbody { margin-top: 60px; }
#news.under #sec_1 .tagbox li { display: inline-block; margin-right: 10px; color: #1dac8a; }
#news.under #sec_1 .tagbox li a { color: #1dac8a; }
#news.under #sec_1 .tagbox li a:hover { text-decoration: underline; }
@media screen and (max-width: 767px) { 
	#news.under #sec_1 .posttitle { font-size: 18px; margin-bottom: 40px; }
	#news.under #sec_1 .txtbody { margin-top: 40px; }
	#news.under #sec_1 .date { font-size: 14px; margin-right: 10px; }
	#news.under #sec_1 .cat { font-size: 12px; width: 90px; }
}



















/*//////////////////


#contact


//////////////////*/

/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 180px; padding-top: 25px }
form .formbox>ul>li>dl>dt { padding-top: 25px; }
form .formbox.check>ul>li>dl>dt { padding-top: 0; }
form .formbox>ul>li>dl>dd { width: calc(100% - 200px); }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 30px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}

/* radiocheck */
form .formbox>ul>li.radiocheck { padding: 35px 0; }
form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li.radiocheck { padding: 20px 0; }
	form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}

/* #sec_intro */
#contact #sec_intro ul.inbox { display: flex; justify-content: space-between; }
#contact #sec_intro ul.inbox li { width: calc(50% - 10px); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 20px; box-sizing: border-box; }
#contact #sec_intro ul.inbox li .title { margin-bottom: 10px; color: #1dac8a; font-weight: bold; font-size: 20px; }
#contact #sec_intro ul.inbox li.telbox { background: #ebf9f2; }
#contact #sec_intro ul.inbox li.faxbox { background: #ebf8f8; }
#contact #sec_intro ul.inbox li.telbox a svg { width: 26px; height: 44px; }
#contact #sec_intro ul.inbox li.faxbox a { pointer-events: none; }
#contact #sec_intro ul.inbox li.faxbox a svg { width: 38px; height: 40px; }
#contact #sec_intro .tel { font-size: 46px; line-height: 1.5; }
@media screen and (max-width: 1040px) {
	#contact #sec_intro .tel { font-size: 38px; }
	#contact #sec_intro ul.inbox li .title { margin-bottom: 5px; }
	#contact #sec_intro ul.inbox li { padding: 40px 20px; }
	#contact #sec_intro ul.inbox li.telbox a svg { width: 21px; height: 36px; }
	#contact #sec_intro ul.inbox li.faxbox a svg { width: 31px; height: 32px; }
}
@media screen and (max-width: 767px) { 
	#contact #sec_intro ul.inbox li .title { font-size: 18px; }
	#contact #sec_intro ul.inbox { display: flex; flex-direction: column; }
	#contact #sec_intro ul.inbox li { width: 100%; margin-bottom: 20px; }
	#contact #sec_intro ul.inbox li:last-child { margin-bottom: 0; }
	#contact #sec_intro .tel { font-size: 30px; }
	#contact #sec_intro ul.inbox li.telbox a svg { width: 18px; height: 28px; vertical-align: -1px; }
	#contact #sec_intro ul.inbox li.faxbox a svg { width: 24px; height: 26px; vertical-align: -2px; }
}

/* #sec_form */
#contact #sec_form .txt1 { margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
	#contact #sec_form .txt1 { margin-bottom: 20px; }
}
#contact #sec_form .privacycheck { text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
	#contact #sec_form .txt { margin-bottom: 20px; text-align: left; }
	#contact #sec_form .policy {  }
}