@charset "utf-8";
/* CSS Document */
html,body{
	overflow-x:hidden;
}
main img{
  max-width:100%;
}
img{
	vertical-align:bottom;
  backface-visibility: hidden;
}
.inner {
    max-width: 960px;
}

/*------------------
下層ページ
--------------------*/
main#second #main_v h1{
  margin-bottom:0px;
  text-align:center;
  padding:2rem 0;
}
main#second #main_ttl{
  background-color:#dcb053;
  text-align:center;
  padding:4rem 0 2rem 0;
}
main#second h2 {
    font-size: 3.4rem;
    color: #FFF;
    display: inline-block;
    border: solid 2px;
    border-radius: 3em;
    padding: 0 0.5em;
    line-height: 1;
    margin-bottom: 0em;
}
main#second h2 span {
    background-color: #dcb053;
    position: relative;
    top: -0.5em;
    padding: 0 0.3em;
}
main#second .btn_enquete{
  text-align:center;
  padding:7rem 0 6rem 0;
}
main#second .btn_enquete a{
  display:inline-block;
  background:url(../../img/icon_note.png) 2em center /2.875em no-repeat;
  background-color:#ff0007;
  border-radius:3em;
  color:#FFF;
  padding:1em 6em;
  position:relative;
  transition-duration: 0.3s;
}
main#second .btn_enquete a:hover{
  opacity:0.7;
}
main#second .btn_enquete a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 2em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #FFF;
    border-right: 0.15em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
main#second .btn_enquete a span{
  font-size:2.4rem;
}
main#second .btn_top{
  background-color:#f1eee9;
  padding:5rem 0;
  text-align:center;
}
main#second .btn_top a{
  display:inline-block;
  background-color:#cfa345;
  border-radius:3em;
  color:#FFF;
  padding:1em 5em;
  position:relative;
  transition-duration: 0.3s;
  font-size:1.8rem;
}
main#second .btn_top a:hover{
  opacity:0.7;
}
main#second .btn_top a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: 1.5em;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.15em solid #FFF;
    border-right: 0.15em solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*------------------
プロフィール　モーダル
--------------------*/

.profile_box{
  max-width:750px;
  min-width:750px;
  margin:0 auto;
  overflow-x: hidden;
}
.profile_box .profile{
  background-color:#9fd3d8;
  padding:0 7%;
}
.profile_box .profile h3{
  color:#FFF;
  font-size:2.4rem;
  padding:0.7em 0;
}
.profile_box .profile h3 img{
  width:0.9588em;
  margin-right:0.5em;
  position:relative;
  top:-0.2em;
  margin-left:-1.5em;
}
.profile_box .profile h3 img.group {
    width: 1.333em;
}
.profile_box .profile ul{
  justify-content: flex-start;
  width:105%;
}
.profile_box .profile li{
  width:29.6%;
  margin-right:3%;
}

.profile_box .profile li img{
width:100%;
}

.profile_box .profile dl{
  padding:1.5em 0;
}
.profile_box .profile dl div{
  display:flex;

  align-items: flex-start;
  margin-bottom:0.5em;
}
.profile_box .profile dt{
  display:inline-block;
  background-color:#FFF;
  border-radius:3em;
  color:#cd9d37;
  padding:0.3em 0;
  min-width:5em;
  text-align:center;
  font-weight:bold;
  margin-right:0.5em;
}
.profile_box .profile dd{
  font-size:2rem;
  font-weight:bold;
  padding-top:0.1em;
}
.profile_box .comment{
  padding:2em 7%;
  background-color:#FFF;
}
.profile_box .comment dt{
  color:#cd9d37;
  font-size:2rem;
  font-weight:bold;
  margin-bottom:0.5em;
}
.profile_box .comment dd{
  padding-bottom:1.5em;
}
.profile_box .comment .caption{
  font-size:1.4rem;
}
.profile_box .comment ul{
  display:flex;
  flex-wrap:wrap;
}
.profile_box .comment ul li{
  width:25%;
  color:#d4a237;
  font-size:1.5rem;
  border-right:1px solid;
  margin-top:2em;
  box-sizing: border-box;
  padding:0 0.5em;
}
.profile_box .comment ul li:nth-of-type(4),
.profile_box .comment ul li:nth-of-type(8),
.profile_box .comment ul li:nth-of-type(12),
.profile_box .comment ul li:nth-of-type(16),
.profile_box .comment ul li:nth-of-type(20){
  border-right:none;
}

.profile_box .comment ul li span{
  display:block;
  font-size:1.8rem;
}

/*------------------
TOPに戻るボタン
--------------------*/
  #back-top {
             position: fixed;
             bottom: 3rem;
			 right:2rem;
			 z-index:9998;
			 display:none;
  }
  #back-top a {
             width: 5.1rem;
             display: block;
             text-decoration: none;
             color: #bbb;
  }
  #back-top a:hover {
             color: #000;
  }
  /* arrow icon (span tag) */
  #back-top span {
             width: 5.1rem;
             height: 5.1rem;
             display: block;
             background: url(/jagaimo/common/img/btn_top.png) center center /contain no-repeat;
  }
	#back-top.fixed{
             bottom: 6rem;
	}



@media screen and (min-width: 768px) and (max-width: 960px) {
  .inner {
    padding: 0em 4%;
  }
}


@media screen and (max-width: 767px) {
  #sp_menu{
    position:relative;
    z-index:101;
  }
#sp_menu .toggle {
    display: block;
    position: absolute;
    right: 0em;
    top: 0;
    width: 2.6em;
    height: 2.6em;
    cursor: pointer;
    z-index: 100;
	overflow:hidden;
  background-color:#dcb053;
}
  #sp_menu .toggle.fixed{
    position: fixed;
    right: 0em;
    top: 0em;
  } 
#sp_menu .toggle span {
    display: block;
    position: absolute;
    width: 1.6em;
    border-bottom: solid 0.6vw #FFF;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 0.5em;
}
#sp_menu .toggle span:nth-child(1) {
    top: 0.6em;
}

#sp_menu .toggle span:nth-child(2) {
    top: 1.2em;
}

#sp_menu .toggle span:nth-child(3) {
    top: 1.8em;
}
#sp_menu .toggle.active span:nth-child(1) {
    top: 1.2em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#sp_menu .toggle.active span:nth-child(2),
#sp_menu .toggle.active span:nth-child(3) {
    top: 1.2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
  #sp_menu .menu{
    top:26vw;
    position:fixed;
    right:0px;
    width:100%;
    pointer-events: none;
  }
  #sp_menu .toggle.active + .menu{
    pointer-events: auto;
  }
  #sp_menu .toggle.fixed + .menu{
    top:11vw;
  }
  #sp_menu .menu ul{
    background-color:#dcb053;
    padding:1em;
    transition-duration: 0.5s;
    position:relative;
    right:-100vw;
  }
  #sp_menu .menu ul.active{
    right:0vw;
    
  }

  #sp_menu .menu ul li a{
    display:block;
    border:solid 1px;
    color:#FFF;
    text-align:center;
    padding:0.7em 0;
    margin-bottom:0.8em;
  }
  #sp_menu .menu ul li:last-child a{
    margin-bottom:0em;
  }
  
/*------------------
下層ページ
--------------------*/
  main#second #main_v h1 {
    padding: 1.3rem 0;
}
main#second #main_v h1 img{
  width:40%;
}
  main#second #main_ttl {
    padding: 2.5rem 0 1rem 0;
}
  main#second h2 {
    font-size: 2.4rem;
}
  main#second .btn_enquete a {
    background: url(../../img/icon_note.png) 2em center /2.5em no-repeat;
    background-color: #ff0007;
    padding: 1em 3em;
    font-size:1.4rem;
    width:100%;
    border-radius:4em;
}
  main#second .btn_enquete a span {
    font-size:1.8rem;
}
  main#second .btn_top {
    padding: 5rem 1.2rem;
}
  main#second .btn_top a {
    padding: 1em 0em;
    font-size: 1.6rem;
    width:100%;
}
  
/*------------------
プロフィール　モーダル
--------------------*/
  .profile_box{
    width:100%;
  max-width:100%;
  min-width:100%;
}
  .profile_box .profile h3 {
    font-size: 2rem;
}
  .profile_box .profile h3 img {
    margin-left: 0em;
}
  .profile_box .profile ul{
    width:100%;
  }
  .profile_box .profile li {
    width: 100%;
    margin-right:0px;
    margin-bottom:1em;
}
  .profile_box .profile li:last-child {
    margin-bottom:0em;
}
  .profile_box .profile li img{
    width: 100%;
}
  .profile_box .comment ul li {
    width: 50%;
}
  .profile_box .comment ul li:nth-of-type(even) {
    border-right:none;
}



/*------------------
TOPに戻るボタン
--------------------*/
#back-top {
    bottom: 8rem;
    right: 1rem;
}
	#back-top.fixed{
    bottom: 8rem;
	}

}