@charset "utf-8";
/*
Theme Name:nihon shoun
Description: nihon-shoun Child Theme
Template:nano_tcd065
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain: tcd-nano
Version:1.6
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
body { font-family: 'Noto Sans JP', sans-serif !important; }

/* 改行*/
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

.mincho { font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif; line-height:2 !important; }
.dark-blue { color:#1d0066; }
.t-b { font-weight:bold; }
.t-cen { text-align:center;}

.l-header__logo { margin-right: 10px;}
.l-header__desc {font-family:  "游明朝", "Yu Mincho", "游明朝体", "YuMincho";font-weight: 500;font-size:18px;letter-spacing:0.5px; }

.p-global-nav > li > a, .p-menu-btn { color:#1d0066;}

/* ロゴ */
@media screen and (max-width:480px) {
.c-logo img {
    vertical-align: middle;
    height: 55px;
    width: auto; }
}

.p-news-tab-list__tabs-item.is-active a {
background:#1d0066;
}
.p-news-tab-list__tabs-item a:hover {
background:#1d0066;
}

/* フッター*/
.p-info__desc {font-family:  "游明朝", "Yu Mincho", "游明朝体", "YuMincho";font-size:17px;font-weight: 500;letter-spacing:0.5px; }

/* table 沿革 */
table.history { margin: 0 0 24px 0; border-collapse: collapse; border:none; border-top: 1px solid #ddd;}
table.history  td { border:none; border-bottom: 1px solid #eee; padding:16px 20px 15px !important; line-height: 2.2; font-size: 14px; }
table.history th { border:none;background:#fafafa;
vertical-align:top;
width:25%;
border-bottom: 1px solid #ddd; padding:16px 20px 15px !important;
line-height: 2; font-size: 14px; text-align:right;font-weight: 600; color:#1d0066; letter-spacing:1px;
}

/* table 会社概要 */
table.company { margin: 0 0 24px 0; border-collapse: collapse; border:none; border-top: 1px solid #ddd;}
table.company  td { border:none; border-bottom: 1px solid #eee; padding:16px 30px 15px !important; line-height: 2.2; font-size:14px; letter-spacing:1.5px;}
table.company th { border:none;background:#fafafa;
vertical-align:top;
/*text-align-last:justify;
text-justify: inter-ideograph;*/
text-align:center;
width:22%;
border-bottom: 1px solid #ddd; padding:16px 15px 15px !important;
line-height: 2; font-size: 14.5px;
font-weight:600; color:#1d0066; letter-spacing:1px;
}

@media screen and (max-width:480px) {
/* table 沿革 */
table.history  td { 
width:100%; display:block;
border:none; border-bottom: 1px solid #ddd; padding:16px 20px 15px !important; line-height: 2; font-size: 14px; }
table.history th { width:100%; display:block;
border:none; background:none;
padding:18px 20px 0px !important; vertical-align: middle;text-align:center; }
/* table 会社概要 */
table.company  td { 
width:100%; display:block;
border:none; border-bottom: 1px solid #ddd; padding:16px 20px 15px !important; line-height: 2; font-size: 14px; }
table.company th { width:100%; display:block;
border:none; background:none;
padding:18px 20px 0px !important; vertical-align: middle;text-align:center; }
}

/* 業務内容 */
h2.midashi {
font-family:  "游明朝", "Yu Mincho", "游明朝体", "YuMincho";
font-size:33px;
color:#1d0066;
position: relative;
padding: 1.5rem;
line-height:1;
text-align: center;display: block;
}

h2.midashi  span {
font-size: 15px;
}
h2.midashi:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 20px);
  width: 40px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #1d0066;
}

.service-aida { height:150px;clear:both; }
@media screen and (max-width:480px) {
.service-aida { height:50px;clear:both; }
}

ul.service_list {
display: flex;
width:90%;
font-size:18px;
margin:0 auto !important;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
li.service_item {
color:#fff;
width: calc(23% - 2%);
background-color: #24298b;
border-radius: 4px;
display: flex;
padding:0;
justify-content: center;
align-items: center;
min-height: 110px;
margin: 21px 2% 0 2%;
box-sizing: border-box;
}
@media screen and (max-width:480px) {
ul.service_list { 
width:100%; }
li.service_item {
width: calc(48% - 2%);
background-color: #24298b;
border-radius: 4px;
display: flex;
padding:0;
justify-content: center;
align-items: center;
min-height: 100px;
margin: 21px 2% 0 2%;
box-sizing: border-box;
}
}

ul.service_list02 {
color:#1d0066;
display: flex;
width:85%;
font-size:18px;
margin:0 auto !important;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
color:#24298b;
}
li.service_item02 {
width: calc(46% - 2%);
border: #24298b 4px solid;
border-radius: 4px;
display: flex;
padding:0;
justify-content: center;
align-items: center;
min-height:80px;
margin:15px 2% 0 2%;
box-sizing: border-box;
}
@media screen and (max-width:480px) {
ul.service_list02 { 
width:100%; }
}

ul.service_list-one {
color:#1d0066;
display: flex;
width:85%;
margin:0 auto !important;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
li.service_item-one {
width: calc(100%);
display: flex;
padding:0;
justify-content: center;
align-items: center;
margin:0;
box-sizing: border-box;
}
li.service_item-one.text-one {
width: calc(90%);
border: #24298b 4px solid;
border-radius: 4px;
display: flex;
padding:0;
min-height:80px;
font-size:18px;
justify-content: center;
align-items: center;
margin: 15px 5% 15px 5%;
box-sizing: border-box;
}
@media screen and (max-width:480px) {
ul.service_list-one { 
width:100%; }
}

ul.service_list03 {
color:#1d0066;
display: flex;
width:85%;
margin:0 auto !important;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
li.service_item03 {
width: calc(48% - 2%);
display: flex;
padding:0;
justify-content: center;
align-items: center;
margin:0 2% 0 2%;
box-sizing: border-box;
}
li.service_item03.text03 {
border: #24298b 4px solid;
border-radius: 4px;
display: flex;
padding:0;
background:#eee;
min-height:80px;
margin:15px 2% 15px 2%;
font-size:18px;
justify-content: center;
align-items: center;
box-sizing: border-box;
}
@media screen and (max-width:480px) {
ul.service_list03{ 
width:100%; }
}

.arrow {
position:relative;
vertical-align: middle;
width: 2px;
height:50px;
background-color: #1d0066;
}
.arrow-type01 .arrow:before,
.arrow-type01 .arrow:after{
content: "";
width: 12px;
height: 2px;
position: absolute;
}
.arrow-type01 .arrow:before{
bottom:2px;
right:-1px;
}
.arrow-type01 .arrow:after{
bottom:2px;
left:-1px;
}
.arrow-type01 .arrow:before{
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
background-color:#1d0066;
}
.arrow-type01 .arrow:after{
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
background-color:#1d0066;
}

/*お問い合わせボックス*/
ul.contact-box {
border:3px solid #24298b;
display: flex;
width:85%;
list-style:none;
margin:0 auto !important;
padding:20px 0 30px;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
}
ul.contact-box h2 {  width:100%;text-align:center;color:#24298b;margin-bottom:10px;}

li.contact-box-item {
width: calc(48% - 2%);
/* display: flex; */
padding:15px 0;
justify-content: center;
align-items: center;
text-align:center;
margin:0 2%;
box-sizing: border-box;
}
li.contact-box-item p { line-height:1.5;padding:0;margin:0;font-size:18px; }
li.contact-box-item img { padding:0;margin:0;}

.tel-num { 
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Oswald', sans-serif;
font-size:33px;
letter-spacing:1px;
font-weight:600;
color:#24298b;
background:#fafafa; }

.item-tel { background:#fafafa;}
.item-mail { background:#fafafa;}

@media screen and (max-width:480px) {
ul.contact-box h2 {  font-size:18px;padding:0 15px; }
li.contact-box-item {
width: calc(100%);
/* display: flex; */
padding:0;
justify-content: center;
align-items: center;
text-align:center;
margin:0;
box-sizing: border-box; }
.item-tel { padding-bottom:25px !important;}
.item-mail { border-top:1px solid #24298b; padding-top:20px !important; }
}

.txt-small { font-size:14px; }

.form-button {
background: #fff;
border:2px solid #24298b;
color:#24298b;
padding:14px 30px 15px;
margin:15px auto 0;
font-size:15px;
display: inline-block;
outline: none;
text-decoration: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
transition: all .3s;
}
.form-button:hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 50px rgba(128, 128, 128, 0.1) ;
border-color: transparent;
text-decoration: none !important;
}

.button-group {
width: 100%;
text-align: center;
line-height:1.5;
}
.tanka-button {
background: #fff;
border:2px solid #24298b;
color:#24298b;
text-align:center;
padding:19px 30px 20px;
margin:30px 10px 0;
font-size:15px;
display: inline-block;
outline: none;
text-decoration: none !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
transition: all .3s;
}
.tanka-button:hover {
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 50px rgba(128, 128, 128, 0.1) ;
border-color: transparent;
text-decoration: none !important;
}

.required { background:#dc143c;color:#fff;font-size:12.5px;padding:0px 5px 1px; white-space: nowrap;margin-right:0.5em;}
.wpcf7 form.sent .wpcf7-response-output {
    color: red;
    font-size:16px;
}
.p-btn a { font-weight:normal;}