@charset "utf-8";
/* CSS Document */
/*
Author: imamura
Version: ver201807
*/

/* ========================================
reset
======================================== */
* {
border:0;
margin:0;
outline:0;
padding:0;
box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}
html {
	font-size:62.5%;
    width:100%;
    height:100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility
}
body {
    line-height:1;
    position:relative;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -o-text-size-adjust:100%;
    text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    width:100%;
    height:100%;
}
img {vertical-align: bottom;}
article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
br, hr {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
input, select {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
a {display: inline-block;backface-visibility: hidden;}
.clear{clear:both;}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;}
.clearfix:after {clear:both;}
clearfix {*zoom: 1;}

input[type="radio"] {border: 0px!important;}
input[type="radio"],input[type="submit"],label{cursor:pointer;}
input, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #333;
}
select::-ms-expand {display: none;}
.radio_input{
  display: none;
}
.radio_input + label{
   position: relative;
    display: inline-block;
    padding: 5px 3px 3px 34px;
    cursor: pointer;
    margin-right: 48px;
}
.radio_input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio_input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #3498db;
  border-radius: 50%;
}

.checkbox_input{
display: none;
}
.checkbox_input + label{
   position: relative;
    display: inline-block;
    padding: 5px 3px 3px 34px;
    cursor: pointer;
    margin-right: 48px;
}
.checkbox_input + label::before{
 position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -9px;
    background: #fff;
    border: 1px solid #ccc;
}
.checkbox_input:checked + label::after{
    position: absolute;
    content: '';
    top:11px;
    left: 3px;
    width: 13px;
    height: 5px;
    border-left: 2px solid #3498db;
    border-bottom: 2px solid #3498db;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}