@charset "utf-8";
@font-face{ 
	font-family: 'myWebFont'; /* お好きな名前にしましょう */
	src: url('../font/optima.eot'); /* IE9以上用 */
	src: url('../font/optima.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
		url('../font/optima.woff') format('woff'), /* モダンブラウザ用 */
		url('../font/optima.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    font-style: normal;
	-webkit-box-sizing: border-box;       -moz-box-sizing: border-box;         -o-box-sizing: border-box;
}

html {
    overflow-y: scroll;
    height: 100%;
    font-size: 62.5%;
	scroll-behavior: smooth;
	
}

table {
    empty-cells: show;
    font-size: 100%;
}

caption,
th {
    text-align: left;
}

object,
embed {
    vertical-align: top;
}

hr,
legend {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    margin: 0em;
}

img {
    border: none;
    vertical-align: bottom;
}

li {
    list-style: none;
}

p {
    text-align: justify;
    text-justify: inter-ideograph;
}

input {
    padding: 1px;
	 font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

textarea {
    width: 98%;
    vertical-align: top;
    padding: 2px;
    overflow: auto;
    font-size: 100%;
}

option {
    padding-right: 10px;
}

* + html option {
    padding-right: 0;
    /* for IE7&Opera */
}

* html option {
    padding-right: 0;
    /* for IE6 */
}

acronym,
abbr {
    cursor: help;
}

span {
    display: inline-block;
}
img {
    width: 100%;
	height: auto;
}

/* Body setting
----------------------------------------------------------- */
body {
    color: #000;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.0rem;
    height: 100%;
    background-attachment: fixed;
}


/* Link setting
----------------------------------------------------------- */
a:link {
    color: #000;
	text-decoration: none;
}



a:visited {
    color: #000;
}

a:hover {
    color: #12689d;
}

a:active {}

/* clearfix
----------------------------------------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}