/*
 * コンセプトページ専用（旧サイトのページ別CSS「concept」を新しいクラス名に置き換えて引き継ぎ）
 */

.concept { max-width: 660px !important; margin: 40px auto 50px;}
p.concepttxt { font-size: 14px; line-height: 30px; letter-spacing: 2px;}

/*コンセプト*/
.col--1-2.concept1 {
    padding-right: 20px;
    padding-left: 10px;}
.col--1-2.concept2 {
    padding-right: 10px;
    padding-left: 20px;}
.col--1-2.concept12 {
    padding-left: 20px;}
.col--1-2.concept22 {
    padding-right: 20px;}


@media screen and (max-width: 800px){
.col--1-2.concept1 {
    padding-right: 10px;
    padding-left: 10px;}
.col--1-2.concept2 {
    padding-right: 10px;
    padding-left: 10px;}
.col--1-2.concept12 {
    padding-left: 0px;}
.col--1-2.concept22 {
    padding-right: 0px;}}

h3.concept1 { letter-spacing: 6px !important; text-align: center; margin-top: 0px !important; color: #7B4E17 !important; font-size:17px !important;}
p.concepttxt1 { font-size: 14px; line-height: 27px; margin-bottom: 0px; letter-spacing: 2px;}

h3.concept1:after { content: ''; display: block; margin: 14px auto 24px auto; text-align: center; width: 60px; height: 2px; background-color: #7B4E17; }

/* ボタン（旧サイトでは字間・余白の指定は Avada の設定に負けて効いておらず、幅と上の余白だけが効いていた） */
.btnconcept1,
.btnconcept2 {
    width: 180px;
    margin-top: 30px;
}