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

*{
margin:0px;
padding:0px;
}

body{
background-color:#EEEEEE;
font-family:"游ゴシック Medium","Yu Gothic Medium","游ゴシック体",YuGothic,sans-serif;/*フォントファミリー*/

}

.logo{
font-size:40px;
font-weight: bold;
margin:10px 50px;
}

.logo a:link {color:#000000; text-decoration:none; } /*未訪問のリンクの色*/
.logo a:visited {color:#000000;} /*訪問済みのリンクの色*/
.logo a:hover {color:#000000; background:#DDDDDD;} /*カーソルが乗っているリンクの色*/
.logo a:active {color:#000000;} /*クリック中のリンクの色*/

.bg{
width:100%; 
background-color:#fff; 
}

h1{
font-size:28px;
margin:7px 0;

}

.contents{
padding:30px 6%;
}

.label{
text-align:right;
vertical-align:top;
padding:10px;
display:block;
}
.label_mobile{
display:none;
}

.item{
padding:10px;
}
.button{
height:50px;
text-align:right;
vertical-align:bottom;
padding:10px;
}


.form-group{
width:100%;
}


tr{
margin:10px 10px;
}

input[type="text"],input[type="email"]{
font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 300px;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
	-webkit-appearance:none;
}

textarea{
font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 500px;
	height:200px;
	padding: 0.3em;
	transition: 0.3s;
	border: 1px solid #1b2538;
	border-radius: 4px;
	outline: none;
	-webkit-appearance:none;
}

button{
display: inline-block;
width: 160px;
padding: 1em;
line-height: 1.4;
cursor: pointer;
user-select: none;
transition: background-color 0.2s, color 0.2s, width 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-radius 0.2s;
color: #7e57c2;
border: 1px solid #7e57c2;
border-radius: 0.2em;
background: transparent;

}

button:hover {
width: 180px;
color: #ffffff;
border-radius: 0.5em;
border: 1px solid #7e57c2;
background-color: #7e57c2;
}

button:active{
border-color: #5e35b1;
	background-color: #5e35b1;
}

button:focus {
	color: #7e57c2;
	border: 1px solid #7e57c2;
}
button:focus:hover {
	color: #ffffff;
}

.footer{
margin:10px 30px;

}

.footer ul{

text-align: right;
list-style: none;
}
.footer p{
float:left;
}

.footer a:link {color:#333333; } /*未訪問のリンクの色*/
.footer a:visited {color:#AAAAAA;} /*訪問済みのリンクの色*/
.footer a:hover {color:#ffffff; background:#0000cc;} /*カーソルが乗っているリンクの色*/
.footer a:active {color:#ffff00;} /*クリック中のリンクの色*/


.cp_ipselect {
	overflow: hidden;
	width: 60%;
	
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

@media screen and (max-width: 768px) {
.logo{
font-size:40px;
font-weight: bold;
margin:10px 20px;
}

.label{
display:none;
}
.label_mobile{
display:block;
}


.contents{
padding:20px 5%;
}
table{
width:100%;
}
input[type="text"],input[type="email"]{
font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	
}

select{

}

textarea{
font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	height:200px;
	padding: 0.3em;
}

h1{
font-size:22px;
margin:7px 0;
text-align:center;
}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	
}


}

@media screen and(max-width:768px),
screen and (orientation: portrait){/*スマホで縦向きの場合*/

}