@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}
body{font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;height:100%;font-size:16px;line-height:1.6;color:#424242;}
img{border:none;max-width:100%;height:auto;vertical-align: bottom}
li{list-style:none;}
iframe{max-width: 100%;vertical-align: bottom;}
h1,h2,h3,h4,h5,h6{font-size: 1em;font-weight: normal;}

/* ---------------------------------------------
	form
--------------------------------------------- */
/* リセット */
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="phone"],
input[type="text"]{
    padding: 0.5em;max-width: 100%;width: 100%;box-sizing: border-box;border: 1px solid #ccc;border-radius: 0;background: #fff;-webkit-appearance: none;}
select{padding: 0.2em;vertical-align: bottom;border: 1px solid #ccc;}
input[type="submit"],
input[type="button"],
input[type="reset"]{padding: 0.5em 2em;border: none;-webkit-appearance: none;border-radius: 0;background-color: #ccc;cursor: pointer;line-height: 1.6;}
textarea{padding: 0.5em;max-width: 100%;border: 1px solid #ccc;width: 100%;box-sizing: border-box;height: 10em;resize: vertical;}

/* 基本スタイル */
input,select,textarea{font-size: 16px;color:#424242;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
select{height: 2.2em;}
label{cursor: pointer;}
input.short{width: 50%;}
input.middle{width: 70%;}

/* チェックボックス */
.c_box input[type="checkbox"]{display: none;}
.c_box label{display:inline-block;line-height: 2;}
.c_box label span{padding-left: 20px;position:relative;margin-right: 0.5px;}
.c_box label span::before{content: "";display: block;position: absolute;top: 2px;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 4px;}
.c_box input[type="checkbox"]:checked + span{color: #0171bd;}
.c_box input[type="checkbox"]:checked + span::after{
    content: "";display: block;position: absolute;top: -3px;left: 5px;
    width: 7px;height: 14px;transform: rotate(40deg);border-bottom: 3px solid #0171bd;border-right: 3px solid #0171bd;}

/* ラジオボタン */
.r_box input[type="radio"]{display: none;}
.r_box label{display:inline-block;line-height: 2;}
.r_box label span{padding-left: 20px;position:relative;margin-right: 0.5px;}
.r_box label span::before{content: "";display: block;position: absolute;top: 2px;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 50%;}
.r_box input[type="radio"]:checked + span{color: #0171bd;}
.r_box input[type="radio"]:checked + span::after{content: "";display: block;position: absolute;top: 5px;left: 3px;width: 11px;height: 11px;background: #0171bd;border-radius: 50%;}

/* チェック・ラジオ横並び */
.cr_row label{margin-right: 1em;}

/* チェック・ラジオ縦並び */
.cr_column p{margin-bottom: 0.5em;}
.cr_column label{margin-right: 1em;}


/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt_05{margin-top: 0.5rem !important;}
.mt_1{margin-top: 1rem !important;}
.mt_15{margin-top: 1.5rem !important;}
.mt_2{margin-top: 2rem !important;}
.mt_3{margin-top: 3rem !important;}
.mt_4{margin-top: 4rem !important;}
.mt_5{margin-top: 5rem !important;}

.mb_05{margin-bottom: 0.5rem !important;}
.mb_1{margin-bottom: 1rem !important;}
.mb_15{margin-bottom: 1.5rem !important;}
.mb_2{margin-bottom: 2rem !important;}
.mb_3{margin-bottom: 3rem !important;}
.mb_4{margin-bottom: 4rem !important;}
.mb_5{margin-bottom: 5rem !important;}

/* ---------------------------------------------
	inline align
--------------------------------------------- */
.inlineB{display: inline-block;text-align: left;}
.inlineL{text-align: left;}
.inlineC{text-align: center;}
.inlineR{text-align: right;}

/* ---------------------------------------------
	text indent
--------------------------------------------- */
.indent{padding-left: 1em;text-indent: -1em;}