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

body{
margin:0 auto;
padding:0;
box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
font-size:100%;
line-height:140%;
font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight:500;
display:block;
justify-content: space-between;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
word-break:break-all;
}

#wrapper{
margin:0 auto;
max-width:800px;
padding:0;
box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
}

#wrapper p{
margin:10px;
text-align: justify;
text-justify:inter-ideograph; 
}

h1{
text-align:center;
font-size:28px;
font-family:"Yu Mincho", "YuMincho";
font-weight:900;
color:#660000;
padding:10px;
position:absolute;
top:20px;
text-align:left;
line-height:90%;
letter-spacing:0.1em;
font-weight: 700;
}

h1 > .smallttl{
color:#660000;
top:20px;
font-size:20px;
font-weight:900;
}

h2,h3,h4{
font-size:115%;
text-align:center;
margin:10px;
line-height:1.6em;
letter-spacing:0.1em;
}

.interview > h4{
font-weight:bold;
font-size: 98%;
padding-top:10px;
}

.interview {
padding-top:5px;
}


.bg_orange {
background:#FFE4CA;
padding:3px 3px;
}


section{
padding-top:10px;
}

section p{
font-size:96%;
}

a{
color:#373737;
}

.yakuzen {
margin-top:10px;
}

.area{
margin:15px 15px 20px;
}

.kome {
color:#FF0000;
font-weight:bold;
}

/* nav */
nav{
box-sizing:border-box;
background:#f8f2e4;
margin:15px 30px;
padding:10px;
}

nav > ul {
padding:10px 25px;
list-style:outside;
list-style-type:square;
color: #CC0033;
}

nav > li{
font-weight:bold;
color: #666666;
font-size:16px;
}

ul{
padding:10px 20px;
}


/*/教材紹介/*/

.text {
margin-top:10px;
margin-left:20px;
}

.text li {
list-style:outside;
}



.fontbold_line{
background:linear-gradient(transparent 60%,#FFCC00 60%);
}

.marker{
background:linear-gradient(transparent 90%,#FF9900 90%);
line-height:0.85em;
}

.smallfont{
margin:20px;
font-size:14px;
color: #666666;
}

.smallfont2 {
font-size:12px;
text-align:center;
}

/* 目次 */
.courseWrap {
box-sizing:border-box;
border:solid 2px #CC0000;
background:#FFF;
margin: 20px 15px;
padding:5px 20px;
border-radius:3px;
}

.courseWrap ul li{
list-style:outside;
font-weight:bold;
}


.jukousei {
color:#FFFFFF;
}

/* header */

.headerimg{
position:relative;
width:100%;
height:100%;
margin:auto;
}

.read {
font-size:14px;
font-weight:500;
position:absolute;
top:90px;
background:#FFF;
opacity: 0.7;
padding:10px;
}

.shikaku {
color:#CC0000;
margin:5px;
font-size:15px;
font-weight:bold;
padding-top:3px;
}

.price:before {
content: '\f157';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:#FFFFFF;
background: #336600;
border-radius:50%;
padding:5px 7px;
}

.price {
font-family:"Noto Sans Japanese";
color: #336600;
font-weight:bold;
left:10px;
}

.price2{
font-family:"Noto Sans Japanese";
font-weight:900;
font-size:26px;
color: #339900;
}


dl,dt {
margin:10px 5px;
}

dd{
margin:10px 35px;
}

dt{
border:solid #333333 1px;
font-weight:bold;
border-radius:3px;
margin:0 15px;
padding-left:10px;
line-height:2em;
}



/* ４つのポイント */
.flexbox{
display: flex;
flex-wrap:wrap;
flex:1 0 300px;
}

.flexbox img{
max-width:170px;
max-height:170px;
text-align: center;
}

.flexbox > div{
display:block;
margin:0 auto;
text-align:center;
justify-content: space-around;
float:left;
}

.child p{
display:inline-brock;
font-weight:bold;
text-align:center;
}

.child:after{
clear:both;
}

#point img{
margin: 0 auto;
text-align: center;
}

/* ４つのポイント */

@media screen and(min-width:1000px){
.parent{
margin:0 auto;
text-align:center;
display:flex;
max-width:100%;
}

.child{
display:inline-block;
}

}

/* footer */
footer{
background-color: #800000;
font-size: 13px;
}

footer p{
font-size: 13px;
color:#FFF;
margin:0 auto;
padding:15px;
line-height:1.6em;
opacity: 0.7;
}

footer a{
color:#FFF;
opacity: 0.7;
}

/* 選ばれる５つの理由 */
.swiper_area {
margin:5px 20px;
font-size:14px;
margin-bottom:30px;
text-align:left;
}

/* swiper */
.swiper-container {
width: 100%;
height: 100%;
margin-left:auto;
margin-right:auto;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display:block;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
align-items: center;
}
	
.swiper_slide p {
font-size:14px;
}

.swiper-slide img{
width:80%;
}


/* 和漢膳とは */
section > .wakanzen {
font-size:15px;
line-height:1.7em;
background: #f8f2e4;
width: 100%;
padding:10px 0 10px;
}

section > .wakanzen img{
text-align: center;
max-width:100%; 
}


/* ユーザーボイス */
.voice {
background-color:#CC6633;
margin-top:5px;
margin-bottom:15px;
padding-top:1px;
padding-bottom:15px;
}

.voice_inner {
background-color:#FFF;
padding:5px;
margin:auto;
width:90%;
}

.voicearea{
margin-top:15px;
padding:5px;
}

.photo {
float:left;
margin:10px;
width:150px;
}

.voicename{
font-size:12px;
}

.voicettl{
font-weight:bold;
font-size:17px;
}

.clearfix:after{
clear:both;
}


.font1{
font-weight:bold;
font-size:18px;
padding:5px;
margin-top:10px;
}

.catch{
color: #CC0000;
font-size: 30px;
font-family: 'ABeeZee', sans-serif;
}

.catch2{
color:#FFF;
background: #CC0000;
border-radius:3px;
font-weight:bold;
padding:5px;
font-size:90%;
}

.prof{
font-size:14px;
margin:10px;
padding:10px 15px;
border: #CC6633 solid 1px;
}

.koushiname {
line-height:130%;
font-weight:bold;
font-size:15px;
}

.message {
padding-top:10px;
}


.kakaku {
padding-top:20px;
}

.curry{
font-size:14px;
font-weight:bold;
text-align: center;
}

/* contents */

.contents {
padding:10px;
}


/* よくある質問 */
.qa{
line-height:1.7em;
padding-bottom:10px;
}

.Qicon{
color:#FFF;
font-weight:bold;
background: #C6C6C6;
border-radius:50px;
padding:5px;
font-size:90%;
}

.Aicon{
color:#FFF;
font-weight:bold;
background: #669900;
border-radius:50px;
padding:5px;
font-size:90%;
}

.question:before,
.answer:before {
content:"\0020";
}

.question {
font-weight:bold;
}

/* がくぶん説明 */
.gakubun{
margin:20px 0 20px;
}

.gakubun p{
font-size:14px;
}

@media only screen and(min-width:1000px) {
#wrapper,body{
margin:30px auto;
width:700px;
}

/* footer */
footer{
background-color: #800000;
margin:0 auto;
}

footer p{
color:#FFF;
padding:15px;
}

}


#footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 70px;
}

.jyukou{
background-color:#880606;
width:50%;
float:left;
line-height:1.5;
display:inline-block;
text-align:center;
		font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
}
.jyukou a{
color:#FFFFFF;
font-weight:bold;
display:inline-block;
padding:20px 10px;
}

.shiryou{
background-color:#559241;
width:50%;
float:left;
line-height:1.5;
display:inline-block;
text-align:center;
		font-size:95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
-moz-text-size-adjust: 95%;
}
.shiryou a{
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:20px 10px;
display:inline-block;
}