@charset "utf-8";
/* CSS Document */

body{
margin: 0;
}
.cb{
clear: both;
}

.sec-title2{
width:100%;
padding: 3% 0;
}
.sec-title2 img{
width:100%;
}

.sec-title2-txt{
font-family: var(--font_noto);
font-size: 68px;
line-height: 0.8;
text-align: center;
font-weight: bold;
}

.sec-link{
text-align: center;
padding: 3% 0 5%;
}
/*********************************************************************************
making experience
*********************************************************************************/
.sec-make{
width:67.7%;
margin: 0 auto 5%;
}

.make-box{
width:100%;
margin: 0 0 3%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: var(--c_navy);
}

.make-l{
width:57.6923%;
}
.make-l img{
width:100%;
}

.make-r{
width:30.5384%;
line-height: 1.25;
font-size: 28px;
margin-right: 8.4615%;
}

/******ラインナップ***************************************/
.slick-track {
  display: flex!important;
}
.slick-slide {
  height: auto !important;
}
.slick-slide > div {
	height: 100%;
}

.lineup-box{
height: 100%;
width:23%;
border: 11px solid #172a88;
margin: 0 5px;
padding: 1%;
font-family: var(--font_noto);
background-color: #fff;
align-items:stretch;
}

.line-pic{
width:100%;
margin-bottom: 1%;
}
.line-pic img{
width:100%;
}

.line-item{
font-size: 1vw;
line-height: 1.4;
color: #888;
text-align: center;
width: 25.96%;
font-weight: bold;
vertical-align: middle;
display: flex;
align-items: center;
}

.line-item-box{
width:100%;
border-bottom: 1px dotted #000;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
vertical-align: middle;
}

.line-item-box#last{
width:100%;
border-bottom: none;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.line-style{
color: #000;
font-size: 1.6vw;
line-height: 1.88;
text-align: center;
width: 74%;
font-weight: bold;
vertical-align: middle;
}

.line-size{
color: #000;
font-size: 1.5vw;
line-height: 1.24;
text-align: center;
width: 74%;
font-weight: bold;
vertical-align: middle;
}

.line-price{
color: #000;
font-size:1.6vw;
line-height: 1.88;
text-align: center;
width: 74%;
font-weight: bold;
vertical-align: middle;
}

.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 30px;
}
.prev-arrow {
  left: 40%;
  z-index: 50;
}
.next-arrow {
  right: 40%;
  z-index: 50;
}

ul.sample-slide {
margin: 0;
}

/******タブ切り替え***************************************/

/*タブ切り替え全体のスタイル*/
.tabs {

  background-color: #fff;
  width: 100%;
  margin: 0 auto;}
.tab-area{
width:62.3%;
margin: 0 auto 2%;
}
/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  margin: 0 ;
  border: 3px solid #192D7A;
  background-color: #fff;
  line-height: 1.5;
  font-size: 20px;
  text-align: center;
  color: #192D7A;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  font-family: var(--font_noto);
  font-weight: bold;
  
  background-color: #192D7A;
	color: #fff;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  /*display: none;*/
  padding: 0 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
/**
#front1:checked ~ #front1_content,
#back1:checked ~ #back1_content,
#design:checked ~ #design_content {
  display: block;
}

#front2:checked ~ #front2_content,
#back2:checked ~ #back2_content,
#design:checked ~ #design_content {
  display: block;
}

#front3:checked ~ #front3_content,
#back3:checked ~ #back3_content,
#design:checked ~ #design_content {
  display: block;
}

#front4:checked ~ #front4_content,
#back4:checked ~ #back4_content,
#design:checked ~ #design_content {
  display: block;
}

#front5:checked ~ #front5_content,
#back5:checked ~ #back5_content,
#design:checked ~ #design_content {
  display: block;
}
**/

/*選択されているタブのスタイルを変える*/
/**
.tabs input:checked + .tab_item {
  background-color: #192D7A;
  color: #fff;
}
**/


/** 左右見切れ対策 **/
.lineup {
	overflow: hidden;
}

/** ラベルを画像下に **/
.tabs {
	display: flex;
	flex-wrap: wrap;
}
.tab_item {
	order: 2;
}

/** ラジオボタン非表示 **/
.tabs input[type=radio] {
	display: none;
}

/** 背面は初期非表示 **/
.tab_content_back {
	display: none;
}
/** フロントにチェックしたら表示 **/
.tab_radio_front:checked ~ .tab_content_front {
	display: block;
}
/** バックにチェックしたら表示・非表示切り替え **/
.tab_radio_back:checked ~ .tab_content_front {
	display: none;
}
.tab_radio_back:checked ~ .tab_content_back {
	display: block;
}

/** バックのラベルは初期白背景 **/
.tab_item.tab_item_back {
	background-color: #fff;
	color: #192D7A;
}
/** バックにチェックしたら青背景 **/
.tab_radio_back:checked ~ .tab_item_back {
	background-color: #192D7A;
	color: #fff;
}
/** バックにチェックしたらフロントは白背景 **/
.tab_radio_back:checked ~ .tab_item_front {
	background-color: #fff;
	color: #192D7A;
}

/***********スライダー************************************/

/* imgリセット */
.imgauto{
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}
/* スライダーリセット、slick.jsが読み込まれるで非表示にすることで一瞬縦に崩れるのを防ぐ */
.slide{
	opacity: 0;
	transition: opacity .3s linear;
}
.slide.slick-initialized{
	opacity: 1;
padding-inline-start:unset;
}
/* スライダー拡大CSS */
.sample-slide .slick-slide{
	transition: .3s ease;
	transform: scale(0.85);
}
.sample-slide .slick-current {
	transform: scale(1);
}

.slick-list{
    overflow: visible;
}

/*********************************************************************************
order made
*********************************************************************************/
.sec-order{
width:67.7%;
margin: 0 auto 5%;
}

.order-box{
width:100%;
margin: 0 0 3%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
color: var(--c_navy);
}

.order-l{
width:57.6923%;
}
.order-l img{
width:100%;
}

.order-r{
width:39%;
line-height: 1.25;
font-size: 28px;

}

.step-title{
width:100%;
padding: 10% 0 5%;
}
.step-title img{
width:100%;
}

.order-sikiri{
width:49.23%;
margin: 8% auto;
border-bottom: 1px solid #707070;
}

.step-title2{
font-size: 40px;
font-family: var(--font_noto);
line-height: 1.325;
font-weight: bold;
color: #000;
padding: 10% 0 5%;
position: relative;
padding-left: 10%;
}

.step-title2::before {
    content: url(../img/order/hosi.png);
    width: 13px;
    height: 12.5px;
    position:absolute;
    top: 0;
    bottom: 17%;
    left: 5px;
    margin: auto;
	vertical-align:middle;
}
.step-title2 img{
width: 100%;
}

.sec-chart{
width: 67.7%;
margin: 8% auto 0;
}

.sec-in-title{
font-family: var(--font_noto);
text-align: center;
line-height: 1.125;
font-size: 40px;
font-weight: bold;
color: #000;
margin-bottom: 3%;
}

.sec-in-txt{
font-size: 22px;
color: var(--c_navy);
line-height: 2.0454;
font-weight:normal;
font-family: var(--font_ja);
}

.chartbox{
width:100%;
}
.chartbox img{
width:100%;
}

.chart-txt{
width:100%;
line-height: 1.6363;
font-size: 22px;
color: #000;
}

.tablebox{
    max-width:100%;/* 最大80%の領域内で要素をおさめる */
    margin:50px auto 0;
    overflow:auto;/*枠からはみ出たらスクロールさせる、はみ出なかった場合は何もしない*/
	font-family: var(--font_noto);
}
.tablebox table{
    color:#000000;
    border-collapse:collapse;/*隣接するセルのボーダーを共有する*/
}
.tablebox table th,
.tablebox table td{
    padding: 20px;
    border:1px solid #000000;
    white-space:nowrap;/*文字を折り返さない*/
	font-family: var(--font_noto);
}
.scroll-hint-text{ margin-top:0; }




/*********************************************************************************
jeans academy
*********************************************************************************/
.sec-title-bg{
width:100%;
line-height: 0;
position: relative;
}
.sec-title-bg img{
width:100%;
}

.sec-title{
position: absolute;
top:40%;
left: 0;
}
.sec-title img{
width:100%;
}

.sec-theme{
width:67.7%;
margin: 5% auto;
text-align: center;
font-size: 40px;
line-height: 1.45;
color: var(--c_navy);
}

.sec-lesson{
color: var(--c_navy);
width:67.7%;
margin: 0 auto 5%;
}

.sec-aca-title{
width: 100%;
margin-bottom: 5%;
}
.sec-aca-title img{
width: 100%;
}

.lesson-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 5%;
}

.lesson-pic{
width:57.6923%;
line-height: 0;
}
.lesson-pic img{
width: 100%;
}

.lesson-txt{
width:38.4615%;
line-height: 1.25;
font-size: 28px;
text-align: left;
}

.lesson-title{
font-family: var(--font_noto);
line-height: 1.3428;
font-size: 35px;
font-weight: bold;
padding: 10% 0;
color: #000;
}
.lesson-title img{
line-height:0;
}

.sche-box{
width: 34%;
margin: 0 auto;
font-size: 28px;
line-height: 2.3214;
font-family: var(--font_noto);
display: flex;
justify-content: center;
flex-wrap: wrap;
color: #000;
}

.sche-l{
width:32.7272%;
}

.sche-r{
width:67.2727%;
}

.sec-aca-sikiri{
width:100%;
border-bottom: 1px dotted #000;
}

.sche-txt{
font-size: 22px;
line-height: 1.4545;
text-align: left;
}


/*********************************************************************************
Lucy
*********************************************************************************/
.sec-lucy01{
width:68.75%;
margin: 0 auto;
color: var(--c_navy);
font-size: 28px;
line-height: 1.25;
}

.sec-lucy01-top{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 1.5%;
}

.lucy01-top-l{
width:49.23%;
}
.lucy01-top-l img{
width:100%;
line-height: 0;
}
.lucy01-top-r{
width:48.0769%;
font-size: 28px;
line-height: 1.25;
}

.sec-lucy01-picarea{
width: 100%;
display: flex;
flex-wrap: wrap;
column-gap: 1.54%;
margin-bottom: 2%;
}

.lucy01-pic{
/*width: 23.8461%;*/
width: 23.845%;
margin-bottom: 1.5%;
}
.lucy01-pic img{
width:100%;
}

.sec-lucy02{
width:68.75%;
margin: 0 auto;
color: var(--c_navy);
}

.lucy02-box{
margin-bottom: 1.5%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.lucy02-l{
width:49.23%;
}

.lucy02-r{
margin-right: 4%;
width: 42.23%;
font-size: 28px;
line-height: 1.25;
}

.lucy02-r-title{
font-size: 40px;
color: #000;
line-height: 1.325;
font-family:  var(--font_noto);
padding: 2% 0;
}


/*********************************************************************************
original
*********************************************************************************/
.sec-original01{
margin-bottom: 5%;
color: var(--c_navy);
font-size: 37px;
line-height: 1.459;
text-align: center;
}

.sec-original02{
width:68.75%;
margin: 0 auto;
}

.sec-original02-title{
width:100%;
margin-bottom: 5%;
}

.lineup-area{
width: 100%;
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}

.o-lineup-box{
width:31.8181%;
margin: 0 0.7575% 10%;
}

.o-lineup-pic{
width:100%;
margin-bottom: 2%;
}
.o-lineup-pic img{
width:100%;
}

.o-lineup-txt{
font-family:  var(--font_noto);
text-align: center;
font-size: 27px;
font-weight: bold;
color: #000;
}



/*********************************************************************************
company
*********************************************************************************/
.sec-title3{
padding: 4% 0;
position: relative;
margin-bottom: 3%;
}
.sec-title3 img{
width:100%;
z-index: 10;
}

.sec-title3-bull#comp{
width:10%;
position: absolute;
top:0;
left: 33%;
z-index: 1
}

.sikiri{
width:100%;
border-bottom: 1px solid #523624;
}

/***********sec-comp01**************************/
.sec-cmp01{
width:67.7%;
margin: 0 auto;
text-align: center;
color:var(--c_navy);
}

.sec-comp01-box{
width: 100%;
margin-bottom: 10%;
}

.sec-comp01-title{
margin-bottom: 3%;
}

.sec-comp01-txt45{
font-size: 45px;
line-height: 155%;
margin-bottom: 5%;
}

.sec-comp-txt40{
font-size: 40px;
line-height: 170%;
font-family: var(--font_noto);
color: #000;
}

.sec-comp01-txt26{
font-size: 26px;
line-height: 250%;
}

.sec-comp-txt22{
font-size: 22px;
line-height: 160%;

}
.sec-comp-txt22#prof{
font-size: 22px;
line-height: 160%;
margin-bottom: 3%;
}

.sec-comp01-prof{
width:91.5384%;
margin: 0 0 5% 8.46%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.prof-l{
width:44.7899%;
font-size: 22px;
line-height: 1.727;
color:var(--c_navy);
text-align: left;
}
.prof-l img{
width:100%;
}

.prof-r{
width:51.0924%;
text-align: left;
}

/***********sec-comp02**************************/

.sec-cmp02{
width:67.7%;
margin: 0 auto;
text-align: left;
color:#523624;
padding: 5% 0;
}

.sec-comp02-title{
position: relative;
text-align: center;
font-size: 40px;
line-height: 1.325;
font-weight: bold;
margin-bottom: 7%;
font-family: var(--font_noto);
}

.bull-semi{
position: absolute;
left: 0;
top:0;
width: 14.7692%;
}

.sec-comp02-semi{
width:83.077%;
margin: 0 0 3% 16.923%;
}

.semi-item{
width:100%;
margin-bottom: 7%;
display: block;
}

.item-title01{
width: 20.37%;
font-size: 35px;
font-size: clamp(20px, 2vw, 35px);
line-height: 1.457;
float: left;
}

.item-title02{
width:100%;
font-size: 35px;
line-height: 1.457;
float: left;
}

.item-txt{
width:79.63%;
font-size: 22px;
line-height: 1.6;
float: right;
}

.cmn-btn#comp02{
color: #523624;
    border: 1px solid #523624;
}

.cmn-btn#comp02:after {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger2.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

/***********sec-comp03**************************/
.sec-cmp03{
width:67.7%;
margin: 0 auto;
text-align: left;
color:var(--c_navy);
}

#kuro{
color: #000;
}

.sec-comp03-title{
font-size: 40px;
color: #000;
font-weight: bold;
line-height: 1.125;
text-align: center;
padding: 5% 0;
}

.gaiyou-box{
width:91.5384%;
margin-left: 8.4616%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.gaiyou-item{
width: 15.126%;
line-height: 2.5;
font-size: 26px;
vertical-align:top;
}

.gaiyou-txt{
width:81.0925%;
font-size: 26px;
border-left: 1px solid var(--c_navy);
margin-bottom: 1%;
line-height: 2.5;
padding-left: 3.6974%;
vertical-align:top;
}
.gaiyou-txt2{
width:100%;
font-size: 26px;
line-height: 2.5;
}


/*********************************************************************************
news
*********************************************************************************/

.sec-title3-bull#news{
width:10%;
position: absolute;
top:0;
left: 37%;
z-index: 1
}

.news-all{
width:61.9791%;
margin: 0 auto;
text-align: left;
color:#000;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news-l{
width:80.6722%;
}

.newsbox-area{
width:100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.news-box{
width: 27.0833%;
margin: 0 6.25% 3% 0;
}

.news-box-pic{
width:100%;
margin-bottom: 2%;
}
.news-box-pic img{
width:100%;
}

.news-box-itemarea{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.news-cat{
border: 1px solid var(--c_navy);
padding: 0 8%;
font-size: 14px;
line-height: 1.4285;
margin-right: 4%;
color: var(--c_navy);
font-weight: bold;           
}

.news-day{
font-size: 14px;
line-height: 1.4285;
}

.news-title{
font-size: 14px;
line-height: 1.4285;
margin-bottom: 5%;
font-weight: bold;
}

.news-r{
width:18.4873%;
}

.side-box{
margin-bottom: 25%;
}

.news-side-title{
font-size: 22px;
line-height: 2.04545;
font-family: var(--font_noto);
border-bottom: 1px solid #707070;
}

.news-side-txt{
font-size: 20px;
line-height: 2.5;
}


/********ページナビ***********************************/
.wp-pagenavi {
margin: 0 auto 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font_noto);
}

.wp-pagenavi span, .wp-pagenavi a {
  padding: 3% 5%;
  line-height: 1;
  border: 1px solid var(--c_navy);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:15px;
  color: var(--c_navy);
  margin: 0 3%;
}

.wp-pagenavi .current {
  color: var(--c_navy);
}

.wp-pagenavi .extend {
  border: 0;
}

.wp-pagenavi .previouspostslink {
  width: auto;
  border: 0;
}

.wp-pagenavi .previouspostslink:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 1em 0.5em 0;
  border-color: transparent currentColor transparent transparent;
  display: inline-block;
  margin-right: 0.5em;
}

.wp-pagenavi .nextpostslink {
  width: auto;
  border: 0;
}

.wp-pagenavi .nextpostslink:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0 0.5em 1em;
  border-color: transparent transparent transparent currentColor;
  display: inline-block;
  margin-left: 0.5em;
}


/***************single**********************************************/

.news-single{
width:67.7%;
margin: 0 auto;
text-align: left;
color:#000;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news-s-l{
width:67.6923%;
}

.news-s-itemarea{
margin: 1% 0;
display: flex;
justify-content: flex-start;
}

.news-s-cat{
border: 1px solid var(--c_navy);
padding: 0 3%;
font-size: 14px;
line-height: 1.4285;
margin-right: 2%;
color: var(--c_navy);
font-weight: bold;
}

.news-s-day{
font-size: 22px;
line-height: 1.4285;
}

.news-s-title{
font-size: 34px;
line-height: 1.44;
margin-bottom: 5%;
font-weight: bold;
}

.news-s-txt{
font-size: 20px;
line-height: 2.2;
font-family: var(--font_noto);
margin-bottom: 10%;
}

.news-s-r{
width:16.923%;
margin-right: 8.4615%;
}



.news-btnarea{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
font-family: var(--font_noto);
}

.cmn-btn#mae{
color: #3c7896;
border: 1px solid #3c7896;
padding: 0 5%;
margin: 0 1%;
}

.cmn-btn#tugi{
color: #3c7896;
 border: 1px solid #3c7896;
 padding: 0 5%;
 margin: 0 1%;
}

.cmn-btn#itiran{
color: var(--c_navy);
border: 1px solid var(--c_navy);
padding: 0 5%;
margin: 0 1%;
}


.cmn-btn#mae:before {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger5.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.cmn-btn#mae:hover:before {
      -webkit-transform: translateX(-0.25em);
              transform: translateX(-0.25em); }

.cmn-btn#mae:after {
    display: none;
}

.cmn-btn#tugi:after {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger4.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.cmn-btn#itiran:after {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}



/*********************************************************************************
contact
*********************************************************************************/

.sec-title3-bull#contact{
width:10%;
position: absolute;
top:0;
left: 33%;
z-index: 1
}

.sec-cnt-lead{
margin-left: 20.923%;
width: 79.077%;
margin-bottom: 5%;
}

.sec-cnt-leadtxt01{
font-size: 28px;
margin-bottom: 2%;
line-height: 1.6;
color: #000;
}

.sec-cnt-leadtxt02{
font-size: 22px;
line-height: 1.8181;
color: var(--c_navy);
}

.sec-form{
width:56.25%;
margin: 0 auto;
font-family: var(--font_noto);
}

.form-item{
font-size:25px;
line-height: 1.8;
}

.form-itembox{
width:100%;
margin-bottom: 5%;
}

.sec-form .mark{
background-color: var(--c_navy);
padding: 0 3%;
line-height: 1;
color: #fff;
}

.form-anser{
font-size:28px;
line-height: 1.6;
}

.form-anser input.box{
width:100%;
margin-bottom: 5%;
font-size:25px;
line-height: 1.8;
}

.form-anser textarea{
width:100%;
}

.form-anser input.tenpu{
width:38.888%;
margin-bottom: 5%;
font-size:25px;
line-height: 1.8;
}

.form-itembox a{
text-decoration: underline;
}

.form-btnbox{
width:79.6296%;
margin: 0 auto;
font-size:25px;
line-height: 1.8;
padding: 0 0 5%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.form-btn-l{
width:36%;
}

.form-btn-r{
width:61.6279%;
}

.cmn-btn#contact01{
color: #fff;
    background-color: #536F9B;
}

.cmn-btn#contact02{
color: #fff;
    background-color: var(--c_navy);
}

.cmn-btn#contact01:after {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger3.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.cmn-btn#contact02:after {
    content: "";
    width: 44px;
    height: 20px;
    background: url(../img/common/finger3.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.confirm_area,
.thanks_area {
  display: none;
}

.wpcf7-response-output{
	display: none;
}

.wpcf7-radio {
	text-indent: -1em;
}

.form-btn {
	appearance: none;
	width: 100%;
	font-family: var(--font_noto);
	font-size: 25px;
	font-weight: 700;
	line-height: 1.44;
	text-align: center;
	border: 1px solid var(--c_navy);
	color: var(--c_navy);
	padding: 6px 24px;
	background: url(../img/common/finger3.png) no-repeat right 16px center /auto 20px, var(--c_navy);
	color: var(--c_wht);
	cursor: pointer;
	transition: var(--anim);
}
.form-btn.reset_button {
	background-color: #536F9B;
}
.form-btn.back_button {
	background-color: #536F9B;
}
.form-btn:hover {
	background-position: right 8px center;
}
.form-btn:disabled {
	opacity: 0.3;
}

/*********************************************************************************
privacy policy
*********************************************************************************/
.sec-title3{
padding: 4% 0;
position: relative;
margin-bottom: 3%;
}
.sec-title3 img{
width:100%;
z-index: 10;
}

.sec-title3-bull#privacy{
width:10%;
position: absolute;
top:0;
left: 33%;
z-index: 1
}

.sec-privacy {
	padding: 60px 0;
	font-size: 22px;
	line-height: 1.59;
}
.sec-privacy h2 {
	text-align: center;
	font-family: var(--font_noto);
	font-size: 40px;
	letter-spacing: 0.06em;
	margin: 120px 0 90px;
}
.sec-privacy h3 {
	font-family: var(--font_noto);
	font-size: 28px;
	letter-spacing: 0.06em;
	margin: 70px 0 12px;
}
.sec-privacy .date {
	margin-top: 70px;
	font-size: 28px;
	text-align: right;
}
.sec-privacy .name {
	margin-top: 1.4em;
	font-size: 28px;
	text-align: right;
}

/**********************************************************
スマホ
*************************************************************/

@media (max-width: 699px) {
.sec-title2-txt{
font-size: 30px;
line-height: 1;
}

.sec-theme{
width:90%;
margin: 5% auto 10%;
text-align: center;
font-size: 18px;
line-height: 1.45;
color: var(--c_navy);
}

.sec-link {
    text-align: center;
    padding: 20px 0 30px;
}

.sec-title3 {
    padding: 8% 0;
    position: relative;
    margin-bottom: 3%;
}

/*****オーダーメイド********************************************************/

.sec-order{
width:90%;
margin: 0 auto 5%;
}

.order-l{
width:100%;
}

.order-r{
width:100%;
font-size: 16px;
}

.step-title2{
font-size: 32px;
font-family: var(--font_noto);
line-height: 1.325;
font-weight: bold;
color: #000;
padding: 10% 0 5%;
position: relative;
padding-left: 10%;
}

.step-title2::before {
    content: url(../img/order/hosi.png);
    width: 13px;
    height: 12.5px;
    position:absolute;
    top: 0;
    bottom: 17%;
    left: 5px;
    margin: auto;
	vertical-align:middle;
}
.step-title2 img{
width: 100%;
}

.sec-chart{
width: 90%;
margin: 8% auto 0;
}

.sec-in-title{
font-family: var(--font_noto);
text-align: center;
line-height: 1.125;
font-size: 28px;
font-weight: bold;
color: #000;
margin-bottom: 3%;
}

.sec-in-txt{
font-size: 16px;
color: var(--c_navy);
line-height: 2.0454;
font-weight:normal;
font-family: var(--font_ja);
}

.chartbox{
width:100%;
}
.chartbox img{
width:100%;
}

.chart-txt{
width:100%;
line-height: 1.6363;
font-size: 16px;
color: #000;
}

.lineup-box{
width:23%;
border: 4px solid #172a88;
margin: 0 5px;
padding: 2% 3%;
font-family: var(--font_noto);
background-color: #fff;
align-items:stretch;
}

.tab_item {
  font-size: 13px;
  }

.line-item{
font-size: 14px;
line-height: 1.4;
color: #888;
text-align: center;
width: 100%;
font-weight: bold;
vertical-align: middle;
display: flex;
align-items: center;
}

.line-style{
font-size: 14px;
line-height: 1.88;
text-align: left;;
vertical-align: middle;
}

.line-size{
font-size: 14px;
line-height: 1.24;
text-align: left;
width: 100%;
}

.line-price{
font-size: 14px;
line-height: 1.88;
text-align: left;
width: 100%;

}

/*********メイキング体験******************************/
.sec-make {
    width: 90%;
    margin: 0 auto 5%;
}

.make-l{
width:100%;
}
.make-l img{
width:100%;
}

.make-r{
width:100%;
line-height: 1.25;
font-size: 18px;
margin-right: 8.4615%;
}

/******アカデミー*********************************************/
.sec-title{
position: absolute;
top:40%;
left: 0;
}
.sec-title img{
width:100%;
}

.sec-lesson{
color: var(--c_navy);
width:90%;
margin: 0 auto 15%;
}

.lesson-pic{
width:100%;
line-height: 0;
}

.lesson-txt{
width:100%;
font-size: 18px;
text-align: left;
}

.lesson-title{

font-size: 22px;
}
.lesson-title img{
line-height:0;
}

.sche-box{
width: 90%;
margin: 0 auto;
font-size: 18px;
}

.sche-l {
    width: 20%;
}

.sche-r {
    width: 75%;
}

.sche-txt {
    font-size: 16px;
}

/********Lucy*****************************************/

.sec-lucy01{
width:90%;
margin: 0 auto 30px;
color: var(--c_navy);
font-size: 18px;
line-height: 1.25;
}

.sec-lucy01-top{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
}

.lucy01-top-l{
width:100%;
margin-bottom: 20px;
}

.lucy01-top-r{
width:100%;
font-size: 18px;
line-height: 1.25;
}

.sec-lucy01-picarea{
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
column-gap: 0;
margin-bottom: 2%;
}

.lucy01-pic{
width: 48%;
margin-bottom: 1.5%;
}
.lucy01-pic img{
width:100%;
}

.sec-lucy02{
width:90%;
margin: 0 auto 20px;
color: var(--c_navy);
}

.lucy02-l{
width:100%;
}

.lucy02-r{
margin-right: 4%;
width: 100%;
font-size: 16px;
line-height: 1.25;
}

.lucy02-r-title{
font-size: 20px;
color: #000;
line-height: 1.325;
font-family:  var(--font_noto);
padding: 2% 0;
}


/*******original*****************************************/

.sec-original01 {
    font-size: 18px;
    line-height: 1.459;
    text-align: center;
}

.sec-original02{
width:90%;
margin: 0 auto;
}

.sec-original02-title{
width:100%;
margin-bottom: 5%;
}

.lineup-area{
width: 100%;
display: flex;
justify-content:flex-start;
flex-wrap: wrap;
}

.o-lineup-box{
width:48%;
margin: 0 1% 10%;
}

.o-lineup-pic{
width:100%;
margin-bottom: 2%;
}
.o-lineup-pic img{
width:100%;
}

.o-lineup-txt{
font-size: 16px;
}


/*********カンパニー**********************************************/

.sec-title3-bull#comp{
left: 20%;
z-index: 1;
 top: 18%;
    width: 15%;
	}

.sec-cmp01{
width:90%;
}

.sec-comp01-title{
margin-bottom: 3%;
}

.sec-comp01-txt45{
font-size: 20px;
line-height: 155%;
margin-bottom: 5%;
}

.sec-comp-txt40{
font-size: 18px;
}

.sec-comp01-txt26{
font-size: 14px;
line-height: 200%;
text-align: left;
}

.sec-comp-txt22{
font-size: 14px;
line-height: 160%;

}
.sec-comp-txt22#prof{
font-size: 14px;
line-height: 160%;
margin-bottom: 3%;
}

.sec-comp01-prof{
width:90%;
margin: 0 auto 5% ;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.prof-l{
width:100%;
font-size: 14px;
line-height: 1.727;
margin-bottom: 20px;
}
.prof-l img{
width:100%;
margin-bottom: 10px;
}


.prof-r{
width:100%;
text-align: left;
}

.sec-cmp02{
width:90%;
margin: 0 auto;
text-align: left;
color:#523624;
}

.sec-comp02-title{
position: relative;
text-align: center;
font-size: 18px;
line-height: 1.325;
font-weight: bold;
margin-bottom: 7%;
font-family: var(--font_noto);
}

.bull-semi{
position: absolute;
left: 0;
top:0;
width: 14.7692%;
}

.sec-comp02-semi{
width:100%;
margin: 0 0 3%;
}

.item-title01{
width: 100%;
font-size: 16px;
line-height: 1.457;
float: left;
}

.item-title02{
width:100%;
font-size: 16px;
line-height: 1.457;
float: left;
}

.item-txt{
width:100%;
font-size: 14px;
line-height: 1.6;
float: right;
}

.cmn-btn#comp02{
color: #523624;
    border: 1px solid #523624;
}

.sec-cmp03{
width:90%;
margin: 0 auto 30px;
text-align: left;
color:var(--c_navy);
}

.sec-comp03-title{
font-size: 18px;
color: #000;
font-weight: bold;
line-height: 1.125;
text-align: center;
padding: 5% 0;
}

.gaiyou-box{
width:100%;
margin-left: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.gaiyou-item{
width: 100%;
line-height: 2.5;
font-size: 16px;
vertical-align:top;
}

.gaiyou-txt{
width:100%;
font-size: 16px;
border-left: none;
border-bottom: 1px solid var(--c_navy);
margin-bottom: 1%;
line-height: 2.5;
padding-left: 3.6974%;
vertical-align:top;
}
.gaiyou-txt2{
width:100%;
font-size: 16px;
line-height: 2.5;
}

/*******コンタクト************************************************/

.sec-title3-bull#contact{
width:15%;
position: absolute;
 top: 18%;
left: 20%;
z-index: 1
}

.sec-cnt-lead{
width: 90%;
margin: 5% auto;
}

.sec-cnt-leadtxt01{
font-size: 16px;
margin-bottom: 2%;
line-height: 1.6;
color: #000;
}

.sec-cnt-leadtxt02{
font-size: 14px;
line-height: 1.8181;
color: var(--c_navy);
}

.sec-form{
width:80%;
margin: 0 auto;
font-family: var(--font_noto);
}

.form-item{
font-size:16px;
line-height: 1.8;
}

.form-anser {
    font-size: 16px;
    line-height: 1.6;
}

.form-anser input.box {
    width: 100%;
    margin-bottom: 5%;
    font-size: 16px;
    line-height: 1.8;
}

.form-anser input.tenpu {
    width: 100%;
    margin-bottom: 5%;
    font-size: 16px;
    line-height: 1.8;
}

.form-btnbox {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.8;
    padding: 0 0 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-btn-l {
    width: 100%;
}

.form-btn-r {
    width: 100%;
}

.form-btn {
	font-size: 14px;
	margin: 1em auto;
	background-size: auto 15px;
}

/**********news***************************************/

.sec-title3-bull#news {
    width: 15%;
    position: absolute;
    top: 18%;
    left: 25%;
    z-index: 1;
}

.news-all{
width:90%;
margin: 0 auto;
text-align: left;
color:#000;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news-l{
width:100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.news-box{
width: 45%;
margin: 0 2.5% 5%;
}

.news-box-pic{
width:100%;
margin-bottom: 2%;
}
.news-box-pic img{
width:100%;
}

.news-box-itemarea{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}

.news-cat{
border: 1px solid var(--c_navy);
padding: 0 8%;
font-size: 14px;
line-height: 1.4285;
margin-right: 4%;
color: var(--c_navy);
font-weight: bold;           
}

.news-day{
font-size: 14px;
line-height: 1.4285;
}

.news-title{
font-size: 16px;
line-height: 1.4285;
margin-bottom: 5%;
font-weight: bold;
}

.news-r{
width:60%;
}

.side-box{
margin-bottom: 40px;
}

.news-side-title{
font-size: 18px;
line-height: 2.04545;
font-family: var(--font_noto);
border-bottom: 1px solid #707070;
}

.news-side-txt{
font-size: 16px;
line-height: 2.5;
}


.news-single{
width:90%;
margin: 0 auto 30px;
text-align: left;
color:#000;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.news-s-l{
width:100%;
margin-bottom: 30px;
}

.news-s-itemarea{
margin: 1% 0;
display: flex;
justify-content: flex-start;
}

.news-s-cat{
border: 1px solid var(--c_navy);
padding: 0 3%;
font-size: 14px;
line-height: 1.4285;
margin-right: 2%;
color: var(--c_navy);
font-weight: bold;
}

.news-s-day{
font-size: 14px;
line-height: 1.4285;
}

.news-s-title{
font-size: 18px;
line-height: 1.44;
margin-bottom: 5%;
font-weight: bold;
}

.news-s-txt{
font-size: 16px;
line-height: 2.2;
font-family: var(--font_noto);
margin-bottom: 10%;
}

.news-s-r{
width:60%;
margin-right: 8.4615%;
}

.news-side-title {
    font-size: 18px;
    line-height: 2.04545;
    font-family: var(--font_noto);
    border-bottom: 1px solid #707070;
}

.news-side-txt {
    font-size: 16px;
    line-height: 2.5;
}

.news-btnarea{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
font-family: var(--font_noto);
}

.cmn-btn#mae {
    color: #3c7896;
    border: 1px solid #3c7896;
    padding: 0 3%;
    margin: 0 1%;
	width: 30%;
}

.cmn-btn#tugi{
color: #3c7896;
 border: 1px solid #3c7896;
 padding: 0 3%;
 margin: 0 1%;
 width: 30%;
}

.cmn-btn {
        font-size: 14px;
        width: 80%;
    }

.cmn-btn#itiran{
color: var(--c_navy);
border: 1px solid var(--c_navy);
padding: 0 3%;
margin: 0 1%;
width: 30%;
}

.cmn-btn#mae:before {
    content: "";
    width: 36px;
    height: 20px;
    background: url(../img/common/finger5.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.cmn-btn#contact02:after {
    content: "";
    width: 36px;
    height: 20px;
    background: url(../img/common/finger3.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

.cmn-btn#tugi:after {
    content: "";
    width: 36px;
    height: 20px;
    background: url(../img/common/finger4.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}


.cmn-btn#itiran:after {
    content: "";
    width: 36px;
    height: 20px;
    background: url(../img/common/finger.png) no-repeat center / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: var(--anim);
    transition: var(--anim);
}

/*********プライバシーポリシー**********************************************/

.sec-title3-bull#privacy{
	left: 20%;
	z-index: 1;
	top: 18%;
	width: 15%;
}

.sec-privacy {
	padding: 0 0 30px;
	font-size: 14px;
}
.sec-privacy h2 {
	font-size: 20px;
	margin: 60px 0 30px;
}
.sec-privacy h3 {
	font-size: 16px;
	margin: 40px 0 8px;
}
.sec-privacy .date {
	margin-top: 40px;
	font-size: 18px;
}
.sec-privacy .name {
	font-size: 18px;
}


}