@charset "utf-8";

/* ========================================
foundation
======================================== */

/* 1rem = 10pxにする */
html {
  font-size: 62.5%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

/* 
  基本のフォント設定
*/

body {
  margin: 0;
  background: #00477f;
  color: #333;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.6rem;
  word-break: break-word;
  font-variant-ligatures: none;
  font-family: YakuHanJPs,'Roboto', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}

/* 基本リンク色指定 */

a:link {
  color: #1f8cd3;
}

a:visited {
  color: #643f77;
}

ul {
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
  vertical-align:bottom;
}

table {
  border-collapse: collapse;
}
tr {
  vertical-align: top;
}

th {
  text-align: left;
}

figure {
  margin: 0;
}

td,
li,
p {
  word-break: break-word;
}

ol {
  padding-left: 1.2em;
}

small {
  font-size: inherit;
}

p {
  margin: 0 0 1.6rem;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  font-family: inherit;
  font-size: 100%;
  padding: 0;
}

/* 選択範囲色指定 */
::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
}

::selection {
  background-color: #b3d4fc;
  color: #000000;
}


/* ========================================
Others
======================================== */


/* ホバー効果 */
a {
  transition: 0.5s;
}

a:hover {
  opacity: 0.6;
}

/* 埋め込みコード非表示 */
iframe[name='google_conversion_frame']{
  position:absolute;
  pointer-events:none;
  bottom:0;
  right:0;
}