@charset "UTF-8";
/* CSS Document */
:root {
  --tokioblue: #008afc;
}
.bg-tokioblue{
background-color: #008afc;
}
.bg-cnav{
background-color: #cccccc;
paddinb-bottom:1px;
}

.navbar-brand{
width:25%;
max-width: 250px;
}
.nav-link {
display: block;
padding: 1rem 0 0;
}
h2.section_ttl{
width:22vw;
min-width:12vw;
margin:auto;
}

/*-----sp_pc display change-----*/
.pc_visible {display:none !important;}
.sp_visible {display:block !important;}
@media print, only screen and (min-width: 769px) {
.pc_visible {display:block !important;}
.sp_visible {display:none !important;}
}

/*----- nav for SP -----*/
.navbar-brand_sp {
width:50%;
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: #fff;
}
.navbar-nav_sp {
text-align: center;
margin: 0 0 2rem 0;
}
.nav-item {
/*border-bottom:1px solid #fff;
padding: 0 0 0.5rem 0;*/
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}

/*----- mv area -----*/
.mvarea {
padding: 56px 0 1rem 0;
}
section::before {
content:'';
display: block;
padding-top: 56px;
margin-top: -56px;
background-color: #fff;
}
@media print, only screen and (min-width: 769px) {
.mvarea {
padding: 0 0 0.3rem 0;
}
section::before {
padding-top: 0;
margin-top: 0;
}
}

/*----- company-link area -----*/
.company_member {
padding: 0 15px;
width: 100%;
}
.company_member a {
margin: 0 0 0.5rem 0;
display: block;
}
.company_service {
border-left: 10px #008afc solid;
padding: 0 0 0 0.5rem;
font-size: 0.9rem;
margin: 0 0 1rem 0;
}
@media print, only screen and (min-width: 769px) {
.company_member {
width: 20%;
}
.company_member a {
;
}
.company_service {
margin: 0 0 0 0;
}
}

/*----- topic area -----*/
.bg-topic{
background-color: #e6e6e6;
}
.bg-topicttl{
background-image: none;
max-height: auto;
height: auto;
text-align: center;
padding: 1.5rem 0 1rem 0;
background-color: #008afc;
}
.bg-topicttl img {
width: 50%;
}
.bg-topicttl h2.section_ttl {
width: auto;
min-width: auto;
margin: 0 0 0 0;
}
/*.bg-topicttl {
  width: 100%;
  height: 100vh;
  background: repeating-linear-gradient(
    -10deg,   斜めの角度*/
/*    #008afc,  1色目 
/*    #008afc 10%,  帯の太さ */
/*    #ffffff 10%,  2色目（背景色） */
/*    #ffffff 20%  );
}*/
@media print, only screen and (min-width: 769px) {
.bg-topicttl{
background-image: url(../images/ttl_topic_bg.svg);
background-repeat: no-repeat;
background-size: 100%;
max-height: 320px;
height: 300px;
text-align: center;
padding: 8vw;
background-color: transparent;
}
.bg-topicttl img {
width: auto;
}
.bg-topicttl h2.section_ttl {
width: 22vw;
min-width: 12vw;
margin: auto;
}
}
ul.topic {
padding: 1rem 0 2rem 0;
}
@media print, only screen and (min-width: 769px) {
ul.topic {
padding: 0 15px 0 15px;
}
}
ul.topic li::marker {
content: "";
}
ul.topic a {
cursor: pointer;
}
ul.topic a:hover {
opacity: 0.8;
}
.topic dl{
display: flex;
}
.topic dt{
float: left;
width:6rem;
}

.topic dl.tg dt::after{content: url(../images/ico_tg.png);margin: auto 0;vertical-align: middle;}
.topic dl.ci dt::after{content: url(../images/ico_ci.png);margin: auto 0;vertical-align: middle;}
.topic dl.mk dt::after{content: url(../images/ico_mk.png);margin: auto 1em;vertical-align: middle;}
.topic dl.tk dt::after{content: url(../images/ico_tk.png);margin: auto 1em;vertical-align: middle;}
.topic dl.nt dt::after{content: url(../images/ico_nt.png);margin: auto 1em;vertical-align: middle;}
.topic dl.tc dt::after{content: url(../images/ico_tc.png);margin: auto 1em;vertical-align: middle;}

.topic dl.tg p::before{content: none;}
.topic dl.ci p::before{content: none;}
.topic dd .mk::before{content: none;}
.topic dd .tk::before{content: none;}
.topic dd .nt::before{content: none;}
.topic dd .tc::before{content: none;}

@media print, only screen and (min-width: 769px) {
.topic dl.tg dt::after{content: none;margin: auto 1em;}
.topic dl.ci dt::after{content: none;margin: auto 1em;}
.topic dl.mk dt::after{content: none;margin: auto 1em;}
.topic dl.tk dt::after{content: none;margin: auto 1em;}
.topic dl.nt dt::after{content: none;margin: auto 1em;}
.topic dl.tc dt::after{content: none;margin: auto 1em;}

.topic dl.tg p::before{content: url(../images/ico_tg.png);margin: auto 1em;vertical-align: middle;}
.topic dl.ci p::before{content: url(../images/ico_ci.png);margin: auto 1em;vertical-align: middle;}
.topic dl.mk p::before{content: url(../images/ico_mk.png);margin: auto 1em;vertical-align: middle;}
.topic dl.tk p::before{content: url(../images/ico_tk.png);margin: auto 1em;vertical-align: middle;}
.topic dl.nt p::before{content: url(../images/ico_nt.png);margin: auto 1em;vertical-align: middle;}
.topic dl.tc p::before{content: url(../images/ico_tc.png);margin: auto 1em;vertical-align: middle;}
}


/*----- visionn area -----*/
.vision_inner {
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
.vision_ttl{
}
.vision_inner_02 {
margin: 0 0 0 0;
text-align: center;
}
.vision_ttl{
}
.vision_ttl h2.section_ttl {
width: 50vw;
}
.vision_img {
margin: 2rem 0 3rem 0;
}
.vision_ph {
margin: 0 0 6rem 0;
}
@media print, only screen and (min-width: 769px) {
.vision_inner {
margin: 3rem auto 3rem auto;
padding: 0 15px 0 15px;
}
.vision_inner_02 {
margin: 0 3rem 0 3rem;
}
.vision_ttl h2.section_ttl {
width: 22vw;
}
.vision_img {
margin: 3rem 0 3rem 0;
}
.vision_ph {
margin: 0 0 0 0;
}
}


/*----- domain area -----*/
.domain_head{
width: 100%;
height: 70vh;
background: linear-gradient(5deg, #00a99d 80%, #ffffff 5%);
padding-top:20vh;
/*background-color: #00a99d;*/
}
#dom01 {background-color:#e8f9f7;}
#dom02 {background-color:#efefef;}
#dom03 {background-color:#f7ffe6;}
#dom04 {background-color:#ffebfe;}
#dom05 {background-color:#fcffde;}
#dom06 {background-color:#ebe9ff;}

.dom-con{
padding-top:10vh;
padding-bottom:10vh;
}

.dom-copy{
font-size:1.1rem;
line-height: 2.4rem;
}


/*----- group area -----*/

.group_head {
width: 100%;
background-color: #5e98e5;
padding-top:10vh;
padding-bottom:10vh;
}
.group-lead {
font-size:1.1rem;
line-height: 2.4rem;
color: #FFFFFF;
margin: 1rem 0 1rem 0;
}
h2.group_ttl {
width: 50vw;
}
@media print, only screen and (min-width: 769px) {
.group_head {
background: linear-gradient(-5deg, #5e98e5 80%, #fff 0%);
padding-top:20vh;
padding-bottom:5vh;
}
.group-lead {
margin: 0 0 1rem 0;
}
h2.group_ttl {
width: 22vw;
}
}


/*----- outline area -----*/

.outline_head{
}
.outline_ttl {
text-align: center;
border-bottom: 1px solid #5E98E5;
padding: 0 0 1rem 0;
margin: 4rem 0 3rem 0;
font-size: 1.7rem;
}
.group_list{
margin: 0 0 2rem 0;
}
.group_list h3 {
font-size: 1.3rem;
margin: 0 0 0.7rem 0;
color: #008afc;
}
.group_subject {
font-weight: 900;
}
.group_add {
margin: 0 0 0.5rem 0;
}
@media print, only screen and (min-width: 769px) {
.outline_ttl {
font-size: 2rem;
}
}


/*----- footer -----*/
footer {
	background-color: #0071bc;
	color: #fff;
	padding: 3rem 0 0 0;
}
.f_logo {
	max-width: 300px;
	margin: 0 0 1.5rem 0;
}
.f_group {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 3rem 0;
}
.f_group li {
	margin: 0 0 0.5rem 0;
}
.f_group a {
    color: #fff;
    text-decoration: none;
}
.f_copyright {
	text-align: center;
    font-size: 70%;
    letter-spacing: 0.1rem;
}