@import 'header.css';
@import 'menu.css';
@import 'footer.css';
@import 'main.css';
/* @import 'contents.css'; */
/* @import 'content_banner.css'; */
@import 'lang.css';
/* @import 'line.css'; */
/* @import 'bread_crumbs.css'; */

:root{
  --size-header:60px;
  --size-aside:200px;
  --size-footer:250px;
  --size-bg-ougi:180px;

  --color-menu-1: #2A275E;
  --color-menu-2: #137FC4;
  --color-gradient:linear-gradient(to right , var(--color-menu-1), var(--color-menu-2));

  --color-1:#343776;
  --color-1a:#343776CC;
  --color-2:#137FC4;
  --color-3:#4FB534;
  --color-4:#FCC705;
  --color-5:#FFFFFF;
  --color-6:#F6C72D;
  --color-7:#9BBD25;
  --color-8:#42A954;
  --font-1:#000000;
  --font-2:#FFFFFF;
  
  --design-1:#ff7d81;
  --design-2:#f19148;
  --design-3:#ffcb00;
  --design-4:#6fd119;
  --design-5:#25af8f;
  --design-6:#44c0bf;
  --design-7:#7a99ee;
  --design-8:#aa89bd;
  --design-9:#d976bb;
}

html,body{
  margin:0;
  padding:0;
  /* height:100%; */
}

html{
  scroll-behavior: smooth;
  overflow-y: scroll;
}
body{
  height:calc(100% - var(--size-header) * 2);
}
@media(max-width:768px){
  body{
    height:calc(100% - var(--size-header) * 1);
  }
}

*, *:before, *:after {
  -webkit-box-sizing : border-box;
     -moz-box-sizing : border-box;
       -o-box-sizing : border-box;
      -ms-box-sizing : border-box;
          box-sizing : border-box;
  font-size:14px;
}

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

ul,li{
  list-style:none;
  margin:0;
  padding:0;
}
.flex{
  display:flex;
}

img{
  max-width:100%;
}

.text{
  white-space:pre-wrap;
  word-break:break-all;
}
.center{
  text-align:center;
}

h1{
  font-size:2.4em;
}

h2{
  --size-font:1.8em;

  font-size:var(--size-font);
  display:flex;
  align-items:center;
  justify-content:start;
  font-weight:normal;
  margin:80px 0 50px;
}
h2::before{
  content:'';
  display:inline-block;
  width:var(--size-font);
  height:var(--size-font);
  border-radius:4px;
  background-color:#FDD130;
  margin-right:10px;
}

h3{
  --size-font:1.4em;

  font-size:var(--size-font);
  display:flex;
  align-items:center;
  justify-content:start;
  font-weight:normal;
  margin:50px 0 30px;
}
h3::before{
  content:'';
  display:inline-block;
  width:var(--size-font);
  min-width: var(--size-font);
  height:var(--size-font);
  border-radius:4px;
  background-color:#FDD130;
  margin-right:10px;
}

section{
  width:1200px;
  max-width:90%;
  margin:0 auto;
}

.message{
  white-space:pre-wrap;
  word-break:break-all;
  letter-spacing:0.2em;
  line-height:1.8;
}