@charset "UTF-8";
/*
Theme Name: Tutrial3
Theme URI: http://walkal.com
Description: WP theme for Tutrial
Version: 1.0
Author: Walkal Inc.
Author URI: http://walkal.com/
*/

/*
	----------------------------
	RESET
	____________________________
*/
p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset,section { margin: 0;padding: 0;border: 0;vertical-align: baseline; }
img{ margin: 0;padding: 0;border: 0;vertical-align: bottom; }
h1,h2,h3,h4,h5,h6,ul { margin:0; }

h2 {font-size:280%;font-weight:normal;padding:3% 0 5% 0;}
h3 {font-size:150%;font-weight:normal;padding:1% 0 1% 0;}
h4,h5 {font-weight:normal;padding:0 0 2% 0;}
p { font-size:90%;padding:0 0 20px 0; }
a {color:#333;}
a:visited {color:#333;}
a:hover{text-decoration:none;}

body, html {font-size: 100%; padding: 0; margin: 0; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


header {max-width:1000px;padding:1% 0;margin:0 auto;display:block;background:rgba(235,110,165,0.6);text-align:center;}
header img{
	max-width:100%;
	height:auto;
}

ul.flex-container {
    display: flex;
    flex-direction: row; /* デフォルト値 */
    align-items: stretch; /* デフォルト値 */
    justify-content: space-around; /* デフォルト値 */
    flex-wrap: wrap; /* デフォルト値 */
    align-content: stretch; /* デフォルト値 */
	list-style:none;
	padding:1.5%;
	margin:0;
}
ul.flex-container li{
	max-width:19%;
	margin:0;
	padding:0;
}
ul.flex-container li a{text-decoration:none;}

.pref {
	margin:5px 10px 2px 10px;

}
section {max-width:1000px;margin:0 auto;padding:0;display:block;}

.container{width:90%;max-width:900px;margin:0 auto;display:flex;flex-wrap: wrap;justify-content: center;}
.container img{max-width:100%;height:auto;}
.container ul{list-style:none;padding:0;margin:0;}
.container ul li {padding:0;margin-bottom:3.5%;}
.container_left{width:50%;margin:0 auto;padding:0;display:flex;}
.container_right{width:50%;margin:0 auto;padding:0;display:flex;}
.newsbox{padding:1%;border-left:1px solid #00a0e9;border-right:1px solid #00a0e9;border-bottom:1px solid #00a0e9;}
.newsbox li{border-bottom:1px dotted #333333;}
ul.documents{display:flex;flex-direction:column;align-items: center;list-style:none;padding:5% 0;margin:0;}
ul.documents li:nth-child(even){margin-bottom:5%;}
.form_area{max-width:80%;margin:0 auto;}
.form_area img{max-width:100%;height:auto;}
#myForm span{font-size:135%;}
#myForm p{text-align:center;}
label{margin-bottom:3%;}
input[type=checkbox] {
	transform: scale(2);
	margin: 0 6px 3% 0;
}
.faq{}
.faq img{min-width:65px;height:auto;}
.faq ul{width:80%;max-width:800px;list-style:none;margin:0 auto;}
.faq ul li{display:flex;margin-bottom:3%;}
.faq_icon{min-width:88px;}
.faq ul li h3{padding-top:3%;font-size:105%;}
.faq a{color:#e60012;text-decoration:none;}
.faq a:hover{text-decoration:underline;}
.answer{padding-top:2%}
.see_all{display:flex;margin:0 auto;justify-content:center;padding-bottom:5%;}
.arc_h1{display:flex;font-size:150%;font-weight:normal;align-items:center;background:#fdeef4;padding:0 3%;width:80%;margin:3% auto;}
.arc_h1 span{font-size:140%;}
.news article{width:80%;margin:3% auto;padding-bottom:3%;border-bottom:1px dotted #CDCDCD;}

.bk_pink { background:#FCEEF4;}

.column_2 { width:50%; height:auto; display:block; float:left; text-align:center; padding:20px 0;}

.fax_area {background:#FCEEF4; text-align:center;}

.mobile_area { display:none;}

footer {max-width:1000px; height:auto;color:#FFFFFF;padding-top:0;margin:0 auto;display:block; text-align:center;}
footer img{max-width:100%;height:auto;}

.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}



@media (max-width: 767px) {
	
	header{width:94%;height:auto;display:block;margin:0;padding:3%;}
	section{width:100%;height:auto;display:block;margin:0;padding:0;}
	section img {max-width:100%; height:auto;}
	footer{width:100%;height:auto;display:block; font-size:80%;}
	.faq_icon{min-width:30px;max-width:30px;padding-top:3%;}
	.faq_icon img{min-width:20px;height:auto;}
	.arc_h1{display:flex;font-size:100%;font-weight:normal;align-items:center;background:#fdeef4;padding:0 3%;width:80%;margin:3% auto;}
.arc_h1 span{font-size:110%;}
	
.head_button {
	font-size:75%;
	margin:10px 10px 5px 10px;
	padding:5px 0px;
}


.head_button a{text-decoration:none;background:FFFFF;padding:5px 10px;}
.head_button a:hover {text-decoration:none;background:#FCEEF4;padding:5px 10px;}

.pref {max-width:25%; height:auto;}
.pref img{ width:75%; height:auto; margin:0;}

.column_2 { width:100%; height:auto; display:block; float:inherit; text-align:center; padding:20px 0;}

.pc_area{ display:none;}
.mobile_area{ display:inherit;}

dl dt{
    width: 100px;
    margin: 0;
    padding: 5px;
    float:inherit;
	display:block;
}
dl dd{
    margin:0 10px 10px 20px;
    padding: 0 5px 5px 0;
    border-bottom: 1px dotted #cccccc;
	display:block;
}


}


/*wp-pagenavi base*/
.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #999;
	background-color: #FFF;
	border: solid 1px #e0e0d2;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration:none;
}
.wp-pagenavi a:hover{
    color:#FFF; 
    background-color:#999; 
    border-color:#999;
    }
.wp-pagenavi span.current{
	color: #FFF;
	background-color: #d8569b;
	border-color: #d8569b;
	font-weight: bold;
    }