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

@media screen and (max-width: 1199px) {
header .head_logo img{
width:100px;
	
}
.contents{
        width: 90%;
        margin: auto;
}

.mv .mv_bg {
width:100%;

}

.mv .mv_in {
width:100%;
padding: 20px 0px;
}
.mv h2 {
    font-size: 1.3em;
}

.net_box {
    flex-direction: column;
}
.net_box div {
    flex: 100%;
    max-width: 100%;
	margin-bottom:10px;
}
.net_box div p span {

}
.page_box {
    flex-direction: column;
}
.page_box a {
    flex: 100%;
    max-width: 100%;
	margin-bottom:10px;
}
.page_tit h2 {
    font-size: 1.3em;
}
.sub_tit {
    font-size: 1em;
}
.support_box {
     flex-direction: column;
}
.support_box div {

    flex:100%;
    max-width: 100%;
	margin-bottom:10px;
}

.network {
    flex-direction: row;
    flex-wrap: wrap;
}
.network div {

    flex: 0 0 48.6666666667%;
    max-width: 48.6666666667%;
		margin-bottom:10px;

}.network div h3 {
    font-size: 1em;
}
.page_tit h3 {
    font-size: 1em;
}
.otoku_box1 {
    flex-direction: column;
}
.otoku_box1 div h3 {
    font-size: 1.3em;
}
.cstm-box-memo ul {
    font-size: 1em;
    flex-direction: column;
	        margin: 0;
        padding: 0;
}
.spbr{
display:block;
}

ul.kome{
margin:0;
padding:20px 0;
}
.kome li span:nth-child(1) {width:20% !important;padding-right: 0px;}
	.kome li span:nth-child(2) {width:90%;
}
}