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

	html {
	    overflow-x: hidden;
	}

	body {
	    font-family: 'Noto Sans JP', 'Roboto', sans-serif;
	    font-weight: 500;
	    font-size: 16px;
	    margin: 0 auto;
		color: rgba(17,23,33,0.87);
	}

	h1 {
	    font-size: 33px;
	    color: #006FA2;
	    font-weight: 500;
	}

	/*ヘッダ*/

	.head_logo {
	    width: 90%;
	    height: auto;
	    overflow: hidden;
	    margin: 20px auto;
	}

	.head_logo img {
	    width: 100px;
	}

	.head_title {
	    margin: 60px auto 0 auto;
	    text-align: center
	}

	.head_sp {
	    width: 100%;
	    height: 0;
	    padding-top: calc(100% * 600 / 800);
	    background: url(../images/img_head_sp.png) center center / cover no-repeat;
	    margin: 0 auto;
	}

	.head {
	    width: 100%;
	    height: 725px;
	    overflow: hidden;
	    margin: 0 auto;
	    background: -moz-linear-gradient(top, #fcf7e7, #ffffff);
	    background: -webkit-linear-gradient(top, #Ffcf7e7, #ffffff);
	    background: linear-gradient(to bottom, #fcf7e7, #ffffff);
	}

	.head_text01 {
	    width: 80%;
	    height: auto;
	    overflow: hidden;
	    background-color: #006FA2;
	    font-size: 12px;
	    font-weight: bold;
	    color: #ffffff;
	    text-align: center;
	    padding: 15px 10px;
	    margin: 20px auto 10px auto;
	}

	.head_text02 {
	    width: 80%;
	    height: auto;
	    overflow: hidden;
	    font-size: 10px;
	    text-align: center;
	    margin: 0 auto;
	}

	.headimg_sp {
	    display: none;
	}

	.contents {
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	    margin: 0 auto;
	}

	.detail {
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	    padding: 30px 20px 0 20px;
	    box-sizing: border-box;
	    background-color: #f8f8f8;
	}

	.detail_title {
	    width: 70%;
	    height: auto;
	    overflow: hidden;
	    color: #006FA2;
	    font-size: 22px;
	    font-weight: bold;
	    text-align: center;
	    margin: 0 auto 40px;
	    border-bottom: 2px solid #FF4081;
	    padding-bottom: 10px;
	}

	.point {
	    width: 100%;
	    height: auto;
	    overflow: hidden;
	    margin: 0 auto 70px auto;
	    text-align: center;
	}

	.no {
	    width: 40px;
	    height: 40px;
	    border-radius: 120px;
	    padding: 1px;
	    margin: 0 auto 15px auto;
	    box-sizing: border-box;
	    font-size: 23px;
	    font-weight: bold;
	    text-align: center;
	    color: #ffffff;
	    background-color: #006FA2;
	}

	.title {
	    font-size: 22px;
	    font-weight: bold;
	    margin: 0 auto 20px auto;
	}

	.title span {
	    color: #FF4081;
	}

	.text {
	    font-size: 16px;
	    font-weight: bold;
	    margin: 0 auto 60px auto;
	}

	.text span {
	    color: #FF4081;
	}

	.illust {
	    width: 80%;
	    height: 80%;
	    margin: 0 auto;
	}

	.terms {
	    width: 80%;
	    height: auto;
	    overflow: hidden;
	    margin: 50px auto;
	}

	.terms .title {
	    font-size: 18px;
	    font-weight: bold;
	    color: #006FA2;
	    text-align: center;
	}

	.terms .midashi {
	    font-size: 18px;
	    font-weight: bold;
	    color: #006FA2;
	    text-align: center;
	    margin: 0 auto 10px auto;
	}

	.terms .text {
	    font-size: 13px;
	    margin: 0 auto 40px auto;
	}

	.form_area {
	    width: 80%;
	    height: auto;
	    overflow: hidden;
	    margin: 30px auto 40px auto;
	}

	.cp_text {
	    height: auto;
	    overflow: hidden;
	    color: #FF4081;
	    text-align: center;
	    font-size: 16px;
	    font-weight: bold;
	    margin: 0 auto;
	}

	.cp_text span {
	    font-size: 20px;
	}

	.cp_btn {
	    text-align: center;
	}

	.cp_btn input[name="email"] {
	    display: block;
	    width: 100%;
	    height: 50px;
	    font-size: 16px;
	    background: white;
	    border: 2px solid #c2c2c2;
	    border-radius: 6px;
	    outline: none;
	    margin: 15px auto;
	    padding: 5px 20px;
	    box-sizing: border-box;
	}

	.button {
	    width: 100%;
		background: transparent linear-gradient(135deg, #FF4081 0%, #83B1FF 100%) 0% 0% no-repeat padding-box;
	    -moz-border-radius: 6px;
	    -webkit-border-radius: 6px;
	    border-radius: 6px;
	    display: inline-block;
	    cursor: pointer;
	    color: #ffffff;
	    font-family: Arial;
	    font-size: 18px;
	    font-weight: bold;
	    padding: 15px;
	    text-decoration: none;
	}

	.button:hover {
	    background-color: #ff5e68;
	    color: #ffffff;
	}

	.button:active {
	    position: relative;
	    top: 1px;
	}

	.urlArea {
	    font-size: 12px;
	    font-weight: normal;
	    line-height: 1.5;
	    font-weight: bold;
	    color: rgba(17, 23, 33, 0.87);
	    background: #fff;
	    border-radius: 4px;
	    padding: 8px;
	    display: flex;
	    justify-content: space-between
	}

	.urlArea span {
	    padding: 7px 0
	}

	.urlArea button.copyBtn {
		background: transparent linear-gradient(135deg, #FF4081 0%, #83B1FF 100%) 0% 0% no-repeat padding-box;
	    color: #fff;
	    padding: 7px;
	    border: none;
	    border-radius: 4px;
	    width: 100px
	}

	/*フッタ*/

	.foot_logo {
	    width: 100%;
	    margin: 80px auto 80px auto;
	    text-align: center;
	}

	@media screen and (max-width: 480px) {
	    .head {
	        display: none
	    }

	    .cam_c_l_pc {
	        display: none;
	    }

	    .r_pc {
	        display: none;
	    }

	    .point_sp {
	        display: none;
	    }
	}