/*
Theme Name: craftlink
Template: lightning-pro

*/

/*定型文*/
a,
a::before,
a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  text-decoration: none!important;
}
/* other-style
----------------------------------------------- */
.MT0 { margin-top: 0px !important; }
.MT10 { margin-top: 10px !important; }
.MT20 { margin-top: 20px !important; }
.MT30 { margin-top: 30px !important; }
.MT40 { margin-top: 40px !important; }
.MT50 { margin-top: 50px !important; }
.MT100 { margin-top: 100px !important; }

.MB0 { margin-bottom: 0px !important; }
.MB5 { margin-bottom: 5px !important; }
.MB10 { margin-bottom: 10px !important; }
.MB20 { margin-bottom: 20px !important; }
.MB30 { margin-bottom: 30px !important; }
.MB40 { margin-bottom: 40px !important; }
.MB50 { margin-bottom: 50px !important; }

.MR0 { margin-right: 0 !important; }
.MR10 { margin-right: 10px !important; }
.MR20 { margin-right: 20px !important; }
.MR30 { margin-right: 30px !important; }
.MR40 { margin-right: 40px !important; }
.MR50 { margin-right: 50px !important; }

.ML10 { margin-left: 0 !important; }
.ML10 { margin-left: 10px !important; }
.ML20 { margin-left: 20px !important; }
.ML30 { margin-left: 30px !important; }
.ML100 { margin-left: 100px !important; }

.PT0 { padding-top: 0px !important; }
.PT10 { padding-top: 10px !important; }
.PT20 { padding-top: 20px !important; }
.PT30 { padding-top: 30px !important; }
.PB0 { padding-bottom: 0px !important; }
.PB10 { padding-bottom: 10px !important; }
.PB20 { padding-bottom: 20px !important; }
.PB30 { padding-bottom: 30px !important; }
.PR10 { padding-right: 10px !important; }
.PR20 { padding-right: 20px !important; }
.PR30 { padding-right: 30px !important; }
.PL10 { padding-left: 10px !important; }
.PL20 { padding-left: 20px !important; }
.PL30 { padding-left: 30px !important; }
.PR10 { padding-right: 10px !important; }
.PR20 { padding-right: 20px !important; }
.PR30 { padding-right: 30px !important; }
.P80 { padding: 80px 0; }
.P50 { padding: 50px 0; }

.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }

.col-r { float:right!important; }
.col-l { float:left!important; }
a.text-none { text-indent: -9999px; }
.clear { clear:both; }
div, img { box-sizing: border-box; }

/* フォントサイズ変更 */
.fs10 { font-size: 10px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs18 { font-size: 18px !important;}
.fs30 { font-size: 30px !important;}
.fs120{ font-size: 120% !important;}
.fs140{ font-size: 140% !important;}


/* 文字位置 */
.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}
.pc { display: block; }
.mb{ display: none; }

@media only screen and (max-width:640px){
.w40 { width:100%; }
.w45 { width:100%; }
.w50 { width:100%; }
.w55 { width:100%; }
.w60 { width:100%; }
.w70 { width:100%; }
.w80 { width:100%; }
.w90 { width:100%; }
.col-r { float:none!important; }
.col-l { float:none!important; }
.PL10 { padding-left: 0 !important; }
.PL20 { padding-left: 0 !important; }
.PL30 { padding-left: 0 !important; }
.PR10 { padding-right: 0 !important; }
.PR20 { padding-right: 0 !important; }
.PR30 { padding-right: 0 !important; }
.pc { display: none; }
.mb{ display: block; }
	}

div, img, a { box-sizing: border-box; }
a:hover { opacity: 0.8; }
a:focus { outline: none; }
li { list-style : none; }
ul { padding:0; margin: 0; }

/*****************************リンク無効**************************/
a.none { pointer-events: none; }

/****************PCのみflex*************/
.flex { display: flex;}
.flex.center { align-items: center;}
.flex.wrap { flex-wrap: wrap; }
.flex.between { justify-content: space-between; }
.flex.around { justify-content: space-around; }
.flex.reverse { flex-direction: row-reverse; }
.flex.start { align-items: flex-start; }
.flex.justify_center { justify-content: center; }

.flex.set2 > * { width: calc(100% / 2 - 15px) !important; }
.flex.set3 > * { width: calc(100% / 3 - 10px) !important; }
.flex.set4 > * { width: calc(100% / 4 - 10px) !important; }
@media only screen and (max-width: 415px) {
.flex { display: block; }
.flex.set2 > * { width: 100%!important; }
.flex.set3 > * { width: 100%!important; }
.flex.set4 > * { width: 50%!important; }
}

body { font-family: 'Noto Sans JP', sans-serif; }
h1.siteHeader_logo a {
	font-family: メイリオ;
	font-weight: bold;
	font-size: 25px;
	color: #2867a0 !important;
}
ul.gMenu > li > a {
	border-bottom: none;
	font-size: 17px;
	font-family: 'Noto Sans JP', sans-serif; 
}

.mainvs {
	position: relative;
}
img.main_txt {
	position: absolute;
	z-index: 1;
	width: 550px;
	left: 5%;
	top: 10%;
}

h2.ttl {
	border: none;
	background: none;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	font-family: 'Shippori Mincho B1', serif;
}
h2.ttl span {
	color: #4472c4;
	display: block;
	line-height: 1;
	font-size: 17px;
}

#greeting { position: relative; }
#greeting::after {
	position: absolute;
	content: "";
	background: #e9f0f4;
	width: 70%;
	top: 0;
	height: 100%;
	right: 0;
	z-index: -1;
}
#greeting h3 {
	border: none;
	font-weight: bold;
	box-shadow: none;
}
#greeting h3:after { display: none; }
span.blue {
	color: #4472c4;
	font-weight: bold;
	font-size: 18px;
}

#works .flex {
  align-items:stretch
}
#works li {
	background: #fff;
	min-height: 200px;
	border: 2px solid #333;
	padding: 50px 30px;
	font-size: .9em;
}
#works h3 {text-align: center;border: none;}
#works h3::after {content: none;}
#works i {display: block;font-size: 2em;margin-bottom: 10px;color: #4472c4;}


#company {
	background: url(images/bg_pattern.png);
}
table th, table td {
	background: #fff;
	padding: 14px !important;
	font-size: 15px;
}
table th {white-space: nowrap;}

#info ul {
	width: 70%;
	margin: 0 auto;
}
#info ul li {
	border-bottom: 1px dotted #565656;
	padding: 15px;
}
#info ul li a {
	color: #333;
	font-size: 15px;
}
#info ul li a span.time {
	display: inline-block;
	width: 150px;
}
a.more, input.btn {
	background: #4472c4;
	color: #fff;
	padding: 20px;
	margin: 50px auto 0;
	display: block;
	max-width: 300px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	border-bottom: 5px solid #002060;
}

#contact {
	background: url(images/bg_contact.jpg)no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#contact .container {
	background: rgba(255,255,255,0.8);
	width: 60%;
	padding: 30px 50px;
}
.contactform {
	margin: 0 auto;
}
span.red {
	color: #d20909;
}
#contact dl {
	display: flex;
	justify-content: space-between;
}
#contact dt {
	width: 200px;
}
#contact dt, #contact dd {
	border: none;
	padding: 0;
}

footer {
	border-top: none;
	background: #002060;
	color: #fff;
}
footer .copySection {
	border: none;
	padding: 20px 0;
}
footer .aligncenter {
	padding: 20px 0 0;
	margin: 0 auto;
	max-height: 108px;
}

/*タブレット横*/
@media only screen and (min-width: 768px) and (max-width: 1124px) {
}

/*タブレット縦とスマホ横*/
@media only screen and (min-width: 624px) and (max-width: 1020px) {
}

/*スマホ縦*/
@media only screen and (max-width: 415px) {
	body {font-size: 14px;}
	.container {padding: 40px 20px;}
	h2.ttl {font-size: 30px;}
	h3 {font-size: 18px;}
	#works li{padding: 30px;}
	#contact .container {width: 90%;}
	#contact dl {flex-direction: column;margin: 5px 0;}
	#contact input.btn {margin-top: 30px;}
}