@charset "utf-8";

/*-------------------------------------- 共通 */

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.sp {
    display: none;
}

.container {
    width: 1000px;
    margin: 0 auto;
    /*background:#FFF;*/
    position: relative;
    z-index: 10;
    /*font-feature-settings: "palt";*/
}

.container-inner {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0;
}

.container-inner.foot {
    padding-bottom: 0;
}

.under-header {
    padding-top: 100px;
}


/*-------------------------------------- footer */

#page-top {
    bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 20;
}

#page-top a {
    font-size: 24px;
    color: #231815;
}


/**********************************************************各ページ**/


/*-------------------------------------- index */
.intro p{
    text-align: center;
    color:#f0e2d4;
    font-size:24px;
    font-weight: bold;
    padding:60px 0;
}
.outline .container-inner{
    background:#f0e2d4;
    color:#000;
    padding:40px 0;
    text-align: center;
}
.outline h1 img{
    margin:10px 0 50px 0;
}
.part1, .part2{
    padding:30px 0;
}
.part1 h3, .part2 h3{
    margin:30px 0;
}
.part1 h4, .part2 h4{
    font-size:26px;
    font-weight: bold;
    margin:30px 0 20px 0;
}
.part1 p, .part2 p{
    font-size:20px;
    font-weight: bold;
}
.detail .container-inner{
    width:760px;
    padding:60px 0;
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
.detail h2{
    font-size:18px;
    font-weight: bold;
    color:#f0e2d4;
}
.detail p{
    font-size:18px;
    margin:50px 0;
}
.detail p.blue::first-letter {
    font-size: 3.2em;
    line-height: 1;
    color: #7986c1;
    font-weight: bold;
    float: left;
    margin-right: 5px;   
    margin-top:10px;
}
.detail p.red::first-letter {
    font-size: 3.2em;
    line-height: 1;
    color: #b94629;
    font-weight: bold;
    float: left;
    margin-right: 5px; 
    margin-top:10px;   
}
.detail p.tr{
    font-size:14px;
    margin-top:10px;
}
.detail p.sm{
    font-size:14px;
}
.detail h4{
    text-align: center;
    color:#7986c1;
    font-size:28px;
    margin-top:80px;
    font-weight: bold;
}
.footer{
    background:#f0e2d4;
    padding:30px 0;
}
.footer .container-inner{
    width:760px;
    color:#000;
}
.footer p{
    font-size:18px;
}