@charset "UTF-8";
/* CSS Document */

/*topics_list*/
.topics_list ul {
list-style: none;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 29px;
border-left-style: solid;
padding-inline-start: 14px;
border-color: #1acfd8;}

.topics_list {padding: 1em 2% 0 18%;width: 80%;font-size: .8em;}
.topics_list ul li a{color: #1acfd8;}
.topics_list p.step{color: #1acfd8;font-family: 'raleway', sans-serif;letter-spacing: 7px;font-weight: bold;}
/*topics*/

/*.topics-wrap .title {
text-align: center;
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
color: #4d4d4d;}*/

.title{width: 100%;padding: 9em 0 0 0;text-align: center;font-family: 'Noto Sans JP', sans-serif;color: #4d4d4d;}

.title .sub_ttl{
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;}

.topics-wrap .topics_ttl{font-size:2em;font-family: 'Noto Sans JP', sans-serif;color:#4d4d4d;}

.topics-wrap .topics-box {
width: 86%;
/* padding-left: 45%; */
padding: 12em 7% 0 7%;
margin-top: -11em;
font-family: 'Noto Sans JP', sans-serif;}

.topics_inner h1{text-align:center;}

/*.topics_list {
padding: 2em 0em 0 30em;
width: 50%;}*/

.arrowlink_reset{font-family: 'raleway', sans-serif;padding-inline-start:0px;text-align:right;margin-top: 2em;margin-bottom: 5em;color:#4d4d4d;}


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

	
}

@media screen and (min-width: 768px){
/*topics_list*/
.topics_list ul {
list-style: none;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 29px;
border-left-style: solid;
padding-inline-start: 14px;
border-color: #1acfd8;}	

.topics_list {padding: 6em 62% 0 8%;width: 30%;}
/*.topics_list {padding: 6em 6% 0 14%;width: 80%;}
.topics_list {padding: 2em 0em 0 24em;width: 50%;}*/

.title {
width: 100%;
padding: 6em 0 0 0;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
color: #4d4d4d;}

.title .topics_ttl{letter-spacing: 7px;}
	
.title .sub_ttl {
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
font-family: 'Noto Sans JP', sans-serif;
text-align: center;}	
	
/*topics*/
/*.topics-wrap .title{padding: 0em 1em 1em 3em;width:35%;text-align: center;}*/
.topics-wrap .topics_ttl{font-size:1.8em;text-align: left;}
	
/*.topics-wrap .sub_ttl{
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
text-align: left;}*/
	
.topics_inner h1 {text-align: left;}

.topics-wrap .topics-box {
width: 50%;
padding-left: 43%;
margin-top: -32em;}

}

@media screen and (min-width: 1024px){
/*topics_list*/
/*.topics_list {padding: 2em 0em 0 30em;width: 50%;}*/
.topics_list {padding: 1em 60% 0 10%;width: 30%;font-size: 1em;}
	
.topics_list ul {
list-style: none;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
line-height: 29px;
border-left-style: solid;
padding-inline-start: 14px;
border-color: #1acfd8;}	

/*topics*/
.title{width: 46%;padding: 5em 11% 2em 43%;text-align: left;}
/*.topics-wrap .title{padding: 0em 1em 1em 3em;width:35%;}*/

.title .sub_ttl{
font-size: 1em;
letter-spacing: 4px;
margin-top: -.5em;
text-align: left;}
	
.title .topics_ttl{font-size:2em;letter-spacing: 3px;}
	
.topics-wrap .topics-box {
width: 50%;
padding-left: 43%;
margin-top: -34em;}	
	


.arrowlink_reset{font-family: 'raleway', sans-serif;padding-inline-start:0px;text-align:right;margin-top: 2em;margin-bottom: 5em;}


	
}