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

SP

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


/* module
-------------------------------------------------------*/
.pc {
display: none;
}
.sp {
display: block;
}
.in {
width:100%;
max-width:100%;
}
#index .in {
padding:0 20px;
box-sizing: border-box;
}
.area {
padding:30px 20px;
}
h3 {
letter-spacing: 0;
}
h3.ttl b {
font-size: 120%;
margin-bottom:5px;
}
h3.ttl02 {
padding:15px 20px;
text-align: left;
}
h3.ttl02 b {
margin-right: 10px;
font-size: 110%;
}
.ttl.mincho {
    font-size: 140%;
}
.colorbox::after {
width: 20px;
height: 20px;
}



/* コンテンツ共通
-------------------------------------------------------*/
.img {
	text-align: center;
}
#rate-plan-area ul {
display: block;
}
#rate-plan-area ul li {
width: 100%;
}
#rate-plan-area ul li .li-in {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: flex-start;
margin-bottom:20px;
}
#rate-plan-area ul li .li-in .img {
margin-right: 20px;
margin-bottom:0;
}
#rate-plan-area ul li .li-in .img img {
width: 120px;
}
#rate-plan-area ul li .price img {
margin:0 auto 30px;
}
#rate-plan-area ul .txt {
height: auto;
}
#rate-plan-area ul .txt b {
margin-bottom:10px;
}
#rate-plan-area.col2 {
padding: 0;
}
h4.ttl02 {
margin-bottom:30px;
}
#commitment-area {
padding:0 20px;
}
#commitment-area h3 {
font-size: 120%;
}
#commitment-area .box>.img img {
width: 106px;
}
#commitment-area .ttl {
font-size: 100%;
line-height: 1.2;
display: block;
margin-bottom:5px;
}
#commitment-area .ttl b:first-child {
margin-bottom:10px;		
}
#commitment-area .ttl > * {
display: block;
}
#commitment-area .ttl img {
max-width:106px;
margin:0;
}
#commitment-area .box {
padding:20px;
}
#commitment-area .box>.img img {
margin-right:20px;
max-width: 100px;
}
#commitment-area .txt-box {
padding:0;
}
#commitment-area .txt {
margin:0;
}
#commitment-area .img.sp {
text-align: center;
}
#commitment-area .img.sp img {
max-width: 243px;
margin-bottom:20px;
padding:0 20px;
box-sizing: border-box;
}
#commitment-area .txt-b.sp{
padding:0 20px 20px;
}
#commitment-area.col2 {
padding:0;
}
#flow-area .in {
padding:0;
}
@media screen and (max-width:600px){
#flow-area ol li,
#flow-area.col2 ol li,
#flow-area.col2 ol li:nth-last-child(2){
width: 50%;
}
#flow-area ol li:nth-child(2n) .img::after {
display: none;
}
#flow-area.col2 ol li:nth-last-child(n+4),
#flow-area.col2 ol li:last-child{
    border: 1px solid #dadddf!important;
}
#flow-area.col2 ol li:nth-child(4n) .img::after {
display: none;
}
#flow-area.col2 ol li:nth-child(3) .img::after  {
display: inline-block;
}
}
@media screen and (max-width:420px){
#flow-area ol li {
padding: 9px;
}
#flow-area ol li .img::after {
content: "";
background: url("../img/common/flow/arrow.png")no-repeat center center/12px 27px;
width: 12px;
height: 27px;
right: -17px;
}
#flow-area ol li .txt {
line-height: 1.3;
margin-top: 10px;
}
}
#pcg-area .in {
padding:0;
}
#pcg-area ul{
flex-flow: row wrap;
align-items: stretch;
justify-content: space-between;
}
#pcg-area ul li {
width: 48%;
margin-bottom:20px;
box-sizing: border-box;
}
#pcg-area ul li .txt {
padding: 20px 15px 50px;
}
#pcg-area .in>.btn01 {
margin-top: 10px;
}
#other #pcg-area {
padding:30px 0;
}
#other #pcg-area .in {
width:100%;
}
#other #pcg-area ul {
justify-content: space-between;
}
#other #pcg-area ul li {
width: 48%;
max-width: 100%;
margin:0 0 20px;
}
#other #pcg-area.col2 ul li {
width: 48%;
max-width: 100%;
margin:0 0 20px;
}
@media screen and (max-width:550px){
#pcg-area ul li,
#other #pcg-area ul li,
#other #pcg-area.col2 ul li{
width: 100%;
}
#pcg-area ul li .img img {
max-width: 100px;
}
}
.contact-banner {
margin-top:30px;
}
.float-box {
display: block;
}
.float-box .img {
float: right;
margin-left:10px;
}
.float-box .txt {
margin-right: 0;
}
#kawasaki .img img {
width: 108px;
}
#kawasaki .btn02 a {
padding: 5px 0;
width: 108px;
}
#particular-about-area {
padding:30px 0;
}
#particular-about-area .in {
padding:0;
}
#particular-about-area ul {
padding:20px 5px;
flex-flow: row wrap;
}
#particular-about-area ul li {
width: 31%;
padding: 20px;
margin: 0 1%;
}
#particular-about-area.col2 ul li {
margin: 0;
}
@media screen and (max-width:685px){
#particular-about-area ul {
padding:20px 5px 0;
}
#particular-about-area ul li {
width: 46%;
margin: 0 1.5% 20px;
}
#particular-about-area ul li .img {
text-align: center;
}
}
@media screen and (max-width:430px){
#particular-about-area ul {
padding:20px;
}
#particular-about-area ul li {
width:100%;
margin:0 0 20px;
}
}
#italy-area {
padding:0;
}
#italy-area h3 img {
max-width: 60px;
}
#italy-area .box {
flex-flow: column nowrap;
}
#italy-area .box .img {
width: 100%;
text-align: center;
margin-bottom:20px;
}
#italy-area .box .img img {
margin-right: 0;
width: 100%;
max-width: 530px;
}
#italy-area.col2 .box {
flex-flow: column nowrap;
}
#italy-area.col2 .box .img img {
margin-right: 0;
width: 100%;
max-width: 380px;
}
#news-area {
padding-top:0;
}
#news-area .in{
padding:0;
}
#news-area ul li .img {
max-width: 100px;
}
#news-area ul li .txt {
margin-left:10px;
}
#news-area .btn01 {
margin-top: 30px;
}
#news-area.col2 {
padding:0;
}
#course-area .box-in {
padding: 10px 20px 20px;
}
#course-area .ttl {
padding: 10px 20px;
flex-flow: column wrap;
}
#course-area .ttl span:first-child img {
margin-right: 0;
margin-bottom:10px;
width: 100%;
}
#course-area .txt {
margin-bottom: 20px;
}
#course-area .txt img {
max-width: 320px;
margin: 0 auto;
}
#order-kub {
padding:30px 0;
}
#order-kub .ul-box>li {
flex-flow: column nowrap;
align-items: center;
}
#order-kub .ul-box>li .img {
padding:0;
}
#order-kub .ul-box>li .txt-box .txt {
margin: 20px 0;
text-align: center;
}
#order-kub .ul-box>li .txt-box .txt .mincho-en {
font-size: 150%;
margin-right: 10px;
padding-left: 0;
}
#pss-area {
padding:30px 0;
}
#pss-area .ul-box>li:not(:last-child) {
margin-bottom: 30px;
}
#pss-area .ul-box>li {
flex-flow: column nowrap;
align-items: center;
}
#pss-area .ul-box>li .img {
padding:0;
margin:0;
width: 50%;
}
#pss-area .ul-box>li .txt-box .txt {
margin: 20px 0;
text-align: center;
}
#pss-area .ul-box>li .txt-box .txt .mincho-en {
font-size: 110%;
}
#pss-area .bottom-txt {
margin-top: 20px;
}
#cta-area .ul-img {
justify-content: center;
}
#cta-area .ul-img li {
width: 50%;
max-width:385px;
}
#cta-area .box02 {
display: flex;
flex-flow: column nowrap;
align-items: center;
margin-bottom:30px;
}
#cta-area .box02 .box-in {
width: 100%;
}
#cta-area .box02 .box-in:first-child {
margin-bottom:30px;
}
#cta-area .box02 .box-in .img {
width: 50%;
max-width: 385px;
margin:0 auto;
}


/* header
-------------------------------------------------------*/
#header-fixed {
display: flex;
align-items: center;
justify-content: center;
background:#1E253F;
text-align: center;
padding:0 45px;
box-sizing: border-box;
position: fixed;
top:-60px;
transition: .5s;
width: 100%;
z-index: 99;
height: 60px;
}
#header-fixed img {
max-width:200px;
}
#header-fixed.fixed {
top:0;
}
#header {
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
}
#header .in {
padding:0;
}
#header .box {
width: 100%;
justify-content: center;
}
#header .box:first-of-type {
padding:0 35px;
box-sizing: border-box;
}
#header .ul01 {
justify-content: center;
position: fixed;
left:0;
bottom:0;
z-index: 9;
background:#1E253F;
padding:10px 5px;
width: 100%;
box-sizing: border-box;
}
#header .ul01 li {
padding: 0 5px;
}
#header .ul02 {
display: none;
}
#header .logo img {
max-width: 200px;
}


/* nav
-------------------------------------------------------*/
#menu-btn {
position: fixed;
cursor: pointer;
right: 10px;
top: 20px;
z-index: 9999;
height: 18px;
}
#menu-btn span {
display: block;
background: #fff;
width: 25px;
height: 2px;
transition: 0.5s;
position: relative;
}
#menu-btn span:nth-child(2) {
top: 6px;
}
#menu-btn span:last-child {
top: 12px;
}
#menu-btn.on span:first-child {
transform: translateY(8px) rotate(225deg);
}
#menu-btn.on span:nth-child(2) {
transform: scaleX(0);
}
#menu-btn.on span:last-child {
transform: translateY(-8px) rotate(-225deg);
}
#menu {
background: rgba(30,37,63,0.6);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: -100%;
z-index: 999;
overflow: hidden;
}
#menu .box {
display: flex;
flex-flow: column;
justify-content: center;
height:100%;
}
#menu ul {
over-flow:auto;
}
#menu ul li {
text-align: center;
}
#menu ul li:first-child {
border-top:1px solid #fff;
}
#menu ul li {
color: #fff;
border-bottom: 1px solid #fff;
}
#menu ul li a {
color:#fff;
display: block;
transition: .2s;
padding: 10px;
margin:0 auto;
line-height:1.2;
}
#menu ul li a:hover {
opacity: 0.7;
}
#menu-bg {
width: 100%;
height: 100%;
background: rgba(30,37,63,0.9);
overflow: hidden;
position: fixed;
top: 0;
right: -110%;
z-index: 998;
}


/* visual
-------------------------------------------------------*/
#index #visual .in {
height: 200px;
}
#index #visual .in h2 {
text-align: center;
}
#index #visual .in h2 img {
width: 100%;
height: auto;
margin:0 auto;
}
#index #visual ul {
position: initial;
padding:10px 5px;
}
#index #visual ul li {
padding: 0 5px;
}
#other #visual {
margin-top: 0;
}
#other #visual .in {
width: 100%;
padding: 50px 20px;
}
#other #visual h2 .big {
font-size: 140%;
}
#other #visual h2>.small {
font-size: 120%;
}
@media screen and (max-width:350px){
#index #visual ul {
flex-flow: column nowrap;
align-items: center;
}
#index #visual ul li:first-child {
margin-bottom:10px;
}
}
.corona{margin: 0 auto;}

/* footer
-------------------------------------------------------*/
#footer {
padding:30px 20px 100px;
}
#footer .in {
padding:0;
}
#footer .ul-box>li {
flex-flow: column wrap;
margin-bottom:10px;
}
#footer .ul-box li ul {
display: flex;
flex-flow: row wrap;
margin-bottom:10px;
}
#footer .ul-box li ul li::after {
content:"/";
display: inline-block;
margin:0 5px;
}
#footer .logo img {
max-width: 200px;
}
#other #footer {
margin-top: 0px;
}


/* side
-------------------------------------------------------*/
#side {
display: none;
}


/* main
-------------------------------------------------------*/
#wrap.in {
padding:0;
}
#main {
width: 100%;
}
#main.area {
padding:30px 0;
}


/* index
-------------------------------------------------------*/
#index #area01 {
padding: 30px 0;
}
#index #area01 .ul01 {
margin-bottom:30px;
display: block;
}
#index #area01 .ul01 li {
width: 100%;
margin-bottom: 20px;
}
#index #area01 .ul01 li iframe {
width: 100%;
height: 250px;
}
#index #area01 .ul02 {
flex-flow: row wrap;
margin-bottom:10px;
}
#index #area01 .ul02 li {
width: 48%;
box-sizing: border-box;
text-align: center;
margin-bottom:20px;
}
#index #area01 .ul02 li img {
max-width:214px;
}
#index #area01 .youtube_area {
margin-bottom: 30px;
padding: 30px 0;
}
#index #area01 .youtube_area .box-in {
flex-flow: column nowrap;
align-items: center;
}
#index #area01 .youtube_area .box-in .img {
max-width: 241px;
width: 50%;
margin:0 auto 20px;
}
#index #area01 .youtube_area .box-in .youtube {
width:100%;
}
#index #area01 .youtube_area .box-in .youtube iframe {
width: 100%;
height: 200px;
}
#index #area01 .ul03 {
flex-flow: row wrap;
justify-content: center;
}
#index #area01 .ul03 li {
width: 48%;
margin-bottom:20px;
padding: 0 10px;
box-sizing: border-box;
}
#index #area01 .youtube_area h3 img {
max-width: 100px;
}
@media screen and (max-width:450px){
#index #area01 .ul01 {
flex-flow: row wrap;
}
#index #area01 .ul01 li {
/*width: 48%;*/
margin-bottom:20px;
}
#index #area01 .ul03 li .img {
height: 135px;
}
#index #area01 .ul03 li .img img {
max-width: 100px;
}
}
#index #area02 ul li {
width: 48%;
margin-bottom: 30px;
}
#index #area02 ul li .txt b {
font-size: 100%;
}
#index #area02 ul li .txt > * {
line-height: 1.2;
}
#index #area05 {
padding:30px 0 0;
}
#index #area05 .slide01 {
padding: 30px 15px;
}
#index #area05 h3 img {
max-width: 100px;
}
#index #area06 h3 img {
max-width: 90px;
}
#index #area06 ul {
justify-content: space-between;
}
#index #area06 ul li {
padding: 0 5px;
}
#index #area07 {
margin:0 20px;
}
#index #area07 .ttl-banner {
padding: 8px 20px;
align-items: center;
}
#index #area07 .txt {
margin:15px auto 10px;
padding:15px 20px;
box-sizing: border-box;
width: 100%;
max-width: 347px;
}
#index #area07 .img {
position: initial;
text-align: center;
padding:0 20px;
}
#index #area07 .img img {
max-width:351px;
width: 65%;
}
#index #area07 .btn {
margin: 10px 0 20px;
}

#index #area07 .btn a {
	display: block;
	max-width: inherit;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}

#index #area07 .btn a:nth-child(odd) {
	margin: 0 auto;
	margin-bottom: 10px;
}

#index #area08 .box02 ul {
flex-flow: row wrap;
justify-content: center;
padding:0 5px;
}
#index #area08 .box02 ul li {
margin-bottom:10px;
width: 32%;
padding:0 5px;
box-sizing: border-box;
}
#index #area11 {
padding:30px 0 0;
}
#index #area11 .in {
padding:0 20px;
}
#index #area11 .box01 .in {
flex-flow: row wrap;
}
#index #area11 .box01 .in .img {
width: 100%;
text-align: center;
}
#index #area11 .box01 .in .img img {
width: 50%;
max-width: 239px;
margin-right: 0;
}
#index #area11 .box01 .in .txt-box ul li {
width: 32%;
}
#index #area11 .box02 {
height: 180px;
margin:50px 0;
}
#index #area11 .box02 .in {
height: 180px;
display: flex;
align-items: center;
}
#index #area11 .box02 .in .txt-box {
padding-left: 170px;
padding-right: 10px;
}
#index #area11 .box02 .in .txt-box .ttl {
font-size: 120%;
}
#index #area11 .box02 .in .txt-box .red {
font-size: 110%;
margin: 10px 0;
}
#index #area11 .box02 .in .img {
bottom: -20px;
left: 20px;
}
#index #area11 .box02 .in .img img {
width: 150px;
}
#index #area11 .box03 {
padding: 20px 20px 0;
}
#index #area11 .box03 .in {
padding:0;
}
#index #area11 .box03 ul {
justify-content: space-between;
padding:0;
}
#index #area11 .box03 ul li {
padding: 0;
width: 32%;
}
@media screen and (max-width:420px){
#index #area11 .box02 {
height: auto;
margin: 30px 0;
}
#index #area11 .box02 .in {
height: auto;
flex-flow: column;
padding:20px;
box-sizing: border-box;
}
#index #area11 .box02 .in .img {
position: initial;
}
#index #area11 .box02 .in .txt-box {
padding: 20px 0 0;
}
#index #area11 .box03 ul li {
width: 48%;
}
}
#index #area13 .in,
#index #area14 .in {
padding:0;
}
#index #area13 h3 img {
max-width: 160px;
}
#index #area14 dl > * {
padding-left: 40px;
}
#index #area13 .img iframe {
width: 100%;
}
/* privacy
-------------------------------------------------------*/


/* event
-------------------------------------------------------*/
#event #area ul li .box .txt {
margin-right: 10px;
}


/* fashon_tips
-------------------------------------------------------*/


/* gallery
-------------------------------------------------------*/


/* super-ceo
-------------------------------------------------------*/
#super-ceo .img01 {
max-width: 363px;
}
#super-ceo .btn02 a {
margin-top:30px;
padding: 15px;
}
#super-ceo .btn02 a::before {
background: url("../img/common/arrow_border.png")no-repeat center center/8px 17px;
width: 8px;
height: 17px;
left: 15px;
}


/* biyou
-------------------------------------------------------*/
#biyou .img-ttl {
max-width: 262px;
margin: 20px auto;
}
#biyou #area ul {
align-items: stretch;
}
#biyou #area ul li {
width:48%;
}
#biyou #area ul li span {
border: 2px solid #8f1416;
padding: 20px;
width: 100%;
}
#biyou #area ul li span > b {
font-size: 100%;
line-height: 1.2;
}
#biyou .table tr > * {
font-size: 100%;
padding: 10px;
}
#biyou .table tr th {
width: 20%;
}
#biyou .table tr td {
width: 16%;
}
#biyou .table tr td img {
max-width: 16px;
}
@media screen and (max-width:450px){
#biyou #area ul li {
width:100%;
}
#biyou #area ul li:first-child {
margin-bottom:30px;
}
}


/* recruit
-------------------------------------------------------*/
#recruit #area .top-box .ttl01,#recruit #area .top-box .ttl02 {
padding:15px 20px;
}
#recruit #area .top-box .ttl01 .ttl-wrap .big {
font-size: 150%;
}
#recruit #area .top-box .ttl01 .ttl-wrap .small {
font-size: 100%;
}
#recruit #area .top-box .ttl02 {
font-size: 130%;
}
#recruit #area .top-box .txt {
font-size: 100%;
}
#recruit #area .box img {
width: 150px;
}
#recruit #area .box .txt {
padding-right: 15px;
}
#recruit #area .box.rev .txt {
padding-right: 0;
padding-left: 15px;
}
#recruit #area .ul-btn {
flex-flow: column;
}
#recruit #area .ul-btn > * {
margin:0!important;
}
#recruit #area .ul-btn li:first-child {
margin-bottom:10px!important;
}
#recruit #area .logo img {
max-width: 160px;
}
#recruit #area .top-box .ttl01 .ttl-wrap::before {
width: 15px;
left: -20px;
}
#recruit #area .top-box .ttl01 .ttl-wrap::after {
width: 15px;
right: -20px;
}


/* accsess
-------------------------------------------------------*/
#access #area.area {
padding:0 0 30px;
}
#access #area .in {
padding:0 20px;
box-sizing: border-box;
}
#access #area iframe {
height: 200px;
}


/* order-shirt
-------------------------------------------------------*/
#order-shirt #area .contact-banner {
margin-bottom: 30px;
}
#order-shirt #area .ul-box>li {
padding-bottom:30px;
border-bottom:1px solid #DADDDF;
}
#order-shirt #area .ul-box>li:not(:last-child) {
margin-bottom: 30px;
}
#order-shirt #area .ul-box>li .img img {
margin: 0 0 20px;
width: 175px;
}
#order-shirt #area .ul-box>li {
flex-flow: column nowrap;
align-items: center;
}
#order-shirt #area .ul-box>li .txt b {
text-align: center;
position: initial;
}
#order-shirt #area .box02 li {
width: 31.5%;
}
#order-shirt #area .img-box img {
width: 100%;
max-width: 211px;
}
#order-shirt #area .ul-box.box04 li {
align-items: center;
}
#order-shirt #area .ul-box.box04 li .txt-box {
padding-bottom: 0;
width: 100%;
max-width: 400px;
}
#order-shirt #area {
padding-bottom:30px;
}
#order-shirt #area .box03:first-child li {
width: 31.5%;
}
#order-shirt #area .box03:last-child li {
width: 48%;
}
#order-shirt #area .box03 li {
font-size: 90%;
}
#order-shirt #area .box03 li img {
margin-bottom: 10px;
}
@media screen and (max-width:500px){
#order-shirt #area .img-box {
flex-flow: column nowrap;
padding:30px 20px;
box-sizing: border-box;
}
#order-shirt #area .img-box .txt-box {
padding: 20px 0 0;
}
#order-shirt #area .img-box .txt-box .txt:first-child {
margin-bottom: 15px;
}
}
@media screen and (max-width:450px){
#order-shirt #area .box02 {
flex-flow: column wrap;
align-items:center;
}
#order-shirt #area .box02 li {
width: 100%;
}
#order-shirt #area .box02 li:not(:last-child) {
margin-bottom:30px;
}
}



/* order
-------------------------------------------------------*/
#order #area02 {
padding:30px 0 0;
}
#order #area02 .btn a {
width: 100%;
margin-top:30px;
	padding: 0 30px;
box-sizing: border-box;
text-align: center;
line-height: 1.2;
}
#order #area02 .btn a span::after {
right: 10px;
}
#order #area03 {
padding:30px 0 0;
}
#order #area03 h3 img {
max-width: 100px;
}
#order #area03 ul li {
flex-flow: column nowrap!important;
align-content: center;
}
#order #area03 ul li .txt {
width: 100%;
max-width: 390px;
text-align: center;
}
#order #area04 h4 {
margin-bottom: 30px;
}
#order #area04 .ul-box {
margin-bottom:30px;
}
#order #area04 .ul-box>li:not(:last-child) {
margin-bottom: 30px;
}
#order #area04 .ul-box>li {
flex-flow: column nowrap!important;
}
#order #area04 .ul-box>li .img img {
width: 100%;
max-width: 100px;
margin-right: 0;
margin-bottom:20px;
}
#order #area04 .ul-box>li:nth-child(even) .img img {
margin-left:0;
}
#order #area04 .ul-box>li .txt .mincho {
text-align: center;
}
#order #area04 .ul-box>li .txt .mincho > * {
display: block;
}
#order #area04 {
padding:30px 0 0;
}
#order #area05,
#order #area06 {
padding:0 0 30px;
margin-bottom:30px;
}
#order #area05 h3,
#order #area06 h3 {
margin-bottom:30px;
}

#order #area04 .ul-box>li .txt>b .small {
	margin-left: 0px;
}

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

#rate-plan-area h3 img {

    max-width: 100px;

}

/* fashon-info
-------------------------------------------------------*/
#fashon-info #area ul li .box .txt {
margin-right: 10px;
}


/* company
-------------------------------------------------------*/
#company dl {
font-size: 90%;
line-height: 1.2;
}
#company dl dt {
width: 90px;
padding-right: 15px;
}
#company dl dd {
padding-left: 20px;
}
#company .map {
width: 100%;
margin-bottom:30px;
}
#company .map iframe {
width: 100%;
height: 200px;
}

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

#company .spon dl {
display: block;
}
#company .spon dl > * {
display: block;
vertical-align: top;
padding-bottom:10px;
}
#company .spon dl dt {
border-right: none;
width: auto;
padding-right: 0px;
	font-weight: normal;
}
#company .spon dl dd {
padding-left: 0px;
}


/* course
-------------------------------------------------------*/
#course .box01 {
    flex-flow: column nowrap;
    align-items: center;
}
#course .box01 .img {
margin-bottom:20px;
width: 60%;
max-width: 200px;
}
#course .ul01 {
flex-flow: row wrap;
justify-content: center;
}
#course .ul01 li {
max-width: 214px;
width: 50%;
}
#course .ul02 {
margin-bottom:10px;
}
#course .contact-banner.first {
margin: 30px 0;
}
#course .ul03 li {
margin-bottom:30px;
align-items: flex-start;
}
#course .ul03 li .img {
max-width: 150px;
margin-right: 20px;
}
#course .ul03 li:nth-child(even) .img {
margin-left:20px;
}
@media screen and (max-width:400px){
#course .ul03 li {
flex-flow: column!important;
align-items: center;
}
#course .ul03 li .img {
margin:0 0 20px!important;
}
}


/* basic-seminar
-------------------------------------------------------*/
#basic-seminar #takahashi .img {
max-width: 108px;
}
#basic-seminar .box01 .img {
max-width: 150px;
}
#basic-seminar .box01 .txt {
width: 100%;
}
#basic-seminar .box03 {
flex-flow: column-reverse nowrap;
align-items: center;
}
#basic-seminar .box03 .img {
margin-bottom:20px;
}
#basic-seminar .box03 .dl-box {
padding-right: 0;
}
#basic-seminar .box03 dl dt {
width: 95px;
}
#basic-seminar .box03 dl > * {
font-size: 90%;
line-height: 1.2;
}
#basic-seminar .box03 dl dd {
padding-left: 10px;
}
#basic-seminar .box02 .img > * {
width: 50%;
}
@media screen and (max-width:400px){
#basic-seminar .box01 {
flex-flow: column-reverse;
align-items: center;
}
#basic-seminar .box01 .img {
margin-bottom:20px;
}
}


/* history
-------------------------------------------------------*/
#history .img01 {
max-width:150px;
padding-left:15px;
}
#history .img02 {
max-width:150px;
padding-right:15px;
}
#history .img03 {
max-width:150px;
padding-left:15px;
}
#history .img04 {
max-width:150px;
padding-right:15px;
}
#history .btn01 a {
margin-top:-20px;
margin-bottom:30px;
}
#history #area .box {
margin-bottom:20;
}
@media screen and (max-width:500px){
#history #area .box {
flex-flow: column;
align-items: center;
}
#history .img01 {
padding-left:0;
}
#history .img02 {
max-width: 200px;
padding-right:0;
margin-bottom:30px;
}
#history .img03 {
padding-left:0;
}
#history .img04 {
padding-right:0;
margin-bottom:30px;
}
}
@media screen and (max-width:400px){
#history .sakurai {
height: 100px;
}
#history .sakurai .txt b {
    margin-bottom: 5px;
    font-size: 100%;
}
#history .sakurai .img {
width: 90px;
}
#history .sakurai .txt {
padding-left: 100px;
}
}


/* order-ladies
-------------------------------------------------------*/
#order-ladies .ul01 .box .img {
max-width:150px;
}
#order-ladies .ul02 li .img {
max-width: 150px;
}
#order-ladies .box01 .img {
max-width:150px;
}
#order-ladies .box02 .img {
max-width:150px;
}
#order-ladies .box03 .box-in .img {
max-width:150px;
}
#order-ladies .ul01 .ttl {
font-size: 110%;
}
#order-ladies .ul01 .txt b {
font-size: 110%;
}
#order-ladies .box02 .txt-box .txt b {
line-height: 1.2;
font-size: 100%;
padding: 20px;
margin-left: 0;
letter-spacing: 0;
}
#order-ladies .box02 .txt-box ul {
font-size: 100%;
line-height: 1.3;
}
#order-ladies .box02 .txt-box {
padding-right: 20px;
}
#order-ladies .ul02 li .txt > * {
font-size: 100%;
}
#order-ladies .box02 .txt-box .txt span {
line-height: 1.3;
font-size: 100%;
}
#order-ladies .ul02 li {
margin-bottom:30px;
}
#order-ladies .ul02 li:last-child {
margin-bottom: 0;
}
#order-ladies .ul02 li:not(:last-child)::after {
bottom: -37px
}
#order-ladies .box02 {
margin-top:30px;
margin-bottom:30px;
}
@media screen and (max-width:500px){
#order-ladies .ul01 .box,
#order-ladies .ul02 li,
#order-ladies .box01,
#order-ladies .box02,
#order-ladies .box03 .box-in {
flex-flow: column nowrap;
align-items: center;
}
#order-ladies #area .img {
margin:0 0 20px;
padding: 0;
}
#order-ladies .box02 .txt-box {
padding-right: 0;
}
#order-ladies .box02 .txt-box .txt b {
text-align: center;
}
.sp500 {
display: block;
}
}


/* order-jacket
-------------------------------------------------------*/
#order-jacket .top-img {
flex-flow: column;
align-items: center;
text-align: center;
font-size: 79%;
margin:20px 0 15px;
}
#order-jacket .top-img .img {
margin-bottom:20px;
}
#order-jacket .top-img .img img {
width: 50%;
margin-right: 0;
max-width: 430px;
}
#order-jacket .top-img ul li {
width: 25%;
padding:0 5px;
}
#order-jacket .top-img ul li img {
max-width: 140px;
}
#order-jacket .top-ul-box {
margin-top: 30px;
}
#order-jacket .top-ul-box li .txt {
font-size: 120%;
}
#order-jacket #order-kub {
padding: 30px 0;
}
#order-jacket #flow-area {
padding:30px 0;
}

@media screen and (max-width:450px){
#order-jacket .top-ul-box li .txt {
font-size: 95%;
padding:10px;
}
}


/* 既存記事入れ込みよう調整css
---------------------------------------------*/
.text_exposed_show p img {
max-width: 100%;
}


/* profile
-------------------------------------------------------*/
#profile .profile-box .img {
    max-width: 119px;
}
#profile .sks li {
width: 31%;
padding: 10px;
}
#profile .sks li .ttl::after {
width: 50px;
}
#profile .sks li .ttl b {
font-size: 120%;
}
#profile .sks li .txt {
font-size: 90%;
}
@media screen and (max-width:600px){
#profile .profile-box, #profile .ul-box {
flex-flow: column-reverse;
align-items:center;
}
#profile .ul-box ul {
padding:20px 0 0;
}
#profile .seminar .ttl {
margin:20px 0 0;
}
#profile .img02 {
margin:20px auto 30px;
}
}
@media screen and (max-width:450px){
#profile .sks {
flex-flow: column;
align-items: center;
}
#profile .sks li {
width: 100%;
max-width: 100%;
}
#profile .sks li:not(:last-child) {
margin-bottom:20px;
}
}



/* order-shoes
-------------------------------------------------------*/
#order-shoes .step2 ul li {
width: 48%;
}
#order-shoes .ul-border li {
margin-bottom:20px;
width: 31%;
max-width: 100%;
}
#order-shoes .ul-border li .img {
margin:0 auto 10px;
}
#order-shoes .ul-border li:not(:nth-child(5n)) {
margin-right: 0;
}
#order-shoes .ul-border li:not(:nth-child(3n)) {
margin-right: 3.5%;
}
#order-shoes #area .txt-bottom {
margin: 10px 0;
line-height: 1.2;
}
#order-shoes .ul-4col li {
max-width: 100%;
width: 31%;
}
#order-shoes .ul-4col li:not(:nth-child(4n)) {
margin-right:0;
}
#order-shoes .ul-4col li:not(:nth-child(3n)) {
margin-right: 3.5%;
}
#order-shoes .step4 .box-bottom {
flex-flow: column;
}
#order-shoes .step4 .box-bottom .txt::after {
margin: 20px auto 30px;
transform: rotate(90deg);
}
#order-shoes .step4 .box-bottom .txt {
margin: 20px 0 0;
max-width: 100%;
text-align: center
}
#order-shoes .step4 .box-bottom .img-box img {
width: 180px;
margin: 0 0 20px;
}
#order-shoes .step4 .box-bottom .img-box {
flex-flow: column;
align-items: center;
}
#order-shoes .step5 {
    margin-top: 30px;
}
#order-shoes .step1,
#order-shoes .step2,
#order-shoes .step3,
#order-shoes .step4,
#order-shoes .step5,
#order-shoes .step6 {
margin-bottom:30px;
}
@media screen and (max-width:600px){
#order-shoes .step2 ul {
flex-flow: column;
align-items: center;
}
#order-shoes .step2 ul li {
width: 100%
}
}
@media screen and (max-width:450px){
#order-shoes .ttl-blue {
padding: 10px;
margin-right: 0;
display: block;
text-align: center;
margin-bottom: 10px;
}
#order-shoes .ul-border li {
margin-bottom:20px!important;
width: 48%;
max-width: 100%;
}
#order-shoes .ul-border li:not(:nth-child(3n)) {
margin:0;
}
#order-shoes .ul-border li:not(:nth-child(2n)) {
margin-right: 4%;
}
#order-shoes .ul-4col li {
width: 48%;
}
#order-shoes .ul-4col li:not(:nth-child(3n)) {
margin-right: 0;
}
#order-shoes .ul-4col li:not(:nth-child(2n)) {
margin-right: 4%;
}
}


/*20181227記事の調整*/

.mobile_centering {
float: none;
margin: 0 0 70px;
text-align: center;
display: flex;
justify-content: center;
}
table.alignleft {
width: 100%;
}
table.alignleft p:last-of-type {
right: 0;
left: 0;
top: -65px;
bottom: auto;
margin: auto;
}

/*20181227レディースフローの修正*/
#order-ladies .ul02 li .img {
float: none;
padding:0;
margin:0 auto 20px;
}
#order-ladies .ul02 li .txt b {
margin:0;
}


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

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

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

.lady_color li {
	padding:0px 5px;
	box-sizing: border-box;
}

/*-----20190212追加-----*/
.ul_order_shoes li {
padding:0 10px 0 0!important;
width: 50%;
box-sizing: border-box;
}
.ul_order_shoes li:nth-child(even) {
padding:0 0 0 15px!important;
}
.ul_order_shoes li .img {
min-height: inherit;
}
/*-----20190212追加 end-----*/

/*----- management_philosophy -----*/
#management_philosophy_area01 .box {
flex-direction: column;
align-items: center;
margin:0 0 20px;
}
#management_philosophy_area01 .box .txt_box {
margin:0 0 20px;
}
#management_philosophy_area01 .ttl_head, #management_philosophy_area02 .ttl_head {
justify-content: center;
flex-direction: column;
align-items: center;
font-size: 130%;
}
#management_philosophy_area01 .ttl_head img {
max-width:80px;
}
#management_philosophy_area02 .ttl_head img {
max-width:250px;
}
#management_philosophy_area01 .ttl_head span:last-of-type, #management_philosophy_area02 .ttl_head span:last-of-type {
margin:10px 0 0;
}
#management_philosophy_area01 .txt_head {
text-align: center;
font-size: 100%;
}
#management_philosophy_area01 {
margin:0 0 30px;
}
#management_philosophy_area02 .img {
max-width: 516px;
margin:0 auto 30px;
}
#management_philosophy_area02 .box {
padding:20px;
border-width: 2px;
}
#management_philosophy_area02 .box .txt {
line-height: 1.4;
margin:0 0 20px;
}
#management_philosophy_area02 ul li {
width: 48%;
}
#management_philosophy_area03 ul li {
width: 31%;
}
#management_philosophy_area03 .ttl_head {
font-size: 130%;
}
#management_philosophy_area03 {
padding:20px;
}

#management_philosophy_area01 .box .img {
width: 150px;
}
/*----- management_philosophy end -----*/


#order-ladies .ul02 li .img img {
	height: auto !important;
}

.gra40 {
	margin-bottom: 40px;
}
/* reiwa_banner
-------------------------------------------------------*/
#reiwa_banner {
margin: 25px auto 0;
padding: 0 20px;
}


/* reiwa
-------------------------------------------------------*/
#reiwa {
margin: 0 auto 30px;
}

/*----- 2019/07/04 research start -----*/
#research_banner {
padding: 0 20px;
}
#research .results_table {
overflow: auto;
white-space: nowrap;
}
#research #area .top_img {
margin: 0 0 30px;
}
#research .area01 .q-box .txt {
font-size: 100%;
}
#research .area01 .q-box .questions li {
font-size: 90%;
}
#research .results_table th.logo_bg {
padding: 0 5px;
}
#research .results_table th.logo_bg img {
min-width: 130px;
}
#research .results_table th.q_icon img{
min-width: 30px;
}
#research .area01 .a_box li .ttl {
font-size: 90%;
margin: 0 0 20px;
}
/*----- 2019/07/04 research end -----*/

/*20101017 press release*/
#press.area {
    padding: 0 20px;
}
#press_page.area {
    padding: 0 20px;
}