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

html {
	font-size: 16px;
}

body {
	width: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**********************************
hover
**********************************/
a {
    color: #22609e;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a:hover {
    color: #828282;
}


a img {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a img:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

/**********************************
Header
**********************************/
.header_inner {
	width: 100%;
	padding: 16px 0;
	background-color: #1a407e;
}

.header_inner .logo {
	width: 58.75%;
	max-width: 564px;
	margin: 0 auto;
}

.header_inner .logo img {
	width: 100%;
	height: auto;
}


/**********************************
Wrapper
**********************************/
.wrapper {
	width: auto;
	max-width: 960px;
	margin: 0 auto;
}


/**********************************
Contents
**********************************/
.heading1 {
	width: auto;
	text-align: center;
	font-size: 1.875rem;
	line-height: 1.5em;
	margin: 24px 0;
	font-weight: 700;
}

.heading2 {
	font-size: 1.5rem;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	border-left: solid 16px #1a407e;
	padding: 0.1em 22px;
	margin-top: 36px;
}

.heading3 {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.5em;
	color: #f69607;
}

/***landing page***/
.landing_box {
	width: 90%;
	margin: 18px auto 0;
	border: solid 2px #006a9b;
	padding: 36px 4%;
}

.landing_box h2 {
	width: auto;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.5em;
	text-align: center;
}

.landing_box ul {
	width: auto;
	text-align: center;
}


.landing_box ul li {
	margin-top: 38px;
}

.landing_box ul li a {
	font-size: 1.5rem;
	font-weight: 700;
	text-decoration: underline;
}

.landing_box p {
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 38px;
	line-height: 1.5em;
}

/***form***/
input,label {
	cursor: pointer;
}

.form_table {
	width: 94%;
	margin: 28px auto;
	border: solid 2px #cdcdcd;
}

.form_table tr {
	border-bottom: solid 1px #dedede;
}

.form_table tr.no_border {
	border-bottom: none;
}


.form_table th {
	width: 30%;
	padding: 1.5em 1.5em;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
}

.form_table td {
	padding: 1.5em 1.125em 1.5em;
	font-size: 0.875rem;
	line-height: 3em;
	text-align: left;
}

.form_table td[colspan="2"] {
	padding: 0 6% 1.5em  !important;
}

.form_table td input[type="text"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dedede;
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 1rem;
	padding: 8px 12px;
}

.form_table td textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dedede;
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 1rem;
	padding: 8px 12px;
	width: 98%;
	margin: 0 auto;
}

/*アップロードファイルの選択*/
.wpcf7-file {
	font-size: 1rem;
	padding: 0.2em;
}

/*ラジオボタン*/
.wpcf7-radio {
	font-size: 1rem;
	line-height: 2.5em;
}

/*
.ja .society .wpcf7-radio {
	width: 76%;
	margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.ja .society .wpcf7-radio .wpcf7-list-item {
	width: 46%;
}*/


/*セレクトメニュー*/
.wpcf7-select {
	font-size: 1.125rem;
	padding: 0.2em;
}

/*Fig color の選択*/
.fig_color {
	width: 94%;
	margin: 28px auto;
	border: solid 2px #cdcdcd;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fig_color_inner1 {
	width: 40%;
	padding: 0 0 1.5em 1.5em ;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
}

.fig_color_inner2 {
	width: 52%;
	padding: 0 1.125em 1.5em;
	font-size: 0.875rem;
	line-height: 1.5em;
	text-align: left;
}

.fig_color_inner2 input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dedede;
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 0.875rem;
	padding: 8px 12px;
	width: 94%;
}

.fig_color .notice {
	width: 91%;
	margin: 0 auto 12px;
}


.fig_color span.cell {
	display: block;
	width: 100%;
	margin-top: 1.2em;
}

.fig_color span.wpcf7-list-item {
	display: block;
	width: 100%;
	margin-top: 1.2em;
}


.ja .short input[type="text"] {
	width: 11%;
}


.ja .middle input[type="text"] {
	width: 56%;
}

.ja .long input[type="text"] {
	width: 82%;
}

.annotation {
	font-size: 0.875rem;
	line-height: 1.5em;
	width: 90%;
	margin: 24px auto;
}


.arrow_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-top: 20px;
}

.arrow_list li {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.5em 44px;
	margin-left: 2.5%;
}

.arrow_list li a {
	text-decoration: underline;
	font-weight: 700;
}

.notice {
	font-size: 0.875rem;
	line-height: 1.5em;
	color: #f00;
}
.notice2 {
	font-size: 0.875rem;
	line-height: 1.5em;
	color: #f00;
	margin-left: 28px;
	margin-top: -18px;
}

.notice3 {
	font-size: 0.875rem;
	line-height: 1.5em;
	color: #f00;
	margin-left: 18px;
	margin-top: 16px;
}


.form_box {
	width: 90%;
	padding: 2%;
	margin: 28px auto;
	border: solid 2px #cdcdcd;
}

.form_box table {
	width: 100%;
}

.form_box table th {
	width: 28%;
	padding: 1.5em 0 0 2%;
	font-size: 1rem;
	line-height: 1.5em;
	text-align: left;
}

.form_box table td input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dedede;
	color: #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 0.875rem;
	padding: 8px 12px;
	width: 94%;
}


.form_box .notice {
	margin-top: 16px;
}


.table_inner {
	margin-top: 20px;
}


.submit_btn {
	width: auto;
	text-align: center;
}

.submit_btn input {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #f69406;
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 8px 46px;
	cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

.submit_btn input:hover {
	background-color: #eee;
	color: #f69406;
}

.law_info {
	width: auto;
	margin: 18px auto 0 auto;
	text-align: right;
	padding-right: 4%;
}

.law_info a {
	font-size: 0.875rem;
	font-weight: 700;
}

.footer_inner {
	width: auto;
	padding: 24px 0;
	background-color: #1a407e;
	text-align: center;
	color: #fff;
	font-weight: 700;
	margin-top: 16px;
}

/***eng***/
.eng .form_table td {
	padding: 0.5em 1em 0.5em;
}

.eng .form_table .short input[type="text"] {
	width: 6%;
}


.eng .form_table .middle input[type="text"] {
	width: 48%;
}

.eng .form_table .long input[type="text"] {
	width: 86%;
}


.small_bold {
	font-size: 1rem;
	font-weight: 700;
}

.tac {
	text-align: center;
}

.mgt18 {
	margin-top: 18px;
}

.color_red {
	color: #f00;
}

.color_red a {
	color: #f00;
	font-weight: 700;
}

.color_red a:hover {
	color: #1a407e;
}