/*
Theme Name: Lightning Child
Theme URI: https://lightning.nagoya
Template: lightning
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 14.8.2.1655095524
Updated: 2022-06-13 13:45:24

*/

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
    font-family: 'Noto Sans JP', sans-serif !important;
 }

/* ===========================================
	CLASS
=========================================== */

.sp {
	display: none;
}
.spbr {
	display: none;
}
.pcbr {
	display: block;
}

@media screen and (max-width:767px) {
	
.sp {
	display: block;
}
.pc {
	display: none;
}
.spbr {
	display: block;
}
.pcbr {
	display: none;
}
	
	
}


/* ===========================================
	BUTTON
=========================================== */
.btn, a.btn, button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}

.btn_link, a.btn_link {
  color: #fff;
  padding: 1.5rem 2rem;
  display: block;
  width: 330px;
  margin: 0 auto;
  font-size: 1rem;
  cursor: pointer;
  background-color: rgba(64, 192, 211, 1.0) !important;
}
a.btn_link:hover {
  color: #fff;
  background-color: rgba(66, 208, 211, 1.0) !important;
}





.flex-box {
    display: flex;
	justify-content: space-between;
}


.box_col3 {
    width: 30%;
}

.box_col2 {
    width: 45%;
}

@media only screen and (max-width: 767px) {
	
.flex-box {
    display: block;
}
	
.btn_link, a.btn_link {
  width: 100%;
}
	
	

}

/* ===========================================
	フッター
=========================================== */

.site-footer-copyright p:nth-child(2){ display:none !important ; }


/* ===========================================
	トップページ
=========================================== */

.topcont section {
	margin: 0 0 60px;
}

.topcont h3 {
	background: #2ec0d3;
	color: #fff;
	padding: 10px;
	margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
	
.topcont section {
	margin: 0 0 30px;
}
	
.topcont h3 {
	line-height: 1.4;
	font-size: 1.2em;
}
	
	

}


/*冒頭部分*/
.topcont .introArea .box1 {
    width: 20%;
}

.topcont .introArea .box2 {
    width: 75%;
}

/*メリットエリア*/
.topcont .merit1 .box1, .topcont .merit2 .box1{
    width: 20%;
}

.topcont .merit1 .box2, .topcont .merit2 .box2 {
    width: 75%;
}



/*フローエリア*/

.topcont .flowArea .box1 {
    width: 20%;
}

.topcont .flowArea .box2 {
    width: 75%;
}

/*お約束エリア*/
.topcont .promiseArea .box1 {
    width: 20%;
}

.topcont .promiseArea .box2 {
    width: 75%;
}

@media only screen and (max-width: 767px) {
	
/*冒頭部分*/
.topcont .introArea .box1 {
    width: 70%;
	margin: 0 auto;
	text-align: center;
}
	
.topcont .introArea .box2 {
    width: 100%;
}

/*メリットエリア*/
.topcont .merit1 .box1, .topcont .merit2 .box1{
    width: 70%;
	text-align: center;
	margin: 0 auto;
}

.topcont .merit1 .box2, .topcont .merit2 .box2 {
    width: 100%;
}


/*フローエリア*/
.topcont .flowArea .box1 {
    width: 70%;
	text-align: center;
	margin: 0 auto;
}

.topcont .flowArea .box2 {
    width: 100%;
}

/*お約束エリア*/
.topcont .promiseArea .box1 {
    width: 70%;
	text-align: center;
	margin: 0 auto;
}

.topcont .promiseArea .box2 {
    width: 100%;
}	

.topcont .promiseArea .box2 ol {
	margin: 0;
	padding-left: 15px;
}	
	
	

}

/* ===========================================
	ごあいさつ
=========================================== */

#about .flex-box {
	align-items: center;
}

#about .box1 {
    width: 30%;
}

#about .box2 {
    width: 65%;
}

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

#about .box1 {
    width: 80%;
	text-align: center;
	margin: 0 auto 20px;
}

#about .box2 {
    width: 100%;
}
}