/* Note: Styled with content-box layout.
   Please maintain explicit width, padding, and border calculations. */



.tomas-1col {
margin-bottom:0 !important;
}

.tomas-1col .container * , #breadcrumbs *{
font-family: 'Zen Kaku Gothic New';
 -webkit-font-smoothing: antialiased;
}


.tomas-1col .container{
color:#464344;
}


.tomas-1col .container .h1mv{
clear:both;
max-width:1060px;
margin:0 auto 100px auto;
}

.tomas-1col .container .h1mv h1{
margin:0px;
}


@media(max-width:1023px){

.tomas-1col .container .h1mv{
margin:0 auto 5vw auto;
}

.tomas-1col .container .h1mv h1{
margin:0px 35px 20px 35px;
}
}

@media(max-width:767px){
.tomas-1col .container .h1mv h1{
margin:0;
}
}



.tomas-1col .container .h1mv h1 picture{
width:100%;
z-index:1;
}

.tomas-1col .container .h1mv h1 picture img{
width:100%;
z-index:1;
}


.tomas-1col .container .h1mv .to_down_button{
position:relative;
margin:-115px auto 0 auto;
text-align:right;
padding-right:50px;
z-index:3;
}


.tomas-1col .container .h1mv .to_down_button a{
  opacity: 1; 
  transition: opacity 0.3s ease; 
}


.tomas-1col .container .h1mv .to_down_button a:hover{
  opacity: 0.92; 
}



.tomas-1col .container .h1mv .jisshi_data{
position:relative;
margin:-145px auto 0 auto;
padding-left:60px;
z-index:2;
}

.tomas-1col .container .h1mv .jisshi_data p{
border-top:2px solid #AF9D85;
padding-top:20px;
width:496px;
}


@media(max-width:1023px){

.tomas-1col .container .h1mv .jisshi_data{
position:relative;
margin:50px auto 0 auto;
padding-left:35px;
padding-right:35px;
z-index:9;
}

.tomas-1col .container .h1mv .jisshi_data p{
border-top:none;
border-bottom:2px solid #AF9D85;
padding-top:0.5em;
padding-bottom:1em;
width:100%;
}
}

@media(max-width:767px){

.tomas-1col .container .h1mv .jisshi_data{
font-size:3vw;
position:relative;
margin:0px auto 0 auto;
padding-left:1.5em;
padding-right:1.5em;
z-index:9;
}

.tomas-1col .container .h1mv .jisshi_data picture img.date{
width:28.5em;
}
.tomas-1col .container .h1mv .jisshi_data picture img.gakunen{
width:27em;
}
.tomas-1col .container .h1mv .jisshi_data p{
padding-top:0.5em;
padding-bottom:1em;
}

.tomas-1col .container .h1mv .to_down_button{
display:none;

}
}

/*content01*/


.tomas-1col .container .content01{
max-width:1060px;
margin:0 auto 0 auto;
}


.tomas-1col .container .content01 h2{
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
text-align:center;
}

.tomas-1col .container .content01 h2 span.h2l1{
display:block;
font-weight:500;
font-size:48px;
line-height:140%;
letter-spacing:0.1em;
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
}
.tomas-1col .container .content01 h2 span.h2main{
display:block;
font-weight:500;
font-size:56px;
line-height:140%;
letter-spacing:0.1em;
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
}

.tomas-1col .container .content01 h2 .tomasred{
color:#B7212B;
font-family: 'Zen Old Mincho', serif !important;
}


.content01 p{
font-size:18px;
line-height:180%;
letter-spacing:0.04em;
text-align:center;
font-weight:500;
margin-bottom:50px;
}

.content01 p img.kakomonh2{
display:block;
margin:2em auto 2em auto;
width:500px;
}

.content01::after{
display:block;
content:" ";
margin-top:32px;
height:64px;
  background-image: url('./img/content01_after.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1060px 64px;
z-index:3;
position:relative;
}


@media(max-width:1024px){


.tomas-1col .container .content01 h2 span.h2l1{
font-size:32px;
}
.tomas-1col .container .content01 h2 span.h2main{
font-size:40px;
}

.content01 p{
font-size:16px;
margin:2em;
}

.content01 p img.kakomonh2{
width:420px;
}

}


@media(max-width:767px){



.tomas-1col .container .content01 h2{
margin-top:8vw;;
margin-bottom:0;
}

.tomas-1col .container .content01 h2 span.h2l1{
font-size:6.4vw;
display:inline-block;
margin-bottom:0.15em;
}
.tomas-1col .container .content01 h2 span.h2main{
font-size:7.47vw;
}

.content01 p{
text-align:left;
font-size:4.26vw;
margin:1.75em;
margin-top:0;
}


.content01 p img.kakomonh2{
width:100%;
margin:4.3vw auto 5.6vw auto;
}

.content01::after{
margin-top:0;
}


.content01::after{
display:block;
content:" ";
margin-top:8.5vw;
height:10vw;
  background-image: url('./img/content01_after.svg');
  background-repeat: no-repeat;
  background-position: center;
  /*background-size: 138.2vw auto;*/
  background-size: auto 10vw;
 z-index:3;
position:relative;
}


}




/*content02*/



.content02{
background:#D9D0C4;
margin-top:-80px;
z-index:2;
padding-bottom:30px;
margin-bottom:0;
}




.tomas-1col .container .content02 h2{
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
text-align:center;
padding-top:120px;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
}

.tomas-1col .container .content02 h2::before{
content: " ";
display:block;
  width: 360px;
  height: 363px;
  background-image: url('./img/denkyu_big.png');
  background-size: cover;
  background-position: center;
  z-index: 3; 
  margin-top:-145px;
  margin-bottom:-230px;

  margin-left:calc(((100% - 1080px) / 2 ) - 50px);

  margin-right:-50px;
}


.tomas-1col .container .content02 h2 span.h2top{
display:block;
font-weight:700;
font-size:32px;
line-height:140%;
letter-spacing:0.1em;
color:#464344;
}
.tomas-1col .container .content02 h2 span.h2main{
display:block;
font-weight:500;
font-size:48px;
line-height:140%;
letter-spacing:0.1em;
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
}
.tomas-1col .container .content02 h2 span.h2sub{
display:block;
font-weight:700;
font-size:20px;
line-height:140%;
letter-spacing:0.15em;
color:#fff;
}


.tomas-1col .container .content02 h2 .tomasred{
color:#B7212B;
font-family: 'Zen Old Mincho', serif !important;
}



.comments_wrapper{
position: relative; 
z-index:4;
max-width:1690px;
margin:0px auto 0px auto;
overflow:hidden;
}

@media(min-width:1660px){
.comments_wrapper .comments_viewport{
margin-left:-280px;
}
}


.comments_group {
max-width:1060px;
margin:40px auto 40px auto;
  display: grid;
  grid-template-columns: repeat(3, 422px); /* 3列固定 */
  grid-auto-rows: auto;                    /* 高さは中身に合わせる */
  gap: 40px;
  overflow: visible;
transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; 
  will-change: transform;
}

.comments_item {
  width: 422px;
  box-sizing: border-box;
background:#EFEBE7;
  border-radius:12px;
  z-index:4;
}

.comments_item h3{
background-image: url('./img/denkyu_sankaku.png');
  background-repeat: no-repeat;
  background-size: 79px 109px; 
background-position: left 25px top 20px; 
background-color:#fff;
border-radius:12px 12px 0 0;
margin:0;
padding:35px 20px 33px 130px;
font-weight:700;
font-size:20px;
line-height:140%;
letter-spacing:0.08em;
}
.comments_item h3 span{
font-weight:700;
font-size:18px;
line-height:120%;
letter-spacing:0.08em;
}

.comments_item p{
margin:0;
padding:1.5em 2em 1.5em 2em;
font-size:16px;
font-weight:500;
line-height:1.6;
letter-spacing:0.05em;
}


@media(min-width:1660px){
.comments_control{
display:none;
}
}

.comments_control{
position: relative; 
max-width:1060px;
margin:-480px auto 430px auto;
 display: flex;
  justify-content: space-between; /* 左右両端に配置 */
  z-index:5;
}


@media(max-width:1023px){


.tomas-1col .container .content02 h2{
padding-top:160px;
}

.tomas-1col .container .content02 h2::before{
content: " ";
display:block;
  width: 300px;
  height: 300px;
  margin-top:-160px;
  margin-bottom:-190px;
  margin-left:-60px;
  margin-right:-50px;
}


.tomas-1col .container .content02 h2 span.h2top{
font-size:24px;
}
.tomas-1col .container .content02 h2 span.h2main{
font-size:32px;
}
.tomas-1col .container .content02 h2 span.h2sub{
font-size:16px;
}


.comments_group {
    margin-left:24px;
    display: flex;
    flex-wrap: nowrap;          /* 折り返さずに1行に並べる */
    gap: 24px;                 /* 隙間を24pxに指定 */
    padding-bottom: 16px;      /* スクロールバーが表示された際の余白（任意） */
  }

.comments_item {
    width: 305px;              /* 幅を305pxに指定 */
    height: 356px;             /* 高さを356pxに指定 */
    flex-shrink: 0;            /* 305pxより縮まないように固定 */
  }


.comments_item h3{
background-image: url('./img/denkyu_sankaku_sp.png');
  background-repeat: no-repeat;
  background-size: 48px 66px; 
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast; 

background-position: left 20px top 20px; 
background-color:#fff;
border-radius:12px 12px 0 0;
margin:0;
padding:20px 20px 20px 80px;
font-weight:700;
font-size:16px;
line-height:140%;
letter-spacing:0.08em;
}
.comments_item h3 span{
font-weight:700;
font-size:14px;
line-height:120%;
letter-spacing:0.08em;
}

.comments_item p{
margin:0;
padding:1.5em 1.5em 1.5em 1.75em;
font-size:14px;
font-weight:500;
line-height:1.6;
letter-spacing:0.05em;
}


.comments_control{
margin:-250px 5vw 150px 5vw;
}

.comments_control img{
width:min(6.7vw,56px);
}


}


/* ===================================================
   1024px未満（1023px以下）のスマホ・タブレット専用設定
   =================================================== */
@media (max-width: 1023px) {
  .comments_wrapper {
    width: 100% !important;
    overflow: hidden !important;
    position: relative;
    /* 💥追加：横フリックを滑らかにしつつ、スマホの縦スクロールを殺さない設定 */
    touch-action: pan-y !important; 
  }

  .comments_group {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    overflow: visible !important; 
    
    transition: transform 0.4s ease-in-out !important; 
    will-change: transform;
  }

  .comments_item {
    width: 305px !important;
    height: 356px !important;
    flex-shrink: 0 !important;
  }
}


@media (max-width: 1023px) {
  .comments_group::after {
    content: "" !important;
    width: 100px !important; 
    flex-shrink: 0 !important;
    display: block !important;
  }
}




@media(max-width:767px){



.tomas-1col .container .content02 {
margin-top:-11.5vw;
padding-bottom:calc(9.77vw - 36.64px);
margin-bottom: -5vw;
}


.tomas-1col .container .content02 h2{
padding-top:40vw;
}

.tomas-1col .container .content02 h2::before{
content: " ";
display:block;
  width: 48vw;
  height: 48vw;
  margin-top:-42vw;
  margin-bottom:-32vw;
  margin-left:-10vw;
  margin-right:-10vw;
}


.tomas-1col .container .content02 h2 span.h2top{
margin-top:0.5em;
font-size:5.3vw;
}
.tomas-1col .container .content02 h2 span.h2main{
font-size:6.4vw;
}
.tomas-1col .container .content02 h2 span.h2sub{
font-size:3.73vw;
margin:0.5em;
}

.comments_wrapper{
margin-top:-40px;

}


.comments_group {
    margin-left:6.4vw;
    display: flex;
    flex-wrap: nowrap;          /* 折り返さずに1行に並べる */
    gap: 6.4vw!important;                /* 隙間を24pxに指定 */
    padding-bottom: 4.26vw;      /* スクロールバーが表示された際の余白（任意） */
  }

.comments_item {
    width: 81vw!important;             /* 幅を305pxに指定 */
    height: 94.9vw!important;       /* 高さを356pxに指定 */
    flex-shrink: 0;            /* 305pxより縮まないように固定 */
  }


.comments_item h3{
background-image: url('./img/denkyu_sankaku_sp.png');
  background-repeat: no-repeat;
  background-size: 12.8vw 17.6vw; 
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast; 

background-position: left 5.3vw top 5.3vw; 
background-color:#fff;
border-radius:12px 12px 0 0;
margin:0;
padding:5.3vw 5.3vw 5.3vw 21.3vw;
font-weight:700;
font-size:4.26vw;
line-height:140%;
letter-spacing:0.08em;
}
.comments_item h3 span{
font-weight:700;
font-size:4.26vw;
line-height:120%;
letter-spacing:0.08em;
}

.comments_item p{
margin:0;
padding:1.5em 1.5em 1.5em 1.75em;
font-size:3.73vw;
font-weight:500;
line-height:1.6;
letter-spacing:0.05em;
}


.comments_control{
margin:-65vw 5vw 50vw 5vw;
}

.comments_control img{
width:min(12.8vw,56px);
}

}


@media (max-width: 767px) {
  .comments_group::after {
    content: "" !important;
    width: 12.8vw !important; 
  }
}




/* 既存のCSSに追加 */
.buttonleft, .buttonright {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* ボタンを非表示にするためのクラス */
.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none; /* クリックも無効化 */
}





/* content03 */


/* beforeで02の足を付ける */

.content03::before{
display:block;
content:" ";
background-color:transparent;
height:64px;
  background-image: url('./img/content02_after.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1060px 64px;
z-index:2;
}




.content03{
  background-color: #fff;
  background-image: 
    linear-gradient(90deg, rgba(175, 157, 133, 0.1) 1px, transparent 1px),
    linear-gradient(0deg, rgba(175, 157, 133, 0.1) 1px, transparent 1px);
  background-size: 33px 33px;
width:100%;
}

.tomas-1col .container .content03 h2{
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
text-align:center;
padding-top:0px;
z-index:4;
display: block; 
position: relative; 
}

.tomas-1col .container .content03 h2::before{
position:relative;
content: " ";
display:block;
  width: 440px;
  height: 438px;
  background-image: url('./img/books.png');
  background-size: cover;
  background-position: center;
  z-index: -1; 
  margin-top:-100px;
  margin-bottom:-300px;
  margin-left:calc(50% + 80px + 5vw);
}


.tomas-1col .container .content03 h2 span.h2top{
display:block;
font-weight:700;
font-size:32px;
line-height:140%;
letter-spacing:0.1em;
color:#464344;
}

.tomas-1col .container .content03 h2 span.h2top .tomasred{
color:#B7212B;
}

.tomas-1col .container .content03 h2 span.h2main{
display:block;
font-weight:500;
font-size:48px;
line-height:140%;
letter-spacing:0.12em;
font-family: 'Zen Old Mincho', serif !important;
color:#464344;
}


.tomas-1col .container .content03 h2 .h2main .tomasred{
color:#B7212B;
font-family: 'Zen Old Mincho', serif !important;
}

.tomas-1col .container .content03 h2 + p{
color:#464344;
font-size:18px;
line-height:1.8;
letter-spacing:0.08em;
text-align:center;
font-weight:500;
position: relative;
z-index: 4;
}


.note_hougan{
position: relative;
width:800px;
height:1115px;
margin:0 auto 0 auto;
background-image: url('./img/note.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
z-index:5;
padding:50px;
}

.note_hougan h3{
border: 1px solid #B7212B;
outline: 3px solid #B7212B;
outline-offset: 6px;
text-align:center;
font-size:24px;
line-height:1;
color:#B7212B;
background:#fff;
letter-spacing:0.05em;
padding:1em;
border-radius:8px;
width:395px;
margin:3em auto 2.5em auto;
}

.note_hougan dl{
display:block;
width:75%;
margin:0 auto 0 auto;
overflow:hidden;
}

.note_hougan dt span.num{
display:inline-block;
vertical-align:middle;
font-size:28px;
font-family: 'Zen Old Mincho', serif !important;
font-weight:500;
line-height:2em;
width:2em;
height:2em;
color:#B7212B;
text-align:center;
border-radius:2em;
border:2px solid #B7212B;
background:#fff;
}

.note_hougan dt span.yokobou{
display:inline-block;
vertical-align:middle;
font-size:28px;
font-weight:800;
line-height:2em;
width:1.5em;
height:2em;
color:#B7212B;
text-align:center;
  background-image: linear-gradient(to right, #B7212B 100%);
  background-position: center;
  background-size: 100% 2px; 
  background-repeat: no-repeat;
}

.note_hougan dt{
display:block;
}

.note_hougan dt span.theme{
display:inline-block;
vertical-align:middle;
font-size:20px;
font-weight:400;
line-height:2.8em;
height:2.8em;
letter-spacing:0.1em;
width:calc(100% - 9.5em);
padding-left:2em;
padding-right:2em;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:2.8em;
border:2px solid #B7212B;
background:#B7212B;
text-align:left;
}


.note_hougan dt.num3 span.num{
background:#AF9D8566;
}

.note_hougan dt.num3 span.theme{
background:#AF9D85ff;
}


.note_hougan dd{
display:block;
font-size:18px;
margin:1.25em 0 2.25em 0;
padding:0;
line-height:1.8;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}



@media(max-width:1023px){

.tomas-1col .container .content03 {
overflow:hidden;
}

.tomas-1col .container .content03 h2::before{
content: " ";
display:block;
  width: 360px;
  height: 358px;
  background-image: url('./img/books.png');
  background-size: cover;
  background-position: center;
  z-index: -1; 
  margin-top:-80px;
  margin-bottom:-250px;
  margin-left:calc(50% + 75px);
}


.tomas-1col .container .content03 h2 span.h2top{
font-size:24px;
}

.tomas-1col .container .content03 h2 span.h2main{
font-size:32px;
}

.tomas-1col .container .content03 h2 + p{
font-size:16px;
}


.note_hougan{
position: relative;
width:100%;
max-width:800px;
height:1115px;
margin:-100px auto 0 auto;
background-image: url('./img/note.png');
  background-size: 800px 1115px;
  background-position: center;
  background-repeat : no-repeat;
z-index:5;
padding:150px 0 50px 0;
}

.note_hougan h3{
border: 1px solid #B7212B;
outline: 3px solid #B7212B;
outline-offset: 6px;
text-align:center;
font-size:24px;
line-height:1;
color:#B7212B;
background:#fff;
letter-spacing:0.05em;
padding:1em;
border-radius:8px;
width:440px;
margin:3em auto 2em auto;
}

.note_hougan dl{
display:block;
width:80%;
margin:0 auto 0 auto;
overflow:hidden;
}

.note_hougan dt span.num{
display:inline-block;
vertical-align:middle;
font-size:28px;
font-family: 'Zen Old Mincho', serif !important;
font-weight:500;
line-height:2em;
width:2em;
height:2em;
color:#B7212B;
text-align:center;
border-radius:2em;
border:2px solid #B7212B;
background:#fff;
margin-left:30px;
}

.note_hougan dt span.yokobou{
display:inline-block;
vertical-align:middle;
font-size:28px;
font-weight:800;
line-height:2em;
width:1.5em;
height:2em;
color:#B7212B;
text-align:center;
  background-image: linear-gradient(to right, #B7212B 100%);
  background-position: center;
  background-size: 100% 2px; 
  background-repeat: no-repeat;
}

.note_hougan dt{
display:block;
}

.note_hougan dt span.theme{
display:inline-block;
vertical-align:middle;
font-size:20px;
font-weight:400;
line-height:2.8em;
height:2.8em;
letter-spacing:0.1em;
width:calc(100% - 13em);
padding-left:2em;
padding-right:2em;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:2.8em;
border:2px solid #B7212B;
background:#B7212B;
text-align:left;
}


.note_hougan dt.num3 span.num{
background:#AF9D8566;
}

.note_hougan dt.num3 span.theme{
background:#AF9D85ff;
}



.note_hougan dd{
font-size:18px;
margin:1.25em 1.5em 1.5em 1.5em;
padding:0;
line-height:1.8;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}

}


@media(max-width:767px){


/*.content03::before{
height:30vw;
}*/

.tomas-1col .container .content03 h2{
margin-top:1vw;
}


.tomas-1col .container .content03 h2::before{
content: " ";
display:block;
  width: 48vw;
  height: 48vw;
  background-image: url('./img/books.png');
  background-size: cover;
  background-position: center;
  z-index: -1; 
  margin-top:-10vw;
  margin-bottom:-33vw;
  margin-left:calc(50% + 5vw);
}

.content03::before{
margin-top:-1px;
display:block;
content:" ";
background-color:transparent;
height:10vw;
  background-image: url('./img/content02_after.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10vw;
z-index:2;
}


.tomas-1col .container .content03 h2 span.h2top{
font-size:5.33vw;
}

.tomas-1col .container .content03 h2 span.h2main{
font-size:6.4vw;
}

.tomas-1col .container .content03 h2 + p{
font-size:4.26vw;
padding-left:1.25em;
padding-right:1.25em;
text-align:left;
margin-bottom:8vw;
}


.note_hougan{
position: relative;
width:100%;
max-width:100%;
height:300vw;
margin:-10vw 0 0 0;
background-image: url('./img/note.png');
  background-size: auto 300vw;
  background-position: center;
  background-repeat : no-repeat;
z-index:5;
padding:6vw 0 5vw 0;
}

.note_hougan h3{
border: 1px solid #B7212B;
outline: 3px solid #B7212B;
outline-offset: 6px;
text-align:center;
font-size:4.26vw;
padding:1em;
border-radius:8px;
width:70vw;
margin:4em auto 2.5em auto;
}

.note_hougan dl{
display:block;
width:90%;
margin:0 auto 0 auto;
overflow:hidden;
}

.note_hougan dt span.num{
display:inline-block;
vertical-align:middle;
font-size:5.33vw;
font-family: 'Zen Old Mincho', serif !important;
font-weight:500;
line-height:2em;
width:2em;
height:2em;
color:#B7212B;
text-align:center;
border-radius:2em;
border:2px solid #B7212B;
background:#fff;
margin-left:0;
}

.note_hougan dt span.yokobou{
display:inline-block;
vertical-align:middle;
font-size:5.33vw;
font-weight:800;
line-height:2em;
width:1.5em;
height:2em;
color:#B7212B;
text-align:center;
  background-image: linear-gradient(to right, #B7212B 100%);
  background-position: center;
  background-size: 100% 2px; 
  background-repeat: no-repeat;
}

.note_hougan dt{
display:block;
}

.note_hougan dt span.theme{
display:inline-block;
vertical-align:middle;
font-size:4.26vw;
font-weight:400;
line-height:2.8em;
height:2.8em;
letter-spacing:0.1em;
width:calc(100% - 9em);
padding-left:2em;
padding-right:2em;
color:#fff;
font-weight:bold;
text-align:center;
border-radius:2.8em;
border:2px solid #B7212B;
background:#B7212B;
text-align:left;
}


.note_hougan dt.num3 span.num{
background:#AF9D8566;
}

.note_hougan dt.num3 span.theme{
background:#AF9D85ff;
}


.note_hougan dd{
font-size:4vw;
margin:1.5em 0 2.5em 0;
padding:0;
line-height:1.8;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}


}




.youandtomas.youandtomas1{
margin-top:-130px;
  background-image: url('./img/man2man_pc.webp');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
padding-bottom:200px;
}



.youandtomas.youandtomas1 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:56px;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:0px 0 15px 0;
padding:140px 0 0 0;
}


.youandtomas.youandtomas1 h3 span{
font-family: 'Zen Old Mincho', serif !important;
}


.youandtomas.youandtomas1 h3 span.tomasgold{
color:#AF9D85;
}

.youandtomas.youandtomas1 h3 span.tomasred{
color:#B7212B;
}


.youandtomas.youandtomas1 h4{
font-size:28px;
letter-spacing:0.05em;
line-height:150%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas1 h4+p{

font-size:18px;
letter-spacing:0.05em;
line-height:180%;
color:#464344;
text-align:center;
font-weight:500;

}


a.contact_now {
margin:30px auto 30px auto;
color:#fff;
text-decoration:none;
display:block;
text-align:center;
font-size:24px;
font-weight:bold;
line-height:100px;
letter-spacing:0.12em;
width:400px;
height:88px;
line-height:88px;
 background: linear-gradient(to right, #B7212B, #E50012);
border-radius:48px;
  box-shadow: 0 0 20px 5px #B7212B40;
transition: background 0.3s ease;
}

a.contact_now:hover{
background: linear-gradient(to right, #bf1512, #Ee0006);
box-shadow: 0 0 20px 5px #e5001240;
}



.youandtomas.youandtomas1 p span.tomasred{
display:block;
font-weight:700;
font-size:18px;
letter^spacing:0.08em;
line-height:160%;
text-align:center;
color:#B7212B;
}


@media(max-width:1023px){

.youandtomas.youandtomas1{
margin-top:-160px;
  background-image: url('./img/man2man_md.webp');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
padding-bottom:150px;
}


.youandtomas.youandtomas1 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:40px;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:0px 0 15px 0;
padding:110px 0 0 0;
}

.youandtomas.youandtomas1 h4{
font-size:20px;
letter-spacing:0.05em;
line-height:150%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas1 h4+p{

font-size:16px;
letter-spacing:0.05em;
line-height:180%;
color:#464344;
text-align:center;
font-weight:500;

}

}




@media(max-width:767px){


.youandtomas.youandtomas1{
font-size:5.3vw;
margin-top:-1em;
padding-top:0.75em;
  background-image: url('./img/man2man_sp.webp');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
padding-bottom:5em;
}


.youandtomas.youandtomas1 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:8.53vw;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:0;
padding:0.35em;
}


.youandtomas.youandtomas1 h4{
font-size:5.3vw;
letter-spacing:0.04em;
line-height:160%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas1 h4+p{

font-size:4.3vw;
margin-top:0.5em;
margin-bottom:1.5em;
letter-spacing:0.04em;
line-height:160%;
color:#464344;
text-align:center;
font-weight:500;
}


a.contact_now {
font-size:4.8vw;
margin:1em auto 1em auto;
letter-spacing:0.12em;
width:84vw;
height:19.7vw;
line-height:19.7vw;
 background: linear-gradient(to right, #B7212B, #E50012);
border-radius:10.6vw;
  box-shadow: 0 0 1em 0.2em #B7212B40;
transition: background 0.3s ease;
}

a.contact_now:hover{
background: linear-gradient(to right, #bf1512, #Ee0006);
box-shadow: 0 0 1em 0.2em #e5001240;
}



.youandtomas.youandtomas1 p span.tomasred{
display:block;
font-weight:700;
font-size:4.26vw;
letter^spacing:0.08em;
line-height:160%;
text-align:center;
color:#B7212B;
}

}




/* content04 */




.content04{
margin-top:-125px;
  background-image: url('./img/exclude.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 3840px auto;
padding-top:10px;
width:100%;
overflow:hidden;
}

.content04 h2{
margin-bottom:45px;
}

.content04 h2::before{
content: " ";
display:block;
  width: 300px;
  height: 307px;
  background-image: url('./img/mic.png');
  background-size: cover;
  background-position: center;
  z-index: 6; 
  margin:-10px auto -195px auto;

}


 .content04 h2 span.h2main{
display:block;
font-weight:500;
font-size:48px;
line-height:150%;
letter-spacing:0.05em;
color:#464344;
font-family: 'Zen Old Mincho', serif !important;
text-align:center;
}

 .content04 h2 span.h2main .tomasred{
color:#B7212B;
font-family: 'Zen Old Mincho', serif !important;
}

 .content04 h2 span.h2sub{
display:block;
font-weight:700;
font-size:20px;
line-height:140%;
letter-spacing:0.15em;
color:#AF9D85;
text-align:center;
margin-top:0.5em;
}





@media(max-width:1023px){
.content04{
margin-top:-120px;
  background-image: url('./img/exclude_md.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto;
padding-top:0;
}


.content04 h2::before{
content: " ";
display:block;
  width: 280px;
  height: 287px;
  background-image: url('./img/mic.png');
  background-size: cover;
  background-position: center;
  z-index: 6; 
  margin:0 auto -178px auto;
}

 .content04 h2 span.h2main{
display:block;
font-weight:500;
font-size:34px;
line-height:150%;
letter-spacing:0.05em;
}

 .content04 h2 span.h2sub{
font-size:20px;
line-height:140%;
letter-spacing:0.15em;
margin-top:0.5em;
}

}



@media(max-width:767px){
.content04{
margin-top:-25vw;
  background-image: url('./img/exclude_sp.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
padding-top:0;
}

.content04 h2{
margin-bottom:6.8vw;
}

.content04 h2::before{
content: " ";
display:block;
  width: 48vw;
  height: 49vw;
  background-image: url('./img/mic.png');
  background-size: cover;
  background-position: center;
  z-index: 6; 
  margin:5vw auto -30vw auto;
}

 .content04 h2 span.h2main{
display:block;
font-weight:500;
font-size:6.4vw;
line-height:150%;
letter-spacing:0.02em;
}

 .content04 h2 span.h2sub{
font-size:3.7vw;
line-height:140%;
letter-spacing:0.15em;
margin-top:0.5em;
}

}




 .content04 .interview_item{
width:800px;
height:348px;
border-radius:16px;
border:2px solid #AF9D8566;
margin:0 auto 32px auto;
background:#fff;
overflow:hidden;
z-index:4;
position: relative; 
}


 .content04 .interview_item .interview_title{
display:block;
width:400px;
height:348px;
float:left;
overflow:hidden;
}

 .content04 .interview_item .interview_title img{
margin-top:40px;
margin-left:40px;
}
 .content04 .interview_item.ele .interview_title{
  background-image: url('./img/ele1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}
 .content04 .interview_item.jun .interview_title{
  background-image: url('./img/jun1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}
 .content04 .interview_item.sen .interview_title{
  background-image: url('./img/sen1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}


 .content04 .interview_item .interview_comment{
display:block;
width:400px;
height:348px;
float:left;
overflow:hidden;
}


 .content04 .interview_item .interview_comment .interview_goukaku{
width:320px;
height:72px;
font-size:24px;
margin-top:32px;
margin-left:40px;
font-weight:bold;
line-height:150%;
letter-spacing:0.04em;
  background-image: url('./img/goukaku.svg');
  background-repeat: no-repeat;
  background-position: right center;
 background-size: auto 100%;
}

 .content04 .interview_item .interview_comment p{
display:block;
width:320px;
height:110px;
max-height:110px;
overflow:hidden;
text-align: justify;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
font-size:16px;
margin-top:16px;
margin-left:40px;
font-weight:500;
line-height:170%;
letter-spacing:0.04em;
}


.interview_item .link-button a{
display: inline-block;
text-align: left;
margin-left:40px;
padding-left: 2em;
background-color: #B7212B;
width: calc(180px - 2em);
height: 60px;
line-height: 60px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}


.interview_item .link-button a:hover{
background-position: top 50% right 1em;
}


 .content04 .interview_item.ele .interview_comment .interview_goukaku{
color:#3EB8EB;
}
 .content04 .interview_item.ele .link-button a{
background-color:#3EB8EB;
}
 .content04 .interview_item.jun .interview_comment .interview_goukaku{
color:#7FBE25;
}
 .content04 .interview_item.jun .link-button a{
background-color:#7FBE25;
}
.content04 .interview_item.sen .interview_comment .interview_goukaku{
color:#EB6D9A;
}
.content04 .interview_item.sen .link-button a{
background-color:#EB6D9A;
}


 .content04::after{
width:360px;
height:360px;
overflow:hidden;
position: relative; 
content:" ";
display:block;
  background-image: url('./img/sakura.webp');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3; 
  margin-top:-300px;
  margin-bottom:-20px;
  margin-left:calc(50% + 300px);
}


@media(max-width:1023px){

 .content04 .interview_item{
width:688px;
height:300px;
border-radius:12px;
}

 .content04 .interview_item .interview_title{
display:block;
width:338px;
height:300px;
float:left;
overflow:hidden;
}

 .content04 .interview_item .interview_title img{
margin-top:30px;
margin-left:30px;
height:160px;
}


 .content04 .interview_item.ele .interview_title{
  background-position: center top;
 background-size: 110% auto;
}
 .content04 .interview_item.jun .interview_title{
  background-position: center top;
 background-size: 110% auto;
}
 .content04 .interview_item.sen .interview_title{
  background-position: center top;
 background-size: 110% auto;
}


 .content04 .interview_item .interview_comment{
display:block;
width:330px;
height:300px;
}


 .content04 .interview_item .interview_comment .interview_goukaku{
width:287px;
height:64px;
font-size:20px;
margin-top:24px;
margin-left:30px;
font-weight:bold;
line-height:160%;
letter-spacing:0.04em;
}

 .content04 .interview_item .interview_comment p{
display:block;
width:287px;
height:100px;
max-height:100px;
overflow:hidden;
text-align: justify;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
font-size:14px;
margin-top:14px;
margin-left:30px;
margin-bottom:0.75em;
font-weight:500;
line-height:170%;
letter-spacing:0.04em;
}

.interview_item .link-button a{
margin-top:0;
margin-left:30px;
}


 .content04::after{
width:300px;
height:300px;
overflow:hidden;
position: relative; 
content:" ";
display:block;
  background-image: url('./img/sakura.webp');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3; 
  margin-top:-250px;
  margin-bottom:-20px;
  margin-left:calc(50% + 250px);
}
}

@media(max-width:767px){

 .content04 .interview_item{
width:89.3vw;
height:132.5vw;
border-radius:12px;
border:2px solid #AF9D8566;
margin:0 auto 6.3vw auto;
background:#fff;
overflow:hidden;
z-index:4;
position: relative; 
}


 .content04 .interview_item .interview_title{
display:block;
width:89.3vw;
height:57.6vw;
float:left;
overflow:hidden;
}

 .content04 .interview_item .interview_title img{
margin-top:6.3vw;
margin-left:6.3vw;
height:42vw;
}
 .content04 .interview_item.ele .interview_title{
  background-image: url('./img/ele1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}
 .content04 .interview_item.jun .interview_title{
  background-image: url('./img/jun1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}
 .content04 .interview_item.sen .interview_title{
  background-image: url('./img/sen1pic.png');
  background-repeat: no-repeat;
  background-position: center top;
 background-size: 100% auto;
}


 .content04 .interview_item .interview_comment{
display:block;
width:89.3vw;
height:72vw;
float:left;
overflow:hidden;
}


 .content04 .interview_item .interview_comment .interview_goukaku{
width:76.53vw;
height:17.1vw;
font-size:5.3vw;
margin-top:5.3vw;
margin-left:6.3vw;
font-weight:bold;
line-height:150%;
letter-spacing:0.04em;
  background-image: url('./img/goukaku.svg');
  background-repeat: no-repeat;
  background-position: right center;
 background-size: auto 100%;
}

 .content04 .interview_item .interview_comment p{
display:block;
width:76.53vw;
height:25vw;
max-height:25vw;
overflow:hidden;
text-align: justify;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
font-size:3.73vw;
margin-top:0.75em;
margin-left:6.3vw;
font-weight:500;
line-height:160%;
letter-spacing:0.04em;
}


.interview_item .link-button{
display:block;
text-align:center;
}

.interview_item .link-button a{
display: inline-block;
text-align: left;
margin-left:0;
padding-left: 2em;
background-color: #B7212B;
width: calc(48vw - 2em);
height: 16vw;
line-height: 16vw;
border-radius: 8vw;
font-size: 4.26vw;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 4.8vw 4.8vw;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}

.interview_item .link-button a:hover{
background-position: top 50% right 1em;
}


 .content04 .interview_item.ele .interview_comment .interview_goukaku{
color:#3EB8EB;
}
 .content04 .interview_item.ele .link-button a{
background-color:#3EB8EB;
}
 .content04 .interview_item.jun .interview_comment .interview_goukaku{
color:#7FBE25;
}
 .content04 .interview_item.jun .link-button a{
background-color:#7FBE25;
}
.content04 .interview_item.sen .interview_comment .interview_goukaku{
color:#EB6D9A;
}
.content04 .interview_item.sen .link-button a{
background-color:#EB6D9A;
}


 .content04::after{
width:48vw;
height:48vw;
overflow:hidden;
position: relative; 
content:" ";
display:block;
  background-image: url('./img/sakura.webp');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3; 
  margin-top:-19vw;
  margin-bottom:-9vw;
  margin-left:calc(60%);
}
}



/*  .content05 */


 .content05{
display:block;
border-top:2px solid #a2a1a1;
border-bottom:2px solid #a2a1a1;
}

.content05_items{
display:block;
width:1060px;
margin:48px auto 48px auto;
overflow:hidden;
}
.content05_itemleft{
width:512px;
float:left;
}
.content05_itemright{
width:500px;
float:left;
margin-left:48px;
}



.content05_itemleft h2::before{
display:block;
text-align:center;
border:2px solid #464344;
border-radius:30px;
font-size:16px;
font-weight:bold;
content:"実施概要";
letter-spacing:0.1em;
line-height:40px;
height:40px;
width:120px;
margin:0 0 24px 0;
}

.content05_itemleft h2{
font-weight:bold;
font-size:28px;
line-height:140%;
letter-spacing:0.1em;
margin:0 0 14px 0;
}

.content05_itemleft .content05_data{
display:block;
width:100%;
border-top:1px solid  #4643443d;
overflow:hidden;
margin:0;
}

.content05_itemleft .content05_data h3{
float:left;
width:90px;
margin:0;
font-size:16px;
letter-spacing:0.12em;
color:#777;
padding:16px 0 16px 0;
}

.content05_itemleft .content05_data p{
margin:0;
padding:16px 0 16px 7px;
width:calc(410px - 7px);
float:left;
font-size:16px;
font-weight:500;
line-height:160%;
letter-spacing:5%;
color:#464344;
}

.content05_itemleft .content05_data p img{
margin-top:-0.1em;
margin-bottom:-0.1em;
}

.content05_itemleft .content05_data p.date img{
display:block;
}



.content05_itemleft .content05_data p.grade{
line-height:0;
}


.content05_itemright .link-button {
display: inline-block;
margin-top:30px;
margin-left:12px;
}

.content05_itemright .link-button:first-of-type{
margin-left:0;
}

.content05_itemright .link-button a{
display: inline-block;
text-align: left;
padding-left: 2em;
background-color: #464344;
width: calc(240px - 2em);
height: 60px;
line-height: 60px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}



.content05_itemright .link-button a:hover{
background-position: top 50% right 1em;
}

.content05_itemright .link-button a span.map{
    content:"";
    background-image: url('./img/map.svg');
    padding-left:1.8em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}
.content05_itemright .link-button a span.faq{
    content:"";
    background-image: url('./img/faq.svg');
    display: inline-block;
    padding-left:2.2em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}



@media(max-width:1023px){


.content05_items{
width:688px;
margin:40px auto 40px auto;
}
.content05_itemleft{
width:335px;
float:left;
}
.content05_itemright{
width:321px;
float:left;
margin-left:32px;
}


.content05_itemleft h2::before{
border-radius:30px;
font-size:16px;
font-weight:bold;
line-height:40px;
height:40px;
width:120px;
margin:0 0 24px 0;
}

.content05_itemleft h2{
font-weight:bold;
font-size:24px;
line-height:140%;
letter-spacing:0.1em;
margin:0 0 14px 0;
}

.content05_itemleft .content05_data{
display:block;
width:100%;
border-top:1px solid  #4643443d;
overflow:hidden;
margin:0;
}

.content05_itemleft .content05_data h3{
float:left;
width:90px;
margin:0;
font-size:15px;
letter-spacing:0.12em;
color:#777;
padding:15px 0 15px 0;
}

.content05_itemleft .content05_data p{
margin:0;
padding:15px 0 15px 0;
width:245px;
float:left;
font-size:15px;
font-weight:500;
line-height:160%;
letter-spacing:5%;
color:#464344;
}

.content05_itemright .link-button {
display: block;
margin-top:24px;
margin-left:0;
}

.content05_itemright .link-button a{
display: block;
text-align: center;
padding-left: 0;
background-color: #464344;
width: 321px;
height: 72px;
line-height: 72px;
border-radius: 8px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: none;
transition: opacity 0.2s linear;
opacity:1;
}

.content05_itemright .link-button a:hover{
opacity:0.9;
}

.content05_itemright .link-button a span.map{
    content:"";
    background-image: url('./img/map.svg');
    padding-left:2.4em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}
.content05_itemright .link-button a span.faq{
    content:"";
    background-image: url('./img/faq.svg');
    display: inline-block;
    padding-left:3em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}
}



@media(max-width:767px){


.content05_items{
width:89.33vw;
margin:8vw auto 8vw auto;
}
.content05_itemleft{
width:89.33vw;
float:left;
}
.content05_itemright{
width:89.33vw;
float:left;
margin-left:0;
}


.content05_itemleft h2::before{
border-radius:8vw;
font-size:4.26vw;
font-weight:bold;
line-height:10.66vw;
height:10.66vw;
width:32vw;
margin:0 0 4.3vw 0;
}

.content05_itemleft h2{
font-weight:bold;
font-size:6.4vw;
line-height:140%;
letter-spacing:0.1em;
margin:0 0 3.73vw 0;
}

.content05_itemleft .content05_data{
display:block;
width:100%;
border-top:1px solid  #4643443d;
overflow:hidden;
margin:0;
}

.content05_itemleft .content05_data h3{
float:left;
width:23vw;
margin:0;
font-size:4vw;
letter-spacing:0.12em;
color:#777;
padding:4vw 0 4vw 0;
}

.content05_itemleft .content05_data p{
margin:0;
padding:4vw 0 4vw 0;
width:66.1vw;
float:left;
font-size:4vw;
font-weight:500;
line-height:160%;
letter-spacing:5%;
color:#464344;
}

.content05_itemleft .content05_data p.date img{
width:54.4vw;
}
.content05_itemleft .content05_data p.grade img{
width:61.9vw;
}


.content05_itemright .link-button {
display: block;
margin-top:5.6vw;
margin-left:0;
}

.content05_itemright .link-button:first-of-type {
margin-top:8vw;
}
.content05_itemright .link-button:last-child {
margin-bottom:4.3vw;
}


.content05_itemright .link-button a{
display: block;
text-align: center;
padding-left: 0;
background-color: #464344;
width: 89.33vw;
height: 19.2vw;
line-height: 19.2vw;
border-radius: 8px;
font-size: 4.27vw;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: none;
transition: opacity 0.2s linear;
opacity:1;
}

.content05_itemright .link-button a:hover{
opacity:0.9;
}

.content05_itemright .link-button a span.map{
    content:"";
    background-image: url('./img/map.svg');
    padding-left:2.4em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}
.content05_itemright .link-button a span.faq{
    content:"";
    background-image: url('./img/faq.svg');
    display: inline-block;
    padding-left:3em;
    display: inline-block;
    background-size: auto 42%;
    background-repeat: no-repeat;
    background-position: left center;
}
}


/* content06 */

.content06{
display:block;
overflow:hidden;
margin:0;
background-color:#f7f7f7;
background-image: url('./img/price.webp');
background-size: 240px 241px;
background-repeat: no-repeat;
background-position: calc( 50% + 320px) calc( 0% + 32px);
text-align:center;
}

.content06 h2{
margin-top:48px;
margin-bottom:0px;
padding:0;
font-size:28px;
font-weight:700;
line-height:150%;
letter-spacing:0.05em;
color:#464344;
}

.content06 h2 + p{
font-size:14px;
font-weight:500;
line-height:200%;
letter-spacing:0.04em;
color:#464344;
}


.content06 h2 + p span{
display:inline-block;
font-size:20px;
font-weight:700;
line-height:180%;
letter-spacing:0.04em;
color:#B7212B;
padding-bottom:0.5em;
}

.content06 .request{
display: flex;
flex-wrap: wrap;
gap: 22px; /*justify-content: space-between; */
max-width: 1060px;
width: 100%; 
margin:32px auto 40px auto;
}


.content06 .request p{
width: 200px; 
height: 102px;  
flex-shrink: 0;   
margin: 0;    
background-color: #fff;
border-radius:8px;
text-align:left;
padding:24px;
font-size:14px;
line-height:180%;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}

.content06 .request p span{
font-size:16px;
font-weight:700;
line-height:120%;
letter-spacing:0.03em;
color:#B7212B;
}


.content06 .link-button a{
display: inline-block;
text-align: left;
padding-left: 2em;
background-color: #B7212B;
width: calc(302px - 2em);
height: 60px;
line-height: 60px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}


.content06 .link-button a:hover{
background-position: top 50% right 1em;
}





@media(max-width:1023px){


.content06{
display:block;
background-size: 240px 241px;
background-position: calc( 100% + 80px) calc( 0% + 24px);
text-align:left;
}

.content06 h2{
width:688px;
margin:40px auto 0 auto;
padding:0;
font-size:22px;
font-weight:700;
line-height:150%;
letter-spacing:0.05em;
color:#464344;
}

.content06 h2 + p{
width:688px;
margin:0 auto 0 auto;
font-size:14px;
font-weight:500;
line-height:200%;
letter-spacing:0.04em;
color:#464344;
}

.content06 h2 + p span{
display:inline-block;
font-size:16px;
font-weight:700;
line-height:180%;
letter-spacing:0.04em;
color:#B7212B;
padding:0.25em 0 0.1em;
}

.content06 .request{
display: flex;
flex-wrap: wrap;
gap:16px;
max-width: 688px;
width: 100%; 
margin:32px auto 32px auto;
}


.content06 .request p{
width: 296px; 
height: 77px;  
flex-shrink: 0;   
margin: 0;    
background-color: #fff;
border-radius:8px;
text-align:left;
padding:20px;
font-size:14px;
line-height:180%;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}

.content06 .request p span{
font-size:16px;
font-weight:700;
line-height:120%;
letter-spacing:0.03em;
color:#B7212B;
}


.content06 .link-button{
text-align:center;
}

.content06 .link-button a{
display: inline-block;
text-align: left;
padding-left: 2em;
background-color: #B7212B;
width: calc(302px - 2em);
height: 60px;
line-height: 60px;
border-radius: 30px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 18px 18px;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}


.content06 .link-button a:hover{
background-position: top 50% right 1em;
}

}



@media(max-width:767px){

.content06{
display:block;
background-size: 48vw 48vw;
background-position: calc( 100% + 10vw) calc( 0% + 15vw);
text-align:left;
}

.content06 h2{
width:84vw;
margin:9.6vw auto 0 auto;
padding:0;
font-size:5.87vw;
font-weight:700;
line-height:150%;
letter-spacing:0.05em;
color:#464344;
}

.content06 h2 + p{
width:84vw;
margin:0 auto 0 auto;
font-size:3.73vw;
font-weight:500;
line-height:160%;
letter-spacing:0.04em;
color:#464344;
}

.content06 h2 + p span{
display:inline-block;
font-size:4.27vw;
font-weight:700;
line-height:160%;
letter-spacing:0.04em;
color:#B7212B;
padding:0.25em 0 0.25em;
}

.content06 .request{
display: flex;
flex-wrap: wrap;
gap:4.27vw;
max-width: 84vw;
width: 100%; 
margin:8vw auto 8vw auto;
}


.content06 .request p{
width: 73vw; 
height: 20.5vw;  
flex-shrink: 0;   
margin: 0;    
background-color: #fff;
border-radius:8px;
text-align:left;
padding:5.5vw;
font-size:3.73vw;
line-height:180%;
letter-spacing:0.03em;
color:#464344;
font-weight:500;
}

.content06 .request p span{
font-size:4.27vw;
font-weight:700;
line-height:120%;
letter-spacing:0.03em;
color:#B7212B;
}


.content06 .link-button{
text-align:center;
}

.content06 .link-button a{
display: inline-block;
text-align: left;
padding-left: 2em;
background-color: #B7212B;
width: calc(80vw - 2em);
height: 16vw;
line-height: 16vw;
border-radius: 8vw;
font-size: 4.26vw;
font-weight: 700;
letter-spacing: 0.1em;
color: #fff;
background-image: url("../../assets/img/common/right_arrow.svg");
background-repeat: no-repeat;
background-size: 4.8vw 4.8vw;
background-position: top 50% right 2em;
transition: background-position 0.2s linear;
text-decoration:none;
}


.content06 .link-button a:hover{
background-position: top 50% right 1em;
}

}




/*youandtomas2*/


.youandtomas.youandtomas2{
margin-top:50px;
width:100%;
  background-color: #fff;
  background-image: 
    linear-gradient(90deg, rgba(175, 157, 133, 0.1) 1px, transparent 1px),
    linear-gradient(0deg, rgba(175, 157, 133, 0.1) 1px, transparent 1px);
  background-size: 33px 33px;
}

 .youandtomas.youandtomas2 .youandtomas2_wrapper{
width:100%;
display:block;
overflow:hidden;
margin:0;
padding-bottom:55px;
background-image: url('./img/consultation.webp');
background-size: 650px 537px;
background-repeat: no-repeat;
background-position: calc( 50% + 440px) calc( 0% + 20px);
text-align:center;
}



.youandtomas.youandtomas2 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:56px;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:0px 0 15px 0;
padding-top:60px;
}


.youandtomas.youandtomas2 h3 span{
font-family: 'Zen Old Mincho', serif !important;
}


.youandtomas.youandtomas2 h3 span.tomasgold{
color:#AF9D85;
}

.youandtomas.youandtomas2 h3 span.tomasred{
color:#B7212B;
}


.youandtomas.youandtomas2 h4{
font-size:28px;
letter-spacing:0.05em;
line-height:150%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas2 h4+p{

font-size:18px;
letter-spacing:0.05em;
line-height:180%;
color:#464344;
text-align:center;
font-weight:500;

}

.youandtomas.youandtomas2 p span.tomasred{
display:block;
font-weight:700;
font-size:18px;
letter^spacing:0.08em;
line-height:160%;
text-align:center;
color:#B7212B;
}


@media(max-width:1023px){

 .youandtomas.youandtomas2 {
margin-top:40px;
padding-top:0;

}


 .youandtomas.youandtomas2 .youandtomas2_wrapper{
width:100%;
display:block;
overflow:hidden;
margin:0;
padding-bottom:25px;
background-image: url('./img/consultation.webp');
background-size: 557px 460px;
background-repeat: no-repeat;
background-position: calc( 50% + 345px) calc( 0% + 35px);
text-align:center;
}



.youandtomas.youandtomas2 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:40px;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:0px 0 15px 0;
padding:45px 0 0 0;
}

.youandtomas.youandtomas2 h4{
font-size:20px;
letter-spacing:0.05em;
line-height:150%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas2 h4+p{

font-size:16px;
letter-spacing:0.05em;
line-height:180%;
color:#464344;
text-align:center;
font-weight:500;

}

}




@media(max-width:767px){

 .youandtomas.youandtomas2 {
margin-top:10vw;
padding-top:4vw;

}


 .youandtomas.youandtomas2 .youandtomas2_wrapper{
width:100%;
display:block;
overflow:hidden;
margin:0;
padding-bottom:62.5vw;
background-image: url('./img/consultation.webp');
background-size: 76.8vw 63.5vw;
background-repeat: no-repeat;
background-position: calc(50%) calc( 100%);
text-align:center;
}




.youandtomas.youandtomas2 h3{
font-family: 'Zen Old Mincho', serif !important;
font-weight:600;
font-size:8.53vw;
line-height:140%;
letter-spacing:0.08em;
color:#464344;
text-align:center;
z-index:4;
display: block; 
position: relative; 
overflow: visible;  
margin:4.3vw 0 0 0;
padding:0.35em;
}


.youandtomas.youandtomas2 h4{
font-size:5.3vw;
letter-spacing:0.04em;
line-height:160%;
color:#464344;
text-align:center;
font-weight:700;
margin:0;
}


.youandtomas.youandtomas2 h4+p{

font-size:4.3vw;
margin-top:0.5em;
margin-bottom:1.5em;
letter-spacing:0.04em;
line-height:160%;
color:#464344;
text-align:center;
font-weight:500;
}



.youandtomas.youandtomas2 p span.tomasred{
display:block;
font-weight:700;
font-size:4.26vw;
letter^spacing:0.08em;
line-height:160%;
text-align:center;
color:#B7212B;
}

}