@charset "utf-8";
/* CSS Document */
/*
**************************
**************************
MT入力汎用ページcss
**************************
**************************
*/
/**
 * 基本設定
 * ----------------------------------------------------------------------------
 */
/* 要素 */
body {
 background: none;
 font-size: 16px;
 line-height: 180%;
 word-break: break-all;
 position: relative;
}

h1 {
 color: #e55d7a;
 text-align: center;
 font-size: 36px;
 line-height: 1.5;
}
h1 span {
 display: block;
 font-size: 18px;
}
h1, h2, h3 {
 margin-bottom: 30px;
}
h2 {
 text-align: center;
 margin-bottom: 0;
 color: #FFF;
 font-size: 36px;
}
h3 {
 font-size: 180%;
}
img, object, embed, video {
 max-width: 100%;
}
a {}
a[target*="_blank"]::after {}
クラス .text, .moviey, .img_s {
 margin-bottom: 30px;
}
/*コンテンツ*/
.inner {
 width: 1106px;
 margin: 0 auto;
}
.cont0 {
 text-align: center;
}
.cp_area {
 width: 1000px;
margin: 0 auto;
}
.cp_about{
	display: flex;
	margin-top: 50px;
	justify-content: space-between;
}
.period{
	color: #e4ac2a;
	font-weight: bold;
	font-size: 4.5rem;
	border-bottom: 3px solid #e4ac2a;
	padding-bottom: 10px;
	margin-top: 50px;
}

.cp_imgArea {
 width: 1000px;
 margin: 0 auto 20px;
}
.present_text{
	color: #e4ac2a;
	font-size: 3rem;
	margin-top: 40px;
}
.textalign-right {text-align: right;}
.link {
 font-size: 20px;
}
.link a {
 color: #13b9d7;
}
.img_s.cont1 {
 text-align: center;
}
.cp_title {
 /*background-color: #13b9d7;*/
 /*width: 87%;*/
 border-radius: 13px;
 /*padding: 42px;*/
	padding-top: 50px;
}
.small {
 font-size: 20px !important;
 line-height: 0em !important;
}
.deadline {
 text-align: right;
 margin: 0 20px 20px 0;
 color: #000000;
}
.red {
 color: #ff2400;
}
.number {
 font-size: 7rem;
    font-weight: bold;
    background: #e4ac2a;
    margin: 30px;
    border-radius: 10px;
    color: #051532;
    line-height: normal;
}

.cont2 {
 	text-align: center;
 	margin-top: -30px;
	padding-top: 150px;
	background: #e4ac2a
}
.cont1 {
 position: relative;
 margin-top: -30px;
}
/*.cont1::after {
 content: "";
 background-image: url("../kyojo/img/cp_bottom_wave.png");
 background-repeat: no-repeat;
 background-size: cover;
 display: block;
 width: 100%;
 height: 6rem;
 top: 100%;
 position: absolute;
 background-position: center;
 z-index: 100;
}*/
.img_s.cont3 {
 margin: 70px 0 0;
 text-align: center;
}
.cont3{
	background: #051532;
	padding: 170px 0 50px 0;
}
.cont2 {
 position: relative;
}
.cont2::after {
 content: "";
 position: absolute;
 top: 100%;
 left: 0;
 box-sizing: border-box;
 border-right: 49vw solid transparent;
 border-left: 50vw solid transparent;
 border-top: 125px solid #e4ac2a;
}
.cont4 p {
 text-align: center;
 color: #000;
 font-size: 20px;
}
.oubo_text {
	text-align: center;
	margin-top: 1rem;
}
.cont4 h2 {
 margin-top: 100px;
}
.methodArea {
 display: flex;
 list-style: none;
 justify-content: space-between;
 margin: 80px 0;
}
.methodArea li {
 text-align: center;
}
.img_s.cont4 {
 text-align: center;
 margin-top: 24px;
}
.cont5 {
 padding: 220px 0 50px;
 background-color: #eb5c01;
}
.warningArea {
 border: 5px solid #e4ac2a;
 border-radius: 13px;
 padding: 50px;
 background-color: #FFF;
 text-align: center;
 margin-bottom: 30px;
}
.warningArea h3 {
 color: #e4ac2a;
}
.note ul {
 list-style: none;
 margin-bottom: 20px;
}

.img1, .img2, .text1, .text2 {
 margin: 18px 10px 22px 10px;
 text-align: center;
}
#pgpage {
 position: relative;
 margin: 0 auto;
}
#container {
 width: 100%;
 background: #fff;
}
.lead {
 text-align: center;
 font-size: 30px;
 background-color: #e4ac2a;
 padding: 1rem 0;
}
.multi2 {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 50px 0;
}
.note {
 color: #FFF;
	text-align: center;
}
/**
 * メインビジュアル
 * ----------------------------------------------------------------------------*/
.h1mainv {
 padding: 3rem 0 2rem;
	background: #051532;
}
.h1mainv h1 {
 margin: 0;
}

.main {
 background: #FFFFFF;
 /*padding: 30px;*/
}
.text.cont0 {
 background: #051532;
 padding-bottom: 80px;
}
.multi2cont h4 {
 color: #003576;
 font-size: 22px;
 display: inline-block;
 background: linear-gradient(transparent 50%, #bfefec 50%);
 margin-bottom: 10px;
}
.multi2cont .text2 {
 font-size: 19px;
 text-align: center;
 line-height: 38px;
}
.multi2cont .text2 p.period {
 font-size: 24px;
}
.product_number {
 font-size: 20px;
}
.text.cont2 {
 text-align: center;
}

.text.cont2 h3 {
 background: #fff;
 font-size: 23px;
 color: #fdfffe;
 padding: 15px;
}
.text.cont2 h3 span {
 font-size: 18px;
}
/**
 * フッター
 * ----------------------------------------------------------------------------*/

.footer{
	margin-top: 0;
}


/**
 * 1080
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width:1080px){
	.lead{
		font-size: 25px;
	}
	.cp_area,.cp_imgArea,.cp_about,.inner,.cp_title h2 img{
		width: 95%;
	}
	.period{
		font-size: 2.8rem;
		width: 90%;
		margin: 50px auto 0;
	}
	.number{
		font-size: 5rem;
	}
	.cp_about img{
		width: 45%;
	}
	.subtitle img{
		width: 90%;
	}
	.methodArea li img{
		width: 95%;
		height: auto;
	}
	.methodArea{
		padding: 0;
	}
	.text.cont2 h3 {
    width: 230px;
    margin: 0 auto 30px;
	}
	.note ul{
		padding: 0;
	}
}

/**
 * 767
 * ----------------------------------------------------------------------------
 */
@media screen and (max-width:767px){
	.cp_area, .cp_imgArea, .cp_about, .inner, .cp_title h2 img {
        width: 98%;
    }
	.period {
        font-size: 1.8rem;
        width: 100%;
		padding-bottom: 5px;
    }
	.methodArea{
		flex-direction: column;
	}
	.methodArea li img{
		width: auto;
	}
	.cp_about{
		flex-direction: column;
	}
	.cp_about img{
		width: 100%;
		margin-bottom: 20px;
	}
	.oubo_text{
		padding-bottom: 20px;
	}
	.warningArea{
		padding: 15px;
	}
	.warningArea h3{
		font-size: 150%;
	}
	.methodArea{
		margin-bottom: 40px;
	}
	.text.cont2 h3{
		margin: 30px auto;
	}
	
}