@charset "utf-8";
/*!
Theme Name: r-systems_child
Template: r-systems
Author: designL
Author URI: https://design-p.com/
*/

body {
  width: 100%;
  height: 100%;
  position: relative;
	font-size: 14px;
	color: #000;
	font-family: "Noto Sans JP", sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	text-align: left;
	font-weight: 600;
}
pre {font-family: "Noto Sans JP", sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; font-weight: 600; color: #000;}
input,textarea,button {
  font-family: "Noto Sans JP", sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; font-weight: 600; color: #000;
}
.w_exlight {font-weight: 200;}
.w_light {font-weight: 300;}
.w_regular {font-weight: 400;}
.w_medium {font-weight: 500;}
.w_semibold {font-weight: 600;}
.w_bold {font-weight: 700;}
.w_black {font-weight: 900;}



/************************
       NONE
************************/
.none { display: none; }
.sp-none { display: block; }
.none02 {display: none;}
/*****************
width-768px以下
*****************/
@media screen and (max-width:500px) {
.none { display: block; }
.sp-none { display: none; }
}

a {
	display: block;
	color: inherit;
  transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}

a:hover {
  transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

/*コンテンツ幅
**********************/
.inbox {
	width: 100%;
  max-width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}

.inbox12 {
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
	position: relative;
}


/******************
　　　　 img
*******************/
img {
  max-width: 100%;
  height: auto;
  line-height: 0;
  display: block;
}
img{    
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;
}

h1,h2,h3,h4,h5 {line-height: 1; font-weight: bold;}

/*text-align*/
.txt-c {text-align: center;}
.txt-l {text-align: left;}
.txt-r {text-align: right;}
.txt-j {text-align: justify;}


/*フォントカラー*/
.red {color: #bb0400;}
.pink {color: #ee8593;}
.yellow {color: #fffb00;}
.orange {color: #e07e20;}
.green {color: #5fba49;}
.l_green {color: #05a76f;}
.d_green {color: #005d3d;}
.blue {color: #1d5198;}
.blue02 {color: #202f55;}
.gray {color: #4e4e4e;}
.white {color: #fff;}
.black {color: #000;}
.cream {color: #b2976a;}
.purple {color:#7a61d8;}
.brown {color:#ca6400;}
.gold {color: #b48d30;}
.marker {background: linear-gradient(transparent 80%, #fcff21 80%);}
.txt_point {background-image: radial-gradient(.15em .15em at center center,#002b79,#002b79 100%,transparent);}
.gradation {background: linear-gradient(90deg, #3493d1, #0156a7); background: -webkit-linear-gradient(0deg, #3493d1, #0156a7); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; display: table;}


/*****************
　　　column:flex
******************/
.flex {display: flex;}

.flex-column {flex-direction: column;}

.flex-sb {justify-content: space-between;}

.flex-c {justify-content: center;}

.flex-s {justify-content: flex-start;}

.flex-end {justify-content: flex-end;}

.flex-a {justify-content: space-around;}

.flex-wrap {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.flex-al-s {align-items: flex-start;}

.flex-al-c {align-items: center;}

.flex-al-sb {align-content: space-between;}

.flex-al-end {align-items: flex-end;}