/*
Theme Name: Asian Identity
*/

html, body { height: 100%; }

html{
scroll-behavior: smooth;
}

body {
margin: 0 auto;
text-align: center;
font-family:  "Sarabun", 'Ysabeau', "Noto Sans JP", serif, sans-serif, helvetica, "Kozuka Gothic", "小塚ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", MS Gothic, futura, myriad pro, arial, movement;
color: #171c61;
font-size: 1.0rem;
line-height: 180%; 
padding:0px;
word-wrap: break-word ; 
-webkit-text-size-adjust: 100%;
font-feature-settings: "palt";
overflow-x: hidden;
letter-spacing: 1px;
background-image: url(/wp/images/back.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
}

body#pink{
background-image: url(/wp/images/back-pink.jpg);
}

body#purple{
background-image: url(/wp/images/back-purple.jpg);
}

body#green{
background-image: url(/wp/images/back-green.jpg);
}

body#lime{
background-image: url(/wp/images/back-lime.jpg);
}

body#sky{
background-image: url(/wp/images/back-sky.jpg);
background-color: #B9E3FA;
}

body#orange{
background-image: url(/wp/images/back-orange.jpg);
}


@media only screen and (max-width: 767px) {
body {
padding-top:80px;
letter-spacing: 0px;
}
}

input[type="search"],input[type="image"],input[type="button"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
margin:0px;
padding: 0px;
}

img {
border: 0px;
vertical-align:bottom;
}

a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

ul,ol {
margin-top:0px
padding-top: 0px;
}

li {
margin:0px;
padding: 0px;
}

dl,dt,dd {
margin:0px;
padding: 0px;
}

th {
white-space: nowrap;
  }

fieldset{
border: none;
outline: none;
margin:0px;
padding: 0px;
}

/* Texts */

a {
color: #171c61;
text-decoration: none;
padding:0;
margin:0;
}

a:hover {
color: #008ac6;
text-decoration: none;
padding:0;
margin:0;
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}

h1{
line-height: 130%; 
}


h2{
font-size: 2.3rem;
font-weight: 500; 
letter-spacing: 2px;
line-height: 100%; 
}

@media only screen and (max-width: 767px) {
h2{
font-size: 1.8rem;
letter-spacing: 0px;
line-height: 120%; 
}
}

h2.page-title{
margin: 30px auto 30px auto;
padding: 3px;
background: #008ac6;
color: #fff;
font-size: 120%; 
line-height: 140%;
text-align:center;
letter-spacing: 2px;
}

h3{
font-size: 1.7rem;
line-height: 130%;
text-align:center;
padding: 0px;
margin: 0px;
font-weight: 500; 
}

h4{
font-size: 130%; 
font-weight: 500; 
text-align:center;
}

h5{
font-size: 100%; 
font-weight: 500; 
text-align:left;
padding: 0px;
margin: 0px;
}

.font110{
font-size: 110%;
}

.font120{
font-size: 120%;
}

.font130{
font-size: 130%;
}

.font140{
font-size: 140%;
}

.font150{
font-size: 150%;
}

.font200{
font-size: 200%;
}

.font300{
font-size: 300%;
}


big{
font-size: 120%;
line-height:160%;
font-weight: bold;
}

.pink{
color: #ef858c;
}

.red{
color: #e60012;
}

.purple{
color: #ae82b8;
}

.green{
color: #60c1c0;
}

.lime{
color: #aacf52;
}

.sky,.blue{
color: #6bc8f2;
}

.orange{
color: #F1914C;
}


table{
width: 100%;
border-spacing:0;
}

table th{
border-top:solid 1px #9fd9f6;
padding:5px 1.5%;
text-align: right;
}

.ceo-box02 table th{
width: 22%;
}

table td{
border-top:solid 1px #9fd9f6;
padding:5px 1.5%;
text-align: left;
}

.ceo-box02 table td{
width: 72%;
}

table tr:last-child th {
border-bottom:solid 1px #9fd9f6;
}

table tr:last-child td{
border-bottom:solid 1px #9fd9f6;
}

@media only screen and (max-width: 767px) {
table th{
border-top:solid 1px #9fd9f6;
padding:5px 1% 5px 0 ;
text-align: right;
}

.ceo-box02 table th{
width: 20%;
}

table td{
border-top:solid 1px #9fd9f6;
padding:5px 0 0 1%;
text-align: left;
}

.ceo-box02 table td{
width: 78%;
}
}

/* Contents */


.contents {
width: 80%;
margin: 90px auto 90px auto;
}

.page .contents {
width: 80%;
margin: 10px auto 90px auto;
}

.contents-box {
width: 100%;
margin: 50px auto 50px auto;
text-align: left
}

.contents-box h2{
margin: 30px auto 30px auto;
text-align: center;
}

.contents-box h3{
font-size: 1.5rem;
margin: 30px auto 30px auto;
text-align: center;
}

.pan {
font-size: 80%;
letter-spacing:0px;
text-align:left;
}

.page-img {
width: 100%;
height: auto;
position: relative;
text-align: left;
}

.page-img::after {
  content: "";
  background: rgba(159,217,246,.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
width: 90%;
border-radius: 0 0 100px 0;
}

.page-img img, .page-img img.attachment-large, .page-img img.size-large{
height: auto;
width: 90%!important;
border-radius: 0 0 100px 0;
}

.contents-header {
width: 100%;
margin: 35px auto 35px auto;
height: 200px;
background-color: #171c61;
border-radius: 0 20px 0 0;
display: table;
overflow:hidden;
border:1.5px solid #171c61; 
}

.sky .contents-header {
background: linear-gradient(to right, rgb(23, 28, 97), rgb(23, 28, 97) 100px, rgb(0, 138, 198) 100%)
}

@media only screen and (max-width: 767px) {
.contents-header {
height: 143px;
}
}

.contents-header p{
margin: 5px auto 5px auto;
padding: 0;
}

.contents-header-left {
width: 251px;	
height: 200px;
display: table-cell;
overflow:hidden;
}

@media only screen and (max-width: 767px) {
.contents-header-left {
width: 180px;	
height: 143px;
display: table-cell;
}
}

.contents-header-left img{
width: auto;
height: 100%;
border-radius: 0 20px 0 0;
}

.contents-header-right {
width: calc(100% - 251px);
width:-webkit-calc(100% -251px);
height: 200px;
text-align: center;
vertical-align: middle;
display: table-cell;
color: #fff;
font-size: 1.0rem;
line-height: 160%; 
overflow:hidden;
}

.contents-header-right h2{
font-size: 1.8rem;
text-align: center;
}

#sky .contents-header-right h2{
font-size: 2.2rem;
text-align: center;
}

@media only screen and (max-width: 767px) {
.contents-header-right {
width: calc(100% - 180px);
width:-webkit-calc(100% -180px);
height: 143px;
font-size: 0.8rem;
line-height: 120%;
}
.contents-header-right h2{
margin:0;
padding:0;
font-size: 1.0rem;
}
.contents-header-right p{
margin:0;
padding:2px 0;
line-height: 120%;
}
}

.contents-header span{
display:inline-block;
padding: 1px 15px;
margin:15px 5px;
background-color: #fff;
color: #171c61;
border-radius: 20px;
text-align:center;
text-decoration: none;
font-size: 80%;
font-weight: 600; 
}

.contents-header a:hover{
display:inline-block;
padding: 1px 15px;
margin:15px 5px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px;
text-align:center;
text-decoration: none;
font-size: 80%;
font-weight: 600; 
}

@media only screen and (max-width: 767px) {
.contents-header a{
display:inline-block;
padding: 1px 5px;
margin:1px 2px;
font-size: 80%;
font-weight: 600; 
}
}


.contents-top {
width: 100%;
padding: 0px 0px 0px 0px;
position: relative;
text-align: left;
}

.contents-left {
width: 48%;
text-align: left;
padding: 15px 0px 15px 0px;
margin: 0px 1% 0px 0px;
float:left;
}

.contents-right {
width: 48%;
text-align: left;
padding: 15px 0px 15px 0px;
margin: 0px 0 0px 1%;
float:right;
}

.contents-icon{
width: auto;
height: 80px;
text-align: center;
margin: 10px 0;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
background-position: center center;
background-size: auto 80px;
background-repeat: no-repeat
}

.contents-icon.kb{
background-image: url(/wp/images/icon-kb.png);
}

.contents-icon.wsa{
background-image: url(/wp/images/icon-wsa.png);
}

.contents-icon.lp{
background-image: url(/wp/images/icon-lp.png);
}

.contents-icon.oa{
background-image: url(/wp/images/icon-oa.png);
}

.contents-icon.ws{
background-image: url(/wp/images/icon-ws.png);
}

.contents-icon.wa{
background-image: url(/wp/images/icon-wa.png);
}

#blue .contents-icon.kb{
background-image: url(/wp/images/icon-b-kb.png);
}

#blue .contents-icon.wsa{
background-image: url(/wp/images/icon-b-wsa.png);
}

#blue .contents-icon.lp{
background-image: url(/wp/images/icon-b-lp.png);
}

#blue .contents-icon.oa{
background-image: url(/wp/images/icon-b-oa.png);
}

#blue .contents-icon.ws{
background-image: url(/wp/images/icon-b-ws.png);
}

#blue .contents-icon.wa{
background-image: url(/wp/images/icon-b-wa.png);
}

#orange .contents-icon.kb{
background-image: url(/wp/images/icon-o-kb.png);
}

#orange .contents-icon.wsa{
background-image: url(/wp/images/icon-o-wsa.png);
}

#orange .contents-icon.lp{
background-image: url(/wp/images/icon-o-lp.png);
}

#orange .contents-icon.oa{
background-image: url(/wp/images/icon-o-oa.png);
}

#orange .contents-icon.ws{
background-image: url(/wp/images/icon-o-ws.png);
}

#orange .contents-icon.wa{
background-image: url(/wp/images/icon-o-wa.png);
}

#pink .contents-icon.kb{
background-image: url(/wp/images/icon-p-kb.png);
}

#pink .contents-icon.wsa{
background-image: url(/wp/images/icon-p-wsa.png);
}

#pink .contents-icon.lp{
background-image: url(/wp/images/icon-p-lp.png);
}

#pink .contents-icon.oa{
background-image: url(/wp/images/icon-p-oa.png);
}

#pink .contents-icon.ws{
background-image: url(/wp/images/icon-p-ws.png);
}

#pink .contents-icon.wa{
background-image: url(/wp/images/icon-p-wa.png);
}

#purple .contents-icon.kb{
background-image: url(/wp/images/icon-pp-kb.png);
}

#purple .contents-icon.wsa{
background-image: url(/wp/images/icon-pp-wsa.png);
}

#purple .contents-icon.lp{
background-image: url(/wp/images/icon-pp-lp.png);
}

#purple .contents-icon.oa{
background-image: url(/wp/images/icon-pp-oa.png);
}

#purple .contents-icon.ws{
background-image: url(/wp/images/icon-pp-ws.png);
}

#purple .contents-icon.wa{
background-image: url(/wp/images/icon-pp-wa.png);
}

#green .contents-icon.kb{
background-image: url(/wp/images/icon-g-kb.png);
}

#green .contents-icon.wsa{
background-image: url(/wp/images/icon-g-wsa.png);
}

#green .contents-icon.lp{
background-image: url(/wp/images/icon-g-lp.png);
}

#green .contents-icon.oa{
background-image: url(/wp/images/icon-g-oa.png);
}

#green .contents-icon.ws{
background-image: url(/wp/images/icon-g-ws.png);
}

#green .contents-icon.wa{
background-image: url(/wp/images/icon-g-wa.png);
}

#lime .contents-icon.kb{
background-image: url(/wp/images/icon-l-kb.png);
}

#lime .contents-icon.wsa{
background-image: url(/wp/images/icon-l-wsa.png);
}

#lime .contents-icon.lp{
background-image: url(/wp/images/icon-l-lp.png);
}

#lime .contents-icon.oa{
background-image: url(/wp/images/icon-l-oa.png);
}

#lime .contents-icon.ws{
background-image: url(/wp/images/icon-l-ws.png);
}

#lime .contents-icon.wa{
background-image: url(/wp/images/icon-l-wa.png);
}


@media only screen and (max-width: 767px) {
.contents {
width: 90%;
margin: 0px auto 90px auto
}

.contents-left,.contents-right,.business01 .contents-left,.business01 .contents-right {
width: 100%;
margin: 0;
float:none;
}
}

.contents-bottom {
clear: both;
width: 100%;
padding: 15px 0px 15px 0px;
position: relative;
text-align: left;
}

.contents-box:before,.contents-top:before,.contents-bottom:before,.contents-box:after,.contents-top:after,.contents-bottom:after,.contents:after  {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.contents-top img,.contents-left img,.contents-right img,.contents-bottom img{
max-width: 100%;
height:auto;
}

.contents-menu {
text-align: center;
padding: 0px 0px 10px 0px;
}

.contents-img {
width: 30%;
float: left;
}

.contents-img img{
width: 100%;
height:auto;
margin: auto;
}

.contents-txt {
width: 67%;
float: right;
text-align: left;
}

.contents-txt h3{
text-align:left;
margin-top: 0!important;
}

@media only screen and (max-width: 767px) {
.contents-img {
width: 100%;
float: none;
margin-bottom:25px;
}

.contents-txt {
width: 100%;
float: none;
}
}

.contents-slide ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.contents-slide ul li{
width: 30%;
vertical-align: top;
}

@media only screen and (max-width: 767px) {
.contents-slide ul li{
width: 100%;
margin-bottom: 30px;
}
}

.contents-slide ul li img{
width:100%;
height:auto;
border:1.5px solid #171c61; 
border-radius: 20px; 
}

.contents-images ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.contents-images ul li{
width: 30%;
vertical-align: top;
}

@media only screen and (max-width: 767px) {
.contents-images ul li{
width: 100%;
margin-bottom: 30px;
}
}

.contents-images ul li img{
width:100%;
height:auto;
border-radius: 0 20px 0 0; 
}


.contents-list {
width: 100%;
margin: 25px 0 0 0;
padding: 25px 0 0 0;
border-top: 1.5px solid #9fd9f6;
display: table;
}

#pink .contents-list {
border-top:1.5px solid #ef858c;
}

#orange .contents-list {
border-top:1.5px solid #F1914C;
}

#purple .contents-list {
border-top:1.5px solid #ae82b8;
}

#green .contents-list {
border-top:1.5px solid #60c1c0;
}

#lime .contents-list {
border-top:1.5px solid #aacf52;
}

#blue .contents-list {
border-top:1.5px solid #6bc8f2;
}

.contents-list:last-child {
padding: 35px 0 35px 0;
border-bottom: 1.5px solid #9fd9f6;
}

#pink .contents-list:last-child {
border-bottom:1.5px solid #ef858c;
}

#orange .contents-list:last-child {
border-bottom:1.5px solid #F1914C;
}

#purple .contents-list:last-child {
border-bottom:1.5px solid #ae82b8;
}

#green .contents-list:last-child {
border-bottom:1.5px solid #60c1c0;
}

#lime .contents-list:last-child {
border-bottom:1.5px solid #aacf52;
}

#blue .contents-list:last-child {
border-bottom:1.5px solid #6bc8f2;
}

.contents-list-img{
width: 250px;	
display: table-cell;
padding-right: 20px;
}
.contents-list-img img{
width: 100%;
height: auto;
border-radius: 0 20px 0 0;
}

.contents-list-txt {
width: calc(100% - 380px);
width:-webkit-calc(100% - 380px);	
text-align: left;
vertical-align: top;
display: table-cell;
}

.contents-list-title{
min-height: 40px;
vertical-align:middle;
color: #9fd9f6;
margin: 10px auto;
}

#pink .contents-list-title{
color: #ef858c;
}

#orange .contents-list-title{
color: #F1914C;
}

#purple .contents-list-title{
color: #ae82b8;
}

#green .contents-list-title{
color: #60c1c0;
}

#lime .contents-list-title{
color: #aacf52;
}

#blue .contents-list-title{
color: #6bc8f2;
}

.contents-list-title p{
display: none;
}

.contents-list-title span:before{
content: '';
display: block;
background: #6AC7F1 url(/wp/images/icon-case.gif) no-repeat center center;
background-size: 90% auto;
width:  60px;
height: 60px;
border-radius: 30px;
position: absolute;
top: -15px;
left: -50px;
}

#pink .contents-list-title span:before{
background: #ef858c url(/wp/images/service-philosophy-icon-c.gif) no-repeat center center;
background-size: 90% auto;
}

#orange .contents-list-title span:before{
background: #F1914C url(/wp/images/icon-o-case.gif) no-repeat center center;
background-size: 90% auto;
}

#purple .contents-list-title span:before{
background: #ae82b8 url(/wp/images/service-recruting-icon-c.gif) no-repeat center center;
background-size: 90% auto;
}

#green .contents-list-title span:before{
background: #60c1c0 url(/wp/images/service-development-icon-c.gif) no-repeat center center;
background-size: 90% auto;
}

#lime .contents-list-title span:before{
background: #aacf52 url(/wp/images/service-engagement-icon-c.gif) no-repeat center center;
background-size: 90% auto;
}

#blue .contents-list-title span:before{
background: #6bc8f2 url(/wp/images/service-evaluation-icon-c.gif) no-repeat center center;
background-size: 90% auto;
}

#pink.workshop .contents-list-title span:before,#orange.workshop .contents-list-title span:before,#purple.workshop .contents-list-title span:before,#green.workshop .contents-list-title span:before,#lime.workshop .contents-list-title span:before,#blue.workshop .contents-list-title span:before{
background-image: url(/wp/images/icon-workshop-case.png);
background-size: auto 60%;
}

.contents-list-title span{
width: 50px;
background: #6AC7F1;
color: #fff;
border-radius: 0 20px 20px 0;
font-size: 90%;
padding:0 10px 0 15px;
margin:0 0 0 50px;
display: inline-block;
position: relative;
white-space: nowrap;
}

#pink .contents-list-title span{
background: #ef858c;
}

#orange .contents-list-title span{
background: #F1914C;
}

#purple .contents-list-title span{
background: #ae82b8;
}

#green .contents-list-title span{
background: #60c1c0;
}

#lime .contents-list-title span{
background: #aacf52;
}

#blue .contents-list-title span{
background: #6bc8f2;
}

.contents-list-title span b{
font-family:  helvetica, "Kozuka Gothic", "小塚ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", MS Gothic;
font-weight: normal;
}

.contents-list-title div{
width: calc(100% - 150px);
width:-webkit-calc(100% - 150px);
display: inline-block;
vertical-align: middle;
margin:0 0 0 10px;
}

.contents-list-btn {
width: 110px;
vertical-align: middle;
display: table-cell;
letter-spacing: 0px;
font-size: 90%;
}

#pink .contents-list-btn a.btn{
border: 1.5px solid #ef858c;
}

#pink .contents-list-btn a.btn:hover{
background-color: #ef858c;
border: 1.5px solid #ef858c;
}


#orange .contents-list-btn a.btn{
border: 1.5px solid #F1914C;
}

#orange .contents-list-btn a.btn:hover{
background-color: #F1914C;
border: 1.5px solid #F1914C;
}

#purple .contents-list-btn a.btn{
border: 1.5px solid #ae82b8;
}

#purple .contents-list-btn a.btn:hover{
background-color: #ae82b8;
border: 1.5px solid #ae82b8;
}

#green .contents-list-btn a.btn{
border: 1.5px solid #60c1c0;
}

#green .contents-list-btn a.btn:hover{
background-color: #60c1c0;
border: 1.5px solid #60c1c0;
}

#lime .contents-list-btn a.btn{
border: 1.5px solid #aacf52;
}

#lime .contents-list-btn a.btn:hover{
background-color: #aacf52;
border: 1.5px solid #aacf52;
}

#blue .contents-list-btn a.btn{
border: 1.5px solid #6bc8f2;
}

#blue .contents-list-btn a.btn:hover{
background-color: #6bc8f2;
border: 1.5px solid #6bc8f2;
}


@media only screen and (max-width: 767px) {
.contents-list-img{
width: 100%;	
display: block;
padding: 0 0 10px 0;
}

.contents-list-txt {
width: 100%;	
display: block;
padding: 0 0 10px 0;
}
.contents-list-btn {
width: 100%;	
display: block;
text-align: center;
}
}

.com-box{
border:1.5px solid #9fd9f6;
padding: 25px;
border-radius: 0 50px 0 0;
text-align: left;
position: relative;
margin:30px 15px 30px 45px;
}

.com-box{
border:1.5px solid #9fd9f6;
padding: 25px;
border-radius: 0 50px 0 0;
text-align: left;
position: relative;
}

#pink .com-box{
border:1.5px solid #ef858c;
}

#orange .com-box{
border:1.5px solid #F1914C;
}

#purple .com-box{
border:1.5px solid #ae82b8;
}

#green .com-box{
border:1.5px solid #60c1c0;
}

#lime .com-box{
border:1.5px solid #aacf52;
}

#blue .com-box{
border:1.5px solid #6bc8f2;
}

@media only screen and (max-width: 767px) {
.com-box{
margin-bottom: 25px;
}
}

.com-box span:before{
content: '';
display: block;
background-color: #6AC7F1;
background-image: url(/wp/images/icon-workshop-voice.png);
background-repeat: no-repeat;
background-position: center center;
background-size: auto 60%;
width:  60px;
height: 60px;
border-radius: 30px;
position: absolute;
top: -15px;
left: -50px;
}

#pink .com-box span:before{
background-color: #ef858c;
}

#orange .com-box span:before{
background-color: #F1914C;
}

#purple .com-box span:before{
background-color: #ae82b8;
}

#green .com-box span:before{
background-color: #60c1c0;
}

#lime .com-box span:before{
background-color: #aacf52;
}

#blue .com-box span:before{
background-color: #6bc8f2;
}

.com-box span{
width: 85px;
background: #6AC7F1;
color: #fff;
border-radius: 0 20px 20px 0;
font-size: 0.9rem;
padding:2px 10px 2px 15px;
margin:0;
display: inline-block;
position: absolute;
top: -15px;
left: 5px;
}

#pink .com-box span{
background: #ef858c;
}

#orange .com-box span{
background: #F1914C;
}

#purple .com-box span{
background: #ae82b8;
}

#green .com-box span{
background: #60c1c0;
}

#lime .com-box span{
background: #aacf52;
}

#blue .com-box span{
background: #6bc8f2;
}

.com-box span b{
font-family:  helvetica, "Kozuka Gothic", "小塚ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", MS Gothic;
font-weight: normal;
}

@media only screen and (max-width: 767px) {
.com-box span{
left: 35px;
}	
}

.links{
margin-top:-105px;
padding-top:105px;
}


#download .links{
margin-top:-125px;
padding-top:125px;
}

@media only screen and (max-width: 767px) {
.links{
margin-top:-55px;
padding-top:55px;
}
#download .links{
margin-top:-75px;
padding-top:75px;
}
}

.txt {
padding: 10px 0 10px 0px;
margin: auto;
}

.box {
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box50{
width:50% !important;
margin:auto !important;  
text-align: left;
}

.box60 {
width: 60%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box70 {
width: 70%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box80 {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box a,.box50 a,.box60 a,.box70 a,.box80 a {
text-decoration: underline;
}

.box a:hover,.box50 a:hover,.box60 a:hover,.box70 a:hover,.box80 a:hover {
text-decoration: none;
}

@media only screen and (max-width: 767px) {	
.box {
width: 95%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.box50{
width:90% !important;
margin:auto !important;  
padding: 20px 0 20px 0px;
text-align: left;
}

.box60 {
width: 90%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}
}

.menu-box {
position: relative;
margin: 0 0 0 0;
text-align: left;
color: #171c61;
}

.menu-txt {
width: 40%;
position: absolute;
top: 350px;
right: 0px;
text-align: left;
}

.menu-img {
width: 40%;
text-align: left;
}

.menu-img img{
width: 100%;
height:auto;
padding: 0 0 10px 0;
}

#gallery-1 {
margin: auto;
border: 0px !important;
}
#gallery-1 .gallery-item {
float: left;
padding-top: 4%;
text-align: center !important;
width: 25% !important;
border: 0px !important;
}
#gallery-1 img {
width: 98% !important;
height:auto !important;
border: 0px !important;
}
#gallery-1 .gallery-caption {
margin-left: 0 !important;
}

#gallery-1 dt {
font-weight: bold;
white-space: nowrap;
padding-bottom: 0px;
border-bottom:0px;
}

.wp-caption-text {
font-size: 80%;
line-height: 130%; 
padding-bottom: 0;
margin-bottom: 0;
}

.clear {
clear: both;
font: 0pt/0pt sans-serif;
}

.line {
width: 100%;
margin: 15px 0px 15px 0px;
border-bottom: 1px solid #9fd9f6;
clear: both;
}

.line-box{
border:1.5px solid #9fd9f6;
padding: 25px;
border-radius: 0 50px 0 0;
text-align: left;
}

.benefits .line-box{
border:1.5px solid #9fd9f6;
padding: 25px;
border-radius: 0 50px 0 0;
text-align: left;
background: #bae3f9;
font-size: 120%;
font-weight: bold;
}

#blue .benefits .line-box{
background: #bae3f9;
}

#blue .line-box{
border:1.5px solid #9fd9f6;
}

#orange .benefits .line-box{
background: #FBDABD;
}

#orange .line-box{
border:1.5px solid #F1914C;
}

#pink .benefits .line-box{
background: #F9D1D0;
}

#pink .line-box{
border:1.5px solid #EF858C;
}

#purple .benefits .line-box{
background: #E0D2E7;
}

#purple .line-box{
border:1.5px solid #AE82B8;
}

#lime .benefits .line-box{
background: #d7e7af;
}

#lime .line-box{
border:1.5px solid #aacf52;
}

#green .benefits .line-box{
background: #bfe3e1;
}

#green .line-box{
border:1.5px solid #60c1c0;
}

.triangle {
padding: 0 0 0 0;
width: 0;
height: 0;
border-style: solid;
border-width: 6.0px 0 6.0px 10.0px;
border-color: transparent transparent transparent #924898;
display: inline-block;
}

.indent{
margin-left: 0.8rem; 
}

.space{
height: 2.5rem; 
clear: both;
}

#caption{
position: relative;
}

#caption:after{
content:attr(title);
display:block;
text-align:center;
position: absolute;
bottom:-20px;
}

.img-left{
float:left;
margin-right: 15px;
}

.img-right{
float:right;
margin-left: 15px;
}

.btn-left{
float:left;
margin: 15px 15px 0 0;
}

.btn-right{
float:right;
margin: 15px 0 15px 0;
}

@media only screen and (max-width: 767px) {
.img-left{
float: none;
margin: 10px 0px 10px 0px;
}

.img-right{
float: none;
margin: 10px 0px 10px 0px;
}
.btn-left{
float: none;
margin: 10px 0px 10px 0px;
}

.btn-right{
float: none;
margin: 10px 0px 10px 0px;
}
}

.btn-list{
text-align: center;
padding: 20px 0 20px 0px;
margin: auto;
}

.btn-list a.btn{
text-align: center;
display:inline-block;
padding: 9px 45px 9px 45px;
margin:0px 15px;
}

.btn-list a.btn:hover{
text-align: center;
display:inline-block;
padding: 9px 45px 9px 45px;
margin:0px 15px;
}

@media only screen and (max-width: 767px) {
.btn-list a.btn{
padding: 9px 15px 9px 15px;
margin:0px 5px;
}
}

.time {
font-size: 90%;
font-family:  'Noto Sans JP',sans-serif;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

button.c-btn{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
color: #1d7faa;
}

.c-btn:hover,
.c-btn.is-active {
color: #31b6a3;
}

img.mail{
zoom: 0.5;
}

@media only screen and (max-width: 767px) {
img.mail{
zoom: 0.5;
padding: 2px 0 2px 0;
}
}

.navigation {
margin-top: 15px;
margin-bottom: 15px;
}

.navigation a{
text-decoration: none;
margin: 0px;
padding: 0px;
border-bottom-width: 0px
}

.alignright {
float: right;
padding: 0px 0px 15px 15px;
}

.alignleft {
float: left;
padding: 0px 15px 15px 0px;
}

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }

@media only screen and (max-width: 767px) {
.alignright,.alignleft {
float: none;
padding: 0px 0px 15px 0px;
}
}

@media only screen and (max-width: 767px) {
.alignright,.alignleft {
float: none;
padding: 0px 0px 15px 0px;
}
.alignright img,.alignleft img{
width: 100%;
height: auto;
}
}

dl.flow{
width:50%;
margin:auto;
text-align:center;
}

.flow dt{
color:#fff;
background: #008ac6;
padding:5px;
text-align:center;
display:block;
font-weight: normal;
}

.flow dd{
border: 2px solid #008ac6;
margin-bottom:30px;
padding:10px 10px 10px 10px;
text-align:center;
position: relative;
display:block;
}

.flow dd:after{
content:"";
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #008ac6;
position: absolute;
bottom: -15px;
left: 0;
right: 0;
margin:auto;
}

.flow dd:last-of-type:after{
content:"";
display: none;
}

.flow dd ul{
text-align:left;
}

@media only screen and (max-width: 480px) {
dl.flow{
width:100%;
margin:auto;
text-align:center;
}
}

.border-box {
border: 1px solid #005ead;
padding:10px;
margin: 10px auto 10px auto
}

.border-box-b{
border: solid 1px #333;
padding:10px;
margin: 10px auto 10px auto
}

.color-box {
color:#fff;
background: #005ead;
padding:10px;
margin: 10px auto 10px auto
}

a.btn{
display:inline-block;
padding: 9px 15px 9px 15px;
margin:15px 0px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 600; 
}

a.btn:hover{
display:inline-block;
padding: 9px 15px 9px 15px;
margin:15px 0px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 600; 
}

ul.disc {
list-style: none;
padding: 0;
margin:0;
}
ul.disc li {
position: relative;
padding: 0 0 10px 10px;
}
ul.disc li:before {
content: '';
position: absolute;
top: 0.8em;
left: 0;
transform: translateY(-50%);
width: 0.25em;
height: 0.25em;
background: #333;
border-radius: 50%;
}

.benefits ul.disc li {
padding: 5px 0 5px 10px;
}

.benefits ul.disc li:before {
top: 1.0em;
}

ul.checkmark {
list-style: none;
padding: 0;
margin:0;
}

ul.checkmark li {
	padding-left:24px;
	position:relative;
}

ul.checkmark li:before,
ul.checkmark li:after{
	content:"";
	display:block;
	position:absolute;
}
ul.checkmark li:before{
	width:16px;
	height:16px;
	border-radius:50%;
	background:#ffffff;
	border:1px solid #171c61;
	left:0;top:5px;
}
ul.checkmark li:after{
	border-left:2px solid #171c61;
	border-bottom:2px solid #171c61;
	width:7px;
	height:4px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:10px;
}

ul.point{
list-style: none;
padding: 0;
margin:0;
}
ul.point li {
position: relative;
padding: 0 0 0 10px;
}
ul.point li:before {
content: '・';
position: absolute;
top: 0;
left: 0;
width: 0.5em;
height: 0.5em;
background: none;
}

ul.kome{
list-style: none;
padding: 0;
margin:0;
}
ul.kome li {
position: relative;
padding: 0 0 0 10px;
}
ul.kome li:before {
content: '※';
position: absolute;
top: 0;
left: 0;
width: 0.5em;
height: 0.5em;
background: none;
}

ul.circle {
list-style: none;
padding: 0;
margin:0;
}
ul.circle li {
position: relative;
padding: 0 0 0 10px;
}
ul.circle li:before {
content: '';
position: absolute;
top: 10px;
left: 0;
transform: translateY(-50%);
width: 0.5em;
height: 0.5em;
border: 1px solid #333;
border-radius: 50%;
}

ul.number {
list-style-type: decimal;
padding: 0;
margin:0;
}

ul.number li {
margin-left: 19px;
}

ul.number-p {
list-style-type: decimal;
}

ul.number-p li {
  position: relative;
  list-style-type: none;
}

ul.number-p li:before {
  position: absolute;
  right: calc(100% + 0.5rem);  /* 0.5remは連番とテキストとの余白 */
  content: "(" counter(list-item) ")";
}

ul.number-b {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.number-b li {
position: relative;
padding-left: 17px;
}
ul.number-b li:before {
content: '';
position: absolute;
display: block;
top: 2px;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
 background:#333;
}
ul.number-b li:after{
position: absolute;
top: 0px;
left: 4px;
  content: counter(my-counter);
counter-increment: my-counter;
color:#fff;
}

ul.number-w {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.number-w li {
position: relative;
padding-left: 17px;
}
ul.number-w li:before {
content: '';
position: absolute;
display: block;
top: 2px;
left: 0;
width: 1em;
height: 1em;
border: 1px solid #333;
border-radius: 50%;
text-align: center;
}
ul.number-w li:after{
position: absolute;
top: 0px;
left: 4px;
  content: counter(my-counter);
counter-increment: my-counter;
color:#333;
}

ul.number-r {
list-style-type: upper-roman;
padding: 0;
margin:0;
}

ul.number-r li {
margin-left: 21px;
}

ul.number-r-s {
list-style-type: lower-roman;
padding: 0;
margin:0;
}

ul.number-r-s li {
margin-left: 21px;
}

ul.alpha {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.alpha li {
position: relative;
padding-left: 17px;
}
ul.alpha li:before {
content: '';
position: absolute;
display: block;
top: 0.8em;
left: 0;
transform: translateY(-50%);
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
}
ul.alpha li:after{
position: absolute;
top: 0;
left: 0;
content:counter(my-counter, upper-alpha) ".";
counter-increment: my-counter;
color:#333;
}

ul.alpha-s {
counter-reset: my-counter;
list-style: none;
padding: 0;
margin:0;
}
ul.alpha-s li {
position: relative;
padding-left: 17px;
}
ul.alpha-s li:before {
content: '';
position: absolute;
display: block;
top: 0.8em;
left: 0;
transform: translateY(-50%);
width: 1em;
height: 1em;
border-radius: 50%;
text-align: center;
}
ul.alpha-s li:after{
position: absolute;
top: 0;
left: 0;
content:counter(my-counter, lower-alpha) ".";
counter-increment: my-counter;
color:#333;
}

ul.number li ul,ul.number-w li ul,ul.number-b li ul,ul.number-r li ul,ul.number-r-s li ul{
margin-left:-18px!important;
}

ul.alpha li ul,ul.alpha-s li ul{
margin-left:-18px!important;
}

.explain dt{
display:block;
float:left;
font-weight: bold;
white-space: nowrap;
width:40px;
vertical-align:top;
}

.explain dd {
display:block;
float:left;
padding: 0 0 0 10px;
width: calc(100% - 55px);
width:-webkit-calc(100% - 55px);
vertical-align:top;
}

.explain:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.icon dt{
display:block;
float:left;
font-weight: bold;
white-space: nowrap;
width:10px;
vertical-align:top;
}

.icon dd {
display:block;
float:left;
padding: 0 0 0 5px;
width: calc(100% - 20px);
width:-webkit-calc(100% - 20px);
vertical-align:top;
}

.icon:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

/* Header */

header{
width:95%;
padding: 0 2.5%;
margin: auto;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
background: rgba(255, 255, 255, 0.8);
height:80px;
font-size: 1.0rem;
letter-spacing: 0px;
}

#home header{
background: none;
}

@media print, screen and (max-width: 1024px) {
header{
width:100%;
padding: 0;
margin: 0;
}	
}

header ul, header li {
padding:0;
margin:0;
list-style: none;
}

#header-back{
position: fixed;
top: -80px;
left: 0;
transition: all 0.3s ease-in-out;
visibility: hidden;
background: #fff;
width:100%;
height:80px;
z-index: 99;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
#header-back.is-show {
top: 0;
visibility: visible;
}

#header-search {
position: absolute;
top:0;
right:0;
width: 210px;
height:79px;
background: url(/wp/images/s-back.gif) no-repeat top right;
background-size: 210px 79px;
padding:20px 30px 0 0;
text-align: right;
z-index: 9999; 
}

#header-search a{
color: #fff;
}

#searchform {
width: 130px;
height: 20px;
display: inline-block;
margin:0px;
padding: 0px;
vertical-align:top; 
border:solid 1.5px #9fd9f6;
border-radius: 10px 10px 0px 10px;     
background: #fff;  
line-height:20px;
}

#searchform input[type="search"]{
width: 100px;
height: 20px;
border:0px;
line-height:20px;  
background: none;
}

#searchform input[type="image"]{
width:16px;
height: 16px;
display: inline-block;
margin:2px;
vertical-align:top; 
}


#sp-header {
display: none;
}

.ac-menu{
display: none;
}

.sticky {
position: -webkit-sticky; 
position: sticky;
top: 0px;　
transform: translate3d(0px,0px,0px)!important;
-webkit-transform: translate3d(0px, 0px, 0px)!important;
padding: 0 5% 0 5%;
margin:auto;
z-index: 9999; 
font-weight: bold;
background-color: #fff;
}

.luxbar-header h1{
width: 225px;
height: 48px;
background: url(/wp/images/logo.png) no-repeat;
background-size: 225px 48px;
display:block;
text-indent:-9999em;
text-decoration:none;
overflow:hidden;
z-index: 10;
padding:0;
margin:auto;
}

@media only screen and (max-width: 767px) {
.luxbar-header h1{
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
}
}

.luxbar-default {
  width: 100%;
  position: relative; }

.luxbar-static {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
    position: absolute; }



.luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {
  display: block;
  height: 2px;
  width: 26px;
  transition: 0.6s ease; }

.luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
  background-color: transparent; }
  .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {
    margin-top: 0; }

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

.luxbar-menu-left .luxbar-navigation, .luxbar-menu-left .luxbar-header {
  justify-content: flex-start; }

.luxbar-header a,.luxbar-header a:hover{
  padding: 0px;
  margin: 0px; }
  
.luxbar-menu-right .luxbar-hamburger {
			margin: 0px auto 0px auto; }

.luxbar-brand {
  padding: 0px 24px 0px 24px; }

.luxbar-menu {
  min-height: 58px;
  transition: 0.6s ease;
  width: 100%; }

.luxbar-navigation {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin: 0 0 0 0; }

.luxbar-item {
		 color: #000;
	line-height: 160%; 
    padding:0px;
    margin: 0; }
  
.luxbar-menu a,
.luxbar-item a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  font-weight: 600; }
  
.luxbar-item a {
		 color: #fff;
    display: block; }

.luxbar-item a:hover{
color: #008ac6;
}
  
.luxbar-hamburger {
	 color: #000;
  padding: 20px 20px 18px 20px;
  margin-bottom:30px;
  position: relative;
  cursor: pointer; }
  .luxbar-hamburger span::before, .luxbar-hamburger span::after {
    content: '';
    position: absolute; }
  .luxbar-hamburger span::before {
    margin-top: -8px; }
  .luxbar-hamburger span::after {
    margin-top: 8px; }

.luxbar-checkbox {
  display: none; }
  .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
    overflow: hidden;
    height: 53px; }
  .luxbar-checkbox:checked ~ .luxbar-menu {
  background: linear-gradient(180deg, #fff 0, #ffff 80px, #9fd9f6 80px, #9fd9f6 100%);
    transition: height 0.6s ease;
    height: 100vh;
    overflow: auto; }

.dropdown {
position: relative;
height: auto;
cursor: pointer;
}

.dropdown > a::after {
position: absolute;
content: '';
right: 10px;
top: 25px; }


.bd {
display: none; }


img#m_m1,img#m_m2,img#m_m3{
width: 100%;
height: auto;
}

.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {
transform: rotate(225deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {
transform: rotate(-225deg); }

.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {
transform: rotate(45deg); }
.luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {
transform: rotate(-45deg); }

.luxbar-menu-light,
.luxbar-menu-light .dropdown ul {}

.luxbar-menu-light .active,
.luxbar-menu-light .luxbar-item:hover {}
.luxbar-menu-light .luxbar-hamburger span,
.luxbar-menu-light .luxbar-hamburger span::before,
.luxbar-menu-light .luxbar-hamburger span::after {
background-color: #000; }

.sub-menu{
display:none;
text-align: left;
margin:0px;
padding: 0px;
}

@media print, screen and (min-width: 1025px) {
.luxbar-item {
color: #00125e;
line-height: 160%; 
padding:  0;
-webkit-flex-grow: 1;
flex-grow: 1;
}

#menu01 {
margin: 30px 5px 30px 50px; 
}

#menu02,#menu03,#menu04, #menu05, #menu06, #menu07  {
margin: 30px 5px 30px 5px; 
}

#menu08 {
margin: 30px 0 30px 5px; 
}

#luxbar-footer{
display: none;
}

.sp-menu {
display: none;
}

#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,#menu07 a,#menu08 a{
display:block;
text-decoration:none;
overflow:hidden;
color: #00125e;
}

#menu01 a:hover,#menu02 a:hover,#menu03 a:hover,#menu04 a:hover,#menu05 a:hover,#menu06 a:hover,#menu07 a:hover,#menu08 a:hover{
color: #008ac6;
}

#news #menu01 a.cat-title, #company #menu02 a.cat-title, #business #menu03 a.cat-title, #voice #menu04 a.cat-title, #recruit #menu04 a.cat-title, #contact #menu05 a.cat-title{
color: #008ac6;
}
.sub-ac-menu label{
display: inline-block;
position: relative;
cursor:pointer;
}
.sub-ac-menu label:hover{
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.sub-ac-menu label:after{
content:"";
position: absolute;
top: 5px;
right: 5px;
}

.sub-ac-menu input:checked ~ label::after {	
content:"";
 position: absolute;
top: 5px;
right: 5px;
}
.sub-ac-menu input{
display: none;
margin: 0px;
padding: 0px;
}
.sub-ac-menu div.ac-small{
transition: height 0.5s ease-in-out;
height: auto;
}
.sub-ac-menu input:checked ~ div{
margin: 0 0 0 0;
padding: 0px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 0;
transition: 
height 0.3s ease-in-out, 
box-shadow 0.6s linear;
text-align: left;
}
.sub-ac-menu div.ac-small div{
padding: 20px 50px 20px 50px;
}

#menu01 li a,#menu02 li a,#menu03 li a,#menu04 li a,#menu05 li a,#menu06 li a,#menu07 li a,#menu08 li a{
border:0px;
margin:0px;
color:#fff;
letter-spacing: 0px;
}	

#menu01 li a:hover,#menu02 li a:hover,#menu03 li a:hover,#menu04 li a:hover,#menu05 li a:hover,#menu06 li a:hover,#menu07 li a:hover,#menu08 li a:hover{
border:0px;
margin:0px;
color:#000;
letter-spacing: 0px;
}

.bd {
display: inline; }

.luxbar-navigation {
flex-flow: row;
-webkit-justify-content: space-around;
justify-content: space-around;
margin auto;
padding: 0px;
}

.luxbar-hamburger {
display: none; }

.luxbar-checkbox:not(:checked) ~ .luxbar-menu {
overflow: visible; }
.luxbar-checkbox:checked ~ .luxbar-menu {
height: 35px; }

.luxbar-menu .luxbar-item {
border-top: 0; }

.dropdown {
height: 1px; }
.dropdown:hover > ul {
position: absolute;
top: 35px;
padding: 0 0 0 0;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
visibility: visible;
}

.dropdown > ul {
position: absolute;
top: 35px;
-webkit-transition: all 0.55s;
transition: all 0.55s;
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha( opacity=0 )";
visibility: hidden;
}

.dropdown:hover > ul:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 13px solid #008ac6;
  border-top: 0;
}

.dropdown > ul,.dropdown:hover > ul {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-width: 100%;
background: #008ac6;
color:#fff;
text-align:center;
padding: 0px 25px 0px 25px; 
border-radius: 20px;
letter-spacing: 0px;
}

.dropdown#menu01 > ul {
left: -95px;
}

.dropdown#menu02 > ul {
left: -195px;
}

.dropdown#menu03 > ul {
left: -340px;
}

.dropdown#menu04 > ul {
left: -150px;
}

.dropdown#menu05 > ul {
left: -70px;
}

.dropdown#menu06 > ul {
left: -100px;
}

.dropdown > ul li{
padding: 5px 7px 5px 7px; }

.dropdown > ul li a {
letter-spacing: 0px!important;
white-space: nowrap; 
}
.en-menu .dropdown > ul li a {
letter-spacing: 0px!important;
}
}

@media only screen and (max-width: 1024px) {
.dropdown ul {
position: static;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
visibility: visible;
}

.luxbar-item {
display: none;
}

.luxbar-checkbox:checked ~ .luxbar-menu {
overflow: scroll; }

.sticky,#home .sticky,#mailnews .sticky,#normal .sticky,#news .sticky,#fellows .sticky,.header {
position: fixed;
top: 0px;
left: 0;
width: 100%;
margin: 0px;
padding: 0px;
height: 55px;
 overflow: visible; 
}

.luxbar-fixed, #home .luxbar-fixed{
position: fixed;
top: 0px;
left: 0;
width: 100%;
margin: 0px;
padding: 0px;
height: 80px;
background: #fff;
 overflow: visible; 
transform: translate3d(0px,0px,10px)!important;
-webkit-transform: translate3d(0px, 0px, 10px)!important;
z-index: 99999999; 
}

.luxbar-menu {
width: 100%;
padding-top:20px; }

.sp-menu{
display: block;
text-align: left;
}

.sp-footer{
text-align: center;
padding:20px 0; 
}

.sp-footer #searchform {
width: 65%;
height: 40px;
display: inline-block;
margin:0px;
padding: 0px;
vertical-align:top; 
border:solid 1.5px #9fd9f6;
border-radius: 20px 20px 0px 20px;     
background: #fff;  
}

.sp-footer #searchform input[type="search"]{
width: 85%;
height: 40px;
border:0px;
line-height: 150%;   
background: none;
}

.sp-footer #searchform input[type="image"]{
width:30px;
height: 30px;
display: inline-block;
margin:4px 0;
vertical-align:top; 
}

.sp-menu a{
color: #171c61;
}

.sp-menu dt{
color: #171c61;
border-top: 2px solid #171c61;
font-size: 120%;
font-weight: 600;
margin-top:20px;
}

.sp-menu dd a{
font-weight: 400;
}

.sp-menu01{
display:inline-block;
width: 39%;
vertical-align:top;
padding:5%;
}
.sp-menu02{
display:inline-block;
width: 39%;
vertical-align:top;
padding:5%;
}

.sp-copy{
text-align: center;
font-weight: normal;
font-size: 65%;
letter-spacing:0px;
}

#header .sns-img img{
padding: 5px 0px 5px 0px;
height: 30px;
}
}

.menu-line {
display: flex;
align-items: center;
}

.menu-line:before,
.menu-line:after {
content: "";
flex-grow: 1;
height: 1px; 
background: #fff; 
margin:0 0.5em; 
}

/* Top */

.top-img {
width: 100%;
vertical-align:top;
position: absolute;
top: 0;
left: 0;
}

.top-img::after {
  content: "";
  background: rgba(159,217,246,.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
width: 90%;
border-radius: 0 0 100px 0;
}

.top-img img, .top-img img.attachment-large, .top-img img.size-large{
height: auto;
width: 90%!important;
border-radius: 0 0 100px 0;
}

.top-txt {
width: 60%!important;
position: absolute;
bottom: 5px;
left: 5%;
text-align:left;
display: inline-block;
z-index: 999; 
}

.top-txt img{
width: 100%;
height:auto;
}


.top-event-box {
width:80%;
text-align: left;
padding: 20px 0 20px 0;
margin: auto;
}

.top-event-box:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.top-event-left {
width: 27%;
float: left;
vertical-align: top;
padding-right: 5%;
}

.top-event-left dl{
margin-bottom: 30px;
font-weight: 600; 
font-size: 110%;
}

.top-event-left dt{
background: #171c61;
color: #fff;
border-radius: 30px 30px 0 30px;
padding: 0px 15px;
margin: 0px 0px 3px 0px;
}

.top-event-left dd{
padding: 3px 0px 3px 15px;
}

.top-event-right {
width: 66%;
float: right;
vertical-align: top;
    position: relative;
}

.top-event-right ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.top-event-right ul li{
width: 46.5%;
vertical-align: top;
border-radius: 0 30px 0 0; 
margin-bottom:  30px;
padding-bottom:  45px;
position: relative;
z-index: 0;
font-size: 90%;
letter-spacing: 0px;
}

.top-event-right ul li img{
width:100%;
height:auto;
border:1.5px solid #9fd9f6; 
border-radius: 0 30px 0 0; 
}

.top-event-right ul li span{
  background: #fff;
border:1px solid #c7c1d4; 
border-radius: 20px; 
display: inline-block;
padding:  0px 20px 0px 20px;
margin: 3px 3px 0 0;
font-size: 90%;
line-height: 150%; 
}

@media only screen and (max-width: 767px) {
.top-event-left {
width: 100%;
float: none;
vertical-align: top;
padding: 0 0 30px 0;
}

.top-event-right {
width: 100%;
float: none;
vertical-align: top;
}

.top-event-right ul li{
width: 100%;
}
}

.top-about-box {
width:90%;
text-align: left;
padding: 20px 10% 20px 0;
margin: auto;
display: table;
}

.top-about-left {
width: 49%;
background: url(/wp/images/top-about-img.png) no-repeat right top;
background-size: auto 100%;
display: table-cell;
vertical-align: top;
}

.top-about-right {
width: 47%;
display: table-cell;
vertical-align: top;
text-align: left;
padding: 50px 0 100px 3%;
}

@media only screen and (max-width: 767px) {
.top-about-box {
width:100%;
text-align:center;
margin: auto;
display: block;
padding: 20px 0 20px 0;
}

.top-about-left {
width: 90%;
padding: 0 0 10% 0;
height: 500px;
background: url(/wp/images/top-about-img.png) no-repeat right top;
background-size: auto 100%;
display: block;
vertical-align: top;
}

.top-about-right {
width: 90%;
display: block;
margin: auto;
text-align: left;
}
}

.top-service-box {
width:100%;
text-align: left;
padding: 100px 0 100px 0;
margin: auto;
background: url(/wp/images/top-service-img.png) no-repeat right top;
background-size: auto 100%;
}

.top-service-txt {
padding: 100px 0 100px 10%;
text-align: left;
}

@media only screen and (max-width: 767px) {
.top-service-box {
width:90%;
text-align: left;
padding: 20px 0 20px 10%;
margin: auto;
background: url(/wp/images/top-service-img.png) no-repeat right top;
background-size: auto 600px;
}

.top-service-txt {
padding: 300px 0 50px 0;
text-align: left;
}
}

.top-service-btn {
width: 100%;
text-align:center;
}

.top-service-btn a{
display:inline-block;
padding: 15px 30px;
margin:15px;
background-color: #fff;
color: #008ac6;
border-radius: 30px 30px 0 30px;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-size: 1.2rem;
font-weight: 500; 
}

.top-service-btn a:hover{
display:inline-block;
padding: 15px 30px;
margin:15px;
background-color: #008ac6;
color: #fff;
border-radius: 30px 30px 0 30px;
border: 1.5px solid #008ac6;
text-align:center;
text-decoration: none;
font-size: 1.2rem;
font-weight: 500; 
}

.top-workshops-box {
width:80%;
text-align: left;
padding: 20px 0 20px 0;
margin: auto;
}

.top-workshops-box:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.top-workshops-left {
width: 27%;
float: left;
vertical-align: top;
padding-right: 5%;
}

.top-workshops-left dl{
margin-bottom: 30px;
font-weight: 600; 
font-size: 110%;
}

.top-workshops-left dt{
background: #171c61;
color: #fff;
border-radius: 30px 30px 0 30px;
padding: 0px 15px;
}

.top-workshops-left dd{
padding: 2px 0px 2px 15px;
}

.top-workshops-right {
width: 66%;
float: right;
vertical-align: top;
position: relative;
}

.top-workshops-right ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.top-workshops-right ul li{
width: 46.5%;
vertical-align: top;
border-radius: 0 13% 0 13%; 
background: #efefef;
margin-bottom:  30px;
padding-bottom:  15px;
position: relative;
z-index: 0;
font-size: 90%;
letter-spacing: 0px;
}

.top-workshops-right ul li img{
width:100%;
height:auto;
border-radius: 0 30px 0 0; 
}

.top-workshops-right ul li div{
padding: 0px 15px 0px 15px;
}


.top-workshops-right ul li strong{
color:#008ac6;
font-size: 120%;
font-weight: 600;
}

.top-workshops-right ul li span{
border:1px solid #c7c1d4; 
background: #fff; 
border-radius: 20px; 
display: inline-block;
padding:  0px 20px 0px 20px;
margin:  3px 3px 0 0;
font-size: 90%;
line-height: 150%; 
}

@media only screen and (max-width: 767px) {
.top-workshops-left {
width: 100%;
float: none;
vertical-align: top;
padding: 0 0 30px 0;
}

.top-workshops-right {
width: 100%;
float: none;
vertical-align: top;
}

.top-workshops-right ul li{
width: 100%;
}
}

.top-articles-box {
width: 80%;
text-align: left;
padding: 20px 0 20px 0px;
margin: auto;
}

.top-articles-box ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.top-articles-box ul li{
width: 30%;
vertical-align: top;
border:1px solid #171c61; 
border-radius: 0 30px 0 0; 
padding-bottom: 45px;
position: relative;
font-size: 90%;
letter-spacing: 0px;
}

@media only screen and (max-width: 767px) {
.top-articles-box ul li{
width: 100%;
margin-bottom: 30px;
}
}

.top-articles-box ul li div{
padding: 15px 15px 15px 15px;
position: relative;
}

.top-articles-box ul li .articles-author img{
width:50px;
height:50px;
object-fit: cover;
border-radius: 25px 25px 0 0!important;
border:1px solid #171c61; 
margin-right:15px;
}

.top-clients-box {
width: 80%;
text-align: left;
padding: 50px 0 50px 0px;
margin: auto;
}

.top-clients-box div{
padding: 50px 0 0px 0px;
}

.top-clients-box img{
width: 100%;
height: auto;
}

.scroll{
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 230px;
overflow-y: scroll;
overflow-x: hidden;
}

.scroll::-webkit-scrollbar {
width: 5px;
}

.scroll::-webkit-scrollbar-track {
background: #e6e6e6;
}

.scroll::-webkit-scrollbar-thumb {
background:#008ac6;
}

.top-news-title {
text-align: center;
color:#000D60;
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 1.5rem;
letter-spacing: 10px;
display: block;
}

.top-news-title a {
display: block;
text-align: center;
color:#fff;
position:absolute;
top: 0;
right: 0;
background:#000D60;
padding: 0px 5px 0px 5px;
font-size: 0.7rem;
}

.top-news .top-news-list {
padding: 11px 0px 11px 0px;
margin:0 20px 0 20px;
border-bottom:1px solid #008ac6;
font-size: 0.7rem;
text-align: left;
}

.top-news .top-news-list:last-child {
border-bottom:0px;
}

.top-news-list h3 {
padding:  1px 0px 1px 0px;
margin:  0px;
font-size: 0.8rem;
text-align: left;
}

.top-news-list a{
color: #000;
text-decoration: none;
}

.top-news-list a:hover{
color: #008ac6;
text-decoration: none;
}

.top-news-time {
display: inline-block;
padding:  1px 20px 1px 0px;
letter-spacing: 1px;
font-size: 0.8rem;
font-family:  'Noto Sans JP',sans-serif;
}

.top-news-cat {
display: inline-block;
padding:  1px 5px 1px 5px; 
color:#fff;
letter-spacing: 1px;
line-height: 140%; 
font-size: 0.7rem;
}

.top-news-list .top-news-cat {
margin: 2px;
}

.top-news-list p {
margin: 2px 0 2px 0;
}

.cat-sky {
background:#0098CB; 
}

.cat-orange {
background:#f5a200; 
}

.cat-blue {
background:#005ead; 
}

.cat-red {
background:#008ac6; 
}

.top-topics-box {
width: 90%;
padding: 20px 5% 20px 5%;
text-align: center;
}

.top-topics-box h3 {
text-align: center;
color:#008ac6; 
font-weight: normal;
font-size: 1.2rem;
letter-spacing: 5px;
padding:10px 0 10px 0;
}

.top-topics-box.en-box h3 {
font-size: 1.1rem;
letter-spacing: 1px;
}

.top-topics-list{
display: inline-block;
width: 30%;
margin:1.5%;
vertical-align: top;
}

#voice .top-topics-list{
display: inline-block;
width: 30%;
margin:1.4%;
vertical-align: top;
}

.top-topics-list img{
width:100%;
height:auto;
border:1.5px solid #fff; 
}

.top-topics-list img:hover{
-moz-transition:0.15s ease-out;
-webkit-transition:0.15s ease-out;
-o-transition:0.15s ease-out;
-ms-transition:0.15s ease-out;
border:1.5px solid #008ac6; 
}

#voice .top-topics-list h3{
color: #008ac6;
font-size: 100%; 
line-height: 140%;
text-align:center;
font-weight: normal;
padding: 0px;
margin: 0px;
letter-spacing: 5px;
}

.voice-top{
background:#00125e; 
color: #fff;
display: table;
border-spacing: 0; 
margin-bottom:30px;
}

.voice-img{
width: 50%;
display: table-cell;
vertical-align: middle;
}

.voice-img img{
width: 100%;
height: auto;
}

.voice-txt{
width: 50%;
display: table-cell;
vertical-align: middle;
text-align: center;
letter-spacing: 5px;
}

@media only screen and (max-width: 767px) {
.voice-img{
width: 100%;
display: block;
}
.voice-txt{
width: 100%;
display: block;
padding:10% 0 10% 0;
}
}


#voice .voice-txt h3{
text-align: center;
color: #fff;
letter-spacing: 5px;
}

#voice .voice-box h3{
font-size: 120%; 
margin:20px 0 0 0;
padding:0;
font-family:  'Noto Sans JP',sans-serif;
}

#voice .voice-box p{
margin-bottom:30px;
}

.list-sky a{
border:2.5px solid #0098CB; 
}

.list-sky a:hover{
background:#0098CB; 
}

.list-orange a{
border:2.5px solid #f5a200; 
}

.list-orange a:hover{
background:#f5a200; 
}

.list-blue a{
border:2.5px solid #005ead; 
}

.list-blue a:hover{
background:#005ead; 
}

.list-red a{
border:2.5px solid #008ac6; 
}

.list-red a:hover{
background:#008ac6; 
}

.top-topics-list img{
width: 100%;
height: auto;
}

.top-topics-button {
display: inline-block;
margin:auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #fff;
border: 1px solid #008ac6;
color: #171c61;
line-height:200%;
overflow: hidden;
border-radius: 5px;       
-webkit-border-radius: 5px;    
-moz-border-radius: 5px;   
padding:10px 20px 10px 20px;
white-space: nowrap;
letter-spacing: 1px;
}

.top-topics-button:hover {
display: inline-block;
margin:auto;
clear: both;
text-align: center;
text-decoration: none;
outline: none;
position: relative;
z-index: 2;
background-color: #008ac6;
border: 1px solid #008ac6;
color: #fff;
line-height:200%;
overflow: hidden;
border-radius: 5px;       
-webkit-border-radius: 5px;    
-moz-border-radius: 5px;   
padding:10px 20px 10px 20px;
white-space: nowrap;
letter-spacing: 1px;
}

.top-topics-button:hover .green{
color: #fff;
}

.top-ban-txt {
padding: 10px 10px 10px 10px;
display: table-cell;
vertical-align: middle;
}

.top-ban-list02 .top-ban-img {
width: 120px;
padding: 10px 5px 10px 10px;
display: table-cell;
vertical-align: middle;
}

.top-ban-list02 .top-ban-img a{
pointer-events:none;
}

.top-ban-list02 .top-ban-img img{
width:100%;
height: auto;
vertical-align: middle;
border:1px solid #999;
}

.top-ban-list02 .top-ban-txt {
width: calc(100% - 110px);
width:-webkit-calc(100% - 110px);
padding: 10px 10px 10px 5px;
display: table-cell;
vertical-align: middle;
text-align: left;
}


@media screen and ( max-width:1024px) {
.top-news {
width: 90%;	
display: block;
vertical-align:top;
position: relative;
}

.top-topics-list{
display: inline-block;
width: 46%;
margin:1.5%;
}
#voice .top-topics-list{
display: inline-block;
width: 46%;
margin:1.5%;
}
}



/* About */
.philosophy-box {
width: 100%;
max-width: 1280px;
min-height: 3600px;
margin: 50px auto 50px auto;
text-align: center;
background: url(/wp/images/philosophy-back.png) no-repeat top center;
background-size:  auto 100%;
position: relative;
line-height: 150%; 
font-size: 0.9rem;
}

.philosophy-box h3{
font-size: 1.2rem;
text-align:center;
padding: 5px 0px 5px 0px;
margin: 5px 0px 5px 0px;
display:inline-block;
}

.philosophy-box01 {
width: 34%;
margin: auto;
text-align: center;
position: absolute;
top: 200px;
left: 36%;
color:#fff;
}

.philosophy-box01 h3{
color:#8FD2E9;
border-bottom:1px solid #8FD2E9;
}

.philosophy-box02 {
width: 34%;
margin: auto;
text-align: center;
position: absolute;
top: 920px;
left: 37%;
color:#fff;
}
.philosophy-box02 h3{
color:#FFF7AA;
border-bottom:1px solid #FFF7AA;
}

.philosophy-box03 {
width: 67%;
margin: auto;
text-align: center;
position: absolute;
top: 1650px;
left: 20%;
color:#fff;
}
.philosophy-box03 h3{
color:#FFF7AA;
border-bottom:1px solid #D2DB2F;
}

.philosophy-box03-list{
list-style:none;
padding: 0;
margin: 0;
}

.philosophy-box03-list li{
width: 43%;
display: inline-block;
padding: 10px 0px 10px 0px;
margin: 0 3% 0 3%;
vertical-align: top;
}

.philosophy-box04 {
width: 55%;
margin: auto;
text-align: center;
position: absolute;
top: 2550px;
left: 26%;
}

.philosophy-box04 h3{
color:#20204B;
border-bottom:1px solid #20204B;
margin-bottom:30px;
}
.philosophy-box04 h4{
color:#fff;
margin:0;
padding:15px 0 15px 0;
}

.philosophy-box04 p{
margin:0;
padding:0 0 15px 0;
}

@media only screen and (max-width: 767px) {
.philosophy-box01 {
width: 65%;
margin: auto;
text-align: center;
position: absolute;
top: 200px;
left: 25%;
color:#fff;
}

.philosophy-box02 {
width: 65%;
margin: auto;
text-align: center;
position: absolute;
top: 920px;
left: 25%;
color:#fff;
}

.philosophy-box03 {
width: 90%;
margin: auto;
text-align: center;
position: absolute;
top: 1600px;
left: 10%;
color:#fff;
}

.philosophy-box03-list li{
width: 47%;
display: inline-block;
padding: 0px 0px 10px 0px;
margin: 0 1% 0 1%;
vertical-align: top;
}

.philosophy-box04 {
width: 75%;
margin: auto;
text-align: center;
position: absolute;
top: 2530px;
left: 15%;
}
}

@media only screen and (max-width: 480px) {
.philosophy-box {
width: 100%;
max-width: 1280px;
min-height: 3600px;
margin: 50px auto 50px auto;
text-align: center;
background: url(/wp/images/philosophy-back-sp.png) no-repeat top center;
background-size:  auto 100%;
position: relative;
}
.philosophy-box h4{
margin: 5px auto;
padding:0;
}

.philosophy-box p{
margin: 5px auto 10px auto;
padding:0;
}

.philosophy-box01 {
width: 80%;
margin: auto;
text-align: center;
position: absolute;
top: 150px;
left: 10%;
color:#fff;
}

.philosophy-box02 {
width: 80%;
margin: auto;
text-align: center;
position: absolute;
top: 800px;
left: 10%;
color:#fff;
}
.philosophy-box03 {
width: 90%;
margin: auto;
text-align: center;
position: absolute;
top: 1450px;
left: 5%;
color:#fff;
}
.philosophy-box03-list li{
width: 100%;
display: block;
padding: 0px 0px 10px 0px;
margin: 0 auto;
vertical-align: top;
}
.philosophy-box04 {
width: 90%;
margin: auto;
text-align: center;
position: absolute;
top: 2700px;
left: 5%;
}
}


/* CEO */
.ceo-box01 {
width: 100%;
margin: 50px auto 50px auto;
text-align: center;
position: relative;
}
.ceo-box0101 {
width: 50%;
text-align: left;
margin: 50px auto 50px auto;
}
.ceo-box0102 {
width: 22%;
position: absolute;
top: 0;
left: 0;
}
.ceo-box0103 {
width: 22%;
position: absolute;
bottom: 0;
right: 0;
font-size: 90%;
}
.ceo-box01 img{
width:100%;
height: auto;
}

.ceo-box02 {
width: 80%;
margin: 50px auto 50px auto;
padding: 50px auto 50px auto;
text-align: center;
}

.ceo-box02 img{
max-width:100%;
height: auto;
margin: 25px auto;
}

.ceo-box02 table{
width: 100%;
margin: 50px auto 50px auto;
}

@media only screen and (max-width: 767px) {
.ceo-box0101 {
width: 90%;
text-align: left;
margin: 50px auto 50px auto;
}
.ceo-box0102 {
width: 48%;
position: relative;
top: 0;
left: 0;
display: inline-block;
margin: 0 1% 0 0;
vertical-align: top;
}
.ceo-box0103 {
width: 48%;
position: relative;
top: 0;
right: 0;
display: inline-block;
margin: 0 0 0 1%;
vertical-align: top;
}
.ceo-box02 {
width: 90%;
margin: 50px auto 50px auto;
padding: 50px auto 50px auto;
text-align: center;
}

.ceo-box02 table{
width: 100%;
margin: 50px auto 50px auto;
}
}

.map-wrap{
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  height: auto;
  margin-top:30px;
}

/* フォールバック（aspect-ratio非対応ブラウザ向け） */
@supports not (aspect-ratio: 1) {
  .map-wrap{
    height: 0;
    padding-top: 56.25%; /* 16:9 = 9/16*100 */
  }
}

.map-wrap iframe{
  border: 0;
  width: 100%;
  height: 100%;
  /* フォールバック時にも100%で埋める */
  position: absolute;
  inset: 0;
  display: block;
}

.map-pin {
padding:15px 0 15px 35px;
text-align: left;
background: url(/wp/images/icon-pin.gif) no-repeat center left;
background-size:  28px auto;
}

/* Team */
ul.team-list {
list-style: none;
padding: 0;
margin:auto;
text-align: center;
}

ul.team-list li{
width: 27%;
padding: 15px 3%;
margin:0;
display:inline-block;
vertical-align: top;
text-align: center;
font-size: 90%;
}

ul.team-list li img{
width: 200px;
height: 200px;
object-fit: cover;
border-radius: 100px 100px 0 0;
border:solid 1px #9fd9f6;
}

@media only screen and (max-width: 767px) {
ul.team-list li{
width: 48%;
padding: 0 0.5%;
}
ul.team-list li img{
width: 140px;
height: 140px;
object-fit: cover;
border-radius: 70px 70px 0 0;
border:solid 1px #9fd9f6;
}
}

.team-img {
width: 100%;
text-align: center;
}

.team-img img{
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 150px 150px 0 0;
border:solid 1px #9fd9f6;
}

.team-position{
margin: auto;
padding:25px 0;
text-align: center;
font-size: 1.2rem;
font-weight: 500; 
}

.team-box01 {
width: 100%;
margin: auto;
padding:10px 0 50px 0;
border-top:solid 1px #9fd9f6;
text-align: center;
font-size: 1.0rem;
}

.team-box01 h3{
font-size: 120%;
text-align:center;
}

.team-box02 {
width: 100%;
margin: auto;
padding:0px 0 50px 0;
border-top:solid 1px #9fd9f6;
text-align: center;
font-size: 1.0rem;
}

.team-box02 h4{
display: inline-block;
margin: -1px auto 0 auto;
padding:5px 50px;
border:solid 1px #9fd9f6;
text-align: center;
border-radius: 0 0 15px 15px;
color: #9fd9f6;
font-size: 1.1rem;
font-weight: normal; 
}

.team-box02 div{
width: 80%;
margin: auto;
text-align: left;
padding:25px 0;
}

.team-box02 div div{
width: 100%;
margin: 0;
padding:0;
}


.team-box03 {
width: 100%;
margin: auto;
padding:0px 0 50px 0;
border-top:solid 1px #9fd9f6;
text-align: center;
font-size: 1.0rem;
}

.team-box03 h4{
display: inline-block;
margin: -1px auto 0 auto;
padding:5px 25px;
border:solid 1px #9fd9f6;
text-align: center;
border-radius: 0 0 15px 15px;
color: #9fd9f6;
font-size: 1.1rem;
font-weight: normal; 
}

.team-box03 div{
width: 80%;
margin: auto;
text-align: center;
padding:25px 0;
}

/* Our Services */
.service-list {
  display: grid;
  grid-template-columns: 100px 160px 1fr auto;
  margin: 0 auto;
  max-width: 1200px;
  font-size: 0.8rem;
  letter-spacing: 0px;
  line-height: 150%;
}

.service-list .row {
  display: contents;
}

.service-list .cell {
  padding: 15px 2.5px;
  border-top: 1.5px solid #9fd9f6;
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: break-word;
  justify-content: center;
}

.service-list .cell h4 {
  text-align: center;
  font-size: 1.0rem;
  padding: 0px;
  margin: 0px;
}

.service-list .cell img {
  width: 80px;
  height: auto;
}

.service-header {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-des {
  display: flex;
  flex-direction: column;
}

.service-line {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 20px;
  align-items: start;
  padding: 5px 0;
  margin: 0px;
}

.service-txt {
  padding: 0 25px 0 0;
  margin: 0;
}

.service-fuki01,
.service-fuki02,
.service-fuki03,
.service-fuki04 {
display: flex;
    align-items: center;
    justify-content: center;
  padding: 5px 15px;
  border-radius: 30px 30px 0 30px;
  min-height:48px;
      text-align: center;
}

.service-fuki01 { background-color: #F9D1D0; }
.service-fuki02 { background-color: #E0D2E7; }
.service-fuki03 { background-color: #D7E7AF; }
.service-fuki04 { background-color: #BAE3F9; }

@media (max-width: 768px) {
  .service-list {
    grid-template-columns: 1fr;
  }

  .service-list .row {
    display: block; 
  }

  .service-list .cell {
    display: block;
    align-items: stretch;
    width: 100%;
  }
  
  .service-list .row .cell:first-child {
    border-top: 1.5px solid #9fd9f6;
    text-align: center;
  }

  .service-list .row .cell:not(:-child) {
    border-top: none;
  }
  
  .service-line {
    grid-template-columns: 1fr; 
  }

  .service-list .cell:last-child {
    text-align: center;
  }
  
  .service-list .btn {
    align-self: flex-start;
  }
}

.other-service-list {
    border-top: 1.5px solid #9fd9f6;
}

.other-service-list h4 {
  text-align: left;
  font-size: 1.0rem;
}

.other-service-list ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.other-service-list ul li{
width: 30%;
vertical-align: top;
}

@media only screen and (max-width: 767px) {
.other-service-list ul li{
width: 100%;
margin-bottom: 30px;
}
}

.other-service-list ul li img{
  width: 100%;
  height: 200px; 
  object-fit: cover;
  display: block;
}

.service-icon{
width: auto;
height: 150px;
text-align: center;
margin: 10px 0;
}

.service-icon img{
width: auto !important;
height: 150px !important;
}

.con-box {
  margin: 15px auto 15px auto;
  padding: 20px 50px;
  border-radius: 100px;
}

#pink .con-box {
  border: 1.5px solid #ef858c;
}

#pink .con-box h4{
  margin: 0;
  padding: 5px 0;
color: #ef858c;
text-align: left;
}

#purple .con-box {
  border: 1.5px solid #ae82b8;
}

#purple .con-box h4{
  margin: 0;
  padding: 5px 0;
color: #ae82b8;
text-align: left;
}

#green .con-box {
  border: 1.5px solid #60c1c0;
}

#green .con-box h4{
  margin: 0;
  padding: 5px 0;
color: #60c1c0;
text-align: left;
}

#lime .con-box {
  border: 1.5px solid #aacf52;
}

#lime .con-box h4{
  margin: 0;
  padding: 5px 0;
color: #aacf52;
text-align: left;
}

#blue .con-box {
  border: 1.5px solid #6bc8f2;
}

#blue .con-box h4{
  margin: 0;
  padding: 5px 0;
color: #6bc8f2;
text-align: left;
}

@media only screen and (max-width: 767px) {
.con-box {
  padding: 10px 30px;
  border-radius: 30px;
}
.con-box h4 br{
display: none;
}
}
	
.ser-box {
margin: 15px auto 15px auto;
border-radius: 100px;
display: table;
}

.ser-box dt{
display: table-cell;
vertical-align:middle;   
width:50%;
font-size: 130%; 
line-height: 150%;
font-weight: 500; 
text-align:center;
padding: 20px 20px 20px 50px;
border-radius: 100px 100px 0 100px;
}

.ser-box dd{
display: table-cell;
vertical-align:middle;   
width:50%;
padding: 20px 50px 20px 20px;
}

#pink .ser-box {
border: 1.5px solid #ef858c;
}

#pink .ser-box dt{
background: #f9d1d0;
}

#purple .ser-box {
border: 1.5px solid #ae82b8;
}

#purple .ser-box dt{
background: #e0d2e7;
}

#green .ser-box {
border: 1.5px solid #60c1c0;
}

#green .ser-box dt{
background: #bfe3e1;
}

#lime .ser-box {
border: 1.5px solid #aacf52;
}

#lime .ser-box dt{
background: #d7e7af;
}

#blue .ser-box {
border: 1.5px solid #6bc8f2;
}

#blue .ser-box dt{
background: #bae3f9;
}

@media only screen and (max-width: 767px) {
.ser-box{
display: block;
border-radius: 30px;
}

.ser-box dt{
display: block;
vertical-align:top;   
width:auto;
font-size: 120%; 
line-height: 130%;
text-align:left;
padding: 10px 30px 10px 30px;
border-radius: 30px 30px 0 30px;
}

.ser-box dt br{
display: none;
}

.ser-box dd{
display: block;
vertical-align:top;   
width:auto;
padding: 10px 30px 10px 30px;
}
}

.slanting-box{
  position: relative;
  z-index: 0;
  padding: 150px 0 150px 0;
}

.slanting-box::before{
  content: "";
  position: absolute;
  inset: 0;                
  background: #bfe3e1;
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
  z-index: -1;
}

/* Event */

#event .top-event-box{
width:100%;
}

.event-box {
width: 100%;
padding: 20px 0 20px 0;
text-align: left;
}

.event-img {
width: 100%;
height: auto;
text-align: left;
}


.event-img img{
height: auto;
width: 100%!important;
border-radius: 0 100px 0 0;
}

.event-box h2{
font-size: 1.6rem;
font-weight: 500; 
letter-spacing: 0px;
line-height: 120%; 
text-align: left;
padding:  0px;
margin:  0px;
}

@media only screen and (max-width: 767px) {
.event-box h2{
font-size: 1.2rem;
letter-spacing: 0px;
line-height: 120%; 
}
}

.event-box h3{
margin:  30px auto 30px auto;
}

#event table{
width: 100%;
border-spacing:0;
}

#event table td:first-child{
min-width: 65px;
max-width: 100px!important;
white-space: nowrap;
padding-right:15px;
}

#event table td:nth-child(2){
width: -webkit-calc(100% - 65px) ;
width: calc(100% - 65px) ;
}

#event table td{
border-top:solid 1px #9fd9f6;
padding:10px 0;
text-align: left;
vertical-align:top;
}
#event table tr:first-child td a{
display: inline-block;
padding: 1px 7px;
margin: 2px 0px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align: center;
text-decoration: none;
font-weight: 600;
line-height: 150%; 
}

#event table tr:first-child td a:hover{
display:inline-block;
padding: 1px 7px;
margin: 2px 0px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 600; 
line-height: 150%; 
}

#event table tr:last-child td {
border-bottom:solid 1px #9fd9f6;
}

.event-cat {
padding:  20px 0px;
}

.event-cat span{
border:1px solid #c7c1d4; 
border-radius: 20px; 
display: inline-block;
padding:  0px 20px 0px 20px;
margin:  2px 5px 0 0;
font-size: 90%;
line-height: 150%; 
}

.event-lecturer dt {
color: #fff;
background-color: #171c61;
border: 1px solid #171c61;
padding: 7px 7px 7px 172px;
margin-top: 150px;
position: relative;
font-size: 100%;
line-height: 150%;  
text-align: left;
}

.event-lecturer dt p{
padding: 0px;
margin: 0px;
}

.event-lecturer dt img{
width: 160px;
height: 160px;
object-fit: cover;
border-radius: 80px 80px 0 0;
border: 1px solid #171c61;
position: absolute;
bottom:-1px;
left:-1px;
}

.event-lecturer dt a.pro-btn{
display: inline-block;
padding: 3px 7px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1px solid #9fd9f6;
text-align: center;
text-decoration: none;
font-weight: 600;
line-height: 150%; 
position: absolute;
top: -webkit-calc(50% - 15px) ;
top: calc(50% - 15px) ;
right:12px;
}

.event-lecturer dt a.pro-btn:hover{
display:inline-block;
padding: 3px 7px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1px solid #9fd9f6;
}

.event-lecturer dd {
background-color: #fff;
border: 1px solid #171c61;
padding: 0px 12px;
text-align: left;
font-size: 100%;
line-height: 140%;  
}

.event-list{
margin: 30px 0 0 0;
}

.event-list ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 15px 0 0 0!important;
list-style-type:none;
width: 100%;
}

.event-list ul li{
width: 30%;
vertical-align: top;
border-radius: 0 30px 0 0; 
margin-bottom:  30px;
padding-bottom:  45px;
position: relative;
z-index: 0;
font-size: 90%;
letter-spacing: 0px;
text-align: left;
}

.event-list ul li img{
width:100%;
height:auto;
border:1.5px solid #9fd9f6; 
border-radius: 0 30px 0 0; 
}

.event-list ul li span{
border:1px solid #c7c1d4; 
border-radius: 20px; 
display: inline-block;
padding:  0px 20px 0px 20px;
margin:  2px 5px 0 0;
font-size: 90%;
line-height: 150%; 
}

@media only screen and (max-width: 767px) {
.event-list ul li{
width: 100%;
}
}

.filter-group input{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.filter-group label.chk{
  position:relative;
  padding-left:1.5em;
}
/* 外枠の円 */
.filter-group label.chk:before {
  content:"";
  display:block;
  box-sizing:border-box;
  height:20px;
  width:20px;
  position:absolute;
  background: #fff;
  border:solid 1px #171c61;
  top:50%;
  left:0;
  margin-top:-10px;
  transition:0.3s;
  border-radius:50%;
}

/* 黒丸 */
.filter-group label.chk input[type="checkbox"]:checked + span::before {
  content:"";
  display:block;
  box-sizing:border-box;
  height:12px;
  width:12px;
  position:absolute;
  background:#171c61;
  top:50%;
  left:4px;
  margin-top:-6px;
  border-radius:50%;
}

.selected-filter {
  display: inline-block;
border:1px solid #171c61; 
border-radius: 20px; 
  padding: 0px 15px;
    margin: 0px 5px 5px 0;
  color: #171c61;
  font-size: 90%;
}

#ai-event-count-wrap,#ai-workshop-count-wrap{
display:none;
color: #171c61;
  font-size: 90%;
    position: absolute;
  top: -50px;
  right: 0;
}


.keyword-group {
  position: relative;  
}

.keyword-group::before {
  content: "";        
  width: 16px;        
  height: 16px;      
  background: url(/wp/images/icon-search-e.png) no-repeat center center / auto 100%; 
  display: inline-block;
  position: absolute; 
  top: 5.5px; 
  left: 5.5px; 
}

.keyword-group input{
color: #171c61!important;
width: -webkit-calc(100% - 40px) ;
width: calc(100% - 40px) ;
font-size: 1.0rem;
border: 1px solid #595757;
padding: 2px 15px 2px 25px;
margin-bottom: 30px;
background-color: #fff;
border-radius: 30px 30px 0 30px;
}

input::placeholder{
color: #171c61;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}

button.filter-clear {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
margin:0;
appearance: none;
color: #171c61;
border-bottom:solid 1px #171c61;
}

button.remove-filter {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
margin:0;
appearance: none;
color: #171c61;
}

.event-more {
text-align: center;
}

button.btn-more {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
appearance: none;
display: inline-block;
padding: 9px 15px 9px 15px;
margin: 15px 0px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align: center;
font-weight: 600;
}

button.btn-more:hover{
display:inline-block;
padding: 9px 15px 9px 15px;
margin:15px 0px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 600; 
}

/* Articles */

.articles-box {
width:100%;
text-align: left;
padding: 20px 0 20px 0;
margin: auto;
}

.articles-box:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.articles-menu{
width: 20%;
float: left;
vertical-align: top;
padding-right: 5%;
}

.articles-menu dl{
margin-bottom: 30px;
font-size: 110%;
}

.articles-menu dt{
padding: 0px 15px;
margin-bottom: 5px;
}

.articles-menu dt.is-active{
background: #171c61;
color: #fff;
border-radius: 30px 30px 0 30px;
}

.articles-menu dt.is-active a{
color: #fff;
}

.articles-menu dd{
padding: 2px 0px 2px 15px;
}

.articles-menu dd.is-active {
background: #171c61;
color: #fff;
border-radius: 30px 30px 0 30px;
padding: 0px 15px;
margin-bottom: 5px;
}

.articles-menu dd.is-active a{
color: #fff;
}

.articles-list{
width: 73%;
float: right;
vertical-align: top;
}

.articles-list h3{
text-align: center!important;
padding:   15px 0px!important;
}

.articles-page .articles-list{
width: 100%;
float: none;
vertical-align: top;
margin-top: 30px;
}


.articles-list ul{
display:flex;
flex-wrap: wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding: 0px!important;
margin: 0px!important;
list-style-type:none;
width: 100%;
}

.articles-list ul::after{
  content:"";
  display: block;
width: 31%;
}

.articles-list ul li{
width: 31%;
vertical-align: top;
border:1px solid #171c61; 
border-radius: 0 30px 0 0; 
margin-bottom: 45px;
position: relative;
font-size: 90%;
letter-spacing: 0px;
background:#fff; 
text-align:left;
}


.articles-list ul li div{
padding: 15px 15px 15px 15px;
position: relative;
}

.articles-list ul li .articles-author img{
width:40px;
height:40px;
object-fit: cover;
border-radius: 20px 20px 0 0!important;
border:1px solid #171c61; 
margin-right:15px;
}

.articles-list-img{
padding: 0px!important;
position: relative
}

.articles-list-img::after {
  content: "";
  background: rgba(159,217,246,.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
width:100%;
border-radius: 0 30px 0 0; 
}

.articles-list-img img{
width:100%!important;
height:auto!important;
border-radius: 0 30px 0 0;!important;
}

.articles-time{
padding:  0px;
margin:  0 0 5px 0;
font-weight: bold;
font-size: 80%;
}

.articles-cat{
position: absolute;
top: 15px;
right: 0px;
border-radius: 30px 0 0 30px; 
padding: 0 10px 0 15px;
background-color: #171c61;
color: #fff;
font-size: 80%;
}

.articles-img .articles-cat{
position: absolute;
top: 0;
right: auto;
left: 0px;
border-radius: 0 30px 30px 0; 
padding: 5px 15px;
background-color: #0082AE;
color: #fff;
}

.articles-author{
position: absolute;
bottom: 0px;
left: 15px;
vertical-align: middle;
line-height: 250%; 
}

@media only screen and (max-width: 767px) {
.articles-author{
position: relative;
top: 0px;
left: 15px;
vertical-align: top;
line-height: 250%; 
}
}

.articles-page{
width: 73%;
float: right;
vertical-align: top;
}

.articles-page img{
max-width:100%;
height:auto;
}

.articles-page a{
text-decoration: underline;
}

.articles-list a{
text-decoration: none!important;
}

.articles-page strong{
background: linear-gradient(transparent 70%, yellow 0%);
}

.articles-page .articles-list strong{
background:none;
}



@media only screen and (max-width: 767px) {
.articles-menu{
width: 100%;
float: none;
vertical-align: top;
padding: 0 0 30px 0;
}

.articles-list{
width: 100%;
float: none;
vertical-align: top;
}
.articles-list ul li{
width: 100%;
margin-bottom: 30px;
}
.articles-page{
width: 100%;
float: none;
vertical-align: top;
}
}

.articles-page h2{
font-size: 1.5rem;
font-weight: 500; 
letter-spacing: 0px;
line-height: 120%; 
text-align: left;
padding:   5px 0px;
margin:  0px;
}

@media only screen and (max-width: 767px) {
.articles-page h2{
font-size: 1.2rem;
letter-spacing: 0px;
line-height: 120%; 
}
}

.articles-page h3{
font-size: 1.3rem;
font-weight: 500; 
letter-spacing: 0px;
line-height: 120%; 
text-align: left;
padding:   5px 0px;
margin:  0px;
}

@media only screen and (max-width: 767px) {
.articles-page h3{
font-size: 1.1rem;
letter-spacing: 0px;
line-height: 120%; 
}
}


.articles-img {
width: 100%;
height: auto;
text-align: left;
margin:  0 0 15px 0;
position: relative;
}


.articles-img img{
height: auto;
width: 100%!important;
border-radius: 0 100px 0 0;
}

.articles-img::after {
content: "";
background: rgba(159,217,246,.4);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
border-radius: 0 100px 0 0;
}

.author-icon {
padding: 7px 7px 7px 60px;
position: relative;
font-size: 90%;
line-height: 150%;  
text-align: left;
margin-top: 40px;
}

.author-icon img{
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 25px 25px 0 0;
border: 1px solid #171c61;
position: absolute;
bottom:0;
left:-1px;
}

.articles-loadmore-wrap { 
text-align: center;
}

button#articles-loadmore {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
appearance: none;
display: inline-block;
padding: 9px 15px 9px 15px;
margin: 15px 0px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align: center;
font-weight: 600;
}

button#articles-loadmore:hover{
display:inline-block;
padding: 9px 15px 9px 15px;
margin:15px 0px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 600; 
}

.quote {
background: url(/wp/images/quote.png) no-repeat top 30px left 30px #dcdddd;
background-size: 100px auto;
border-radius: 60px 0 0 0;
padding: 30px 50px 30px 150px;
font-style: italic; 
}

.sign {
background: #bae3f9;
border-radius: 60px 0 0 0;
padding: 30px 50px;
}

/*  Work with Us*/

.wwu-tablist{
  display:flex; flex-wrap:wrap; gap:.75rem;
  justify-content:center; list-style:none; padding:0; margin:1rem 0 2rem;
}
.wwu-tablist a{
display: inline-block;
padding: 15px 30px;
background-color: #fff;
color: #008ac6;
border-radius: 30px 30px 0 30px;
border: 1.5px solid #9fd9f6;
text-align: center;
text-decoration: none;
font-size: 1.2rem;
font-weight: 500;
  transition:all .2s ease;
}
.wwu-tablist a:hover{
display:inline-block;
padding: 15px 30px;
background-color: #008ac6;
color: #fff;
border-radius: 30px 30px 0 30px;
border: 1.5px solid #008ac6;
text-align:center;
text-decoration: none;
font-size: 1.2rem;
font-weight: 500;  
	 }
.wwu-tablist a.is-active{ background:#008ac6; color:#fff; border-color:#008ac6; }

.wwu-panels{ position:relative; }
.wwu-panel{ display:none; padding:1rem 0; }

/* CSSだけでも :target で切替（対応ブラウザ） */
.wwu-panel:target{ display:block; }
/* 初回にハッシュが無い時は最初のパネルを表示（:has対応ブラウザ向け保険） */
.wwu-panels:not(:has(.wwu-panel:target)) .wwu-panel:first-child{ display:block; }

.wwu-panels:focus,
.wwu-panel:focus,
.wwu-tablist a:focus { outline: none !important; }

/*  Privacy Policy */
#policy .box80 h3{
text-align: left;
margin-top: 30px;
}

#policy .box80 big {
font-size: 120%; 
font-weight: normal; 
}

/* Footer */

.footer {
width:100%;
list-style:none;
z-index: 1000;
margin: 30px 0 30px 0;
z-index: 0;
background: #171c61;
font-size: 0.7rem;
color:#fff;
}

.footer-box{
width:95%;
padding: 20px 0 20px 0;
margin: auto;
text-align: center;
}

.footer01{
width:22%;
margin: auto;
text-align: left;
vertical-align:top; 
float: left;
padding:15px 0 0 0;
}

.footer01 img{
width:100%;
height: auto;
}

.footer02{
width:72%;
margin: auto;
text-align: left;
 display: table;
border-collapse: separate; 
border-spacing: 5px 2px; 
float: right;
line-height: 200%; 
font-weight: normal;
}

.footer02 a{
color:#fff; 
}

.footer02 a:hover{
color:#008ac6;
}

.footer02 dl {
display: table-cell;
vertical-align:top;   
width:14%;
}

.footer02 dt{
font-size: 130%;   
white-space: nowrap;
padding-top: 15px;
font-weight: 600; 
}

.footer02 dd {
font-weight: normal;
white-space: nowrap;
}

.copy{
text-align: left;
font-weight: normal;
font-size: 65%;
letter-spacing:0px;
}

@media only screen and (max-width: 767px) {
.footer01{
width:225px;
margin: auto;
text-align: center;
vertical-align:top; 
float: none;
padding:15px 0 0 0;
}
.footer02{
float: none;
 display: none;
}
.copy{
text-align: center;
font-weight: normal;
font-size: 65%;
letter-spacing:0px;
}
}

@media only screen and (max-width: 767px) {
.spbr {
display: block;
}
}


/* Form */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]
{
width: -webkit-calc(100% - 30px) ;
width: calc(100% - 30px) ;
font-size: 1.0rem;
border: 1px solid #9fd9f6;
padding: 15px;
background-color: #fff;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}

.wpcf7 textarea
{
width: -webkit-calc(100% - 30px) ;
width: calc(100% - 30px) ;
font-size: 1.0rem;
border: 1px solid #9fd9f6;
padding: 15px;
background-color: #fff;
border-radius: 45px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
}

.wpcf7 input[type="submit"] {
display:inline-block;;
padding: 15px 30px;
margin:15px 0px;
background-color: #fff;
color: #171c61;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
font-weight: 400; 
font-size: 130%;
letter-spacing: 0.2rem;
cursor: pointer; 
}

.wpcf7 input[type="submit"]:hover {
display:inline-block;
padding: 15px 30px;
margin:15px 0px;
background-color: #9fd9f6;
color: #fff;
border-radius: 20px 20px 20px 0;
border: 1.5px solid #9fd9f6;
text-align:center;
text-decoration: none;
}

span.wpcf7-list-item {
display: block !important;
}

@media only screen and (max-width: 767px) {
.wpcf7 {
width: 100%;
margin:auto;
}
}

.pcbr {
display: block;
}

.spbr {
display: none;
}


@media only screen and (max-width: 767px) {
.pcbr {
display: none;
}
.spbr {
display: block;
}
}

/* Language Switch */

.bogo-language-switcher{
position: absolute;
top:0;
right:17px;
width:30px;
height:30px;
 display:block;
}

.bogo-language-switcher li{
 display: inline-block;
padding: 0px 0px 0px 0px;
color:#fff;
visibility: hidden;
}

.bogo-language-switcher li a{
color:#fff;
visibility: visible;
}

.bogo-language-switcher li.current{
display:none;
}

a.bogo-lib{
position: absolute;
top: 10px;
right: 6.5px;
color:#fff;
display: inline-block;
}

#luxbar-footer .bogo-language-switcher li{
color:#e6e6e6;
}

#luxbar-footer .bogo-language-switcher li.current{
display:none;
}


.bogo-language-switcher .ja {
order: 1 !important;
}
.bogo-language-switcher .en-US {
order: 2 !important;
}

@media only screen and (max-width: 767px) {
#header-search .bogo-language-switcher{
 display:none;
}

#luxbar-footer .bogo-language-switcher{
position: relative;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 10px;
display: inline-block;
width:30px;
height: 30px; 
font-size: 16px;
}

}

/* iframe */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media only screen and (max-width: 767px) {
iframe {
max-width: 100%;
height: auto;
}
}

/* fancybox */
@media only screen and (max-width: 767px) {
#fancybox-right span{left:auto;right:20px !important;}
.rtl #fancybox-right span{right:auto;left:20px !important;}
}

/* slider */
.ss{
visibility: hidden;
}
.ss.slick-initialized{
visibility: visible;
}

.slick-dots{
width: auto!important;
right: 20%!important;
bottom: 20px!important;
}

#pink .slick-prev,
#pink .slick-next{
border:1.5px solid #ef858c;
}

#orange .slick-prev,
#orange .slick-next{
border:1.5px solid #F1914C;
}

#purple .slick-prev,
#purple .slick-next{
border:1.5px solid #ae82b8;
}

#green .slick-prev,
#green .slick-next{
border:1.5px solid #60c1c0;
}

#lime .slick-prev,
#lime .slick-next{
border:1.5px solid #aacf52;
}

#blue .slick-prev,
#blue .slick-next{
border:1.5px solid #6bc8f2;
}

#pink .slick-prev:before,
#pink .slick-next:before{
color: #ef858c;
}

#orange .slick-prev:before,
#orange .slick-next:before{
color: #F1914C;
}

#purple .slick-prev:before,
#purple .slick-next:before{
color: #ae82b8;
}

#green .slick-prev:before,
#green .slick-next:before{
color: #60c1c0;
}

#lime .slick-prev:before,
#lime .slick-next:before{
color: #aacf52;
}

#blue .slick-prev:before,
#blue .slick-next:before{
color: #6bc8f2;
}

dl.schedule{
display: flex;
flex-wrap: wrap;
align-items: stretch;
padding: 0px!important;
margin: 0px!important;
}

.schedule h4{
color: #008ac6;
text-align:left;
font-size: 140%; 
line-height: 100%; 
margin-bottom: 10px;
font-family:  'Noto Sans JP',sans-serif;
}

.schedule h5{
color: #008ac6;
font-size: 110%; 
font-weight: normal;
}


.schedule dt{
width: 70px;
vertical-align:top;
text-align:center;
padding:0; 
position: relative;
background: #008ac6;
color: #fff;
font-family:  'Noto Sans JP',sans-serif;
}

.schedule dt:first-of-type {
background: url(/wp/images/time-top.gif) no-repeat top center #008ac6;
background-size: 100% auto;
min-height: 70px;
}

.schedule dt:last-of-type {
background: url(/wp/images/time-bottom.gif) no-repeat bottom center #008ac6;
background-size: 100% auto;
min-height: 70px;
}

.schedule dd:first-of-type,.schedule dd:last-of-type {
width: calc(100% - 90px);
vertical-align:top;
text-align:left;
padding: 0 0 0 20px;
border-top:none;
}

.schedule dd{
width: calc(100% - 90px);
vertical-align:top;
text-align:left;
padding: 30px 0 0 20px;
position: relative;
}

.schedule dd:before{
width: 100%;
height: 7px;
    background: radial-gradient(circle farthest-side, #008ac6, #008ac6 50%, transparent 50%, transparent);
    background-size: 7px 7px;
    content: '';
    display: inline-block;
position: absolute;
top: 10px;
left: 0px;
clear: both;
}

.schedule dd:first-of-type:before,.schedule dd:last-of-type:before {
height: 0px;
    background: none;
}

.txt-left{
float:left;
width: 65%;	
}

 .img-right{
float:right;
width: 30%;
padding:2% 0 2% 2%; 
}

 .img-right img{
width: 100%;	
height:auto;
}

.green-box{
background:#d4ead4;
padding: 2%;
border-radius: 10px;
-moz-border-image: border-radius: 10px;
-webkit-border-image: border-radius: 10px;
}

@media only screen and (max-width: 767px) {
.schedule dt{
width: 50px;
}

.schedule dt:first-of-type {
min-height: 50px;
}

.schedule dt:last-of-type {
min-height: 50px;
}

.schedule dd:first-of-type,.schedule dd:last-of-type {
width: calc(100% - 70px);
}

.schedule dd{
width: calc(100% - 70px);
}

.txt-left{
float:none;
width: 100%;
}
 .img-right{
float:none;
width: 95%;	
padding:2%; 
margin:auto;
}
}

.figure-box {
margin: 30px 0 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-content: space-between;
}

.figure-box div{
width: 30%;
margin: 0 auto 30px auto;
}

.figure-box div img{
max-width: 100%;
height:auto;
}

@media only screen and (max-width: 767px) {
.figure-box div {
width: 100%;
margin: 0 0 30px 0;
float:none;
}
}

.figure-left {
width: 48%;
text-align: left;
text-justify: inter-ideograph;
background: #fff;
margin: 0 1% 30px 0;
float:left;
}

.figure-right {
width: 48%;
text-align: left;
text-justify: inter-ideograph;
background: #fff;
margin: 0 0 30px 1%;
float:right;
}

.figure-left img,.figure-right img,.figure-bottom img{
max-width: 100%;
height:auto;
}

.figure-bottom {
margin: 0 0 30px 0;
}

.figure-bottom:before {
content: "";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

@media only screen and (max-width: 767px) {
.figure-left,.figure-right {
width: 100%;
margin: 0 0 30px 0;
float:none;
}
}


.grid-sizer,
.grid-item {
    width: calc(40% - 30px);
width:-webkit-calc(40% - 30px);
    padding: 2.5%;
    margin:2.5%;
border-radius: 15px;
-moz-border-image: border-radius:15px;
-webkit-border-image: border-radius: 15px;
font-family:  'Noto Sans JP',sans-serif;
}

.grid-item.m {
border:15px solid #00125e;
position: relative;
}

.grid-item.f {
border:15px solid #006549;
position: relative;
}

.grid-item:before{
  content: "";
display: inline-block;
margin:auto;
background: url(/wp/images/clip.png) no-repeat top center;
background-size: 125px auto;
  width: 125px;
  height: 50px;
position: absolute;
top: -45px;
left: 0;
right: 0;
 z-index: 1;
}

.grid-item img {
    width: 70px;
    height: auto;
position: absolute;
top: 10px;
left: 10px;
}

.grid-item h4 {
font-size: 130%; 
color:#00125e;
margin:0 auto 15px auto;
}
.gutter-sizer {
    width: 4%;
}

.grid-item dt{
display:block;
float:left;
font-weight: bold;
white-space: nowrap;
width:50px;
padding: 0 0 0 20px;
vertical-align:top;
color:#008ac6;
background: url(/wp/images/mark.gif) no-repeat center left;
background-size: 20px auto;
}

.grid-item dd {
display:block;
float:left;
font-weight: bold;
padding: 0 0 0 0;
width: calc(100% - 70px);
width:-webkit-calc(100% - 70px);
vertical-align:top;
letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .grid-sizer,
  .grid-item {
    width: calc(90% - 30px);
width:-webkit-calc(90% - 30px);
    padding: 5%;
        margin: 25px auto ;
    }
}
.grecaptcha-badge { visibility: hidden; }

.bogo-language-switcher {
position: relative;
width: auto;
height: auto;
display: block;
}

.bogo-language-switcher a{
color: #008ac6!important;
}

.bogo-language-switcher a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
-moz-transition:0.15s ease-in-out;
-webkit-transition:0.15s ease-in-out;
-o-transition:0.15s ease-in-out;
-ms-transition:0.15s ease-in-out;
}


/* MetaSlider */

#metaslider_container_683 {
position: relative!important;
}

#metaslider_container_683::after {
  content: "";
  background: rgba(159,217,246,.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
width: 90%;
border-radius: 0 0 100px 0;
}

.metaslider .slides img {
width: 100%;
display: block;
border-radius: 20px;
border:solid 1px #60c0be!important;
}

#metaslider-id-683 .slides img {
height: auto;
width: 90%!important;
border-radius: 0 0 100px 0;
border:none!important;
}

/* スライダーの外枠を基準にする */
#metaslider-id-683 {
  position: relative;
  overflow: hidden; /* 念のため、はみ出しをクリップ */
}

/* 文字画像オーバーレイ */
#metaslider-id-683::after{
  content: "";
  position: absolute;
  z-index: 20;       
  left: 5%;
  right: 35%;         
  bottom: clamp(16px, 3vw, 48px);
  height: clamp(40px, 10vw, 220px); 
  background-image: url("/wp/images/top-txt.png");
  background-repeat: no-repeat;
  background-size: contain;     
  background-position: left bottom;
  pointer-events: none;       
}

@media only screen and (max-width: 767px) {
#metaslider-id-683::after{
  bottom: clamp(32px, 4vw, 64px);
}
}

#metaslider-id-683 .flex-control-nav {
border: 0;
margin: auto;
list-style-type: none;
list-style: none;
padding: 0;
text-align: right!important;
right: 15%!important;
bottom: 20px!important;
line-height: 11px;
z-index: 2;
}

#metaslider-id-683 .flexslider .flex-control-nav li a:not(.flex-active) {
background: #fff!important;
}

.flex-control-paging li a {
width: 7px!important;
height: 7px!important;
display: block;
background: #171c61!important;
cursor: pointer;
text-indent: -9999px;
-o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
box-shadow: inset 0 0 3px rgba(0,0,0,.3);
border-radius: 20px;
outline: none!important;
}

.flex-direction-nav {
z-index: 100!important;
}

.metaslider .flex-direction-nav .flex-next {
right: -50px!important;
}

.metaslider .flex-direction-nav .flex-prev {
left: -50px!important;
}

.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-prev:after {
background-image: url(/wp/images/flex-prev.png)!important;
background-size: 26px 26px!important;
background-position: left 0!important;
}

.metaslider.ms-theme-default-base .flexslider .flex-direction-nav li a.flex-next:after {
background-image: url(/wp/images/flex-next.png)!important;
background-size: 26px 26px!important;
background-position: right 0!important;
}

@media only screen and (max-width: 767px) {
#metaslider_621.flexslider .slides li {
margin-right: 15px!important;
}
.metaslider .flex-direction-nav .flex-next {
right: 10px!important;
}

.metaslider .flex-direction-nav .flex-prev {
left: 10px!important;
}
}

.is-hidden { display:none; }

.nop p{ 
padding:0px;
margin:0px;}