#concept .concept img{width:100%}#concept .concept .fade-img{padding-top:41.6%;position:relative;overflow:hidden}#concept .concept .fade-img img{position:absolute;top:0;left:0;display:block}#concept .concept .inner{padding-top:0.5em;padding-bottom:3em}#concept .concept .inner .flex .col{padding:1rem}#concept .concept .inner .flex .col .sub_headline{font-size:1.8rem;font-weight:bold;color:inherit;margin-bottom:0}#concept .concept .inner .flex .col p{line-height:2}#concept .concept:nth-child(1){color:#fff;background-color:#333}@media screen and (min-width: 768px){#concept .concept .inner .flex .col:nth-child(1){width:30%}#concept .concept .inner .flex .col:nth-child(2){width:70%}}#history .history{padding:3em 0}#history .history:nth-child(even){background:#f9f9f9}#history .history .inner .flex .col:nth-child(2){border-left:#ddd dashed 1px;padding-left:1em}#history .history .inner .flex .col .the-year{font-size:3.2rem;line-height:1}#history .history .inner .flex .col .the-year .small{color:#999;display:block}#history .history .inner .flex .col .cf img{margin-right:1em}#history .history .inner .flex .col .cf p{margin-bottom:0}#history .history.\32 000 .inner .flex .col:nth-child(2){line-height:2}#history .history.\32 000 .inner .flex .col:nth-child(2)>p{margin-bottom:0.5em}@media screen and (min-width: 768px){#history .history .inner .flex .col:nth-child(1){width:18%}#history .history .inner .flex .col:nth-child(2){width:82%;padding-left:3em}#history .history .inner .flex .col:nth-child(2) .figure{float:left}#history .history.\31 987 .sentence,#history .history.\32 000 .sentence{margin-left:31.5rem}}@media screen and (min-width: 768px){#greeting .greeting .inner .flex{margin-right:-2em;margin-left:-2em}#greeting .greeting .inner .flex .col{width:50%;padding:0 2em}}#inquiry .inner{max-width:600px}#inquiry .inner .form select{font-family:inherit;font-size:16px;font-size:1.6rem;color:#333;line-height:34px;vertical-align:middle;height:44px;padding:5px 10px;border:none}#inquiry .inner .form input[type='text'],#inquiry .inner .form input[type='email'],#inquiry .inner .form input[type="tel"],#inquiry .inner .form select,#inquiry .inner .form textarea{background:#fff;width:100%;border-bottom:#ddd solid 1px}#inquiry .inner .form input[type='radio'],#inquiry .inner .form input[type='checkbox']{width:22px;height:22px;vertical-align:middle}#inquiry .inner .form input[type="submit"]{background:#333;margin-top:1em}#inquiry .inner .form .flex .col,#inquiry .inner .form .flex .row{width:100%;padding:1em}@media screen and (min-width: 768px){#inquiry .inner .form .flex{margin-right:-1em;margin-left:-1em}#inquiry .inner .form .flex .col{width:50%}}#privacy-policy .inner h2{font-size:2.4rem;color:#c30;text-align:center;margin-bottom:40px}#privacy-policy .inner h3{font-size:2.0rem;color:#333;margin-top:60px;margin-bottom:10px;padding-left:24px;position:relative;line-height:1.6}#privacy-policy .inner h3:before{position:absolute;top:0;bottom:0;left:0;content:"";display:block;width:14px;height:14px;margin:auto;background:#c30}#privacy-policy .inner p{line-height:2;margin-bottom:1em}#privacy-policy .inner table{line-height:1.5;letter-spacing:0;margin-bottom:30px}#privacy-policy .inner table tr th{background-color:#f6f6f6;font-weight:bold;text-align:center;border:1px solid #eee;padding:5px 20px}#privacy-policy .inner table tr td{text-align:center;vertical-align:middle;border:1px solid #EEE;padding:5px 0 5px 20px}#privacy-policy .inner table tr td:first-child{text-align:left}@media screen and (min-width: 768px){#privacy-policy .inner table tr th{padding:10px 20px}#privacy-policy .inner table tr td{padding:10px 0 10px 20px}}#blog .inner main article{border-bottom:#ddd solid 1px;padding-top:2em;padding-bottom:2em}#blog .inner main article header .h2{font-size:2rem;font-weight:bold;margin-bottom:0}#blog .inner main article header .post-meta{font-size:1.4rem}#blog .inner main article header .post-meta time{margin-right:2em}#blog .inner main article .post{padding-top:1em}#blog .inner main .pagenav{margin-top:1em;margin-bottom:1em;justify-content:space-between}#blog .inner main .pagenav a{font-weight:bold;text-decoration:none}#blog .inner aside section{margin-bottom:2em}#blog .inner aside section .h3{font-size:1.8rem;font-weight:bold;margin-bottom:1em;border-bottom:#ddd solid 1px}#blog .inner aside section.latest-posts article{line-height:1.2;padding-top:1em;padding-bottom:1em;border-bottom:#ddd dashed 1px}#blog .inner aside section.latest-posts article .h4{margin-bottom:0.5em}#blog .inner aside section.latest-posts article .h4 a{font-size:1.6rem;font-weight:bold;text-decoration:none}#blog .inner aside section.latest-posts article .post-meta time{font-size:1.2rem;margin-right:1em}#blog .inner aside section.latest-posts article .post-meta .categories{font-size:1.2rem}#blog .inner aside section.latest-posts article:nth-child(2){padding-top:0}#blog .inner aside section.archive select{background:#fff;width:100%;font-family:inherit;font-size:16px;font-size:1.6rem;color:#333;line-height:34px;vertical-align:middle;height:44px;padding:5px 10px;border:#ddd solid 1px}#blog:not(.single) .inner main{line-height:1.5}#blog:not(.single) .inner main .h2{font-size:2rem;font-weight:bold;margin-bottom:0.5em}#blog:not(.single) .inner main .post-meta{font-size:1.4rem}#blog:not(.single) .inner main .post-meta time{margin-right:2em}#blog:not(.single) .inner main .content p{margin:0.5em 0}#blog:not(.single) .inner main .pagenation{padding:2em 0}#blog:not(.single) .inner main .pagenation span,#blog:not(.single) .inner main .pagenation a{text-decoration:none;border:1px solid #666;padding:0.5em 0.8em;margin:0.2em}#blog:not(.single) .inner main .pagenation span.current,#blog:not(.single) .inner main .pagenation a.current{color:#fff;background:#666}@media screen and (min-width: 768px){#blog .inner main{width:70%;padding:0 1.5em}#blog .inner aside{width:30%;padding:0 1.5em}}

/*
 * YouTube 埋め込み動画のスタイル
 * --------------------------------------------------
 */

.youtube-container {
    /* 画面幅いっぱいに表示し、余白をなくす */
    width: 100vw;
    margin-left: calc(50% - 50vw); /* 画面中央を基準に左右の余白を打ち消す */
    
    /* 【変更箇所】: 上下のマージンを50pxに設定します */
    margin-top: 50px;    /* 歴史コンテンツの下に隙間を空ける */
    margin-bottom: 50px; /* ニュースコンテンツの上に隙間を空ける */
    
    /* レスポンシブ対応 (16:9 アスペクト比を維持) */
    position: relative;
    padding-top: 1%; /* 9 / 16 * 100% = 56.25% */
    overflow: hidden;
}

.youtube-video {
    /* コンテナ全体に広がるように配置 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* iframeの枠線を削除 */
}