@charset "UTF-8";

/* group
----------------------------------------- */
#Group .container {
padding-top: 0;
}
#Group #philosophy {
padding-top: 50px;
padding-bottom: 80px;
background-color: #dadada;
border-bottom: 10px solid #cecece;
}
#Group #philosophy ul li {
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
background-color: #ffffff;
}
#Group #logo .wrap {
padding-bottom: 100px;
border-bottom: 10px solid #cecece;
}
#Group #logo img {
margin-right: auto;
margin-bottom: 50px;
margin-left: auto;
display: block;
}
#Group .sectionBkmap {
padding-top: 20px;
padding-bottom: 80px;
background-image: url("images/bk_group.png");
background-position: top;
background-repeat: no-repeat;
background-size: 100%;
}
#Group #policy .wrap {
padding-top: 50px;
padding-bottom: 60px;
position: relative;
text-align: center;
}
#Group #policy .wrap::before,
#Group #policy .wrap::after {
content: '';
display: block;
width: 60px;
height: 100%;
position: absolute;
top: 0;
}
#Group #policy .wrap::before {
left: 0;
border: 1px solid #333333;
border-right: none;
}
#Group #policy .wrap::after {
right: 0;
border: 1px solid #333333;
border-left: none;
}
#Group #policy strong {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
}
#Group #action ol li {
background-color: #ffffff;
border: 1px solid #b4b4b4;
text-align: justify;
}
#Group #action ol li .num {
margin-bottom: 20px;
display: block;
font-family: 'Noto Serif JP', serif;
font-size: 50px;
font-weight: bold;
text-align: center;
position: relative;
}
#Group #action ol li .num::after {
content: '';
margin: auto;
width: 80px;
height: 5px;
display: block;
}
#Group #action ol li:first-of-type .num::after {
background-color: #d3181a;
}
#Group #action ol li:nth-of-type(2) .num::after {
background-color: #183385;
}
#Group #action ol li:last-of-type .num::after {
background-color: #129044;
}

/* overview
----------------------------------------- */
#Overview #message {
margin-bottom: 80px;
}
#Overview #message .wrap {
position: relative;
}
#Overview #message .txtBlk {
text-align: justify;
}
#Overview #message .data {
margin-top: 40px;
width: 90%;
text-align: right;
}
#Overview #message .data .sign {
font-family: 'Noto Serif JP', serif;
font-weight: bold;
font-size: 120%;
}
#Overview #message figcaption {
padding-right: 1em;
font-size: 14px;
text-align: right;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(250,253,255,1) 47%, rgba(217,221,225,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(250,253,255,1) 47%,rgba(217,221,225,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(250,253,255,1) 47%,rgba(217,221,225,1) 100%);
}

#Overview #gaiyou .member {
padding-top: 50px;
padding-bottom: 40px;
background-color: #dadada;
position: relative;
}
#Overview #gaiyou .member li {
background-color: #ffffff;
}
#Overview #gaiyou .member li p strong {
padding: 0.4em 1em;
background-color: #cecece;
}
#Overview #gaiyou table {
width: 100%;
}
#Overview #gaiyou table th strong {
padding: 0.4em 1em;
background-color: #cecece;
}
#Overview #gaiyou table:first-of-type {
margin-bottom: 20px;
}
#Overview #gaiyou table:last-of-type {
margin-top: 40px;
}
#Overview #gaiyou table td h3 {
margin-top: 0.8em;
margin-bottom: 0.8em;
border-bottom: 3px solid #c7dded;
}
#Overview #gaiyou table td img {
margin-top: 20px;
margin-bottom: 20px;
}

/* sitemap
----------------------------------------- */
#Sitemap .container .li-level-1 {
margin-bottom: 1em;
padding: 1em;
border: 1px solid #d4d4d4;
}
#Sitemap .container .ul-level-2.redList {
border-left: 10px solid #d3181a;
}
#Sitemap .container .ul-level-2.blueList {
border-left: 10px solid #183385;
}
#Sitemap .container .ul-level-2.greenList {
border-left: 10px solid #129044;
}
#Sitemap .container .ul-level-2 > li {
margin-left: 1.5em;
}

/* policy
----------------------------------------- */
#Policy .container .more {
margin-bottom: 2em;
padding: 1em 1.5em;
border: 1px solid #d4d4d4;
}

#Policy .container h3 {
margin-bottom: 0.8em;
padding-bottom: 10px;
position: relative;
border-bottom: 1px solid #333333;
}
#Policy .container h3::before {
content: '';
min-width: 30%;
height: 3px;
display: block;
background-image: url("../img/ic_h2.svg");
background-position: top left;
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
bottom: -2px;
left: 0;
}
#Policy .container h4 {
margin-top: 1.2em;
margin-left: 1em;
margin-bottom: 0.4em;
padding-left: 0.8em;
border-left: 15px solid #d4d4d4;
}
#Policy .container ol {
margin-top: 1.2em;
margin-bottom: 2em;
margin-left: 2em;
}
#Policy .container ol li {
list-style-type: disc;
}
#Policy .container p {
margin-bottom: 0.8em;
padding-right: 1em;
padding-left: 1em;
}

/* contact
----------------------------------------- */
#Contact #line {
text-align: center;
}
#Contact #line .wrap p {
margin-bottom: 2em;
}
#Contact #line .wrap h3 {
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
width: 90%;
position: relative;
}
#Contact #line .wrap h3 span {
background-color: #ffffff;
position: relative;
z-index: 1;
}




/* ===========================================

 	PC向け表示設定
 
============================================== */
@media only screen and (min-width: 1100px){	

/* group
============================================== */
#Group .container {
width: 100%!important;
}
#Group section .wrap {
margin-right: auto;
margin-left: auto;
width: 1100px;
}
#Group #philosophy ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Group #philosophy ul li {
width: 32%;
background-color: #ffffff;
}
#Group #philosophy ul li img {
margin-right: auto;
margin-left: auto;
display: block;
}
#Group #policy {
margin-bottom: 80px;
}
#Group #policy strong {
font-size: 32px;
}
#Group #policy .wrap {
width: 960px;
}
#Group #action ol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Group #action ol li {
padding-top: 1em;
padding-right: 2em;
padding-bottom: 2em;
padding-left: 2em;
width: 30%;
}

/* overview
============================================== */
#Overview .container {
width: 100%!important;
}
#Overview section .wrap {
margin-right: auto;
margin-left: auto;
width: 1100px;
}
#Overview #message .txtBlk {
padding-bottom: 50px;
width: 50%;
position: relative;
z-index: 1;
}
#Overview #message figure {
position: absolute;
right: 0;
bottom: 0;
z-index: 0;
}
#Overview #message .txtBlk .mincho {
font-size: 25px;
}
#Overview #message .txtBlk p {
margin-bottom: 1.5em;
}
#Overview #gaiyou .member ul {
margin-right: auto;
margin-left: auto;
width: 1100px;
}
#Overview #gaiyou .member ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Overview #gaiyou .member li {
margin-top: 15px;
margin-bottom: 15px;
width: 46%;
display: flex;
align-items: center;
justify-content: space-between;
}
#Overview #gaiyou .member li p {
padding: 1em;
}
#Overview #gaiyou .member li p:nth-of-type(2) {
width: 100%;
font-size: 24px;
text-align: center;
}
#Overview #gaiyou .member li p strong {
width: 160px;
display: block;
font-size: 16px;
text-align: center;
}
#Overview #gaiyou table th strong {
width: 160px;
display: block;
}
#Overview #gaiyou table:first-of-type tr {
border-bottom: 1px solid #cecece;
}
#Overview #gaiyou table th {
width: 170px;
}
#Overview #gaiyou table th,
#Overview #gaiyou table td {
padding-top: 1em;
padding-bottom: 1em;
}
#Overview #gaiyou table td {
padding-right: 1em;
padding-left: 1em;
}

/* contact
============================================== */
#Contact #line .wrap h3 span {
padding-right: 2em;
padding-left: 2em;
display: inline-block;
}
#Contact #line .wrap h3::before {
content: '';
width: 100%;
height: 1px;
display: block;
background-color: #333333;
position: absolute;
top: 50%;
}


/* sitemap
============================================== */


/* policy
============================================== */




}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 1099px){

/* group
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Group .contentWrap {
width: 100%!important;
}
#Group #policy .wrap {
width: 80%;
}
#Group #philosophy ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Group #philosophy ul li {
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
width: 100%;
min-width: 32%;
max-width: 340px;
display: block;
background-color: #ffffff;
}
#Group section .wrap {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Group #action ol li {
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding-top: 1em;
padding-right: 2em;
padding-bottom: 2em;
padding-left: 2em;
width: 90%;
display: block;
}
#Group #action ol li .num {
margin-right: 10px;
display: inline-block;
width: 15%;
}


/* overview
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Overview .contentWrap {
width: 100%!important;
}
#Overview .txtBlk {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Overview #message figure {
padding: 30%;
overflow: hidden;
position: relative;
height: 100%;
min-height: 100%;
max-height: 450px;
}
#Overview #message img {
width: 100%;
min-width: 180%;
max-width: 960px;
position: absolute;
right: 0;
bottom: 10%;
z-index: 0;
}
#Overview #message figcaption {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
word-break: keep-all;
}

#Overview #gaiyou .member ul {
margin-right: auto;
margin-left: auto;
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Overview #gaiyou .member li {
margin-top: 15px;
margin-bottom: 15px;
padding: 0.8em;
width: 48%;
}
#Overview #gaiyou .member li p strong {
margin-bottom: 10px;
width: 100%;
display: block;
font-size: 2vmax;
}
#Overview #gaiyou .member li p {
font-size: 2.5vmax;
text-align: center;
}
#Overview #gaiyou .wrap {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Overview #gaiyou table th {
display: block;
}
#Overview #gaiyou table th strong {
display: block;
}
#Overview #gaiyou table td {
padding-top: 0.5px;
padding-bottom: 15px;
display: block;
text-align: justify;
}
#Overview #gaiyou table:last-of-type td h3 {
font-size: 3vmax;
}


/* contact
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */


/* sitemap
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */


/* policy
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */

#Contact #line .wrap h3 {
padding-bottom: 15px;
line-height: 1.2;
text-align: center;
word-break: keep-all;
}
#Contact #line .wrap h3 span {
padding-left: 1em;
}
#Contact #line .wrap h3::before {
content: '';
width: 100%;
height: 1px;
display: block;
background-color: #333333;
position: absolute;
top: 0.6em;
}



}/* end */