@charset "UTF-8";



.seminarflex{

	display: flex;

	justify-content: space-between;

}

.seminarflex .seminar_main{

	width: 65.66666666666667%;

}

.seminarflex .seminar_information{

	width: 27.83333333333333%;

}

.seminar_information_container{

	border: 4px solid #e8e8e8;

	padding: 40px 30px 20px;

}

.single-seminar .article_header h1{

	font-size: 28px;

	margin: 30px 0 60px;

}

#content .seminar_information h3{

	display: block;

	color: #1f3183;

	font-size: 23px;

	letter-spacing: 0.075em;

	margin-bottom: 30px;

	text-align: center;

}

#content .seminar_information h3::before {

	display: none;

}

.seminar_information_inner dl {

	font-size: 16px;

}

.seminar_information_inner dl dt{

	margin-top: 15px;

	margin-bottom: 5px;

}

.seminar_information_inner dl dt span{

	background: #e0d285;

	padding: 2px 6px;

}

.seminar_information_inner dl dt span.end {

	background: #838383;

  color:white;

}



.single-seminar #content article .seminar_information_inner dl dd a{

	color: #143477;

	font-weight: bold;

	text-decoration: underline;

}

.single-seminar #content article .seminar_information_inner dl dd a:hover{

	text-decoration: none;

}

.seminar_information_inner dl dd span{

	display: inline-block;

	border: 1px solid #143477;

	border-radius: 20px;

	padding: 0px 10px;

	color: #143477;

	margin-right: 8px;

	margin-bottom: 10px;

}

.side_contact{

	margin: 30px 0;

}

.side_contact .link-page a{

	position: relative;

  display: block;

	max-width: 100%;

  width: 300px;

  max-height: 60px;

  margin: 0 auto;

  min-width:inherit;

  padding: 18px 50px 15px 60px;

  border-radius: 45px;

  background: #1f3183;

  color: #ffffff;

  font-size: 16px;

  line-height: 1.2;

  text-align: center;

  transition: .3s;

}

.side_contact .link-page a::after {

  display: inline-block;

  position: relative;

  top: 6px;

  right: 0em;

  float: right;

  transform: translateY(-50%) rotate(135deg);

  width: 0.6em;

  height: 0.6em;

  border-top: 2px solid #ffffff;

  border-right: 2px solid #ffffff;

  content: "";

}

/* parts */

.link-external a{

	position: relative;

  display: block;

  max-width: 100%;

  width: 300px;

  max-height: 60px;

  margin: 0 auto;

  min-width:inherit;

  padding: 18px 50px 15px 60px;

  border-radius: 45px;

  background: #1f3183;

  color: #ffffff;

  font-size: 16px;

  line-height: 1.2;

  text-align: center;

  transition: .3s;

}

.link-external a{

	color: #FFF !important;

}

.link-external a::after {

  display: inline-block;

  position: relative;

  top: 8px;

  right: 2px;

  float: right;

  transform: translateY(-50%) rotate(45deg);

  width: 0.6em;

  height: 0.6em;

  border-top: 2px solid #ffffff;

  border-right: 2px solid #ffffff;

  content: "";

}



@media (min-width: 768px) {

  #content .container {

    max-width: 94%;

  }

}

@media (min-width: 1400px) {

  #content .container {

    max-width: 1224px;

  }

}

@media (max-width:1100px) {

	.side_contact .link-page a,.side_contact .link-external a{

		padding: 18px 20px 15px 30px;

		font-size: 14px;

	}

}

@media (max-width:767px) {

	.seminarflex .seminar_main,.seminarflex .seminar_information{

		width: 100%;

	}

	.single-seminar .article_header h1 {

		font-size: 20px;

		margin: 20px 0 30px;

	}

	.single-seminar #content article .seminar_information h3 {

    font-size: 20px;

		padding: 0;

		margin:0 0 30px;

		border: none;

  }

}



/* ------------------------ */



.tokuten{

  background-color: #f4f4f4;

  padding: 2em 3em 1em;

  margin-top: 2em;

}

.tokuten ol li{margin-top: 0.3em;}



.single-seminar #content article .d-flex a{ margin-right: 1em;}

.single-post #content article p.gray,.single-seminar #content article p.gray,.tokuten ol li span.gray{

  font-size: 0.85em;

  color: #626262;

}

.single-post #content article p.link-page,.single-seminar #content article p.link-page,.single-seminar #content article p.link-external{margin-top: 2em;}



.single-post #content article p.link-page a,

.single-seminar #content article p.link-page a{

    position: relative;

    display: block;

    width: 35%;

    max-height: 60px;

    margin: 0 auto;

    min-width: 300px;

    padding: 18px 50px 15px 60px;

    border-radius: 45px;

    background: #1f3183;

    color: #ffffff;

    font-size: 16px;

    line-height: 1.2;

    text-align: center;

    transition: .3s;

    }

.single-post #content article p.link-page a:after,

.single-seminar #content article p.link-page a:after {

    display: inline-block;

    position: relative;

    top: 6px;

    right: 0em;

    float: right;

    transform: translateY(-50%) rotate(135deg);

    width: 0.6em;

    height: 0.6em;

    border-top: 2px solid #ffffff;

    border-right: 2px solid #ffffff;

    content: "";

}

.single-post #content article p.link-page a:after{

    top: 8px;

    transform: translateY(-50%) rotate(49deg);

}

    

.single-post #content article p.t-center,

.single-seminar #content article p.t-center{text-align: center;}



.seminar-contents{

padding: 0 3em 1.5em;

border: solid 7px #dcdcdc;

margin-top: 3em;

}

.seminar-contents ol,.seminar-contents ul{

    background: #f3f3f3;

    padding: 1em 1em 1em 3em;

}

.single-post #content article .recommended-for h3,

.single-seminar #content article .recommended-for h3{

    background-color: #878993;

    color: #ffffff;

    font-weight: 500;

    padding: 0.7em 0.5em 0.5em 1em;

    border: none;

}



.recommended-for ul {list-style-type: none;}

.recommended-for ul li {margin-left: 2em;}

.single-post #content article .recommended-for ul {

border: none;

margin: 0;

padding: 0;

}

.single-post #content article .recommended-for ul li,

.recommended-for ul li {

  position: relative;

  line-height: 2.2;

}

.recommended-for ul li::after {

    content: '';

    display: block;

    position: absolute;

    top: 0.7em;

    left: -1.7em;

    width: 14px;

    height: 8px;

    border-left: 3px solid #1f3183;

    border-bottom: 3px solid #1f3183;

    transform: rotate(-45deg);

}



.single-post #content article .recommended-for ul li:before{content: ''}



.gaiyou-last{

  background-color: #fafafa;

  margin-top: 3em;

}

.gaiyou-last p{padding:0 2em;}



.single-post #content .box--responsibility-article,

.single-seminar #content .box--responsibility-article{

  margin: 0;

    padding: 0;

    background-color: #fff;

}





.single-seminar #content .box--responsibility-article .prof-list{

        display: flex;

        margin-bottom: 1em;

    }

.box--responsibility-article  ul.prof-list .prof-img{

        width: 30%;

        margin-right: 2em;

        padding: 0;

    }

.box--responsibility-article ul.prof-list .prof-img img{

        width: 100%;

    }

.box--responsibility-article ul.prof-list .prof-detail{

       width: 100%;

       padding: 0;

       line-height: 1.6;

    }

    

 .single-seminar #content article .nozokimi{   

    background-color: #f8f8f8;

    padding: 1.7em 2em 0.7em;

    font-size: 0.9em;

    margin: 2em 0 3em;

 }

 .single-seminar #content article .nozokimi h3{

 color: #1f3183;

    border: none;

    padding-left: 0;

    margin: 0 0 10px;

    }

    

@media (max-width: 767px){

  .single-seminar #content .box--responsibility-article .prof-list{

    flex-direction:column;

  }

  

  .box--responsibility-article  ul.prof-list .prof-img{

    width: 40%;

    margin: 0 auto 1.5em auto;

  }

  

}



.googleform {

  padding-top: 40px;

}



.sns_share_btn{

    display: flex;

    

}

.sns_share_btn p:first-child{

    margin-right: 1em;

}



.sns_share_btn p:hover{

    opacity:0.6;}

    

.custom-button {

    background-color: #f4f4f4;

    padding: 2em 1em 1em;

    margin-top: 2em;

}

.single-seminar #content article .custom-button h4{

    font-size: 1.0em;

    text-align: center;

    display: block;

}

.single-seminar #content article .custom-button h4:before{

  content: none;

}

.single-seminar #content article .custom-button p.link-page{ margin-top: 0;}

.single-seminar #content article .custom-button p.link-page a{

background-color: #9e8850;

    min-width: 430px;

}

.single-seminar #content article .custom-button p.link-page a:after {

    top: 8px;

    transform: translateY(-50%) rotate(49deg);

}

@media (max-width: 767px){

.single-seminar #content article .custom-button p.link-page a {

    width: 100%;

    padding: 18px 13px 15px 10px;

    min-width: 200px;

    font-size: 1.0em;

}

}



/* -------------------------------------------------------------------------- */



.single-seminar #content .seminar-contents ul {

  margin-bottom: 1rem;

  margin-left: 1.5rem;

  background-color: unset;

	/* text-indent: -0.5rem; */

}



.single-seminar #content .seminar-contents .seminar-contents-item {

  margin-bottom: 0.5rem;

}



#application__form {

  scroll-margin-top: 80px;

}



.seminar_information.pc .sidebar.sticky

{

  position: sticky;

  top: 120px;

}