@charset 'utf-8';

body    {
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
		@keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
		}
		@-webkit-keyframes fadeIn {
			0% {opacity: 0}
			100% {opacity: 1}
		}
	section.item {
		text-align: center;
	}
	.row {
    display: flex;
	}
	.wrapper.style .box {
		background-color: #fff;
		padding: 3em 2.5em;
    margin: 0 10px 0 10px;
	}
	h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
		color: #39454b;
		font-weight: 700;
	}
	.brand_name {
		color: #39454b;
		font-weight: 700;
	}
	.meaning {
		font-family: 'Josefin Sans', sans-serif;
		color: #666;
		font-size: 1.2em;
	}
	.contents p {
		font-family: 'Sawarabi Mincho', sans-serif;
		color: #666;
		font-size: 1.7em;
		font-weight: 500;
		line-height: 25pt;
	}
	header h2 + p {
		margin-top: -1em;
		line-height: 1.5em;
	}
	header p {
		color: #666;
		position: relative;
	}
	h3 {
		color: #333;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.5em;
		padding-top: 20px;
	}
	h3 a {
		font-family: 'Josefin Sans', sans-serif;
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
		h3 a::after {
			position: absolute;
			bottom: -1px;
			left: 0;
			content: '';
			width: 100%;
			height: 2px;
			background: #36B4C7;
			transform: scale(0, 1);
			transform-origin: center top;
			transition: transform .3s;
		}
		h3 a:hover::after {
			  transform: scale(1, 1);
		}
	.wrapper.style .box h3 {
		color: #333;
	}
	.box {
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 1.5em;
	}
	.icon1 {
		width: 150px;
		height: 150px;
		padding: 42px 30px;
		border-radius: 50%;
		background-color: #FF922b;
	}
	.icon2 {
		width: 150px;
		height: 150px;
		padding: 42px 30px;
		border-radius: 50%;
		background-color: #00A0DD;
	}
	.icon3 {
		width: 150px;
		height: 150px;
		padding: 42px 30px;
		border-radius: 50%;
		background-color: #F28084;
	}
/* IE10、11 */
	_:-ms-input-placeholder, :root .selector {
		.icon1 {
			width: 150px;
			height: 150px;
			padding: 50px 19px 0px 0px;
			border-radius: 50%;
			background-color: #FF922b;
		}
	}
	.fontcolor { color: #FFF; }
	.comment {
		color: #333;
		line-height: 18pt;
		padding-top: 10px;
	}
	.customer_name {
		position: relative;
		top: 100px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 200px;
		color: #3971A5;
		font-size: 12px;
		font-family: 'M PLUS 1p', sans-serif;
		text-align: center;
		border: solid 2px #fff;
		border-radius: 0.5em;
		padding: 10px;
		margin-right: 15px;
		background-color: rgba(161, 228, 253, 0.5);
	}
	.my-style {
		color: #3971A5;
		font-size: 16px;
	}