@charset "utf-8";
/* CSS Document */
/*==================================================

リセットCSS

===================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/*==================================================

フォント

===================================================*/
body{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	line-height: 1.6;
	font-size: 1.6rem;
	letter-spacing: 0.06em;
    color: #3e3939;
}
@media screen and (max-width:740px) {
    body{
        font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 500;
        line-height: 1.6;
        font-size: 1.6rem;
        letter-spacing: 0.06em;
    }
}/*SP-end*/




/*==================================================

共通

===================================================*/
html{
    font-size: 62.5%;
}
body a{
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    color: #3e3939;
}
.pc{
    display:block;
}
.sp{
    display:none;
}
body a:hover{
    opacity: 1;
    transition: all 0.3s;
}
body .flex{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:  space-between;
    justify-content: space-between;
}
body main{
    position: relative;
	overflow-x: hidden;
    padding-bottom: 60px;
}
body #pagetop a{
    position: absolute;
    right: 20px;
    bottom: 0;
	z-index: +1;
}
.accordion-item input[type="checkbox"] {
position: relative;
    width: 23px;
    height: 23px;
    border: 2px solid #1998e8;
    vertical-align: -5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.accordion-item input[type="checkbox"]:checked:before {
    position: absolute;
    top: 2px;
    left: 5px;
    transform: rotate(44deg);
    width: 7px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
.accordion-item input[type="checkbox"]:checked{
background: #ee4f4f;
    border: 2px solid #ee4f4f;
}
/*text-align*/
.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}
/*margin-top*/
.mt0 {
  margin-top: 0 !important;
}

.mt2 {
  margin-top: 0.2rem !important;
}

.mt4 {
  margin-top: 0.4rem !important;
}

.mt6 {
  margin-top: 0.6rem !important;
}

.mt8 {
  margin-top: 0.8rem !important;
}

.mt10 {
  margin-top: 1rem !important;
}

.mt12 {
  margin-top: 1.2rem !important;
}

.mt14 {
  margin-top: 1.4rem !important;
}

.mt16 {
  margin-top: 1.6rem !important;
}

.mt18 {
  margin-top: 1.8rem !important;
}

.mt20 {
  margin-top: 2rem !important;
}

.mt22 {
  margin-top: 2.2rem !important;
}

.mt24 {
  margin-top: 2.4rem !important;
}

.mt26 {
  margin-top: 2.6rem !important;
}

.mt28 {
  margin-top: 2.8rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mt32 {
  margin-top: 3.2rem !important;
}

.mt34 {
  margin-top: 3.4rem !important;
}

.mt36 {
  margin-top: 3.6rem !important;
}

.mt38 {
  margin-top: 3.8rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt42 {
  margin-top: 4.2rem !important;
}

.mt44 {
  margin-top: 4.4rem !important;
}

.mt46 {
  margin-top: 4.6rem !important;
}

.mt48 {
  margin-top: 4.8rem !important;
}

.mt50 {
  margin-top: 5rem !important;
}

.mt52 {
  margin-top: 5.2rem !important;
}

.mt54 {
  margin-top: 5.4rem !important;
}

.mt56 {
  margin-top: 5.6rem !important;
}

.mt58 {
  margin-top: 5.8rem !important;
}

.mt60 {
  margin-top: 6rem !important;
}

.mt64 {
  margin-top: 6.4rem !important;
}

.mt80 {
  margin-top: 8rem !important;
}

/*margin-bottom*/
.mb0 {
  margin-bottom: 0 !important;
}

.mb2 {
  margin-bottom: 0.2rem !important;
}

.mb4 {
  margin-bottom: 0.4rem !important;
}

.mb6 {
  margin-bottom: 0.6rem !important;
}

.mb8 {
  margin-bottom: 0.8rem !important;
}

.mb10 {
  margin-bottom: 1rem !important;
}

.mb12 {
  margin-bottom: 1.2rem !important;
}

.mb14 {
  margin-bottom: 1.4rem !important;
}

.mb16 {
  margin-bottom: 1.6rem !important;
}

.mb18 {
  margin-bottom: 1.8rem !important;
}

.mb20 {
  margin-bottom: 2rem !important;
}

.mb22 {
  margin-bottom: 2.2rem !important;
}

.mb24 {
  margin-bottom: 2.4rem !important;
}

.mb26 {
  margin-bottom: 2.6rem !important;
}

.mb28 {
  margin-bottom: 2.8rem !important;
}

.mb30 {
  margin-bottom: 3rem !important;
}

.mb32 {
  margin-bottom: 3.2rem !important;
}

.mb34 {
  margin-bottom: 3.4rem !important;
}

.mb36 {
  margin-bottom: 3.6rem !important;
}

.mb38 {
  margin-bottom: 3.8rem !important;
}

.mb40 {
  margin-bottom: 4rem !important;
}

.mb42 {
  margin-bottom: 4.2rem !important;
}

.mb44 {
  margin-bottom: 4.4rem !important;
}

.mb46 {
  margin-bottom: 4.6rem !important;
}

.mb48 {
  margin-bottom: 4.8rem !important;
}

.mb50 {
  margin-bottom: 5rem !important;
}

.mb52 {
  margin-bottom: 5.2rem !important;
}

.mb54 {
  margin-bottom: 5.4rem !important;
}

.mb56 {
  margin-bottom: 5.6rem !important;
}

.mb58 {
  margin-bottom: 5.8rem !important;
}

.mb60 {
  margin-bottom: 6rem !important;
}

.mb64 {
  margin-bottom: 6.4rem !important;
}

.mb80 {
  margin-bottom: 8rem !important;
}

/*アコーディオン*/
.accordion {
  margin-inline: auto;
  max-width: 100%;
  position: relative;
  width: 100%;
}
.accordion-title {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 13px 20px 13px 50px;
}
.step4 .accordion-title{
	padding-left: 20px;
}
.accordion-content {
    padding: 8px;
	display: none;
}
.accordion-content p {
  font-size: 13px;
  line-height: 1.5;
}
.accordion-item .accordion-title {
	background:#f4f7f9;
	justify-content: flex-start;
	align-items: center;
	border-radius: 5px;
	    padding-right: 170px;
}
.accordion-item{
    position: relative;
    margin-bottom: 10px;
}
/* 矢印 */
.accordion-title {
  position: relative;
}
.accordion-title:after {
    background-image: url(https://dh-n.jp/sinro-koen/ssl_data/spiral/form/24daigaku_pamphlet/img/close.svg);
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.accordion-title.open:after {
top: 50%;
	background-image: url("https://dh-n.jp/sinro-koen/ssl_data/spiral/form/24daigaku_pamphlet/img/open.svg");
}
.price{
    position: relative;
    background: #caeaff;
    padding: 0 13px;
    margin-top: 13px;
    border-radius: 10px;
}
.price p{
    text-align: right;
    font-size: 1.6rem;
    font-weight: 700;
}
.price p span{
    color: #ee4f4f;
    font-size: 4rem;
}
input,textarea{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: 2px solid #e9eef0;
    border-radius: 5px;
    padding: 2px;
	width: 500px;
}
input[type="checkbox" i] {
	border: 2px solid #e9eef0;
    border-radius: 5px;
	width: auto;
}
button{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: 2px solid #e9eef0;
    border-radius: 5px;
    background: #fff;
    width: 100px;
    margin-right: 8px;
    padding: 10px;
	cursor:pointer;
}
select{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border: 2px solid #e9eef0;
border-radius: 5px;
padding: 7px;
width: 200px;	
}
.radiobutton .radiobutton{
	display: none;
}
.radiobutton label {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border: 2px solid #e9eef0;
    border-radius: 5px;
    padding: 5px;
    width: 70px;
    display: block;
    text-align: center;
    margin-right: 10px;
	cursor: pointer;
}
.radiobutton:checked + label {
    background: #49b0db;
	color: #fff;
	font-weight: 600;
}
main .kome_dl input,
main .kome_dl textarea,
main .kome_dl button,
main .kome_dl select{
    background: #ffe8e8;
}
@media screen and (max-width:767px) {
    .pc{
        display:none;
    }
    .sp{
        display:block;
    }
    bodymain.keitou{
        position: relative;
		overflow: auto;
    }
    body #pagetop a{
        position: absolute;
        right: 20px;
        bottom: -61px;
    }
    body #pagetop a img{
        width: 80%;
    }
	body .flex{
		display: block;
	}
	.accordion-title:after{
        right: 10px;
	}
}/*SP-end*/


/*共通*/
.inner{
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
}
main form dl{
display: flex;
    align-items: start;
    justify-content: flex-start;
    border-bottom: 2px dotted #d9d9d9;
    padding: 20px 0 17px;
}
main form dt{
	width: 200px;
	margin-top: 8px;
	font-weight: 600;
}
main form dt .kome{
    background: #ee4f4f;
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
    padding: 1px 4px;
    border-radius: 5px;
    margin-left: 10px;	
}
main form dd .caption{
	    color: #0eb396;
    font-size: 1.2rem;
    margin-top: 8px;
    text-align: left;
    font-weight: 500;
}
main form .half{
    display: flex;
    width: 590px;
	flex-wrap: wrap;
}
main form .half input:first-child{
	margin-right: 20px;
}
main form .half input{
	    width: 40%;
}
main form .year{
	    width: 684px;
    align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}
main form .year select{
    width: 80px!important;
}
main form .year p{
	margin: 0 5px;
	width: auto;
}
main form .address input{
	width: 300px;
}
main form .mail_magazine{
    border: none;
    width: 500px;
    margin: 0 auto 0;
    display: block;
    text-align: left;
}
main form .mail_magazine dt{
    font-size: 1.2rem;
    font-weight: 600;
    text-align: left;
    width: auto;
	margin-bottom: 8px;
}
main form .mail_magazine dd{
    font-size: 1.2rem;
    font-weight: 500;
    text-align: left;
    width: auto;
}
main form .mail_magazine .btn{
    margin-top: 10px;
    justify-content: flex-start;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
main form .red_er{
    text-align: left;
    font-size: 1.4rem;
    margin: 0;
    margin-top: 10px!important;
	width: 100%!important;
}
/*header*/
.header_ttl{
    background-image: linear-gradient(90deg, rgba(18, 38, 89, 1), rgba(63, 118, 193, 1));
    height: 98px;
    box-sizing: border-box;
    position: relative;
    box-shadow:0px 3px 6px -1px #eaeaea;  
    border-radius: 0 0 10px 10px;
}
.header_ttl{
		position: relative;
	}
	.header_ttl .logo{
    position: absolute;
    top: 33%;
    left: 20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	}
.header_ttl .inner{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}
.header_ttl .txt_box{
	color:#fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 90%;
}
.header_ttl p{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -429px;
    margin-top: -12px;
    font-weight: 600;
}
.header_ttl .txt_box h2{
    text-align: center;
    font-size: 1,8rem;
	font-weight: 600;
}
.header_ttl .txt_box h2 span{
	display: block;
	font-size: 2rem;
	background: #ffffff;
	border-radius: 90px;
    color: #003a81;
    width: 495px;
    margin:8px auto 0;
    padding: 3px
}
/*footer*/
footer{
	border-top: 3px solid #219ce5;
	padding: 30px 0;
}
footer .flex{
	justify-content: center;
}
footer a{
	margin: 0 20px;
}
/*main*/
main .sec{
	margin-top: 50px;
}
main h2{
font-size: 2rem;
    text-align: center;
    /* border-bottom: #1998e8 solid 3px; */
    color: #fff;
    font-weight: 600;
    padding: 8px 15px;
    margin-bottom: 20px;
    background-image: linear-gradient(90deg, rgba(18, 38, 89, 1), rgba(63, 118, 193, 1));
    border-radius: 6px;
}
main h2.color{
background-image: linear-gradient(90deg, rgba(246, 139, 31, 1), rgba(255, 204, 78, 1));
}
main .caption{
	font-weight: 600;
    font-size: 1.3rem;
    margin: 20px auto 10px;
}
main .link_btn a{
    width: 500px;
    display: block;
    margin: 0 auto;
    border-radius: 90px;
    font-size: 3rem;
    font-weight: 800;
    line-height: 1;
    padding: 20px 0;
    background: #FFC107;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
}
main .link_btn a:hover{
	opacity: 0.7;
}
main .scroll{
	    overflow: scroll;
    height: 300px;
    background: #f4f7f9;
    padding: 20px;
    box-sizing: border-box;
    border: 3px solid #e9eef0;
}
main .scroll p{
    margin-bottom: 20px;
    font-size: 1.6rem;
}
main .scroll strong{
    font-weight: 600;
    color: #00629d;
}
main .step_menu{
    background: #fbf4db;
	margin: 0;
    padding: 20px 0;
}
main .step_menu ul{
	justify-content: center;
	align-items: center;
}
main .step_menu ul li{
	margin: 0 20px;
}
main .step_menu ul li a{
	text-align: center;
	font-weight: 600;
    font-size: 1.6rem;
}
main .step_menu ul li a span{
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
}
main .step_menu ul li a span.step{
    background: #fff;
    padding: 5px 20px 3px;
    border-radius: 90px;	
}
main .step_menu ul li.on a span.step{
    background: #1998e8;
    color: #fff;	
}
main .gift {
　width: 37px;
    margin-right: 11px;
    margin-top: 0;
}
main .accordion-item.flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f0f0f0;
}
main .accordion-item .check_box{
    position: absolute;
    left: 9px;
    z-index: 1;
    top: 9px;
}
main .accordion-item .name{
margin-right: 8px;
    color: #3e3939;
    font-weight: 600;
    font-size: 1.4rem;
    max-width: 80%;
}
main .accordion-item .label{
    background:#d1e2ec;
    border-radius: 90px;
    padding: 0 10px;
    right: 60px;
    font-weight: 600;
    color: #3e3939;
    font-size: 1.2rem;
}
main .daigaku_box{
    border: 3px solid #1998e8;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0px 3px 26px 0px rgb(0 0 0 / 10%);
}
main .accordion-item .arrow_caption{
    color: #3e3939;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -0.05em;
    position: absolute;
    right: 57px;	
}
body.step1 .scroll{
	overflow: auto;
	height: auto;
	padding-bottom: 0;
	margin-top: 20px;
}
.red_er{
	font-size: 1.5rem;
	font-weight: 600;
	margin: 10px auto;
	text-align: left;
	color: red;
}
.scroll .caption{
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.scroll p.ttl{
    font-weight: 600;
    color: #1998e8;
    font-size: 1.6rem;
    margin-bottom: 9px;
}
main .under_btnwrap{
	margin-top: 30px;
}
main .under_btnwrap .flex{
	justify-content: center;
	align-items: center;
	    flex-direction: row-reverse;
}
main .under_btnwrap .flex a{
    display: block;
    box-sizing: border-box;
    padding: 10px 30px;
    background: #FFC107;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
    font-size: 1.7rem;
    font-weight: 600;
    text-align: center;
    border-radius: 90px;
    margin: 0 20px;
}
main .under_btnwrap .flex a:first-child{
	 width: 470px;
    display: block;
    /* margin: 0 auto; */
    border-radius: 90px;
    font-size: 2.3rem;
    font-weight: 800;
    line-height: 1;
    padding: 16px 0;
    background: #FFC107;
    box-shadow: 6px 5px 0px -1px rgb(0 0 0 / 12%);
}
main .under_btnwrap .flex a.back{
	    background: #ffffff;
    border: 1px solid #c3c3c3;
}
body.step2 form input,
body.step2 form select{
    padding: 10px;
    font-size: 1.6rem;
    box-sizing: border-box;
}
body.step2 form select{
    width: 280px;
}
body.step3 .radiobutton{
    width: 18%;
    margin-right: 10px;
	margin-bottom: 10px;
}
body.step3 dl{
	display: block;
}
body.step3 dt{
	width: 100%;
	margin-bottom: 10px;
}
body.step3 dl .flex{
    flex-wrap: wrap;
    justify-content: flex-start;
}
body.step3 .radiobutton label{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
body.step3 .nyushi .radiobutton{
	width: 48%;
}
.doui_box input{
	    position: relative;
    width: 23px;
    height: 23px;
    border: 2px solid #51b4d9;
    vertical-align: -5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.doui_box input[type="checkbox"]:checked {
    background: #ee4f4f;
    border: 2px solid #ee4f4f;
}
.doui_box input[type="checkbox"]:checked:before{
	    position: absolute;
    top: 2px;
    left: 5px;
    transform: rotate(44deg);
    width: 7px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
.doui_box{
    text-align: center;
    margin-top: 16px;
    font-weight: 700;
    font-size: 2rem;
    display: flex;
    justify-content: center;
}
main .entry_btn {
	margin: 50px auto;
}
@media only screen and (max-width: 767px){
/*共通*/
	main .accordion-item .check_box{
		top: 6px;
	}
	main .step_menu ul{
        display: flex;
        margin: 0 auto;
	}
	
	main .step_menu ul li{
	        width: auto;
        margin: 0;
	}
	main .step_menu ul li a{
		font-size: 1.2rem;
	}
	main .step_menu ul li a span{
		font-size: 1.2rem;
	}
	main .step_menu ul li img{
        width: 5px;
        margin: 0 10px;
	}
	main .step_menu ul li a span.step{
		padding: 5px;
	}
	main form dl{
		display: block;
	}
	main form .half{
		width: 100%;
		display: block;
	}
	body.step2 form select{
		width: 100%;
		margin-bottom: 3%;
	}
	main form .half input:first-child{
		margin-right: 0;
		margin-bottom: 2%;
	}
	main form .half input{
		width: 100%;
	}
	main form dt{
		margin-bottom: 5%;
	}
	.radiobutton label{
		width: 100%;
		margin-bottom: 2%;
		box-sizing: border-box;
	}
	main form .year{
		display: flex;
	}
	main form .address input{
		width: 100%;
	}
	main form .mail_magazine{
        width: 100%;
        box-sizing: border-box;
	}
main .sec1{
	margin-top: 5%;
}
.inner{
	width: 90%;
	max-width: 90%;
}
	input, textarea,select{
		width: 100%;
	}
	main .under_btnwrap .flex a{
		width: 100%;
		margin: 0;
	}
	main .under_btnwrap .flex a:first-child{
	 width: 100%;
    display: block;
    padding: 20px 0;
}
	main .under_btnwrap .flex a.back{
        margin-bottom: 0;
        margin-top: 4%;
        font-size: 1.7rem;
        padding: 10px;
	}
/*header*/
	.header_ttl{
        height: auto;
        padding-top: 11px;
	}
	.header_ttl .logo{
		position: static;
		margin: 0 auto 5px;
		display: block;
		transform:none;
	}
	.header_ttl .txt_box{
        position: static;
        transform: none;
        margin: 0 auto;
	}
.header_ttl .txt_box h2{
	line-height: 1.3;
}
.header_ttl .txt_box h2 span{
	width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	margin-top: 8px;
}
.header_ttl p{
	display: none;
}
.header_ttl .inner{
        display: block;
        height: 100%;
        padding: 6px 0 10px;
        box-sizing: border-box;
}
/*footer*/
footer{
	padding: 2%;
}
footer a{
	display: block;
	margin: 10px auto;
	text-align: center;
	font-size: 1.4rem;
}
/*main*/
main .img_bnr img{
	width: 100%;
}
main .link_btn a{
	width: 100%;
	font-size: 2.2rem;
}

/*accordion*/
	main .accordion-item .name{
		font-size: 1.4rem;
        max-width: 50%;
	}
	main .accordion-item .arrow_caption{
		display: none;
	} 
	.accordion-item .accordion-title{
        display: flex;
        padding: 10px 10px 10px 48px;
	}
	body.step3 .radiobutton{
        width: 47%;
        margin-right: 10px;
        margin-bottom: 10px;
}
body.step3 dl{
	display: block;
}
body.step3 dt{
	width: 100%;
	margin-bottom: 10px;
}
body.step3 dl .flex{
    flex-wrap: wrap;
    justify-content: flex-start;
	display: flex;
}
body.step3 .radiobutton label{
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-top: 11px;
}
body.step3 .nyushi .radiobutton{
	width: 100%;
}
.doui_box{
    text-align: center;
    margin-top: 16px;
    font-weight: 700;
    font-size: 2rem;
    display: flex;
    justify-content: center;
}
	main .daigaku_box{
		padding: 10px;
	}
	main h2{
		text-align: center;
		    padding: 8px 0;
	}
	main .caption{
		font-size: 1.4rem;
	}
	main .under_btnwrap .flex{
		display: flex;
		flex-wrap: wrap;
	}
	main .under_btnwrap .flex a{
		width: 100%;
		padding: 20px 0;
		font-size: 2.2rem;
	}
	main form dd .caption{
	font-size: 1.6rem;
	}
	main form .mail_magazine dt,
	main form .mail_magazine dd{
		font-size: 1.6rem;
	}
}/*/sp-end*/