@import (once) "../../css/default.less";
@import (once) "../../css/font.less";


/* 大見出し 背景 h1（h3）  ///////////////////////*/
.text_title{

h1{
padding:2rem .5rem;
background:@bg1;
width:100%;
.oh;
}

}

h1 p, h1 span{
.tac;
.wa;
.ffgm;
font-size:1.3rem;
line-height:1.75rem;
letter-spacing:.05rem;
}


/* 中見出し 中央 h2（h4） ///////////////////////*/
h2 p, h2 span{
.tac;
.ffgm;
color:@wine1;
font-size:1.45rem;
line-height:2rem;
}

.text_title{
h2{
padding:4rem 0 1rem 0;
}
}

h2:after{
content:"";
.db;
width:4rem;
border-top:4px @pink solid;
margin:3rem auto;
}


/* h3 ///////////////////////*/
h3{
.tal;
font-size:1.15rem;
line-height:1.45rem;
}


/* template ///////////////////////*/
.template{
padding:0;

section{
}

dl, .dl{
.dt;
margin:0 0 0 0;
}

dd, .dd{
.dtc;
.vat;
width:50%;
}

dd:nth-child(1),
.dd:nth-child(1){
padding:0 1rem 0 0;
}

em{
.db;
.ffgm;
padding:0 0 2rem 0;
font-size:1.3rem;
}

ul{
.dt;
width:100%;
}
li{
.dtc;
width:50%;
padding:.3rem;
}
li img{
.oh;
.r(.5rem);
border:1px #EFEFEF solid;
}
li p{
.nw;
.tac;
padding:1rem 0 0 0;
}

}


@media(max-width:@w2){
.template{

dl, .dl{
.db;
margin:0 0 0 0;
}

dd, .dd{
.db;
width:auto;
}

dd:nth-child(1),
.dd:nth-child(1){
padding:0 0 1rem 0;
}

}
}