@charset "UTF-8";
/*------------------------------------------------------------------

PC

-----------------------------------------------------------------*/


/* module
-------------------------------------------------------*/
.sp {
display: none;
}
.in {
/*width:1100px;*/
max-width:1100px;
margin:0 auto;
}
.area {
padding: 70px 0;
}
img {
width: 100%;
height: auto;
}
.post img {
width: auto;
height: auto;
max-width: 100%;
}

.post hr {
margin-top: 30px;
margin-bottom: 30px;
}

.post p {
margin-bottom: 15px;
}

body ul#sharebar {
margin-left: -150px !important;
}

#wrapper {
overflow: hidden;
}
h3 {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.2;
letter-spacing: 2px;
margin-bottom:30px;
}
h3.ttl b {
font-size: 150%;
color:#1e253f;
}
h3.ttl span {
font-size: 95%;
font-weight: bold;
color:#1e253f;
}
h3.ttl-en b {
display: flex;
flex-flow: row nowrap;
align-items: center;
margin-bottom:10px;
}
h3.ttl-en b::before {
content:"";
display: inline-block;
width: 90px;
height: 1px;
background: #798b97;
margin-right: 25px;
}
h3.ttl-en b::after {
content:"";
display: inline-block;
width: 90px;
height: 1px;
background: #798b97;
margin-left: 25px;
}
h3.ttl-en span {
font-weight: bold;
}
h1.ttl02, h3.ttl02 {
flex-flow: row wrap;
justify-content: flex-start;
background: #dadddf;
padding:20px 30px;
box-sizing: border-box;
}
h4.ttl02 {
flex-flow: row wrap;
justify-content: flex-start;
background: #dadddf;
padding:20px 30px;
box-sizing: border-box;
}
h1.ttl02 b, h3.ttl02 b {
color: #10213a;
font-size: 120%;
margin-right: 20px;
}
h3.ttl02 span {
font-weight: bold;
}
h4.ttl {
font-weight: bold;
border-bottom:1px solid #1e253f;
line-height: 1.2;
padding-bottom:15px;
margin-bottom:20px;
font-size: 110%;
}
#wrap {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
.orange {
color:#f9640a;
}
.btn01,
.btn02{
text-align: center;
}
.btn01 a {
color:#fff;
font-weight: bold;
display: inline-block;
background:#1e253f;
text-align: center;
box-sizing: border-box;
line-height: 1.2;
}
.btn02 a {
color:#fff;
display: inline-block;
background:#1e253f;
text-align: center;
box-sizing: border-box;
line-height: 1.2;
}
.slide01 li img {
max-width: 200px;
}
.red {
color:#8f1416;
}
.bg-gray {
background:#DADDDF;
}
.bg-dot {
background:url("../img/common/bg01.jpg");
}
.blue {
color:#4200ff;
}
.mincho {font-family: 'Noto Serif JP', sans-serif;;color:#1e253f;}
.mincho-en {font-family: 'Lora', serif;}
.ttl.mincho {
font-size: 200%;
margin-bottom: 15px;
text-align: center;
}
.btn-show {
text-align: center;
}
.btn-show a {
width: 190px;
border-radius: 50px;
padding: 8px 10px 10px;
color: #fff;
font-weight: bold;
display: inline-block;
background: #1e253f;
text-align: center;
box-sizing: border-box;
line-height: 1.2;
}
.colorbox {
position: relative;
display: inline-block;
}
.colorbox::after {
content:"";
background: url("../img/common/zoom.png")no-repeat center/100%;
width: 30px;
height: 30px;
position: absolute;
left: 10px;
top: 10px;
border-radius: 50px;
opacity: .8;
}



/* コンテンツ共通
-------------------------------------------------------*/
#rate-plan-area {
/*padding-top:0;*/
padding-bottom:0;
}
#rate-plan-area ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#rate-plan-area ul li {
width: 323px;
}
#rate-plan-area ul .img img {
max-width: 323px;
}
#rate-plan-area ul .img {
    width: 100%;
position: relative;
margin-bottom:10px;
}
#rate-plan-area ul .img b {
position: absolute;
bottom:0;
left:0;
background:rgba(0,0,0,0.5);
color:#fff;
line-height: 1.4;
text-align: center;
width: 100%;
padding:5px;
box-sizing: border-box;
}
#rate-plan-area ul .txt {
font-size: 90%;
line-height: 1.2;
height: 180px;
}
#rate-plan-area h3 img {
max-width:201px;
}
#commitment-area {
padding-bottom:0;
}
#commitment-area h3,
#commitment-area h4 {
font-size: 150%;
background:#eeeeee;
line-height: 1.2;
padding:20px;
margin-bottom:0;
}
#commitment-area h4 {
text-align: center;
}
#commitment-area .border-box {
border:1px solid #dcdcdc;
box-sizing: border-box;
}
#commitment-area .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
}
#commitment-area .box>.img img {
width:212px;
}
#commitment-area .txt-box {
padding:20px;
}
#commitment-area .ttl {
font-size: 110%;
line-height: 1.2;
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: flex-start;
margin-bottom:20px;
}
#commitment-area .ttl img {
margin-left:10px;
}
#commitment-area .txt {
margin-bottom:20px;
}
#commitment-area .txt-box .img img {
max-width:486px;
margin-bottom:20px;
}
#commitment-area .bottom-txt {
margin-top:20px;
}
#flow-area ol {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
border:1px solid #dadddf;
}
#flow-area ol li {
border:1px solid #dadddf;
box-sizing: border-box;
width: 25%;
position: relative;
padding:19px;
}
#flow-area ol li .num {
position: absolute;
top:0;
left:0;
z-index: 1;
}
#flow-area ol li .num img {
max-width: 27px;
}
#flow-area ol li .img {
position: relative;
}
#flow-area ol li .img::after {
content: "";
display: inline-block;
background:url("../img/common/flow/arrow.png")no-repeat center center/18px 41px;
width: 18px;
height: 41px;
position: absolute;
top:0;
bottom:0;
right: -30px;
margin:auto;
z-index: 1;
}
#flow-area ol li:nth-child(4n) .img::after  {
display: none;
}
#flow-area ol li .txt {
font-weight: bold;
font-size: 90%;
line-height: 1.4;
text-align: center;
margin-top:15px;
}
#flow-area ol li .txt span {
display: block;
font-size: 80%;
}
#flow-area.col2 ol {
justify-content: flex-start;
border: none;
}
#flow-area.col2 ol li {
width: 33.33%;
}
#flow-area.col2 ol li:nth-child(4n) .img::after  {
display: inline-block;
}
#flow-area.col2 ol li:nth-child(3n) .img::after,
#flow-area.col2 ol li:last-child .img::after {
display: none;
}
#flow-area.col2 ol li:nth-last-child(n+4) {
border-bottom:1px solid #fff;
border-right:1px solid #fff;
}
#flow-area.col2 ol li:nth-last-child(2) {
width: 33.5%;
}
#flow-area.col2 ol li:nth-child(3) {
border-right: 1px solid #dadddf;
}
#flow-area.col2 ol li:last-child {
border-left:1px solid #fff;
}
#pcg-area ul,
#pcg-area ul li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#pcg-area ul li {
border:1px solid #798b97;
position: relative;
width: 320px;
}
#pcg-area ul li .img img {
width: 100px;
}
#pcg-area ul li .txt {
padding:26px 20px;
box-sizing: border-box;
}
#pcg-area ul li .txt > * {
display: block;
}
#pcg-area ul li .txt b {
color:#1e253f;
line-height: 1.2;
margin-bottom:10px;
}
#pcg-area ul li .txt span {
color:#666666;
font-size: 85%;
line-height: 1.3;
}
#pcg-area ul li .btn01 {
font-size: 90%;
position: absolute;
right: 0;
bottom:0;
}
#pcg-area ul li .btn01 a {
width: 90px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
#pcg-area ul li .btn01 a img {
max-width: 38px;
}
#pcg-area .in>.btn01 {
margin-top:30px;
}
#pcg-area .in>.btn01 a {
width: 190px;
border-radius: 50px;
padding:8px 10px 10px;
}
#other #pcg-area .in {
max-width: 780px;
width:780px;
}
#other #pcg-area ul {
flex-flow: row wrap;
justify-content: center;
}
#other #pcg-area ul li {
width: 50%;
max-width: 320px;
margin:0 15px 30px;
}
#other #pcg-area.col2 ul {
justify-content: space-between;
}
#other #pcg-area.col2 ul li {
margin:0 0 50px;
width: 31%;
}
#other #pcg-area.col2 ul li .txt {
padding:15px 10px;
}
#other #pcg-area.col2 ul li .txt b {
font-size: 80%;
}
#other #pcg-area.col2 ul li .txt span {
font-size: 75%;
}
.float-box {
display: flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:30px;
}
.float-box .txt {
margin-right: 20px;
}
#kawasaki .img > * {
display: block;
text-align: center;
}
#kawasaki .img img {
width: 219px;
}
#kawasaki .btn02 a {
font-size: 80%;
padding:5px 20px;
border-radius: 3px;
margin-top:10px;
}
#particular-about-area {
padding-bottom:0;
}
#particular-about-area h3 {
margin-bottom:0;
}
#particular-about-area ul {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: center;
background:#EEEEEE;
padding:50px 0;
}
#particular-about-area ul li {
border:1px solid #e5e5e5;
background:#fff;
width: 300px;
padding:29px;
margin:0 30px;
box-sizing: border-box;
}
#particular-about-area ul li img {
max-width: 240px;
}
#particular-about-area ul li .txt > * {
display: block;
}
#particular-about-area ul li .txt b{
text-align: center;
line-height: 1.2;
margin:20px 0 15px;
}
#particular-about-area ul li .txt span {
font-size: 90%;
line-height: 1.4;
}
#particular-about-area.col2 ul {
padding:30px 10px;
}
#particular-about-area.col2 ul li {
padding: 14px;
margin: 0 10px;
}
/*#italy-area {
padding-bottom:0;
}*/
#italy-area h3 img {
max-width:103px;
}
#italy-area .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#italy-area .box .img img {
margin-right: 30px;
width: 380px;
}
#italy-area .box .txt > * {
display: block;
}
#italy-area .box .txt span:first-child {
margin-bottom:20px;
}
#italy-area .box .txt b {
margin-bottom:10px;
}
#italy-area.col2 .box .img img {
margin-right: 20px;
width: 380px;
}
/*#news-area {
padding-bottom:0;
}*/
#news-area ul li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
border-bottom:1px solid #dadddf;
padding-bottom:20px;
margin-bottom:20px;
}
#news-area ul li .img {
background: #eeeeee;
width: 100%;
max-width: 150px;
height: 100px;
text-align: center;
}
#news-area ul li .img img {
width:auto;
}
#news-area ul li .txt {
margin-left: 20px;
width: 100%;
}
#news-area ul li .txt > * {
display: flex;
}
#news-area ul li .txt b {
color:#1e253f;
line-height: 1.2;
margin-bottom:10px;
}
#news-area ul li .txt span {
color:#666666;
font-size: 90%;
}
#news-area .btn01 {
margin-top:50px;
}
#news-area .btn01 a {
width: 190px;
border-radius: 50px;
padding:8px 10px 10px;
}
.page_news {
max-width: 780px;
}
.page_news .in {
width: inherit;
max-width: 780px;
}
#course-area {
border:1px solid #ba9f79;
background:#f5f3f4;
}
#course-area .ttl {
background:#E5DFD8;
padding:10px 30px;
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-start;
}
#course-area .ttl span:first-child img {
max-width:335px;
margin-right:15px;
}
#course-area .ttl span:last-child img {
max-width:280px;
}
#course-area .box-in {
padding:10px 30px 30px;
box-sizing: border-box;
}
#course-area .txt {
text-align: center;
margin-bottom:30px;
}
#course-area .txt img {
max-width:716px;
}
#course-area .btn01 a {
padding:8px 40px;
border-radius: 50px;
}
#order-kub {
padding-top:30px;
padding-bottom:0;
}
#order-kub .ul-box>li {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: space-between;
}
#order-kub .ul-box>li:not(:last-child) {
margin-bottom:50px;
}
#order-kub .ul-box>li .img {
padding-left:10px;
}
#order-kub .ul-box>li .txt-box .txt {
margin-bottom:30px;
}
#order-kub .ul-box>li .txt-box .txt .mincho-en {
font-size: 200%;
margin-right:15px;
padding-left:10px;
color:#10213a;
}
#order-kub .ul-box>li .txt-box ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
#order-kub .ul-box>li .txt-box ul li {
padding: 0 10px;
}
#pss-area {
padding-top:30px;
padding-bottom:0;
}
#pss-area .ul-box>li {
display: flex;
flex-flow: row nowrap;
align-items: flex-end;
justify-content: space-between;
}
#pss-area .ul-box>li > * {
width: 100%;
}
#pss-area .ul-box>li .img {
max-width: 350px;
margin-right: 20px;
font-size: 80%;
line-height: 1.2;
}
#pss-area .ul-box>li .img img {
margin-bottom:10px;
}
#pss-area .ul-box>li .txt-box ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
#pss-area .ul-box>li .img span {
display: block;
}
#pss-area .ul-box>li:not(:last-child) {
margin-bottom:50px;
}
#pss-area .ul-box>li .img {
padding-left:10px;
}
#pss-area .ul-box>li .txt-box .txt {
margin-bottom:30px;
}
#pss-area .ul-box>li .txt-box .txt > * {
display: block;
}
#pss-area .ul-box>li .txt-box .txt .mincho-en {
font-size: 130%;
color:#10213a;
line-height: 1.2;
margin-bottom:10px;
}
#pss-area .ul-box>li .txt-box .txt b {
font-weight:normal;
}
#pss-area .ul-box>li .txt-box ul li {
padding: 0;
font-size: 80%;
line-height: 1.2;
}
#pss-area .ul-box>li .txt-box ul li:first-child {
padding-right: 10px;
}
#pss-area .ul-box>li .txt-box ul li:last-child {
padding-left: 10px;
}
#pss-area .ul-box>li .txt-box ul li img {
margin-bottom:10px;
}
#pss-area .bottom-txt {
margin-top:50px;
}
#pss-area .bottom-txt > * {
display: block;
}
#pss-area .ul-box>li:nth-last-child(3) .img img,
#pss-area .ul-box>li:nth-last-child(2) .img img,
#pss-area .ul-box>li:last-child .img img{
margin-bottom:0;
}
#cta-area .ul-img {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin-bottom:30px;
}
#cta-area .box02 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:70px;
}
#check-list .ul-check {
margin-bottom:20px;
}
#check-list .ul-check li {
background: url("../img/course/check.png")no-repeat left top/22px 18px;
padding-left:30px;
line-height: 1.2;
margin-bottom:10px;
}
#check-list h5 {
background: #eeeeee;
padding:15px 20px;
box-sizing: border-box;
line-height: 1.2;
font-weight: bold;
margin-bottom:20px;
}


/* header
-------------------------------------------------------*/
#header-fixed {
display: none;
}
#header {
background: #1E253F;
color:#fff;
padding:10px;
box-sizing: border-box;
position: fixed;
z-index: 110;
width: 100%;
display: block;
height: 115px;
}
#header .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
padding-top: 10px;
height: 35px;
}
/* #header .box:first-of-type {
margin-bottom:20px;
} */
#header .box:last-child {
align-items: flex-end;
}
#header h1 {
font-size: 75%;
line-height: 1.2;
}
#header .logo img {
max-width:310px;
height: auto;
}
#header ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content:flex-end;
}
#header .ul01 li {
padding-left:10px;
}
#header .ul02 li {
padding-left:30px;
}
#header ul li a {
display: block;
color:#fff;
font-size: 80%;
line-height: 1.2;
font-weight: bold;
}
#header .tel img {
 max-width:200px;
 height:auto;
}
#header .contact img {
 max-width:200px;
 height:auto;
}


/* nav
-------------------------------------------------------*/


/* breadcrumb
-------------------------------------------------------*/
#breadcrumb {
margin:20px 0 30px;
padding:0 20px;
box-sizing: border-box;
}
#breadcrumb ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
}
#breadcrumb ul li {
font-size: 75%;
line-height: 1.2;
}
#breadcrumb ul li:not(:last-child)::after {
content: ">";
display: inline-block;
margin:0 5px;
}
.contact-banner {
margin-top:70px;
}


/* visual
-------------------------------------------------------*/
#index #visual {
position: relative;
}
#index #visual .visual-bg {
background:url(../../../../_photos/70f229e80513673e.jpg#6993033d)no-repeat center center/cover;
padding-top: 150px;
}
#index #visual .in {
position: relative;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
/* padding-top: calc(683/1024*10%); */
}
#index #visual ul {
position: absolute;
left:0;
right: 0;
bottom:-90px;
margin:auto;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
}
#index #visual ul li {
padding:0 35px;
}

#other #visual {
padding-top:180px;
}
#other #visual .in {
max-width:1200px;
width:1200px;
padding:160px 20px;
box-sizing: border-box;
}
#other #visual h2 > * {
display: block;
text-align: center;
line-height: 1.2;
color:#fff;
}
#other #visual h2 .big {
font-size: 200%;
margin-bottom:10px;
}
#other #visual h2>.small {
font-size:180%;
}
#other #visual h2>.small .small2 {
font-size: 55%;
margin-top:5px;
}

/* reiwa_banner
-------------------------------------------------------*/
#reiwa_banner {
margin: 140px auto 0;
text-align: center;
}
#reiwa_banner img {
max-width: 908px;
}


.corona{
	border: 3px solid #A10002;
	padding: 15px;
	margin: 140px auto 0;
	width: 80%;
}
/* footer
-------------------------------------------------------*/
#footer {
text-align: center;
padding:70px 0 100px;
color:#1e253f;
background:#CDD1D3;
}
#footer .logo img {
max-width:320px;
margin-bottom:30px;
}
#footer .ul-box {
margin-bottom:60px;
}
#footer .ul-box>li ul li {
text-align: left;
}
#footer .ul-box>li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#footer .ul-box li a {
color:#1e253f;
font-size: 80%;
}
#footer .copy {
font-size: 75%;
}
#other #footer {
margin-top:100px;
}

/* main
-------------------------------------------------------*/
#main {
width:780px;
}

/* side
-------------------------------------------------------*/
#side {
width: 290px;
}
#side h3 {
border-top:1px solid #1e253f;
align-items: flex-start;
font-weight: bold;
color:#1e253f;
padding-top:20px;
margin-bottom:25px;
}
#side .ul-lineup {
margin-bottom:40px;
}
#side .ul-lineup li:not(:last-child) {
margin-bottom:10px;
}
#side .ul-lineup li a {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
padding:8px;
box-sizing: border-box;
color:#fff;
background:#58687F;
}
#side .ul-lineup li a .img {
margin-right: 15px;
}
#side .ul-lineup li a .txt > * {
display: block;
line-height: 1.4;
}
#side .side-tel {
margin-bottom:40px;
}
#side .arrow-list {
margin-bottom:40px;
}
#side .arrow-list li {
padding-bottom:15px;
border-bottom:1px solid #b5b5b5;
line-height: 1.2;
margin-bottom:15px;
}
#side .arrow-list li a {
color:#1e253f;
font-weight: bold;
padding-left: 1em;
text-indent: -1em;
display: inline-block;
}
#side .arrow-list li a::before {
content:"";
width: 0;
height: 0;
display: inline-block;
border:5px solid transparent;
border-left:7px solid #1e253f;
vertical-align: middle;
margin-right: 3px;
}
#side .question {
margin-bottom:20px;
}
#side .text-area {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom:40px;
}
#side .text-area b {
width: 240px;
}
#side .text-area input {
border:none;
background:#eeeeee;
height: 40px;
width: 100%;
padding:5px;
box-sizing: border-box;
}
#side .text-area button {
border:none;
color:#fff;
background: #1e253f;
outline: none;
cursor: pointer;
transition: .2s;
width:50px;
}
#side .text-area button:hover {
opacity: .7;
}

.sidetext-areabutton {
border:none;
color:#fff;
background: #1e253f!important;
outline: none;
cursor: pointer;
transition: .2s;
width:50px!important;
}
.sidetext-areabutton:hover {
opacity: .7;
}

#side .credit-area {
text-align: center;
margin-bottom:50px;
}
#side .credit-area img {
max-width: 245px;
}
#side .event-area {
margin-bottom:40px;
}
#side .event-area ul li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
font-size: 85%;
line-height: 1.4;
border-bottom:1px solid #b5b5b5;
padding-bottom:10px;
margin-bottom:10px;
}
#side .event-area ul li img {
width: 120px;
margin-right: 15px;
}
#side .facebook {
text-align: center;
}
#side .facebook img {
max-width:276px;
}
#side .img-doctor {
margin-bottom:50px;
}
#side .style-area {
margin-bottom:40px;
}
#side .style-area ul li:first-child {
margin-bottom:10px;
}
#side .kawasaki-area {
margin-bottom:40px;
}
#side .kawasaki-area h3 {
position: relative;
}
#side .kawasaki-area h3 span {
position: absolute;
right: 10px;
bottom: -25px;
}
#side .kawasaki-area ul li:not(:last-child) {
margin-bottom:10px;
}
#side .kouza {
margin-bottom:40px;
}

/* index
-------------------------------------------------------*/
#index #area01 {
padding-top:40px;
}
#index #area01 .ul01,
#index #area01 .ul02,
#index #area01 .ul03,
#index #area01 .youtube_area .box-in {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area01 .ul02,
#index #area01 .youtube_area .box-in {
justify-content: center;
}
#index #area01 .ul01 {
margin-bottom: 50px;
}
#index #area01 .ul01 .txt {
line-height: 1.2;
margin-top:10px;
text-align: center;
background: #f0f0f0;
padding: 10px 15px;
box-sizing: border-box;
margin-bottom: 10px;
}
#index #area01 .ul02 {
margin-bottom: 50px;
}
#index #area01 .ul02 li {
padding:0 17.5px;
}
#index #area01 .youtube_area {
margin-bottom:60px;
background: url("../img/common/bg01.jpg");
padding:50px 0;
}
#index #area01 .youtube_area h3 img {
max-width:179px;
}
#index #area01 .youtube_area .box-in > * {
padding:0 17.5px;
}
#index #area01 .ul03 li {
width: 250px;
text-align: center;
}
#index #area01 .ul03 li .img {
height: 226px;
}
#index #area01 .ul03 li .img img {
max-width:168px;
}
#index #area01 .ul03 li .txt {
margin-top:5px;
border-top:1px solid #dcdcdc;
padding-top:15px;
font-size: 85%;
font-weight: bold;
}
/*#index #area02 {
padding:0 0 20px;
}*/
#index #area02 ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area02 ul li {
width: 340px;
margin-bottom:50px;
}
#index #area02 ul li .txt > * {
display:block;
line-height: 1.4;
}
#index #area02 ul li .txt b {
margin:15px 0 10px;
font-size: 110%;
}
#area02 .btn01 {
margin-top:30px;
}
#area02 .btn01 a {
width: 190px;
border-radius: 50px;
padding:8px 10px 10px;
}
#index #area05 {
padding-bottom: 0;
}
#index #area05 h3 {
margin-bottom:20px;
}
#index #area05 h3 img {
max-width:180px;
}
#index #area05 .slide01 {
background: url("../img/common/bg01.jpg");
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
padding:40px 33px;
}
#index #area06 {
border: 5px solid #1e253f;
padding: 15px;
box-sizing: border-box;
margin-top: 30px;
margin-bottom: 30px;
}
#index #area06 h3 {
margin-bottom:0;
}
#index #area06 h3 img {
max-width:138px;
}
#index #area06 h3 b::before,
#index #area06 h3 b::after {
display: none;
}
#index #area06 ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#index #area06 ul li {
text-align: center;
padding-right: 20px;
}

#index #area06 ul li:last-child {
	padding-right: 0px;
}

#index #area07 {
padding:0;
border:1px solid #ba9f79;
position: relative;
background:#F5F3F4;
}
#index #area07 .ttl-banner {
background:#E5DFD8;
padding:8px 30px;
margin-bottom:10px;
box-sizing: border-box;
align-items: flex-start;
}
#index #area07 .ttl-banner img {
max-width:335px;
}
#index #area07 .txt {
border-top:1px solid #e0d4c1;
border-bottom:1px solid #e0d4c1;
padding:15px 0;
margin:0 40px;
width: 347px;
}
#index #area07 .txt img {
max-width:328px;
}
#index #area07 .img {
position: absolute;
top:10px;
right: 20px;
}
#index #area07 .btn {
margin:30px 0;
text-align: center;
}
#index #area07 .btn a {
color:#fff;
background:#1E253F;
border-radius: 50px;
max-width: 250px;
padding:5px;
box-sizing: border-box;
width:40%;
display:inline-block;
text-align: center;
margin:0 auto;
}

#index #area07 .btn a:nth-child(odd) {
margin-right: 30px;
}

#index #area08 .box01,
#index #area08 .box02 {
margin-bottom:50px;
}
#index #area08 .box01 h4,
#index #area08 .box02 h4 {
margin-bottom:20px;
}
#index #area08 .box02 ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area08 .box03 h4 {
margin-bottom:20px;
}
#index #area08 .box03 .slick-slider,
#index #area08 .box03 .slick-slide {
padding:0;
}
/*#index #area08 .box03 button {
display: none!important;
}*/
#index #area11 {
padding-bottom:0;
}
#index #area11 .box01 .in {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area11 .box01 .in .img img {
width:239px;
margin-right: 90px;
}
#index #area11 .box01 .in .txt-box {
width: 100%;
}
#index #area11 .box01 .in .txt-box .name {
line-height: 1.2;
margin-bottom:15px;
}
#index #area11 .box01 .in .txt-box .name b:first-child {
font-size: 90%;
margin-right: 10px;
}
#index #area11 .box01 .in .txt-box .name b:last-child {
font-size: 110%;
}
#index #area11 .box01 .in .txt-box .txt {
margin-bottom:30px;
}
#index #area11 .box01 .in .txt-box ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area11 .box02 {
height: 220px;
background:#F3F4F4;
display: flex;
align-items: center;
margin:70px 0 50px;
}
#index #area11 .box02 .in {
position: relative;
}
#index #area11 .box02 .in .img {
position: absolute;
bottom:-70px;
left:0;
}
#index #area11 .box02 .in .txt-box {
padding-left:250px;
}
#index #area11 .box02 .in .txt-box .ttl {
font-size: 180%;
line-height: 1.2;
}
#index #area11 .box02 .in .txt-box .red {
color:#a50017;
font-size: 150%;
line-height: 1.2;
margin:20px 0 10px;
}
#index #area11 .box03 {
background:url("../img/common/bg01.jpg");
padding:40px 0 20px;
}
#index #area11 .box03 ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
padding:0 25px;
box-sizing: border-box;
}
#index #area11 .box03 ul li {
padding:0 15px;
box-sizing: border-box;
margin-bottom:20px;
}
#index #area13 {
/*background:url("../img/common/bg01.jpg");*/
padding-top: 0px;
}
#index #area13 h3 img {
max-width: 320px;
}
#index #area13 .img {
text-align: center;
}
#index #area13 .img img {
max-width:742px;
}
#index #area14 {
/*padding-bottom:0;*/
background: #f0f0f0;
}
#index #area14 ul {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
}
#index #area14 ul li {
width: 540px;
padding-bottom:30px;
border-bottom:1px solid #c9c9c9;
margin-bottom:30px;
}
#index #area14 dl > * {
line-height: 1.3;
padding-left:50px;
min-height: 30px;
display: flex;
align-items: center;
}
#index #area14 dl dt {
font-weight: bold;
background: url("../img/index/q.png")no-repeat left top/30px 30px;
margin-bottom:10px;
}
#index #area14 dl dd {
background: url("../img/index/a.png")no-repeat left top/30px 30px;
}

#index #area14 .btn01 a {
  width: 190px;
  border-radius: 50px;
  padding: 8px 10px 10px;
}


/* index 2021.12修正
-------------------------------------------------------*/
#index #slider202112 {
    background: #1e253f;
    padding: 125px 0 10px 0;
}
#index #slider202112 > div {
    max-width: 1100px;
    margin: auto;
}
#index #slider202112 .slick-slider {
    padding: 0 !important;
}
#index #slider202112 .thumb-item {
    margin-bottom: 5px;
}
#index #slider202112 .thumb-item .slick-slide {
    padding: 0 5px !important;
}
#index #slider202112 .slick-prev {
    left: 5px;
}
#index #slider202112 .slick-next {
    right: 5px;
}
#index #slider202112 .thumb-item-nav {
    display: flex;
    justify-content: center;
}
#index #slider202112 .thumb-item-nav li {
    height: 64px;
    padding: 5px;
    box-sizing: border-box;
}
#index #slider202112 .thumb-item-nav li img {
    width: 100%;
    height: 54px;
    object-fit: cover;
}

#index .image202112 {
    max-width: 1100px;
    margin: auto;
}

#index .corona202112 {
    max-width: 1100px;
    margin: 0 auto 40px;
    border-top: 1px solid #D82C2B;
    border-bottom: 1px solid #D82C2B;
    padding: 20px 80px 0 80px;
}
#index .corona202112 input {
    display: none;
}
#index .corona202112 label {
    display: flex;
    justify-content: center;
}
#index .corona202112 h3 {
    display: inline-block;
    font-size: 24px;
    color: #D82C2B;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative;
}
#index .corona202112 #more + label h3::after {
    content: '';
    border-bottom: solid 1px #D82C2B;
    border-left: solid 1px #D82C2B;
    transform: rotate( -45deg );
    width: 12px;
    height: 12px;
    position: absolute;
    top: calc(50% - 14px);
    right: -50px;
}
#index .corona202112 #more:checked + label h3::after {
    transform: rotate( 135deg );
    top: calc(50% - 6px);
}
#index .corona202112 .corona_in {
        max-height: 0;
        overflow: hidden;
        transition: 0.5s;
}
#index .corona202112 #more:checked + label + .corona_in {
    display: flex;
    max-height: 200px;
    padding-bottom: 20px;
}
#index .corona202112 .corona_img {
    margin-right: 40px;
}

#index .youtube_area202112 {
    background: #f2f2f2 url("../img/common/bg01.jpg");
    padding: 30px 0;
}
#index .youtube_area202112 .moviewrap2 {
    overflow-x: scroll;
}
#index .youtube_area202112 .moviewrap2 ul {
    width: 2000px;
}
#index .youtube_area202112 ul {
    display: flex;
    flex-wrap: wrap;
}
#index .youtube_area202112 ul li {
    width: calc(calc(100% / 3) - 24px); 
    margin: 0 12px 30px 12px;
}
#index .youtube_area202112 .moviewrap2 ul li {
    width: 342px;
    margin: 0 24px 30px 0;
}
#index .youtube_area202112 ul li iframe {
    width: 100%;
    height: 200px;
}
/*#index .youtube_area202112 ul li iframe {
    width: 300px;
    height: 170px;
    transform: scale(0.85);
    margin: 0 auto;
    transform-origin: top left;
}*/
#index .youtube_area202112 ul li p {
    background-color: #fff;
    text-align: center;
    padding: 0.2em 0;
    margin-top: 0.5em;
}
#index .youtube_area202112 ul li.dora {
    width: 500px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#index .youtube_area202112 ul li.dora .tv_thumb {
    width: auto;
    height: 200px;
    margin-right: 15px;
}

#index .youtube_area202112 ul li.dora iframe {
    width: 100%;
    max-width: 342px;
}
/*
#index .youtube_area202112 ul li:nth-of-type(4) p {
    width: 342px;
}*/

#index #area02 ul.list02 li {
width: 530px;
}
#index #area02 ul.list02 li img {
    width: 100%;
    height: auto;
}

#index #particular-about-area202112 ul {
display: flex;
    flex-wrap: wrap;
justify-content: space-between;

}
#index #particular-about-area202112 ul li {
border:1px solid #e5e5e5;
background:#fff;
width: 253px;
padding:29px;
box-sizing: border-box;
}
#index #particular-about-area202112 ul li img {
max-width: 240px;
}
#index #particular-about-area202112 ul li .txt > * {
display: block;
}
#index #particular-about-area202112 ul li .txt b{
text-align: center;
line-height: 1.2;
margin:20px 0 15px;
}
#index #particular-about-area202112 ul li .txt span {
font-size: 90%;
line-height: 1.4;
}

#index #area11_202112 .box01 > div {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area11_202112 .box01 .img img {
width:200px;
margin-right: 60px;
}
#index #area11_202112 .box01 .txt-box {
width: 100%;
}
#index #area11_202112 .box01 .txt-box .name {
line-height: 1.2;
margin-bottom:15px;
}
#index #area11_202112 .box01 .txt-box .name b:first-child {
font-size: 90%;
margin-right: 10px;
}
#index #area11_202112 .box01 .txt-box .name b:last-child {
font-size: 110%;
}
#index #area11_202112 .box01 .txt-box .txt {
margin-bottom:30px;
}
#index #area11_202112 .box01 .txt-box ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#index #area11_202112 .box01 .txt-box ul li {
    width: 168px;
}
#index #area11_202112 .box02 {
height: 220px;
background:#F3F4F4;
display: flex;
align-items: center;
margin:70px 0 50px;
}
#index #area11_202112 .box02 > div {
position: relative;
}
#index #area11_202112 .box02 .img {
    width: 170px;
position: absolute;
bottom:-40px;
left:20px;
}
#index #area11_202112 .box02 .txt-box {
padding-left:220px;
    padding-right: 20px;
}
#index #area11_202112 .box02 .txt-box .ttl {
font-size: 150%;
line-height: 1.2;
}
#index #area11_202112 .box02 .txt-box .red {
color:#a50017;
font-size: 130%;
line-height: 1.2;
margin:20px 0 10px;
}
#index #area11_202112 .box03 {
background:#f2f2f2 url("../img/common/bg01.jpg");
padding:40px 0 20px;
}
#index #area11_202112 .box03 ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
padding:0 25px;
box-sizing: border-box;
}
#index #area11_202112 .box03 ul li {
    width: 180px;
padding:0 5px;
box-sizing: border-box;
margin-bottom:20px;
}

@media screen and (max-width:768px){
  #index #slider202112 {
      background: #1e253f;
      padding: calc(20 / 640 * 100vw) 0 calc(20 / 640 * 100vw) 0;
}
  #index #slider202112 .thumb-item {
      margin-bottom: 0;
  }
  #index #slider202112 .thumb-item .slick-slide {
      padding: 0 calc(5 / 640 * 100vw) !important;
  }
  #index #slider202112 .thumb-item-nav {
      display: none;
  }
  #index #slider202112 .thumb-item-nav li {
      padding: calc(5 / 640 * 100vw);
  }
    #index .image202112 {
        padding: calc(24 / 640 * 100vw) 20px;
    }
  #index .corona202112 {
      padding: calc(20 / 640 * 100vw) calc(20 / 640 * 100vw) 0 calc(40 / 640 * 100vw);
      margin: 0 auto calc(24 / 640 * 100vw);
  }
  #index .corona202112 h3 {
      font-size: 16px;
  }
#index .corona202112 #more + label h3::after {
    content: '';
    border-bottom: solid 1px #D82C2B;
    border-left: solid 1px #D82C2B;
    transform: rotate( -45deg );
    width: calc(14 / 640 * 100vw);
    height: calc(14 / 640 * 100vw);
    position: absolute;
    top: calc(50% - calc(12 / 640 * 100vw));
    right: calc(-50 / 640 * 100vw);
}
#index .corona202112 #more:checked+label h3:after {
    top: calc(50% - calc(6 / 640 * 100vw));
}    
#index .corona202112 #more:checked + label + .corona_in {
    flex-direction: column;
    max-height: 100vh;
}   
#index .corona202112 .corona_img {
    margin: 0 auto 20px;
}    
#index .youtube_area202112 .in {
    padding: 0 0 0  calc(10 / 640 * 100vw);
}
#index .youtube_area202112 .moviewrap1 {
    overflow-x: scroll;
    margin-bottom: calc(50 / 640 * 100vw);
}
#index .youtube_area202112 .moviewrap1 ul {
    width: calc(1260 / 640 * 100vw);
}
#index .youtube_area202112 .moviewrap2 ul {
    width: calc(2220 / 640 * 100vw);
}
  #index .youtube_area202112 ul li ,
    #index .youtube_area202112 .moviewrap2 ul li {
      width: calc(400 / 640 * 100vw);
      margin: 0 calc(20 / 640 * 100vw) calc(50 / 640 * 100vw) 0;
  }
  #index .youtube_area202112 ul li iframe {
      width: 100%;
      height: calc(250 / 640 * 100vw);
  }
    #index .youtube_area202112 ul li p {
        margin-top: 0;
    }
    #index .youtube_area202112 ul li.dora {
        width: calc(500 / 640 * 100vw);
    }
    #index .youtube_area202112 ul li.dora iframe {
        width: calc(100% - calc(180 / 640 * 100vw));
    }
    #index .youtube_area202112 ul li.dora .tv_thumb {
        width: calc(180 / 640 * 100vw);
        height: auto;
        margin-right: 0;
    }
/*    #index .youtube_area202112 ul li:nth-of-type(4) {
    width: 100% !important;
    flex-direction: column;
}
#index .youtube_area202112 ul li:nth-of-type(4) iframe {
    max-width: 100% !important;
}
#index .youtube_area202112 ul li:nth-of-type(4) p {
    width: 100% !important;
}
    #index .youtube_area202112 ul li .tv_thumb {
        width: 50%;
        height: auto !important;
        margin: 0 auto calc(30 / 640 * 100vw) !important;
    }*/
  #index #particular-about-area202112 ul {
      flex-direction: column;
      padding: 0 calc(30 / 640 * 100vw);
  }
  #index #particular-about-area202112 ul li {
      width: 100%;
      padding:calc(30 / 640 * 100vw);
  }
  #index #particular-about-area202112 ul li img {
      max-width: 100%;
  }
    #index #area01 .ul03 li {
        width: calc(100% / 3) !important;
    }
  #index #area11_202112 .box01 > div {
      flex-direction: column;
  }
  #index #area11_202112 .box01 .img {
      width: calc(250 / 640 * 100vw);
      text-align: center;
      margin: auto;
  }
  #index #area11_202112 .box01 .img img {
      width: 100%;
  }
  #index #area11_202112 .box02 {
      display: block;
      height: auto;
      padding: calc(30 / 640 * 100vw) 0;
  }
#index #area11_202112 .box02 .img {
    margin: 0 auto calc(25 / 640 * 100vw);
    position: relative;
    bottom: inherit;
left: inherit;
}
#index #area11_202112 .box02 .txt-box {
    padding-left: 20px;
}
    
#index #area11_202112 .box03 ul {
    display: flex;
    justify-content: space-between;
}
#index #area11_202112 .box03 ul li {
    width: calc(240 / 640 * 100vw);
    padding:0;
}
    #index #italy-area {
        padding: calc(80 / 640 * 100vw) 0 0 0;
    }
    
}



/* reiwa
-------------------------------------------------------*/
#reiwa {
margin: 0 auto 60px;
text-align: center;
}
#reiwa img {
max-width: 908px;
}

/* other
-------------------------------------------------------*/
#other #area.area {
padding-top:0;
}


/* privacy
-------------------------------------------------------*/


/* event
-------------------------------------------------------*/
#event #visual .in {
background: url(../../../../_photos/851a8bf67ded8724.jpg#3223f712)no-repeat center center/cover;
}
#event #area ul li:not(:last-child) {
margin-bottom:30px;
}
#event #area ul li img {
width: 120px;
}
#event #area ul li .box {
display: flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
justify-content: space-between;
}
#event #area ul li .box .txt {
margin-right: 20px;
}


/* fashon_tips
-------------------------------------------------------*/
#fashon-tips #visual .in {
background: url(../../../../_photos/66c1d13912d3b60e.jpg#05cd1da8)no-repeat center center/cover;
}
#fashon-tips #area ul.post-categories {
margin-bottom:30px;
}
#fashon-tips #area ul.post-categories li a {
display: block;
cursor: pointer;
background:#1E253F;
padding:12px 35px;
box-sizing: border-box;
font-weight: bold;
color: #fff;
border-radius: 5px;
margin-bottom:10px;
position: relative;
line-height: 1.2;
}
#fashon-tips #area ul.post-categories li a::before {
content:"";
width: 0;
height: 0;
border:6px solid transparent;
border-left:6px solid #fff;
position: absolute;
top: 0;
bottom: 0;
left: 16px;
margin: auto;
}

#fashon-tips #toc_container {
    margin-top: 2em;;
}

.card-container{
    background: #58687f;
    color: #fff;
    display: flex;
    margin: 20px auto;
    width: 100%;
    box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.card-container a{
    text-decoration: none;
    color: #fff;
}

.column-category{
    font-weight: bold;
}

.card-text{
    width:100%;
    margin: 10px 20px;
}
.card-text h2{
    padding-top: 10px;
    font-size: 1em;
}
.card-text p{
    font-size: 0.6em;
}
.card-img{
    width: 80%;
}

img{
    width:100%;
    height:100%;
    vertical-align:bottom;
}

/*PCサイズ*/

@media screen and (min-width:650px) {
    .card-container{
        max-width: 750px;
        height: 200px;
    }

    .card-text h2{
        font-size: 1.2em;
    }
    .card-text p{
        font-size: 1em;
    }
}



/* gallery
-------------------------------------------------------*/
#gallery #visual .in {
background: url(../../../../_photos/3ac361c1287d49fa.jpg#1fb3318e)no-repeat center center/cover;
}
#gallery .slide-area h3,#gallery-man .slide-area h3 {
margin-bottom:0;
}
#gallery .slide,#gallery-man .slide {
background: url("../img/common/bg01.jpg");
padding:30px 10px;
}
#gallery .slide li img {
max-width: 220px;
}
#gallery-man #visual .in {
background: url(../../../../_photos/d40cc24620b8782a.jpg#1b6a4ed0)no-repeat center center/cover;
}
#gallery-man #area .img {
margin-bottom:50px;
}
#gallery-man #area .txt {
margin-bottom:50px;
}
#gallery-man #area .ul-area {
margin-bottom:50px;
}
#gallery-man #area ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#gallery-man #area ul:last-of-type {
margin-bottom:30px;
}
#gallery-man #area .bottom-txt {
margin-bottom:30px;
text-align: center;
}
#gallery-man #area .btn01 a {
border-radius: 50px;
padding: 10px 40px;
box-sizing: border-box;
}

/* super-ceo
-------------------------------------------------------*/
#super-ceo .img01 {
max-width: 700px;
margin:0 auto 30px;
}
#super-ceo .img02 {
max-width: 484px;
margin:0 auto;
}
#super-ceo .btn02 a {
width: 70%;
max-width: 360px;
margin:0 auto;
padding:20px;
box-sizing: border-box;
display: flex;
align-content: center;
justify-content: center;
position: relative;
margin-top:50px;
}
#super-ceo .btn02 a::before {
content:"";
background:url("../img/common/arrow_border.png")no-repeat center center/11px 22px;
width: 11px;
height: 22px;
position: absolute;
top:0;
bottom:0;
left: 30px;
margin:auto;
}


/* biyou
-------------------------------------------------------*/
#biyou h3:not(:first-child) {
margin-top:50px;
margin-bottom:15px;
}
#biyou .img-ttl {
max-width:525px;
margin:40px auto 20px;
}
#biyou #area ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
margin-top:30px;
}
#biyou #area ul li img {
max-width: 42px;
position: absolute;
top: -20px;
left: -20px;
}
#biyou #area ul li span {
position: relative;
border:4px solid #8f1416;
padding:30px;
box-sizing: border-box;
display: inline-block;
text-align: center;
width: 375px;
}
#biyou #area ul li span > b {
font-size: 130%;
line-height: 1.4;
}
#biyou #area ul li span > b > b {
display: inline-block;
}
#biyou .img {
margin:0 0 30px;
}
#biyou .txt {
margin-bottom:20px;
}
#biyou .table {
border:1px solid #1e253f;
width: 100%;
box-sizing: border-box;
margin-bottom:20px;
}
#biyou .table tr:not(:last-child) {
border-bottom:1px solid #1e253f;
}
#biyou .table tr > * {
font-weight: bold;
font-size: 120%;
line-height: 1;
padding:20px;
box-sizing: border-box;
text-align: center;
}
#biyou .table tr th {
color:#fff;
background: #1e253f;
width: 194px;
}
#biyou .table tr:not(:last-child) th {
border-bottom:1px solid #fff;
}
#biyou .table tr td {
color:#1e253f;
width: 117px;
}
#biyou .table tr td:not(:last-child) {
border-right: 1px solid #1e253f;
}
#biyou .table tr td img {
max-width: 26px;
}
#biyou .contact-banner {
margin-top:0;
}


/* recruit
-------------------------------------------------------*/
#recruit #visual .in {
background: url(../../../../_photos/5cf58b0ee970ad30.jpg#61c296f2)no-repeat center center/cover;
}
#recruit #area .top-box {
text-align: center;
}
#recruit #area .top-box .ttl01,#recruit #area .top-box .ttl02 {
padding:20px;
box-sizing: border-box;
}
#recruit #area .top-box .ttl01 {
background: #1E253F;
color:#fff;
}
#recruit #area .top-box .ttl01 .ttl-wrap {
position: relative;
display: inline-block;
}
#recruit #area .top-box .ttl01 .ttl-wrap::before {
content:"";
width: 50px;
height: 1px;
background: #fff;
position: absolute;
top:0;
bottom:0;
left:-70px;
margin:auto;
}
#recruit #area .top-box .ttl01 .ttl-wrap::after {
content:"";
width: 50px;
height: 1px;
background: #fff;
position: absolute;
top:0;
bottom:0;
right:-70px;
margin:auto;
}
#recruit #area .top-box .ttl01 .ttl-wrap > * {
display: block;
line-height: 1.2;
}
#recruit #area .top-box .ttl01 .ttl-wrap .big {
font-size: 220%;
}
#recruit #area .top-box .ttl01 .ttl-wrap .small {
font-size: 120%;
}
#recruit #area .top-box .ttl02 {
border:1px solid #1E253F;
box-sizing: border-box;
color:#1E253F;
font-size: 200%;
line-height: 1.2;
}
#recruit #area .top-box .txt {
font-size: 120%;
margin:30px 0;
}
#recruit #area .logo {
text-align: center;
margin-bottom:30px;
}
#recruit #area .logo img {
max-width: 320px;
}
#recruit #area .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:40px;
}
#recruit #area .box.rev {
flex-flow: row-reverse;
}
#recruit #area .box img {
width:300px;
max-width:300px;
}
#recruit #area .box .txt {
padding-right: 30px;
margin-bottom:0;
}
#recruit #area .ul-list {
margin-bottom:30px;
}
#recruit #area .box .ul-list {
margin-bottom:0;
}
#recruit #area .box.rev .txt {
padding-right: 0;
padding-left:30px;
}
#recruit #area .ul-list li {
padding-left:1em;
text-indent: -1em;
}
#recruit #area .ul-btn {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
margin-bottom:10px;
}
#recruit #area .ul-btn li {
margin-right: 25px;
}
#recruit #area .ul-btn li:first-child img {
max-width:222px;
}
#recruit #area .ul-btn li:last-child img {
max-width:315px;
}
#recruit #area .txt {
margin-bottom:30px;
}

/* access
-------------------------------------------------------*/
#access #visual .in {
background: url(../../../../_photos/f758942dc7d5f186.jpg#44736d87)no-repeat center center/cover;
}
#access .bg-dot {
padding:30px;
box-sizing: border-box;
margin:30px 0;
}
#access #area .txt {
margin-bottom:30px;
text-align: center;
}
#access #area .map-box .txt > * {
display: block;
text-align: left;
}
#access #area .bottom.txt {
text-align: left;
}
#access #area iframe {
width: 100%;
margin-bottom:25px;
}
#access #area .slide {
padding-top:10px;
}
#access #area .tel {
text-align: center;
margin-bottom:20px;
}
#access #area .tel img {
max-width: 422px;
}
#access #area .in {
width: 100%;
}


/* order-shirt
-------------------------------------------------------*/
#order-shirt #visual .in {
background: url(../../../../_photos/623bc12ced4dc44e.jpg#c19f64c8)no-repeat center center/cover;
}
#order-shirt #area {
padding-bottom:0;
}
#order-shirt #area .top-box {
text-align: center;
}
#order-shirt #area .top-box img {
max-width: 426px;
margin-bottom:30px;
}
#order-shirt #area .top-box .txt {
margin-bottom:30px;
}
#order-shirt #area>.txt:first-of-type {
margin-bottom:50px;
}
#order-shirt #area h3.ttl {
border-bottom:5px solid #1e253f;
padding-bottom:15px;
}
#order-shirt #area .ul-box>li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#order-shirt #area .ul-box>li {
margin-bottom:50px;
}
#order-shirt #area .ul-box>li .img img {
width:350px;
max-width:350px;
margin-right: 30px;
}
#order-shirt #area .ul-box>li .txt > * {
display: block;
}
#order-shirt #area .ul-box>li .txt b img {
max-width: 246px;
}
#order-shirt #area .ul-box>li .ul01 {
font-size: 80%;
line-height: 1.4;
margin:20px 0;
}
#order-shirt #area .ul-box>li .ul02 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
}
#order-shirt #area .ul-box>li .ul02 li:first-child {
padding-right: 10px;
}
#order-shirt #area .ul-box>li .ul02 li:last-child {
padding-left: 10px;
}
#order-shirt #area .contact-banner {
margin-bottom:70px;
}
#order-shirt #area .contact-banner:last-child {
margin-bottom:0;
}
#order-shirt #area .box02 {
margin:20px 0 50px;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#order-shirt #area .box02 li {
max-width: 250px;
}
#order-shirt #area .box02 .txt > * {
display: block;
}
#order-shirt #area .box02 .txt b {
text-align: center;
line-height: 1.2;
margin:20px 0;
}
#order-shirt #area .box02 .txt span {
line-height: 1.4;
font-size: 90%;
}
#order-shirt #area .bg-dot {
padding:30px 10px 0;
box-sizing: border-box;
margin:30px 0;
}
#order-shirt #area .box03 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
box-sizing: border-box;
}
#order-shirt #area .box03 li {
padding:0 10px;
margin-bottom:30px;
}
#order-shirt #area .box03 li img {
margin-bottom:20px;
}
#order-shirt #area .box03 li .txt {
line-height: 1.2;
}
#order-shirt #area .box03:first-child li {
width: 160px;
}
#order-shirt #area .box03:last-child li {
width: 200px;
}
#order-shirt #area .img-box {
max-width: 560px;
margin:0 auto 70px;
border:1px solid #1e253f;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#order-shirt #area .img-box img {
width: 211px;
}
#order-shirt #area .img-box .txt-box {
padding:30px 20px;
box-sizing: border-box;
}
#order-shirt #area .img-box .txt-box .txt > *,
#order-shirt #area .img-box .txt-box .txt p > * {
display: block;
}
#order-shirt #area .img-box .txt-box .txt:first-child {
margin-bottom:30px;
}
#order-shirt #area .img-box .txt-box ul li {
padding-left:1em;
text-indent: -1em;
}
#order-shirt #area .ul-box.box04 li {
align-items: flex-end;
}
#order-shirt #area .ul-box.box04 li .txt-box {
padding-bottom:30px;
box-sizing: border-box;
width: 400px;
}
#order-shirt #area .ul-box .mincho {
font-size: 110%;
line-height: 1.4;
margin-bottom:10px;
color:#10213a;
letter-spacing: 2px;
}


/* order
-------------------------------------------------------*/
#order #visual .in {
background: url(../../../../_photos/f63ae896ef54e2cb.jpg#43328890)no-repeat center center/cover;
}
#order .top-box {
text-align: center;
}
#area02{
padding-bottom:0;
}
#order #area02 .btn a {
width: 360px;
max-width: 360px;
height: 58px;
margin:50px auto 0;
border:1px solid #1e253f;
color:#1e253f;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
#order #area02 .btn a span::after {
content:"";
background: url("../img/order/arrow.png")no-repeat center center/11px 22px;
width: 11px;
height: 22px;
position: absolute;
top:0;
bottom:0;
right: 30px;
margin:auto;
}
#order #area03 ul li {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#order #area03 ul li:nth-child(even) {
flex-flow: row-reverse wrap;
}
#order #area03 ul li .img img {
max-width: 390px;
}
#order #area03 ul li .txt {
width: 390px;
display: flex;
align-items: center;
justify-content: flex-start;
padding:20px;
box-sizing: border-box;
}

#order #area03 h3.ttl-en img {
max-width: 169px;
}

#order #area04 {
padding-bottom:0;
}
#order #area04 h3 {
border-bottom:5px solid #1e253f;
padding-bottom:20px;
margin-bottom:20px;
}
#order #area04 h4 {
text-align: center;
font-size: 120%;
line-height: 1.2;
margin-bottom:50px;
}
#order #area04 .ul-box>li {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#order #area04 .ul-box>li:nth-child(even) {
flex-flow: row-reverse nowrap;
}
#order #area04 .ul-box>li:not(:last-child) {
margin-bottom:50px;
}
#order #area04 .ul-box>li .img img {
width:168px;
margin-right: 20px;
}
#order #area04 .ul-box>li:nth-child(even) .img img {
margin-right: 0;
margin-left:20px;
}
#order #area04 .ul-box>li .txt {
margin-bottom:20px;
}
#order #area04 .ul-box>li .txt > * {
display: block;
}
#order #area04 .ul-box>li .txt>b {
line-height: 1.2;
margin-bottom:20px;
font-size: 150%;
}
#order #area04 .ul-box>li .txt>b .small {
font-size: 70%;
margin-left: 15px;
}
#order #area04 .ul-box>li ul {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
#order #area05,
#order #area06 {
background:#EEEEEE;
padding-top:0;
padding-bottom:50px;
}
#order #area05 h3,
#order #area06 h3 {
margin-bottom:50px;
}
#order #area05 {
margin-bottom:50px;
}


/* fashon-info
-------------------------------------------------------*/
#fashon-info #visual .in {
background: url(../../../../_photos/f63ae896ef54e2cb.jpg#43328890)no-repeat center center/cover;
}
#fashon-info #area ul li:not(:last-child) {
margin-bottom:30px;
}
#fashon-info #area ul li img {
width: 120px;
}
#fashon-info #area ul li .box {
display: flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
justify-content: space-between;
}
#fashon-info #area ul li .box .txt {
margin-right: 20px;
}


/* company
-------------------------------------------------------*/
#company #visual .in {
background: url(../../../../_photos/80f963c5753a5b4e.jpg#309cd93c)no-repeat center center/cover;
}
#company .dl-box {
margin-bottom:40px;
}
#company dl {
display: table;
width: 100%;
}
#company dl > * {
display: table-cell;
vertical-align: middle;
padding-bottom:20px;
}
#company dl dt {
border-right: 1px solid #dcdcdc;
width: 135px;
font-weight: bold;
padding-right: 30px;
}
#company dl dd {
padding-left: 40px;
}
#company .map {
margin-bottom:70px;
}
#company .tel {
text-align: center;
}
#company .tel a img {
max-width:350px;
}


#company .spon {
margin-bottom: 40px;
}

#company .spon dl {
display: table;
width: 100%;
font-size: 75%;
}
#company .spon dl > * {
display: table-cell;
vertical-align: middle;
padding-bottom:10px;
}
#company .spon dl dt {
border-right: 1px solid #dcdcdc;
width: 250px;
padding-right: 30px;
font-weight: normal;
}
#company .spon dl dd {
padding-left: 40px;
}
/* course
-------------------------------------------------------*/
#course #visual .in {
background: url(../../../../_photos/b1ddede0362372ae.jpg#e8d89342)no-repeat center center/cover;
}
#course .ul01 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin:20px 0 50px;
}
#course .box01 {
display: flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
justify-content: space-between;
}
#course .box01 .txt-box .txt b {
margin-bottom:10px;
display: block;
}
#course .ul02 {
margin-bottom: 15px;
}

#course .ul02 li {
padding-left:1em;
text-indent: -1em;
}
#course .contact-banner.first {
margin:50px 0;
}
#course .ul03 li {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin-bottom:50px;
}
#course .ul03 li:nth-child(even) {
flex-flow: row-reverse nowrap;
}
#course .ul03 li > * {
width: 100%;
}
#course .ul03 li .img {
max-width:300px;
margin-right:30px;
}
#course .ul03 li:nth-child(even) .img {
margin-right:0;
margin-left:30px;
}
#course .ul03 li .txt > * {
display: block;
}
#course .ul03 li .txt>b {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
border-bottom:1px dotted #d3d3d3;
padding-bottom:5px;
margin-bottom:10px;
line-height: 1.2;
}
#course .ul03 li .txt>b b:last-child {
width: 100%;
}
#course .ul03 li .txt>b b:first-child {
color:#fff;
background: #1e253f;
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
margin-right:5px;
}
#course .ul03 li .txt>span {
font-size: 90%;
line-height: 1.4;
}
#course .ul03 li:last-child {
margin-bottom:30px;
}
#course .bottom-txt {
margin-bottom:50px;
}
.br-sp {
display: inline-block;
}

.mincho_red {
color: #ba0315;
font-size: 120%;
display: block;
margin-top: 10px;
margin-bottom: 10px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
font-weight: bolder;
}




/* basic-seminar
-------------------------------------------------------*/
#basic-seminar #visual .in {
background: url(../../../../_photos/f0834e155bd57286.jpg#aaa38e86)no-repeat center center/cover;
}
#basic-seminar .box01 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content:space-between;
margin-bottom:30px;
}
#basic-seminar .box02 {
margin-bottom:30px;
}
#basic-seminar .box02 .img {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content:space-between;
}
#basic-seminar .box03 {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content:space-between;
margin-bottom:30px;
}
#basic-seminar .box03 .dl-box {
width: 100%;
padding-right: 10px;
}
#basic-seminar .box03 dl {
display: table;
width: 100%;
}
#basic-seminar .box03 dl > * {
display: table-cell;
vertical-align: top;
padding-bottom:20px;
box-sizing: border-box;
}
#basic-seminar .box03 dl dt {
text-align: center;
border-right:1px solid #dadddf;
width:150px;
}
#basic-seminar .box03 dl dd {
padding-left: 25px;
}
#basic-seminar .box03 .img {
max-width:250px;
width: 100%;
}
#basic-seminar .txt-center {
text-align: center;
margin-bottom:30px;
}
#basic-seminar .txt span {
display: block;
padding-left: 1em;
text-indent: -1em;
}
#basic-seminar .txt.bottom {
margin-bottom:30px;
}
#basic-seminar #area ul {
margin-bottom:30px;
}
#basic-seminar #area ul li {
padding-left: 1em;
text-indent: -1em;
}
#basic-seminar #takahashi > * {
width: 100%;
}
#basic-seminar #takahashi .img {
max-width: 200px;
}

/* history
-------------------------------------------------------*/
#history #visual .in {
background: url(../../../../_photos/4dc528a121cdbe3f.jpg#4a2355ec)no-repeat center center/cover;
}
#history .ttl-history {
font-weight: bold;
color:#58687f;
background: #f6f6f6;
border-radius: 5px;
border:1px dashed #a7a9ab;
padding:15px 20px;
box-sizing: border-box;
margin-bottom:15px;
}
#history #area .box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:30px;
}
#history #area .box > * {
width: 100%;
}
#history #area .txt {
margin-bottom:20px;
}
#history #area .img01 {
max-width:200px;
padding-left:30px;
}
#history #area .img02 {
max-width:300px;
padding-right:30px;
}
#history #area .img02 img:first-child {
margin-bottom:10px;
}
#history #area .img03 {
max-width:200px;
padding-left:30px;
}
#history #area .img04 {
max-width:200px;
padding-right:30px;
}
#history #area .btn01 a {
max-width: 360px;
width: 70%;
height: 60px;
margin:0 auto;
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
margin-bottom:50px;
padding: 0 20px;
}
#history #area .sakurai {
border:1px solid #b5b5b5;
border-radius: 5px;
width: 100%;
padding:20px;
box-sizing: border-box;
max-width: 500px;
height: 160px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin:0 auto;
}
#history #area .sakurai .img {
position: absolute;
bottom:0;
left: 20px;
}
#history #area .sakurai .txt {
padding-left: 180px;
box-sizing: border-box;
margin:0!important;
}
#history #area .sakurai .txt > * {
display: block;
line-height: 1.2;
}
#history #area .sakurai .txt b {
margin-bottom:10px;
font-size: 120%;
}
#history #area .top-txt {
margin-bottom: 30px;
}

/* order-ladies
-------------------------------------------------------*/
#order-ladies #visual .in {
background: url(../../../../_photos/6c52ba6d1fd87d2f.jpg#c7b83604)no-repeat center center/cover;
}
#order-ladies .ul01 .box,
#order-ladies .ul02 li,
#order-ladies .box01,
#order-ladies .box02,
#order-ladies .box03 .box-in {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#order-ladies .ul01 .box > *,
#order-ladies .ul02 li > *,
#order-ladies .box01 > *,
#order-ladies .box02 > *,
#order-ladies .box03 .box-in > * {
width: 100%;
}
#order-ladies .ul01 .box .img {
max-width:180px;
padding-right:20px;
}
#order-ladies .ul02 li .img {
max-width: 235px;
padding-right: 20px;
}
#order-ladies .box01 .img {
max-width:242px;
padding-right: 10px;
}
#order-ladies .box02 .img {
max-width:247px;
}
#order-ladies .box03 .box-in .img {
max-width:170px;
padding-right: 20px;
}
#order-ladies .ul02 li {
border:1px solid #dadddf;
}
#order-ladies .ul01 li {
background: url("../img/common/bg02.png");
padding:20px;
box-sizing: border-box;
margin-bottom:40px;
}
#order-ladies .ul01 .ttl {
font-size: 130%;
line-height: 1.2;
color:#10213a;
text-align: center;
margin-bottom:20px;
}
#order-ladies .ul01 .box {
background: #fff;
padding:20px;
box-sizing: border-box;
border-radius: 5px;
}
#order-ladies .ul01 .txt > * {
display: block;
}
#order-ladies .ul01 .txt b {
font-size: 120%;
line-height: 1.2;
font-weight: normal;
margin-bottom:20px;
background: url("../img/order-ladies/item01.png")no-repeat left center/21px 24px;
padding-left:30px;
min-height: 24px;
}
#order-ladies .ul01 .txt span {
line-height: 1.2;
}
#order-ladies .box01 {
margin-bottom:50px;
}
#order-ladies .box01 .txt > * {
display: block;
}
#order-ladies .box01 .txt b {
font-size: 120%;
line-height: 1.2;
font-weight: normal;
margin-bottom:10px;
background: url("../img/order-ladies/item02.png")no-repeat left center/53px 43px;
min-height: 43px;
padding-left: 65px;
display: flex;
align-items: center;
justify-content: flex-start;
}
#order-ladies .ul02 li {
position: relative;
padding:20px;
margin-bottom:50px;
}
#order-ladies .ul02 li .num {
max-width: 27px;
position: absolute;
left: 0;
top:0;
}
/*#order-ladies .ul02 li .txt > * {
display: block;
font-size: 90%;
}*/
#order-ladies .ul02 li .txt b {
display: block;
line-height: 1.2;
margin-bottom:20px;
}
#order-ladies .ul02 li .txt {
line-height: 1.2;
font-size: 90%;
}
#order-ladies .ul02 li:not(:last-child)::after {
content:"";
background: url("../img/common/flow/arrow.png")no-repeat center center/18px 41px;
width: 18px;
height:41px;
position: absolute;
left:0;
right: 0;
bottom:-50px;
margin:auto;
transform: rotate(90deg);
}
#order-ladies .box02 {
margin-top:70px;
background: url(../../../../_photos/4cae4df16a7128a6.jpg#e765fb78)no-repeat center center/cover;
padding:20px;
box-sizing: border-box;
margin-bottom:50px;
}
#order-ladies .box02 .txt-box .txt {
margin-bottom:20px;
}
#order-ladies .box02 .txt-box .txt > * {
display: block;
}
#order-ladies .box02 .txt-box .txt b {
line-height: 1.2;
font-size: 160%;
background:#fff;
padding:20px 30px;
margin-left: -20px;
margin-bottom:20px;
box-sizing: border-box;
letter-spacing: 3px;
}
#order-ladies .box02 .txt-box .txt span {
font-size: 90%;
line-height: 1.4;
}
#order-ladies .box02 .txt-box ul {
color:#10213a;
font-weight: bold;
font-size: 110%;
line-height: 1.4;
}
#order-ladies .box02 .txt-box {
padding-right: 40px;
}
#order-ladies .box02 .img {
position: relative;
top:20px;
}
#order-ladies .box03 {
background: #DADDDF;
padding:10px;
box-sizing: border-box;
line-height: 1.4;
}
#order-ladies .box03 .box-in {
background:#fff;
border-radius: 5px;
padding:30px 20px;
box-sizing: border-box;
align-items: center;
}
#order-ladies .box03 .box-in .ttl {
font-weight: bold;
font-size: 120%;
line-height: 1.2;
margin-bottom:20px;
}
#order-ladies .box03 .box-in ul {
margin-bottom:20px;
}
.sp500 {
display: none;
}



/* order-jacket
-------------------------------------------------------*/
#order-jacket #visual .in {
background: url(../../../../_photos/ae0ce2804388fbe8.jpg#c60ac697)no-repeat center center/cover;
}
#order-jacket .top-box {
margin-bottom:20px;
text-align: center;
}
#order-jacket .top-img {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin:30px 0;
}
#order-jacket .top-img > * {
width: 100%;
line-height: 1.2;
}
#order-jacket .top-img .img img {
width:430px;
margin-right: 20px;
margin-bottom:5px;
}
#order-jacket .top-img ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content:flex-start;
}
#order-jacket .top-img ul li {
padding:0 10px;
box-sizing: border-box;
margin-bottom:10px;
}
#order-jacket .top-img ul li img {
margin-bottom:5px;
}
#order-jacket .top-ul-box {
margin-top:50px;
}
#order-jacket .top-ul-box li {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
}
#order-jacket .top-ul-box li:nth-child(2) {
flex-flow: row-reverse nowrap;
}
#order-jacket .top-ul-box li > * {
width: 50%;
}
#order-jacket .top-ul-box li .txt {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 150%;
line-height: 1.2;
padding:20px;
box-sizing: border-box;
}
#order-jacket #order-kub {
padding:70px 0;
}
#order-jacket #pss-area {
padding-top:0;
}
#order-jacket #pss-area h3 {
border-bottom:5px solid #1e253f;
padding-bottom:20px;
margin-bottom:40px;
}
#order-jacket #pss-area {
padding-bottom:0;
}


/* 既存記事入れ込みよう調整css
---------------------------------------------*/
#main article header {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 10px;
padding-top: 10px;
}
.text_exposed_show p {
margin-bottom: 20px;
}
.text_exposed_show p img {
max-width: 400px;
}
body ul#sharebar {
display: none;
position: absolute;
width: 66px;
float: left;
background: #fff;
padding: 0;
text-align: center;
border: 1px solid #ccc;
list-style: none;
margin: 0;
margin-left: 0px;
}
body ul#sharebar li {
display: none;
margin: 5px;
padding: 0;
overflow: hidden;
text-align: center;
}
#sharebarx {
display: flex;
}
#sharebarx > * {
margin-right: 10px;
}
#sharebar{
	z-index:1;
}

/* profile
-------------------------------------------------------*/
#profile #visual .in {
background: url(../../../../_photos/e5939dd1b36a58e2.jpg#61ea61f6)no-repeat center center/cover;
}
#profile #check-list {
margin-bottom:30px;
}
#profile .profile-box,
#profile .sks,
#profile .ul-box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#profile .profile-box > *,
#profile .ul-box > * {
width: 100%;
}
#profile .profile-box .img {
max-width: 239px;
}
#profile .stylist .img {
max-width: 300px;
}
#profile .img02 {
max-width: 700px;
margin: 0 auto 30px;
}
#profile .stylist ul li,
#profile .designer ul li {
margin-bottom:10px;
}
#profile .designer {
margin-bottom:30px;
}
#profile .designer .img {
max-width: 286px;
}
#profile .seminar {
margin-bottom:30px;
}
#profile .seminar .ttl {
margin-bottom:20px;
line-height: 1.2;
font-weight: bold;
}
#profile .seminar .img {
max-width: 300px;
}
#profile .profile-box .ttl {
margin-bottom:10px;
}
#profile .profile-box .small {
font-size: 80%;
padding-right: 15px;
}
#profile .profile-box dl {
display: table;
width: 100%;
margin-bottom:15px;
font-size: 90%;
}
#profile .profile-box dl > * {
display: table-cell;
vertical-align: top;
line-height: 1.2;
}
#profile .profile-box dl dt {
width: 70px;
}
#profile .sks {
align-items: stretch;
margin-bottom:30px;
}
#profile .sks li {
border:1px solid #b5b5b5;
padding:20px;
box-sizing: border-box;
max-width: 250px;
}
#profile .sks li .ttl > * {
color:#1e253f;
display: block;
text-align: center;
}
#profile .sks li .ttl b {
font-size: 140%;
line-height: 1.2;
margin-bottom:5px;
}
#profile .sks li .ttl span {
font-size: 80%;
}
#profile .sks li .ttl::after {
content:"";
display: block;
margin:7px auto 10px;
width:100px;
height: 1px;
background: #b5b5b5;
}
#profile .sks li .txt {
line-height: 1.3;
}
#profile .ul-box ul li,
#profile .businessperson ul li{
padding-left: 1em;
text-indent: -1em;
}
#profile .ul-box ul {
padding-right: 20px;
}
#profile .businessperson {
margin-bottom:50px;
}
#profile .businessperson ul {
margin-bottom:20px;
}
#profile .businessperson .img {
max-width: 700px;
margin:0 auto 20px;
}
#profile .adviser {
margin-bottom:30px;
}
#profile .adviser .img {
max-width: 286px;
margin-bottom:10px;
}


/* order-shoes
-------------------------------------------------------*/
#order-shoes #visual .in {
background: url(../../../../_photos/141141d89c946919.jpg#9cd5c043)no-repeat center center/cover;
}
#order-shoes h5.ttl {
background:#eeeeee;
padding:10px 15px;
box-sizing: border-box;
color:#333333;
font-weight: bold;
margin-bottom:20px;
}
#order-shoes .ttl-blue {
background: #1E253F;
color:#fff;
font-size: 70%;
line-height: 1;
padding:5px 10px;
margin-right: 10px;
}
#order-shoes #area .txt-top {
margin-bottom:20px;
}
#order-shoes .step1,
#order-shoes .step2,
#order-shoes .step3,
#order-shoes .step4,
#order-shoes .step5,
#order-shoes .step6 {
margin-bottom:40px;
}
#order-shoes .step1 ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom:10px;
}
#order-shoes .step2 ul {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
}
#order-shoes .step2 ul li {
width: 50%;
max-width:380px;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
border:1px solid #1E253F;
margin-bottom:20px;
}
#order-shoes .step2 ul li > * {
width: 100%;
}
#order-shoes .step2 ul li .img {
max-width: 120px;
}
#order-shoes .step2 ul li .txt > * {
display: block;
}
#order-shoes .step2 ul li .txt b {
background:#1E253F;
padding:7px 10px;
box-sizing: border-box;
color:#fff;
font-size: 90%;
}
#order-shoes .step2 ul li .txt span {
font-size: 80%;
line-height: 1.2;
padding:10px;
}
#order-shoes .ul-border {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
#order-shoes .ul-border li {
padding:10px 10px 0;
box-sizing: border-box;
max-width: 140px;
border:1px solid #bfbfbf;
}
#order-shoes .ul-border li:not(:nth-child(5n)) {
margin-right: 20px;
}
#order-shoes .ul-border li .img {
margin-bottom: 10px;
max-width: 120px;
border:1px solid #1e253f;
}
#order-shoes .ul-border li .txt > * {
display: block;
font-size: 80%;
line-height: 1.2;
}
#order-shoes .ul-border li .txt b {
text-align: center;
margin-bottom:10px;
}
#order-shoes .ul-border li .txt span {
margin-bottom:10px;
}
#order-shoes .ul-4col {
display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: flex-start;
}
#order-shoes .ul-4col li {
max-width: 185px;
margin-bottom:30px;
}
#order-shoes .ul-4col li:not(:nth-child(4n)) {
margin-right: 15px;
}
#order-shoes .ul-4col li .txt {
font-weight: bold;
font-size: 80%;
line-height: 1;
padding:10px;
box-sizing: border-box;
text-align: center;
color:#fff;
}
#order-shoes #area .txt-bottom {
margin:50px 0 30px;
}
#order-shoes .step4 .box-bottom {
background: url("../img/common/bg01.jpg");
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
padding:30px;
}
#order-shoes .step4 .box-bottom > * {
width: 100%;
}
#order-shoes .step4 .box-bottom .img-box {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
}
#order-shoes .step4 .box-bottom .img {
max-width: 148px;
}
#order-shoes .step4 .box-bottom .txt {
max-width: 85px;
margin:0 30px;
line-height: 1.2;
}
#order-shoes .step4 .box-bottom .txt::after {
content:"";
display: block;
background: url("../img/order-shoes/arrow.png")no-repeat center center/85px 69px;
width: 85px;
height: 69px;
margin:5px 0 30px;
}
#order-shoes .step4 .box-bottom .img-box img {
width: 220px;
margin-right: 30px;
}
#order-shoes .step4 .box-bottom .txt-box > * {
display: block;
line-height: 1.2;
}
#order-shoes .step4 .box-bottom .txt-box b:nth-of-type(2) {
padding:10px 0;
}
#order-shoes .step4 .box-bottom .txt-box span {
font-size: 75%;
}
#order-shoes .step5 {
margin-top:70px;
}
#order-shoes .step5 ul {
margin-bottom:30px;
}
#order-shoes .step6 .bottom-box .ttl {
background:#1E253F;
padding:10px;
box-sizing: border-box;
color:#fff;
}
#order-shoes .step6 .bottom-box .txt {
background:#EEEEEE;
padding:20px;
box-sizing: border-box;
font-size: 90%;
line-height: 1.4;
}
#order-shoes .slide li .img {
border:1px solid #1e253f;
margin-bottom:10px;
}
#order-shoes .slide li .txt {
font-size: 75%;
line-height: 1.4;
}
#order-shoes .slick-slider {
padding:0;
}
#order-shoes .slick-slide {
width: 31%!important;
max-width: 240px;
}
#order-shoes .slick-prev {
top:33%;
}
#order-shoes .slick-next {
top:33%;
}
#order-shoes .step3 .ul01 li:first-child .txt {
background: #080808;
}
#order-shoes .step3 .ul01 li:nth-child(2) .txt {
background: #824236;
}
#order-shoes .step3 .ul01 li:nth-child(3) .txt {
background: #533434;
}
#order-shoes .step3 .ul01 li:nth-child(4) .txt {
background: #7F5942;
}
#order-shoes .step3 .ul01 li:nth-child(5) .txt {
background: #733236;
}
#order-shoes .step3 .ul01 li:nth-child(6) .txt {
background: #91353F;
}
#order-shoes .step3 .ul01 li:nth-child(7) .txt {
background: #1D1B1E;
}
#order-shoes .step3 .ul01 li:nth-child(8) .txt {
background: #693935;
}
#order-shoes .step3 .ul01 li:last-child .txt {
background: #523531;
}
#order-shoes .step3 .ul02 li:first-child .txt {
background: #343138;
}
#order-shoes .step3 .ul02 li:nth-child(2) .txt {
background: #AA6A46;
}
#order-shoes .step3 .ul02 li:nth-child(3) .txt {
background: #694640;
}
#order-shoes .step3 .ul02 li:nth-child(4) .txt {
background: #886D40;
}
#order-shoes .step3 .ul02 li:nth-child(5) .txt {
background: #8F3F4A;
}
#order-shoes .step3 .ul02 li:last-child .txt {
background: #A63747;
}
#order-shoes .step4 ul li:first-child .txt {
background: #312C31;
}
#order-shoes .step4 ul li:nth-child(2) .txt {
background: #6F2E36;
}
#order-shoes .step4 ul li:nth-child(3) .txt {
background: #C28B52;
}
#order-shoes .step4 ul li:nth-child(4) .txt {
background: #513043;
}
#order-shoes .step4 ul li:nth-child(5) .txt {
background: #303964;
}
#order-shoes .step4 ul li:nth-child(6) .txt {
background: #656437;
}
#order-shoes .step4 ul li:nth-child(7) .txt {
background: #6DA69B;
}
#order-shoes .step4 ul li:nth-child(8) .txt {
background: #BF1A28;
}
#order-shoes .step4 ul li:nth-child(9) .txt {
background: #2E2D35;
}
#order-shoes .step4 ul li:last-child .txt {
background: #FFEF7E;
}
#order-shoes .step6 .ul01 li .txt,
#order-shoes .step6 .ul02 li .txt {
background: #1E253F;
}

/*20181227記事の調整*/

.mobile_centering {
float: right;
margin: 45px 0 0;
}
table.alignleft {
margin-left:0!important;
width: 60%;
position: relative;
}
table.alignleft tr td {
padding:0!important;
}
table.alignleft h4 {
border-bottom:1px solid #dcdcdc;
padding:0 0 20px;
margin:0 0 20px;
}
table.alignleft h4 span {
font-weight: bold!important;
font-size: 110%;
line-height: 1.2;
display: inline-block;
}
table.alignleft .strong {
text-align: left!important
}
table.alignleft p:last-of-type {
position: absolute;
right: -285px;
bottom: -25px;
}
table.alignleft p:last-of-type a {
background: #1E253F;
width: 180px;
height: 30px;
border-radius: 50px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding:0!important;
}
table.alignleft p:last-of-type a span {
color:#fff!important;
width: 180px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
table.alignleft p:last-of-type a::first-letter {
font-size: 0!important;
}
table.alignleft p:last-of-type a span::first-letter {
font-size: 0!important;
}


/*20181227レディースフローの修正*/
#order-ladies .ul02 li .img {
float: left;
margin: 0 0 85px;
}
#order-ladies .ul02 li {
display: block;
}
#order-ladies .ul02 li p {
font-size: 90%;
}
#order-ladies .ul02 li .txt {
margin:0 0 20px;
}

/*20190116*/
.mb50 {
margin-bottom: 50px;
}

#index #area08 {
padding-top: 0px;
}

#pcg-area {
padding-top: 0px;
}

#pcg-area .in {
width: auto;
}

/*#news-area {
padding-top: 0px;
} */

#news-area .in {
width: auto;
}



#pcg-area ul li {
width: 380px;
}

#index #area05 {

padding-top: 0;

}


/*-----20190124追加-----*/



#index #area05 {
padding-bottom:50px;
padding-top: 30px;
}
#index #area06 {
border: none;
padding: 0 0 50px;
box-sizing: border-box;
margin:0;
}
#index #area06 .in {
border: 5px solid #1e253f;
padding: 15px;
box-sizing: border-box;
}
#index #area08 .slick-dotted.slick-slider {
margin-bottom: 100px;
}
#index #area08 .box02 {
margin-bottom:0;
}
#index #area08 .box02 h4 {
text-align: center;
}
#index #area08 .box02 ul {
justify-content: center;
}
#index #area08 .box02 ul li {
padding:0 15px;
}
#index #area08 .box02 ul.slick-dots  li {
    width: 15px !important;
    padding: 0 !important;
}
#pcg-area ul li {
width: 350px;
}
.sub-visual{
    width: 100%;
    height: auto;
}
.safety{
    width: 100%;
    height: auto;
}
#privacy,
#research{
    padding-top: 125px;
}
#biyou{
    padding-top: 125px;
}

@media screen and (max-width:768px){
#biyou{
    padding-top: 0px;
}
#privacy,
#research {
    padding-top: 0px;
}
.main-visual{
    width: 335px;
    height: 110.27px;
}

.safety{
    width: 120px;
    height: 120px;
}

.sub-visual{
    width: 172.5px;
    height: 73.92px
}

.logo{
    width: 200px;
    height: 20px;
}

#index #area05 {
padding:0;
padding-top: 20px;
}
#index #area05 .in {
padding:0;
}
#index #area06 {
padding:0 0 30px;
}
#index #area08 .slick-dotted.slick-slider {
margin-bottom:60px;
}
#index #area08 .in {
padding:0;
}
}

#order-shirt #area h3.ttl {
border-bottom: 0;
padding-bottom: 0;
}
#order_area_top {
padding:0 0 50px;
}
#order_area_top .ttl > * {
display: block;
text-align: center;
}
#order_area_top .ttl b {
font-size: 150%;
line-height: 1.4;
margin:0 0 20px;
color:#10213a;
}
@media screen and (max-width:768px){
#order_area_top .ttl b {
font-size: 120%;
line-height: 1.2;
}
#order_area_top {
padding:0 0 30px;
}
}

#particular_about_area {
padding-bottom:70px;
}
#particular_about_area .ttl-en b img {
max-width: 341px;
margin:0 0 20px;
}
#particular_about_area ul li {
background: #1E253F;
padding:20px;
box-sizing: border-box;
color:#fff;
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
}
#particular_about_area ul li:not(:last-child) {
margin:0 0 30px;
}
#particular_about_area ul li img {
width:200px;
border:20px solid #fff;
margin:0 30px 0 0;
}
#particular_about_area ul li .txt > * {
display: block;
color:#fff;
}
#particular_about_area ul li .txt>b {
font-size: 140%;
line-height: 1.2;
margin:0 0 20px;
font-weight: normal;
}
#particular_about_area ul li .txt span {
font-size: 90%;
line-height: 1.4;
}
@media screen and (max-width:768px){
#particular_about_area ul li {
flex-flow: column;
align-items: center;
}
#particular_about_area ul li img {
margin:0 0 20px;
}
#particular_about_area ul li .txt>b {
font-size: 120%;
}
#particular_about_area {
padding-bottom: 30px;
}
#particular_about_area .ttl-en {
margin:0 0 20px;
}
#particular_about_area .ttl-en b img {
max-width: 220px;
margin:0;
}
}

#assortment_area .ttl {
margin:0 0 50px;
}
#assortment_area .ttl > * {
display: block;
font-weight: normal;
}
#assortment_area h3.ttl b {
font-size: 140%;
line-height: 1.2;
margin:0 0 15px;
color:#10213a;
}
#assortment_area ul li {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
background: #EEEEEE;
padding:20px;
box-sizing: border-box;
}
#assortment_area ul li:not(:last-child) {
margin:0 0 40px;
}
#assortment_area ul li .img img {
width:280px;
margin:0 30px 0 0;
}
#assortment_area ul li .img_foot {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: center;
}
#assortment_area ul li .img_foot img {
max-width:200px;
}
#assortment_area ul li .img_foot span {
display: inline-block;
}
#assortment_area ul li .img_foot span:first-child {
padding:0 10px 0 0;
}
#assortment_area ul li .img_foot span:last-child {
padding:0 0 0 10px;
}
#assortment_area ul li .txt_box .ttl {
color:#1e253f;
font-size: 140%;
line-height: 1.2;
margin:0 0 10px;
text-align: left;
}
#assortment_area ul li .txt_box .txt {
line-height: 1.2;
margin:0 0 20px;
}
.price_ttl {
font-weight: bold;
color:#1e253f;
margin:0 0 10px;
line-height: 1.2;
}
.price_box {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
margin:0 0 20px;
}
.price_box .tax {
color:#E3173E;
font-size: 110%;
line-height: 1.2;
font-weight: bold;
padding:0 0 0 5px;
}
.price_box .tax span {
font-size: 80%;
}
.price_box .price {
margin:0 0 -5px 0;
}
.label_red {
color:#fff;
font-weight: bold;
font-size: 90%;
line-height: 1;
background: #E3173E;
width: 100px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin:0 20px 0 0;
}
.label_red::after {
content: "";
position: absolute;
top:0;
bottom:0;
right: -25px;
width: 0;
height: 0;
margin:auto;
border:15px solid transparent;
border-left:10px solid #E3173E;
}
.price_box.navy {
margin:0 0 10px;
}
.price_box.navy .tax {
color:#1E253F;
}
.label_navy {
color:#fff;
font-weight: bold;
font-size: 90%;
line-height: 1;
background: #1E253F;
width: 100px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin:0 20px 0 0;
}
.label_navy::after {
content: "";
position: absolute;
top:0;
bottom:0;
right: -25px;
width: 0;
height: 0;
margin:auto;
border:15px solid transparent;
border-left:10px solid #1E253F;
}
@media screen and (max-width:768px){
#assortment_area ul li {
flex-flow: column;
align-items: center;
}
#assortment_area ul li .img img {
margin:0 0 20px;
}
#assortment_area ul li .txt_box .ttl {
font-size: 120%;
}
#assortment_area ul li .price_box .price {
width: 100px;
}
#assortment_area ul li:not(:last-child) {
margin: 0 0 30px;
}
#assortment_area h3.ttl b {
font-size: 120%;
margin:0 0 10px;
}
#assortment_area .ttl {
margin:0 0 20px;
}
#assortment_area ul li .img img {
max-width: 280px;
width: 100%;
}
.label_red {
font-size: 80%;
width: 50px;
}
.label_navy {
font-size: 80%;
width: 50px;
}
}
#order-ladies .ul_img {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
margin:0 0 10px;
}
#order-ladies .ul_img li {
max-width:380px;
}
#order-ladies .ul_img li .txt {
line-height: 1.4;
margin:20px 0 0;
}

#order-ladies .txt {
margin-bottom: 40px;
}

#order-ladies .mb {
margin:70px 0;;
}
@media screen and (max-width:768px){
#order-ladies .ul_img {
flex-flow: column;
align-items: center;
margin:0 0 10px;
}
#order-ladies .ul_img li:first-child {
margin:0 0 20px;
}
#order-ladies .ul_img li .txt {
margin:10px 0 0;
}
#order-ladies #area .img {
margin:0 auto 20px!important;
}
}
#order #assortment_area ul li .img img {
width: 340px;
}
#order .slick-slide {
padding:0;
}
#order .slick-slider {
padding:0;
}
#other #pcg-area {
padding:50px 0 0;
}
#other #pcg-area.col2 ul li {
width: 252px!important;
margin:0 auto!important;
}
#other .slick-prev {
left: -20px;
}
#other .slick-next {
right: -20px;
}
#jaket_collection_area {
padding:70px 0;
}
#jaket_collection_area .ttl-en img {
max-width:347px;
}
.ttl_collection {
text-align: center;
}
.ttl_collection b {
font-size: 120%;
line-height: 1.2;
background: #10213a;
border-radius: 50px;
padding:10px 50px;
box-sizing: border-box;
color:#fff;
letter-spacing: 2px;
font-weight: normal;
margin:0 0 30px;
display: inline-block;
}
#jaket_collection_area ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
#jaket_collection_area ul li {
/*width: 180px;*/
width: 365px;
margin:0 0 30px;
}
#jaket_collection_area ul li .txt {
font-size: 80%;
line-height: 1.4;
margin:15px 0 0;
}
#jaket_collection_area .box:first-of-type {
margin:0 0 30px;
}


@media screen and (max-width:768px){
#jaket_collection_area ul {
justify-content: space-around;
}
#jaket_collection_area .ttl-en img {
max-width: 250px;
}
#jaket_collection_area {
padding: 30px 0;
}
}
@media screen and (max-width:500px){
#jaket_collection_area ul li {
width: 45%
}
}



#assortment_area02 ul {
background: #58687F;
padding: 20px;
box-sizing: border-box;
}
#assortment_area02 ul li {
background: #fff;
padding:20px;
box-sizing: border-box;
}
#assortment_area02 ul li .ttl {
font-size: 180%;
line-height: 1.2;
margin:0 0 15px;
color:#1e253f;
text-align: left;
}
#assortment_area02 ul li .txt {
line-height: 1.4;
margin:0 0 20px;
}
#assortment_area02 ul li:not(:last-child){
margin:0 0 40px;
}
#assortment_area02 ul li .price_wrap {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
}
#assortment_area02 ul li .price_wrap .label_navy {
margin:0 10px 0 0;
}
#assortment_area02 ul li .img_box {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#assortment_area02 ul li .img_box .img01 img {
max-width: 320px;
}
#assortment_area02 ul li .img_box .img02 img {
max-width: 360px;
}
#assortment_area02 ul li .img_box .img02 > * {
display: block;
}
#assortment_area02 ul li .img_box .img02 span:first-child {
margin:0 0 20px;
}
#assortment_area02 .ttl b {
margin:0 0 15px;
}



@media screen and (max-width:768px){
#assortment_area02 ul li .img_box .img01 {
padding:0 10px 0 0;
}
#assortment_area02 ul li .ttl {
font-size: 120%;
}
#assortment_area02 ul li .img_box .img02 {
padding:0 0 0 10px;
}

}/*20190125閉じ追加*/

#order-coat #visual .in {
background: url(../../../../_photos/019f4dac7b963115.jpg#3c31d8af)no-repeat center center/cover;
}

#styling_collection_area {
padding:50px 0 0;
}
#styling_collection_area ul {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
}
#styling_collection_area ul li {
width:50%;
box-sizing: border-box;
margin:0 0 40px;
}
#styling_collection_area ul li:nth-child(odd) {
padding:0 10px 0 0;
}
#styling_collection_area ul li:nth-child(even) {
padding:0 0 0 10px;
}
#styling_collection_area ul li img {
max-width: 365px;
}
#styling_collection_area ul li .txt {
font-size: 80%;
line-height: 1.4;
margin:15px 0 0;
}
#styling_collection_area .ttl-en img {
max-width:356px;
}
@media screen and (max-width:768px){
#styling_collection_area {
padding:30px 0 0;
}
#styling_collection_area .ttl-en img {
max-width:250px;
}
}

#variation_area .ttl-en img {
max-width:306px;
}
#variation_area ul {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
#variation_area li {
width: 18%;
max-width: 148px;
margin:0 0 30px;
}
#variation_area li .img img {
max-width:148px;
margin:0 0 10px;
}
#variation_area li .txt {
font-size: 80%;
line-height: 1.4;
}
@media screen and (max-width:640px){
#variation_area ul {
justify-content: space-around;
}
#variation_area li {
width: 31%;
}
}
@media screen and (max-width:500px){
#variation_area li {
width: 45%;
}
}
@media screen and (max-width:768px) {
#variation_area .ttl-en img {
max-width: 250px;
}
}

#order-ladies .box03 .box-in .ttl {

font-weight: bold;
font-size: 120%;
line-height: 1.2;
margin-bottom: 20px;
text-align: center;

}
.lady_color {
display: flex;
justify-content: space-between;
}

.btn_bacs {
margin-top: 15px;
text-align: center;
}
.btn_bacs a {
border-radius: 50px;

padding: 8px 10px 10px;
color: #fff;

font-weight: bold;

display: inline-block;

background: #1e253f;

text-align: center;

box-sizing: border-box;

line-height: 1.2;
}

/*-----20190124追加 end-----*/


/*-----20190212追加-----*/
.ul_order_shoes {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
}
.ul_order_shoes li {
padding:0 15px 0 0;
font-size: 90%;
line-height: 1.3;
margin:0 0 30px;
width: 32%;
}
.ul_order_shoes li a {
display: block;
}
.ul_order_shoes li:nth-child(3n) {
padding:0;
}
.ul_order_shoes li > * {
max-width:250px;
margin:0 auto;
}
.ul_order_shoes li .img {
display: flex;
align-items: center;
justify-content: center;
}
.ul_order_shoes li img {
max-width: 250px;
margin:0 0 10px;
}
/*-----20190212追加 end-----*/

/*----- management_philosophy -----*/
#management_philosophy #visual .in {
background: url(../../../../_photos/11665cc36a1fdaf5.jpg#2b4da132)no-repeat center/cover;
}
#management_philosophy_area01 {
margin:0 0 50px;
}
#management_philosophy_area01 .ttl_head,
#management_philosophy_area02 .ttl_head {
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
font-size: 200%;
}
#management_philosophy_area01 .ttl_head span:last-of-type,
#management_philosophy_area02 .ttl_head span:last-of-type {
margin:10px 0 0 10px;
}
#management_philosophy_area01 .txt_head {
font-size: 120%;
margin:0 0 30px;
}
#management_philosophy_area01 .box {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
margin:0 0 30px;
}
#management_philosophy_area01 .box .txt_box {
margin:0 20px 0 0;
}
#management_philosophy_area01 .box .img {
width: 236px;
}
#management_philosophy_area02 .img {
margin:0 0 50px;
}
#management_philosophy_area02 .box {
border:3px solid #e5e5e5;
padding:30px;
box-sizing: border-box;
}
#management_philosophy_area02 .box {
margin:0 0 30px;
}
#management_philosophy_area02 .box .txt {
line-height: 2;
margin:0 0 30px;
}
#management_philosophy_area02 .box ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#management_philosophy_area03 {
padding:30px;
box-sizing: border-box;
background: #EEEEEE;
}
#management_philosophy_area03 .ttl_head {
display: block;
text-align: left;
font-size: 160%;
margin:0 0 20px;
}
#management_philosophy_area03 ul {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
}
#management_philosophy_area03 ul li {
max-width:220px;
font-size: 75%;
}
#management_philosophy_area03 .txt {
margin:0 0 20px;
}
#management_philosophy_area03 ul li span {
display: block;
margin:5px 0 0;
}
#management_philosophy_area01 .ttl_head img {
max-width:101px;
}
#management_philosophy_area02 .ttl_head img {
max-width:334px;
}
#basic-seminar .box02 .img img {
height: auto;
width: auto;
}
#profile.media_visual #visual .in {
background: url(../../../../_photos/bd51cbe7db0a808d.jpg#dacec52b)no-repeat center center/cover;
}
@media screen and (max-width:768px) {
#basic-seminar .box02 .img img {
        height: auto;
        width: 50%;
    }
}
/*----- management_philosophy end -----*/


/*----- 2019/02/25 biyou -----*/
#biyou .table tr td {
color:#ccc;
}
#biyou .table tr td.bg-gray {
color:#1e253f;
}
#biyou .table tr td img {
opacity: .1;
}
#biyou .table tr td.bg-gray img {
opacity: 1;
}
/*----- 2019/02/25 biyou end -----*/


#area02.order_kodawari {
	padding-bottom: 70px;
}

#rate-plan-area.order_page {
	padding-bottom: 70px;
}

.gra40 {
	margin-top: 40px;
}

#order .order_sl.slick-slider {
	padding-left: 30px;
	padding-right: 30px;
}

.order_sl.slide01 li img {

    max-width: 230px;

}

/*----- 2019/07/04 research start -----*/
#research_banner {
margin: 30px auto 0;
text-align: center;
}
#research_banner img {
max-width: 900px;
}
#research #area .in {
width: 100%;
}
#research #area .top_img {
margin: 0 0 50px;
}
#research .area01 .q-box .ttl {
border-bottom: 1px solid #1e253f;
font-size: 110%; 
margin: 0 0 10px;
padding: 0 0 10px;
}
#research .area01 .q-box .txt {
font-size: 110%; 
margin: 0 0 20px;
}
#research .area01 .q-box .questions li {
background: url("../img/research/q01.png")no-repeat left center/37px 27px;
padding: 0 0 0 50px;
display: flex;
align-items: center;
min-height: 27px;
margin: 0 0 10px;
}
#research .area01 .q-box .questions li:nth-child(2) {
background: url("../img/research/q02.png")no-repeat left center/37px 27px;
}
#research .area01 .q-box .questions li:last-child {
background: url("../img/research/q03.png")no-repeat left center/37px 27px;
margin: 0 0 30px;
}

#research .results_table {
margin: 0 0 50px;
}
#research .results_table table {
border: 1px solid #a0a0a0;
}
#research .results_table tr {
border-bottom: 1px solid #a0a0a0;
}
#research .results_table th {
background: #e5e5e5;
padding: 10px;
border-right: 1px solid #a0a0a0;

}
#research .results_table th.logo_bg {
background: #1e253f;
padding: 0;
}
#research .results_table th.logo_bg img {
max-width: 90%;
}
#research .results_table th.q_icon {
background: #fff;
padding: 0 5px;;
}
#research .results_table th.q_icon {
background: #fff;
}
#research .results_table td {
padding: 5px;
font-size: 90%;
border-right: 1px solid #a0a0a0;
}
#research .results_table td.k51 {
font-size: 100%;
color: #1e253f;
text-align: center;
background: #dcdde3;
}

#research .area01 .a_box li {
margin: 0 0 50px;
}
#research .area01 .a_box li:last-child{
margin: 0 0 70px;
}
#research .area01 .a_box li .ttl {
font-size: 110%;
font-weight: bold;
margin: 0 0 30px;
background: url("../img/research/q01.png")no-repeat left center/37px 27px;
padding: 0 0 0 50px;
display: flex;
align-items: center;
min-height: 27px;
}
#research .area01 .a_box li:nth-child(2) .ttl {
background: url("../img/research/q02.png")no-repeat left center/37px 27px;
}
#research .area01 .a_box li:last-child .ttl {
background: url("../img/research/q03.png")no-repeat left center/37px 27px;
}
#research .area01 .a_box li:last-child .img img {
max-width: 765px;
}

/*----- 2019/07/04 research end -----*/

/*20190905*/
#fashon-tips #area ul.nbt {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
}
#fashon-tips #area ul.nbt li {
	width: 49%;
    margin-bottom: 10px;
}
#fashon-tips #area ul.nbt li:nth-child(odd) {
	margin-right: 2%;
}
#fashon-tips #area ul.nbt li a {
    display: in-line;
    cursor: pointer;
    background: none;
    padding: 0;
    box-sizing: border-box;
    font-weight: normal;
    color: #fff;
    border-radius: 0;
    margin-bottom: 10px;
    position: relative;
    line-height: 1.2;
}
#fashon-tips #area ul.nbt li a::before {
	display: none;
}

#fashon-tips .post_list2021 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    padding-top: 10px;
}
#fashon-tips .post_list2021 > div {
    width: 90px;
    margin-right: 20px;
}
#fashon-tips .post_list2021 > h3 {
    display: block !important;
    width: calc(100% - 110px);
    text-align: left !important;
    margin-bottom: 0 !important;
}
#fashon-tips .post_list2021 > h3 span {
    display: block;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding-bottom: 1em;
}

@media screen and (max-width:768px) {
	#fashon-tips #area ul.nbt {
	margin-bottom: 20px;
	}
}
/*20101017 press release*/
#press.area {
    padding: 0;
}
#press ul li {
    border-bottom: 1px solid #dadddf;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#press ul li .txt span {
    color: #666666;
    font-size: 90%;
}
#press_page .ttl_box {
    margin: 0 0 40px;
}
#press_page.area {
    padding: 0;
}
#press_page .main_ttl {
    font-size: 110%;
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 20px;
}
#press_page .gray_txt {
    color: #a2a2a2;
    font-size: 95%;
    margin: 0 0 20px;
}
#press_page .sub_txt {
    font-size: 80%;
    font-weight: bold;
    line-height: 1.6;
}
#press_page .main_txt {
    font-size: 90%;
    line-height: 1.6;
}
#press_page .main_txt .img {
    text-align: center;
    margin: 0 0 30px;
}
#press_page .main_txt img {
    max-width: 650px;
}
#press_page .main_txt img.small {
    max-width: 340px;
}
#press_page .txt {
    margin: 0 0 30px;
}
#press_page .sub_ttl01 {
    background: #ededed;
    margin: 0 0 20px;
    padding: 20px;
    font-weight: bold;
    border-radius: 5px;
}
#press_page .sub_ttl02 {
    margin: 0 0 10px;
    font-weight: bold;
}
#press_page a {
    color: #358cda;
}
#press_page .red {
    border-bottom: 1px solid #e6e6e7;
    margin: 0 0 10px;
    padding: 0 0 10px;
}
#press_index #visual .in {
    background: url(../../../../_photos/1f7c74257fca9695.jpg#023e3a98)no-repeat center center/cover;
}
#press_page_box #visual .in {
    background: url(../../../../_photos/1f7c74257fca9695.jpg#023e3a98)no-repeat center center/cover;
}

#press .btn01 a {

    width: 190px;
    border-radius: 50px;
    padding: 8px 10px 10px;

}

#press {
	margin-bottom: 50px;
}

.corona {
	width: 70%;
}
.corona h3 {
	font-size: 170%;
	border-bottom: 2px solid #a10002;
	padding-bottom: 20px;
	font-weight: bolder;
}

.corona h4 {
	font-size: 140%;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 10px;
	color: #a10002;
}

@media screen and (max-width: 768px) {
#header{
    box-sizing: border-box;
	height: 90px;
	position: static;
	z-index: 0;
}
#header .box{
	padding-top: 0;
}
#index #visual .visual-bg{
	padding-top: 0;
}
#header h1 {
	font-size: 70%;
}
    #header .tel img ,
    #header .contact img {
        width: calc(280 / 640 * 100vw);
        height: auto !important;
    }
/*#header .tel img {
    width: auto;
	height:46px;
}
#header .contact img {
    width: auto;
	height:46px;
}*/
#other #visual {
    padding-top: 0px;
}
.corona h3 {
	font-size: 120%;
}

.corona h4 {
	font-size: 110%;
}

}

/*20200810*/
.corona_in {
		display: flex;
	}
	
	.corona_img {
		max-width: 180px;
		margin-right: 20px;
	}
	
	.corona_in span {
		display: block;
        padding-left:1em;
        text-indent:-1em;
	}
	
	@media screen and (max-width:768px) {
		.corona_in {
		display: block;
	}
		
		.corona_img {
max-width: 120px;
			margin: 0 auto;
			margin-bottom: 20px;
		}
		
	}

.youtube_mov iframe {
width: 100%;
height: 480px;
	margin-bottom: 20px;
}	
	
@media screen and (max-width:768px) {
.youtube_mov iframe {
width: 100%;
height: 280px;
}
		
}

/*20201209*/
#index #area11 .box03 .pc ul {
    display: flex;
    flex-flow: row wrap;
    align-items:center;
    justify-content:center;
    padding: 0 25px;
    box-sizing: border-box;
}
	
	
#index #area11 .box03 .pc ul li {
		padding: 5px;
		margin-bottom: 15px;
	}
#index #area11 .box03 .sp {
	display: none;
}
#index #area11 .box03 .pc {
		display: block;
	}
@media screen and (max-width:768px) {
	#index #area11 .box03 .pc {
		display: none;
	}
	
	#index #area11 .box03 .sp {
		display: block;
	}
}

.detile h2{
  padding-top: 40px;
  padding-bottom: 20px;
}


.detile h3{
  padding-top: 40px;
  padding-bottom: 20px;
}

.detile h4{
  padding-top: 40px;
  padding-bottom: 20px;
}

h2.ttl {
    font-weight: 700;
    border-bottom: 1px solid #1e253f;
    line-height: 1.2;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-size: 110%;
}


.detile table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

.detile table th:first-child{
  border-radius: 5px 0 0 0;
}

.detile table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.detile table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px 0;
}

.detile table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px 0;
}

.detile table td:last-child{
  border-right: 1px solid #a8b7c5;
}

.detile table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.detile table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}


/* faq
-------------------------------------------------------*/
#faq #visual .in {
background: url(../../../../_photos/70f229e80513673e.jpg#6993033d)no-repeat center center/cover;
}
#faq ul.list01 {
/*display: flex;
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;*/
}
#faq ul.list01 li {
/*width: 540px;*/
padding-bottom:30px;
border-bottom:1px solid #c9c9c9;
margin-bottom:30px;
}
#faq ul.list01 li  dl > * {
line-height: 1.3;
padding-left:50px;
min-height: 30px;
display: flex;
align-items: center;
}
#faq ul.list01 li  dl dt {
font-weight: bold;
background: url("../img/index/q.png")no-repeat left top/30px 30px;
margin-bottom:10px;
}
#faq ul.list01 li  dl dd {
background: url("../img/index/a.png")no-repeat left top/30px 30px;
}


/* 404
-------------------------------------------------------*/
#page404 {
    padding-top: 140px;
}
#page404 .title.first {
    padding: 100px 0 20px 0;
    font-size: 1.4em;
    text-align: center;
}
#page404 .btn01 a {
  padding: 8px 40px;
  border-radius: 50px;
}
@media screen and (max-width:768px) {
    #page404 .title.first {
        padding: 0 0 calc(60 / 768 * 100vw) 0;
    }
    #page404 .btn01 {
        margin-bottom: calc(200 / 768 * 100vw);
    } 
}

/* LINE ポップアップバナー
-------------------------------------------------------*/
.overlay {
    background: rgba( 0, 0, 0, .5 );
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;   
    top:0;
    right:0;
    bottom:0;
    left:0;
}
.p-line-modal {
    display:none;
    width:75vw;
    background:#fff;
    padding:20px;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    border-radius:8px;
    box-shadow: 0 0 4px 4px rgba(0,0,0,0.4);
}
@media screen and (min-width: 1023px) {
    .p-line-modal {
        width: auto;
    }   
}
.p-line-modal img {
    width: 100%;
}
.p-line-modal__close {
    position: absolute;
    background: no-repeat;
    font-size: 40px;
    border: none;
    cursor: pointer;
    line-height: 1;
    margin-top: -36px;
    width: 50px;
    height: 50px;
    background: #e5e5e5;
    border-radius: 50%;
    right: -25px;
}
.p-line-modal__close:hover {
    opacity: .8;
}
/* コラム装飾
------------------------------------------------------------*/
.column{
	padding:10px 0;
}
.column h2{
	font-weight:bold;
	border-left:5px solid #1e253f;
	border-bottom:2px solid #1e253f;
	padding:10px 15px;
	margin-bottom:10px;
	font-size:120%;
}
.column h3{
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
	justify-content:flex-start;
	align-items:flex-start;
}
.column a{
	color:#1e253f;
}
/* distill: lettering pictures shown as text keep the pictures' show and hide */
#biyou .table tr td span[data-tpl-textimg] {opacity: .1}
#biyou .table tr td.bg-gray span[data-tpl-textimg] {opacity: 1}