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

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

.para {
margin-top: 40px;
}

.t-lead {
font-size: 1.1em;
}

.t-midashi {
font-family: "Noto Serif JP", serif;
font-weight: 700;
font-style: normal;
color: #895742;
font-size: 1.4em;
margin-bottom: 1em;
}

.t-midashi2 {
font-family: "Noto Serif JP", serif;
font-weight: 700;
font-style: normal;
font-size: 1.4em;
}
.t-midashi2 p {
font-size: 2em;
}
.t-midashi3 {
font-family: "Noto Serif JP", serif;
font-weight: 700;
font-style: normal;
color: #895742;
font-size: 1.6em;
margin: 20px 0;
}
.t-midashi3::before,
.t-midashi3::after {
content: '';
display: block;
height: 10px;
width: 100%;
background-image: url("togakushi/line.png");
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
margin: 0;
}

.t-ph {
width: 100%;
margin-bottom: 30px;
}

.sobaoboro {
display: block;
background-image: url("togakushi/soba_bg.png");
background-position: center;
background-size: 100% 100%;
background-repeat: no-repeat;
margin-top: 30px;
padding: 30px;
width: 100%;
min-height: 300px;
}

.sobaoboro ul {
display: flex;
justify-content: center;
gap: 30px;
margin: 30px;
}
.sobaoboro ul,
.sobaoboro ul li {
list-style-type: none;
margin: 0;
padding: 0;
}
.sobaoboro ul img {
width: 100%;
}
.sobaoboro ul.set1 li.ph,
.sobaoboro ul.set1 li.txt {
width: 47%;
}
.sobaoboro ul.set2 li.ph {
width: 35%;
}
.sobaoboro ul.set2 li.txt {
width: 60%;
}
@media screen and (max-width: 768px) {
.sobaoboro ul {
display: block;
}
.sobaoboro ul li {
margin: 30px auto;
}
.sobaoboro ul.set1 li.ph {
width: 600px;
max-width: 100%;
}
.sobaoboro ul.set2 li.ph {
width: 600px;
max-width: 70%;
}
.sobaoboro ul.set1 li.txt,
.sobaoboro ul.set2 li.txt {
width: 100%;
}
}


.t-foot-logo {
flex-shrink: 0;
}
.t-foot-logo img {
width: 300px;
max-width: 100%;
margin: auto;
}

.t-flex {
display: flex;
gap: 10%;
margin: 40px 0;
}

.t-flex.center {
justify-content: center;
}
.t-flex.line {
border-top: 1px solid #895742!important;
border-bottom: 1px solid #895742!important;
padding: 20px;
}
.t-data {
width: auto;
display: inline-block;
list-style-type: none;
padding: 0;
}
.t-data li {
padding: 0;
}
.t-data li.name {
font-weight: bold;
font-size: 1.2em;
}

.t-data li.name span {
font-size: 1.5em;
vertical-align: middle;
}

@media screen and (max-width: 992px) {
.t-flex {
display: block;
padding: 20px;
}
.t-foot-logo, .t-data {
width: 100%;
margin: 20px 0;
}
}