@charset "utf-8";

#open-seminar {

	font-size: 16px;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
}


/* 共通
======================================================*/

.op-sm-container {
	width: 100%;
	max-width: 1012px;
	margin: 0 auto;
}
.op-sm-container-wrap {
	padding: 0 30px;
}
@media screen and (max-width: 359px) {
.op-sm-container-wrap {
	padding: 0 20px;
}
}

.block768 { display: none; }
@media screen and (max-width: 768px) { .block768 { display: block; } }

.block599 { display: none; }
@media screen and (max-width: 599px) { .block599 { display: block; } }


/* #op-sm_topview
======================================================*/


#op-sm_topview {
	background: url(../img/open-sm/250201_opsm/back01.jpg) center center no-repeat;
	background-size: cover;
}
#op-sm_topview .inner {
	width: 100%;
	max-width: 1092px;
	height: 840px;
	margin: 0 auto;
	background: url(../img/open-sm/250201_opsm/odajima_header.png) right 0px bottom -28px no-repeat;
	position: relative;
	box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.7);
}
#op-sm_topview #op-sm01-01 {
	margin-left: 40px;
}

#op-sm_topview #op-sm01_set {
	width: 58%;
	max-width: 629px;
	margin-left: 40px;
}

/* 　#op-sm01-02 {
    text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 5px white, -1px -1px 0 white;
}　*/


#op-sm_topview #op-sm01-02 {
	font-family: "Noto Serif JP", serif;
	line-height: 1;
	font-weight: 700;
}

#op-sm_topview #op-sm01-02 p:nth-of-type(1) {
	/* border-bottom: solid 2px #333333; */
	font-size: 33px;
	padding-bottom: 20px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(1) {
	display: inline-block;
	color: #333;
	vertical-align: top;
	margin-right: 0.5em;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2) {
	display: inline-block;
	font-size: 60px;
	color: #333;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2)::after {
	content:"氏";
	font-size: 33px;
	margin-left: 0.5em;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(3) {
	display: inline-block;
	color: #333;
	vertical-align: bottom;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(2) {
	/* border-bottom: dotted 2px #fff; */
    font-size: 38px;
    padding: 9px 0 12px 0;
    background-color: #cb3939;
    color: #fff;
    text-align: center;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) {
	/* border-bottom: solid 2px #333333; */
    font-size: 73px;
    padding: 18px 10px 20px 10px;
    /* color: #7F5C32; */
    background-color: #1D2088;
    color: yellow;
    /* text-indent: 22px; */
    line-height: 87px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) span {
	font-size: 58px;
}

#op-sm_topview #op-sm01-03 {
	line-height: 1;
	font-weight: 700;
	background-color: #fff;
	text-align: center;
	color: #877534;
	font-size: 30px;
	padding: 12px 0;
	margin-top: 40px;
}

#op-sm_topview #op-sm01-03_finish {
	line-height: 1;
	font-weight: 700;
	background-color: #fff;
	text-align: center;
	color: #877534;
	font-size: 20px;
	padding: 12px 0;
	margin-top: 40px;
}

#op-sm_topview #op-sm01-04 span {
	display: inline-block;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(1) {
	display: inline-block;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(2) {
	display: inline-block;
	background-color: #b51919;
	color: #fff;
	border-radius: 100vh;
	font-weight: 700;
	font-size: 28px;
	padding: 13px 13px;
	vertical-align: bottom;
    transform: translateY(-30px);
}
#op-sm_topview #op-sm01-05 {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4;
	margin-top: 10px;
}

#op-sm01-04 {
    margin-top: 25px;
}

#op-sm_topview #op-sm01-06 {
	width: 204px;
	height: 204px;
	border-radius: 100vh;
	background-color: #9B1A11;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	transform: rotate(-8deg);
	position: absolute;
	top: 63px;
	right: 20px;
}
#op-sm_topview #op-sm01-06 div {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-style: normal;
	color: #F4F4F4;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(1) {
	font-size: 20px;
	line-height: 1.25;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) {
	font-size: 28px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) span {
	font-size: 49px;
}

#op-sm01 #op-sm-cc {
	background-color: #359dc9;
	padding: 24px 0;
}
#op-sm01 #op-sm-cc p {
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	font-style: normal;
	color: #fff;
	font-size: 36px;
	line-height: 1.52;
}
#op-sm01 #op-sm-cc p span {
	display: inline-block;
	padding: 6px 18px;
	background-color: #1D2088;
	margin-right: 10px;
}

    #op-sm_topview #op-sm01-05 span {
        display: block;
        padding-left: 3em;
    }

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

#op-sm_topview .inner {
	width: 100%;
	max-width: 800px;
	height: 740px;
	margin: 0 auto;
	background: url(../img/open-sm/250201_opsm/odajima_header.png) right 0px bottom -20px no-repeat;
	background-size: 350px auto;
	position: relative;
	box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.7);
}
#op-sm_topview #op-sm01-01 {
	margin-left: 20px;
}
#op-sm_topview #op-sm01-01 img {
	width: 185px;
	height: auto;
}
#op-sm_topview #op-sm01_set {
	width: 100%;
	max-width: 485px;
	margin-left: 20px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) {
	font-size: 24px;
	padding-bottom: 20px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2) {
	font-size: 42px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2)::after {
	font-size: 24px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(2) {
	font-size: 46px;
	padding: 18px 0 18px 0;
        line-height: 50px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) {
	font-size: 60px;
	padding: 18px 0px 18px 13px;
    line-height: 70px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) span {
	font-size: 48px;
}

#op-sm_topview #op-sm01-03 {
	font-size: 20px;
	padding: 12px 0;
	margin-top: 30px;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(1) img {
	width: 300px;
	height: auto;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(2) {
	font-size: 20px;
	padding: 10px 10px;
    transform: translateY(-20px);
}
#op-sm_topview #op-sm01-05 {
	font-size: 18px;
	margin-top: 14px;
}
#op-sm_topview #op-sm01-06 {
	width: 150px;
	height: 150px;
	top: 36px;
	right: 20px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(1) {
	font-size: 14px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) {
	font-size: 20px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) span {
	font-size: 30px;
}

#op-sm01 #op-sm-cc {
	background-color: #359dc9;
	padding: 20px 0;
}
#op-sm01 #op-sm-cc p {
	max-width: 800px;
	margin: 0 auto;
	font-size: 24px;
}
#op-sm01 #op-sm-cc p span {
	display: inline-block;
	padding: 6px 18px;
	background-color: #1D2088;
	margin-right: 10px;
}

}


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

#op-sm_topview {
	background: url(../img/open-sm/250201_opsm/back02.jpg) center center no-repeat;
	background-size: cover;
    background-color: rgba(255, 255, 255, 0.7);
}

#op-sm_topview .inner {
	width: 100%;
	max-width: 100%;
	height: auto;
	background: url(../img/open-sm/250201_opsm/odajima_header2.png) right 45px top 24px no-repeat;
	background-size: 300px auto;
	padding-bottom: 20px;
	position: relative;
}
#op-sm_topview #op-sm01-01 {
	display: none;
}
#op-sm_topview #op-sm01_set {
	width: 100%;
	max-width: 490px;
	margin: 0 auto;
	padding-top: 200px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) {
	font-size: 28px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 3px white, -2px 2px 3px white, 2px -2px 3px white, -2px -2px 3px white;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(1) {
	display: block;
	margin-right: 0;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2) {
	display: block;
	font-size: 54px;
	margin: 16px 0;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2)::after {
	font-size: 28px;
	margin-left: 10px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(2) {
	font-size: 40px;
	padding: 16px 0 12px 0;
	text-align: center;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) {
	font-size: 54px;
	padding: 10px 0 10px 0;
	text-align: center;
}
#op-sm_topview #op-sm_info {
	position: relative;
}
#op-sm_topview #op-sm01-03 {
	width: 304px;
	font-size: 24px;
	padding: 12px 0;
	margin-top: 16px;
}
#op-sm_topview #op-sm01-04 span {
	display: block;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(1) {
	display: block;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(1) img {
	width: auto;
	height: 100px;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(2) {
	display: block;
	background-color: #832D2A;
	color: #fff;
	border-radius: 100vh;
	font-weight: 700;
	font-size: 26px;
	padding: 13px 13px;
	vertical-align: bottom;
	position: relative;
	top: 35px;
	right: 0px;
	text-align: center;
}
#op-sm_topview #op-sm01-05 {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 28px;
}
#op-sm_topview #op-sm01-06 {
	width: 170px;
	height: 170px;
	top: 15px;
	right: auto;
	left: calc((100% - 490px) / 2 );
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(1) {
	font-size: 16px;
	line-height: 1.25;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) {
	font-size: 24px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) span {
	font-size: 40px;
}

#op-sm01 #op-sm-cc p {
	font-size: 20px;
}
#op-sm01 #op-sm-cc p br {
	display: none;
}
}

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

#op-sm_topview .inner {
	background: url(../img/open-sm/250201_opsm/odajima_header2.png) right 20px top 14px no-repeat;
	background-size: 190px auto;
	padding-bottom: 20px;
	position: relative;
}

#op-sm_topview #op-sm01_set {
	max-width: 300px;
	padding-top: 125px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) {
	font-size: 18px;
	padding-bottom: 10px;
	text-shadow: 2px 2px 3px white, -2px 2px 3px white, 2px -2px 3px white, -2px -2px 3px white;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2) {
	font-size: 35px;
	margin: 10px 0;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(1) span:nth-of-type(2)::after {
	font-size: 18px;
	margin-left: 8px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(2) {
	font-size: 26px;
	padding: 10px 0 8px 0;
	text-align: center;
    line-height: 40px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) {
	font-size: 34px;
	padding: 7px 0 5px 0;
	text-align: center;
    line-height: 50px;
}
#op-sm_topview #op-sm01-02 p:nth-of-type(3) span {
	font-size: 31px;
}
#op-sm_topview #op-sm01-03 {
	width: 190px;
	font-size: 17px;
	padding: 8px 0;
	margin-top: 12px;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(1) img {
	width: auto;
	height: 60px;
}
#op-sm_topview #op-sm01-04 span:nth-of-type(2) {
	font-size: 17px;
	padding: 9px 9px;
	top: 32px;
	right: 0px;
}
#op-sm_topview #op-sm01-05 {
	font-size: 15px;
	line-height: 1.4;
	margin-top: 16px;
}
#op-sm_topview #op-sm01-05 span {
	display: block;
	padding-left: 3em;
}
#op-sm_topview #op-sm01-06 {
	width: 107px;
	height: 107px;
	top: 10px;
	right: auto;
	left: calc((100% - 300px) / 2 );
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(1) {
	font-size: 10px;
	line-height: 1.25;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) {
	font-size: 14px;
}
#op-sm_topview #op-sm01-06 div p:nth-of-type(2) span {
	font-size: 23px;
}
}


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

#op-sm01 #op-sm-cc p {
	font-size: 18px;
}

}



/* #op-sm02
======================================================*/

#op-sm02 #op-sm-osusume {
	width: 100%;
	background-color: #d4d1c6;
	padding: 60px 0;
}
#op-sm02 #op-sm-osusume p {
	width: 462px;
	float: left;
}
#op-sm02 #op-sm-osusume dl {
	width: 496px;
	height: 306px;
	float: right;
	background-color: #fff;
}
#op-sm02 #op-sm-osusume dl dt {
	background-color: #333333;
	color: #fff;
	font-size: 25px;
	line-height: 1;
	font-weight: 700;
	padding: 20px 0 20px 28px;
}
#op-sm02 #op-sm-osusume dl dd {
	color: #333;
	font-size: 20px;
	line-height: 2;
	font-weight: 500;
	padding: 20px 0 0px 28px;
}
#op-sm02 #op-sm-osusume dl dd span {
	color: #7F5C32;
}

#op-sm02 #op-sm02-01 {
	width: 100%;
	background-color: #e3ffff;
	padding: 70px 0 60px 0;
}
#op-sm02 #op-sm02-01 dl dt {
	font-weight: 700;
	font-size: 25px;
	line-height: 1.6;
	color: #533a1b;
}
#op-sm02 #op-sm02-01 dl dd {
	font-weight: 500;
	font-size: 20px;
	line-height: 2;
	color: #333;
	margin-top: 30px;
}

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

#op-sm02 #op-sm-osusume {
	padding: 47px 0;
}

#op-sm02 #op-sm-osusume .op-sm-container {
	max-width: 800px;
	margin: 0 auto;
}

#op-sm02 #op-sm-osusume p {
	width: 365px;
}
#op-sm02 #op-sm-osusume p img {
	width: 100%;
	height: auto;
}
#op-sm02 #op-sm-osusume dl {
	width: calc(100% - 390px);
	height: 243px;
}
#op-sm02 #op-sm-osusume dl dt {
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	padding: 16px 0 16px 22px;
}
#op-sm02 #op-sm-osusume dl dd {
	font-size: 16px;
	line-height: 2;
	font-weight: 500;
	padding: 14px 0 0px 22px;
}

#op-sm02 #op-sm02-01 {
	padding: 50px 0 50px 0;
}
#op-sm02 #op-sm02-01 dl {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
#op-sm02 #op-sm02-01 dl dt {
	font-size: 20px;
}
#op-sm02 #op-sm02-01 dl dd {
	font-size: 16px;
	margin-top: 20px;
}

}

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

#op-sm02 #op-sm-osusume dl dt {
	font-size: 16px;
}
}

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

#op-sm02 #op-sm-osusume p {
	width: 100%;
	max-width: 483px;
	float: none;
	margin: 0 auto 30px auto;
}
#op-sm02 #op-sm-osusume dl {
	width: 100%;
	max-width: 483px;
	height: auto;
	float: none;
	margin: 0 auto;
}
#op-sm02 #op-sm-osusume dl dt {
	font-size: 22px;
}
#op-sm02 #op-sm-osusume dl dd {
	font-size: 22px;
	padding: 14px 0 14px 22px;
}
}

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

#op-sm02 #op-sm-osusume {
	padding: 40px 0px;
}

#op-sm02 #op-sm-osusume dl dt {
	font-size: 15px;
}
#op-sm02 #op-sm-osusume dl dd {
	font-size: 14px;
	padding: 14px 0 14px 22px;
}

#op-sm02 #op-sm02-01 {
	padding: 30px 0 30px 0;
}
#op-sm02 #op-sm02-01 dl {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
#op-sm02 #op-sm02-01 dl dt {
	font-size: 18px;
}
#op-sm02 #op-sm02-01 dl dd {
	font-size: 16px;
	margin-top: 20px;
}

}

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

#op-sm02 #op-sm02-01 dl dt {
	font-size: 16px;
}
#op-sm02 #op-sm02-01 dl dd {
	font-size: 14px;
}
}


/* #op-sm03
======================================================*/

#op-sm03 #op-sm-profile {
	width: 100%;
	background-color: #fff;
	padding: 80px 0;
    background: url(../img/open-sm/250201_opsm/back_001.png) no-repeat right top;
}
#op-sm03 #op-sm-profile h2 {
	font-weight: 700;
	font-size: 25px;
	line-height: 1;
	color: #333;
}
#op-sm03 #op-sm-profile .profile_box {
	margin-top: 30px;
}
#op-sm03 #op-sm-profile .profile_box .img {
	width: 516px;
	float: left;
}
#op-sm03 #op-sm-profile .profile_box .txt {
	width: calc(100% - 516px);
	float: left;
	padding-top: 30px;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(2) {
	margin-top: 26px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.45;
}
#op-sm03 #op-sm-profile h3 {
	font-weight: 500;
	font-size: 20px;
	line-height: 1;
	color: #7F5C32;
	margin: 54px 0 20px 0;
}
#op-sm03 #op-sm-profile #op-sm-keireki p {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.66;
	color: #333;
	margin-bottom: 1.5em;
}
#op-sm03 #op-sm-profile #op-sm-keireki p:last-child {
	margin-bottom: 0;
}

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

#op-sm03 #op-sm-profile {
	padding: 70px 0;
}
#op-sm03 #op-sm-profile .op-sm-container {
	max-width: 800px;
	margin: 0 auto;
}
#op-sm03 #op-sm-profile h2 {
	font-size: 20px;
}
#op-sm03 #op-sm-profile .profile_box {
	margin-top: 26px;
}
#op-sm03 #op-sm-profile .profile_box .img {
	width: 407px;
	float: left;
}
#op-sm03 #op-sm-profile .profile_box .txt {
	width: calc(100% - 407px);
	float: left;
	padding-top: 26px;
}
#op-sm03 #op-sm-profile .profile_box .img img {
	width: 340px;
	height: auto;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(1) img {
	width: auto;
	height: auto;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(2) {
	margin-top: 24px;
	font-size: 18px;
}
#op-sm03 #op-sm-profile h3 {
	margin: 40px 0 14px 0;
}
#op-sm03 #op-sm-profile #op-sm-keireki p {
	font-size: 16px;
}
}

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

#op-sm03 #op-sm-profile h2 {
	font-size: 26px;
}

#op-sm03 #op-sm-profile .profile_box {
	width: 100%;
	max-width: 483px;
	margin: 26px auto 0 auto;
}
#op-sm03 #op-sm-profile .profile_box .img {
	width: 100%;
	float: none;
}
#op-sm03 #op-sm-profile .profile_box .img img {
	width: 100%;
	height: auto;
}
#op-sm03 #op-sm-profile .profile_box .txt {
	width: 100%;
	float: none;
	padding-top: 26px;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(1) img {
	width: auto;
	height: auto;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(2) {
	margin-top: 30px;
	font-size: 22px;
}
#op-sm03 #op-sm-profile h3 {
	margin: 50px 0 20px 0;
	font-size: 20px;
}
}

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

#op-sm03 #op-sm-profile {
	padding: 35px 0;
}

#op-sm03 #op-sm-profile h2 {
	font-size: 18px;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(1) img {
	width: auto;
	height: auto;
}
#op-sm03 #op-sm-profile .profile_box .txt p:nth-of-type(2) {
	margin-top: 16px;
	font-size: 16px;
}
#op-sm03 #op-sm-profile h3 {
	margin: 35px 0 20px 0;
	font-size: 18px;
}
}

@media screen and (max-width: 599px) {
#op-sm03 #op-sm-profile #op-sm-keireki p {
	font-size: 14px;
}
}

/* #op-sm04
======================================================*/

#op-sm04 #op-sm-book {
	width: 100%;
	background-color: #d4d1c6;
	padding: 70px 0;
}
#op-sm04 #op-sm-book .op-sm-container {
	position: relative;
}
#op-sm04 #op-sm-book h2 {
	color: #333;
	font-weight: 700;
	font-size: 25px;
	line-height: 1.6;
}
#op-sm04 #op-sm-book h2:nth-of-type(2) {
	margin-top: 100px;
}
#op-sm04 #op-sm-book p {
	color: #333;
	font-weight: 700;
	font-size: 20px;
	line-height: 2.25;
	font-family: "Noto Serif JP", serif;
	font-style: normal;
}
#op-sm04 #op-sm-book p a {
    color: #333;
    text-decoration: underline dotted;
    text-underline-offset: 4px;
}

#op-sm04 #op-sm-book p a:hover::after {
    text-decoration: none;
    cursor: pointer; /* マウスオーバー時に指先のカーソルに変更 */
}

#op-sm04 #op-sm-book #book_img {
	position: absolute;
	top: 60px;
	left: 516px;
}
#op-sm04 #op-sm-book #book_img img {
	width: 498px;
	height: auto;
}


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

#op-sm04 #op-sm-book {
	padding: 50px 0;
}
#op-sm04 #op-sm-book .op-sm-container {
	max-width: 800px;
	margin: 0 auto;
}
#op-sm04 #op-sm-book h2 {
	font-size: 20px;
}
#op-sm04 #op-sm-book h2:nth-of-type(2) {
	margin-top: 80px;
}
#op-sm04 #op-sm-book p {
	font-size: 16px;
}
#op-sm04 #op-sm-book #book_img {
	width: 40%;
	top: 40px;
	left: auto;
	right: 0px;
	text-align: right;
}
}

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

#op-sm04 #op-sm-book #book_img {
	width: 100%;
	top: 0px;
	left: auto;
	right: auto;
	position: relative;
	text-align: center;
}
#op-sm04 #op-sm-book #book_img img {
	width: 100%;
	height: auto;
	padding-top: 30px;
}

}

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

#op-sm04 #op-sm-book {
	padding: 40px 0;
}
#op-sm04 #op-sm-book h2 {
	font-size: 18px;
}
#op-sm04 #op-sm-book h2:nth-of-type(2) {
	margin-top: 30px;
}
}

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

#op-sm04 #op-sm-book p {
	font-size: 14px;
}

}


/* #op-sm05
======================================================*/

#op-sm05 #op-sm-gaiyo {
	width: 100%;
	background-color: #F4F4F4;
	padding: 70px 0;
}
#op-sm05 #op-sm-gaiyo h2 {
	color: #1F1F1F;
	font-weight: 700;
	font-size: 25px;
	line-height: 1;
    margin-bottom: 30px;
}
#op-sm05 #op-sm-gaiyo .img {
	margin: 34px 0 43px 0;
}

#op-sm05 #op-sm-gaiyo dl:not(:last-child) {
	margin-bottom: 30px;
}

#op-sm05 #op-sm-gaiyo dl dt {
	width: 140px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	background-color: #757575;
	float: left;
	margin-top: 4px;
}
#op-sm05 #op-sm-gaiyo dl dd {
	width: calc(100% - 170px);
	float: right;
	font-size: 20px;
	line-height: 1.85;
	color: #333333:
}
#op-sm05 #op-sm-gaiyo dl dd a {
	display: block;
	color: #333333;
	text-decoration: underline;
}


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

#op-sm05 #op-sm-gaiyo {
	padding: 40px 0;
}
#op-sm05 #op-sm-gaiyo .op-sm-container {
	max-width: 800px;
	margin: 0 auto;
}
#op-sm05 #op-sm-gaiyo h2 {
	font-size: 20px;
}
#op-sm05 #op-sm-gaiyo .img img {
	width: 340px;
	height: auto;
}
#op-sm05 #op-sm-gaiyo dl dt {
	width: 140px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	margin-top: 0px;
}
#op-sm05 #op-sm-gaiyo dl dd {
	width: calc(100% - 170px);
	float: right;
	font-size: 16px;
	line-height: 1.85;
	color: #333333:
}

}

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

#op-sm05 #op-sm-gaiyo dl dt {
	float: none;
}
#op-sm05 #op-sm-gaiyo dl dd {
	display: block;
	width: 100%;
	float: none;
	margin-top: 10px;
}

}

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

#op-sm05 #op-sm-gaiyo {
	padding: 50px 0 40px 0;
}
#op-sm05 #op-sm-gaiyo h2 {
	font-size: 18px;
}
#op-sm05 #op-sm-gaiyo .img {
	margin: 10px 0 46px 0;
}
#op-sm05 #op-sm-gaiyo .img img {
	width: 100%;
	height: auto;
}
#op-sm05 #op-sm-gaiyo dl:not(:last-child) {
	margin-bottom: 10px;
}
#op-sm05 #op-sm-gaiyo dl dt {
	width: 90px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
}
#op-sm05 #op-sm-gaiyo dl dd {
	margin-top: 6px;
}
}

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

#op-sm05 #op-sm-gaiyo dl dd {
	font-size: 14px;
}

}


/* #op-sm-contact
======================================================*/

#op-sm-contact {
	width: 100%;
	padding: 0 0 100px 0;
}
#/*op-sm-contact h2 {
	width: 100%;
	height: 100px;
	background-color: #CBBF86;
	text-align: center;
	font-weight: 700;
	font-size: 36px;
	line-height: 100px;
	color: #1F1F1F; */
}
#op-sm-contact-head {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #832D2A;
	margin-top: 60px;
}
#op-sm-contact-head br {
	display: none;
}
.contact_container {
	margin-top: 50px;
	text-align: center;
}
.tab-radio {
	width: 22px;
	height: 22px;
	display: inline-block;
}
.tab-radio:nth-of-type(2) {
	margin-left: 46px;
}
.tab-txt {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	line-height: 22px;
	margin-top: 3px;
	margin-left: 3px;
}

.op-sm-pp {
	border: solid 1px #707070;
	border-radius: 6px;
	padding: 6px 6px 6px 20px;
}
.op-sm-pp-inner {
	height: 250px;
	overflow-y: scroll;
	padding: 10px 10px 10px 0;
}
.op-sm-pp p {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	text-align: left;
}

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

#op-sm-contact h2 {
	height: 76px;
	font-size: 30px;
}

#op-sm-contact-head {
	line-height: 1.6;
}
#op-sm-contact-head br {
	display: block;
}
}

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

#op-sm-contact h2 {
	height: 60px;
	font-size: 28px;
}
#op-sm-contact-head {
	margin-top: 40px;
	font-size: 16px;
	text-align: left;
}
#op-sm-contact-head br {
	display: none;
}
.contact_container {
	margin-top: 30px;
}
}

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

#op-sm-contact {
	padding: 0 0 50px 0;
}
#op-sm-contact h2 {
	height: 36px;
	font-size: 20px;
}
#op-sm-contact-head {
	margin-top: 20px;
}
.contact_container {
	margin-top: 26px;
	text-align: left;
}
.tab-radio:nth-of-type(1) {
	margin-left: 0;
}
.tab-radio:nth-of-type(2) {
	margin-left: 0;
	margin-top: 20px;
}
.tab-txt:nth-of-type(2) {
	margin-top: 20px;
}
.op-sm-pp {
	padding: 6px 6px 6px 10px;
}
}


/* フォーム
======================================================*/

.op_seminar_contact {

}

.op_seminar_contact .contact_single {
	display: block;
	margin-bottom: 50px;
}
.op_seminar_contact .contact_single.last {
	margin-bottom: 130px;
}
.op_seminar_contact .contact_single dl {
	display: flex;
	align-items: center;
}
.op_seminar_contact .contact_single dl dt {
	width: 260px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 400;
	color: #1F1F1F;
	line-height: 1.4;
}
.op_seminar_contact .contact_single dl dd {
	width: calc(100% - 260px);
	box-sizing: border-box;
}
.op_seminar_contact .contact_single dl dt span {
	display: block;
	color: #ca1c10;
	font-size: 16px;
	font-weight: 500;
}
.op_seminar_contact .contact_single dl dd .form_txt {
	width: 100%;
	box-sizing: border-box;
	padding: 6px;
	font-size: 18px;
}

.op_seminar_contact input[type="submit"] {
  width: 322px;
  max-width: 100%;
  height: 64px;
  background: #666;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  margin: 5rem auto 0;
  transition: .2s;
}

#pp_info {
	text-align: center;
	margin: 26px 0 36px 0;
	font-size: 16px;
	font-weight: 500;
	color: #1F1F1F;
}
#pp_info input {
	width: 20px;
	height: 20px;
	vertical-align: top;
}
#pp_info span {
	vertical-align: top;
	display: inline-block;
	line-height: 23px;
}

.send input[type="submit"] {
	width: 320px;
	max-width: 100%;
	height: 60px;
	background: #1E7E0F;
	background-color: rgba(30,126,15,1);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 700;
	transition: background-color 0.2s;
	border-radius: 100vh;
	position: relative;
}
.send input[type="submit"]:hover {
	background-color: rgba(30,126,15,0.7);
}

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

.op_seminar_contact {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.op_seminar_contact .contact_single dl dt {
	width: 200px;
	padding-top: 6px;
}
.op_seminar_contact .contact_single dl dd {
	width: calc(100% - 200px);
}
}

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

.op_seminar_contact .contact_single {
	margin-bottom: 20px;
}
.op_seminar_contact .contact_single.last {
	margin-bottom: 60px;
}
.op_seminar_contact .contact_single dl {
	display: block;
}
.op_seminar_contact .contact_single dl dt {
	width: 100%;
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 4px;
}
.op_seminar_contact .contact_single dl dd {
	width: 100%;
	box-sizing: border-box;
}
.op_seminar_contact .contact_single dl dt span {
	display: inline-block;
	color: #ca1c10;
	font-size: 16px;
	margin-left: 10px;
}

}

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

.op_seminar_contact .contact_single {
	margin-bottom: 10px;
}
.op_seminar_contact .contact_single.last {
	margin-bottom: 30px;
}
.op_seminar_contact .contact_single dl dt {
	font-size: 16px;
}
.op_seminar_contact .contact_single dl dt span {
	font-size: 14px;
}
.send input[type="submit"] {
  font-size: 16px;
}

#pp_info {
	text-align: center;
	margin: 26px 0 36px 0;
	font-size: 14px;
	font-weight: 500;
	color: #1F1F1F;
}
#pp_info input {
	width: 20px;
	height: 20px;
	vertical-align: top;
}
#pp_info span {
	vertical-align: top;
	display: inline-block;
	line-height: 23px;
}

}


/* コンテンツ */
.tab-content-item {
	/* コンテンツは非表示 */
	display: none;
	overflow: hidden;
}

/* ラジオボタンがチェックされたら、コンテンツを表示 */
#tab01:checked ~ #tabContent01,
#tab02:checked ~ #tabContent02 {
	display: block;
}

.contact_container #tabContent01 {
	padding-top: 50px;
}
.contact_container #square_link {
	margin-bottom: 50px;
}
.contact_container #tabContent01 img {
	max-width: 100%;
	height: auto;
}

.contact_container #tabContent02 {
	padding-top: 50px;
	text-align: left;
}

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

.contact_container #tabContent01 img {
	width: 100%;
	max-width: 490px;
	height: auto;
}

}

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

.contact_container #tabContent01 {
	padding-top: 30px;
}
#square_link {
	margin-bottom: 40px;
}

}


/*1130ブレイクポイント追加*/
/* 初期状態では非表示 */
.break1130 {
    display: none; /* 1130px以上では非表示 */
}

/* 1130px以下で改行を有効にする */
@media (max-width: 1130px) {
    .break1130 {
        display: inline; /* 1130px以下では表示 */
    }
}


/* #op-sm-thanks
======================================================*/

#op-sm-thanks {
	text-align: center;
	display: flex;
	height: calc(100vh - 380px);
	min-height: 300px;
	justify-content: center;
	align-items: center;
}
#op-sm-thanks p {
	font-size: 18px;
	line-height: 1.6;
}

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

#op-sm-thanks {
	text-align: center;
	display: flex;
	height: calc(100vh - 430px);
	min-height: 300px;
}

#op-sm-thanks p {
	font-size: 16px;
}

}

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

#op-sm-thanks {
	height: calc(100vh - 400px);
	min-height: 100px;
}

}

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

#op-sm-thanks p {
	font-size: 14px;
}

}

/*メールフォーム変更
======================================================*/
#op-sm-contact h2 {
    width: 100%;
    background-color: #359dc9;
    text-align: center;
    font-weight: 700;
    font-size: clamp(20px, 3vw, 40px);  /* 最小20px、最大40px、3vwで可変 */
    color: #fff;
    padding: 50px 0px 50px 0px;
}

.iframe-container {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.iframe-container iframe {
    width: 100%;
    max-width: 640px;
    height: 2550px;
    border: none;
    margin-top: 50px;
}
#op-sm-contact h2 span {
    font-size: 20px;
}
@media (max-width: 708px) {
    .iframe-container iframe {
        height: 2800px;
    }
    .op-sm-container-wrap {
    padding: 0 10px;
}
}
@media (max-width: 481px) {
    .iframe-container iframe {
        height: 3200px;
    }
}
@media (max-width: 388px) {
    .iframe-container iframe {
        height: 3280px;
    }
}
/* clearfix：float対策
======================================================*/

.clear:after {
	content: "";
	display: block;
	clear: both;
}
 
.clear:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clear {
	display: block;
}