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

html , body , .wrapper {
	height: 100%;
}

body {
	font-size: 10px;
	letter-spacing: 0.08em;
}

.error_msg {
	font-size: 1.1rem;
	color: #dd4b39;
}

.callout h4 {
	font-size: 1.3rem;
}

.title , .noto-serif , .noto-serif h2{
	font-family: "Noto Serif JP", sans-serif !important;
}

.upload p , .f-botton dd , .contents_wrap .gothic , .upload{
	font-family: "Helvetica Neue" , "Helvetica,Arial " ,sans-serif;
}

h1 {
	letter-spacing: 2px;
	margin: 0;
	padding-bottom: 3rem;
}

h1 , .f-botton dd button , form .button {
	font-family: "Noto Sans JP", sans-serif;
}

h1 , h4 {
	margin: 0;
}

h2 {
	font-size: 1.8rem;
	margin-top: 4rem;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 0.5rem;
	letter-spacing: 1px;
	font-weight: 700;
}

ul {
	padding: 0;
	list-style: none;
}

.paper , .contents_wrap {
	background: #fff;
}

.col-sm-4 {
	width: 33.33333333%;
	height: 100%;
	min-height: 100vh;
	margin: 0 auto;
	padding-top: 9.5rem;
}

 .contents-inner , .contents_wrap2 {
	margin: 0 auto;
	position: relative;
}

.skin-black .wrapper {
	background: #EBEBEB;
}

.contents_wrap {
	padding: 18rem 0 12rem;
	margin: 0 auto;
	height: 100%;
}

.content_description {
	padding-left: 1em;
}

.text-left {
	margin: 0 auto;
	letter-spacing: 1px;
	line-height: 2;
}

.underline {
	border-bottom: solid 1px #000;
}

.inline_org , .description_org , .upload , .exemption {
	margin-top: 3rem;
}

.content-header {
	padding: 0;
}

.content-wrapper {
	background-color: #fff;
}

.skin-black .main-header>.head-innner>.logo , .skin-black .main-header .navbar {
	background-color: #00a4bb;
	color: #fff;
}

.skin-black .main-header>.logo:hover {
	color: #00a4bb;
}

.skin-black .main-header>.logo {
	border-right: none;
}

.skin-black .sidebar-menu>li>a {
	border-left: none;
}

label {
	margin-bottom: 0!important;
}

.title {
	margin-bottom: 12rem;
}

.contents_wrap p {
	font-size: 1.6rem;
}

.p-indent {
	text-indent: 1em;
}

.user_i {
	background: #ebebeb;
	margin-right: 0.5rem;
	border-radius: 50%;
	padding: 1.1rem 1.9rem;
}

/*--------------------------------------------------------
ヘッダー
----------------------------------------------------------*/

header .head-innner {
	margin: 0 auto;
}

.skin-black .main-header {
	background: #00a4bb;
	-webkit-box-shadow: initial;
	box-shadow: initial;
}

.logo-text {
	font-size: 1.2rem;
	padding-left: 2em;
	vertical-align: middle;
}

.main-header .logo {
	display: flex;
	width: 290px;
	height: 40px;
	line-height: 4rem;
	text-align: left;
	padding: 0 1.5rem 0 0;
}

.main-header .navbar {
	margin-left: 29rem;
}

.main-header .navbar , .main-header{
	min-height: 40px;
}
/*--------------------------------------------------------
ヘッダー
----------------------------------------------------------*/

/*--------------------------------------------------------
サイドバー
----------------------------------------------------------*/
.wrapper {
	position: relative !important;
}

.main-sidebar {
	position: absolute;
	top: 0 !important;
	right: 0 !important;
	left: initial;
	padding-top: 11rem;
	width: initial;
}

.sidebar , .main-sidebar{
	background: #848484;
}

.side-inner {
	background: #ccc;
	height: 100%;
	min-height: 100%;
}

.skin-black .sidebar-menu>li>a {
	background: #00a4bb;
	color: #fff;
}

.content-wrapper, .main-footer {
	margin-left: 0;
	margin-right: 23rem !important;
}

.skin-black .sidebar-menu>li.active>p {
	color: #555;
}

.sidebar-menu>li>p {
	font-size: 1.2rem;
	line-height: 2.2em;
	margin-bottom:0;
	padding: 1.2rem 0 0 1.5rem;
}

.sidebar {
	background:transparent;
	margin-left: 2.15rem;
}

.sidebar , .copyright {
	position: fixed;
	left: auto;
	width: 250px;
}

.copyright {
	bottom: 20px;
	margin: 0 0 0 2.15rem;
}

.sidebar .status {
	border: solid 1px #adadad;
	background: #fff;
}

.sidebar .status h3 {
	font-size: 1.6rem;
	margin-top: 0;
	color: #373737;
}

.sidebar .status ul {
	padding: 1.2rem;
}

.sidebar .status li img {
	float: left;
	width: 40px;
	border-radius: 50%;
	border: solid 1px #ebebeb;
}

.sidebar .status li:nth-child(3) p {
	margin-bottom: 0;
}

.status_b {
	display: block;
	line-height: 1;
}

.sidebar .treeview {
	padding-left: 0;
}

.sidebar-menu>li>a {
	padding: 1.5rem 0.5rem 1.2rem 1.5rem;
}

.skin-black .main-sidebar {
	background: #ebebeb;
}

/*サイドバーの色*/
.skin-black .sidebar-menu>li:hover>a, .skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a ,.skin-black .sidebar-menu>li.header{
	color: #fff;
	background: #00a4bb;
}
/*サイドバーの色*/

/*プルダウンメニューの背景色*/
.skin-black .sidebar-menu>li>.treeview-menu {
	background: #fff;
}
/*プルダウンメニューの背景色*/

ul .treeview-menu li:nth-child(n+2){
	border-top: solid 1px #ebebeb;
}

ul .treeview-menu li a:hover {
	opacity: 0.5;
}

.skin-black .sidebar-menu .treeview-menu>li>a {
	color: #555;
	padding: 0.8rem 0 0.8rem 2rem;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.skin-black .sidebar-menu .treeview-menu>li>a:hover {
	background: #c6c6c6;
	color: #555;
}

.skin-black .sidebar-menu>li.active>a {
	font-size: 1.2rem;
	border-left-color: #00a4bb;
}

.sidebar-menu {
	white-space: initial;
	overflow: visible;
}

.skin-black .sidebar a {
	color: #D3D3D3;
}

.sidebar-menu>li:nth-child(5) {
	padding: 1rem 1rem 0;
}

.skin-black .sidebar-menu .treeview-menu>li>a:hover {
	color: initial;
	opacity: 0.5;
}

.treeview-menu>li>a , .skin-black .sidebar-menu>li>.status-guide>li.active>a , .sidebar-menu h4 , .sidebar .status li p{
	font-size: 1.3rem;
	padding-left: 50px;
}

.sidebar .status-guide {
	border: solid 1px #adadad;
}

.sidebar .status-guide , .skin-black .sidebar-menu .treeview-menu>.status-guide>li>a {
	background: #fff;
}

.skin-black .sidebar-menu>li>.status-guide>li.active>a , .sidebar-menu h4{
	border-left-color: #adadad;
	color: #fff;
	background: #adadad;
	padding: 1.2rem 0.5rem 1.2rem 1.5rem;
	display: block;
}

.skin-black .sidebar-menu .treeview-menu>.status-guide>li>a {
	color: #555;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
}

.treeview-menu {
	padding: 0;
}


/*-----------------ポップアップウィンドウ-----------------*/

.modal , .modal-body input , .modal-body button , .modal-footer button {
	letter-spacing: 0.08em;
	outline:none;
}

.modal-body .img-example , .modal h4 {
	font-size: 1.8rem;
}

.modal h4 {
	background: transparent;
	color: #fff;
	letter-spacing: 2px;
	padding: 0;
}

.modal-body ul {
	display:flex;
	-webkit-display:flex;
	-moz-display:flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin-bottom: 0;
}

.modal-body ul li {
	width: 30%;
}

.modal-body ul li:nth-child(n+4):nth-child(-n+6) {
	margin-top: 2rem;
}

.modal-body ul li .box_blank {
	width: 100%;
	padding: 10px;
	height: 70px;
	font-size: 1.05rem;
}

.modal-body ul li .box_blank img {
	display: block;
	width: 100%;
	height: 100%;
	margin: auto;
	object-fit: contain;
}

.modal-body ul li .box_blank a {
	font-size: 1.2rem;
}

.modal-header {
	background: #adadad;
}

.modal-body ul li p {
	margin-bottom: 0;
}

.modal-footer .btn {
	padding: 10px 40px;
}

.modal-body .img-example {
	font-weight: bold;
	letter-spacing: 3px;
	margin-bottom: 15px;
	padding-top: 0;
}

.modal-body input {
	width: 100%;
	font-size: 1.6rem;
	border: solid 2px #ccc;
	padding: 0.8rem 1rem;
}

.modal-body button {
	background: #00c2dd;
	float: right;
	color: #fff;
	font-size: 1.4rem;
	margin-top: 0.8rem;
	border-color: #0095aa;
	border-radius: 4px;
	padding: 1rem 4rem;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.modal-body button:hover {
	background: #00a4bb;
}

.modal-content .scrollbox {
  height: 300px;
  margin: 0;
  padding: 20px;
  overflow-y: scroll;
}
.modal-content .scrollbox::-webkit-scrollbar {
  width: 10px;
}
.modal-content .scrollbox::-webkit-scrollbar-thumb{
  background: #adadad;
  border-radius: 5px;
}
.modal-content .scrollbox::-webkit-scrollbar-track-piece {
  background: #efefef;
}

.modal-body h5 {
	font-size: 1.7rem;
	font-weight: bold;
}

.modal-body ol {
	font-size: 1.3rem;
	line-height: 2.5rem;
	margin: 0 10px;
	padding: 0;
}

.modal-body ol li {
	margin: 0 0 10px 20px;
	padding: 0;
}

.modal-body p {
	font-size: 1.2rem;
	clear: both;
}

.modal-body p.f13 {
	padding: 20px 10px;
	font-size: 1.3rem;
	line-height: 2.5rem;
}


/*-----------------ポップアップウィンドウ-----------------*/
/*--------------------------------------------------------
サイドバー
----------------------------------------------------------*/

/*----------------------indicator------------------------*/
.indicator {
	position: fixed;
	top:40px;
	width: 100%;
	height: 40px;
	color: #fff;
	font-size: 1.4rem;
	line-height: 4rem;
	vertical-align: middle;
	padding: 0 0.5rem ;
	z-index: 999;
}

.indicator , .indicator button {
	margin: 0;
	background: #4d4d4d;
}

.indicator_inner {
	margin: 0 auto;
	word-break: break-all;
}

.indicator button {
	position: absolute;
	right: 20px;
	background: transparent;
	border: 0;
	padding: 0;
	outline:none;
}

.indicator button:hover {
	color: #000;
}

/*----------------------indicator------------------------*/

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

starter.html/入力フォーム

--------------------------------------------------------
----------------------------------------------------------*/
/*--------------------------------------------------------
.inline_org
----------------------------------------------------------*/

.inline_org h2 , .inline_org p{
	display: inline;
}

.inline_org{
	text-indent: -7em;
	padding-left: 7em;
}

.inline_org p {
	margin-left: 2rem;
}

.description_org dl {
	padding-top: 1.4rem;
}

.description_org dt {
	width: initial;
	font-size: 1.6rem;
	padding-left: 1rem;
	font-weight: normal;
}

.description_org dd {
	font-size: 1.4rem;
	margin-left: 0;
	padding-left: 2em;
	text-indent: 1em;
	line-height: 2.4rem;
}

.description_org dl dd, .description_org dt{
	padding-bottom: 1.8rem;
}

.dl-horizontal dt , .dl-horizontal dd {
	padding-bottom: 0.8rem;
}

/*--------------------------------------------------------
upload
----------------------------------------------------------*/

.wire {
	border: solid 1px #b2b2b2;
	padding: 2.5rem;
}

.upload h2 {
	margin: 0;
}

.upload .box_blank {
	width: 400px;
	min-height: 50px;
	margin: 2rem auto 0;
	text-align: center;
}

.upload .box_blank img {
	max-width: 100%;
	max-height: 250px;
}

.upload p , .input-choice p{
	font-size: 1.4rem;
}

.input-choice p {
	margin: 0.5rem 0 0;
}

.upload p {
	margin: 0.5rem 0;
}

.up_result {
	margin: 0 0 2rem;
}

.btn-primary {
	background-color: #4c4c4c;
	border-color: #333;
}

.btn-primary:hover {
	background-color: #3D3D3D;
	border-color: #222;
}

.upload_progre_bg {
	padding: 0;
	background-color: #EDEEF1;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

#upload_progre {
	width: 0;
	height: 100%;
	background-color: #00c2dd;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

/*--------------------------------------------------------
exemption
----------------------------------------------------------*/

.exemption .box_blank {
	width: 100%;
	margin: 0rem auto 5rem;
	word-break: break-all;
	padding: 1rem;
	border-bottom: dotted 1px #ccc;
}

.exemption dl {
	margin-bottom: 0;
}
/*--------------------------------------------------------
footer
----------------------------------------------------------*/

.f-botton {
	bottom: 0;
	padding-left: 17rem;
	z-index: 99;
}

.f-botton dl{
	display: flex;
	max-width:640px;
}

.f-botton dd button , form .button , .login-form_wrap .box-footer button{
	background: #00c2dd;
	min-width: 280px;
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 8px;
	color: #fff;
	border-radius: 25px;
	border-color: initial;
	border-style: initial;
	border-width: initial;
	padding: 1.2rem 0;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

form .button {
	max-width: 250px;
}

.f-botton dd:nth-child(2) button {
	background: #adadad;
	min-width: 200px;
	letter-spacing: 1px;
	margin-left: 1em;
}

.f-botton dd button , .f-botton dd:nth-child(2) button {
	box-shadow: 0 3px 4px rgba(0,0,0,0.5);
}

.f-botton dd button:hover , form .button:hover , .login-form_wrap .box-footer button:hover{
	background: #0095aa;
}

.f-botton dd:nth-child(2) button:hover {
	background: #949494;
}

form button {
	display: block;
	margin: 0 auto;
}

form button:hover {
	background: #00616E;
}

form button:hover , .f-botton p {
	color: #fff;
}

.f-botton p {
	margin: 0;
}
/*--------------------------------------------------------
--------------------------------------------------------

starter.html/入力フォーム

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


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

retouching.html/修正ページ

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

/*--------------------------------------------------------
rediobouton
*--------------------------------------------------------*/
.checkbox, .radio {
	margin-bottom: 1.4rem;
	padding-left:2rem;
	font-size: 1.4rem;
}

.checkbox label span {
	font-size: 1.2rem;
}

.checkbox-group {
	margin-bottom: 3rem;
}

input[name="reset"] , input[name="reset2"] {
	margin-left: 0.8rem;
}

.checkbox-group .list-unstyled {
	margin: 2rem 0 0;
}

.list-unstyled p {
	margin: 0 0 0 1rem
}

.text_area input[type="text"] {
	width: 70%;
}

.text_area div {
	padding: 1rem 0 0 2rem;
}

.logo-box-group dl {
	padding-left: 2rem;
	margin: 2rem 0;
}

.logo-box-group dd {
	display: inline-block;
}

.logo-box-group .box_blank {
	width: 400px;
	min-height: 50px;
	margin: 2rem auto 0;
	border: solid 1px #000;
	text-align: center;
}

.logo-box-group .box_blank img {
	max-width: 400px;
}

.logo-box-group .upload {
	margin-top: 1rem;
}

.dl-horizontal dt {
	width: initial;
	font-size: 1.4rem;
	padding-right: 2em;
}

.dl-horizontal dd {
	margin-left: 0;
}

.not-allowed label{
	font-size :1.2rem;
}

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

retouching.html/修正ページ

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

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

complete.html/修正ページ

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

.form-complete {
	margin: 5rem 0;
	padding-left: 3rem;
}

.form-complete .form-group:nth-child(2) {
	margin-top: 2rem;
}

.form-complete label , .form-complete input[type="text"] , .form-complete input[type="email"] {
	font-size: 1.6rem;
}

.form-complete label {
	font-weight: normal;
	padding: 0.5rem 0;
}

.form-complete input[type="text"] , .form-complete input[type="email"] {
	width: 100%;
	padding: 0.5rem;
}

.form-complete .checkbox, .radio {
	margin: 0 0 0 1rem;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #adadad; }

/* Firefox 18- */
:-moz-placeholder {
    color: #adadad; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #adadad; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #adadad; }

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

complete.html/修正ページ

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

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

ログインフォーム

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

center h2 , center h1 , center h1 a {
	color: #333;
}

.login-form_wrap .box-footer button , center h1 , center h1 a , .contact-link a {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}


center h1 {
	font-size: 3rem;
	letter-spacing: 1px;
	margin-bottom: 0;
	padding-bottom: 0;
}

center h1:hover , center h1 a:hover {
	color: #333;
	opacity: 0.7;
}

center h2 {
	font-size: 2.2rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin-top: 3rem;
	border-bottom: none;
}

.login-form_wrap .box-body {
	font-size: 1.6rem;
}

.login-form_wrap {
	background: #fff;
	box-shadow: 0 3px 4px rgba(62,58,57,0.5);
	padding: 4rem 3rem 1.5rem;
}

.login-form_wrap .box-body {
	padding: 0 0 1rem;
}

.login-form_wrap .form-group {
	margin-bottom: 2.5rem;
}

.login-form_wrap p {
	font-size: 1.3rem;
	color: #747474;
	margin-bottom: 0;
	padding: 2rem 0 0 ;
	line-height: 2.7rem;
}

.contact-link {
	padding: 2rem 0;
}

.contact-link , center .copyright-top {
	font-size: 1.4rem;
}

.contact-link a {
	color: #00c2dd;
}

.contact-link a:hover {
	color: #0095aa;
}

.login-form_wrap .box-footer {
	padding: 2rem 0 0;
}

center .copyright-top {
	padding: 0 0 1rem ;
}

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

ログインフォーム

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

@media (min-width: 1200px) {
.sidebar , .copyright{
	margin-left: 5.5rem;
}

}

@media (max-width: 1199px) {
.f-botton {
	padding-left: 4.8rem;
}
}

@media (max-width: 992px) {
.sidebar , .copyright{
	margin-left: 0px;
	width: 220px;
}

.f-botton {
	padding-left: 0;
	margin-left: 0.6rem;
}

.f-botton dd button, form .button {
	min-width: 230px;
}
.f-botton dd:nth-child(2) button {
	min-width: 180px;
}
}

@media (min-width: 768px) {
header .head-innner , .indicator_inner {
	width: 750px;
}
.modal-dialog {
	width: 640px;
	margin: 140px 140px;
}
}

@media (min-width: 992px) {
header .head-innner , .indicator_inner {
	width: 970px;
}

}

@media (min-width: 1200px){
header .head-innner , .indicator_inner {
	width: 1170px;
}

}

@media (max-width: 767px) {
/*------------base---------------*/
.col-sm-8 {
	background: initial;
}

.contents_wrap {
	padding: 11rem 4rem 8rem;
}

.content-wrapper, .main-footer {
	margin-right: 0 !important;
}
/*------------base---------------*/

/*------------header---------------*/
.main-header .logo {
	text-align: center;
}
.skin-black .main-header .navbar {/*グローバルナビゲーション（入るものが決まり次第）*/
	display: none;
}
/*------------header---------------*/
/*------------indicator---------------*/
.indicator {
	height: auto;
}
/*------------indicator---------------*/


/*------------f-botton---------------*/
.f-botton {
	right: 5%;
	margin-left: 0px;
}

.f-botton dl {
max-width:initial;
}

.f-botton dl dd:first-child {
	margin-bottom: 1rem;
}
/*------------f-botton---------------*/

}

@media (max-width: 480px) {

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

base

--------------------------------------------------------
----------------------------------------------------------*/
.contents_wrap {
padding: 11rem 3rem 12rem;
}
/*--------------------------------------------------------
--------------------------------------------------------

base

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

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

starter.html/入力フォーム

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

.title p {
	width: 100%;
}

/*------------.description_org---------------*/

.description_org dl {
	padding-left: 2em;
}

.description_org dt {
	text-indent: -1.4em;
	padding-left: 1.4em;
}

.description_org dd {
	text-indent: -2.1em;
	padding-left: 3.6em;
}
/*------------.description_org---------------*/
/*------------upload---------------*/
.upload .box_blank {
	width: 100%;
}
/*------------upload---------------*/
/*------------f-botton---------------*/
.f-botton dl {
	flex-direction: column;
	align-items: flex-end;
}
/*------------f-botton---------------*/

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

starter.html/入力フォーム

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


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

retouching.html/修正ページ

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

.logo-box-group .box_blank {
	width: 100%;
}

.text_area input[type="text"] {
	width: 100%;
}
/*--------------------------------------------------------
--------------------------------------------------------

retouching.html/修正ページ

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

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

complete.html/修正ページ

--------------------------------------------------------
----------------------------------------------------------*/
.form-complete {
	padding-left: 1em;
}
/*--------------------------------------------------------
--------------------------------------------------------

complete.html/修正ページ

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