/**
 * PC用パーツCSS
 *
 * このCSSはタイトル、カラーなど変更すると自動的に更新されます。
 * 変更を加えても問題ありませんが、上記変更にて上書きされますのでご注意ください。
 */

@charset "UTF-8";

h2.tit {
    position: relative;
    padding: .70em 1em .70em 2em;
    border: 1px solid #ccc;
    border-bottom: 3px solid #7a171c;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

h2.tit:after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #7a171c;
    border-radius: 4px;
}
h3.tit {
    padding: .2em .75em .2em 1.8em;
    position: relative;
    border-bottom: 2px solid #7a171c;
    box-sizing: border-box;
}
 
h3.tit:before {
    content: "□";
    font-size: 16px;
    position: absolute;
    color: #7a171c;
    top: 0;
    left: .4em;
    height: 12px;
    width: 12px;
}
 
h3.tit:after {
    content: "□";
    font-size: 16px;
    position: absolute;
    color: #7a171c;
    top: .4em ;
    left: 0;
    height: 12px;
    width: 12px;
}
h2.tit._color1 {
    border-bottom: 3px solid #1B70BE;
}

h2.tit._color1:after {
    background-color: #1B70BE;
}
h3.tit._color1 {
    border-bottom: 2px solid #1B70BE;
}

h3.tit._color1:before {
    color: #1B70BE;
}

h3.tit._color1:after {
    color: #1B70BE;
}

h2.tit._color2 {
    border-bottom: 3px solid #00204E;
}

h2.tit._color2:after {
    background-color: #00204E;
}
h3.tit._color2 {
    border-bottom: 2px solid #00204E;
}

h3.tit._color2:before {
    color: #00204E;
}

h3.tit._color2:after {
    color: #00204E;
}

h2.tit._color3 {
    border-bottom: 3px solid #DC143C;
}

h2.tit._color3:after {
    background-color: #DC143C;
}
h3.tit._color3 {
    border-bottom: 2px solid #DC143C;
}

h3.tit._color3:before {
    color: #DC143C;
}

h3.tit._color3:after {
    color: #DC143C;
}

h2.tit._color4 {
    border-bottom: 3px solid #A10800;
}

h2.tit._color4:after {
    background-color: #A10800;
}
h3.tit._color4 {
    border-bottom: 2px solid #A10800;
}

h3.tit._color4:before {
    color: #A10800;
}

h3.tit._color4:after {
    color: #A10800;
}

h2.tit._color5 {
    border-bottom: 3px solid #FF7700;
}

h2.tit._color5:after {
    background-color: #FF7700;
}
h3.tit._color5 {
    border-bottom: 2px solid #FF7700;
}

h3.tit._color5:before {
    color: #FF7700;
}

h3.tit._color5:after {
    color: #FF7700;
}

h2.tit._color6 {
    border-bottom: 3px solid #FF9900;
}

h2.tit._color6:after {
    background-color: #FF9900;
}
h3.tit._color6 {
    border-bottom: 2px solid #FF9900;
}

h3.tit._color6:before {
    color: #FF9900;
}

h3.tit._color6:after {
    color: #FF9900;
}

h2.tit._color7 {
    border-bottom: 3px solid #008000;
}

h2.tit._color7:after {
    background-color: #008000;
}
h3.tit._color7 {
    border-bottom: 2px solid #008000;
}

h3.tit._color7:before {
    color: #008000;
}

h3.tit._color7:after {
    color: #008000;
}

h2.tit._color8 {
    border-bottom: 3px solid #004F3C;
}

h2.tit._color8:after {
    background-color: #004F3C;
}
h3.tit._color8 {
    border-bottom: 2px solid #004F3C;
}

h3.tit._color8:before {
    color: #004F3C;
}

h3.tit._color8:after {
    color: #004F3C;
}

h2.tit._color9 {
    border-bottom: 3px solid #040406;
}

h2.tit._color9:after {
    background-color: #040406;
}
h3.tit._color9 {
    border-bottom: 2px solid #040406;
}

h3.tit._color9:before {
    color: #040406;
}

h3.tit._color9:after {
    color: #040406;
}

h2.tit._color10 {
    border-bottom: 3px solid #4D4D4D;
}

h2.tit._color10:after {
    background-color: #4D4D4D;
}
h3.tit._color10 {
    border-bottom: 2px solid #4D4D4D;
}

h3.tit._color10:before {
    color: #4D4D4D;
}

h3.tit._color10:after {
    color: #4D4D4D;
}