@charset "utf-8";

/* =======================================
	CommonElements
======================================= */

body {
	width:100%;
	color: #000;
	text-align: center;
	scroll-behavior: smooth;
}

@media screen and (max-width:320px) {
    body{font-size: 0.8em;}
}

@media screen and (min-width:321px)  and (max-width:479px) {
    body{font-size: 1em;}
}

@media screen and (min-width:480px) and (max-width:1365px) {
    body{font-size:1vw;}
}

@media screen and (min-width:1366px) {
    body{font-size: 1em;}
}


h1 img,h2 img,h3 img,h4 img,h5 img{
    width:100%;
    margin:0;
    padding:0;
}

/*---font---*/


body{ 
	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}

img{
    user-select: none;
}

/*---link---*/

a:link { text-decoration:underline; color: #3553bb;}
a:visited { text-decoration:underline; color: #3553bb;}
a:active { text-decoration:underline; color: #3553bb;}
a:hover { text-decoration:none; color: #3553bb;}

a img{
    transition:0.5s;
    border-style:none;
}

a img:hover{
    opacity:0.5;
}

/*---list---*/
ul{
	margin:0;
	padding:0;
}

ul li{
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.notes{
    text-align: left;
}

ul.notes li{
    display:block;
    text-indent:-1em;
    margin:0 0 0.8em 2em;
    line-height:1.2em;
}

.p_notes{
    display:block;
    text-indent:-1em;
    margin:0 0 0.8em 1em;
    line-height:1.3em;
}

ul.notes li::before,
dd.notes::before,
.p_notes::before{
    content:"※";
    color:#b51440;
}

ul.items{
    text-align: left;
}

ul.items li{
    display:block;
    text-indent:-1em;
    margin:0 0 0.8em 2em;
}

ul.items li::before{
    content:"・";
}

span.blue{
    font-size:1.0em!important;
    color:#29abe2;
}

/*---fontSize---*/

p{line-height:1.2em;}

.txt-xxl{font-size:1.5em}
.txt-xl{font-size:1.3em}
.txt-l{font-size:1.2em}
.txt{font-size:1.0em}
.txt-m{font-size:0.9em}
.txt-mm{font-size:0.8em}
.txt-s{font-size:0.7em}
.txt-ss{font-size:0.6em}

.txt-xxl_b{font-size:1.5em;font-weight:bold}
.txt-xl_b{font-size:1.3em;font-weight:bold}
.txt-l_b{font-size:1.2em;font-weight:bold}
.txt_b{font-size:1.0em;font-weight:bold}
.txt-m_b{font-size:0.9em;font-weight:bold}
.txt-mm_b{font-size:0.8em;font-weight:bold}
.txt-s_b{font-size:0.7em;font-weight:bold}
.txt-ss_b{font-size:0.6em;font-weight:bold}

.space-nar{letter-spacing:-0.1em}
.space-wide{letter-spacing:0.5em}

/*COLOR*/
.bro{
    color:#754C24;
}


/*BUTTON*/

button {
  padding: 0;
  border: none;
  background: transparent;
}

button img {
  display: block;
}

/*DISPLAY*/
.cb{
	clear:both;
}

.dn{
	display: none;
}

.spdn{
	display:none;
}

.pcdn{
	display:none;
}

/*BUTTON RESET*/
button {
  padding: 0;
  border: none;
  background: transparent;
}

button img {
  display: block;
}

button:active,
button img {
  position: relative;
}

button::-moz-focus-inner {
  padding: 0;
  border: none;
}

/*SECTION BACKGROUND*/

section{
    width:100%;
    margin:0;
    padding:0;
    position:relative;
}

section#top{
    -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
}
section#cont1{
    background:#F7F0E0;
}
section#cont2{
    background:#FFFFFF;
}
section#cont3{
    background:#D7E6F9;
}
section#cont4{
    background:#FFFFFF;
}
section#cont5 div{
    background:#F0E0C0;
}