@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Zen+Old+Mincho:wght@400&display=swap');
.fontM{font-family: 'Noto Serif JP', serif;font-weight: 400; line-height: 1.6em;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

#pageTop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
}
#pageTop a {
display: block;
width: 57px;
width: 100%;
height: 100%;
transition: .3s;
}
#pageTop a:hover { opacity: .6;}
#pageTop img{width: 57px;}

html {
  height: -webkit-fill-available;
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
/* html/body
------------------------------------------------- */
html{width: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}

body {
font-family: 'Zen Kaku Gothic New', sans-serif;text-align: center;
position: relative;width: 100%;font-weight: 400;font-size: 16px;font-size: 1.6rem;line-height: 1.8;color: #222;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x: hidden;position: relative;transition: 0.4s;overflow-x: hidden;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;/*Chrome,Safari*/-ms-text-size-adjust: 100%;/*EgdeMobile*/-moz-text-size-adjust: 100%;/*firefox*/}
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
body {font-size: 14px;font-size: 1.4rem;}
}



#header{}
#header img{width: 100%;height: auto}


#body_degitaldoor{padding:66px 0;}
#body_degitaldoor h3{margin:80px 0 12px;border: 1px solid #1d2b53;color: #1d2b53; padding: 12px 0;font-size: 28px;letter-spacing: 0.1em;text-indent: 0.1em}
#body_degitaldoor .point{margin-top: 20px}
#body_degitaldoor .red{margin-top: 12px;color: #ff0000;text-align: left}
#body_degitaldoor .img{margin-top: 80px;}
#body_degitaldoor .img p{font-size: 20px; margin-bottom: 12px}

#body_degitaldoor .bouhan{position: relative}
#body_degitaldoor .bouhan p{padding: 20px 0}
#body_degitaldoor .bouhan:after{content: "";    height: 100%;    width: 1px;    display: block;    position: absolute;    top: 0;    left: 50%;    background: #036eb8;}
#body_degitaldoor .bouhan p.line{border-bottom: 1px solid #036eb8;padding-bottom: 40px;}
/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_degitaldoor{padding:40px 0;}
#body_degitaldoor .ttl h2{width: 100%;margin: 0 auto 20px}
#body_degitaldoor .ttl p{width: 50%;margin: auto}
#body_degitaldoor .img{margin-top: 40px;}
#body_degitaldoor .img p{font-size: 16px; margin-bottom: 12px}
#body_degitaldoor h3{margin:40px 0 12px;border: 1px solid #1d2b53;color: #1d2b53; padding: 12px 0;font-size: 15px;letter-spacing: 0.1em;text-indent: 0.1em}
p.txtL{font-size: 10px}
#body_degitaldoor .point{width: 80%;margin: 20px auto 0}
#body_degitaldoor .point li{margin-bottom: 20px}
.red{width: 80%;margin: 12px auto 0}
#body_degitaldoor .bouhan .col2{width: 100%}
#body_degitaldoor .bouhan:after{width: 0px;}
#body_degitaldoor .bouhan p{border-bottom: 1px solid #036eb8;padding-bottom: 40px;}
}



@media print{
.body_area_inner{width: 90%;margin: auto}
#body_degitaldoor img{max-width: 100%;height: auto}
#body_degitaldoor .point1 li{width: 31%;}
#body_degitaldoor .point2 li div:nth-of-type(2){width: 28%}
}

#annotation_area{
width:100%;font-size:11px;line-height:15px;padding:60px 0 25px;text-align: left}
#annotation_area .ind{margin-left:1em;margin-bottom:10px;text-indent:-1em;}


/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
#body_degitaldoor .body_area_inner{width: 96%;margin: auto}
}





/* ---------------------------------------------------------------------
 * フッター　サイト共通メニュー
 * --------------------------------------------------------------------- */
#common_footer_area{ width: 100%; min-width: 1200px; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 1200px; margin: 16px auto 0; border-left: 1px solid #333; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:0; text-align: center; font-size: 12px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: 1px solid #333; flex-grow: 2; flex-shrink: 0;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 20px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 30px; margin-bottom: 20px; text-align: center; font-size: 11px;}


@media screen and (max-width:767px){/*スマホ設定*/
#common_footer_area{ width: 100%; min-width: 100%; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 96%; margin: 10px auto 16px; border-left: none; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:6px 0; text-align: center; font-size: 11px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: none;}
#common_footer_menu_list li a{ text-decoration: underline;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 10px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 15px; margin-bottom: 10px; text-align: center; font-size: 11px;}
}