@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:#333;}
img{border:none;max-width:100%;vertical-align: bottom}
li{list-style:none;}
iframe{max-width: 100%;}

/* ---------------------------------------------
	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:#333;font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input[type="button"],input[type="submit"]{font-size: 1em;}
select{height: 2.2em;}
label{cursor: pointer;}
input.auto{width: auto;}
input.short{width: 50%;}
input.middle{width: 80%;}

/* チェックボックス */
.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;}

/* エラーテキスト */
.error{padding: 0.2em 0;color: #d30000;}

/*アクセス解析*/
#acc img{opacity: 0;position: absolute;bottom: 0;right: 0;}

/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.m_0{margin: 0 !important;}

.mt_0{margin-top: 0 !important;}
.mt_05em{margin-top: 0.5em !important;}
.mt_1em{margin-top: 1em !important;}
.mt_15em{margin-top: 1.5em !important;}
.mt_2em{margin-top: 2em !important;}
.mt_3em{margin-top: 3em !important;}
.mt_4em{margin-top: 4em !important;}
.mt_5em{margin-top: 5em !important;}
.mt_6em{margin-top: 6em !important;}
.mt_7em{margin-top: 7em !important;}
.mt_8em{margin-top: 8em !important;}

.mb_0{margin-bottom: 0 !important;}
.mb_05em{margin-bottom: 0.5em !important;}
.mb_1em{margin-bottom: 1em !important;}
.mb_15em{margin-bottom: 1.5em !important;}
.mb_2em{margin-bottom: 2em !important;}
.mb_3em{margin-bottom: 3em !important;}
.mb_4em{margin-bottom: 4em !important;}
.mb_5em{margin-bottom: 5em !important;}
.mb_6em{margin-bottom: 6em !important;}
.mb_7em{margin-bottom: 7em !important;}
.mb_8em{margin-bottom: 8em !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;}