/* 共通 ------------------------------------------------------------ */
@import "https://fonts.googleapis.com/css?family=Oswald";
#header {
    box-sizing: border-box;
    padding: 0 20px;
    width: 100%;
    height: 48px; /* @mod */
    background-color: #003A4D;
    border-bottom: none;
}

/*[ヘッダー]横並び*/
.header_ul {
    width: 100%;
    max-width: 1040px;
    height: 48px; /* @mod */
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    display: table;
}
.header_ul li {
    display: table-cell;
    vertical-align: middle;
}
.header_ul li {
    display: table-cell;
    vertical-align: middle;
}

/*[ヘッダー共通領域] [タイトル画像]*/ /* @mod */
.title_img {
    /*padding: 0 20px;*/
    border-bottom: none;
    width: auto;
    height: 28px;
}
.footer_inner {
  font-size: 12px;
  background-color: #00394C;
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
/*[フッター][リンク]*/
.footer_link {
    line-height: 2.66;
    text-align: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.footer_link li {
    /*display: inline-block;*/ /* @mod */
    padding: 0 15px;
}
.footer_link a:link {
    color: #FFFFFF;
}
.footer_link a:visited {
    color: #FFFFFF;
}
.footer_copyright {
    font-size: 11px;
    margin: 3.2rem 0 0;
    text-align: center;
    color: #ffffff;
    margin: 3.6rem 0 0;
}
body {
	font-family: Helvetica, Arial, 'NotoSansCJKjp','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background: #fff;
	color: #333;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
hr{
	border-color: #e0e0e0;
    border: 0;
    border-top: 1px solid #ccc;
}
button {
	font-size: 14px;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	cursor: pointer;
}
button:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.btn {
	padding: 26px 0px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn-orange {
	background-color: #FF8C3E;
	color: #FFFFFF;
}
.btn-green{
	background-color: #9BC700;
	color:#ffffff;
}
.btn-gray {
	background-color: #666;
	color: #FFFFFF;
}
.btn-gray {
	background-color: #fff;
    color: #8c8c8c;
    border: solid 1px #8c8c8c;
}
h1 {
	font-weight: bold;
	font-size: 25px; /* @mod */
	line-height: 1;
	color : #333;
	margin: 0 auto;
	text-align: left;
}
h2 {
	font-size : 16px;
	font-weight: normal;
	line-height : 1;
	color : #333;
	text-align: left;
	margin: 33px auto 0;
}
h3 {
	font-weight: bold;
	font-size : 15px;
	line-height : 27px;
	color : #333;
	margin-bottom: 0;
}
.no-pc {
	display: none !important
}
.no-sp {
	display: block !important
}
.al_c {
	text-align: center;
}
body {
 *zoom: 1;
	margin: auto;
	width: 100.0%;
	max-width: 100%;
	background-color: rgb(247, 247, 247);
}
body:after {
	content: "";
	display: table;
	clear: both;
}
#main {
	max-width: 1040px;
	margin: 0px auto;
	clear: both;
	padding-left: 20px; /* @mod */
	padding-right: 20px; /* @mod */
 	*zoom: 1;
	padding-top: 20px; /* @mod */
	background:#f7f7f7;
	color: #4c4c4c;
}
#main:after {
	content: "";
	display: table;
	clear: both;
}
#main .form_box, #main .inner {
	margin: 0 auto 20px; /* @mod */
	padding: 20px 0%; /* @mod */
}
#main .form_box ul.attention {
	margin-bottom: 45px;
	padding-left: 0;
}
#main .form_box ul.attention li {
	font-size : 12px;
	line-height: 21px;
	color : #8c8c8c;
	text-indent: -1em;
	padding-left: 1em;
}
#main .form_box ul.attention li strong {
	font-size: 15px;
	font-weight: bold;
}
#main .form_box ul.attention li a {
	pointer-events: none;
}
#main .form_box .red {
	color : #FF8039;
}
#main .form_box p.st {
	font-size : 12px;
	line-height: 19px;
}
#main .form_box .kiyaku{
	margin:40px auto;
}
#main .form_box .kiyaku .ttl {
	font-size : 15px;
	font-weight: bold;
	margin:20px auto;
	color: #4c4c4c;
}
#main .form_box .kiyaku p {
	font-size : 15px;
	line-height : 24px;
	color: #8c8c8c;
}
#main .form_box .kiyaku p a {
    color: #333;
	text-decoration: underline;
}
#main .form_box .kiyaku input {
    width: 15px;
    display: inline;
    padding: 0;
    border: none;
}
#main .form_box .kiyaku .check {
    margin-top: 25px;
}
#main .inner p.txt {
	font-size : 16px;
	line-height : 1;
	text-align: center;
}
.form_link {
	color : #000000;
}

/*  ------------------------------------------------------------ */


/*入力画面*/

#main .form_box .dis_tbl p.ttl {
	display: table-cell;
	width: 45%;
	text-align: left;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: top;
}
#main .form_box .dis_tbl p {
	display: table-cell;
}
#main .form_box .dis_tbl .em {
	font-size: 12px;
	margin: 7px 0 0px;
	display: block;
}
#main .form_box .dis_tbl .error {
	font-size: 12px;
	margin-bottom: 9px;
	margin-top: 5px;
	display: block;
}
#main .form_box .dis_tbl {
	display: table;
	width: 100%;
}
form {
	margin-bottom: 45px;
}
input, select, textarea {
	border: 1px solid #cfcfcf;
	padding: 10px 1%;
	vertical-align: middle;
	background-color: #fff;
	line-height: 1.5;
	padding-left: 6px;
}
#main .form_box p.data {
	padding: 12px 0 7px;
	width: 100%;
}
#main .form_box p input, textarea {
	display: table-cell;
	padding: 4px 15px;
	color: #666;
	background: #fff;
	width: 94%;
	font-size: 14px;
}
#main .form_box p input {
	height: 23px;
}
#main .form_box p textarea.ttl {
	height: 55px;
}
#main .form_box p textarea.msg {
	height: 150px;
}
#main .guide_txt {
	font-size: 17px;
	line-height: 25px;
}
#main .form_box button {
	padding: 14px 0;
	font-weight: bold;
	width: 211px;
	font-size: 18px;
	margin: 20px 6.5% 9px;
}
#main .privacy_ttl {
  font-weight: bold;
  font-size: 16px;
}
#main .privacy_message {
  font-size: 12px;
}

/*確認画面*/
#main .confirm {
	margin: 6px auto 23px;
}
#main .confirm .dis_tbl {
	display: table;
	padding: 10px 0;
	width: 100%;
}
#main .confirm .dis_tbl.msg {
	padding: 53px 0;
	border-bottom: 2px solid #e8e8e8;
}
#main .confirm .dis_tbl .ttl {
	display: table-cell;
	width: 38%;
	text-align: left;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;
}
#main .confirm .dis_tbl.ttl {
	padding: 17px 0;
}
#main .form_box .dis_tbl dd {
	display: table-cell;
	padding: 5px 15px;
	margin: 18px 0;
	color: #666;
	width: 94%;
	font-size: 14px;
	max-width: 330px;
	vertical-align: middle;
	line-height: 20px;
}
/*404*/
#main .inner {
	padding: 110px 10%;
}
#main .inner h3 {
	margin-top: 22px;
	font-size: 15px;
}
#main .inner a {
	text-decoration: underline;
	padding-left: 18px;
	background: url(../images/arrow_pc.png) left center no-repeat;
}
#main .inner a:hover {
	text-decoration:none;
}
#main .inner .site_top {
	margin-bottom: 5px;
	margin-top: 6px;
}

.chk {
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

/* Media Queries ------------------------------------------------------------ */
@media screen and (min-width: 769px) { /* @mod */
	/*確認画面*/
	#main .confirm_btn button {
		width: 36%;
	}
}

@media screen and (min-width: 769px) { /* @mod */
	/*共通*/
	.no-pc {
		display: block !important
	}
	.no-sp {
		display: none !important
	}
	.header_ul {
		height: 120px;
	}
	.title_img {
		width: auto;
		height: 78px;
	}
	.footer_inner {
		font-size:12px; /* @mod */
		padding-top: 3.2rem;
		padding-bottom: 3.2rem;
	}
	.footer_link {
		line-height: 2.66;
		text-align: center;
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.footer_link li {
		display: list-item;
	    display: inline-block; /* @mod */
		padding: 0 15px;
	}
	.footer_copyright {
		margin: 3.6rem 0 0;
	}

	body {
		/*font-size: 70.588%;*/ /* @del */
	}
	#header {
		height: 120px; /* @mod */
	}
	#header #logo {
		display: block;
		width: 100%;
	}
	#header #logo img {
		width: 100%;
		max-width: 251px;
	}
	#main {
		padding-top: 36px; /* @mod */
		padding-left: 20px; /* @mod */
		padding-right: 20px; /* @mod */
	}
	body h1 {
		font-size : 25px; /* @mod */
		margin: 0 auto 41px;
		text-align: left;
	}
	body h2 {
		font-size: 16px;/* @mod */
		font-weight: normal;
		/*line-height: 48px;*/
		/*margin-bottom: 50px;*/
		text-align: left;
	}
/* @del
	h3, #main .form_box ul.attention li {
		font-size: 24px;
		line-height: 48px;
	}
	.btn {
	}
	input.html button {
	 font-size: 14px;
	 margin: 0;
	 padding: 0;
	 border: 0;
	 line-height: 1;
	 cursor: pointer;
	}
*/
	#main .form_box ul.attention li {
		font-size: 16px;
		line-height: 1.5em;
	}
	#main .form_box ul.attention li strong {
		font-size: 28px;
		font-weight: bold;
	}
	#main .form_box ul.attention li a {
		pointer-events: visiblePainted;
	}
	#main .form_box {
		margin: 0 auto; /* @mod */
		padding: 46px 0%; /* @mod */
	}
	#main .form_box ul.attention {
		margin-bottom: 54px;
	}
	#main .form_box p.st {
		margin-bottom: 20px;
		font-size: 24px;
		line-height: 48px;
	}
	#main .form_box .dis_tbl p.ttl {
		font-size: 28px;
		line-height: 42px;
	}

	/*入力画面*/
	#main .form_box .dis_tbl p.ttl, #main .form_box .dis_tbl p {
		display: block;
		width: 100%;
	}
	#main .form_box p.data {
		padding: 20px 0 30px;
	}
	#main .form_box p input, textarea {
		font-size: 28px;
		max-width: 99%;
	}
	#main .form_box p input {
		height: 50px;
	}
	#main .form_box p input.mb15 {
		margin-bottom: 7px;
	}
	#main .form_box .dis_tbl .em {
		line-height: 38px;
		font-size: 24px;
		margin: 2px 0 31px;
	}
	#main .form_box .dis_tbl .error {
		margin-bottom: 8px;
		margin-top: 11px;
		font-size: 24px;
	}
	form {
		margin-bottom: 10px;
	}
	#main .form_box p textarea.ttl {
		height: 112px;
	}
	#main .form_box p textarea.msg {
		height: 235px;
	}
	#main .form_box p.guide_txt {
		margin: 15px auto 30px;
		font-size: 24px;
		line-height: 48px;
	}
	#main .form_box button {
		margin-bottom: 18px;
		margin-top: 0;
	}
	#main .form_box button {
		width: 96%;
		margin: 0px 2% 23px;
		height: 87px;
		font-size: 36px;
	}
	#main .form_box .kiyaku p {
		font-size : 24px;
		line-height : 40px;
	}
	#main .form_box .kiyaku .ttl {
		font-size : 24px;
	}
	#main .form_box .kiyaku input {
		width: 30px;
		-webkit-appearance: checkbox;
	}
	#main .form_box .kiyaku .check {
		margin:45px auto 60px;
	}
	/*確認画面*/
	#main .confirm {
		margin: 9px auto 48px;
	}
	#main .confirm .dis_tbl {
		width: 100%;
		padding: 16px 0 17px;
	}
	#main .confirm .dis_tbl .ttl, #main .form_box .dis_tbl dd {
		font-size: 28px;
	}
	#main .confirm .dis_tbl .ttl {
		line-height: 48px;
	}
	#main .form_box .dis_tbl dd {
		margin: 7px 0;
	}
	#main .confirm .dis_tbl .ttl, #main .confirm .dis_tbl dd {
		display: block;
		width: auto;
		max-width: none;
		padding: 4px 15px;
	}
	#main .confirm .dis_tbl.msg {
		padding: 18px 0;
	}
	#main .confirm .dis_tbl.msg dd {
		line-height: 48px;
	}
	#main .confirm_btn button {
		/*
			width: 43%;
			margin: 0px 3% 23px;
			height: 87px;
			font-size: 36px;
        */
		width: 211px;
		margin: 0px 3% 23px;
		height: 50px;
		font-size: 18px;

	}
	/*404*/
	#main.complete h1 {
		margin: 0 auto 76px;
	}
	#main.page404 h1 {
		margin: 0 auto 83px;
	}
	#main .inner {
		padding: 55px 7%;
		margin: 0 auto 79px;
	}
	#main .inner h3 {
		margin-top: 45px;
		font-size: 28px;
	}
	#main .inner a {
		padding-left: 26px;
		background: url(../images/arrow_sp.png) left center no-repeat;
	}
	#main .guide_txt {
		font-size: 32px;
		line-height: 48px;
	}
	#main .inner .site_top {
		margin-bottom: 32px;
	}
	#main .inner .site_top a {
		font-size: 30px;
	}
	.chk {
		width: 20px;
		height: 20px;
	}
}

.spOnly-inline { display: inline; }
.spOnly-inlineblock { display: inline-block; }
.spOnly-block { display: block; }

.pcOnly-inline { display: none; }
.pcOnly-inlineblock { display: none; }
.pcOnly-block { display: none; }

.spBlock-pcInline { display: block; }
.spInline-pcBlock { display: inline; }

.displayNone { display: none; }

@media print, screen and (min-width: 769px) {
    .spOnly-inline { display: none; }
    .spOnly-inlineblock { display: none; }
    .spOnly-block { display: none; }

    .pcOnly-inline { display: inline; }
    .pcOnly-inlineblock { display: inline-block; }
    .pcOnly-block { display: block; }

    .spBlock-pcInline { display: inline; }
    .spInline-pcBlock { display: block; }
}


/*個人情報同意画面*/
.agreetment_text{
	width: auto; /* 1040px @mod */
	margin:auto;
	height:400px;
	overflow: auto;
	
    -webkit-overflow-scrolling: touch;
    border: 1px solid #cfcfcf;
}
.privacyporicy_text{
	width: auto; /* 1040px @mod */
	margin: 60px auto;
	font-size: 10pt;
}
.privacyporicy_text a{
	color: #333;
	text-decoration: underline;
}
@media screen and (min-width: 769px) { /* @mod */
	/*.agreetment_text{width:auto;}*/
	/*.privacyporicy_text{width:auto;}*/
	.privacyporicy_text{
		font-size: 12pt;
	}
}
body.advice_agreetment{
	line-height: 1.6em;
	margin:20px 50px;
	width:auto;
}
body.advice_agreetment a{
	text-decoration: underline;
	color: #333;
}
body.advice_agreetment h3{
	border-left:.3em solid #003296;
	    padding-left: .59em;
	    margin-left: -1.3%;
	    font-size: 1.133em;
	    margin-top:1em;
	    margin-bottom: 1em;
}
body.advice_agreetment p{
	margin-bottom: 1.4em;
}
body.advice_agreetment ol,
body.advice_agreetment ul{
	list-style-position: outside;
	padding-left: 2.5%;
	margin-bottom: 1em;
}
body.advice_agreetment ol li{
	list-style: decimal;
	margin-top: 1em;
}
body.advice_agreetment ul li{
	list-style: disc;
	
}
body.advice_agreetment em{
	font-weight: bold;
}
body.advice_agreetment .column{
	margin: 0 1%;
    padding: 0 1.5%;
}
body.advice_agreetment .symbol{
	color: #ac3030;
    font-size: .667em;
    vertical-align: super;
}
body.advice_agreetment .note{
	font-size: .8em;
	list-style-position: outside;
	padding-left: 0;
}
body.advice_agreetment .note li{
	list-style: none;
}
body.advice_agreetment .note li:before{
    content: '\203B';
    padding-right: .25em;
    color: #ac3030;
}