@charset "utf-8";
/* ------------------------------------------------------------------------------
settebelleとは
------------------------------------------------------------------------------ */
.mainTit {
background-image: url(../about/img/bg01.jpg);
}
.contents {
width: 100%;
}
.aboCont {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
padding-top: 56px;
padding-left:10px;
padding-right:10px;
color: #332B0C;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.aboCont img {
max-width: 100%;
height: auto;
}
.aboTitSubTxt {
font-size: 140%;
margin-bottom: 60px;
}
.aboLine {
height: 1px;
border: none;
border-top: solid 1px #C3B7A2;
margin-bottom: 45px;
color: #FFF;
}
.menuTit {
margin-bottom: 20px;
padding: .3em 0;
text-align: center;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif;
color: #332b0c;
letter-spacing: .02em;
font-size: 24px;
font-size: 2.4rem;
background-color: #f9f8f3;
}
.menuLis {
max-width: 960px;
margin-right: auto;
margin-left: auto;
margin-bottom: 45px;
}
.menuLis li {
float: left;
margin-bottom: 30px;
padding-right: 26px;
}
.menuLis li.last {
padding-right: 0px;
}
.aboCray {
float: left;
width: 60%;
margin-left: 2%;
margin-bottom: 10px;
font-size: 140%;
color: #332B0C;
line-height: 2.2em;
}
.aboImg {
float: right;
width: 31%;
margin-right: 2%;
margin-bottom: 30px;
}
.aboImg02 {
float: left;
width: 31%;
margin-left: 2%;
margin-bottom: 45px;
}
.aboCray02 {
float: right;
width: 62%;
margin-right: 2%;
font-size: 140%;
color: #332B0C;
line-height: 2.2em;
}
.aboCray span {
line-height: 4em;

}
.crayTypePho {
float: left;
width: 26%;
margin-left: 2.2%;
margin-bottom: 30px;
}
.crayTypeBox {
width: 92%;
margin-right: auto;
margin-left: auto;
margin-bottom: 50px;
}
.profileBox {
max-width: 92%;
margin-right: auto;
margin-bottom: 45px;
margin-left: auto;
}
.proPho {
float: left;
width: 26%;
}
.proNameTit {
width: 65.2%;
float: right;
margin-bottom: 10px;
margin-right: 3.2%;
font-size: 24px;
font-size: 2.4rem;
border-bottom: 1px dotted #392C17;
font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"Sawarabi Mincho",メイリオ,Meiryo,serif;
}
.proNameTit > span {
margin-right: .5em;
font-size: 14px;
font-size: 1.4rem;
}
.proNameTit > small {
margin-left: 2.6em;
font-size: 12px;
font-size: 1.2rem;
color: #C79B1D;
}
.proTxt {
color: #392C17;
float: right;
width: 65.2%;
line-height: 2.2em;
margin-right: 3.2%;
font-size: 140%;
}
.crayTypeName {
float: right;
width: 65.2%;
padding-bottom: 4px;
border-bottom: 1px dotted #332B0C;
margin-right: 3.2%;
margin-bottom: 15px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
}
.crayTypeTxt {
color: #332B0C;
float: right;
width: 65.2%;
margin-right: 3.2%;
padding-bottom: 30px;
font-size: 140%;
}
.aboReco {
background-image: url(../therapy/img/bg_recommended.jpg);
padding-top: 25px;
padding-left: 20px;
}
.aboReco ul li {
float: left;
width: 46%;
padding-right: 3.3%;
margin-bottom: 20px;
}
.crayTypeTit {
margin-bottom: 10px;
padding-left: 10px;
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
color: #c79b1d;
border-left: solid 3px #c79b1d;
}
.crayTypeTxt02 {
font-size: 120%;
line-height: 1.7;
color: #332B0C;
}

@media screen and (max-width: 750px) {
/* ---------- SP用 ---------- */

.menuTit {
font-size: 22px;
font-size: 2.2rem;
}
.menuLis {
margin-bottom: 30px;
}
.menuLis li {
box-sizing: content-box;
float: left;
width: 48%;
margin-bottom: 15px;
padding-right: 0;
}
.menuLis li:nth-child(2n+1) {
padding-right: 4%;
}
.aboCray {
float: none;
width: auto;
margin-left: 0;
margin-bottom: 20px;
}
.aboImg {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 20px;
text-align: center;
}
.aboImg02 {
float: none;
width: auto;
margin-left: 0;
margin-bottom: 20px;
text-align: center;
}
.aboCray02 {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 20px;
}
.crayTypePho {
float: none;
width: auto;
margin-left: 0;
margin-bottom: 15px;
text-align: center;
}
.crayTypeBox {
width: auto;
margin-bottom: 30px;
}
.profileBox {
margin-bottom: 30px;
}
.proPho {
float: none;
width: auto;
text-align: center;
margin-bottom: 15px;
}
.proNameTit {
width: auto;
float: none;
margin-right: 0;
}
.proTxt {
float: none;
width: auto;
margin-right: 0;
}
.crayTypeName {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 15px;
}
.crayTypeTxt {
float: none;
width: auto;
margin-right: 0;
padding-bottom: 20px;
}
.aboReco {
padding: 15px;
}
.aboReco ul li {
float: none;
width: auto;
padding-right: 0;
margin-bottom: 15px;
}

}