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



@media screen and (min-width: 641px){

/* ���� */

body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: 500;
}
a:link {
	color: #00094F
}
a:visited {
	color: #00094F
}
.rapper {
	width: 1100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.rapper p {
	line-height: 160%;
}
img {
	max-width: 100%;
	height: auto;
}
.aws-logo {
	height: auto;
	margin: 30px 30%;
}
.spacer-SS {
	height: 10px;
}
.spacer-S {
	height: 30px;
}
.spacer-M {
	height: 50px;
}
.spacer-L {
	height: 70px;
}
.spacer-t-b-S {
	margin-top: 30px;
	margin-bottom: 30px;
}

.bg-color-lightgreen {
	background-color: #D7E7E7;
}
.bg-color-lightgray {
	background-color: #e9e9e9;
}
.indent-M {
	margin-left: 5%;
	margin-right: 5%;
}
.indent-L {
	margin-left: 10%;
	margin-right: 10%;
}
.valign-middle {
	display: flex;
	align-items: center;
}

.title {
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}
ul.nav {
	float: right;
	display: flex;
	margin-top: 55px;
	margin-right: 20px;
}
ul.nav li {
	margin-left: 20px;
	list-style-type: none;
}
ul.nav li a:link {
	color: #000000;
	text-decoration: none;
}
ul.nav li a:visited {
	color: #000000;
	text-decoration: none;
}
ul.nav li a:hover {
	color: #929292;
	text-decoration: underline;
}
.frame01 {
	background-color: #FAE2E2;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
}
.frame02 {
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
.frame03 {
	width: 730px;
	border-radius: 10px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 18px;
	border: 1px solid #A3A3A3;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.frame04 {
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 10px;
	border: 1px solid #3D3D3D;
}

.text-block-container {
	width: 730px;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 18px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* �e�L�X�g */

h2 {
	font-size: 35px;
}
h3 {
	font-size: 23px;
}
.text-center {
	text-align: center;
}
.text-SS {
	font-size: 12px;
}
.text-S {
	font-size: 14px;
}
.text-M- {
	font-size: 22px;
}
.text-M {
	font-size: 35px;
}
.text-L {
	font-size: 45px;
}
.text-mitsumori {
	font-size: 26px;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-900 {
	font-weight: 900;
}
.font-color-orange {
	color: #FD5A00;
}
.font-color-pink {
	color: #f00171;
}
.font-color-navy {
	color: #01009A;
}
.text-dot {
    padding-top: .4em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em .3em;
    background-image: radial-gradient(.15em .15em at center center,#f00171,#f00171 100%,transparent);
}
.text-under {
	text-decoration: underline;
}
.infra-text {
	margin-left: 80px;
	margin-right: 80px;
}

/* �摜 */

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* �� */
.line01 {
	border-top: 1px dashed #9A9A9A;
}
.line02 {
	border-top: 2px solid #000000;
	margin-left: 80px;
	margin-right: 80px;
}
.line03 {
	border-top: 10px solid #CCCCCC;
}
/* �{�^�� */
.botan01 {
	background-color: #00AD7E;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	font-size: 30px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 100px;
	padding-right: 100px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 8px;
}

/* �J���� */

.column-2 {
	display: flex;
	justify-content: space-around;
}
.column-2-50-50 {
	width: 47%;
}
.column-2-33-66-1 {
	width: 32%;
}
.column-2-33-66-2 {
	width: 56%;
}
.column-2-66-33-1 {
	width: 56%;
}
.column-2-66-33-2 {
	width: 32%;
}
.column-2-20-80-1 {
	width: 23%;
}
.column-2-20-80-2 {
	width: 70%;
}
.column-2-40-40-1 {
	width: 40%;
}
.column-2-center {
	display: flex;
	justify-content: center;
}
.column-2-center-1 {
	width: 15%;
}
.column-2-center-2 {
	width: 60%;
}
.flex-align-center {
	align-items: center;
}
/* ��� */

.arrow-under-white {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 150px 0 150px;
	border-color: #ffffff transparent transparent transparent;
	margin-top: -26px
}
.arrow-under-lightgreen {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 80px 150px 0 150px;
	border-color: #D7E7E7 transparent transparent transparent;
}

/* �t�H�[�� */

dl,
dt,
dd {
  box-sizing: border-box;
}
dl {

	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
dt,
dd {
  padding: 20px 10px 20px 10px;

}
dt {
  width: 30%;
  float: left;
	text-align: right;
}
dd {
  margin-left: 30%;
  padding-bottom: 0px;
}
dd:after {
  content: '';
  display: block;
  clear: both;
}
.form-S {
	width: 30%;
	font-size: 30px;
	border: 1px solid #3D3D3D;
	border-radius: 5px;
}
.form-M {
	width: 70%;
	font-size: 30px;
	border: 1px solid #3D3D3D;
	border-radius: 5px;
}
.form-L {
	width: 100%;
	font-size: 30px;
	border: 1px solid #3D3D3D;
	border-radius: 5px;
}
input[type="text"]:focus {
  border-left: 0px solid #B3B3B3;
	border-right: 0px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	border-top: 0px solid #B3B3B3;
  outline: 0;
}

/* �t�b�^�[ */

.company-name a:link {
	color: #000000;
	text-decoration: none;
}
.company-name a:visited {
	color: #000000;
	text-decoration: none;
}
.company-name a:hover {
	color: #000000;
	text-decoration: underline;
}

.privacy-policy {
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 18px;
	padding-bottom: 18px;
	width: 600px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: rgb(241, 236, 236);
}

.privacy-policy-title {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 20px;
	font-weight: 500;
}

.privacy-policy-subtitle {
	margin-top: 0px;
	margin-bottom: 4px;
	font-size: 18px;
	font-weight: 410;
}

.privacy-policy-text {
	margin: 0;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 400;
}

.privacy-policy-text-item {
	margin: 0;
	padding-left: 50px;
	font-size: 14px;
	font-weight: 400;
}

.privacy-policy-text-subitem {
	margin: 0;
	padding-left: 100px;
	font-size: 14px;
	font-weight: 400;
}

.youtube {
	text-align: center;
	padding-top: 100px;
	padding-bottom: 60px;
}

}