@charset "UTF-8";

.drawer--sidebar.drawer--left .drawer-contents {
	background-color: #e2e2e2;
	padding-top: 50px;
}
.column_contents {
	max-width: 1000px;
	background-color: #fff;
    padding: 85px 110px;
    border-radius: 10px;
    margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	font-family: 'Noto Sans JP', sans-serif;
	color: #565659;
}
.column_contents h3{
	font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.column_contents b {
	font-weight: normal;
	background:linear-gradient(transparent 60%, #ffef78 60%);
}
.column_title img,
.column_contents img {
	width: auto;
}
.column_title {
	border-radius: 250px 250px 0 0;
	background: #fff;
	max-width: 500px;
	padding: 80px 80px 10px 80px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.column_title h2{
	font-family: 'RocknRoll One', sans-serif;
	font-size: 15px;
    color: #fff;
    line-height: 1.9;
}
.column_title_txt{
	background-color: #555559;
    max-width: 220px;
    margin: 40px auto 0;
    position: relative;
    height: 30px;
}
.column_title_txt:before{
	content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: -18px;
    width: 18px;
    height: 30px;
    background-image: url(../img/column/title_left.png);
    background-size: contain;
    vertical-align: middle;
}
.column_title_txt:after{
	content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    right: -18px;
    width: 18px;
    height: 30px;
    background-image: url(../img/column/title_right.png);
    background-size: contain;
    vertical-align: middle;
}
.column_item{
	position: relative;
	margin-bottom: 45px;
}
.item_wrap::before {
	content: '';
	display: inline-block;
	background-color: #fff;
	width: 12px;
	height: 12px;
	position: absolute;
	top: -1px;
	right: -1px;
}
.item_wrap::after {
	content: '';
	display: inline-block;
	background-color: #fff;
	width: 12px;
	height: 12px;
	position: absolute;
	bottom: -1px;
	left: -1px;
}
.item_wrap {
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 70px 80px;
	border:0.75px solid #565659;
}
.item_title{
	position: absolute;
    top: 15px;
    left: 15px;
}
.item_text h2{
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.item_text p{
	line-height: 1.85;
}
.border {
	text-align: center;
}
.border_sp{
	width: 70%;
    margin: 0 auto;
}
.common_text p{
	line-height: 2.15;
}

.column_common,.column_footer{
	margin-top: 50px;
}
.common_title{
	margin-bottom: 30px;
}
.sec1 .common_title{
	width: 410px;
    text-align: center;
}
.sec1 .common_title img{
    margin-bottom: 20px;
}
.sec1 .common_photo{}
.sec1 .common_photo img{
	float: right;
    margin-right: -170px;
    margin-left: 30px;
    max-width: 510px;
}

.sec2{
	background-color: #001288;
    padding: 15px;
    border-radius: 10px;
    margin: 50px -35px 0;
}
.sec2 img,.sec5 img{width: 100%;}
.sec2 p{
	color: #fff;
    line-height: 1.8em;
}
.sec2_img_2{padding: 15px 10px 0;}
.sec2_img_2 img{
	float: right;
    width: 100px;
    margin-left: 20px;
}
.sec3 .common_title{
    text-align: center;
}
.sec3 .common_title img{
    margin-bottom: 20px;
}
.sec3 .common_photo{}
.sec3 .common_photo img{
	float: left;
    margin-left: -170px;
    margin-right: 30px;
    max-width: 450px;
}

.sec4 .common_title{
    text-align: center;
}
.sec4 .common_title img{
    margin-bottom: 20px;
}
.sec4 .common_photo{}
.sec4 .common_photo img{
	float: right;
    margin-right: -10px;
    margin-left: 30px;
    margin-bottom: 5px;
    max-width: 410px;
}

.column_footer  ul li{
	text-indent: -1em;
    padding-left: 1em;
    font-size: 12px;
}

.sorry{
	width: 100%;
    background-color: #fff3f1;
    color: #eb555a;
    text-align: center;
    font-weight: 700;
    padding: 15px 10px 10px;
    border-radius: 10px;
    border: 1px solid #eb555a;
    margin: 30px 0 0;
    position: relative;
}

.pc_only{display: block;}
.sp_only{display: none;}


@media only screen and (max-width: 1300px){
.column_contents{
	width: 90%;
    padding: 80px 70px;
}
.item_wrap{padding: 40px;}
}

@media only screen and (max-width: 900px){
.column_contents{
	width: 90%;
    padding: 80px 40px 50px;
}
.sec1 .common_photo img{
	margin-right: -60px;
    margin-left: 10px;
    max-width: 330px;
}
.sec1 .common_title{max-width: 320px;}
.sec1 .common_title img{max-width: 300px;}
.sec2{
	margin: 30px -5px 0;
}
.sec3 .common_title img{max-width: 300px;}
.sec3 .common_photo img{
	margin-left: -60px;
    margin-right: 25px;
    max-width: 320px;
}
.sec4 .common_title img{max-width: 350px;}
.sec4 .common_photo img{
	margin-right: 0;
    margin-left: 20px;
    max-width: 310px;
}
}

@media only screen and (max-width: 767px){
.drawer--sidebar.drawer--left .drawer-contents{padding-top: 20px;}
.column_contents{
	width: 95%;
    padding: 80px 20px 30px;
    margin-bottom: 20px;
}
.column_title{
	width: 80%;
	padding: 60px 50px 0 50px;
}
.column_title img{width: 80%;}
.column_contents h3{font-size: 17px;}
.column_contents img{width: 100%;}
.column_title_txt{
	margin-top: 20px;
    max-width: 200px;
}
.common_title{margin-bottom: 20px;}
.item_wrap{
	padding: 45px 20px 20px;
	flex-direction: column;
}
.item_text{
	margin-top: 25px;
	max-width: 100%;
}
.item_text h2{margin-bottom: 8px;}
.item_text p{font-size: 13px;}
.common_text p{line-height: 1.85;}
.column_item{margin-bottom: 25px;}
.sec1 .common_title{
	width: 100%;
	max-width: 100%;
}
.sec1 .common_photo img,.sec3 .common_photo img,.sec4 .common_photo img{
	float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.sec2_img_2 img{
	width: 100px;
	margin-top: -5px;
}
.pc_only{display: none;}
.sp_only{display: block;}
}

@media only screen and (max-width: 500px){
.column_title img{width: 95%;}
}

/*PC画像調整*/
@media screen and (max-width:1500px) and (min-width: 1401px){
.sec1 .common_photo img{
	margin-right: -150px;
}
.sec3 .common_photo img{
	margin-left: -150px;
}
}

@media screen and (max-width:1400px) and (min-width: 901px){
.sec1 .common_photo img{
	margin-right: -10%;
	width: 55%;
}
.sec1 .common_title{width: 50%;}
.sec1 .common_title img{width: 90%;}
.sec3 .common_photo img{
	margin-left: -10%;
    width: 60%;
}
}