@charset "UTF-8";

/* テキストの自動拡大を無効化 */

html {
   overflow-y: scroll;
}

body {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* ページ全体の設定 */
body {
  margin: 0;
}

/* ▼リサイズイメージ */

.resizeimage {margin-top: 0;
               margin-bottom: 0}

@media (max-width: 599px) {
   img.miniimage {display: block;}
   img.bigimage  {display: none;}
   img.largeimage  {display: none;}
}

.resizeimage img {width: 100%;}


.link             {font-size: 1em}


.title       {text-align: center}


body   {color: #444444;
        background-color:#f5f5f5;
        font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif}


/* ▼max-width: 800px; */


.container    {
   max-width: 800px;
   background-color:#f5f5f5;
   margin-left: auto;
   margin-right: auto;
}

.column {
   flex-direction: column;
}


header    {
   width: 100%;
   height: 100px;
   text-align: right}

header img {
   margin-right: 12px;
}


h1     {font-size: 20px;
        color: #000000;
        font-weight: bolder;
        margin-bottom: 0}

p      {font-size: 13px;
         color: #444444;
         line-height:2}



a:link   {font-size: 13px;
          color: #043c78;
          text-decoration: none}

a:visited  {color: #043c78}

a:hover  {text-decoration: underline}


/* ▼メニューバー */
nav {
  background-color: #005e73;
}

ul                {list-style-type: none;
                   background-color: #005e73;
                   margin: 0;
                   padding-left: 15px;
                   overflow: hidden}


li                {float: left;
                   color: #ffffff;
                   margin-left: 10px;
                   margin-right: 10px;
                   font-size: 12px}


li a:link         {display: block;
                   font-size: 12px;
                   padding-top: 15px;
                   padding-bottom: 10px;
                   text-decoration: none;
                   color: #ffffff;
                   border-bottom: solid 5px transparent}

li a:visited      {color: #ffffff}

li a:hover        {color: #ffffff;
                   border-bottom-color: #ffffff;
                   text-decoration: none}



.contents       {margin-left: 25px;
                    margin-right: 25px;
                    margin-top: 25px;
                    padding: none;
                    border: none}

/* トップページ

/* トップページ設定ここまで */


/* 製作例ページ */
.tool-type {
   margin-left: 25px;
   margin-right: 25px;
   margin-top: 25px;
}

.tool-type h2 {
   margin-bottom: 15px;
}

.tool-type h3 {
   font-size: 12px;
   margin-top: 0;
   margin-bottom: 10px;
}

.tool-type div {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.tool-type article {
    padding: 0;
    width: 48%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 12px;
}

.tool-type p {
   font-size: 12px;
}

.tool-type a {
   font-size: 12px;
   color: inherit;
   text-decoration: none;
   margin-top: 0;
}

.tool-type a:hover {
   opacity: 0.7;
}

.tool-type img {
   width: 100%;
   height: auto;
}


h2    {font-size: .875em;
        color: #000000;
        font-weight: bolder;
        margin-bottom: 0}


/* 問い合わせフォーム */

form              {font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif}

input,textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

textarea {
  height: 120px;
}


/* ▼フッター */

footer    { background-color: #005e73;
            width: 100%;
            height: 50px;
            padding-top: 20px;
            text-align: center;
}

address  {font-size: 0.75em;
          font-family: メイリオ,Hiragino kaku Gothic Pro,sans-serif;
          background-color: #005e73;
          color: #ffffff;
          font-style:normal;
          margin-top: 15px;
}

/* フッターここまで */


/*  ==== PC版 ====  */
@media (min-width: 600px) {

img.miniimage {display: none;}

img.bigimage{display: block;}

img.largeimage {display: none;}

.container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.tool-type article {
    padding: 0;
    width: 23%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}


/* PC版問い合わせフォーム */
input[type="submit"] {
  width: 200px;
  -webkit-appearance: none;
}

input[type="reset"] {
  width: 200px;
  -webkit-appearance: none;
}

header img {
   width: 270px;
}

}

/*  ==== PC版の設定ここまで====  */

/*  ==== PC版 (大) ====  */
@media (min-width: 1025px) {

img.miniimage {display: none;}

img.bigimage{display: none;}

img.largeimage {display: block;}

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.tool-type article {
    padding: 0;
    width: 23%;
    flex: none;
}

.tool-type article:not(:nth-last-child(-n+2)) {
margin-bottom: 0;
}


/* PC版問い合わせフォーム */
input[type="submit"] {
  width: 200px;
  -webkit-appearance: none;
}

input[type="reset"] {
  width: 200px;
  -webkit-appearance: none;
}

}

/*  ==== PC版 (大) の設定ここまで====  */


/* ページトップへ戻るボタン */

.pagetop {
	display: none;
	position: fixed;
	right: 5%;
	bottom: 5vh;
	z-index: 100;
}
.pagetop::before {
	content: "";
  display: inline-block;
}

.size {
  font-size: 3.5em;
  color: #606060;
}

.pagetop i:hover {
  color: #808080;
}