/* Navbarを固定しているので、その分空ける */
html,
body {
	font-family: 'メイリオ', Meiryo, Osaka;
}

hr{
	margin: 60px 0;
}
.Qt {
	text-indent:-2.6em;
	padding-left:3.6em;
}
.note {
	font-size:9.5pt;
	text-indent: -1em;
	padding-left: 1em;
}


.m0 { margin:0; }
.p0 { padding:0; }

.pt4 { padding-top:0.4em; }
.pb4 { padding-bottom:0.4em; }
.pr4 { padding-right:0.4em; }
.pl4 { padding-left:0.4em; }

.pt8 { padding-top:0.8em; }
.pb8 { padding-bottom:0.8em; }
.pr8 { padding-right:0.8em; }
.pl8 { padding-left:0.8em; }

.pt16 { padding-top:1.6em; }
.pb16 { padding-bottom:1.6em; }
.pr16 { padding-right:1.6em; }
.pl16 { padding-left:1.6em; }

.mt24 { margin-top:2.4em; }
.mb24 { margin-bottom:2.4em; }
.mr24 { margin-right:2.4em; }
.ml24 { margin-left:2.4em; }

.mt16 { margin-top:1.6em; }
.mb16 { margin-bottom:1.6em; }
.mr16 { margin-right:1.6em; }
.ml16 { margin-left:1.6em; }

.mt8 { margin-top:0.8em; }
.mb8 { margin-bottom:0.8em; }
.mr8 { margin-right:0.8em; }
.ml8 { margin-left:0.8em; }

.mt4 { margin-top:0.4em; }
.mb4 { margin-bottom:0.4em; }
.mr4 { margin-right:0.4em; }
.ml4 { margin-left:0.4em; }

.mt2 { margin-top:0.2em; }
.mb2 { margin-bottom:0.2em; }
.mr2 { margin-right:0.2em; }
.ml2 { margin-left:0.2em; }

.mt0 { margin-top:0em; }
.mb0 { margin-bottom:0em; }
.mr0 { margin-right:0em; }
.ml0 { margin-left:0em; }

/*
.mt4 { margin-top:0.4em; }
.mt8 { margin-top:0.8em; }
.mt16 { margin-top:1.6em; }

.mb4 { margin-bottom:0.4em; }
.mb8 { margin-bottom:0.8em; }
.mb16 { margin-bottom:1.6em; }
*/
.w90 { width:90%; }
.w98 { width:98%; }


::placeholder {
	font-size: 9.25pt;
}



h1.copy {
	font-size: 17.75pt;
	line-height: 1.25em;
	color: #fff;
	text-shadow: 1px 1px 3px #333;
	margin:0.4em 0em;
}
h1.copy span {
	font-size: 18.75pt;
}

.panel-success > .panel-heading {
	font-size:12pt;
}


@media print {
	html {
		background-image:none;
		background-color:#fff;
	}
	nav { 
		display:none; 
	}
}

@media (min-width:100px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-brand {
		position:absolute;
		top:10px;
		left:30px;
		background:url(../images/logo_yri_ft.png) left center no-repeat;
		background-size: contain;
		width:13em;
		height:2em;
	}
}
@media (max-width: 375px) and (min-width:0px) {
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		margin-left: 0px;
	}
	.navbar-brand {
		background:url(../images/logo_yri_ft.png) left center no-repeat;
		width:100%;
		top:0px;
		left:25px;
	}
}

.td_vertical_align_middle.td_vertical_align_middle {
	vertical-align: middle;
}

.fs16 { font-size:16pt; }
.fs14 { font-size:14pt; }
.fs12 { font-size:12pt; }
.fs10 { font-size:10pt; }
.fs9 { font-size:9pt; }

.red { color:#ff0000; }

.poji-rela {
	position:relative;
}


/* --------------------------------------- */
/* ページトップスクロール　*/
#page-top{
	width:50px;
	height:50px;
	display:none;
	position:fixed;
	right:10px;
	bottom: 75px;
	z-index:999999;
}
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover{
	/* background:#8b8b8b; */
}
#move-page-top{
	color:#2f3279;
	font-size:26pt;
/*
	line-height:50px;
*/
	text-decoration:none;
	display:block;
	cursor:pointer;
}
#move-page-top:hover {
	color:#6065C5;
}


/* オリジナルボタンスタイル */
.btn-origin {
	color: #fff;
	background-color: #FF5295;
	border-bottom: 2px solid #BA3D6D;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-origin:hover{
	color: #fff;
	border-bottom: none;
	margin-top: 2px;
}

/* Navbarのオリジナルスタイル */
.navbar-default {
	border: none;
}
.navbar-origin {
	background: none;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.navbar-origin .navbar-brand {
	padding: 0 15px;
	line-height: 90px;
	height: 90px;
	font-size: 28px;
	font-weight: 100;
}
.navbar-origin .navbar-nav>li>a {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 90px;
	font-weight: 200;
	color: #A5A5A5;
}
.navbar-origin .navbar-nav>li>a:hover{
	color: #E42121;
	border-bottom: 1px solid #E42121;
	line-height: 89px;
}
.navbar-origin .navbar-nav>.open>a,
.navbar-origin .navbar-nav>.open>a:hover,
.navbar-origin .navbar-nav>.open>a:focus {
	background: none;
	color: #E42121;
}
.navbar-origin .navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top: 1px solid #E42121;
}
.navbar-origin .dropdown-menu {
	padding: 0;
}
.navbar-origin .dropdown-menu li a {
	padding: 15px;
	color: #777;
}
.navbar-origin .dropdown-menu li.divider {
	padding: 0;
	margin: 0;
}

.controls input{
	margin-bottom: 10px;
}

table.Q {
	margin:0.8em auto;
}
table.Q th {
	text-align:center;
	font-weight:normal;
}
.form-horizontal .control-label,
.form-horizontal .radio {
	min-height:auto;
	padding-top:0;
}

/*
.radio input[type="radio"].tb-radio {
	display:block;
	width:100%;
	height:25px;
	margin:0 0 0 -10px;
	padding:0;
	cursor:pointer;
	background-color:#eee;
}
*/









.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}
	.th {
		padding:0.4em 0.8em;
		background-color:#eee;
		border-top:solid 1px #ddd;
		border-left:solid 1px #ddd;
		border-right:solid 1px #ddd;
	}
	.td {
		padding:0.4em 0.8em;
		background-color:#fff;
		border-top:solid 1px #ddd;
		border-right:solid 1px #ddd;
	}
		.td-none {
			padding:0.4em 0.8em;
			background-color:none;
			border-top:none;
			border-right:none;
		}
	.t-bb {
		border-bottom:solid 1px #ddd;
	}
	.t-l {
		border-left:solid 1px #ddd;
	}

@media (max-width:320px){
	.th {
		padding:0.4em 1.6em;
		background-color:#eee;
		border-top:none;	/*solid 1px #ddd;*/
		border-left:none;	/*solid 1px #ddd;*/
		border-right:none;	/*solid 1px #ddd;*/
	}
	.td {
		padding:0.4em 2.4em;
		background-color:#fff;
		border-top:none;	/*solid 1px #ddd;*/
		border-right:none;	/*solid 1px #ddd;*/
	}
	.t-bb {
		border-bottom:none; /*solid 1px #ddd;*/
	}
}








.col-table {
	font-size:10.25pt;
	line-height:1.6em;
	float:left;
	width:100%;
}
	.col-table .text-center {
		text-align:center;
	}
	.col-table.text-left,
	.col-table.text-left2 {
		text-align:left;
	}
	.col-table .text-right,
	.col-table .text-right2 {
		text-align:right;
	}


	.col-table .col-table-th8 {
		padding:0.8em 0.4em 0.4em;
		background-color:#efefef;
		border-top:solid 1px #999;
		border-left:solid 1px #999;
		display:table;
		margin:0;
		text-align:center;
		position:relative;
	}
	.col-table .col-table-td8 {
		padding:0.8em 0.4em 0.4em;
		border-top:solid 1px #999;
		border-left:solid 1px #999;
		display:table;
		margin:0;
		text-align:left;
		position:relative;
	}
		.col-table .col-table-th8 .mid-Box,
		.col-table .col-table-td8 .mid-Box {
			display:table-cell;
			vertical-align:middle;
		}

		.col-table .col-table-th8,
		.col-table .col-table-td8 {
		}
		.col-table .col-table-th8.m-1 {
			margin-top:-1px;
		}
		.col-table .col-table-th8.no-b-L,
		.col-table .col-table-td8.no-b-L {
			border-left:none;
		}
		.col-table .col-table-th8.no-b-T {
			border-top:solid 1px #efefef;
		}
		.col-table .col-table-td8.no-b-T {
			border-top:none;
		}
		.col-table .col-table-th8:last-child,
		.col-table .col-table-td8:last-child {
			border-right:solid 1px #999;
		}
		.col-table .col-table-td8:last-child {
			background-color:#fff;
		}
@media (max-width: 660px) {
	.col-table .col-table-th8,
	.col-table .col-table-td8 {
		border-left:none;
	}
	.col-table .col-table-th8:last-child,
	.col-table .col-table-td8:last-child {
		border-right:none;
	}
}



/*
html,
body {
	font-size:9.75pt;
}
.panel-primary > .panel-heading {
	font-size:11.75pt;
}
.panel-body	{
	padding:1.6em;
}
*/
.featurette-divider {
	margin:5em 0;
}

.fs8 { font-size:8pt; }
.fs9 { font-size:9pt; }
.ls-01em { letter-spacing:-0.1em; }
.ls-005em { letter-spacing:-0.05em; }

.panel-primary > .panel-heading {
	font-size:11.75pt;
	text-shadow:1px 1px 3px #111;
}

.bgSet {
	background-color: #0098ff;
	background-image: -webkit-linear-gradient(335deg, #34ffda, #577cfd);
	background-image: linear-gradient(335deg, #34ffda, #577cfd);
}
.bgSet2 {
	background-color: #0098ff;
	background-image: -webkit-linear-gradient(324deg, #34ffda, #577cfd);
	background-image: linear-gradient(126deg, #34ffda, #577cfd);
}
.btn-bgSet {
	background-color: #0098ff;
	background-image: -webkit-linear-gradient(335deg, #34d9ff, #577cfd);
	background-image: linear-gradient(335deg, #34d9ff, #577cfd);
}
	.btn-bgSet:hover {
		background-color: #0098ff;
		background-image: -webkit-linear-gradient(335deg, #577cfd, #34d9ff);
		background-image: linear-gradient(335deg, #577cfd, #34d9ff);
	}
.panel-primary {
	border-color: #076fa8;
}

h4 {
	margin: 0.8em 0 0.0em;
	border-bottom: none;	/*solid 1px #ccc;*/
	padding: 0.4em 0;
	font-size:12.75pt;
	font-weight:600;
	letter-spacing: 0.1em;
}


.mincho {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}


.toshi-name {
	position:absolute;
	width:100%;
	height:auto;	/*100%;*/
	top:5em;
	right:0;
	left:0;
	text-align:center;
	margin:auto auto;
}
.toshi-name .regional:before {
	content:"Impact of the new coronavirus on the jewelery industry.";
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
	font-size:62pt;
	color:rgba(255,255,255,0.2);
}

.naname {
/*	background-image: linear-gradient(45deg, transparent 49%, black 49%, black 51%, transparent 51%, transparent); /* 右下がりの斜線 */
	background-image: linear-gradient(to bottom right, transparent 49%, #ddd 49%, #ddd 51%, transparent 51%, transparent);
}
.tatenimiru {
	position:absolute;
	width:15px;
	height:50px;
	top:20px;
	left:-25px;
}
	.tatenimiru:before {
		content:"縦にみる↓";
		font-size:9pt;
	}

.q6-box-waku {
	position:absolute;
	width:30%;
	height:418%;
	bottom:0px;
	right:0px;
	border-right:solid 5px #a3d2e9;
}
	.q6-box-waku:before {
		content:"問.6へ";
		color:#008edb;
		position:absolute;
		top:0;
		right:3px;
		font-size:8pt;
	}
.q7-box-waku {
	position:absolute;
	width:30%;
	height:508%;
	bottom:0px;
	right:0px;
	border-right:solid 5px #a5e9a3;
}
	.q7-box-waku:before {
		content:"問.7へ";
		color:#0ddb00;
		position:absolute;
		top:0;
		right:3px;
		font-size:8pt;
	}

.input-group {
	margin-bottom:0.8em;
}




.msg-q01, .msg-q02, .msg-q03, .msg-q04, .msg-q05,
.msg-q06, .msg-q07, .msg-q08, .msg-q09, .msg-q10,
.msg-q11, .msg-q12, .msg-q13, .msg-q14, .msg-q15,
.msg-q16, .msg-q17, .msg-q18, .msg-q19, .msg-q20,
.msg-q21, .msg-q22, .msg-q23, .msg-q24, .msg-q25,
.msg-q26, .msg-q27, .msg-q28, .msg-q29, .msg-q30,
.msg-q31,
.msg-s01, .msg-s02
{
	display:none;
/*
	background-color: #ecb373;
	padding: 0.3em 1.2em 0.2em;
	border: solid 2px #ddd;
	border-radius: 6px;
	box-shadow: 1px 1px 6px #333;
	color: #fff;
	font-size: 8.25pt;
	display: inline-block;
*/
}

.msg {
/*	display:none;
*/
	height:0px;
	color:#fff;
}
input.msg {
	border: 0;
	margin: 0;
	padding: 0;
	height: 0px;
}


































































.se-container{
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 150px;
}
.se-slope{
	margin: 0 -50px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}
.se-slope:nth-child(odd){
	background: #fff;	/*#000;*/
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	margin-top: -260px;
	box-shadow: 0px -1px 3px rgba(0,0,0,0.4);
}
.se-slope:nth-child(even){
	background: #efefef;	/*#e90089;*/
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;
}
.se-content{
	margin: 0 auto;
}
.se-content h3{
	font-size: 27.75pt;	/*60px;*/
	position: relative;
	display: inline-block;
	padding: 10px 30px 8px 30px;
	height: 80px;
	background: #40aee3;	/*#000;*/
	line-height: 80px;
	margin-bottom: 20px;
	font-family: 'Bitter', 'Trebuchet MS', Arial;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
.se-content h3:before{
	content: '';
	width: 0;
	height: 0;
	border-top: 38px solid transparent;
	border-bottom: 60px solid transparent;
	border-right: 60px solid black;
	position: absolute;
	left: -59px;
	top: 0px;
}
.se-content h3:after{
	content: '';
	width: 0;
	height: 0;
	border-top: 38px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid black;
	position: absolute;
	right: -59px;
	top: 0px;
}
.se-slope:nth-child(odd) .se-content h3:before,
.se-slope:nth-child(odd) .se-content h3:after{
	border-right-color: #40aee3;	/*#e90089;*/
	border-left-color: #40aee3;		/*#e90089;*/
}
.se-content p{
/*
	width: 75%;
	max-width: 500px;
*/
	margin: 0 auto;
	font-style: normal;	/*italic;*/
	font-size: 16.75pt;	/*18px;*/
	line-height: 1.4em;	/*24px;*/
	padding-top: 1.6em;	/*10px;*/
}
.se-content p:first-letter{
	font-size: 28.75pt;	/*40px;*/
	font-family: 'メイリオ', Meiryo, Osaka;
	/*font-family: 'Adobe Garamond Pro', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', Georgia, serif;
*/
}
.se-slope:nth-child(odd) .se-content{
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
	color: #3e3636;	/*#e90089;*/
	padding: 130px 100px 250px 100px;
}
.se-slope:nth-child(even) .se-content{
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	color: #000;
	padding: 150px 100px 250px 100px;
}
.se-slope:nth-child(odd) .se-content h3{
	background: ##40aee3;	/*#e90089;*/
	color: #fff;	/*#000;*/
}
.se-slope:nth-child(even) .se-content h3{
	background: #000;
	color: #e90089;
}

/* Media Queries */
@media screen and (max-width: 1010px){
	.se-content h3{
		font-size: 40px;
	}
}
@media screen and (max-width: 767px) {
	.se-content h3{
		font-size: 20px;
	}
}
@media screen and (max-width: 400px) {
	.se-content h3{
		font-size: 20px;
		line-height: 20px;
		padding-top: 30px;
		height: 60px;
	}
	.se-content p{
		width: 95%;
	}
	.se-slope:nth-child(odd) .se-content,
	.se-slope:nth-child(even) .se-content{
		padding-left:60px;
		padding-right:60px;
		
	}
}




#form1 h2 {
	font-size:13.25pt;
	line-height:1.4em;
	margin-top:0;
	margin-bottom:0;
	text-shadow:1px 1px 3px #333;
}
#form1 label {
	font-size: 12.25pt;
	margin: 0.8em 0.0em 3px;
	padding: 0.4em 0.8em 0;
	background-color: #d5f3ff;
	width: 100%;
}


#form1 .form-group {
/*
	border: solid 1px #ccc;
	padding: 0.8em;
	border-radius: 10px;
*/
	margin: 0 auto;	/* 1.6em;*/
}
	#form1 .form-group.border-none {
		border:none;
		margin-top:1.6em;
	}
/* 吹き出し本体 */
.balloon1{
	position: relative;
	padding: 1.6em;	/*20px;*/
	border-radius: 10px;
	color: #ffffff;
	background-color: #0888ff;
	/*margin-left: 110px;					/* 左に余白を設ける */
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
	position: absolute;
	left: -110px;
	top: 0;
}
/* 三角アイコン */
.balloon1::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: -14px;
	top: 20px;
	border-right: 15px solid #0888ff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

/* 吹き出し本体 */
.balloon2{
	position: relative;
	padding: 1.6em;	/*20px;*/
	border-radius: 10px;
	color: #ffffff;
	/*background-color: #0888ff;*/
	background-image: linear-gradient(335deg, #34ffda, #577cfd);
	/*margin-right: 110px;					/* 右に余白を設ける */
}
/* 画像 - 絶対配置で右上に配置 */
.balloon2 .icon{
	position: absolute;
	right: -110px;
	top: 0;
op: 0;
}
/* 三角アイコン */
.balloon2::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: -14px;
	top: 20px;
	border-left: 15px solid #3BE6E1;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
}
/* --------------------------------
	base
-------------------------------- */
/*
html {
	font-size: 62.5%;
	font-family: "Roboto", "繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝?け Pro", "Hiragino Kaku Gothic Pro", '繝｡繧､繝ｪ繧ｪ', Meiryo, "?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け", "MS PGothic", sans-serif;
	height: auto;
}
body {
	font-size: 1.4rem;
	line-height: 1;
	margin: 0;
	min-width: 340px;
	color: #4A4F53;
	background-color: #F0F0F0;
}
*/
input[type="text"] {
	outline: 0;
	/*border: 0px;	/*solid 1px #ccc;	/*0px;*/
	background: transparent;
	font-size: 12.75pt;	/*1.2em;	/*2.0rem;*/
	background-color: #fff;
	height:3em;
}

#s03 input[type="text"] {
	outline: 0;
	background: transparent;
	font-size: 1.2em;	/*2.0rem;*/

	border: solid 1px #bfbfbf;
	margin-bottom: 0.8em;
	/*padding:1.6em 0.8em;*/
}
/*
	input::placeholder {
		color: red;
		font-size: 1.2em;
		font-style: italic;
	}
*/
textarea {
/*
	outline: 0;
	border: 2px;
	background: transparent;
	font-size: 1.8rem;
*/
	width:100%;
	margin:0 auto 1.6em;
	padding:0.4em 0.8em;
}
/*
input[type=radio], input[type=checkbox] {
	display: none;
}
/*
input[type="radio"]:checked + label {
	background-color: #2892F9;
	color: #ffffff;
}
*/
#q03 input[type=radio], #q03 input[type=checkbox],
#q06 input[type=radio], #q06 input[type=checkbox]
{
/*	display:none;*/
}
/*
#q03 input[type=radio], #q03 input[type=checkbox],
.cp_ipradio input[type=radio], .cp_ipradio input[type=checkbox] {
	display: block;
}
*/
*/
select {
/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
*/
	cursor: pointer;
}
::-ms-expand {
	display: none;
}
select:focus {
	outline: 0;
}
/*------------------------------
button
------------------------------*/

.button {
	display: inline-block;
	width: 200px;
	padding: 20px;
	border-radius: 4px;
	background-color: #494F52;
	border: none;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.2rem;
	transition: background-color 0.3s;
}
.button:hover {
	background-color: #2892F9;
}

/*------------------------------
parts
------------------------------*/

.header-fixed{
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	z-index: 100;
}
.header {
	background-color: #494F52;
}
.header .mainTitle{
	padding-left: 30px;
	color: #FFFFFF;
}
.header .backBtn{
	text-align: right;
	padding-right: 30px;
	padding-top: 40px;
	height: 65px;
	font-size: 1.8rem;
}
.header a{
	color: #FFFFFF;
	transition: color 0.3s;
	text-decoration: none;
}
.header a:hover{
	color: #7ABBFC;
}
.footer {
	background-color: #494F52;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 40px;
	z-index: 99;
}
.footer .copyWriter{
	color: #FFFFFF;
	padding-left: 20px;
}

/*------------------------------
contents
------------------------------*/
.contents {
	padding: 0 0 1.6em;	/*3.2em 0 1.6em;*/
	width: 100%;
	margin: 0.4em auto;	/*1.6em auto;*/
	line-height:1.8em;
}
.contents .formBox {
	background-color: #FFFFFF;
/*
	min-height: 980px;
	border: 1px solid #CDCDCD;
*/
}
	.contents .form .container {
	}
.contents .formBox .form_area{
	margin: 0 30px;
}
.contents .formBox .input_label{
	font-size: 2.0rem;
	margin: 1.6em 0 0.8em;

	text-indent: -2em;
	padding-left: 2em;

	font-weight:600;
	color:#666;
}
.contents .formBox .input_text{
	border: none;
	border-bottom: 2px solid #CDCDCD;
	width: 100%;
	padding: 8px;
	margin-left: 10px;
	transition: border-bottom 0.3s;
}
.contents .formBox .input_text:focus{
	border-bottom: 2px solid #FF7280;
}
.contents .formBox .input_text:hover{
	border-bottom: 2px solid #FF7280;
}
.contents .formBox .input_textarea{
/*	border: none;*/
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;

	border-bottom: 2px solid #CDCDCD;
	width: 100%;
	padding: 8px;
	margin-left: 10px;
	transition: border-bottom 0.3s;
}
.contents .formBox .input_textarea:focus{
	border-bottom: 2px solid #FF7280;
}
.contents .formBox .input_textarea:hover{
	border-bottom: 2px solid #FF7280;
}
.input_radio {
	margin: 3px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	padding: 15px 25px;
	cursor: pointer;
	color: #FFFFFF;
	border-radius: 3px;
	background-color: #494F52;
	transition: background-color 0.3s, color 0.3s;
}
.input_radio:hover {
	background-color: #C8C8C8;
	color: #4A4F53;
}
.input_list {
	width: 100%;
	padding: 15px 15px;
	margin-left: 10px;
	border: none;
	border-bottom: 2px solid #CDCDCD;
	font-size: 2.0rem;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position:right center;
	transition: border-bottom 0.3s;
}
.input_list:focus{
	border-bottom: 2px solid #FF7280;
}
.input_list:hover{
	border-bottom: 2px solid #FF7280;
}

/*
				.check_css {
					-webkit-transition: background-color 0.2s linear;
					transition: background-color 0.2s linear;
					position: relative;
					display: inline-block;
					padding: 0 0 0 42px;
					vertical-align: middle;
					cursor: pointer;
					font-size: 2.0rem;
					z-index: 1;
				}
				.check_css:hover:after {
					border-color: #2892F9;
				}
				.check_css:after {
					-webkit-transition: border-color 0.2s linear;
					transition: border-color 0.2s linear;
					position: absolute;
					top: 50%;
					left: 15px;
					display: block;
					margin-top: -10px;
					width: 20px;
					height: 20px;
					border: 2px solid #ccc;
					border-radius: 6px;
					content: '';
					z-index: 2;
				}
				.check_css:before {
					-webkit-transition: opacity 0.2s linear;
					transition: opacity 0.2s linear;
					position: absolute;
					top: 50%;
					left: 21px;
					display: block;
					margin-top: -6px;
					width: 9px;
					height: 9px;
					border-right: 3px solid #2892F9;
					border-bottom: 3px solid #2892F9;
					content: '';
					opacity: 0;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					z-index: 3;
				}
*/
input[type=checkbox]:checked + .check_css:before {
	opacity: 1;
}





.check_css_2 {
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position: relative;
	display: inline-block;
	padding: 0 0 0 42px;
	vertical-align: middle;
	cursor: pointer;
	font-size: 2.0rem;
	z-index: 1;
}
.check_css_2:hover:after {
	border-color: #2892F9;
}
.check_css_2:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position: absolute;
	top: 50%;
	left: 0px;	/*15px;*/
	display: block;
	margin-top: -15px;
	width: 40px;
	height: 40px;
	border: 2px solid #ccc;
	border-radius: 6px;
	content: '';
	z-index: 2;
}
.check_css_2:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute;
	top: 50%;
	left: 10px;	/*21px;*/
	display: block;
	margin-top: -25px;	/*-6px;*/
	width: 25px;	/*9px;*/
	height: 40px;	/*9px;*/
	border-right: 3px solid #2892F9;
	border-bottom: 3px solid #2892F9;
	content: '';
	opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 3;
}
input[type=checkbox]:checked + .check_css_2:before {
	opacity: 1;
}





.form .button{
	margin-top: 30px;
	width: 100%;
	font-size: 2.4rem;
}
/*------------------------------
smartPhone
------------------------------*/

@media screen and (max-width: 640px) {
	body {
		min-width: 300px;
	}
	.header .backBtn{
		padding-top: 0px;
		height: 30px;
		font-size: 1.8rem;
	}
	.contents {
		padding: 92px 0 40px 0;
	}
	.contents .form{
		min-height: 1050px;
	}
	.check_css {
		margin-top: 10px;
	}
}


.container .jumbotron {
	padding:1.6em;
	margin:0 auto;
}

.header-box {
	position:relative;
	background-color:#46e5ff;
	padding:0.8em;
	overflow:hidden;
	width:100%;
	height:8em;	/*15em;*/
	z-index: 1;
	/*background-image:url(../images/background_image.jpg);*/
/*	
	background-image:url(../images/iStock-1206774789_green_comp.jpg);
*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	/*contain;*/

	margin:5em auto 0;
	box-shadow:1px 3px 6px #ddd;
}
	.header-box .bg-img {
		background-color: rgba(250,255,238,0.5);	/*#00c3ff;*/
/*
		background-color: rgba(23,49,5,0.5);	/*#00c3ff;*/

		position: absolute;
		width: 60em;
		height: 60em;
		transform: rotate(32deg);
		top: -12.5em;
		left: -1.5em;
		z-index: 2;
		border-radius:50%;
	}
	.header-box .bg-img2 {
		background-color: rgba(250,255,238,0.5);	/*#00c3ff;*/
/*
		background-color: rgba(23,49,5,0.5);	/*#00c3ff;*/

		position: absolute;
		width: 35em;
		height: 35em;
		transform: rotate(32deg);
		top: 2em;
		left: -2em;
		z-index: 2;
		border-radius:50%;
	}

	.header-box .text-box {
		/* background-color: #00c3ff; */
		position: absolute;
		width: auto;	/*50em;*/
		height: auto;	/*50em;*/
		/* transform: rotate(35deg); */
		top: 22%;	/*1em;*/
		left: 2em;
		z-index: 10;
	}
		.header-box .text-box h3 {
			color:#182e4f;
			/*text-shadow:1px 1px 3px #333;*/
			line-height:1.4em;
			font-weight:700;
		}
			.header-box .text-box h3 span {
				font-size:80%;
			}
			.header-box .text-box h3 div.box01 {
				background-color: #ff1ad0;
				padding: 0.4em 0.8em 0.2em;
				text-shadow: none;
				display: block;
				width: 10em;
				line-height: 1em;
				text-align: center;
				margin-bottom:0.8em;
				font-size:12.75pt;
			}

#form1 .form-btn-area {
	border: none;
	padding: 2.4em 0 0.8em;
	margin: 2.4em auto 0.8em;
	border-top: dotted 1px #aaa;
	border-radius: 0;
}

.zenbun {
	width: 100%;
	font-size: 13.75pt;
	margin:0.8em auto 0;
	padding: 0.8em 1.6em;
	line-height: 1.6em;
	/*
	border-bottom: solid 1px #001252;
*/
}
	.zenbun .kigen {
		letter-spacing:0.1em;
		border-bottom:solid 1px #ccc;
	}
	.zenbun .kigen span {
		font-size:18.75pt;
		font-weight: 700;
		color: #e34f4f;
		margin:0 0.4em;
	}
	.zenbun .YRI {
		font-size:16.25pt;
		font-weight:700;
		color:#2f3279;
	}

p.input_label {
	font-size:13.75pt;
	text-indent: -2em;
	padding: 0.4em 2em;
	text-align: justify;

}
.required-title {
	font-size:11.75pt;
	display:block;
	margin:0.4em 0.2em;
}
.required-title-tate {
	font-size:11.75pt;
	display:block;
	padding: 0;
	margin: 0 1.4em;
	writing-mode: vertical-rl;
}
@media (max-width:1200px) {
	.required-title-tate {
		margin: 0 0.8em;
	}
}
@media (max-width:1001px) {
	.required-title-tate {
		margin: 0 0.4em;
	}
}
@media (max-width:600px) {
	.required-title-tate {
		margin: 0 0.2em;
	}
}




	#q03 .required-title,
	#q06 .required-title
	{
		font-size:11.75pt;
		display:block;
		margin:0.4em 1.6em;
	}














.cp_ipradio {
	width: 90%;
	margin: 2em auto;
	text-align: left;
}
@keyframes click-wave {
	0% {
		position: relative;
		width: 30px;
		height: 30px;
		opacity: 0.35;
	}
	100% {
		width: 200px;
		height: 200px;
		margin-top: -80px;
		margin-left: -80px;
		opacity: 0;
	}
}
.cp_ipradio .option-input,
.cp_ipradio .option-input-tate {
	width: 30px;
	height: 30px;
	background: #eee;	/*#d7cbcb;*/
	-webkit-appearance: none;
	margin: 0.4em auto;
}
	@media (max-width:996px) {
		.cp_ipradio .option-input-tate {
			margin: 0.4em -0.4em;
		}
	}
	@media (max-width:500px) {
		.cp_ipradio .option-input-tate {
			width: 20px;
			height: 20px;
		}
	}



/*	position: relative;
	top: 3.33%;	/*13.33333px;*/
/*	right: 0;
	bottom: 0;*/
/*	left: 33.333%;	/*0;*/
/*
	margin-right: 0.5rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: none;
	outline: none;
*/
.cp_ipradio .option-input:hover,
.cp_ipradio .option-input-tate:hover {
	background: #a9bfd6;	/*#d6a9a9;*/
}
.cp_ipradio .option-input:checked,
.cp_ipradio .option-input-tate:checked {
	background: #3c7ada;	/*#da3c41;*/
}
.cp_ipradio .option-input:checked::before,
.cp_ipradio .option-input-tate:checked::before {
/*	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	text-align: center;*/
}
.cp_ipradio .option-input:checked::after,
.cp_ipradio .option-input-tate:checked::after {
/*	position: relative;
	display: block;
	content: '';
/*
	-webkit-animation: click-wave 0.65s;
	        animation: click-wave 0.65s;
*/
	background: #3c7ada;	/*#da3c41;*/
}
.cp_ipradio .option-input.radio,
.cp_ipradio .option-input-tate.radio {
	border-radius: 50%;
	cursor:pointer;
}
.cp_ipradio .option-input.radio::after,
.cp_ipradio .option-input-tate.radio::after {
	border-radius: 50%;
}
.cp_ipradio label {
	line-height: 1.6em;	/*40px;*/
	display: block;
	text-align: center;
}
.cp_ipradio .option-input:disabled,
.cp_ipradio .option-input-tate:disabled {
	cursor: not-allowed;
	background: #b8b7b7;
}
.cp_ipradio .option-input:disabled::before,
.cp_ipradio .option-input-tate:disabled::before {
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	display: inline-block;
	width: 30px;
	height: 30px;
	content: '';
	text-align: center;
}
.cp_ipradio .disabled {
	color: #9e9e9e;
}









.input-group-addon {
	background-color: #dbf6f9;
}

.msg-q01,
.msg-q02,
.msg-q03,
.msg-q04,
.msg-q05
{
	display: block;
	margin: 0 auto;
	padding: 0 2.4em;
	background-color: #f88;
	color: #fff;
	border-radius: 16px;
}
.msg-q01:before,
.msg-q02:before,
.msg-q03:before,
.msg-q04:before,
.msg-q05:before
{
	content:"選択して下さい";
}





@media screen and (max-width: 450px) {

	.header-box .text-box {
		width: auto;
		height: auto;
		top: 1.2em;
		left: 0em;
		padding:0 0.4em;
	}
		.header-box .text-box h3 {
			line-height:1.2em;
			font-size:16pt;
		}

	.zenbun {
		width: 100%;
		font-size: 11.75pt;
		margin:0 auto 0.8em;
		padding: 1.6em 0.4em;
		line-height: 1.4em;
		text-align: justify;
	}
		.zenbun .kigen span {
			font-size:18.75pt;
			margin:0 0.1em;
		}
		.zenbun .YRI {
			font-size:14.25pt;
		}


	#form1 label {
		font-size: 9.75pt;
		margin-left: 0;
	}

	.required-title {
		font-size: 9.75pt;
		margin: 0;
	}

/* -------------- */
}




.radio {
	margin: 0.5rem;
}
.radio input[type="radio"] {
	position: absolute;
	opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
	content: '';
	background: #f4f4f4;
	border-radius: 100%;
	border: 1px solid #b4b4b4;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	position: relative;
	top: 0.0em;	/*-0.2em;*/
	margin-right: 1em;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
	background-color: #3197EE;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
	outline: none;
	border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
	box-shadow: inset 0 0 0 4px #f4f4f4;
	border-color: #b4b4b4;
	background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
	margin-right: 0;
}

	#q07 .radio input[type="radio"] + .radio-label:before {
		margin: 0.1em 0.4em 0.8em -2.0em;
	}


.q10Box {
	border: solid 1px #ccc;
	padding: 0 1.6em 0.8em;
	border-radius: 3px;
	background-color: #f4f4ff;
}


@media (max-width:630px) {
	#q01 .text-right,
	#q02 .text-right
	{
		text-align:left;
	}

	label {
		display: initial;
	}
	#form1 label {
		margin-left: 0.0em;
	}

}

.otherBox {
	display:inline-block;
	width:65%;
	margin-left:0.4em;
}

.btn {
	padding: 1.025em 12px;
}



/*
	フロートボタン
*/
.link-service-btn {
	position: fixed;
	width: auto;
	height: auto;
	background-color: rgba(15, 233, 255, 0.8);
	z-index: 999;
	left: 1em;
	bottom: 1.8em;
	border-radius:6px;
	display:block;
	cursor:pointer;
	padding:0.4em 0.8em 0.8em;
	font-size: 10.75pt;
	color: #012048;
	border: solid 3px #57c2ec;
}
	.link-service-btn i {
		margin:0 0.2em 0 0;
	]

/*
	.link-service-btn:before {
		color:#fff;
		content:"\f0e6";
	}
	.link-service-btn:after {
		color:#fff;
		content:"ご意見をお聞かせください";
	}
*/