@charset "utf-8";
/* ================================================================================
色設定
================================================================================ */

/* 更新履歴 */
div.info hgroup h2 { color:#fff; }
div.info hgroup p a:link, div.info hgroup p a:visited { color:#fff; }
div.info hgroup p a:active, div.info hgroup p a:hover { color:#fcc800; }
div.info div.news_area { background-color:#fff; border:1px solid #efefef; box-shadow:inset 2px 2px 2px #ccc; }
div.info div.news_area ul li { border-bottom:solid 1px #ddd; }
div.info div.news_area ul li a:link, div.info div.news_area ul li a:visited { background-color:transparent; }
div.info div.news_area ul li a:active, div.info div.news_area ul li a:hover {  }
div.info div.news_area ul li:nth-child(odd) a:link, div.info div.news_area ul li:nth-child(odd) a:visited { background-color:#f0f6da; }
div.info div.news_area ul li:nth-child(odd) a:active, div.info div.news_area ul li:nth-child(odd) a:hover {  }
div.info div.news_area ul li a div.samune_ph { border:1px solid #ccc; }

@media only screen and (min-width:600px) { 
/* タブレット版記述 */

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

}

/* ================================================================================
汎用設定CSS
================================================================================ */

/* イントロ */
div.intro div.table { height:726px; }
/* div.main_image { background-image:url("../img/backgroundimage.jpg"); margin:auto; height:726px; width:960px; } */
div.main_image { position:relative; z-index:1; }
img.illustration { position:absolute; top:50vh; right:-250px; transform:translate(0,-50%); }
img.download { position:absolute; top:calc( 50vh + 90px ); right:-250px; transform:translate(0,-50%); }
img.download2 { position:absolute; top:calc( 50vh + 180px ); right:-250px; transform:translate(0,-50%); }

div.top_enq { background-color:#fddc73; }
div.top_enq p { font-size:20px; font-weight:800; text-align:center; }
div.top_enq p a { background-color:#54b5ec; color:#fff352; display:block; padding:10px; }
ul.top_enp_flex { display:flex; justify-content:space-around; align-items:stretch; padding:10px; margin:auto; max-width:960px; width:100%; }
ul.top_enp_flex li { font-weight:500; display:table; text-align:center; padding:0 10px; width:50%; }
ul.top_enp_flex li a { background-color:#fff; border-radius:10px; color:#609a3d; display:table-cell; padding:10px 15px; margin:auto; box-shadow:0 2px 5px #555; height:100%; width:90%; vertical-align:middle; }

/* 更新履歴 */
div.info hgroup { background-image:url("../img/header_back.png"); border-radius:10px; display:flex; justify-content:space-between; align-items:center; padding:10px 20px; position:relative; margin:0 0 30px 0; z-index:1;color:white;}
div.info hgroup div.sankaku { display:grid; position:absolute; bottom:-20px; left:60px; height:calc(tan(60deg) * 60px / 2); width:60px; clip-path:polygon(50% 0, 100% 100%, 0 100%); background-image:url("../img/header_back.png"); transform:rotate(180deg); z-index:-1; }
div.info hgroup h1 { font-size:2rem; }
div.info hgroup h2 { font-size:2rem; }
div.info hgroup p { font-size:1.8rem; }
div.info hgroup p a::before, p.oldpage a::before { content:''; background-image:url("../img/arrow_r.svg"); background-size:contain; background-position:center center; display:inline-block; vertical-align:middle; margin:0 .5rem 0 0; height:25px; width:25px; }
div.info hgroup p a:link, div.info hgroup p a:visited { text-decoration:none; }
div.info hgroup p a:active, div.info hgroup p a:hover { text-decoration:underline; }
div.info div.news_area { border-radius:10px; padding:25px 30px; }
div.info div.news_area ul { overflow-y:scroll; scrollbar-width:thin; height:300px; }
div.info div.news_area ul li a { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; }
div.info div.news_area ul li a div.samune_ph { aspect-ratio:16/9; box-sizing:border-box;  overflow:hidden; margin:0 10px 0 0; height:auto; width:80px; }
div.info div.news_area ul li a p.date { padding:0 50px 0 0; width:120px; }
div.info div.news_area ul li a p.news_txt { width:calc( 100% - 275px ); }
div.info div.news_area ul li a p.arrow { align-self:center; padding:0 0 0 25px; width:75px; }
p.oldpage { margin:20px 0 0 0; }
p.oldpage a { background-image:url("../img/header_back.png"); border-radius:10px; color:#fff; display:inline-block; padding:10px 20px; }

@media only screen and (min-width:600px) { 
/* タブレット版記述 */

}

@media only screen and (min-width:1025px) { 
/* PC版記述 */

}