@charset "utf-8";

/* 今回、時間がなくて、すごく雑なCSSで本当に申し訳ないです＞＜ */


/* てけとリセット */

html {
    font-size        : 62.5%;
}

h1, html, body, div, p, ul, li {
    margin           : 0;
    padding          : 0;
}

h1 {
    font-size        : 100%;
    font-weight      : 400;
}

b {
    font-weight      : 700;
}

hr {
    border           : 0;
    margin           : 0.8em 0em;
    border-top-style : dotted;
    border-top-color : #000000;
    border-top-width : 3px;
}

/* てけと基本 */

body {
    padding          : 15px 10px;
    font-size        : 1.6em;
    line-height      : 150%;
}

li {
    font-size        : 14px;
    font-size        : 1.4rem;
}

a {
    text-decoration  : none;
}

.usu_invisible {
    display          : none;
}

/* 画像 */

.img_border img, .table_border img {
    border           : solid 1px #000000;
}

p.img_noborder, p.img_border {
    margin           : 1.5em 0;
    text-indent      : 0px;
}

.img_noborder, .img_border {
    text-align       : left;
}

.img_container>.img_noborder, .img_container>.img_border {
    float            : left;
    margin           : 0px 0px 0px 5px;
}

.img_top {
    vertical-align   : top;
}

.img_container>.img_noborder:first-child, .img_container>.img_border:first-child {
    margin           : 0;
}

.img_container {
    padding          : 10px 10px 20px;
    overflow         : hidden;
    text-align       : left;
    /* background-color:#edfeda; border:1px solid #000000; */
}

/* バナー */

p.ai_bn img {
    width : 100%;
    height: auto;
}

/* タイトル部分 */

.header {
    background : #F2F2F2;
    padding    : 10px;
    overflow   : hidden;
}

.title {
    padding-right : 40px;
    padding-left  : 40px;
}

.title_image {
    float        : left;
    margin-right : 10px;
}

.title_image img {
    border-radius: 40px;
    -moz-border-image: border-radius: 40px;
    -webkit-border-image: border-radius: 40px;
}

.title_summary {
    overflow : hidden;
}

h1.ai_title {
    font-family   : Roboto, Arial, sans-serif;
    font-size     : 20px;
    font-weight   : 700;
    height        : 30px;
    max-height    : 90px;
    width         : 584.484px;
}

p.ai_number {
    color       : rgba(17, 17, 17, 0.6);
    display     : inline;
    font-family : Roboto, Arial, sans-serif;
    font-size   : 14px;
    font-weight : 400;
    height      : auto;
    line-height : 21px;
    width       : auto;
}

p.ai_t {
    float        : right;
    color        : #FFF;
    background   : #FF0000;
    padding      : 0.5em 1em;
    font-size   : 14px;
}

p.ai_t a:link    { color: #FFF; }
p.ai_t a:visited { color: #FFF; }
p.ai_t a:hover   { color: #FFF; }
p.ai_t a:active  { color: #FFF; }


/* 見出し部分 */

p.upload, H1.content, P.content {
    color: var(--yt-primary-color);
    display: block;
    max-height: 2rem;
    overflow: hidden;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
}

H1.content, P.content {
    margin: 30px 0px 10px;
}

/* 動画紹介部分 */

.movie {
    margin-top : 30px;
    padding    : 10px 10px 10px;
}

.mov_title {
    color : rgb(17, 17, 17);
    font-family : Roboto, Arial, sans-serif;
    font-size : 14px;
    font-weight : 500;
    height : 32px;
    line-height : 16px;
    max-height : 32px;
    text-decoration-color : rgb(17, 17, 17);
    text-decoration-line : none;
    text-decoration-style : solid;
    white-space:normal ;
    width : 186px;
}

.mov_data {
    color : rgba(17, 17, 17, 0.6);
    font-family : Roboto, Arial, sans-serif;
    font-size : 13px;
    font-weight : 400;
    height: 18px;
    line-height:18px;
}

/* ごあいさつ */

.ai_sub_txt li {
    font-size   : 13px;
    font-weight : 400;
    margin-top          : 0.6em;
    margin-left         : 1em;
    list-style-type     : circle;
    list-style-position : outside;
}

/* 本文 */

.ai_column IMG {
    vertical-align : text-bottom;
}

.ai_news, .ai_sub {
    padding    : 10px 10px 10px;
}

DIV.ai_last {
    padding    : 20px 10px 0px 10px;
}

.ai_column {
    max-width  : 820px;
    background : #F2F2F2;
    padding    : 1em;
}

DIV.ai_column>p {
    font-size   : 13px;
    font-weight : 400;
    margin-top  : 1.2em;
}

/* ボタン */

.ai_foot {
    margin-top : 5px;
    max-width  : 820px;
    text-align : right;
}

/* 幅が狭いとき */

@media only screen and (max-width:850px)
{
    img.face {
         width        : 100%;
        height        : auto;
    }
}

@media only screen and (max-width:480px)
{
    .visible_only_normal, .ai_t {
        display       : none;
    }
}