/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media (max-width: 580px) { /******************* iphoneの場合STA *******************/

.col_1_s,
.col_2_s,
.col_img_s,
.col_3_s,
.col_4_s,
.col_5_s,
.col_6_s,
.col_7_s,
.col_8_s,
.col_9_s,
.col_10_s,
.col_10_s,
.col_12_s {
float: left;
}
.col_12_s {
  width: 100%;
}
.col_11_s {
  width: 91.66666666666666%;
}
.col_10_s {
  width: 83.33333333333334%;
}
.col_9_s {
  width: 75%;
}
.col_8_s {
  width: 66.66666666666666%;
}
.col_7_s {
  width: 58.333333333333336%;
}
.col_6_s {
  width: 50%;
}
.col_5_s {
  width: 41.66666666666667%;
}
.col_4_s {
  width: 33.33333333333333%;
}
.col_3_s {
  width: 25%;
}
.col_2_s {
  width: 16.666666666666664%;
}
.col_img_s {
  width: 14%;
}
.col_1_s {
  width: 8.333333333333332%;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */



@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
/*!
 * Bootswatch v3.1.1
 * Homepage: http://bootswatch.com
 * Copyright 2012-2014 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */



*{
  margin:0;
  padding:0;
  zoom:1;
}

html {
  font-family: QuarcaNorm, meiryo, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.right{
  text-align: left;
}

.font50{
  font-size:26px;
}

.font46{
  font-size:26px;
}

.font40{
  font-size:26px;
}

.font36{
  font-size:18px;
}

.font30{
  font-size:18px;
}

.font26{
  font-size:16px;
}

.font24{
  font-size:16px;
}

.font22{
  font-size: 16px;
}

.font20{
  font-size:14px;
}

.font18{
  font-size:14px;
}

.font14{
  font-size:12px;
}

.font10_s{
  font-size:10px;
}

.font12_s{
  font-size:12px;
}

.font14_s{
  font-size:14px;
}

.font16_s{
  font-size:16px;
}

a.top_button{
  font-size:14px;
  padding: 10px 20px;
}

a.top_button:hover,
a.top_button:focus{
  padding: 10px 30px;
}

a.white_button{
  font-size:14px;
  padding: 0px 20px;
}

a.blue_button,
a.red_button,
a.orange_button,
a.green_button,
a.grey_button,
a.skeleton,
.btn{
  font-size:14px;
  padding: 10px 20px;
}

a.white_button:hover,
a.white_button:focus{
  padding: 0px 30px;  
}

a.blue_button:hover,
a.blue_button:focus,
a.red_button:hover,
a.red_button:focus,
a.orange_button:hover,
a.orange_button:focus,
a.green_button:hover,
a.green_button:focus,
a.grey_button:hover,
a.grey_button:focus,
a.skeleton:hover,
a.skeleton:focus,
.btn:focus,
.btn:hover{
  padding: 10px 30px;
}

.text_1{
  font-size:16px;
  padding: 10px 0px;
}

.text_2{
  padding: 5px 2px;
}

.text_3{
  font-size:14px;
  padding: 10px 0px;
}

.text_4{
  color: #ffffff;
  font-size:14px;
  padding: 10px 0px;
}




.bgimg{
  background-image: url("../img/bgimg.png");
  background-repeat: no-repeat;  
  background-position: top;
  background-size:cover;
}

.hect_w{
  color: #FFFFFF;
  font-size:30px;
  line-height: 120%;
  letter-spacing:1px;
  transition: 0.1s;
  margin: 5px 0px 5px 0px;
}


.subtitle_w{
  color: #FFFFFF;
  font-size: 8px;
  line-height: 120%;
  letter-spacing:1px;
  transition: 0.1s;
  margin: 0px 0px 5px 0px;
}

.top_border{
  border-radius: 30px; 
  margin-top: 15px;
}

.topfont{
  font-size:16px;
}

.peopleimg{
  width: 35px;
  padding: 1px;  
}

.peopleimg3{
  width: 40px;
  padding: 1px;  
}

.subtitle2_w{
  font-size: 15px;
  padding: 10px 0px 10px 0px;
}

.height160{
  height: 100%;
}

.img80_p{
  width: 80%;
}

.block_s{
  display: block;
}

.display_none_s{
  display: none;
}

.form label{
	background: none;
	color: #595757;
	font-size: 14px;
	font-weight: 300;
	padding: 20px 0px 0px;
  border-bottom: solid 1px #C9C9CA;
  margin-bottom: 5px;
}

.form input{
	margin: 0px 0px 5px;
	padding: 1px 5px;
	border: solid 1px #C9C9CA;
}

.form input[type=radio]{
	margin: 5px 10px 10px 0px;
  vertical-align: middle;
}

label.form_l{
	padding: 20px 0px 5px;	
}
.form textarea{
	margin: 10px 0px;
	padding: 5px;
	border: solid 1px #C9C9CA;
	height: 100px;
}

.form p{
	margin: 0px;
}

.must{
	background: #F39700;
	color: #ffffff;
	padding: 3px 7px;
	border-radius: 3px;
	float: none;
  margin-left: 15px; 
}

.option{
	background: #00A0E8;
	color: #ffffff;
	padding: 3px 7px;
	border-radius: 3px;
	float: none;
  margin-left: 15px; 
}

.border_left{
  border-left: none;
  box-shadow: none;
}

.border_bottom_s{
  border-bottom: 1px solid rgba(0,0,0,.1);
  box-shadow: 0 1px 0 rgba(255,255,255,.3);
}

.list_head{
  border-bottom: 1px solid #868686;
}
li p.list_head{
  padding-left: 0px;
  padding-right: 3px;
}

.height_auto_s{
  height: auto;
}

.underline30_s{
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: solid 1px #C9C9CA; 
}

.footer_list li{
	padding: 0px 30px 0px 0px;
	float: left;
	margin-bottom: 30px;
}

.breadcrumb li{
  font-size: 10px;
}


/*-------------------------------------
top
--------------------------------------*/

.bgimg{
  background-image: url("../img/bgimg_s.png");
  background-repeat: no-repeat;  
  background-position: top;
  background-size:cover;
}

.merit_sub{
  padding: 10px 0px;
}

.ranking{
  width: 100%;
  font-size: 14px;
}

.balloon_b {
  padding: 10px 30px;
  min-width: 250px;
}
.balloon_b:before {
  bottom: -20px; left: 12.5%;
  margin-left: -10px;
  border-width: 30px 100px 0 100px;
}




.height70_s{
  height: 30px;
}

.pad80_0{
  padding: 40px 0px 0px 0px;
}

.pad0_s{
  padding: 0px;
}

.pad5_s{
  padding: 5px;
}

.pad0_10_s{
  padding: 0px 10px;
}

.pad10_0_s{
  padding:10px 0px;
}






.depth10_s{
  margin: auto auto 10px auto;
}

.depth20_s{
  margin: auto auto 20px auto;
}



















}/******************* デスクトップ以上END *******************/