html *{
	font-family: 'Sawarabi Gothic', sans-serif;
}
h2, h3 {
	font-family: 'Cutive Mono', monospace;
}
section[name="makey"] {
	max-width: 1024px;
	margin: auto;
	color:#727F98;
}
.Container_Title_Logo{
    width: 612px;
    margin: 20px auto;
}

.Section_Title_Grey{
    border-top: none;
    border-bottom: 2px solid #727F98;
    font-weight: 200;
    color: #727F98;
    width: 70%;
    font-size: 50px;
	margin: 20px auto;
	font-family: 'Cutive Mono', monospace;
}

.Container_Section_Title_lightblue{
	height: 10vw;
	max-height: 80px;
	display: flex;
	margin: auto;
	background-color: #ffffff;
}

.two_hlines_lightblue{
	border-top: 2px solid #ADC4F0;
	border-bottom: 2px solid #ADC4F0;
	margin: auto 20px;
	height: 10px;
	width: 100%;
}

.Section_Title_lightblue{
	margin: auto 20px;
	color: #ADC4F0;
	font-size: 50px;
	white-space: nowrap;
}

.Container_Section_Title_lightblue_invert{
	height: 10vw;
	max-height: 80px;
	display: flex;
	margin: auto;
	background-color: #ADC4F0;
}

.two_hlines_lightblue_invert{
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	margin: auto 20px;
	height: 10px;
	width: 100%;
}

.Section_Title_lightblue_invert{
	margin: auto 20px;
	color: #ffffff;
	font-size: 50px;
	white-space: nowrap;
}
.purchase_set_button{
	border-radius: 60px;
    background-color: #ADC4F0;
    color: #FFFFFF;
    font-size: 60px;
    text-decoration: none;
    padding: 1% 9%;
    margin: auto auto;
    white-space: nowrap;
}
.purchase_set_button:hover{
	-webkit-filter: drop-shadow(5px 5px 5px #E6EDF9);
	filter: drop-shadow(5px 5px 5px #E6EDF9);
}

.product_tile_container{
	display: flex;
}

.product_tile{
	border: 3px solid #ADC4F0;
	background-color: #FFFFFF;
	width: -webkit-fill-available;
	/* min-width: 47%; */
}
.color_tile_container{
	margin: 20px auto;
    padding: 0 10px;
}
.color_tile{
	display: flex;
	height: 60px;
    line-height: 60px;
}
.color_tile img{
	height:50px;
}
.color_tile .text_container{
	height: 50px;
    text-align: left;
    width: 180px;
    margin: auto 20px;
}
.color_tile .text_container .small{
	font-size: 10px;
    margin: 0;
    line-height: 20px;
}
.color_tile .text_container .big{
	font-size: 15px;
    margin: 0;
    line-height: 25px;
}
.makey_purchase_button{
	border-radius: 60px;
    background-color: #ADC4F0;
    color: #FFFFFF;
    font-size: 25px;
    text-decoration: none;
    padding: 1% 9%;
    margin: auto auto;
    white-space: nowrap;
    height: 40px;
	line-height: 40px;
	width: fit-content;
}
.makey_purchase_button:hover{
	-webkit-filter: drop-shadow(5px 5px 5px #E6EDF9);
	filter: drop-shadow(5px 5px 5px #E6EDF9);
}
.container_blue_border{
	border: 2px solid #ADC4F0;
	background-color: #FFFFFF;
	margin: 40px auto;
}

.Container_rel{
	position: relative;
    margin-bottom: 30px;
}
.Container_Section_Title_lightblue_logo{
	display: flex;
	background-color: #ffffff;
	height: 50px;
	padding: 0 40px;
	margin: 40px auto;
}
.text_under{
	text-align: left;
    font-size: 16px;
}
.Pdescript_1{
	position: absolute;
    top: 36%;
    left: 47%;
    width: 52%;
}
.Pdescript_2{
	position: absolute;
	top: 39%;
    left: 1%;
    width: 52%;
}
.Ptext_1{
	position: absolute;
    top: 38%;
    right: 2%;
    width: fit-content;
    text-align: left;
    font-size: 18px;
}
.Ptext_2{
	position: absolute;
    top: 48%;
    left: 8%;
    width: fit-content;
    text-align: left;
    font-size: 18px;
}
.SNS_button img{
	height: 30px;
}
.color_p{
	text-align:center;
	font-size:18px;
	margin:40px auto;
}

.Container_Section_Title_grey{
	padding: 20px 0;
	background-color: #9DA4BF;
	/* height: 70px; */
	display: flex;
}
.Container_Section_Title_grey .Section_Title{
	width: 100%;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	font-family: 'Sawarabi Gothic', sans-serif !important;
	font-size: 35px;
}

.picture_tile_container{
	display: flex;
	width: 100%;
    margin: auto;
}

.link_container{
	display: flex;
}

.link_container .link_tile{
	width: fit-content;
	margin: 5vh auto;
}

.link_container img{
	width:20vw;
}

.Product_description{
	margin: auto;
	padding:5vw;
	margin-left: 0;
}
.p_first{
	text-align:center;
	font-size:18px;
}

@media (max-width: 750px) {
	.Container_Title_Logo {
		margin: -20px auto 20px auto;
		width: 100%;
	}
	.Section_Title_Grey {
		width: 90%;
	}

	.Container_Section_Title_lightblue{
		height: 50px;
		display: flex;
		margin: auto;
		background-color: #ffffff;
	}

	.two_hlines_lightblue{
		border-top: 2px solid #ADC4F0;
		border-bottom: 2px solid #ADC4F0;
		margin: auto 5px;
		height: 10px;
		width: 100%;
	}

	.Section_Title_lightblue{
		margin: auto 5px;
		color: #ADC4F0;
		font-size: 30px;
		white-space: nowrap;
	}
	.purchase_set_button {
		font-size: 18px;
		padding: 3% 9%;
	}
	.product_tile_container {
		display: block;
	}
	.product_tile{
		margin: auto 4% 20px 4% !important;
	}
	.makey_purchase_button {
		border-radius: 60px;
		background-color: #ADC4F0;
		color: #FFFFFF;
		font-size: 14px;
		text-decoration: none;
		padding: 0% 6%;
		margin: auto auto;
		white-space: nowrap;
		height: 30px;
		line-height: 30px;
		width: fit-content;
	}
	.color_tile .text_container {
		margin: auto -10px auto 5px;
	}
	.color_tile img {
		width: 50px;
		height:unset;
	}
	.container_blue_border{
		width: 90%;
	}
	.Container_Section_Title_lightblue_logo {
		display: flex;
		background-color: #ffffff;
		height: unset;
		padding: 0 10px;
		margin: 20px auto;
	}
	.Container_Section_Title_lightblue_logo img{
		height: unset !important;
		width: 49vw !important;
		margin: auto 3vw;
	}
	.container_blue_border p{
		font-size: 14px;
	}
	.Pdescript_1, .Pdescript_2 {
		position: initial;
		width: 100%;
		font-size: 12px;
	}
	.background_CUT_02 p{
		padding: 40px 0 !important;
    	font-size: 14px !important;
	}
	.SNS_button img{
		height: 15px;
	}
	.color_p{
		text-align:center;
		font-size:12px !important;
		margin:20px auto;
	}
	.color_p2{
		font-size:12px;
	}
	.Pimg{
		padding: 0 !important;
	}
	.Ptext_1, .Ptext_2{
		position: initial;
		text-align: center;
		font-size:12px !important;
		width: 100%;
	}
	.Container_Section_Title_lightblue_invert {
		height: 50px;
		max-height: 80px;
		display: flex;
		margin: auto;
		background-color: #ADC4F0;
	}
	.Section_Title_lightblue_invert {
		margin: auto 20px;
		color: #ffffff;
		font-size: 30px;
		white-space: nowrap;
	}
	.halfimg img{
		min-width: 50vw !important;
		width: 50% !important;
	}
	.Container_Section_Title_grey {
		padding: 0;
		background-color: #9DA4BF;
		height: 70px;
		display: flex;
	}
	.Container_Section_Title_grey .Section_Title {
		width: 100%;
		border-top: 2px solid #FFFFFF;
		border-bottom: 2px solid #FFFFFF;
		font-size: 17px;
	}
	.link_container img{
		width: 120px;
	}
	.text_under{
		font-size: 11px !important;
	}
	.p_first{
		font-size:15px !important;
	}
}