/*
Theme Name: dcr
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/******************************************************
 * 共通設定
 ******************************************************/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
}


*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	-ms-box-sizing: inherit;
	-o-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	 /*font-family: "ヒラギノ丸ゴ Pro W2","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; */
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka';
	font-size: 15px;
	color:#000;
	margin: 0;
}
/*
body,
button,
input,
select,
textarea {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}
*/

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}


ul,
ol {
}

ul {
	list-style-image: url('./common/image/list-tri_r.png');
	padding-left: 10px;
}
ul li {
	margin-bottom: 5px;
}

ol {
	list-style: none;
	counter-reset: ol_li;
	padding-left:  0;
}

ol li {
	padding-left: 40px;
	position: relative;
}

ol li:before {
	position: absolute;
	top: 0;
	left: 21px;
	counter-increment: ol_li;
	content: counter(ol_li);
	margin-bottom: 20px;
	font-weight: bold;
}

li > ul,
li > ol {
}

dl {
}

dt {
}

dd {
}


table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 50px;
}

tr {
}

th,td {
	padding: 10px 10px;
	color: #4d5357;
	border: solid 1px #4d5357;
}
th {
	text-align: left;
	background: #E5F2F9;
}

td {
	text-align: left;
}

table thead th,
table thead td {
	text-align: center;
	background: #B2D8EE;
}

img,
video {
	height: auto; 
	max-width: 100%;
}

embed,
iframe,
object {
}


hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

img{
	max-width: 100%;
	height: auto;
}


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}




/*===================================================================
	.m -> margin
===================================================================*/
.mb5  { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.container-fluid {
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}

.row {
	margin: 0;
	padding: 0;
}

.collapse {
	display: block;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	margin: 0;
	padding: 0;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
	margin: 0;
	padding: 0;
}


/******************************************************
 * ヘッダー
 ******************************************************/
#header {
	border-top: 3px solid #3399ff;
	margin-bottom: 30px;
}

#header #head-area {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #3399ff;
	margin-bottom: 30px;
}
#header #main-visual {
	margin-bottom: 30px;
}

#header #header_nav_container {
	background: #f2f6e5;
}
#header #global_nav {
}
#header #global_nav ul,
#header #global_nav ul li {
	margin: 0;
}
#header #global_nav ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#header #global_nav ul li {
	float: none;
	display: table-cell;
	width: 100%;
	padding: 4px 0 2px;
	vertical-align: middle;
}
#header #global_nav ul li a{
	text-align: center;
	color: #000;
	font-weight: bold;
	border-left: 1px solid #DED5C8;
	display: table;
	width: 100%;
	padding: 0 4px;;
}
#header #global_nav ul li a span{
	border-bottom: 3px solid #3399ff;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 60px;
}
#header #global_nav ul li:last-child a{
	border-right: 1px solid #DED5C8;
}
#header #global_nav ul li a:hover,
#header #global_nav ul li a:focus {
	background: none;
}

@media screen and ( max-width: 767px ) {
	#header #global_nav ul li a{
		font-size: 12px;
	}
}

/******************************************************
 * ボディー
 ******************************************************/
#body {}
#body h2 {
	font-size: 38px;
	text-align: center;
	color: #0066ff;
	font-weight: bold;
	margin-bottom: 20px;
}
#body h3 {
	border: #3399ff 2px solid;
	padding: 5px 0;
	text-align: center;
	color: #3399ff;
	font-weight: bold;
	margin: 0 auto 30px auto;
}
#body h4 {
	background: #3399ff;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	margin: 0;
}
#body table { }
#body table th,
#body table td {
	display: block;
	width: 100%;
	padding: 15px;
}
#body table th {
	color: #0066ff;
	font-weight: bold;
	background: #ccffff;
	min-width: 200px;
	font-size: 21px;
}
#body table td {
	border-top: none;
}
#body table td ul{
	list-style: none;
}
#body table td ul{
	margin: 0;
	padding: 0;
}
#body table td ul li{
	margin: 0;
	line-height: 2;
}
#body table td ul li:before{
	content: "●";
}
#body ul.list_1 {
	list-style: none;
}
#body ul.list_1 li:before {
	content: url('./common/image/shikaku.png');
}

#body #apply-img {
	background: #fdf8f2;
	padding: 20px 0 50px;
}

#body #campaign-btn01 {
	background: #fd0000;
	padding: 50px 0;
	margin-bottom: 50px;
}
#body .shinsa-btn02 {
	margin-bottom: 30px;
}
#body .shinsa-btn02 .container-fluid {
	border-top: #3399ff 1px solid;
	border-bottom: #3399ff 1px solid;
	padding: 20px 0;
}

#body #summary .campaign_box {
	border: #3399ff 2px solid;
	padding: 10px 0;
	text-align: center;
	color: #3399ff;
	font-weight: bold;
	margin: 0 auto 30px auto;
	width: 70%;
	border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}
#body .contact_box {
	border: #3399ff 2px solid;
	padding: 5px 0;
	text-align: center;
	color: #3399ff;
	margin: 0 auto 30px auto;
	border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}
#body #summary .campaign_box .campaign_box_title {
	font-size: 24px;
}
#body #summary .campaign_box .campaign_box_sub_title {
	font-size: 16px;
}
#body #office-all01 .row .col-sm-6,
#body #office-all02 .row .col-sm-6,
#body #office-all03 .row .col-sm-6 {
	width: 48%;
	margin-bottom: 30px;
}
#body #office-all01 .row .col-sm-6:nth-child(2),
#body #office-all02 .row .col-sm-6:nth-child(2),
#body #office-all03 .row .col-sm-6:nth-child(2) {
	margin-left: 4%;
}
#body #office-all01 iframe,
#body #office-all02 iframe,
#body #office-all03 iframe {
	width: 100% !important;
}

@media screen and ( max-width: 767px ) {
	#body #office-all01 .row .col-sm-6,
	#body #office-all02 .row .col-sm-6,
	#body #office-all03 .row .col-sm-6 {
		width: 100%;
		margin-bottom: 0;
	}
	#body #office-all01 .row .col-sm-6:nth-child(2),
	#body #office-all02 .row .col-sm-6:nth-child(2),
	#body #office-all03 .row .col-sm-6:nth-child(2) {
		margin-left: 0;
	}
	#body #summary .campaign_box {
		width: 90%;
	}
	#body table th,
	#body table td {
		display: block;
		width:100%;
	}
	#body table td {
		border-top: none;
		border-bottom: none;
	}
	#body table {
		border-bottom: solid 1px #4d5357;
	}
}

/******************************************************
 * フッター
 ******************************************************/
#footer_container{
	padding-top: 37px;
	background: url('./common/image/footer-acce.png') repeat-x top center;
}
#footer{
	padding-top: 20px;
	color: #fff;
	background: #a6a7a7;
	padding: 30px 0 0;
}

#footer h3{
	font-size: 18px;
	margin: 10px 0 20px 0;
}

#footer address{
	margin-bottom: 30px;
}

#footer .col-md-5 {
	padding: 0 0 0 15px;
	border-right: 1px solid #fff;
}
#footer .col-md-3,
#footer .col-md-4 {
	padding: 20px 0 0 45px;
}
#footer .col-md-3 div,
#footer .col-md-4 div {
	font-size: 14px;
	margin-bottom: 20px;
}
#footer .col-md-3 ul li,
#footer .col-md-4 ul li {
	font-size: 14px;
	margin-bottom: 10px;
}
#footer .col-md-4:last-child {
	border-right: none;
}
#footer .col-md-3 ul li a,
#footer .col-md-4 ul li a {
	color: #fff;
}

#footer_navi{
	background: #383838;
	color: #fff;
}

#footer_navi ul{
	padding: 0;
	margin: 10px 0 0;
	list-style-type: none;
}

#footer_navi ul li{
	display: inline;
	display: inline-block;
	padding: 0 20px 0 0;
	margin-right: 12px;
	border-right: 1px solid #fff;
}
#footer_navi ul li:last-child{
	border-right: none;
}

#footer_navi ul li a{
	color: #fff;
}
#footer_navi nav {
	float: left;
}

@media screen and ( max-width: 767px ) {
	#footer .col-md-5 {
		border-right: none;
	}
}

/******************************************************
 * 共通設定
 ******************************************************/
#body {
	padding-bottom: 0;
}

#content ul {
	margin-bottom: 30px;
}

#content li {
	margin-bottom: 10px;
}

#content ol {
	margin-bottom: 30px;
}

#content li {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {
	
	#global_nav,
	#secondary,
	#pankuzu {
		display: block;
	}
	
	.slider_container,
	.navbar-toggle.collapsed {
		display: none;
	}
	
	.navbar-collapse {
		padding: 0;
	}
	.navbar-nav {
		margin: 0;
	}
	
	
	
	/* 共通設定 */
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-11 {
		width: 91.66666667%;
	}
	.col-sm-10 {
		width: 83.33333333%;
	}
	.col-sm-9 {
		width: 75%;
	}
	.col-sm-8 {
		width: 66.66666667%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-2 {
		width: 16.66666667%;
	}
	.col-sm-1 {
		width: 8.33333333%;
	}
	.col-sm-pull-12 {
		right: 100%;
	}
	.col-sm-pull-11 {
		right: 91.66666667%;
	}
	.col-sm-pull-10 {
		right: 83.33333333%;
	}
	.col-sm-pull-9 {
		right: 75%;
	}
	.col-sm-pull-8 {
		right: 66.66666667%;
	}
	.col-sm-pull-7 {
		right: 58.33333333%;
	}
	.col-sm-pull-6 {
		right: 50%;
	}
	.col-sm-pull-5 {
		right: 41.66666667%;
	}
	.col-sm-pull-4 {
		right: 33.33333333%;
	}
	.col-sm-pull-3 {
		right: 25%;
	}
	.col-sm-pull-2 {
		right: 16.66666667%;
	}
	.col-sm-pull-1 {
		right: 8.33333333%;
	}
	.col-sm-pull-0 {
		right: auto;
	}
	.col-sm-push-12 {
		left: 100%;
	}
	.col-sm-push-11 {
		left: 91.66666667%;
	}
	.col-sm-push-10 {
		left: 83.33333333%;
	}
	.col-sm-push-9 {
		left: 75%;
	}
	.col-sm-push-8 {
		left: 66.66666667%;
	}
	.col-sm-push-7 {
		left: 58.33333333%;
	}
	.col-sm-push-6 {
		left: 50%;
	}
	.col-sm-push-5 {
		left: 41.66666667%;
	}
	.col-sm-push-4 {
		left: 33.33333333%;
	}
	.col-sm-push-3 {
		left: 25%;
	}
	.col-sm-push-2 {
		left: 16.66666667%;
	}
	.col-sm-push-1 {
		left: 8.33333333%;
	}
	.col-sm-push-0 {
		left: auto;
	}
	.col-sm-offset-12 {
		margin-left: 100%;
	}
	.col-sm-offset-11 {
		margin-left: 91.66666667%;
	}
	.col-sm-offset-10 {
		margin-left: 83.33333333%;
	}
	.col-sm-offset-9 {
		margin-left: 75%;
	}
	.col-sm-offset-8 {
		margin-left: 66.66666667%;
	}
	.col-sm-offset-7 {
		margin-left: 58.33333333%;
	}
	.col-sm-offset-6 {
		margin-left: 50%;
	}
	.col-sm-offset-5 {
		margin-left: 41.66666667%;
	}
	.col-sm-offset-4 {
		margin-left: 33.33333333%;
	}
	.col-sm-offset-3 {
		margin-left: 25%;
	}
	.col-sm-offset-2 {
		margin-left: 16.66666667%;
	}
	.col-sm-offset-1 {
		margin-left: 8.33333333%;
	}
	.col-sm-offset-0 {
		margin-left: 0%;
	}
	.visible-xs {
		display: none !important;
	}
	.hidden-xs {
		display: block !important;
	}
	table.hidden-xs {
		display: table;
	}
	tr.hidden-xs {
		display: table-row !important;
	}
	th.hidden-xs,
	td.hidden-xs {
		display: table-cell !important;
	}
	.hidden-xs.hidden-print {
		display: none !important;
	}
	.hidden-sm {
		display: none !important;
	}
	.visible-sm {
		display: block !important;
	}
	table.visible-sm {
		display: table;
	}
	tr.visible-sm {
		display: table-row !important;
	}
	th.visible-sm,
	td.visible-sm {
		display: table-cell !important;
	}
}




/******************************************************
 * モーダル＆チェック項目
 ******************************************************/
.lity-modal {
  max-width: 90vw;
  min-width: 40vw;
  max-height: 94vh;
  padding: 10px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.lity-modal__inner {
  max-height: 90vh;
  overflow-y: auto;
  padding: 5%;
}

.agree-notice {
	font-size: 120%;
	font-weight: bold;
}
.agree-notice b {
	color: #fd0000;
}

.agree-content {
	font-size: 120%;
}

.agree-checklist {
}
.agree-checklist__item {
	display: flex;
	align-items: center;
	position: relative;
	/*margin-top: -1px;*/
	/*border-bottom: 1px solid #bababa;*/
}
.agree-checklist__item:last-child {
	border-bottom-width: 0;
}
.agree-checklist__item input[type="checkbox"] {
	position: absolute;
	top: 50%;
	left: 30px;
	z-index: 10;
	margin: 0;
	translate: -100% -50%;
}
.agree-checklist__item label {
	cursor: pointer;
	display: inline-block;
	flex: 1;
	position: relative;
	z-index: 1;
	opacity: 1;
	margin: 0;
	padding: 30px 10px 30px 40px;
	border: 1px solid #bababa;
	border-width: 1px 1px 0;
	background: #F5FBF3;
	transition: all .2s ease-out;
}
.agree-checklist__item:first-child label {
	border-radius:4px 4px 0 0 ;
}
.agree-checklist__item:last-child label {
	border-bottom-width: 1px;
	border-radius: 0 0 4px 4px;
}
.agree-checklist__item input[type="checkbox"]:checked + label {
	color: #5BB43C;
}

@media (hover: hover) {
	.agree-checklist__item label:hover {
		opacity: .8;
		color: #5BB43C;
	}
}

.agree-action {
	font-size: 120%;
	text-align: center;
}

.agree-btn {
    cursor: pointer;
    display: block;
    position: relative;
    outline: 0;
    line-height: 1.2;
    margin: 10px 0;
    padding: 1em 15px;
    background: #fff;
    border: 0 solid #5BB43C;
    border-radius: 4px;
    box-shadow: 0 13px 3px -8px rgba(0,0,0,.06);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #333;
    font-size: 120%;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    background: #5BB43C;
    box-shadow: 0 8px 2px -5px rgba(0,0,0,.2);
    color: #fff;
}
@media (hover: hover) {
	.agree-btn:hover {
		opacity: .8;
		color: #fff;
	}
}
.agree-btn.is-disable {
    pointer-events: none;
    opacity: 1;
    background: #999;
    color: #ccc;
    font-weight: 400;
}