@charset "utf-8";

/* ========== すべて共通 ========== */
*{ margin: 0px;
	padding: 0px;
  box-sizing: border-box;
}
html, body {
	font-size: 16px;
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	color: #5e5e5e;
	background: #fff;
}

a,abbr, address,article,aside,audio,blockquote,body,
canvas,caption,cite,code,dd,del,details,dfn,div,dl,
dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,
h4,h5,h6,header,hgroup,html,iframe,img,ins,
label,legend,li,main,mark,nav,ol,p,pre,q,section,small,
span,strike,strong,sub,summary,sup,table,tbody,th,thead,tr,ul,video
{margin:0;
padding:0;
border: 0;
letter-spacing: 0;
font-weight: normal;}

p, td, th, li {
	line-height: 1.6;
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}
img {
	width: 100%;
	height: auto;
	display:block;
}

.list-none{
  list-style: none;
}

.toggle-pc { display: block; }
.toggle-sp { display: none; }



/*文字色青*/
.text-blue{
  color: #44abdd;
}

/*センターボタン*/
.btn-type-center{
  display: block;
  margin: auto;
  text-align: center;
  text-decoration: none;
  border: 1px solid #44abdd;
  color: #44abdd;
  background: #ffffff;
  padding-bottom: 6px;
  padding-top: 7px;
  margin-top: 30px;
  position: relative;
}

.btn-type-center::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #44abdd;
  border-right: solid 1px #44abdd;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  margin: 0 0 0 10px;
}

.btn-type-center:hover{
  opacity: 0.5;
}

.btn-type-center{
    width: 250px;
}



@media only screen and (max-width: 640px) {
  .toggle-pc { display: none; }
  .toggle-sp { display: block;}
}
a {
	color: #44abdd;
}

a:hover {
	color: #44abdd;
}

a:active {
	color: #44abdd;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

.container {
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
}

@media screen and (max-width: 1022px) {
	.container {
		margin-left: 20px;
		margin-right: 20px;}
}

@media screen and (min-width: 1023px) {
.container {
	margin: auto;
  width: 1000px;}
}

@media screen and (min-width: 769px) {
.sp-on{
  display: none;}
}


/* ========== ヘッダー ========== */
header {
	background: #fff;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo {
	padding: 10px 0;
	width: 160px;
}

@media screen and (min-width: 769px) {
	.header-logo {
		padding-top: 31px;
		padding-bottom:32px;
		width: 200px;
  }

  .menu-btn {
	display: none;
	}

  .news__top{
    display: none;
  }
}
/* ========== ナビゲーション ========== */
nav {
	background: #fff;
}

.navbar {
	display: none;
	list-style-type: none;
}

.navbar a {
	display: block;
	padding: 0.6rem 0;
	color: #111111;
	text-decoration: none;
}

.navbar a:hover {
	opacity: 0.5;
}

@media screen and (min-width: 1025px) {
	.navbar {
		display: flex !important;
	}

	.navbar li {
		flex: 1 1 auto;
		text-align: center;
		padding-left:50px;
	}

	.navbar a.nav-current {
		opacity: 0.5;
	}
}

@media screen and (min-width: 1025px) {
.global-nav__item a {
	text-decoration: none;
	padding-bottom: 3px; /* 文字と下線に隙間を作る */
	color: #111111;
    display: block;}
}

@media screen and (min-width: 1025px) {
.global-nav__item a:hover::after {
  width: 100%;
  border-bottom: 1px solid #5e5e5e;
  }
}

@media screen and (min-width: 1025px) {
.global-nav__item a:after {
	content: '';
	width: 0%;
	transition: all 0.3s ease;
	border-bottom: 1px solid #5e5e5e;
  display: block;
  }
}

/* ========== メインエリア基本レイアウト ========== */

#main{
  padding-top: 150px;
  padding-bottom: 240px;
  background: #fff;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
	#main{
    padding-top: 56px;
    padding-bottom: 150px;
		background: #fff;
  }
}

.home-news-li{
  padding-bottom:30px;
  letter-spacing: 1.6px;
}

.home-news{
  margin-bottom:56px;
}

/* ========== フッター ========== */
.bold{
  font-weight: bold;
}

footer {
  background-color:#f0f9fd;
  font-size: 16px;
  color: #111111;
}

.footer-containe01 p{
  padding-bottom: 40px;
  }

.footer-bar{
  list-style: none;
  padding-bottom: 20px;
  }

.footer-bar::before{
  border-top: 2px solid #44abdd;
  content: "";
  width: 12px;
  position: absolute;
  left: -20px;
  margin-top: 13px;
}

.footer-nav{
  position: relative;
}

li.footer-bar a{
  text-decoration: none;
  letter-spacing: 1.6px;
}

@media screen and (min-width: 769px) {
  footer {
    display:flex;
    width:100%;
    justify-content:center;
    padding:56px 0 300px;
    }

.footer-containe01{
    width:510px;
  }

.footer-containe01 p:last-child{
  padding-bottom: 0px;
  }

.footer-container02{
  width:240px;
  }

.footer-containe01 img{
  width:255px;
  padding-bottom: 51px;
  } 

  .footer-nav{
    position: relative;
    top:90px;
  }
}

@media screen and (min-width: 1024px) {
  .footer-containe01{
    width:730px;
  }
}

@media screen and (max-width: 768px) {
  footer {
    padding:56px 20px 100px 20px;
    }

  .footer-containe01 img{
    width:180px;
    padding-bottom: 51px;
  }
  
  .footer-nav{
    padding-top:150px;
  }

  .footer-bar{
    margin-left: 20px;
  }

  .footer-bar::before{
    margin: 13px 0px 0px 20px;
  }
}

/* ========== index コピーライト ========== */
.footer-copyright {
	background: #44abdd;
	font-size: 0.9rem;
	color: #fff;
}
.footer-copyright {
	text-align: center;
}
.footer-copyrightv {
	list-style-type: none;
}
.footer-copyright li {
	display: inline;
	padding: 0 1rem 0 0;
}
.footer-copyright a {
	color: #fff;
	text-decoration: none;
}
.footer-copyright a:hover {
	opacity: 0.5;
}
.catch {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.catch:before, .catch:after {
  border-top: 1px solid #44abdd;
  content: "";
  width: 3em; /* 線の長さ */
}
.catch:before {
  margin-right: 1em; /* 文字の右隣 */
}
.catch:after {
  margin-left: 1em; /* 文字の左隣 */
}

/* ========== トップページ ========== */

.h2-heading{
  color: #44abdd;
  font-weight:normal;
	text-align: center;
}

.h2-heading-medium{
  color: #44abdd;
  font-weight:normal;
  text-align: center;
}

.h2-heading-type02{
  text-align: center;
  font-weight: normal;
  letter-spacing: 1,6px;
}

@media screen and (min-width: 769px){
  .h2-heading{
		font-size:2rem;
		padding-bottom:88px;
    }

  .h2-heading-medium{
    font-size:2rem;
    padding-bottom:44px;
  }
  
  .h2-heading-type02 {
    padding-bottom: 150px;
    font-size: 24px;
  }
}

@media screen and (max-width: 768px){
  .h2-heading{
    font-size:26px;
    padding-bottom:45px;
    }

  .h2-heading-medium{
    font-size:20px;
    padding-bottom:45px;
  }

  .h2-heading-type02{
    padding-bottom: 56px;
    font-size: 22px;
    text-align: left;
  }
}

/* ========== ボタン ========== */
.btn-type-01 a{
  text-decoration:none;
  color:#44abdd;
}

@media screen and (min-width: 769px) {
  .btn-type-01{
    border: 1px solid #44abdd;
    width:300px;
    position:relative;
  }

  .btn-type-01 a{
    padding: 5px 50px 5px 80px;
    display: inline-block;
  }
}

.btn-type-01:after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #44abdd;
  border-right: solid 1px #44abdd;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
}

@media screen and (width: 1024px) {
  .top-heading-btn-position{
    margin:auto;
  }
} 
@media screen and (max-width: 768px) {
  .btn-type-01{
    content: '';
    border: 1px solid #44abdd;
    width:270px;
    margin:auto;
    position: relative;
    }

  .btn-type-01 a{
    padding: 5px 30px 5px 75px;
    display: inline-block;
    }

  .top-product-btn-position a{
    padding:5px 30px 5px 90px;
  }

  .top-product-btn-position-02 a{
    padding:5px 30px 5px 90px;
  }

  .btn-type-01:after{
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #44abdd;
    border-right: solid 1px #44abdd;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
  }

  .top-product img{
    width: 100%;
    margin: auto;
  }
}

.btn-type-01:hover{
  opacity:0.5;
}

.top-heading{
  text-align: center;
  font-weight: normal;
  padding-bottom: 45px;
}

@media screen and (min-width: 769px) {
  .top-heading{
    font-size: 36px;
    padding-bottom: 45px;}

  .greeting{
    position: relative;
    height: 200px;
    margin:0 0 240px 0;
  }
}

@media screen and (max-width: 768px) {
  .greeting{
      margin: 0 0 150px 0;
    }

  .top-heading{
    font-size: 20px;
  }
}
/* ボタン位置調整*/
@media screen and (min-width: 769px) {
  .top-heading-btn-position{
    margin: 0 0 0 auto; 
  }
} 

/* ========== トップページ商品枠 ========== */
.product-section ul{
  list-style:none;
  }

.product-section.product-section-last.ps-type02 {
    padding-bottom: 0px;
}

@media screen and (min-width: 769px){
  .top-product{
    margin:0 0 250px 0;
  }

  .product-section {
    display:flex;
    padding-bottom: 100px;
    }
    
  .product-section ul{
    width:480px;
    padding-left:45px;
    position: relative;
    top:-12px;
    }

  .product-section ul li:first-child{
    font-size:28px;
    font-weight: bold;
    color: #5e5e5e;
    padding-bottom: 45px;
    }

  .product-section ul li:nth-of-type(2){
    letter-spacing:1.6px;
    padding-bottom:45px;
    color: #111111;   
    }
}

@media screen and (min-width: 769px){
  .product-section.ps-type02 {
    flex-flow: row-reverse;
    }
  
  .product-section.ps-type02 ul{
    padding-left:0px;
    padding-right: 45px;
    position: relative;
    top:-12px;
  }
}

/* ボタン位置調整*/
@media screen and (min-width: 769px) {
  .top-product-btn-position-02 {
    position: absolute;
    right: 50px;
  }
  .top-product-btn-position{
    position:absolute;
    right:0;
  }

  .btn-text a{
    display: inline-block;
    padding:6px 40px 6px 103px;
  }
} 

@media screen and (max-width: 768px){
  .top-product{
    margin:0 0 150px 0;
  }

  .product-section {
    padding-bottom: 80px;
    }

  .product-section ul li:first-child{
    font-size:20px;
    font-weight: bold;
    color: #5e5e5e;
    padding: 20px 0;
    text-align: center;
    }

  .product-section ul li:nth-of-type(2){
    padding-bottom:30px;   
    }
  }

/* ========== お客様本位の業務運営方針について ========== */
.support-top{
  letter-spacing: 1.6px;
  color: #111111;
  margin: 0 0 150px 0;
}

@media screen and (min-width: 769px){
  .support-top{
    position: relative;
  }

  .support-top-text{
    padding-bottom: 45px;
  }

  .support-top-btn a{
    padding: 5px 10px;
    letter-spacing: 0px;
  }
}

@media screen and (max-width: 768px){
  .support-top-text{
    padding-bottom: 45px;
  }

  .support-top-btn{
    width: 280px;
}
  .support-top-btn a{
    padding: 5px;
    letter-spacing: 0;
  }
  
.support-pc-on{
    display: none;
  }
}

/* ========== お知らせ ========== */
#topnews {
  margin: 0 0 240px 0;
}

.news-date {
  width: 185px;
}

.news-ttl{
  width: 485px;
}

.top-news {
  padding: 30px;
  background-color: #f5fafc;
  width: 80%;
  margin: auto;
}
.top-news ul{
  display: flex;
  border-bottom: solid 0.5px #c2c2c2;
  padding: 30px 0 30px 40px;
}

.top-news ul:nth-child(n + 2){
  padding-top: 30px;
}

.top-news ul li{
  list-style: none;
  color: #111111;
}

.top-news ul li a{
  text-decoration: none;
  color: #111111;
}

.top-news ul li a:hover{
  opacity: 0.5;
}

.news-ul-02{
  position: relative;
}

.news-ttl :before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #111111;
  border-right: solid 1px #111111;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
}

.more{
  width: 30%;
  display: block;
  margin: auto;
  text-align: center;
  text-decoration: none;
  border: 1px solid #44abdd;
  color: #44abdd;
  background: #ffffff;
  padding-bottom: 6px;
  padding-top: 7px;
  margin-top: 30px;
}


@media screen and (max-width: 767px){
  #topnews {
    margin: 0 0 150px 0;
  }

  .top-news ul{
    display: block;
    padding: 30px 0;
  }

  .news-date {
    width: 100%;
  }
  
  .news-ttl{
    width: 100%;
  }

  .news-ttl-width{
    width: 95%;
  }

  .more{
    width: 70%;
  }

  .top-news {
    width: 95%;
    padding:10px;
  }
}

/* ========== ハンバーガーアイコン ========== */
@media screen and (max-width: 1025px){
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
    overflow-y: auto; /* メニューが多くなったらスクロールできるように */}
}


.hamburger {
  position: absolute;
  right: 10px;
  top: 0;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  position: fixed;
  z-index: 300;
  padding-right: 15px;

}

@media screen and (width: 1024px){
.hamburger {
  position: absolute;
  right: 0;
  top: 16px;
  width: 40px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  position: fixed;
  z-index: 300;
    padding-right: 15px;}

}

@media screen and (min-width: 1025px){
    .hamburger{display: none;}
}


@media screen and (min-width: 1025px){
    .global-nav{display: flex;}
}

.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 10px;
}
.global-nav__item a {
  display: block;
  padding: 8px 0;
  text-decoration: none;
  color: #111;
}

@media screen and (max-width: 1024px){
.global-nav__item a {
  display: block;
  padding: 8px 0;
    border-bottom: solid 0.5px #111111;
  text-decoration: none;
    text-align: left;
    color: #111;}
}

@media screen and (max-width: 1024px){
.global-nav__item a:hover {
    background-color: #eee;
  }
}

.hamburger__line {
  position: absolute;
  left: 11px;
  width: 18px;
  height: 1px;
  background-color: #111;
  transition: all .6s;
}

.hamburger__line--1 {
  top: 14px;
}

.hamburger__line--2 {
  top: 20px;
}

.hamburger__line--3 {
  top: 26px;
}

.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}

/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}

.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}

.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}

.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}

.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}

@media screen and (min-width: 1026px){
ul.global-nav__list {
    display: flex;}
}

@media screen and (max-width: 1024px){
  .header-smp{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 40px;
  background-color: #fff;
    z-index: 999;}
}

@media screen and (max-width: 1025px){
    .header-logo{display: none;
                padding-top: 30px;
                padding-bottom: 30px;}
}

@media screen and (min-width: 1025px){
    .header-logo-smp{display:none;}
}

@media screen and (max-width: 1024px){
    .header-logo-smp{width:20%;
                    height: auto;
                    padding-left: 2%;
                    padding-top: 1%;}
}

@media screen and (width: 1024px){
    .header-logo-smp{width:20%;
                    height: auto;
                    padding-left: 2%;
                    padding-top: 2%;}
}

@media screen and (width: 568px){
    .header-logo-smp{width:20%;
                    height: auto;
                    padding-left: 2%;
                    padding-top: 2%;}
}

@media screen and (max-width: 480px){
    .header-logo-smp{width:40%;
                    height: auto;
                    padding-left: 2%;
                    padding-top: 2%;}
}

@media screen and (width: 320px){
    .header-logo-smp{width:40%;
                    height: auto;
                    padding-left: 2%;
                    padding-top: 3%;}
}

@media screen and (max-width: 1024px){
.header-inner {
	display: flex;
	justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;}
}

@media screen and (width: 1024px){
.header-inner {
	display: flex;
	justify-content: space-between;
    align-items: center;
    margin-bottom: 88px;}
}

/* ========== 会社案内ページ ========== */
@media screen and (min-width: 1023px){
  .concept-pc{
    background:no-repeat url("../images/concept_01.jpg");
    margin-bottom: 240px;
    height: 685px;
    }

  .concept-message-title{
    padding-top: 56px;
    padding-left: 80px;
    font-size: 28px;
    line-height: 2;
    color: #FFFFFF;
    text-shadow: 2px 2px 1px #1d2905;
  }

  .concept-message-state{
  padding-left: 80px;
  padding-top: 80px;
  color: #fff;
  text-shadow: 2px 2px 1px #1d2905;
}

  .concept-message-name{
    padding-left: 80px;
    padding-top:10px;
    font-size:28px;
    color: #ffffff;
    text-shadow: 2px 2px 1px #1d2905;
  }

  .concept-message-text{
    padding-left:80px;
    padding-bottom: 0px;
    padding-top:20px;
    width:514px;
    color: #fff;
    text-shadow: 1px 1px 3px #1d2905;
    letter-spacing: 1px;
  }

  .concept-sp{
    display: none;
  } 
  
  .flex-none{
    display: block;
  }
}

@media screen and (max-width: 1022px){
  .concept-pc{
    display: none;
    }
  
    .concept-message-name-sp{
    text-align: center;
    padding:56px 0px;
    }
  
  .concept-sp{
    padding-bottom: 150px;
    }
  }

/* 企業情報*/ 
@media screen and (min-width: 769px){
  .company-date{
    margin-bottom: 240px;
  }

  .company-date-inner{
    margin: auto;
    color: #111111;
  }
  .company-date-inner ul{
    display: flex;
    list-style: none;
    width: 780px;
    margin: auto;
    padding: 30px 0px;
    border-top: 0.5px solid #bfbfbf;
  }
  .company-date-inner ul li:first-child{
    width: 360px;
  }
  .company-date-inner ul li a{
    padding-bottom: 10px;
    display: inline-block;
  }
  
  .company-date-inner ul:last-child{
    border-bottom: 0.5px solid #bfbfbf;
  }
  
  .c-d-middle{
    padding-top: 15px;
  }

  .c-d-middle-02{
    padding-top: 38px;
  }

  .c-d-middle-03{
    padding-top: 120px;
  }

  .teikei{
    width: 370px;
    padding: 0 0 15px 0;
  }

  .iso img{
    width: 150px;

  } 

  .iso{
    width: 370px;

  } 
  
  .iso span{
    font-size: 13px;
    display: block;
    padding-bottom: 15px;

  }

  .nintei{
    width: 370px;
  }

  .nintei img{
    width: 90px;
  }
}

@media screen and (max-width: 768px){
  .company-date-inner{
    margin-bottom: 150px;
  }

  .company-date-inner ul{
    list-style: none;
    text-align: center;
    border-top: solid 0.5px #bfbfbf;
    padding-top:30px;
    padding-bottom: 30px;
  }

  .company-date-inner ul li:first-child {
    color: #44abdd;
  }

  .teikei{
    padding:0 0 15px 0;
  }

  .company-date-inner ul li.teikei-first{
    color: #5e5e5e;
    padding:5px 0 15px 0;
  }

  .iso {
    text-align: left;
  } 

  .iso img{
    width: 150px;
    margin: auto;

  }  
  .iso span{
    font-size: 13px;
    display: block;
    padding-bottom: 15px;
    text-align: center;
  } 

  .nintei{
    text-align: left;
  }

  .nintei img{
    width: 90px;
    margin: auto;
  }

  .company-date-inner ul:last-child{
    border-bottom: 0.5px solid #bfbfbf;
  }
}

/* マップ*/ 
.map p{
  text-align: center;
  color: #111111;
  padding-bottom: 56px;
}

@media screen and (min-width: 769px){
.map {
  margin-bottom: 240px;}
}

@media screen and (max-width: 768px){
  .map {
  margin-bottom: 150px;}
  }

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 受け継がれる使命*/ 
@media screen and (min-width: 769px){
  .history img:nth-child(3){
    display: none;
  }
  .history img{
    padding-bottom: 100px;}
  
    .history p{
    padding-bottom: 30px;
    color: #111111;
    text-indent: 1em;
  }
  div.history p:last-child{
    text-indent: 0em;
  }
}

@media screen and (max-width: 768px){
  /*
  .history img:nth-child(2){
    display: none;
  }
  */
  .history img{
    padding-bottom: 56px;}
  
    .history p{
    padding-bottom: 30px;
    color: #111111;
    text-indent: 1em;
  }
  div.history p:last-child{
    text-indent: 0em;
  }
}

/* ========== スタッフ紹介ページ ========== */
#main\ staff-main{
  padding-top: 150px;
  padding-bottom: 240px;
  background: #fff;
  position: static;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
	#main\ staff-main{
    padding-top: 56px;
    padding-bottom: 150px;
		background: #fff;
  }
}

.stafftitle a{
  color:#44abdd;
}

.staff-box a:hover { 
  opacity: 0.7
}

@media screen and (min-width: 768px){
  .staff-heading {
  padding-bottom: 150px;
  font-size:24px;
  text-align: center;
  }
}
@media screen and (max-width: 767px){
  .staff-heading {
    padding-bottom: 56px;
		font-size:22px;
    line-height: 1.5;
    text-align: left;
  }
}

@media screen and (min-width: 769px){
  .staff-box {
    display: -webkit-box;
    display:flex;
    -ms-flex-pack:justify;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    }
  
    .staff-box-inner{
    width: calc(100% / 2 - 60px);
    margin:0 120px 0 0;
    padding-bottom:150px;
    }
    
    .staff-box-inner-last{
      margin:0 0 0 0;
    }
    .staff-box-label {
      display: -webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-pack:justify;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      justify-content: space-between;
      }
    
      .staff-box-label-inner{
      width: calc(100% / 3 - 20px);
      padding-bottom:150px;
      }
      
      .staff-box-inner-last{
        margin:0 0 0 0;
      }
  }

.stafftitle{
  text-align: left;
  font-weight: bold;
}

@media screen and (max-width: 768px){
  .stafftitle{
    padding-top: 28px;
    padding-bottom:30px;
  }
}

@media screen and (min-width: 769px){
  .stafftitle{
    color:#44abdd; 
    font-size:20px;
    letter-spacing: 1.8px;
    padding-top:56px;
    position: relative;
    line-height: 28px;
    height: 90px;
  }
}

.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
    width: 100%;
    max-width:39%;
    max-height:95%;
    overflow-y: scroll;
    margin-top: 15%;
    margin-bottom: 15%;
    padding: 70px;
    border: 2px solid #aaa;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

@media screen and (max-width: 768px){
.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
    width: 100%;
    max-width:80%;
    overflow-y: scroll;
    padding: 50px 2vw 40px;
    }
}


.modal_close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 62px;
  font-size: 46px;
  color: #000;
  line-height: 62px;
  text-align: center;
  background: #e6e6e6;
}

.modal_close a {
  color: #44abdd;
}

.modal_close i {
  line-height: 62px;
  vertical-align: bottom;
}

.modal_bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  display: none;
  width: 100%;
  height: 120%;
  background-color: rgba(0,0,0,0.7);
}

.link_area {
  overflow: hidden;
  max-width: 410px;
  margin: 60px auto 0;
  text-align: center;
}

.link_area .modal_link {
  display: inline;
}

.link_area .modal_link a {
  display: inline-block;
  width: 180px;
  color: #000;
  line-height: 2.5;
  text-decoration: none;
  margin: 0 10px;
  background: #e6e6e6;
}

.link-area ul li.modal_link:first-child a {
    float: left;
}

.link-area ul li.modal_link:last-child a {
    float: right;
}


/*-------viewmore-------*/

@media screen and (min-width: 769px){
.viewmore {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 45px;
  }
}

@media screen and (max-width: 768px){
  .viewmore {
    position: relative;
    display: inline-block;
    text-decoration: none;
    top: 0px;
    right: 0px;
    margin-bottom: 100px;
    }
}

@media screen and (min-width: 769px){
.viewmore::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 4px;
    left:  90px;
    margin:  auto; 
    transition: all .4s;
  }
}
@media screen and (max-width: 768px){
.viewmore::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 4px;
    left:  90px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
  }
}

.viewmore:hover::before {
  left: 6em;
}
.viewmore::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 150%;
  height: 2px;
  background: #44abdd;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .4s;
}
.viewmore:hover::after {
  transform: scale(1,1);
}

@media screen and (max-width: 480px){
    .viewmore::after {display: none;}
    }

/*-------viewmore02-------*/
@media screen and (min-width: 769px){
.viewmore02 {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 45px;
  left: 0px;
  }
}

@media screen and (max-width: 768px){
.viewmore02 {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 0px;
  left: 0;
  margin-bottom: 100px;
  }
}

@media screen and (min-width: 769px){  
.viewmore02::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 4px;
    left:  90px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
  }
}

@media screen and (max-width: 768px){  
.viewmore02::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 0px;
    left:  90px;
    right:  0;
    margin:  auto; 
    transition: all .4s;}
}

.viewmore02:hover::before {
  left: 6em;
}
.viewmore02::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 150%;
  height: 2px;
  background: #44abdd;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .4s;
}
.viewmore02:hover::after {
  transform: scale(1,1);
}

/*-------viewmore02-last-------*/
@media screen and (min-width: 769px){
.viewmore02-last {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 35px;
    left: 0px;
  }
}

@media screen and (max-width: 768px){
.viewmore02-last {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 0px;
  left: 0;
  margin-bottom: 0px;
  }
}

@media screen and (min-width: 769px){  
.viewmore02-last::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 4px;
    left:  90px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
  }
}
    
@media screen and (max-width: 768px){  
.viewmore02-last::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 0px;
    left:  90px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
  }
}

.viewmore02-last:hover::before {
  left: 6em;
}
.viewmore02-last::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 150%;
  height: 2px;
  background: #44abdd;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .4s;
}
.viewmore02-last:hover::after {
  transform: scale(1,1);
}


/*-------ipad用-------*/
@media screen and (min-width: 600px) and (max-width: 768px) {
  .stafftitle{
    font-size: 28px;
  }

  .staff-box-label-inner .stafftitle-new{
    font-size: 28px;
  }
  
  .staff-box-inner{
    width: 80%;
    margin: auto;
  }
  .staff-box-label-inner{
  width: 80%;
  margin: auto;
  }
}

/* ========== スタッフページモーダル用 ========== */
@media screen and (max-width: 769px) {
.modal_close {
    width: 40px;
    line-height: 40px;
    font-size: 30px;
  }

  .modal_close i {
    line-height: 44px;
  }

  .link_area {
    margin: 25px auto 0;
  }

  .link_area .modal_link a {
    margin: 15px auto 0;
  }

  .link_area ul li.modal_link:first-child a {
    float: none;
    margin-top: 0;
  }

  .link_area ul li.modal_link:last-child a {
      float: none;
  }
}

/* ========== スタッフページモーダル内部のレイアウト用 ========== */
/*-------viewmore02-------*/

.blog_ban {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: -40px;
  left: 60px;
}


@media screen and (min-width: 1260px){
.blog_ban {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: -10px;
  left: 60px;}
}


@media screen and (width: 1024px){
.blog_ban {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: -10px;
    left: -13px;}
}

@media screen and (max-width: 1199px){
.blog_ban {
  position: relative;
  display: inline-block;
  text-decoration: none;
  top: 0px;
  left: 0;
  margin-bottom: 56px;}
}


.blog_ban::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 8px;
    left:  180px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
}

@media screen and (max-width: 896px){  
.blog_ban::before{
    content:  '';
    width: 10px;
    height: 10px;
    display:  block;
    border-top: solid 1px;
    border-right: solid 1px;
    transform: rotate(45deg);
    position:  absolute;
    top: 9px;
    left:  180px;
    right:  0;
    margin:  auto; 
    transition: all .4s;
  }
}

@media screen and (min-width: 769px){
  .modal-name{
    text-align: left;
    font-size:18px;
    color:#44abdd; 
    padding-top: 20px;
    padding-bottom: 15px;
    }
}

@media screen and (max-width: 768px){
  .modal-name{
    text-align: left;
    font-size:18px;
    color:#44abdd; 
    padding-top: 15px;
    padding-bottom: 15px;
    }
}

@media screen and (min-width: 769px){
  .modal-text{
    text-align: left;
    font-size:16px;
    color:#5e5e5e; 
    padding-bottom: 15px;
    }
}

@media screen and (max-width: 768px){
    .modal-text{
      text-align: left;
      font-size:16px;
      color:#5e5e5e;
      padding-bottom: 15px;
      }
}

@media screen and (min-width: 769px){
.staff-icon-title {
    color: #111111;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #44abdd;
  }
}

@media screen and (max-width: 768px){
.staff-icon-title {
    color: #111111;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #44abdd;
  }
}

@media screen and (min-width: 769px){
span.staff-icon {
    padding-top: 20px;
    font-weight: bold;
    font-size: 20px;}
}

@media screen and (max-width: 768px){
span.staff-icon {
    padding-top: 20px;
    font-weight: bold;
    font-size: 20px;}
}

@media screen and (min-width: 769px){
.stafftitle-new {
    padding-top: 20px;
    font-size: 20px;
    letter-spacing: 1.8px;
    position: relative;
    font-weight: bold;
    line-height: 27px;
    height: 90px;
  }
}

@media screen and (max-width: 768px){
.stafftitle-new {
    padding-top: 20px;
    padding-bottom: 30px;
    position: relative;
    font-weight: bold;
    font-size: 16px;}
}

@media screen and (min-width: 769px){
.staff-icon-title-mordal{
    color: #111111;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #44abdd;}
}
@media screen and (max-width: 768px){
.staff-icon-title-mordal{
    color: #111111;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #44abdd;}
}
/* ========== 個人向け商品ページ ========== */

.product-heading{
  text-align: center;
  color: #5e5e5e;
}

.product-sub-heading{
  color: #111111;
  font-size: 16px;
}

.product-label{
  border-bottom:solid 1px #c2c2c2;
  color: #44abdd;
  line-height: 1.3px;
  padding-bottom: 12px;
  margin-bottom: 56px;
}

@media screen and (min-width: 1024px){
  .product-sub-heading{
    width: 898px;
  }
}

@media screen and (min-width: 769px){
  .heading-wrap{
    padding-bottom: 150px;
  }

  .product-wrap{
    display: flex;
    align-items: flex-start;
    position: relative;
  }

  .product-heading{
    font-size: 32px;
    width: 676px;
    margin:auto;
    letter-spacing: 4.8px;
    padding-bottom:48px;
  }

  .product-sub-heading{
    margin:auto;
    text-align: center;
  }

  .product-label{
    font-size:32px;
  }

.product-label::before{
    content:"";
    border: 5px solid #44abdd;
    background-color: #44abdd;
    height: 16px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 24px;
  }

  .product-contents{
    width:30%;
    margin:0 50px 150px 0;
    box-sizing: content-box;
  }

  .product-contents:last-of-type{
    margin:0 0 150px 0;
  }

.product-contents p:first-of-type {
    color:#5e5e5e;
    font-weight:bold;
    margin:auto;
    font-size:22px;
    padding: 56px 0px 56px 0px;
    text-align:center;
  }

.product-contents p:nth-child(3) {
    padding-bottom: 20px;
  }

  .product-contents img{
    overflow:hidden;
  }
}

/*-------ipad用-------*/
@media screen and (min-width: 769px) and (max-width: 995px) {
  .product-contents p:first-of-type {
    font-size: 16px;
  }
  .product-contents p.product-text-padding {
    padding-top: 25px;
    }
}

@media screen and (max-width: 768px){
  .product-heading{
    padding-bottom: 30px;
    text-align: left;
  }

  .product-sub-heading{
    font-size: 16px;
    padding-bottom: 56px;
  }

.product-label{
    font-size:18px;
  }

.product-label::before{
    content:"";
    border: 5px solid #44abdd;
    background-color: #44abdd;
    height: 7px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 10px;
  }
  .product-contents{
    width:100%;
    margin:0px auto 56px;
  }

  .p-contents-last{
    margin:0 0 150px 0;
  }
  
  .product-contents img{
    width:95%;
    margin:auto;
  }

  .product-contents a{
    margin-top: 20px;
    display: block;
  }

  .sp-on{
    margin-bottom: 150px;
  }

  .product-contents p:first-of-type {
    color:#5e5e5e;
    font-weight:bold;
    margin:auto;
    font-size:22px;
    padding: 44px 0px 44px 0px;
    text-align:center;
  }

}

/* ========== 法人向け商品ページ ========== */    
@media screen and (min-width: 769px){
p.product-text-padding {
  padding-top: 35px;
  }

  .product-contents p:first-of-type.product-c-padding{
    padding-bottom: 90px;
  }
}

/* ========== 勧誘方針ページなど ========== */

.privacy-text-box{
  padding-bottom: 56px;
  padding-left:15px;
}

.c-article-heading{
  color:#44abdd;
  border-bottom:solid 1px #c2c2c2;
  padding-bottom: 15px;
  line-height: 1.2;
  display: flex;
  margin-bottom: 30px;
  font-weight: normal;
}

.c-article-heading::before{
  padding-bottom: 25px;
  margin-right: 15px;
  content: "";
  border-left: 10px solid #44abdd;
  display: block;
}

.compliance-section{
  padding-left: 15px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 56px;
}

@media screen and (min-width: 769px){
  .c-article-heading{
    font-size: 24px;
  }
}

@media screen and (max-width: 769px){
  .c-article-heading{
    font-size: 20px;
  }
}

/* ========== 個人情報保護方針ページ ========== */
.privacy-lead{
  font-size: 16px;
  color:#5e5e5e;
  padding: 0 0 56px 0;
}

.link-company{
  list-style: none;
  padding-top: 25px;
}

.privacy-adress {
  padding-bottom: 35px;
}

address {
  font-style: normal;
}

.adress-title{
  font-size: 20px;
  padding-bottom: 24px;
}

.adress-tel {
  padding-bottom: 30px;
}

.adress-tel-02 {
  font-size: 20px;
}

.adress-mail {
  font-size: 20px;
  color: #5e5e5e;
  padding-bottom: 30px;
}

.adress-time-01 {
  padding-bottom: 15px;
}

.adress-time-02 {
  padding-bottom: 30px;
}

a .adress-tel-02 {
  color: #5e5e5e;
  text-decoration: none;
}

.adress-mail a {
  text-decoration: none;
}

@media screen and (min-width: 769px){
  .privacy-lead{
    text-align: center;
    width: 750px;
    margin: auto;
    padding:0 0 150px 0;
  }

  .link-company{
    display: flex;
  }

  .privacy-lead-02{
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px){
  .link-company{
    display: block;
  }
}

/* ========== お客様本位の業務運営方針ページ ========== */

.support-ul {
	padding-left: 20px;
	margin-bottom: 56px;
}

.support-ul li{
  padding-bottom: 30px;
}

.support-ul li:last-child{
  padding-bottom: 0px;
}

.support-ul .support-li-title{
  color: #44abdd;
  font-weight: bold;
  list-style: none;
  padding: 0px;
  position: relative;
  left: -20px;
}

.support-ul .support-padding-none{
  padding:0px;
}

@media screen and (max-width: 768px){
  .support-ul {
    padding-left: 20px;
  }
}

/* ========== お問い合わせページ ========== */
.flex-box{
  display: flex;
  width: 580px;
  margin:auto;
}

.agree-lead{
  padding:0 42px 56px 42px;
  font-size:24px;
  letter-spacing:2.5px;
}

.agree-button{
  margin:0 0 56px 0;
}

.agree-button .flex-box p{
  margin-bottom: 0px;
}

.agree-button p{
  text-align: center;
  font-size: 18px;
  margin:0px 20px 25px 0;
  padding:2px 0 2px 0;
}

.agree-button-type01 {
  border:solid 1px #44abdd;
  width: 280px;
  position: relative;
  margin-right: 20px;
  padding-left: 25px;
  text-decoration: none;
  display: block;
}



.agreement-scroll-box ul{
  padding:0 0 0 15px;
  margin:0 0 56px 0;
}

.agree-button-type01 ::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #44abdd;
  border-right: solid 1px #44abdd;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  right: 30px;
}

.agree-button-type02 {
  border:solid 1px #44abdd;
  width: 280px;
  position: relative;
  text-decoration: none;
  display: block;
  padding-left: 25px;
}

.agree-button-type02 ::after{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #44abdd;
  border-right: solid 1px #44abdd;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  right: 30px;
}

.agree-button-type02 a{
  text-decoration: none;
}

.agreement-scroll-box{
  overflow-x: auto;
  height: 600px;
  overflow: scroll;
  border: 1px solid #c2c2c2;
  padding:40px;
}

@media screen and (max-width: 767px){
  .agree-lead{
    padding:0 0 56px 0;
    font-size:18px;
    letter-spacing:1.8px;
  }

  .flex-box{
    display: block;
    width: 100%;
  }

  .agree-button p{
    text-align: center;
    font-size: 15px;
    margin:0px 0px 25px 0;
    padding:2px 0 2px 0;
  }

  .agree-button-type01 {
    width: 100%;
    margin:0 0 20px 0;
    padding-left: 0px;
  }

  .agree-button-type02 {
    width: 100%;
    padding-left: 0px;
  }

  .agreement-scroll-box{
    padding:20px;
  }
}

/* ========== お問い合わせページ ========== */
.conta-title-message{
  font-size: 24px;
  color: #5e5e5e;
  padding: 0 0 150px 0;
  margin: auto;
}

input[type="button" i] {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  color: #44abdd;
  padding:5px 50px 5px 80px;
}

.contact-ul{
  list-style: none;
}

.contact-point-01{
  padding: 1px 0 0 0;
  color:#fff;
  text-align: center;
  background-color: #c31035;
  border-radius: 3px;
}

.contact-point-02{
  padding: 1px 0 0 0;
  color:#fff;
  text-align: center;
  background-color: #e29208;
  border-radius: 3px;
}

@media screen and (min-width: 1025px){
  .conta-title-message{
    width: 80%;
    text-align: center;
    line-height: 1.5;
  }
  
  .contact-ul{
    display: flex;
    padding-bottom: 50px;
  }

  .contact-ul li:first-child{
    width: 180px;
  }

  .name-field-01{
    padding-right: 20px;
  }

  .name-field-03{
    padding-right: 20px;
  }

  .name-field-02 {
    margin: 0px 20px 0px 40px;
  }

  .name-field-04{
    margin: 0px 10px 0px 30px;
  }
  
  .contact-point-01{
    margin-right: 52px;
    width:77px;
    height: 30px;
  }

  .contact-point-02{
    margin-right: 110px;
    width:77px;
    height: 30px;
  }

  .contact-point-margin{
    margin-right: 110px;
  }

  .contact-point-margin-middle{
    margin-right: 65px;
  }

  textarea {
    height: 290px;
    width: 454px;
    border: 1px solid #ccc;
  }

  .contact-box{
    border: 1px solid #ccc;
    height: 30px;
  }

  .cb-size-01{
    width: 275px;
  }

  .cb-size-02{
    width: 600px;
  }

  .cb-size-03{
    width: 280px;
  }

  .cb-size-04{
    width: 390px;
  }

  .c-button-position{
    position: relative;
    left: 370px;
  }
}

/*-------ipad用-------*/
@media screen and (min-width: 769px) and (max-width: 995px) {
  .c-button-position{
    margin: auto;
  }
}

@media screen and (max-width: 1024px){
  .contact-ul{
    padding: 0px 0px 50px 0px;
  }

  .conta-title-message{
    width: 80%;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 56px;
  }

  textarea{ 
  width: 100%;
  height: 200px;
  }

  .contact-point-01{
    margin:12px 0 12px 0px;
    width:20%;
    height: 30px;
  }

  .contact-point-02{
    margin:12px 0 12px 0px;
    width:20%;
    height: 30px;
  }

  li label {
    width: 100%;
    display: block;
  }

  li input {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
  }

  input[type="button" i] {
    padding:5px 50px 5px 60px;
  }
}

/*-------ipad用-------*/
@media screen and (min-width: 769px) and (max-width: 995px) {
  input[type="button" i] {
    padding:5px 50px 5px 75px;
  }
}

/* ========== サンクスページ ========== */
#thanks{
  padding-top: 150px;
  padding-bottom: 240px;
  background: #fff;
  text-align: center;}


@media screen and (max-width: 896px) {
#thanks{
  padding-top: 56px;
  padding-bottom: 75px;
  background: #fff;
  width:300px;
  margin: auto;
    font-weight: bold;
  }
}

/* ========== お客様の声ページ ========== */
.voice-heading{
  padding-bottom: 150px;
	font-size:24px;
	letter-spacing:2.5px;
  max-width: 1126px;
  margin: auto;
  text-align: center;
}

.voice-bold{
  font-weight: bold;
}

.panel{
  position: relative;
  background-color: #f0f9fd;
  margin-bottom: 56px;
  padding: 40px;
}

.voice-p-title{
  font-weight: bold;
  font-size: 24px;
  padding: 0px 0px 60px 0px;
}

.hideContent p{
  padding:0px 0px 40px 0px;
}

.hideContent img{
  width: 70%;
  margin: auto;
  padding:0px 0px 40px 0px;
}

.company-voice-name{
  text-align:right;
  padding:0px 40px 50px 0px;
}

@media screen and (min-width: 769px) {
  .company-voice-name-smp{
    display: none;
  }

  .more.voice-more{
    display: none;
  }
  
}

@media screen and (max-width: 768px){
  .voice-heading{
    font-size: 22px;
    text-align: left;
    padding:0 0 56px 0;
  }

  .panel{
    padding: 20px 10px;
  }

  .voice-p-title{
    font-size: 16px;
    padding: 0px 0px 20px 0px;
  }
  
  .company-voice-name-smp{
    text-align:right;
    padding:0px 10px 20px 0px;
    font-size: 16px;
  }

  .hideContent{
    display: none;
    margin-bottom: 20px;
  }
  
  .company-voice-name{
    display: none;
  }

  .voice-more{
    width: 74.5%;
    margin:20px auto;
    padding: 10px 0px;
  }

  .panel:last-child{
    margin:0px;
  }
}

/* ========== お知らせ一覧ページ ========== */
#news-all {
  margin: 0 0 240px 0;
}

.news-all-date {
  width: 185px;
}

.news-all-ttl{
  width: 485px;
}

.news-all {
  padding: 0px;
  background-color: #ffffff;
  width: 80%;
  margin: auto;
}
.news-all ul{
  display: flex;
  border-bottom: solid 0.5px #c2c2c2;
  padding: 30px 0 30px 0px;
}

.news-all ul:nth-child(n + 2){
  padding-top: 30px;
}

.news-all ul li{
  list-style: none;
  color: #111111;
}

.news-all ul li a{
  text-decoration: none;
  color: #111111;
}

.news-all ul li a:hover{
  opacity: 0.5;
}

.news-all-ul-02{
  position: relative;
}

.news-all-ttl :before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #111111;
  border-right: solid 1px #111111;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -4px;
}

.more{
  width: 30%;
  display: block;
  margin: auto;
  text-align: center;
  text-decoration: none;
  border: 1px solid #44abdd;
  color: #44abdd;
  background: #ffffff;
  padding-bottom: 6px;
  padding-top: 7px;
  margin-top: 30px;
}

@media screen and (max-width: 767px){
  #news-all {
    margin: 0 0 150px 0;
  }

  .news-all ul{
    display: block;
    padding: 30px 0;
  }

  .news-all-date {
    width: 100%;
  }
  
  .news-all-ttl{
    width: 100%;
  }

  .news-all-ttl-width{
    width: 95%;
  }

  .more{
    width: 70%;
  }

  .news-all {
    width: 100%;
    margin: auto;
  }
}

/* ========== ユナイトブレーンズセクション ========== */
.unite-brain{
  margin-bottom: 150px;
}

.unite-brain .trader img{
  padding:0 0 20px 0;
}

.trader-name{
  text-align: center;
  padding:0 0 20px 0;
}

@media screen and (max-width: 767px){
  .unite-brain-text {
    padding:0 0 40px 0;
  }

  .unite-brain-heading {
    padding:0 0 40px 0;
  }

  .trader-text{
    padding:0 0 40px 0;
  }

  .trader:last-child .trader-text{
  	padding:0 0 0 0;
  }
}

@media screen and (min-width: 768px){

  .unite-brain-heading {
    padding:0 0 56px 0;
  }
  .unite-brain-text{
    width: 640px;
    margin:auto;
    padding: 0 0 56px 0;
  }
  .unite-brain-heading img{
    width: 700px;
    margin:auto;
  }
  .unite-trader-wrapper {
    display: -webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-pack:justify;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      justify-content: space-between;
}
  .unite-brain .trader{
    width: calc(100% / 3 - 20px);
    align-items: flex-start;
    padding: 0px 0px 56px 0;
  }

  .trader:nth-child(3n){
    margin:0 0 0 0;
}

}
/* ========== オンライン契約サービスセクション ========== */
@media screen and (max-width: 767px){
  .online-ban-wrapper{
    margin:0 0 150px 0;
  }

  .online-ban-box figure img{
    width: 200px;
    padding:20px 0 0 0;
    margin: auto;
  }

  .online-ban-box{
    display: block;
  }
}

@media screen and (min-width: 768px){
  .online-ban-wrapper{
    margin:0 0 240px 0;
  }

  .online-ban-box figure img{
  margin:0 20px 0 0;
  }

  .online-ban-box a:nth-child(n + 3){
    padding: 50px 0 0 0;
  }

  .online-ban-box{
    display: -webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .online-ban-box a{
  width: calc(100% / 4 - 20px);}
}

/* ========== line遷移のバナーページ==========*/
.line-ban-logo{
  margin: auto;
}

.line-ban-box1{
  margin-bottom: 50px;
}

.line-box-text{
  text-align:center;
  margin:auto;
}

.line-text{
  padding:0 0 50px 0;
}

.line-box-text figure img{
    max-width: 320px;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
}

.line-box-text figure a:hover img{
  opacity: 0.5;
}

.line-company-name{
  padding:50px 0 0 0;
  text-align: center;
}


.line-company-name p{
  font-weight: bold;
}
@media screen and (max-width: 1024px){
  .line-text{
    margin-top: 70px;
  }
}
@media screen and (max-width: 769px){
.line-ban-box1{
  padding:50px 0 0 0;
  }
.line-text{
  text-align: left;
}
}



button{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
img {
width: 100%;
height: auto;
display:block;
}

.list-none{
list-style: none;
}

.toggle-pc { display: block; }
.toggle-sp { display: none; }

@media only screen and (max-width: 640px) {
.toggle-pc { display: none; }
.toggle-sp { display: block;}
}
a {
color: #111111;
}

a:hover {
color: #aaaaaa;
}

a:active {
color: #44abdd;
}

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

.container {
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}

@media screen and (max-width: 1023px) {
.container {
  margin-left: 20px;
  margin-right: 20px;}
}

@media screen and (min-width: 1024px) {
.container {
margin: auto;
max-width: 1000px;}
}

/* ========== 新サイト開設のお知らせPC ========== */
@media screen and (min-width: 768px){
body{
  max-width: 1000px;
  margin: auto;
}
.sp-on{
  display: none;
}

.inquiry ul:first-child{
  margin: 0 100px 0 60px;
}

.box1{
  text-align: center;
  margin: 80px 0 0 0; 
  line-height: 1.5;
}

}

h1{
font-size: 56px;
font-weight: bold;
}

.release-date{
font-size: 36px;
margin: 20px 0 0 0; 
}



.box1 p:nth-child(4){
padding:40px 0 0 0;
}

.text-box{
padding:56px 0 0 0;
}

.open-date{
margin: 95px 0 0 0;
}

.open-date p:nth-child(1){
font-weight: bold;
}

.new-hp{
margin:56px 0 0 0;
}

.new-hp p:nth-child(1){
font-weight: bold;
}

.inquiry{
display: flex;
margin:95px 0 120px 0;
justify-content: center;
align-items: center;
}

.inquiry ul li{
list-style: none;
padding: 0 0 20px 0 ;
}

.company-inquiry{
font-weight: bold;
}

.box1{
text-align: center;
margin: 80px 0 0 0; 
line-height: 1.5;
}

/* ========== 新サイト開設のお知らせSMP ========== */
@media screen and (max-width: 767px){
body{
  margin: 0 20px;}

h1{
  font-size: 24px;
  font-weight: bold;
}
  
.release-date{
   font-size: 20px;
   margin: 10px 0 0 0; 
}
.pc-on{
  display: none;
}

.open-date{
  margin: 56px 0 0 0;
}

.new-hp{
  margin:56px 0 0 0;
}

.inquiry{
  display: block;
  text-align: center;
}

.inquiry ul:first-child{
  margin:0 0 32px 0;
}

.inquiry ul li{
  padding: 0 0 10px 0 ;
}

.box-text{
  text-align: left;

}

}