*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

fieldset, img {
border:0;
display: block;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style-type: none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
a:hover * {
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
html {
overflow-y:scroll;

}


/*
Theme Name: suntelphoneRWD
Author: jasic
Description: 英語版更新時に差し替え
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: suntelphone
*/






/*-------------------------------------------------
++全体、レイアウト
-------------------------------------------------*/


body {
  background-color: #fff;
  color: #231815;
  font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 150%;
}
.red {
  color: red;
}

@media print, screen and (min-width:769px) {
html {
  font-size: 14px;
}
}

@media only screen and (max-width:768px) {
html {
  font-size: 12px;
}
input[type="search"], input[type="submit"] {
  -webkit-appearance: none;
}
}
p {
  margin: 0.5rem 0;
}
a:link {
  color: #00428D;
}
a:visited {
  color: #00428D;
}
a:hover {
  color: #00428D;
}
a:active {
  color: #00428D;
}
/* ボタン用 */
.color_btn_nomal a {
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 1rem;
  background-color: #E6EBEE;
}
.color_btn_nomal a:link {
  text-decoration: none;
}
.color_btn_nomal a:visited {
}
.color_btn_nomal a:hover {
  background-color: #00428D;
  color: #fff;
}
.color_btn_nomal a:active {
  text-decoration: underline;
}
.colorbox {
  background: #E6EBEE;
  background: rgba(230, 235, 238, 1);
}
section {
  margin-bottom: 3rem;
}
small {
  font-size: 0.8rem;
}

/* 検索ボックス */
@media print, screen and (min-width:769px) {
#searchform form, input {
  margin: 0;
}
#searchform {
  position: relative;
  width: 300px;
}
input[type="search"] {
  padding: 0.5rem;
  border: 1px solid #E6EBEE;
  width: 100%;
  box-sizing: content-box;
  border-radius: 0;
}
#searchform input[type="submit"] {
  box-sizing: content-box;
  padding: 0.5rem 1rem;
  background-color: #00428D;
  color: #fff;
  position: absolute;
  border: 1px solid #00428D;
  top: 0;
  right: 0;
  vertical-align: middle;
  line-height: 16px;
  border-radius: 0;
}
#searchform input[type="search"], #searchform input[type="submit"] {
  height: 16px;
  border-radius: 0;
}
}

@media only screen and (max-width:768px) {
#searchform form, input {
  margin: 0;
}
#searchform {
  position: relative;
  width: 100%;
}
#searchform input[type="search"] {
  padding: 0.5rem;
  border: 1px solid #E6EBEE;
  width: 100%;
  height: 100%;
}
#searchform input[type="submit"] {
  box-sizing: content-box;
  padding: 0.4rem 1rem;
  background-color: #00428D;
  color: #fff;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
}
}

/* プリンタヘッダ */


@media print, screen and (min-width:769px) {
.print-link {
  font-size: 11px;
  text-align: right;
  margin-bottom: 2rem;
}
.print-link a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  color: #003f87;
  border-radius: 1px;
  background-color: #f2f7fa;
  border: 1px solid #dddddd;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.print-link a::before {
  content: "\f02f";
  font-family: FontAwesome;
  padding-right: 3px;
}
}

@media only screen and (max-width:768px) {
.print-link {
  display: none;
}
}
/* 海外事業用 */

.Customer_Voice {
  padding: 1.5rem;
  background-color: #E6EBEE;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

/* 全体幅制御 */		
@media print, screen and (min-width:769px) {
.wrap {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0 40px;
}
	
.home .wrap {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0 40px;
clear: both;
position: relative;
top: -20px;
}	
}

@media only screen and (max-width:768px) {
.home .wrap {
width: 96%;
margin-top: 60px!important;
}	
}

@media only screen and (max-width:768px) {
.wrap {
  min-width: 320px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden
}
}
.row {
  overflow: hidden;
  width: 100%;
  padding-bottom: 3rem;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

@media print, screen and (min-width:769px) {
.three_column {
  float: left;
  width : 32%;
}
.three_column:nth-child(3n-1) {
  float: left;
  margin: 0 2%;
}
.three_column img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
  width: 100%;
}
.two_column {
  float: left;
  width : 50%;
  padding: 1rem;
}
.row .two_column:nth-child(2n) {
  padding-left: 0;
}
}
/* 画像+記事逆配置 */

	
/* 画像+記事用 */
	

	

	
.pic_column_img {
  float: left;
  width: 33%;
  width: calc(100%/3);
}
.pic_column_img img {
  width: 100%;
  padding-right: 1rem;
}
.pic_column_txt {
  float: left;
  width: 66%;
  width: calc(200%/3);
}
.pic_column_txt {
}
/* 画像+記事用 逆配置*/	
	
.row-reverse .pic_column_img {
  float: right;
  width: 33%;
  width: calc(100%/3);
  padding-left: 1rem;
}
.row-reverse .pic_column_txt {
  padding-right: 0;
  float: right;
  width: 66%;
  width: calc(200%/3);
}

/*お客様サポート*/

@media only screen and (max-width:768px) {
#information-communication .three_column {
  overflow: hidden;
  margin-bottom: 3rem;
}
#information-communication .three_column div:first-child {
  float: left;
  width: 33%;
  width: calc(100%/3);
}
#information-communication .three_column div:nth-child(2) {
  float: left;
  width: 66%;
  width: calc(200%/3);
}
#information-communication .three_column img {
  width: 100%;
  padding-right: 1rem;
}
}

/* 事業所一覧用 */
@media print, screen and (min-width:769px) {
#place .two_column {
  height: 200px;
}
}

@media only screen and (max-width:768px) {
#place .two_column {
  margin-bottom: 2rem;
}
#place .two_column h3 {
  margin-bottom: 0.75rem;
}
#groupcompany .two_column h3 {
  margin-bottom: 0.75rem;
}
#groupcompany .two_column {
  margin-bottom: 2rem;
}
}
/* 画像右 */
/* 画像左 */	

/*テーブル*/

.table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 3rem;
}
.table th, .table td {
  padding: 1rem 2rem;
  border-top: 1px solid #ccc;
}
.table th {
  background-color: #fff;
  text-align: left;
  width: 30%;
}
.table tr:last-child {
  border-bottom: 1px solid #ccc;
}

@media only screen and (max-width:768px) {
.table {
  border-top: 1px solid #ccc;
}
.table td {
  display: block;
  text-align: center;
}
.table th {
  display: block;
  border-top: 2px solid #ccc;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
}
/*リスト*/

.check_list {
  margin: 1rem 0;
}
.check_list li {
  padding: 0.25rem 0 0.25rem 2rem;
  position: relative;
  box-sizing: border-box;
}
.check_list li:before, .check_list li:before {
  position: absolute;
  z-index: 100;
  display: block;
  float: left;
  vertical-align: middle;
  font-family: FontAwesome;
  content: '\f00c';
  font-size: 1.2rem;
  width: 1em;
  height: 100%;
  color: #00428D;
  left: 5px;
  box-sizing: border-box;
}
section {
  margin-bottom: 3rem;
}
/*-------------------------------------------------
++調整用
-------------------------------------------------*/	
.al-left {
  text-align: left;
}
.al-right {
  text-align: right;
}
.al-center {
  text-align: center;
}
.of {
  overflow: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.ma_10p {
  margin: 10px 0px;
}
.ma_50p {
  margin: 50px auto;
}
.mb-0 {
  margin-bottom: 0rem !important
}
.mt-0 {
  margin-top: 0rem !important
}
.pb-0 {
  padding-bottom: 0rem !important
}
.pt-0 {
  padding-top: 0rem !important
}
.pr-0 {
  padding-right: 0rem !important
}
.pl-0 {
  padding-left: 0rem !important
}
.pd-0 {
  padding: 0rem !important
}
.pd-1 {
  padding: 1rem !important
}
.mb-1 {
  margin-bottom: 1rem !important
}
.mt-1 {
  margin-top: 1rem !important
}
.pb-1 {
  padding-bottom: 1rem !important
}
.pt-1 {
  padding-top: 1rem !important
}
.pr-1 {
  padding-right: 1rem !important
}
.pl-1 {
  padding-left: 1rem !important
}
.pd-1 {
  padding: 1rem !important
}
.mb-2 {
  margin-bottom: 2rem !important
}
.mt-2 {
  margin-top: 2rem !important
}
.pb-2 {
  padding-bottom: 2rem !important
}
.pt-2 {
  padding-top: 2rem !important
}
.pr-2 {
  padding-right: 2rem !important
}
.pl-2 {
  padding-left: 2rem !important
}
.pd-2 {
  padding: 2rem !important
}
.mb-3 {
  margin-bottom: 3rem !important
}
.mt-3 {
  margin-top: 3rem !important
}
.pb-3 {
  padding-bottom: 3rem !important
}
.pt-3 {
  padding-top: 3rem !important
}
.pr-3 {
  padding-right: 3rem !important
}
.pl-3 {
  padding-left: 3rem !important
}
.pd-3 {
  padding: 3rem !important
}
.mb-4 {
  margin-bottom: 4rem !important
}
.mt-4 {
  margin-top: 4rem !important
}
.pb-4 {
  padding-bottom: 4rem !important
}
.pt-4 {
  padding-top: 4rem !important
}
.pr-4 {
  padding-right: 4rem !important
}
.pl-4 {
  padding-left: 4rem !important
}
.pd-4 {
  padding: 4rem !important
}
.mb-5 {
  margin-bottom: 5rem !important
}
.mt-5 {
  margin-top: 5rem !important
}
.pb-5 {
  padding-bottom: 5rem !important
}
.pt-5 {
  padding-top: 5rem !important
}
.pr-5 {
  padding-right: 5rem !important
}
.pl-5 {
  padding-left: 5rem !important
}
.pd-5 {
  padding: 5rem !important
}
.mb-6 {
  margin-bottom: 6rem !important
}
.mt-6 {
  margin-top: 6rem !important
}
.pb-6 {
  padding-bottom: 6rem !important
}
.pt-6 {
  padding-top: 6rem !important
}
.pr-6 {
  padding-right: 6rem !important
}
.pl-6 {
  padding-left: 6rem !important
}
.pd-6 {
  padding: 6rem !important
}
.mb-7 {
  margin-bottom: 7rem !important
}
.mt-7 {
  margin-top: 7rem !important
}
.pb-7 {
  padding-bottom: 7rem !important
}
.pt-7 {
  padding-top: 7rem !important
}
.pr-7 {
  padding-right: 7rem !important
}
.pl-7 {
  padding-left: 7rem !important
}
.pd-7 {
  padding: 7rem !important
}
.mb-8 {
  margin-bottom: 8rem !important
}
.mt-8 {
  margin-top: 8rem !important
}
.pb-8 {
  padding-bottom: 8rem !important
}
.pt-8 {
  padding-top: 8rem !important
}
.pr-8 {
  padding-right: 8rem !important
}
.pl-8 {
  padding-left: 8rem !important
}
.pd-8 {
  padding: 8rem !important
}
.mb-9 {
  margin-bottom: 9rem !important
}
.mt-9 {
  margin-top: 9rem !important
}
.pb-9 {
  padding-bottom: 9rem !important
}
.pt-9 {
  padding-top: 9rem !important
}
.pr-9 {
  padding-right: 9rem !important
}
.pl-9 {
  padding-left: 9rem !important
}
.pd-9 {
  padding: 9rem !important
}
.mb-10 {
  margin-bottom: 10rem !important
}
.mt-10 {
  margin-top: 10rem !important
}
.pb-10 {
  padding-bottom: 10rem !important
}
.pt-10 {
  padding-top: 10rem !important
}
.pr-10 {
  padding-right: 10rem !important
}
.pl-10 {
  padding-left: 10rem !important
}
.pd-10 {
  padding: 10rem !important
}
.ml-a {
  margin-left: auto;
}
.mr-a {
  margin-right: auto;
}

@media print, screen and (min-width:769px) {
.pc_none {
  display: none;
}
}

@media only screen and (max-width:768px) {
.sp_none {
  display: none;
}
.sp_cap {
  font-weight: bold;
  color: #00428D;
  display: block;
}
}

/*TOP*/



@media only screen and (max-width:768px) {
.top_topic {
  overflow: hidden;
}
.top_topic ul li {
  width: 50%;
  float: left;
  position: relative;
}
.top_topic ul li img {
  width: 100%;
}
.top_topic ul li span {
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(0,0,0,0.7);
  display: inline-block;
  text-align: center;
  width: 100%;
  bottom: 0px;
  color: #FFF;
  font-weight: bold;
}
.newsarea {
  border-top: 0px solid #fff;
  padding: 0;
  /*border-top: 3px solid #000;*/
  width: 100%;
}
}

@media print, screen and (min-width:769px) {
.top_topic {
  position: relative;
  top: -50px;
  z-index: 999999;
  overflow: hidden;
}
.top_topic ul li {
  width: 24.2%;
  float: left;
  margin-right: 1%;
}
.top_topic ul li:last-child {
  margin-right: 0px;
}
.top_topic ul li {
  position: relative;
}
.top_topic ul li img {
  width: 100%;
}
.top_topic ul li span {
  position: absolute;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(0,0,0,0.7);
  display: inline-block;
  text-align: center;
  width: 100%;
  bottom: 0px;
  color: #FFF;
  font-weight: bold;
}
.newsarea {
width: 100%;
background: #fff;
padding: 10px;
}
}
.newsarea h2 {
  font-size: 2.25rem;
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  border-left: none;
  padding: 1.5rem 1rem;
  margin-bottom: 0;
  line-height: 1;
	letter-spacing: 10px;
}
.newsarea h2 span {
  font-size: 1rem;
  font-weight: bold;
  margin-left: 1rem;
	letter-spacing: 0px;
}
.news_cate {
margin-top: 20px;
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 0px solid #ccc!important;
}
.news_cate li {
  width: 24%!important;
  width: calc(100%/4);
  padding-bottom: 0.5rem;
  font-weight: bold;
  color: #333;
border-bottom: 1px solid #949494;	
}

.news_cate li:hover {
border-bottom: 2px solid #06428D;
}

.news_cate li.active {
border-bottom: 2px solid #06428D;
}

.news_cate li a {
color: #949494!important;	
height:28px;
}
.news_cate li.active a{
color: #06428D!important;	
}
.news_cate li a:hover{
color: #06428D!important;	
}

.news_cate li .news_i01{
display: inline-block;
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-07.svg);
background-repeat: no-repeat;
/*background-size: 10%;*/
background-position: 50px center;
}

.news_cate li.active .news_i01{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-07a.svg);
}
.news_cate li .news_i01:hover{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-07a.svg);
}

.news_cate li .news_i02{
display: inline-block;
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-08.svg);
background-repeat: no-repeat;
background-position: 50px center;	
}

.news_cate li.active .news_i02{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-08a.svg);
}
.news_cate li .news_i02:hover{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-08a.svg);
}

.news_cate li .news_i03{
display: inline-block;
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-09.svg);
background-repeat: no-repeat;
background-position: 50px center;
}

.news_cate li.active .news_i03{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-09a.svg);
}
.news_cate li .news_i03:hover{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-09a.svg);
}

.news_cate li.active .news_i04{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-10a.svg);
}
.news_cate li .news_i04:hover{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-10a.svg);
}

.news_cate li .news_i04{
display: inline-block;
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-10.svg);
background-repeat: no-repeat;
background-position: 50px center;
}

@media only screen and (max-width:768px) {
.news_cate li .news_i01,	
.news_cate li .news_i02,
.news_cate li .news_i03{
background-size: 20%;
background-position: top center;
padding: 15px 0 10px;
height: 32px;
}	
}

@media only screen and (max-width:768px) {
.news_cate li .news_i04{
background-size: 16%;
background-position: top center;
padding: 15px 0 10px;
height: 32px;
}	
}

.news_cate li img {
  height: 2rem;
  margin: 0 10px 0 0;
}
.news_cate li:first-child img {
  height: 1.5rem;
      display: inline-block;
    margin: 0 10px 0 0;
}

.news_cate li a {
    display: flex!important;
    justify-content: center;
}

.top_newslist {
margin: 20px auto 0px;
}
.top_newslist li {
  padding: 0.5rem 0.5rem;
	border-bottom: 1px solid #E4E4E4;
}
.top_newslist li img {
  display: inline-block;
}

.top_newslist li span {
  align-items: center;
  display: block;
}
.news_date {
  font-size: 0.85rem;
  padding: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.top_newslist .flex {
  position: relative;
}
/*.news_tag {
  border: 1px solid #003f87;
  font-size: 0.8rem;
  padding: 0.25rem;
  color: #003f87;
  text-align: center;
  width: 5rem;
  height: 2rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 16.6%;
  left: calc(100% / 6);
}*/

.news_tag {
  background: #1EB7E6;
  font-size: 0.8rem;
  padding: 0.15rem 0.5rem;
  color: #fff;
  text-align: center;
  width: 5rem;
  height: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 16.6%;
  left: calc(100% / 6.5);
}

.product_tag {
  background: #1EB7E6;
  font-size: 0.8rem;
  padding: 0.15rem 0.5rem;
  color: #fff;
  text-align: center;
  width: 5rem;
  height: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 16.6%;
  left: calc(100% / 6);
}

.event_tag {
  background: #1EB7E6;
  font-size: 0.8rem;
  padding: 0.15rem 0.5rem;
  color: #fff;
  text-align: center;
  width: 5rem;
  height: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 16.6%;
  left: calc(100% / 6);
}

/* トップ カタログ一覧 */
.top_catalogList h2 {
  border-top: 3px solid #000;
  margin-top: 50px;
  margin-bottom: 10px;
}
@media only screen and (max-width:600px) {
  .top_catalogList .catalog_list{
    margin: 0 1rem;
  }
}

@media print, screen and (min-width:769px) {
  .news_date {
    width: 16.6%;
    width: calc(100% / 6);
  }
  .news_tag {
    margin: 0 1rem;
  }
  .news_title {
    padding-left: 31.54%;
    padding-left: calc(190% / 6);
    width: 100%;
  }
}
@media only screen and (max-width:768px) {
  .news_date {
   width: 16.6%;
   width: calc(100% / 6);
  }
/*  .news_tag {
   border: 1px solid #003f87;
   font-size: 0.7rem;
   padding: 0.25rem;
   margin: 0.25rem 0.25rem;
   color: #003f87;
   text-align: center;
   width: 16.6%;
   width: calc(100% / 6);
   height: 2rem;
  }*/
  .news_title {
   padding-left: 36.52%;
   padding-left: calc(220% / 6);
   width: 100%;
  }
}

.news_title {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #003f87;
}
.newsBtn {
  margin-top: 30px;
  text-align: center;
}
.newsBtn a {
  display: block;
}
.newsBtn a .btn {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  display: inline-block;
  background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/arrow_Ico.svg);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: 150px center;
  border: 1px solid #000;
  width: 200px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  color: #000;
}

.newsBtn-01 {
  margin-top: 30px;
  text-align: right;
}
.newsBtn-01 a {
  display: block;
}
.newsBtn-01 a .btn {

}

.top-vision {
width: 100%;
margin: 70px auto 0px;
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-01.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 900px;
position: relative;
display: block;
text-decoration: none;
}

a.top-vision:hover{
opacity: 0.6;	
}

.top-vision .ttl-area{
text-align: center;
}

.top-vision h2{
color: #fff;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 10px;
border-left: 0px;
border-bottom: 1px solid #fff;
display: inline-block;
margin: 60px auto 0px;	
}
.top-vision h3{
color: #fff;
text-align: center;
font-size: 16px;
letter-spacing: 7px;
margin: 10px auto 20px;	
border: 0px;
}

.top-platform {
width: 100%;	
margin: -700px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-02.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 1500px;
padding: 80px 0 0;
z-index: 1;
}

@media only screen and (max-width:599px) {
.top-platform {
width: 100%;	
margin: -700px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-02-sp.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 1444px;
padding: 52px 0 0;
z-index: 1;
}
}

@media only screen and (max-width:413px) {
.top-platform {
width: 100%;	
margin: -700px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-02-sp.svg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
height: 1444px;
padding: 80px 0 0;
z-index: 1;
}
}	

.top-platform .ttl-area{
text-align: center;
display: block;
text-decoration: none;	
}

.top-platform  h2{
color: #fff;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 10px;
border-left: 0px;
border-bottom: 1px solid #fff;
display: inline-block;
margin: 60px auto 0px;	
padding-left: 0px;
}
.top-platform h3{
color: #fff;
text-align: center;
font-size: 16px;
letter-spacing: 4px;
margin: 10px auto 20px;	
border: 0px;
text-decoration: none;
}

@media only screen and (max-width:599px) {
.top-platform  h2{
color: #fff;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 3px;
border-left: 0px;
border-bottom: 1px solid #fff;
display: inline-block;
margin: -40px auto 0px;	
line-height: 1.2;
}
.top-platform h3{
color: #fff;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
margin: 10px auto 20px;	
border: 0px;
}
}



.top-biz {
max-width: 900px;
margin: 150px auto 10px;
}

@media only screen and (max-width:599px) {
.top-biz {
width: 100%;
margin: 100px auto 10px;
}
}

.top-biz h2{
color: #000;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 10px;
border-left: 0px;
border-bottom: 1px solid #000;
display: inline-block;
margin: 10px auto 10px;	
}
.top-biz h3{
color: #000;
text-align: center;
font-size: 16px;
letter-spacing: 7px;
margin: 10px auto 20px;	
border: 0px;
}

.top-biz-01{
    width: 100%;
    margin: 10px auto 10px;
}
@media only screen and (max-width:599px) {
.top-biz-01{
    width: 100%;
    margin: 50px auto 40px;
}
}	

.top-biz ul {
width: 100%;
margin: 30px auto 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.top-biz ul li {
width: 30%;
}

.top-biz ul li a{
font-size: 18px;
color: #06428D;
background: #E7EFF5;
display: block;
padding: 18px 10px;
text-decoration: none;
position: relative;
font-weight: bold;
}

/*ボタンの形状*/
.top-biz ul li a{
    /*アニメーションの指定*/
    /*transition: all .3s;*/
}

/*hoverをしたらボックスに影がつく*/
.top-biz ul li a:hover {
 /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-color: transparent;*/
	text-decoration: underline;
}

.top-biz ul li a span {
    width: 20px;
    height: 6px;
    border-bottom: 1px solid #493A8F;
    border-right: 1px solid #493A8F;
    transform: skew(45deg);
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 25px;
}

.top-biz ul li a:hover span {
    width: 40px;
    height: 6px;
    border-bottom: 2px solid #493A8F;
    border-right: 2px solid #493A8F;
    transform: skew(45deg);
    display: inline-block;
    position: absolute;
    right: -7px;
    top: 25px;
}

@media only screen and (max-width:599px) {
.top-biz ul {
width: 86%;
}	
	
.top-biz ul li {
width: 100%;
margin-bottom: 20px;
}
	
.top-biz ul li p {
margin: 14px 0 14px;
line-height: 2;
}	
}

.top-biz-m {
color: #fff;
font-size: 18px;
    text-align: center;
    margin: 220px auto 40px;
    line-height: 1.8;
font-weight: bold;
    letter-spacing: 6px;	
}

@media only screen and (max-width:599px) {
.top-biz-m {
 margin: 200px auto 40px;
width: 80%;
letter-spacing: 0px;
font-size: 16px;
}
}

@media only screen and (max-width:413px) {
.top-biz-m {
 margin: 130px auto 40px;
width: 80%;
letter-spacing: 0px;
font-size: 16px;
}
}

.top-csr {
width: 100%;	
margin: 500px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-04.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-decoration: none;
height: 700px;	
display: flex;
align-items: center;	
justify-content: center;	
}

a.top-csr:hover,
a.top-catalog:hover{
opacity: 0.6;	
}

@media only screen and (max-width:599px) {
.top-csr {
width: 100%;	
margin: 500px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-04.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 400px;	
}
}

.top-csr .ttl-area{
text-align: center;
margin: 260px 0 0;
}
.top-csr h2{
color: #000;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 10px;
border-left: 0px;
border-bottom: 1px solid #000;
display: inline-block;
margin: 10px auto 10px;	
}
.top-csr h3{
color: #000;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
margin: 10px auto 20px;	
border: 0px;		
}

.top-catalog {
width: 100%;	
margin: 0px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-05.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
text-decoration: none;
height: 500px;	
display: flex;
align-items: center;	
justify-content: center;	
}

@media only screen and (max-width:768px) {
.top-catalog {
width: 100%;	
margin: 0px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-top-05.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;	
text-decoration: none;
height: 200px;	
}
}



.top-catalog .ttl-area{
text-align: center;
}
.top-catalog h2{
color: #fff;
text-align: center;
font-size: 32px;
font-family: "Century Gothic" ;
letter-spacing: 10px;
border-left: 0px;
border-bottom: 1px solid #fff;
display: inline-block;
margin: 10px auto 10px;	
}
.top-catalog h3{
color: #fff;
text-align: center;
font-size: 16px;
letter-spacing: 0px;
margin: 10px auto 20px;	
border: 0px;
}

.top-g-bnr {
width: 100%;	
margin: 0px auto 0px;
display: flex;
flex-wrap: wrap;
/*align-items: center;*/	
justify-content: center;
background: #E7EFF5;
padding: 40px 0 40px;
}

.top-g-bnr div {
width: 310px;
margin: 0 20px;
}

@media only screen and (max-width:768px) {
.top-g-bnr div {
margin: 0 20px 20px;
}
}

.top-g-bnr p {
font-size: 12px;
}

.top-mv {
width: 100%;	
margin: 0px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/mv-01.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 630px;	
}

@media only screen and (max-width:768px) {
.top-mv {
width: 100%;	
margin: 0px auto 0px;	
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/mv-01-sp.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 630px;	
}
}

.top-mv div {
position: relative;
top: 90px;
width: 1000px;
margin: 0 auto;
}

.top-mv .top-heding-01 {
background: #fff;
font-size: 36px;
padding: 18px 14px;
border: 0px;
font-weight: 600;
margin: 8px 0;
display: inline-block;
}

.top-mv .top-heding-02 {
font-size: 36px;
font-weight: 600;
margin: 0px 0;
display:inline-block;
line-height: 2;
}

.top-mv .top-heding-02 span {
background: #fff;
padding: 6px 10px;
}

.top-mv .top-heding-03 {
font-size: 18px;
padding: 0px 0px;
border: 0px;
margin: 3px 0;
display: block;
font-family: Century Gothic, Verdana, Roboto;
font-weight: bold;
}

@media print, screen and (max-width:1024px) {
.top-mv div {
position: relative;
top: 90px;
max-width: 1000px;
width: 100%;
margin: 0 auto 0 10px;
}

.top-mv .top-heding-01 {
background: #fff;
font-size: 30px;
padding: 16px 12px;
border: 0px;
font-weight: 600;
margin: 8px 0;
display: inline-block;
}
	
.top-mv .top-heding-02 {
font-size: 30px;
font-weight: 600;
margin: 0px 0;
display:inline-block;
line-height: 2;
}

.top-mv .top-heding-02 span {
background: #fff;
padding: 6px 10px;
}	

.top-mv .top-heding-03 {
font-size: 16px;
padding: 0px 0px;
border: 0px;
margin: 3px 0;
display: block;
font-family: Century Gothic, Verdana, Roboto;
}
}

@media print, screen and (max-width:768px) {
.top-mv div {
position: relative;
top: 60px;
width: auto;
margin: 0 auto 0 20px;
}

.top-mv .top-heding-01 {
background: #fff;
font-size: 32px;
padding: 16px 14px;
border: 0px;
font-weight: 600;
margin: 4px 0;
display: inline-block;
}
	
.top-mv .top-heding-02 {
font-size: 32px;
font-weight: 600;
margin: 0px 0;
display:inline-block;
line-height: 2;
}

.top-mv .top-heding-02 span {
background: #fff;
padding: 6px 10px;
}	
	

.top-mv .top-heding-03 {
font-size: 14px;
padding: 0px 0px;
border: 0px;
margin: 3px 0;
display: block;
font-family: Century Gothic, Verdana, Roboto;
}
}

.top-mv-bnr {
max-width: 1050px;	
margin: -290px auto 0;
position: relative;
top: 30px;
z-index: 1;
}

.top-mv-bnr img {	
width: auto;	
float: right;
}

.top-mv-bnr a img:hover {
opacity: 0.9;
}


@media only screen and (max-width:768px) {
.top-mv-bnr {
width: auto;	
margin: -280px auto 0;
}
.top-mv-bnr img {
width: 38%;	
float: right;	
}	
}

@media only screen and (max-width:599px) {
.top-mv-bnr {
width: auto;	
margin: -280px auto 0;
}
.top-mv-bnr img {
width: 50%;	
float: right;	
}	
}

/*.top-link-news {
margin: 0 auto 0;
text-align: center;
width: 100%;
position: absolute;
}*/

.top-link-news {
clear: both;
text-align: center;
top:-35px;
position: relative;
}

@media only screen and (max-width:768px) {
.top-link-news {
top:30px;
}
}	

.top-link-news a{
color: #fff;
text-decoration: none;
font-family: Century Gothic, Verdana, Roboto;
font-weight: bold;
/*border: 1px solid;*/
}

.top-link-news a:hover{
color: #00428D;
padding: 4px 10px 10px;
background: #fff;
}

.top-link-news a .arrow1{
 position: relative;
 display: inline-block;
}

.top-link-news a .arrow1::after{
content: "";
  width: 10px;
  height: 10px;
  border: 2px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: 0px;
}

.top-link-news a .arrow1:hover::after{
  border-color:  transparent transparent #00428D #00428D;
}



.sp {display: none}	
.pc {display: block}

@media print, screen and (max-width:768px) {
.sp {display: block}	
.pc {display: none}
}

/*バナー横*/
@media print, screen and (min-width:769px) {
 .sidebnr {
 float:left;
 width: 25%;
 width: calc( 100%/4);
 padding-left: 1rem;
}
 .sidebnr ul li {
 margin-bottom: 0.5rem;
 position: relative;
}
}
@media only screen and (max-width:768px) {
.sidebnr {
 overflow:hidden;
 width: 90%;
 margin-left:auto;
 margin-right:auto;
 margin-top:5rem;
}
 .sidebnr ul li {
 float:left;
 width:47%;
 margin-right:6%;
 margin-bottom:6%;
 position:relative;
}
 .sidebnr ul li:nth-child(2n) {
 margin-right:0px;
}
 .sidebnr ul li:nth-child(3), .sidebnr ul li:nth-child(4) {
 margin-bottom:0px;
}
}
.sidebnr ul li img {
  width: 100%;
}
.sidebnr ul li span {
  margin-bottom: 1.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0.4rem;
  width: 100%;
  background: #000;
  background-color: rgba(0,0,0,0.7);
  font-weight: bold;
}
/*動画*/
@media print, screen and (min-width:769px) {
.video {
 max-width: 560px;
 height: 315px;
 margin-left: auto;
 margin-right: auto;
}
.video iframe {
 width: 100%;
 height: 100%;
}
}
@media only screen and (max-width:768px) {
.video {
 position:relative;
 width:80%;
 padding-top:56.25%;
 margin-left: auto;
 margin-right: auto;
}
.video iframe {
 position:absolute;
 top:0;
 right:0;
 width:100%;
 height:100%;
 margin-left: auto;
 margin-top: auto;
}
}
.movie h2 {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 2.25rem;
  text-align: center;
  border-left: none;
  padding: 0.5rem;
  margin: 0 2rem 2rem 2rem;
}
.movie h2 span {
  border-bottom: 1px solid #000;
  display: inline;
}
 @media print, screen and (min-width:769px) {
.movie {
 background-color: #f5f3f4;
padding: 5rem;
}
}
@media only screen and (max-width:768px) {
.movie {
 background-color: #f5f3f4;
 padding-top: 5rem;
 padding-right: 1rem;
 padding-bottom: 5rem;
 padding-left: 1rem;
}
 .movie iframe {
 width:100%!important;
}
}



/*ピックアップ*/
@media print, screen and (min-width:769px) {
.pickup {
 padding: 5rem 0;
}
}
@media only screen and (max-width:768px) {
 .pickup {
 padding: 5rem 1rem;
}
}
.pickup h2 {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 2.25rem;
  text-align: center;
  border-left: none;
  padding: 0.5rem;
  margin: 0 2rem 2rem 2rem;
}
.pickup h2 span {
  border-bottom: 1px solid #000;
  display: inline;
}
ul.pickup_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
ul.pickup_list li {
  width: 32%;
  margin-right: 2%;
  position: relative;
}
ul.pickup_list li:nth-child(3n) {
  margin-right: 0px;
}
ul.pickup_list li img {
  width: 100%;
}
ul.pickup_list li span {
  display: block;
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgba(0,0,0,0.7);
  color: #FFF;
  padding: 5%
}
.suntelBtn {
  margin-top: 30px;
  text-align: center;
}
.suntelBtn a {
  display: block;
}
.suntelBtn a span {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  display: inline-block;
  background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/arrow_Ico.svg);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: 150px center;
  border: 1px solid #000;
  width: 200px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  color: #000;
}


/*SUNTELの目指すもの　ヘッダ*/

@media print, screen and (min-width:769px) {
.suntel01_bg {
 /*background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_01.jpg);*/
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-vision-03.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-color: #d1dad9;
background-size: cover;
}
.suntel02_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_02.png);
 background-position: center;
 background-repeat: no-repeat;
 background-color: #156183;
background-size: cover;	
}
.suntel03_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_03.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-color: #cddff3;
}
.suntel04_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_04.png);
 background-position: center;
 background-repeat: no-repeat;
 background-color: #5faafb;
}
}
@media only screen and (max-width:768px) {
.suntel01_bg {
 /*background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_01.jpg);*/
background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-vision-04.jpg);	
 background-position:  center;
 background-repeat: no-repeat;
 background-color: #d1dad9;
background-size: cover;
}
.suntel02_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_02.jpg);
 background-position: left;
 background-repeat: no-repeat;
 background-color: #156183;
}
 .suntel03_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_03.jpg);
 background-position: left;
 background-repeat: no-repeat;
 background-color: #cddff3;
}
.suntel04_bg {
 background-image: url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_04.jpg);
 background-position: center;
 background-repeat: no-repeat;
 background-color: #5faafb;
}
}


/*SUNTELの目指すもの*/

@media print, screen and (min-width:769px) {
.suntel_next {
 margin-bottom: 6rem;
 background-image:url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_01_bg.svg);
 background-size: 70%;
 background-position: right top;
 background-repeat: no-repeat;
}
}
@media only screen and (max-width:768px) {
.suntel_next {
 margin-bottom: 3rem;
 background-image:url(//www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/suntel_01_bg.svg);
 background-size: 90%;
 background-position: right top;
 background-repeat: no-repeat;
}
}
 @media print, screen and (min-width:769px) {
.suntel_img {
 float: left;
 width: 66%;
}
 .suntel_img img {
 width:  100%;
}
.suntel_txt {
 float: left;
 padding-left: 1rem;
 width: 33%;
}
}
@media only screen and (max-width:768px) {
.suntel_img {
 width: 100%;
 margin-bottom: 2rem;
}
 .suntel_img img {
 width: 100%;
}
.suntel_txt {
 width: 100%;
 text-align: center;
}
}
.suntel_txt div {
  margin-bottom: 3rem;
}
.suntel_txt h3 {
  text-align: center;
  border-bottom: none;
  font-family: Century Gothic, Verdana, Roboto;
  color: #00428D;
  margin-bottom: 0;
}
.suntel_txt h4 {
  text-align: center;
  border-bottom: none;
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

#nextsolution .wrap {
    /*max-width: 980px;*/
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0 0px;
}

.sec-nextsolution-01 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	margin-bottom: 0;
}



/*SUNTELの強み*/
.suntel_foundation {
}
.suntel_f_Headline {
  overflow: hidden;
  height: auto;
  align-items: center;
  margin-bottom: 3rem;
}
 @media print, screen and (min-width:769px) {
.suntel_f_txt {
 width: 70%;
 padding-left:3rem;
 border-left: 1px solid #C1C1C1;
}
 .suntel_f_Headline img {
 width: 58px;
 margin-left: 1rem;
}
.suntel_f_Headline h4 {
 padding-left: 1rem;
 border-bottom: none;
 display: inline;
 width: 20%;
 margin: 0;
}
.three_grow {
 border: 1px solid #00428D;
 text-align: center;
 width: 200px;
 height: 200px;
 line-height: 200px;
 border-radius: 50%;
 margin-left: auto;
 margin-right: auto;
}
 .three_grow span {
 border: 1px solid #E6EBEE;
 text-align: center;
 color: #000;
 width:170px;
 height: 170px;
 line-height: 170px;
 border-radius: 50%;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 display: block;
}
}
@media only screen and (max-width:768px) {
.suntel_f_txt {
 width: 70%;
 padding-left:0.5rem;
 border-left: 1px solid #C1C1C1;
}
 .suntel_f_Headline img {
 width: 45px;
 margin-left: 0.25rem;
}
 .suntel_f_Headline h4 {
 padding-left: 0.25rem;
 font-size:1rem;
 border-bottom: none;
 display: inline;
 width: 20%;
 margin: 0;
}
.three_grow {
 border: 1px solid #00428D;
 text-align: center;
 width: 180px;
 height: 180px;
 line-height: 180px;
 border-radius: 50%;
 margin-left: auto;
 margin-right: auto;
}
}
 @media only screen and (max-width:768px) {
 #capability .three_column {
 overflow: hidden;
 display: flex;
justify-content: center;
 align-items: center;
}
 #capability .three_column p {
 width: 50%;
 padding-right: 2rem;
 padding-left: 1rem;
}
 .suntel_map {
 width: 90%;
 margin: 1.5rem auto;
}
}
 @media print, screen and (min-width:769px) {
 .suntel_map {
 width: 60%;
 margin-left: auto;
margin-right: auto;
}
}
 @media print, screen and (min-width:769px) {
.suntel_multi {
 width: 60%;
 margin-left: auto;
margin-right: auto;
 margin-top: 2rem;
 margin-bottom: 2rem;
}
}
@media only screen and (max-width:768px) {
.suntel_multi {
 width: 90%;
 margin-left: auto;
margin-right: auto;
 margin-top: 2rem;
 margin-bottom: 2rem;
}
}

.f-box-capability-01{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 60px auto 80px;
}

@media only screen and (max-width:768px) {
.f-box-capability-01{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 20px auto 40px;
}
}

.f-box-capability-01 div{
background: #E6EBEE;
width: 280px;
padding: 20px;
margin-bottom: 20px;
}

@media only screen and (max-width:768px) {
.f-box-capability-01 div{
background: #E6EBEE;
width: 100%;
padding: 20px;
margin-bottom: 20px;
}
}

.f-box-capability-01 div:nth-child(4){
width: 580px;
}

.f-box-capability-01 div h4{
color: #06428D;
    border-bottom: 0px dashed;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;	
}

.suntelBtn-01 {
    width: 10%;
    border: 1px solid #493A8F;
    padding: 8px 20px;
    margin: auto;
    display: block;
    text-align: center;
    position: relative;
    font-size: 14px;

}

.suntelBtn-01 span {
    width: 30px;
    height: 8px;
    border-bottom: 1px solid #493A8F;
    border-right: 1px solid #493A8F;
    transform: skew(
45deg);
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 10px;
}	

@media only screen and (max-width:768px) {
.cpb-01 {
 width: 100%;
}
}

.nsl-01{
width: 80%;
margin: 100px auto 20px;
}

@media only screen and (max-width:768px) {
.nsl-01{
  width: 90%;
margin: 10px auto 20px;
}
}

.nsl-02{
width: 100%;
margin: 0px auto 0px;
}

@media only screen and (max-width:768px) {
.nsl-02{
  width: 90%;
margin: 10px auto 0px;
}
}

.sec-vison-01{
width: 100%;
margin: 10px auto 150px;
border-left: 1px solid #707070;
border-right: 1px solid #707070;
padding: 40px; 
position: relative;	
}

@media only screen and (max-width:768px) {
.sec-vison-01{
margin: 10px auto 50px;
}
}

.sec-vison-01 h2{
color: #00428D;
border: 0px;
padding-left: 0;
margin-bottom: 1rem;
}

.sec-vison-01::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;	
border-bottom: 1px solid #707070;
}

.sec-vison-01::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;	
border-top: 1px solid #707070;
}

.sec-vison-01::after{
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 30px;	
border-bottom: 1px solid #707070;	
}

.sec-vison-01::after{
content: "";
position: absolute;
right: 0;
top: 0;
width: 30px;	
border-top: 1px solid #707070;	
}

.sec-vison-01 p span{
font-weight: bold;
text-decoration: underline;
}

.sec-vison-01 p:nth-child(3){
text-align: right;
margin: 2px 0 20px;
word-break: break-word;
}

/*サステナビリティ*/
.ul-sustainability-01{
display: flex;
justify-content: space-between;
}

.ul-sustainability-01 li{
color: #06428D;
border: 1px solid #06428D;
text-align: center;
width: 30%;
}

@media only screen and (max-width:768px) {
.ul-sustainability-01{
 
}
}

.arrow_u {
  position: relative;
  display: block;
  padding:18px 10px 18px;
  color: #306428D;
  text-decoration: none;
}
.arrow_u:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #06428D;
  border-right: solid 2px #06428D;
  position: absolute;
  bottom: 14%;
  left: 50%;
  transform: rotate(45deg);
}

.sta-im-01 {
margin: 26px auto 30px;
text-align: center;
}

@media only screen and (max-width:768px) {
.sta-im-01 {
 width: 90%;
}
}

.ul-sustainability-02{
display: flex;
justify-content: space-between;
}

@media only screen and (max-width:768px) {
.ul-sustainability-02 {
flex-wrap: wrap;
}
}

.ul-sustainability-02 div{
width: 30%;
}

@media only screen and (max-width:768px) {
.ul-sustainability-02 div {
width: 100%;
}
}

.ul-sustainability-02 div ul{
margin: 10px 0 0 20px;
}

@media only screen and (max-width:768px) {
.ul-sustainability-02 div ul {
margin: 10px 0 40px 30px;
}
}

.ul-sustainability-02 div ul li{
list-style-type: disc;
}

.ul-sustainability-02 div:nth-child(1) ul li::marker{
	color: #43C368;
}

.ul-sustainability-02 div:nth-child(2) ul li::marker{
	color: #F4954E;
}

.ul-sustainability-02 div:nth-child(3) ul li::marker{
	color: #5280C4;
}

.sec-sdgs-01 h3 {
  border-bottom: 1px solid #000;
  position: relative;
  padding-left: 28px;
  line-height: 28px;
}

.sec-sdgs-01 h3:before{
content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/img-sustainability-10.png);
  display: block;
  position: absolute;
  width: 26px;
  height: 26px;
  left: 0;
  bottom: 9px;
}

.sta-im-02 {
margin: 40px auto 80px;
text-align: center;
}

@media only screen and (max-width:768px) {
.sta-im-02 {
 width: 100%;
}
}

.tbl-sustainability-01{
	width: 100%;
	margin: 20px auto 40px;
}

.tbl-sustainability-01 tbody th{
color: #1EB4DF;
font-size: 14px;
border-bottom: 1px solid #C0C0C0;
padding: 18px;	
}

@media only screen and (max-width:768px) {
.tbl-sustainability-01 tbody th{
 width: 100%;
display: block;
border-bottom: 0px solid #C0C0C0;
padding: 10px 0 0px 0;	
}
}

.tbl-sustainability-01 thead th{
text-align: center;
background: #1EB4DF;
color: #fff;
padding: 10px;
font-size: 16px;
}

.tbl-sustainability-01 td{
padding: 18px;
border-left: 1px dotted #C0C0C0;	
border-bottom: 1px solid #C0C0C0;
background-repeat: no-repeat;
background-position: bottom 10px right 8px;
}

@media only screen and (max-width:768px) {
.tbl-sustainability-01 td{
padding: 6px 0 10px 0;	
 width: 100%;
display: block;
border-left: 0px dotted #C0C0C0;
}
}

.bg-sustainability-01 tr:nth-child(1) td {
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-01.svg);
}

.bg-sustainability-01 tr:nth-child(2) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-02.svg);
}

.bg-sustainability-01 tr:nth-child(3) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-03.svg);
}

.bg-sustainability-01 tr:nth-child(4) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-04.svg);
}

.bg-sustainability-01 tr:nth-child(5) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-05.svg);
}

.bg-sustainability-02 tr:nth-child(1) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-06.svg);
}

.bg-sustainability-02 tr:nth-child(2) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-07.svg);
}
.bg-sustainability-02 tr:nth-child(3) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-08.svg);
}
.bg-sustainability-02 tr:nth-child(4) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-09.svg);
}
.bg-sustainability-02 tr:nth-child(5) td{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-10.svg);
}

@media only screen and (max-width:768px) {
.tbl-sustainability-01 tr td,
.tbl-sustainability-02 tr td{
background-image: none!important;
}
	
.tbl-sustainability-01 tr,
.tbl-sustainability-02 tr{
background-repeat: no-repeat;
background-position: bottom 10px right 8px;		
}	
	
.bg-sustainability-01 tr:nth-child(1){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-01.svg);
}

.bg-sustainability-01 tr:nth-child(2){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-02.svg);
}

.bg-sustainability-01 tr:nth-child(3){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-03.svg);
}

.bg-sustainability-01 tr:nth-child(4){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-04.svg);
}

.bg-sustainability-01 tr:nth-child(5){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-05.svg);
}

.bg-sustainability-02 tr:nth-child(1){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-06.svg);
}

.bg-sustainability-02 tr:nth-child(2){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-07.svg);
}
.bg-sustainability-02 tr:nth-child(3){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-08.svg);
}
.bg-sustainability-02 tr:nth-child(4){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-09.svg);
}
.bg-sustainability-02 tr:nth-child(5){
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-10.svg);
}	
	
}


.box-sdgs-01{
background-image: linear-gradient(-45deg, #F7F7F7 49%, #eee 50%, #F7F7F7 51%);
background-size: 20px 20px;
width: 100%;
height: 100%;
padding: 20px 0;
    margin: 30px auto;	
}

.box-sdgs-01-inner{
width: 680px;
background: #fff;
margin: auto;
padding: 10px 18px;
}

@media only screen and (max-width:768px) {
.box-sdgs-01-inner{
width: 90%;
}
}

.bg-sdgs-01{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-12.svg);
background-repeat: no-repeat;
background-position: bottom 0px right 5px;
}

.bg-sdgs-02{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-14.svg);
background-repeat: no-repeat;
background-position: bottom 0px right 30px;
}

.bg-sdgs-03{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-16.svg);
background-repeat: no-repeat;
background-position: bottom 0px right 0px;
}

.bg-sdgs-04{
background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/icon-sustainability-18.svg);
background-repeat: no-repeat;
background-position: bottom 0px right 20px;
}

@media only screen and (max-width:768px) {
.bg-sdgs-01{
background-position: bottom 0px right 50%;
padding-bottom: 80px;
}

.bg-sdgs-02{
background-position: bottom 0px right 50%;
padding-bottom: 44px;
}	
	
.bg-sdgs-03{
background-position: bottom 0px right 50%;
padding-bottom: 110px;
}	
	
.bg-sdgs-04{
background-position: bottom 0px right 50%;
padding-bottom: 110px;
}	
	
}

.sec-sdgs-01 h4 {
font-size: 16px;
text-align: center;
padding-bottom: 0px;
border-bottom: 0px;
}

.sec-sdgs-01 h4 span {
/*border-bottom: 7px solid #FCCF2F;*/
/*position: relative;*/
border-bottom: 7px solid #FCCF2F;	
line-height: 0.5;	
display: inline-block;	
}

/*.sec-sdgs-01 h4 span::after{
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: inline-block;
  border-bottom: 7px solid #FCCF2F;
}*/


.sec-sdgs-01 h5{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #06428D;
    vertical-align: middle;
    text-decoration: none;
    font-size: 14px;
}
.sec-sdgs-01 h5::before,
.sec-sdgs-01 h5::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.sec-sdgs-01 h5::before{
    width: 12px;
    height: 12px;
    background: #06428D;
}

.sec-sdgs-01 h5::after{
    left: 3px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.box-sdgs-01-inner ul{
display: flex;
flex-wrap: wrap;
margin: 10px 0 10px 30px;
width: 100%;
}

.box-sdgs-01-inner ul li{
/*width: 49%;*/
margin: 0 40px 0 10px;
list-style-type:disc;
}

.sta-im-03 {
margin: 10px auto 10px;
text-align: center;
}


/*ビジネスと暮らしの関わり*/

@media print, screen and (min-width:769px) {
 .suntel_business .three_column:nth-child(1n) {
 width: 25%;
 margin-left: 8%;
}
 .suntel_business .three_column:nth-child(3n-1) {
 width: 25%;
 margin-left: 4%;
 margin-right: 4%;
}
 .suntel_business .three_column:nth-child(3n) {
 width: 25%;
 margin-right: 8%;
 margin-left: 0;
}
 .suntel_business div img {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.suntel_business div {
 margin-bottom: 3rem;
 height: 350px;
}
}
@media only screen and (max-width:768px) {
.suntel_business div img {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 1rem;
}
.suntel_business div {
 margin-bottom: 3rem;
}
.suntel_business {
 display: flex;
 flex-wrap: wrap;
 padding: 1rem;
}
.suntel_business .three_column {
 width: 46%;
}
 .suntel_business .three_column:nth-child(2n) {
 margin-left: 8%;
}
}
.suntel_business h3 {
  margin-bottom: 1.5rem;
  padding-left: 3rem;
}
.suntel_field_01 {
  color: #4B7FC0;
  border-bottom: 1px solid #4B7FC0;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_01:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico01.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_02 {
  color: #EC798F;
  border-bottom: 1px solid #EC798F;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_02:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico02.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_03 {
  color: #ABC500;
  border-bottom: 1px solid #ABC500;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_03:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico03.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_04 {
  color: #EBBA00;
  border-bottom: 1px solid #EBBA00;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_04:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico04.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_05 {
  color: #B7BDDF;
  border-bottom: 1px solid #B7BDDF;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_05:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico05.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_06 {
  color: #D40C30;
  border-bottom: 1px solid #D40C30;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_06:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico06.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_07 {
  color: #90A924;
  border-bottom: 1px solid #90A924;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_07:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico07.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_08 {
  color: #F29600;
  border-bottom: 1px solid #F29600;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_08:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico08.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
.suntel_field_09 {
  color: #88909C;
  border-bottom: 1px solid #88909C;
  padding-bottom: 0;
  position: relative;
  padding-left: 2rem;
  line-height: 28px;
}
.suntel_field_09:before {
  content: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/businessfield_ico09.svg);
  margin-right: 3rem;
  display: block;
  position: absolute;
  width: 28px;
  height: 28px;
  left: 0;
  bottom: 0;
}
/*電子公告*/
.pdf_ico {
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: middle;
  display: inline;
}
/*社長メッセージ*/

.messeage {
  border-left: none;
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
/*組織図*/


@media only screen and (max-width:768px) {
#organization .main img {
 width: 100%;
}
}

/*profile*/
@media only screen and (max-width:768px) {
#profile .table img {
 margin-left: auto;
 margin-right: auto;
 margin-top: 1rem;
}
}
/*沿革*/
.timeline li {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.timeline li {
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.timeline-date {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 1.25rem;
  width: 8rem;
}
.timeline-date span {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  color: #00428D;
  background-color: #fff;
  font-weight: normal;
  font-size: 0.75rem;
  padding: 0;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  display: inline-block;
  border: 1px solid #E6EBEE;
  border-radius: 50%;
  margin: 0 1rem;
}
.timeline-date .line_blank {
  padding-left: 4rem;
  display: block;
}
.timeline-content {
  width: 80%;
}
#history .three_column img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
 @media print, screen and (min-width:769px) {
#history .three_column {
 height: 250px;
}
}
.timeline {
  margin-bottom: 3rem;
}
 @media only screen and (max-width:768px) {
.timeline-date {
 font-size: 1rem;
}
.timeline-content {
 width: 60%;
}
 #history .three_column {
float: left;
 width : 32%;
 height: 240px;
}
#history .three_column:nth-child(3n-1) {
float: left;
 margin: 0 2%;
}
#history .three_column img {
 margin-bottom: 0.75rem;
}
}
/*ソリューション*/

.sol_header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.solution_title {
  position: relative;
}
.solution_title span {
  position: absolute;
  background-color: #231815;
  color: #FFFFFF;
  display: block;
  width: 100%;
  padding: 0.5rem 0;
  text-align: center;
  bottom: 0;
}
.solution_title img {
  width: 100%;
}
.sol_txt span {
  display: block;
  margin: 0.5rem 0;
}
 @media print, screen and (min-width:769px) {
.solution_title {
 width: 32%;
 margin-bottom: 2rem;
}
 .solution_title:nth-child(3n-1) {
 margin: 0 2%;
 margin-bottom: 2rem;
}
 .sol_img {
 float: left;
 padding-right: 2rem;
 width: 33%;
 width: calc(100% / 3);
}
}
@media only screen and (max-width:768px) {
.solution_title {
 width: 48%;
 margin-bottom: 2rem;
}
.solution_title:nth-child(2n) {
 margin: 0 2% 2rem 2%;
}
 .sol_img {
 float: left;
 padding: 0 0.5rem;
 width: 33%;
 width: calc(100% / 3);
}
}
.sol_img img {
  width: 100%;
}
.sol_txt {
  float: left;
  width: 66%;
  width: calc(200% /3);
}
/*商品*/
.product_wrap {
  overflow: hidden;
}
@media print, screen and (min-width:769px) {
.product_wrap div {
 float: left;
 width: 33%;
 width: calc(100% / 3);
 padding-left: 1rem;
 margin-bottom: 4rem;
}
}
@media only screen and (max-width:768px) {
.product_wrap div {
 float: left;
 padding-left: 1rem;
 width: 50%;
 width: calc(100% / 2);
 margin-bottom: 4rem;
}
}
.product_list li {
  margin-bottom: 1rem;
  height: 50px;
  position: relative;
  padding-left: 70px;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center;
}
.product_list h3 {
  margin-bottom: 1rem;
}
.product_list img {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0.5rem;
}
/*取扱いメーカー*/
.A-Z-head {
  padding-bottom: 0;
  padding-top: 3rem;
  flex-wrap: wrap;
}
.A-Z-head:first-of-type {
  padding-top: 0;
}
.A-Z-head li {
  width: 18%;
  margin-right: 2%;
  margin-bottom: .5rem;
}
.A-Z-head li:nth-child(1n) {
  width: 19%;
  margin-right: 1%;
  margin-bottom: .5rem;
}
.A-Z-head li:nth-child(5n) {
  width: 19%;
  margin-right: 1%;
  margin-bottom: .5rem;
}
.a-z {
  border-top: 1px solid #ccc;
}
.a-z li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: .5rem 1rem;
}
.a-z li:nth-child(2n + 1) {
  background-color: #f3f3f3;
}
.a-z li a {
  text-decoration: none;
}
.a-z li a[href^="http:"]:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: '\f08e';
  margin-left: 5px;
}
.a-z li span.btn-catalog {
  float: right;
}
.a-z li span.btn-catalog a {
  display: inline-block;
  color: #fff;
  background-color: #00428D;
  font-size: .79rem;
  font-weight: bold;
  font-family: Century Gothic, Verdana, Roboto;
  line-height: 1;
  padding: 5px 15px;
  border-radius: 2px;
  letter-spacing: 0.1em;
}
.a-z li span.btn-catalog a:hover {
  opacity: .8;
}
 @media print, screen and (min-width:769px) {
}
@media only screen and (max-width:768px) {
 .a-z li span.btn-catalog a {
 padding: 5px 8px;
 letter-spacing: 0;
 font-size: .84rem;
}
}
#manufacturers .main h3 {
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 1.3rem;
}
#manufacturers .main h4 {
  margin-top: 1rem;
  margin-bottom: 0;
  border-bottom: none;
  font-size: 1.3rem;
  font-weight: normal;
}
/*-------------------------------------------------
++header
-------------------------------------------------*/	
header {
  position: relative;
  z-index: 9999999999;
}
@media print, screen and (min-width:769px) {
.ja-site-logo a h1 {
 line-height: 30%;
}
 .header_up {
 overflow: hidden;
 height: 77px;
 color: #B2B2B2;
 font-size: 0.5rem;
 max-width: 980px;
margin-left: auto;
 margin-right: auto;
 display: -webkit-flex; /* Safari */
 display: flex;
 align-items: center;
}
 .header_up li:first-child {
 margin-right: auto;
}
 .header_up li:nth-child(2) {
 padding-right: 1rem;
}
.header_up a:link {
 color: #231815;
 text-decoration: none;
}
 .header_up a:visited {
 color: #231815;
 text-decoration: none;
}
 .header_up a:hover {
 color: #00428D;
 text-decoration: underline;
}
 .header_up a:active {
 color: #231815;
 text-decoration: none;
}
.sp_header_up {
 display:none;
}
 .sp_menu {
 display: none;
}
 .language li span {
 margin-left: 1rem;
}
 .language {
 padding-top: 1rem;
 max-width: 980px;
 color: #B2B2B2;
 font-size: 0.5rem;
 margin-left: auto;
 margin-right: auto;
}
}
@media only screen and (max-width:768px) {
 .language {
 display: none;
}
 .sp_menu {
 position: relative;
 height: 60px;
 border-bottom: 1px solid #E0E0E0;
}
 .sp_menu a h1 {
line-height:60px;
 position: absolute;
 top: 30%;
 left: 0.5rem;
}
 .header_up {
 display:none;
}
 .sp_header_up {
 background-color: #f2f5f6;
 text-align: center;
 padding: 1rem;
}
 .sp_header_form:link {
 display: block;
 color: #fff;
 background-color:#00428D;
 text-align: center;
 padding: 0.5rem;
 margin: 0.5rem 0;
 text-decoration: none;
}
 .sp_header_form:visited {
 color: #fff;
}
 .sp_header_form:hover {
 color: #fff;
 background-color: #00428D;
}
 .sp_header_language ul {
 overflow: hidden;
}
 .sp_header_language ul li a {
 display: block;
 background-color: #fff;
 float: left;
 width: 50%;
 box-sizing: border-box;
 padding: 0.5rem;
 margin: 0.5rem 0;
}
 .sp_header_language_line {
 border-right: 2px solid #f2f5f6;
}
 .sp_header_search {
 display: block;
 background-color: #fff;
 margin: 0.5rem 0;
}
 .gloval_wrap {

		/* box-shadow */
box-shadow:0px 4px 6px 1px #000;
-moz-box-shadow:0px 4px 6px 1px #000;
-webkit-box-shadow:0px 4px 6px 1px #000;
}
}

			
/*-------------------------------------------------
++グローバルメニュー
-------------------------------------------------*/
@media print, screen and (min-width:769px) {
 .gloval_wrap {
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 border-color: rgba(178, 191, 210, 0.25);
}
 .dropmenu {
 *zoom: 1;
 list-style-type: none;
 padding: 0;
 max-width: 980px;
 margin-left: auto;
 margin-right: auto;
}
.dropmenu:before, .dropmenu:after {
 content: "";
 display: table;
}
.dropmenu:after {
 clear: both;
}
.dropmenu li {
 position: relative;
width: 16.6%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;
}
.dropmenu li a {
 display: block;
 margin: 0;
 text-decoration: none;
 height: 58px;
 line-height: 58px;
 color:#000;
}
.dropmenu li ul {
 list-style: none;
 position: absolute;
 z-index: 9999;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
}
.dropmenu li ul li {
 width: 100%;
}
.dropmenu li ul li a {
 height: auto;
 line-height: 1.5rem;
 border-top: 1px solid #fff;
 background: #E6EBEE;
 text-align: left;
 padding: 1rem;
 font-size: 0.8rem;
}
.dropmenu li:hover > a {
 background: #E6EBEE;
}
.dropmenu li a:hover {
 background: #E6EBEE;
}
 .dropmenu li ul li a:hover {
 background: #fff;
}
 #fade-in li ul {
 visibility: hidden;
 opacity: 0;
 transition: 0s;
}
#fade-in li:hover ul {
 visibility: visible;
 opacity: 1;
}
#fade-in li ul li a {
 visibility: hidden;
 opacity: 0;
 transition: .5s;
}
#fade-in li:hover ul li a {
 visibility: visible;
 opacity: 1;
}
}
 @media only screen and (max-width:768px) {
 .arrow {
 background-color: #E6EBEE;
}
 .arrow:before {
 content: '\f107';
 font-family: 'FontAwesome';
 padding-right: 8px;
}
	
/*-------------------------------------------------
++トグル
-------------------------------------------------*/	
.menu-trigger, .menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: absolute;
 width: 44px;
 height: 44px;
 right: 1rem;
 top: 0.5rem;
}
.menu-trigger span {
 position: absolute;
 left: 0;
 width: 75%;
 height: 4px;
 background-color: #E6EBEE;
 border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
 top: 9px;
}
.menu-trigger span:nth-of-type(2) {
 top: 20px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 9px;
}
.active .menu-trigger span:nth-of-type(1) {
 -webkit-transform: translateY(12px) rotate(-45deg);
 transform: translateY(9px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
 opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
 -webkit-transform: translateY(-12px) rotate(45deg);
 transform: translateY(-12px) rotate(45deg);
}

	
/*-------------------------------------------------
++SP版ドロップダウン
-------------------------------------------------*/		
.dropmenu li a {
 display: block;
 text-align: center;
 text-decoration: none;
 height: 2.5rem;
 line-height: 2.5rem;
 border-top: 1px solid #E0E0E0;
}
.dropmenu > li:last-child {
 border-bottom: 1px solid #E0E0E0;
}
 .dropmenu li ul li a {
 display: block;
 text-align: center;
 text-decoration: none;
 height: 2.5rem;
 line-height: 2.5rem;
 border-top: none;
}
 .dropmenu li a:link {
 color: #00428D;
}
 .dropmenu li a:visited {
 color: #00428D;
}
 .dropmenu li a:hover {
 background-color: #E6EBEE;
 color: #00428D;
}
 .dropmenu li a:active {
 background-color: #E6EBEE;
 color: #00428D;
}
	
/* アコーディオンメニュー */
.close {
 display: none;
}

/* 開閉用ボタンがクリックされた時のスタイル */
.gloval_wrap {
 position: absolute;
 left: 0;
 width: 100%;
 height: 0;
 -webkit-transition: all .5s;
 transition: all .5s;
 visibility: hidden;
 opacity: 0;
 background-color: #fff;
 overflow-y: auto;
}
.open .gloval_wrap {
 height: auto;
 -webkit-transition: all .5s;
 transition: all .5s;
 visibility: visible;
 opacity: 1;
}
 .sp_close_btn a {
 background-color: darkgrey;
 color: #fff;
 padding: 0.5rem;
 display: block;
 text-decoration: none;
}
 .sp_close_btn a:link {
 color: #fff;
 text-decoration: none;
}
 .sp_close_btn a:visited {
 color: #fff;
 text-decoration: none;
}
 .sp_close_btn a:hover {
 color: #fff;
 text-decoration: none;
}
 .sp_close_btn a:active {
 color: #fff;
 text-decoration: none;
}
}

/*-------------------------------------------------
++パンくず
-------------------------------------------------*/
@media print, screen and (min-width:769px) {
}
@media only screen and (max-width:768px) {
 #bread-area {
 display:none;
}
}
#bread-area {
  background: #E6EBEE;
  background: rgba(230, 235, 238, 0.5);
  height: 58px;
}
#breadcrumb {
  overflow: hidden;
  line-height: 58px;
    width: 980px;
}
#breadcrumb li {
  float: left;
}

/*-------------------------------------------------
++見出し、強調
-------------------------------------------------*/
.main .h1_sub {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 3rem;
  display: block;
  margin-bottom: 1rem;
  word-wrap: break-word;
}
.main h1 {
  font-size: 1.25rem;
  border-bottom: 2px solid #00428D;
  font-weight: bold;
  padding-bottom: 0.75rem;
  margin-bottom: 1rem;
}
h2 {
  font-size: 1.25rem;
  font-weight: bold;
  border-left: 6px solid #00428D;
  padding-left: 1rem;
  margin-bottom: 2rem;
  line-height: 150%;
}
h3 {
  font-size: 1.14rem;
  font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  line-height: 150%;
}
h4 {
  font-size: 1rem;
  font-weight: bold;
  border-bottom: 1px dashed;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  line-height: 150%;
}
h5 {
  font-size: 1rem;
  font-weight: bold;
}
em {
  color: red;
}
.indent01 {
  margin: 1rem 0 1rem 1.5rem;
}
 @media print, screen and (min-width:769px) {
.nitto-rogo {
 margin-left: 1rem;
}
}

/*-------------------------------------------------
++main
-------------------------------------------------*/
.main {
  margin-top: 3rem;
}
 @media print, screen and (min-width:769px) {
.parallel {
 width: 80%;
 width: calc(400% / 5);
 float:left;
}
}
@media only screen and (max-width:768px) {
.parallel {
 padding: 1rem 1rem;
}
 .main {
 padding: 0 1rem;
}
}
.full {
  width: 100%;
}
.full_head {
  text-align: center;
  height: 220px;
  width: 100%;
  position: relative;
}
.full_head h1 {
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem;
  margin-bottom: 1rem;
  vertical-align: middle;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  display: inline;
  line-height: 150%;
  box-sizing: content-box;
  background: rgba(255,255,255,0.4);
}

#nextsolution .full_head h1 {
color: #fff;
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  padding: 0.75rem;
  margin-bottom: 1rem;
  vertical-align: middle;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  display: inline;
  line-height: 150%;
  box-sizing: content-box;
  background: rgba(255,255,255,0.0);
}
.full_head .h1_sub {
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 1rem;
  word-wrap: normal;
  box-sizing: content-box;
	letter-spacing: 10px;
}

#nextsolution .full_head .h1_sub {
margin-top: 10px;
}

/*-------------------------------------------------
++sidemenu
-------------------------------------------------*/
@media print, screen and (min-width:769px) {
.sidemenu {
 width: 20%;
 width: calc(100% / 5);
 float:left;
 padding-right:1rem;
 box-sizing: border-box;
 margin-top: 3rem;
}
 .sidemenu ul li a {
 display:block;
 padding: 1rem 0 1rem 1rem;
}
}
@media only screen and (max-width:768px) {
.sidemenu {
 text-align: center;
 padding: 1rem;
 background-color: #f2f5f6;
}
.sidemenu ul {
 overflow: hidden;
}
.sidemenu ul li a {
 display:block;
 color: #00428D;
 padding: 0.5rem;
 width: 50%;
 width: calc(100% / 2);
 background-color: #fff;
 box-sizing: border-box;
 float: left;
 border: 2px solid #f2f5f6;
}
.sidemenu ul li a:hover {
 background-color: #fff;
}
}
.sidemenu h2 {
  color: #00428D;
  font-size: 1rem;
  border-left: none;
  padding-left: 0;
  margin-bottom: 1rem;
}
.sidemenu h2 span {
  display: block;
  font-family: Century Gothic, Verdana, Roboto;
  font-weight: bold;
  font-size: 1.285rem;
  color: #00428D;
}
.sidemenu ul {
  margin-top: 1rem;
}
.sidemenu a:link {
  color: #231815;
  text-decoration: none;
}
.sidemenu a:visited {
  color: #231815;
}
.sidemenu a:hover {
  color: #00428D;
  background-color: #E6EBEE;
}
.sidemenu a:active {
  color: #231815;
}

/*-------------------------------------------------
++footer
-------------------------------------------------*/
#footer {
  padding: 1rem;
  color: #fff;
  background-color: #00428D;
  font-size: 0.714rem;
}
#footer a:link {
  color: #fff;
  text-decoration: none;
}
#footer a:visited {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
#footer a:active {
  color: #fff;
}
.foot_nav {
  overflow: hidden;
}
@media print, screen and (min-width:769px) {
 .foot_nav {
 max-width:980px;
 margin-left: auto;
 margin-right: auto;
}
.foot_nav li {
 float: left;
 margin-left: 1rem;
}
.foot_nav li:last-child {
 float: right;
}
.copylight {
 color:#fff;
 font-size:0.6rem;
}
}
@media only screen and (max-width:768px) {
.foot_nav li {
 text-align: left;
 margin-left: 3rem;
}
.foot_nav li:first-child {
 text-align: left;
 margin-left: 1rem;
 margin-bottom: 1rem;
}
.foot_nav li:last-child {
 text-align: center;
 margin-top: 1rem;
 font-size: 0.5rem;
}
}

/*スライド*/
#topSlideBg {
  width: 100%;
  background-color: #fafbfd;
}
 @media print, screen and (min-width:769px) {
.topSlidePc .slide000 {
 position: relative;
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_00.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 height:350px;
 margin:0 auto;
}
 .topSlidePc .slide001 {
 position: relative;
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_01.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 height:350px;
 margin:0 auto;
}
 .topSlidePc .slide002 {
 position: relative;
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_02.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 height:350px;
 margin:0 auto;
}
 .topSlidePc .slide003 {
 position: relative;
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_03.jpg);
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 height:350px;
 margin:0 auto;
}
 .slick-dots {
 display:none!important;
}
}
@media only screen and (max-width:768px) {
 .topSlideSp .slide000 {
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_sp_00.jpg);
 padding-bottom: calc(100%*1365/2429);
 background-size: 100% auto;
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 margin:0 auto;
}
 .topSlideSp .slide001 {
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_sp_01.jpg);
 padding-bottom: calc(100%*1365/2429);
 background-size: 100% auto;
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 margin:0 auto;
}
 .topSlideSp .slide002 {
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_sp_02.jpg);
 padding-bottom: calc(100%*1365/2429);
 background-size: 100% auto;
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 margin:0 auto;
}
 .topSlideSp .slide003 {
 background-image: url(https://www.suntel.co.jp/sunwps/wp-content/themes/suntelphone/image/slide_sp_03.jpg);
 padding-bottom: calc(100%*1365/2429);
 background-size: 100% auto;
 background-position: top center;
 background-repeat: no-repeat;
 width:100%;
 margin:0 auto;
}
 .slick-dots {
 display:block;
}
}

/* slick.css */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* slick-theme.css */
.slick-loading .slick-list {
  background: #fff url(//www.suntel.co.jp/sunwps/wp-content/themes/img/loader.gif) center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25;
}
.slick-prev:before, .slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*.slick-prev {
	left: -25px;
}*/
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}
/*.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: 'â†'';
}*/
/*.slick-next {
	right: -25px;
}*/
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}
/*.slick-next:before {
	content: 'â†'';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}*/
/* Dots */
.slick-slider {
}
.slick-dots {
  display: block;
  width: 100%;
  list-style: none;
  text-align: center;
  background-color: #e9edee;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 0.75rem;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '●';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

/*タブ*/
ul.tabs {
  list-style: none;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #020232;
  overflow: hidden;
}
ul.tabs li.active {
}
ul.tabs li {
  float: left;
  background: #ffffff;
  width: 25%;
}
ul.tabs li:last-child {
  margin-right: 0px;
}
ul.tabs li a {
  display: block;
  color: #020232;
  outline: none;
  text-decoration: none;
  text-align: center;
  width: 100%;
}
ul.tabs li.active a {
  color: #020232;
}

/*--------------------------------------------------------------
# contact form
--------------------------------------------------------------*/
.form-width {
  max-width: 100%;
}
.wpcf7 {
  display: inline-block;
  margin-top: 2rem auto 2rem auto;
  padding: 0;
  width: 100%;
  line-height: 190%;
  letter-spacing: 0.8pt;
}
.wpcf7 table.contact-f {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #dddddd;
  color: #3c3c3c;
  margin-top: 1rem;
  padding: 0;
}
.wpcf7 table.contact-f tr {
  border-bottom: 1px solid #dddddd;
}
.wpcf7 table.contact-f p {
  margin: 0;
  padding: 0;
  line-height: 190%;
  color: #3c3c3c;
  display: inline-block;
}
.wpcf7 table.contact-f p.w-name {
  display: inline-block;
  width: 4rem;
}
.wpcf7 table.contact-f p.w-add {
  display: inline-block;
}
.wpcf7 table.contact-f .nes {
  color: #FF0004;
}
.wpcf7 table.contact-f td {
  padding: 1rem;
  margin: 0;
}
@media print, screen and (min-width:769px) {
.wpcf7 table.contact-f td.midashi {
 width:30%;
 font-weight:bold;
 padding-left: 1rem;
}
.wpcf7 table.contact-f td.input-clue {
 width:70%;
 padding-right: 1rem;
}
}
@media only screen and (max-width:768px) {
.wpcf7 table.contact-f td.midashi {
 width:30%;
 font-weight:bold;
 padding-left: 1rem;
}
.wpcf7 table.contact-f td.input-clue {
 width:70%;
 padding-right: 1rem;
}
}
.wpcf7 input[type="text"], .wpcf7 select, .wpcf7 textarea {
  background-color: #e6ebef;
  padding: 0.5rem;
  border: 1px solid #e6ebef;
  border-radius: 3px;
  color: #3c3c3c;
  margin: 0;
}
.wpcf7 table.contact-f input[type="text"], .wpcf7 table.contact-f select, .wpcf7 table.contact-f input[type="email"], .wpcf7 table.contact-f textarea {
  background-color: #e6ebef;
  padding: 0.5rem;
  border: 1px solid #e6ebef;
  border-radius: 3px;
  color: #3c3c3c;
  margin: 0;
}
@media only screen and (max-width:768px) {
.wpcf7 table.contact-f input[type="text"], .wpcf7 table.contact-f select, .wpcf7 table.contact-f input[type="email"], .wpcf7 table.contact-f textarea {
 width: 100%;
}
}
.wpcf7 input[type="text"].wpcf7c-conf, .wpcf7 select.wpcf7c-conf, .wpcf7 textarea.wpcf7c-conf {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
 @media print, screen and (min-width:769px) {
.wpcf7 input[type="text"].f-name, .wpcf7 input[type="text"].ff-name {
 margin-left:0px;
 margin-right:1.5rem;
 width:150px;
}
.wpcf7 input[type="text"].l-name, .wpcf7 input[type="text"].ll-name {
 margin-left:0px;
 margin-right:0px;
 width:150px;
}
}
@media only screen and (max-width:768px) {
.wpcf7 input[type="text"].f-name, .wpcf7 input[type="text"].ff-name {
 margin-left:0px;
 margin-right:1.5rem;
 width:100%;
 margin-bottom: 1rem;
}
.wpcf7 input[type="text"].l-name, .wpcf7 input[type="text"].ll-name {
 margin-left:0px;
 margin-right:0px;
 width:100%;
}
}
.wpcf7 input[type="text"].y-comp, .wpcf7 input[type="text"].b-type, .wpcf7 input[type="text"].hpurl, .wpcf7 input[type="text"].product-name {
  width: 100%;
}
.wpcf7 input[type="text"].y-add1 {
  margin-left: 10px;
  margin-right: 10px;
  width: 80px;
}
.wpcf7 input[type="text"].y-add2 {
  width: 120px;
  margin-left: 10px;
}
.wpcf7 div.add {
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 0;
  margin-left: 0;
}
.wpcf7 select.y-add3 {
  padding-left: 10px;
  width: 100px;
}
.wpcf7 input[type="text"].y-add4, .wpcf7 input[type="text"].y-add5, .wpcf7 input[type="text"].y-add6 {
  width: 100%;
}
 .wpcf7 ::-webkit-input-placeholder {
 font-size:0.8rem;
}
.wpcf7 :-moz-placeholder {
 font-size:0.8rem;
}
 .wpcf7 ::-moz-placeholder {
 font-size:0.8rem;
}
.wpcf7 :-ms-input-placeholder {
 font-size:0.8rem;
}
 @media print, screen and (min-width:769px) {
.wpcf7 input[type="text"].tel1, .wpcf7 input[type="text"].fax1 {
 width:20%;
 margin-right:10px;
}
.wpcf7 input[type="text"].tel2, .wpcf7 input[type="text"].fax2 {
 width:35%;
 margin-left:10px;
 margin-right:10px;
}
.wpcf7 input[type="text"].tel3, .wpcf7 input[type="text"].fax3 {
 margin-left:10px;
 width:35%;
}
}
@media only screen and (max-width:768px) {
.wpcf7 input[type="text"].tel1, .wpcf7 input[type="text"].fax1 {
 width:20%;
 margin-right:10px;
 margin-bottom: 1rem;
}
.wpcf7 input[type="text"].tel2, .wpcf7 input[type="text"].fax2 {
 width:35%;
 margin-left:10px;
 margin-right:10px;
 margin-bottom: 1rem;
}
.wpcf7 input[type="text"].tel3, .wpcf7 input[type="text"].fax3 {
 margin-left:10px;
 width:35%;
 margin-bottom: 1rem;
}
}
.wpcf7 input[type="text"].mail1, .wpcf7 input[type="text"].mail2 {
  width: 100%;
}
.wpcf7 textarea.textarea1 {
  width: 100%;
}
.wpcf7 select.menu {
  width: 10rem;
}
.wpcf7 a {
  color: #003f87;
}
.wpcf7 a:hover {
  color: #ce1126;
}
.wpcf7 input[type="submit"] {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  cursor: pointer;
  border: 2px solid #003f87;
  background-color: #003f87;
  border-radius: 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.wpcf7 input[type="submit"].submit1 {
  width: 12em;
  margin-bottom: 3rem;
}
.wpcf7 input[type="submit"].submit1:hover {
  color: #003f87;
  background-color: #ffffff;
  border: 2px solid #003f87;
}
#dynamic-to-top {
  opacity: 0.6;
}
 @media print {
 body {
 width: 1200px;
 transform: scale(0.8);
 -moz-transform: scale(0.8);
 -webkit-transform: scale(0.8);
 transform-origin: 0 0;
}
}

/* カタログ一覧 */
.catalog_filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #e6ebee;
  padding: 25px;
}
.catalog_filter dl dt {
  font-weight: bold;
  color: #666;
  margin-bottom: 5px;
}
.catalog_filter input[type="text"], .catalog_filter select {
  height: 36px;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: .5em 1em;
  margin-right: 10px;
}
.catalog_filter .btn_search {
  height: 36px;
  color: #fff;
  background-color: #00428D;
  border: 0;
  padding: .5em 2em;
  cursor: pointer;
}
.catalog_filter .btn_search:hover {
  opacity: .8;
}
.catalog_filter .input_txt {
  width: 240px;
}
.catalog_list h2 {
  margin: 2rem 0 .7rem;
}
.catalog_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.catalog_list ul li {
  width: calc(20% - 20px);
  margin: 10px;
  font-size: .93rem;
  line-height: 1.4;
}
.catalog_list ul li figure {
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}
.catalog_list ul li img {
  max-width: 100%;
  max-height: 150px;
  height: auto;
  margin: auto;

  border: 5px solid #f3f3f3;
  box-sizing: content-box;

}
.catalog_list ul li p {
  margin: 0;
}
.catalog_list ul li a {
  color: #231815;
  text-decoration: none;
}
.catalog_list ul li a:hover {
  opacity: .5;
}
.catalog_list ul li dl dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.catalog_list ul li dl dd a {
  color: #666;
}
@media only screen and (max-width:600px) {
  .catalog_filter {
    padding: 20px;
  }
  .catalog_filter dl {
    width: 100%;
    margin-bottom: 10px;
  }
  .catalog_filter input[type="text"], .catalog_filter select {
    width: 100%;
  }
  .catalog_list ul li {
    width: calc(33.33% - 20px);
  }
  .catalog_filter__btn {
    width: 100%;
    text-align: center;
  }
  .catalog_filter .btn_search {
    width: 50%;
    margin-top: 5px;
  }
}

/* カタログ一覧　絞り込み検索 */
.catalog_search h2 {
  margin-bottom: 1.4rem;
}
.catalog_search__conditions {
  border: 2px solid #00428D;
  padding: 20px;
}
.catalog_search__conditions p {
  margin: 0;
}
.catalog_search__conditions p strong {
  color: #00428D;
  font-weight: bold;
}
.catalog_search__results {
  margin: 2rem 0 1rem;
}
.catalog_search__results strong {
  color: #f00;
  font-weight: bold;
  font-size: 1.25rem;
}
@media only screen and (max-width:600px) {
  .catalog_search__conditions {
    padding: 15px;
  }
}

/* ページネーション */
.pagenation {
  margin-top: 6rem;
}
.pagenation ul {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pagenation ul li {
  margin: 5px;
}
.pagenation ul li a {
  display: block;
  border: 1px solid #00428d;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  line-height: 40px;
}
.pagenation ul li.is-active span {
  display: block;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #666;
}
.pagenation ul li.pagenation__prev, .pagenation ul li.pagenation__next {
  background-color: #00428d;
}
.pagenation ul li.pagenation__prev a, .pagenation ul li.pagenation__next a {
  color: #fff;
}
@media only screen and (max-width:600px) {
  .pagenation ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
  .pagenation ul li.is-active span {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }
}


/* 求人ページ */

#entry-career .parallel,
#about .parallel,
#entry-new-graduate .parallel,
#interview .parallel,
#employment .parallel {
    width: 100%;
    float: none;
    /* width: calc(400% / 5); */
}

#entry-career .wrap,
#about .wrap,
#entry-new-graduate .wrap,
#interview .wrap,
#employment .wrap {
     max-width: 100%; 
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0 0px;
}

#entry-career .main h1,
#about .main h1,
#entry-new-graduate .main h1,
#interview .main h1,
#employment .main h1 {
    display: none;
}



main#recruit{
background: #e5ecf3;
}

main.rct-top,
main.rct-entry
{
background: #fff!important;
}

.sub-nav{
background: #00428d;
padding: 14px 0;
}

.sub-nav-wrapper{
width: 970px;
margin: 0 auto 0;
display: flex;
align-items: center;     
justify-content: space-between;    
}

.sub-nav ul{
display: flex;
list-style-type: none;
padding: 4px 0;
}

.sub-nav ul li a{
color: #fff;
font-weight: bold;
text-decoration: none;
margin-right: 50px;
}

.sub-nav ul li a:visited,
.sub-nav ul li a:link
{
color: #fff;
font-weight: bold;
}

.sub-nav ul:nth-child(2) li a{
border: 1px solid #fff;
padding: 8px 14px;
margin-right: 10px;    
}


.sct-info{
background: #e5ecf3;
}

.rct-entry .sct-info{
background: #fff;
}

#recruit .sct-info h2{
font-size: 1.25rem;
font-weight: bold;
border-left: 6px solid #00428D;
padding-left: 1rem;
margin-bottom: 2rem;
line-height: 150%;
text-align: left;
}

.box-info-wrapper{
width: 970px;
margin: 0 auto 0;
}

.box-info{
display: flex;
justify-content: space-between;
border-bottom: 1px dashed #00428d;
padding: 60px 0 40px;
}

.rct-entry .box-info{
border-bottom: 0px dashed #00428d;
}



.box-info-c{
padding: 20px 0 40px;
}

#recruit h2{
text-align: center;
font-size: 30px;
font-weight: bold;
color: #00428d;
    border-left: 0px solid #00428D;
    padding-left: 0rem;
    margin-bottom: 2rem;
    line-height: 100%;
margin-top: 30px;
}

#recruit h2 span{
display: block;
font-size: 14px;
}





.sct-top-interview .box-interview-wrapper{
position: relative;
width: 100%;
}

.sct-top-interview .box-interview-01 {
display: flex;
align-items: center;    
}

.sct-top-interview .box-interview-01 img {
width: 110%;
position: relative;
z-index: 1;
margin-right: -10%;
margin-top: 5%;
}

.sct-top-interview .box-interview-01 div {
width: 90%;
background: #00428d;
color: #fff;
padding: 15% 5% 15% 14%;
}

.sct-top-interview .box-interview-01 div h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 26px;
border-bottom: 0px;
}

.sct-top-interview .box-interview-01 div a {
color: #fff;
}

.sct-top-interview .box-interview-01 a {
font-size: 12px;
margin: 40px 0 0;
text-decoration: none;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
width: 150px;
display: block;
}






.sct-top-interview .box-interview-01-02 {
display: flex;
align-items: center;   
margin: 80px auto 0;
}

.sct-top-interview .box-interview-01-02 img {
width: 90%;
position: relative;
z-index: 1;
margin-left: -10%;
margin-top: 0%;
}

.sct-top-interview .box-interview-01-02 div {
width: 90%;
background: #c1d1e3;
color: #fff;
padding: 4% 5% 10% 4%;
}

.sct-top-interview .box-interview-01-02 div h3 {
font-size: 20px;
font-weight: normal;
border-bottom: 0px;
color: #00428d;
}

.sct-top-interview .box-interview-01-02 div p {
font-size: 16px;
color: #000;
font-weight: normal;
width: 80%;
}








.sct-top-interview .box-interview-02 {
display: flex;
align-items: center;    
margin: 100px auto 0px;
}

.sct-top-interview .box-interview-02 img {
width: 100%;
position: relative;
z-index: 1;
margin-left: -5%;
margin-top: 5%;
}

.sct-top-interview .box-interview-02 div {
width: 90%;
background: #00428d;
color: #fff;
padding: 10% 5% 15% 5%;
}

.sct-top-interview .box-interview-02 div h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 26px;
border-bottom: 0px;
}

.sct-top-interview .box-interview-02 div a {
color: #fff;
}

.sct-top-interview .box-interview-02 a {
font-size: 12px;
margin: 40px 0 0;
text-decoration: none;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
width: 150px;
display: block;
}



.sct-top-interview .box-interview-02-02 {
display: flex;
align-items: center;   
margin: 80px auto 0;
}

.sct-top-interview .box-interview-02-02 img {
width: 512px;
position: relative;
z-index: 1;
margin-right: -10%;
margin-top: 0%;
margin-left: 2%;
}

.sct-top-interview .box-interview-02-02 div {
width: 96%;
background: #c1d1e3;
color: #fff;
padding: 2% 5% 2% 15%;
}

.sct-top-interview .box-interview-02-02 div h3 {
font-size: 20px;
font-weight: normal;
border-bottom: 0px;
color: #00428d;
}

.sct-top-interview .box-interview-02-02 div p {
font-size: 16px;
color: #000;
font-weight: normal;
margin-bottom: 20px;
}

.sct-top-interview .img-01 {
margin: -2% 15% 0 auto;
text-align: right;
display: block;
z-index: 1;
}






.sct-top-about {
background: #e5ecf3;
padding: 40px 0 60px;
    margin: 60px auto 0;    
}

.sct-top-about .box-about-wrapper {
width: 970px;
margin: 10px auto 20px;
text-align: center;
}

.sct-top-about .box-about-wrapper img {
margin: 0px auto 0px;
}

.sct-top-about .box-about-wrapper h3 {
    font-size: 24px;
    font-weight: bold;
    color: #00428d;
    border-bottom: 0px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    line-height: 150%;
}

.sct-top-about .box-about-wrapper p {
width: 640px;
margin: 40px auto 20px;
text-align: left;
}

.sct-top-about .box-about-wrapper a.rm {
display: block;
width: 260px;
margin: 40px auto 20px;
text-align: center;
border: 1px solid #00428d;
padding: 10px;
color: #00428d;
text-decoration: none;
}




.sct-about-us .h3-about{
width: 90%;
margin: 30px auto 20px; 
background: #00428d;
text-align: center;
border-radius: 4px;
padding: 40px 10px;
color: #fff;
font-size: 26px;        
}

.sct-about {
width: 980px;
margin: 40px auto 20px;    
}

.sct-about .box-about-wrapper {   
margin: 10px auto 20px;
display: flex;
flex-wrap: wrap;
}

.sct-about .box-about-wrapper img {
    margin-bottom: 80px;
}

.sct-about .box-about-wrapper img:nth-child(odd) {
    margin-right: 20px;
}

.sct-about .box-about-wrapper-01 h3 {   
font-size: 30px;
border: 0;
text-align: center;
color: #00428d;
margin: 100px auto 0;
}

.sct-about .box-about-wrapper-01 .f-box-01,
.sct-about .box-about-wrapper-01 .f-box-02{   
margin: 10px auto 20px;
display: flex;
flex-wrap: wrap;
align-items: center; 
justify-content: center;
list-style: none;  
}

.sct-about .box-about-wrapper-01 .f-box-01 div,
.sct-about .box-about-wrapper-01 .f-box-02 div{   
color: #00428d; 
border: 1px solid #00428d;
background: #c1d1e3;
font-weight: bold;
width: 30%;
text-align: center;
padding: 30px 10px;
list-style: none;
margin: 10px auto 10px;
align-items: center;
justify-content: center; 
}

.sct-about .box-about-wrapper-01 .f-box-01 div:last-child{   
padding: 19px 10px;
}

.sct-about .box-about-wrapper-01 p{   
color: #00428d;
text-align: center;
font-weight: normal;
}

.sct-about-dl {
margin: 100px auto 100px;
}

.sct-about-dl .boxabout-dl-wrapper{
width: 970px;
margin: 10px auto 20px;  
text-align: center;
}

.sct-about-dl .boxabout-dl-wrapper img{
margin: auto;
}

.sct-about-dl a.dl-s {
display: block;
width: 640px;
border: 1px solid #00428d;
background: #00428d;    
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
margin: 10px auto 20px;
color: #fff;
}

.sct-about-dl .stickarrow {
display: inline-block;
width: 40px;
height: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: skew(45deg);
margin-right: 20px;
}








.stickarrow {
display: inline-block;
  width: 40px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
}


.sct-foot-bottom{
background: #c1d1e3;
padding: 40px 0 60px;
margin: 0 auto 0;    
}

.sct-foot-bottom .box-foot-bottom-wrapper {
width: 640px;
margin: 10px auto 20px;
text-align: center;
}

.sct-foot-bottom .box-foot-bottom-wrapper a.dl-s {
display: block;
width: 100%;
border: 1px solid #00428d;
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
}

.sct-foot-bottom .box-foot-bottom-wrapper .stickarrow {
display: inline-block;
width: 40px;
height: 8px;
border-bottom: 1px solid #00428d;
border-right: 1px solid #00428d;
transform: skew(45deg);
margin-right: 20px;
}

.sct-foot-bottom .box-foot-bottom-wrapper div {
width: 640px;
margin: 40px auto 20px;
display: flex;
justify-content: space-between;
}

.sct-foot-bottom .box-foot-bottom-wrapper div a {
display: block;
width: 48%;
background: #00428d;
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
color: #fff;
font-size: 20px;
}

.sct-foot-bottom .box-foot-bottom-wrapper div .stickarrow {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}






/* 求人ページ SP */

@media only screen and (max-width:600px) {

main#recruit{
background: #e5ecf3;
}

main.rct-top,
main.rct-entry
{
background: #fff!important;
}

.sub-nav{
background: #00428d;
padding: 14px 0;    
}

.sub-nav-wrapper{
width: 100%;
margin: 0 auto 0;
display: inline-block;
align-items: center;     
justify-content: space-between;      
}

.sub-nav ul{
display: flex;
list-style-type: none;
padding: 4px 0;
justify-content: center;
margin: 0 auto 10px;  
}

.sub-nav ul li a{
color: #fff;
font-weight: bold;
text-decoration: none;
margin-right: 10px;
}

.sub-nav ul li a:visited,
.sub-nav ul li a:link
{
color: #fff;
font-weight: bold;
}

.sub-nav ul:nth-child(2) li a{
border: 1px solid #fff;
padding: 8px 14px;
margin-right: 10px;    
}


.sct-info{
background: #e5ecf3;
}

.rct-entry .sct-info{
background: #fff;
}

#recruit .sct-info h2{
font-size: 1.25rem;
font-weight: bold;
border-left: 6px solid #00428D;
padding-left: 1rem;
margin-bottom: 2rem;
line-height: 150%;
text-align: left;
}

.box-info-wrapper{
width: 94%;
margin: 0 auto 0;
}

.box-info{
display: inline-block;
justify-content: space-between;
border-bottom: 1px dashed #00428d;
padding: 60px 0 40px;
}

.rct-entry .box-info{
border-bottom: 0px dashed #00428d;
}



.box-info-c{
padding: 20px 0 40px;
}

#recruit h2{
text-align: center;
font-size: 30px;
font-weight: bold;
color: #00428d;
    border-left: 0px solid #00428D;
    padding-left: 0rem;
    margin-bottom: 2rem;
    line-height: 100%;
}

#recruit h2 span{
display: block;
font-size: 14px;
}





.sct-top-interview .box-interview-wrapper{
position: relative;
width: 100%;
}

.sct-top-interview .box-interview-01 {
display: inline-block;
align-items: center;    
}

.sct-top-interview .box-interview-01 img {
width: 100%;
position: relative;
z-index: 1;
margin-right: 0%;
margin-top: 0%;
}

.sct-top-interview .box-interview-01 div {
width: auto;
background: #00428d;
color: #fff;
padding: 2% 2% 2% 2%;
margin: 0px auto 0;    
}

.sct-top-interview .box-interview-01 div h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
border-bottom: 0px;
}

.sct-top-interview .box-interview-01 div a {
color: #fff;
}

.sct-top-interview .box-interview-01 a {
font-size: 12px;
margin: 10px 0 20px;
text-decoration: none;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
width: 150px;
display: block;
}






.sct-top-interview .box-interview-01-02 {
display:flex;
align-items: center;   
margin: 0px auto 0;
flex-wrap: wrap;
}

.sct-top-interview .box-interview-01-02 img {
width: 100%;
position: relative;
z-index: 1;
margin-left: 0%;
margin-top: 0%;
order:1;    
}

.sct-top-interview .box-interview-01-02 div {
width: auto;
background: #c1d1e3;
color: #fff;
padding: 2% 2% 2% 2%;
order:2;
}

.sct-top-interview .box-interview-01-02 div h3 {
font-size: 20px;
font-weight: normal;
border-bottom: 0px;
color: #00428d;
}

.sct-top-interview .box-interview-01-02 div p {
font-size: 16px;
color: #000;
font-weight: normal;
width: 100%;
margin: 0 auto 0;
}








.sct-top-interview .box-interview-02 {
display: flex;
align-items: center;    
margin: 20px auto 0px;
flex-wrap: wrap;
}

.sct-top-interview .box-interview-02 img {
width: 100%;
position: relative;
z-index: 1;
margin-left: 0%;
margin-top: 0%;
order: 1;
}

.sct-top-interview .box-interview-02 div {
width: auto;
background: #00428d;
color: #fff;
padding: 2% 2% 2% 2%;
order: 2;    
}

.sct-top-interview .box-interview-02 div h3 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 18px;
border-bottom: 0px;
}

.sct-top-interview .box-interview-02 div a {
color: #fff;
}

.sct-top-interview .box-interview-02 a {
font-size: 12px;
margin: 10px 0 20px;
text-decoration: none;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
width: 150px;
display: block;
}



.sct-top-interview .box-interview-02-02 {
display: inline-block;
align-items: center;   
margin: 0px auto 0;
}

.sct-top-interview .box-interview-02-02 img {
width: 100%;
position: relative;
z-index: 1;

margin-right: 0%;
margin-top: 0%;
margin-left: 0%;
}

.sct-top-interview .box-interview-02-02 div {
width: 100%;
background: #c1d1e3;
color: #fff;
padding: 2% 2% 2% 2%;
}

.sct-top-interview .box-interview-02-02 div h3 {
font-size: 20px;
font-weight: normal;
border-bottom: 0px;
color: #00428d;
}

.sct-top-interview .box-interview-02-02 div p {
font-size: 16px;
color: #000;
font-weight: normal;
margin-bottom: 20px;
}

.sct-top-interview .img-01 {
margin: 0 auto 0 auto;
text-align: right;
display: block;
z-index: 1;
width: 100%;    
}






.sct-top-about {
background: #e5ecf3;
padding: 40px 0 60px;
    margin: 40px auto 0;    
}

.sct-top-about .box-about-wrapper {
width: 94%;
margin: 10px auto 20px;
text-align: center;
}

.sct-top-about .box-about-wrapper h3 {
    font-size: 24px;
    font-weight: bold;
    color: #00428d;
    border-bottom: 0px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
    line-height: 150%;
}

.sct-top-about .box-about-wrapper p {
width: 100%;
margin: 40px auto 20px;
text-align: left;
}

.sct-top-about .box-about-wrapper a.rm {
display: block;
width: 260px;
margin: 40px auto 20px;
text-align: center;
border: 1px solid #00428d;
padding: 10px;
color: #00428d;
text-decoration: none;
}




.sct-about-us .h3-about{
width: 90%;
margin: 30px auto 20px; 
background: #00428d;
text-align: center;
border-radius: 4px;
padding: 10px 4px;
color: #fff;
font-size: 18px;        
}

.sct-about {
width: 100%;
margin: 20px auto 20px;    
}

.sct-about .box-about-wrapper {   
margin: 10px auto 20px;
display: flex;
flex-wrap: wrap;
width: 94%;
justify-content: center;
    align-items: center;
}

.sct-about .box-about-wrapper img {
    margin-bottom: 20px;
    width: 48%;
}

.sct-about .box-about-wrapper img:nth-child(odd) {
    margin-right: 10px;
}

.sct-about .box-about-wrapper-01 h3 {   
font-size: 30px;
border: 0;
text-align: center;
color: #00428d;
margin: 20px auto 0;
}

.sct-about .box-about-wrapper-01 .f-box-01,
.sct-about .box-about-wrapper-01 .f-box-02{   
margin: 10px auto 20px;
display: flex;
flex-wrap: wrap;
align-items: center; 
justify-content: center;
list-style: none;  
}

.sct-about .box-about-wrapper-01 .f-box-01 div,
.sct-about .box-about-wrapper-01 .f-box-02 div{   
color: #00428d; 
border: 1px solid #00428d;
background: #c1d1e3;
font-weight: bold;
width: 30%;
text-align: center;
padding: 30px 10px;
list-style: none;
margin: 10px auto 10px;
align-items: center;
justify-content: center; 
}

.sct-about .box-about-wrapper-01 .f-box-01 div:last-child{   
padding: 19px 10px;
}

.sct-about .box-about-wrapper-01 p{   
color: #00428d;
text-align: center;
font-weight: normal;
width: 94%;
    margin: auto;    
}

.sct-about-dl {
margin: 40px auto 40px;
}

.sct-about-dl .boxabout-dl-wrapper{
width: 100%;
margin: 10px auto 20px;  
text-align: center;
}

.sct-about-dl a.dl-s {
display: block;
width: 94%;
border: 1px solid #00428d;
background: #00428d;    
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
margin: 10px auto 20px;
color: #fff;
}

.sct-about-dl .stickarrow {
display: inline-block;
width: 40px;
height: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: skew(45deg);
margin-right: 20px;
}








.stickarrow {
display: inline-block;
  width: 40px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  transform: skew(45deg);
}


.sct-foot-bottom{
background: #c1d1e3;
padding: 20px 0 10px;
margin: 0 auto 0;    
}

.sct-foot-bottom .box-foot-bottom-wrapper {
width: 100%;
margin: 10px auto 20px;
text-align: center;
}

.sct-foot-bottom .box-foot-bottom-wrapper a.dl-s {
display: block;
width: 90%;
border: 1px solid #00428d;
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
margin: auto;
}

.sct-foot-bottom .box-foot-bottom-wrapper .stickarrow {
display: inline-block;
width: 40px;
height: 8px;
border-bottom: 1px solid #00428d;
border-right: 1px solid #00428d;
transform: skew(45deg);
margin-right: 20px;
}

.sct-foot-bottom .box-foot-bottom-wrapper div {
width: 100%;
margin: 20px auto 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.sct-foot-bottom .box-foot-bottom-wrapper div a {
display: block;
width: 90%;
background: #00428d;
padding: 20px 0px;
font-weight: bold;
text-decoration: none;
color: #fff;
font-size: 20px;
margin: 0 auto 20px;
}

.sct-foot-bottom .box-foot-bottom-wrapper div .stickarrow {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
    

    
}