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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');

body {
max-width:900px;
	color:#363636;
  margin: 0 auto;
  padding: 0;
  font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.choose_box {
  position: relative;
  height: 50vw;
  width: 100%;
}

 .choose_box h3 {
	 color:#363636;
    font-size:30px;
    display: block;
    font-weight: 600;
    text-align: center;
	 padding:10px;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
  }

 .choose_box p {
    font-size: 20px;
    display: block;
    font-weight: 600;
    padding:20px 0 50px;
    text-align: center;
  }


@media screen and (min-width:768px) {
.choose_box ul {
    width: 100%;
    text-align: center;
    margin:0 auto;
   display:flex;
  flex-wrap: wrap;
}
	
.choose_box ul li {
  width: calc(100% / 2 - 20px);
  margin:0 10px 20px;
  list-style: none;
}
	
}

@media screen and (max-width:767px) {
	
.choose_box ul {
    max-width:450px;
    text-align: center;
    margin:0 10px;
   display:flex;
  flex-wrap: wrap;
}
	
.choose_box ul li {
  width:100%;
  margin:0 auto 20px;
  list-style: none;
}
	
}

.choose_box ul li a {
  color: #fff;
  display: block;
  padding: 5px 5px 10px;
  text-align: center;
  background-color: #38a39d;
  font-weight: 600;
  font-size: 1.5em;
  border: 2px solid #38a39d;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.choose_box ul li a >.small{
	font-size:0.8em;
}

.choose_box ul li a:hover {
   background-color: #efefef;
  color: #38a39d;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.choose_box ul li.first01 a {
  color: #fff;
  display: block;
  padding: 5px 5px 10px;
  text-align: center;
  background-color:rgba(252,103,132,1.00);
  font-weight: 600;
  font-size: 1.5em;
  border: 2px solid rgba(252,103,132,1.00);
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.choose_box ul li.first01 a >.small{
	font-size:0.8em;
}

.choose_box ul li.first01 a:hover {
   background-color:rgba(252,103,132,0.1);
  color:rgba(252,103,132,1.00);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}


.flexbox{
	padding:0;
}

h1{
	font-size: 2em;
	text-align:center;
	background-color:rgba(252,103,132,1.00);
	color:#fff;
	padding:1% 1% 1.5%;
}

.top{
	text-align: center;
	font-weight:200;
	padding:10px;
}

h4 {
    width: 50%;
    clear: both;
    margin: auto;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
  background-color: #C00003;
  }

.fit {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

#q_06 span,#q_07 span {
  display: block;
  width:100%;
}
#q_06 a,#q_07 a {
  display: block;
  width:100%;
  text-align: center;
}