@charset "utf-8";

    body {
    	line-height: 2em;
    	letter-spacing: 0.05rem;
    }

    header .container {
    	max-width: 1780px;
    	height: 80px;
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    	margin: 0 auto;
    	height: 80px;
    }

    header .container h1 {
    	display: block;
    	width: 100px;
    }

    #privacy .title_bg,
    #thanks .title_bg {
    	background: url(../images/sub_bg.jpg);
    	background-repeat: no-repeat;
    	background-position: top center;
    	background-size: cover;
    	height: 200px;
    }

    #privacy .title_bg h2,
    #thanks .title_bg h2 {
    	color: #fff;
    	text-align: center;
    	font-weight: 600;
    	font-size: 1.8rem;
    	padding-top: 88px;
    	box-sizing: border-box;
    }

    header nav ul {
    	display: flex;
    	align-items: center;
    }

    /*
    header nav ul:before {
    	content: "";
    	position: absolute;
    	width: 800px;
    	height: 100px;
    	top: -42px;
    	right: -15%;
    }*/

    header nav li {
    	letter-spacing: 0;
    	font-weight: 500;
    	margin-top: 27px;
    	font-size: 1rem;
    }

    header nav li a {
    	position: relative;
    	margin-left: 4rem;
    }

    header nav li:first-of-type a {
    	margin-left: 0;
    }

    header nav li:last-of-type a {
    	margin-right: 2rem;
    }

    header nav li a:before {
    	font-size: 1.33rem;
    	position: absolute;
    	top: -2rem;
    }

    header nav li:nth-of-type(1) a:before {
    	content: "Message";
    	left: 8%;
    }

    header nav li:nth-of-type(2) a:before {
    	content: "Works";
    	left: 3%;
    }

    header nav li:nth-of-type(3) a:before {
    	content: "Access";
    	left: -9%;
    }

    header nav li:nth-of-type(4) a:before {
    	content: "Contact";
    	left: 10%;
    }

    /*nav hover 下線--------------------------------------------------------------------*/
    header nav li a:after {
    	transform: scaleX(0);
    	transform-origin: bottom right;
    }

    header nav li a:hover:after {
    	transform: scaleX(1);
    	transform-origin: bottom left;
    }

    header nav li a:after {
    	content: " ";
    	display: block;
    	position: absolute;
    	top: 1.6rem;
    	right: 0;
    	left: 0;
    	height: 2px;
    	background-color: #303030;
    	transition: transform .3s ease;
    }

    /*privacy---------------------------------------------------------------------------*/
    #privacy .container,
    #thanks .container {
    	width: 1080px;
    	margin: 0 auto;
    }

    #privacy .container .box {
    	margin-bottom: 80px;
    }

    #privacy h3,
    #privacy p {
    	text-align: left;
    	margin-bottom: 20px;
    }

    #privacy h3 {
    	position: relative;
    	font-size: 1.33rem;
    	text-indent: 2rem;
    	padding: 5px 0;
    	padding-left: 1.2rem;
    	background-color: #f6f6f6;
    }

    #privacy h3:before {
    	content: "";
    	position: absolute;
    	background: #f1f571;
    	top: 0.9em;
    	left: 0.8rem;
    	margin-top: -10px;
    	height: 1.75rem;
    	width: 1.75rem;
    	border-radius: 50%;
    	text-indent: -2rem;
    }

    #privacy .box:nth-of-type(2) h3:before {
    	background: #f4a04c;
    }

    #privacy .box:nth-of-type(3) h3:before {
    	background: #81d2db;
    }

    #privacy .box:nth-of-type(4) h3:before {
    	background: #b7df69;
    }

    #privacy .box:nth-of-type(5) h3:before {
    	background: #f4ea4c;
    }

    #privacy .tac,
    #thanks .tac {
    	text-align: center;
    	font-size: 1.1rem;
    	margin: 60px 0 80px;
    }

    #privacy .box:nth-of-type(1) p,
    #privacy .box:nth-of-type(2) p,
    #privacy .box:nth-of-type(3) p {
    	border-bottom: 1px solid #c7c7c7;
    	padding-bottom: 10px;
    }

    #privacy .container .box ul li {
    	text-indent: 1em;
    }

    /*
    #privacy .container .box:last-of-type p {
    	font-size: 1.3rem;
    	font-weight: 600;
    	text-indent: 0.5em;
    	margin-bottom: 0.2em;
    }
*/

    table {
    	width: 100%;
    }

    tr:nth-of-type(even) {
    	background-color: #f6f6f6;
    }

    th,
    td {
    	border: 1px solid #303030;
    	border-collapse: collapse;
    	padding: 10px;
    	word-break: break-word;
    }

    #thanks botton a {
    	text-align: center;
    	border: none;
    	background-color: #f1f571;
    	padding: 8px 15px;
    	width: 300px;
    	box-sizing: border-box;
    	margin: 0 auto;
    	align-items: center;
    	display: block;
    	color: #000;
    }



    /*スマホ
------------------------------*/

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

    	header nav li a {
    		margin-left: 0;
    	}

    	header nav li:last-of-type a {
    		margin-right: 0;
    	}

    	header nav li:nth-of-type(1) a:before {
    		left: 0;
    		right: 0;
    	}

    	header nav li:nth-of-type(2) a:before {
    		left: 0;
    		right: 0;
    	}

    	header nav li:nth-of-type(3) a:before {
    		left: 0;
    		right: 0;
    	}

    	header nav li:nth-of-type(4) a:before {
    		left: 0;
    		right: 0;
    	}

    	header nav li a:before {
    		top: -.2rem;
    	}

    	#privacy .container,
    	#thanks .container {
    		width: 95%;
    	}

    	#privacy .tac,
    	#thanks .tac {
    		margin: 15% 0 15%;
    	}

    	#privacy .container .box {
    		margin-bottom: 20%;
    	}

    	table {
    		width: 100%;
    	}

    	#privacy h3,
    	#privacy p {
    		margin-bottom: 5%;
    	}

    	#privacy h3 {
    		text-indent: 2rem;
    		padding: 7px 0 7px 44px;
    		text-indent: 2px;
    	}

    	#privacy h3:before {
    		top: 1em;
    		left: 0.5rem;
    	}

    	#privacy .box:nth-of-type(1) p,
    	#privacy .box:nth-of-type(2) p,
    	#privacy .box:nth-of-type(3) p {
    		padding-bottom: 3%;
    	}

    	#privacy .container .box ul li {
    		text-indent: -1rem;
    		padding-left: 1rem;
    	}

    	button,
    	input[type="submit"] {
    		margin-bottom: 10%;
    	}

    	input[type="submit"],
    	input[type="button"] {
    		-webkit-appearance: none;
    		border-radius: 0;
    	}