@charset "UTF-8";

/*---------- 全体 ----------*/

/*スムーズスクロール*/
html {
	scroll-behavior: smooth;
}

.row_margin {
	height:10px;
}

.hr_dash_line_gray {
	border:dashed 1px #c0c0c0;
	width:100%;
}

.ul_icon {
  list-style: none;
}
.ul_icon li {
  padding-left:20px;
  margin-bottom:20px;
  line-height: 2.1em;
  background: url(../img/icon_spade.png) left 0px top 8px no-repeat;
  background-size: 15px auto;
}

/*---------- テキスト位置について ----------*/

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}

.text_justify {
  text-align-last: justify;
}

.valign_top {
	vertical-align: top;
}

/*---------- 文字について ----------*/

.font_color_red {
	color:red;
}

.font_color_lightgray {
	color:lightgray;
}

.font_color_lightpink {
	color:lightpink;
}

.font_bold {
	font-weight: bold;
}

.font_larger {
	font-size: larger;
}

.font_x_large {
	font-weight: bold;
	font-size: x-large;
}

.font_xx_large {
	font-weight: bold;
	font-size: xx-large;
}

.font_smaller {
	font-size: smaller;
}

.font_x-small {
	font-size: x-small;
}

/*---------- UL ----------*/

.ul_notice {
	list-style-type: disc;
}

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

.required {
	padding-left:5px;
	color: red;
}

.submitButton {
	height          : 40px;
	width           : 220px;
	border-radius   : 5px;
	color           : #4040ff;
	font-size       : larger;
	font-weight     : bold;
	background-color: #e0ffff;
	border          : 3px solid #4040ff;
}

.backButton {
	height          : 40px;
	width           : 160px;
	border-radius   : 5px;
	color           : #202020;
	font-size       : larger;
	background-color: #e0e0e0;
	border          : 3px solid #404040;
}

/*---------- マージン ----------*/

.margin10 {
	margin: 10px;
}

/*---------- SNSロゴ ----------*/

.sns_logo {
  width:30px;
  margin-left:10px;
}

/*---------- 活動履歴 ----------*/

.history_date {
	color: #aa2629;
	vertical-align:top;
	padding:3px;
}

.history_contents {
	vertical-align:top;
	padding:3px;
}

#mail_form {
	display: block; /* テーブルをブロック要素として扱う */
	margin: 0 auto; /* 左右の余白を自動的に調整 */
	border: 1px solid black;
	width:80%;
	background-color: #faffff;
}

#mail_form tr td {
	padding: 5px 5px 5px 5px;
	text-align:left;
}

#mailFinishMessage {
	margin: 100px auto;
}

